/* Mockup JumpCat — base comum aos três temas. Fontes self-host (as mesmas do site). */
@font-face { font-family: "Instrument Serif"; font-style: normal; font-weight: 400; font-display: swap; src: url(instrument-serif.woff2) format("woff2"); }
@font-face { font-family: "Instrument Serif"; font-style: italic; font-weight: 400; font-display: swap; src: url(instrument-serif-italic.woff2) format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 100 700; font-display: swap; src: url(ibm-plex-sans.woff2) format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 100 800; font-display: swap; src: url(jetbrains-mono.woff2) format("woff2"); }

:root {
  --void:#08090B; --panel:#0E1014; --raised:#13151A; --line:#22262E; --line-2:#30353F;
  --muted:#8C929D; --text:#EDEEF0; --text-2:#A5ABB5;
  --jump:#FE6D01; --jump-hi:#FF8A33; --await:#FFC247; --ok:#3DDC97; --info:#4CC9F0; --err:#FF4D5E;
  --mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  --sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --r:12px; --r-sm:8px; --max:1180px;
  --btn-bg:var(--jump); --btn-fg:#0B0A08; --card-bg:var(--panel); --card-line:var(--line);
  --nav-bg:rgba(8,9,11,.72);
  color-scheme:dark;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--void);color:var(--text);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block} a{color:var(--jump-hi);text-decoration:none} a:hover{text-decoration:underline}
h1,h2,h3{margin:0;font-weight:400;line-height:1.08;letter-spacing:-.01em}
h1,.h2,.serif{font-family:var(--serif)} h3{font-family:var(--sans);font-weight:600;font-size:1.05rem;letter-spacing:0}
em{font-style:italic} .h2 em{color:var(--jump-hi)} .h2 em.plain{color:inherit}
p{margin:0 0 1rem} .lead{font-size:1.15rem;color:var(--text-2);max-width:58ch}
.muted{color:var(--muted)} .small{font-size:.85rem} .mono{font-family:var(--mono);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px} .narrow{max-width:760px}
.eyebrow{display:inline-block;font:500 .74rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--jump-hi);margin-bottom:14px}
.eyebrow.dim{color:var(--muted)} .eyebrow.await{color:var(--await)} .eyebrow.ok{color:var(--ok)} .eyebrow.info{color:var(--info)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--r-sm);font:600 .95rem var(--sans);border:1px solid transparent;cursor:pointer;transition:transform .15s,background .15s,box-shadow .2s;text-decoration:none!important}
.btn-jump{background:var(--btn-bg);color:var(--btn-fg)} .btn-jump:hover{background:var(--jump-hi);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--text);border-color:var(--line-2)} .btn-ghost:hover{border-color:var(--text-2)}
.btn-outline{background:transparent;color:var(--jump-hi);border-color:var(--jump)} .btn-outline:hover{background:rgba(254,109,1,.1)}
.btn-lg{padding:15px 26px;font-size:1.02rem} .btn-block{width:100%} .btn-sm{padding:8px 14px;font-size:.85rem}
.card{background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--r);padding:22px}
.card h3{margin:10px 0 6px} .card p{margin:0;color:var(--text-2);font-size:.95rem}
.sec{padding:96px 0} .grid3{display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-top:36px}
.grid2{display:grid;gap:18px;grid-template-columns:repeat(2,1fr)} .split{display:grid;gap:48px;grid-template-columns:1.05fr 1fr;align-items:start}
.badge{display:inline-block;font:600 .72rem var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:1px solid var(--line-2);color:var(--text-2)}
.badge.ok{color:var(--ok);border-color:rgba(61,220,151,.4)} .badge.info{color:var(--info);border-color:rgba(76,201,240,.4)} .badge.await{color:var(--await);border-color:rgba(255,194,71,.4)}
.x-tag{font:500 .74rem var(--mono);color:var(--err);letter-spacing:.06em}
.bar{display:block;height:6px;border-radius:999px;background:var(--line);overflow:hidden;margin:10px 0} .bar i{display:block;height:100%;background:var(--jump);border-radius:999px}
.bar.lg{height:10px}
.chips,.pills,.tags{display:flex;flex-wrap:wrap;gap:8px}
.chip,.tag{font:500 .8rem var(--sans);padding:6px 11px;border-radius:999px;border:1px solid var(--line-2);color:var(--text-2)} .chip.on{border-color:var(--jump);color:var(--jump-hi);background:rgba(254,109,1,.08)}
.pill{cursor:pointer} .pill input{position:absolute;opacity:0} .pill span{display:inline-block;padding:10px 14px;border-radius:999px;border:1px solid var(--line-2);color:var(--text);font-size:.95rem;transition:.15s}
.pill input:checked+span,.pill:hover span{border-color:var(--jump);color:var(--jump-hi);background:rgba(254,109,1,.1)}
.input{width:100%;padding:13px 14px;border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--raised);color:var(--text);font:400 1rem var(--sans)} .input:focus{outline:2px solid var(--jump);outline-offset:1px}
textarea.input{min-height:120px;resize:vertical} .field{margin-bottom:16px} .field label,.label{display:block;font:600 .9rem var(--sans);margin-bottom:6px} .hint{color:var(--muted);font-weight:400;font-size:.8rem}
.notice{padding:12px 16px;border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--raised);font-size:.95rem} .notice.ok{border-color:rgba(61,220,151,.4)} .notice.info{border-color:rgba(76,201,240,.4)}
.round{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);background:transparent;color:var(--text);font-size:1.3rem;cursor:pointer} .round-jump{border-color:var(--jump);color:var(--jump-hi)}

/* ===== barra do mockup (só na revisão) ===== */
.mock-bar{position:fixed;left:0;right:0;bottom:0;z-index:999;display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:8px 14px;background:#000;color:#fff;font:500 .75rem var(--mono);border-top:1px solid #333;letter-spacing:.03em}
.mock-bar b{color:var(--jump)} .mock-bar a{color:#bbb;padding:3px 7px;border-radius:5px;border:1px solid #333} .mock-bar a.on{color:#fff;border-color:var(--jump);background:#1a1a1a} .mock-bar a:hover{text-decoration:none;color:#fff}
.mock-bar .sep{opacity:.35}
body{padding-bottom:52px}

/* ===== nav ===== */
.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:var(--nav-bg);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;gap:28px;height:68px}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none!important} .brand img{width:40px;height:auto}
.brand-name{font:600 1.05rem var(--sans);letter-spacing:-.01em} .brand-name b{color:var(--jump);font-weight:600}
.nav-links{display:flex;gap:22px;margin-left:auto} .nav-links a{color:var(--text-2);font-size:.92rem} .nav-links a:hover{color:var(--text);text-decoration:none}
.nav-cta{display:flex;gap:14px;align-items:center} .nav-login{color:var(--text-2);font-size:.92rem}

/* ===== hero ===== */
.hero{position:relative;padding:96px 0 80px;overflow:hidden;min-height:82vh;display:flex;align-items:center}
.hero-in{display:grid;grid-template-columns:1.15fr .95fr;gap:56px;align-items:center;position:relative;z-index:2;width:100%}
.hero h1{font-size:clamp(2.6rem,5.2vw,4.4rem);margin:12px 0 20px} .hero h1 em{color:var(--jump-hi)}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0 10px} .cta-note{color:var(--muted);font-size:.85rem}
.guarantees{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--text-2);font-size:.9rem} .guarantees li::before{content:"✓ ";color:var(--ok)}
.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.globe{display:block;width:100%;height:auto;max-width:520px;margin:0 auto}
.hero-art{position:relative;z-index:2}
.cat-stage{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.cat-fly{position:absolute;left:-18vw;top:0;width:clamp(120px,14vw,220px);opacity:0;will-change:transform;filter:drop-shadow(0 18px 30px rgba(254,109,1,.35))}
.cat-fly.go{animation:catX 2.2s cubic-bezier(.3,.1,.6,1) forwards} .cat-fly.go img{animation:catY 2.2s cubic-bezier(.3,0,.5,1) forwards}
@keyframes catX{0%{opacity:0;transform:translateX(0)}6%{opacity:1}92%{opacity:1}100%{opacity:0;transform:translateX(135vw)}}
@keyframes catY{0%{transform:translateY(60vh) rotate(-22deg) scale(.7)}45%{transform:translateY(8vh) rotate(-4deg) scale(1.05)}60%{transform:translateY(5vh) rotate(2deg) scale(1.05)}100%{transform:translateY(58vh) rotate(26deg) scale(.75)}}
@media (prefers-reduced-motion:reduce){.cat-fly,.cat-fly img{animation:none!important}.reveal{opacity:1!important;transform:none!important}}

/* mini portal (hero art) */
.mini-portal{background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--r);overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.mp-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);font-size:.85rem} .mp-brand{display:flex;gap:8px;align-items:center} .mp-brand img{width:30px}
.demo-tag{font:500 .68rem var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.mp-body{padding:18px} .mp-title{display:block;font:400 1.5rem var(--serif);margin:4px 0}
.phase-strip{display:flex;gap:4px;margin:6px 0 16px} .phase-strip i{flex:1;height:4px;border-radius:2px;background:var(--line)} .phase-strip i.ok{background:var(--ok)} .phase-strip i.jump{background:var(--jump)}
.mp-ask{border:1px solid var(--line-2);border-radius:var(--r-sm);padding:14px;margin-bottom:12px} .mp-ask b{display:block;margin-bottom:10px;font-size:.95rem}
.mp-feed{list-style:none;padding:0;margin:0;font-size:.85rem;color:var(--text-2)} .mp-feed li{padding:6px 0;border-top:1px solid var(--line)} .mp-feed time{font-family:var(--mono);color:var(--muted);margin-right:8px;font-size:.75rem}
.panel-link{display:inline-block;margin-top:14px;font-size:.9rem}

/* serviços / passos / portfólio */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.svc{background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--r);padding:24px} .svc svg{width:28px;height:28px;fill:none;stroke:var(--jump);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} .svc h3{margin:14px 0 8px} .svc p{margin:0;color:var(--text-2);font-size:.95rem}
.svc-fill{border-style:dashed} .svc-fill-cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}
.num-list{counter-reset:n;list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px 32px}
.num-list li{counter-increment:n;position:relative;padding-left:46px;color:var(--text-2);font-size:.98rem} .num-list li b{color:var(--text)}
.num-list li::before{content:counter(n,decimal-leading-zero);position:absolute;left:0;top:2px;font:400 1.3rem var(--serif);color:var(--jump-hi)}
.panel-cta{display:flex;gap:16px;align-items:center;margin-top:30px;flex-wrap:wrap}
.steps{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.steps li{position:relative;padding:22px;border:1px solid var(--card-line);border-radius:var(--r);background:var(--card-bg)} .steps li.on{border-color:var(--jump)} .steps .mono{color:var(--jump-hi)} .steps h3{margin:10px 0 8px} .steps p{margin:0;color:var(--text-2);font-size:.92rem}
.pf-head{display:flex;justify-content:space-between;align-items:end;gap:20px} .pf-nav{display:flex;gap:10px;align-items:center}
.pf-stage{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:center;margin-top:36px}
.seal{font:600 .68rem var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:4px;border:1px solid var(--await);color:var(--await);display:inline-block;margin-bottom:12px}
.pf-name{font:400 2rem var(--serif);margin:6px 0 10px}
.browser{border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden;background:var(--raised);box-shadow:0 30px 80px rgba(0,0,0,.4)}
.browser-bar{display:flex;gap:6px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);font:400 .7rem var(--mono);color:var(--muted)} .browser-bar i{width:9px;height:9px;border-radius:50%;background:var(--line-2)} .browser-bar span{margin-left:10px}
.browser-body{display:grid;grid-template-columns:150px 1fr;min-height:280px}
.app-side{background:var(--panel);padding:16px;display:flex;flex-direction:column;gap:10px;font-size:.8rem;color:var(--muted);border-right:1px solid var(--line)} .app-side b{color:var(--text);margin-bottom:8px} .app-side .on{color:var(--jump-hi)}
.app-main{padding:18px} .app-title{display:block;font:400 1.3rem var(--serif);margin-bottom:14px}
.app-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px} .app-card{border:1px solid var(--line);border-radius:var(--r-sm);padding:12px;font-size:.75rem;color:var(--muted)} .app-stat{display:block;font:400 1.8rem var(--serif);color:var(--text)}
.app-chart{display:flex;align-items:end;gap:4px;height:70px;margin-top:8px} .app-chart i{flex:1;background:var(--line-2);border-radius:2px 2px 0 0} .app-chart i.hi{background:var(--jump)}
.app-foot{margin-top:14px;display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted)} .app-foot b{color:var(--ok)}
.tech{display:flex;gap:14px 34px;flex-wrap:wrap;justify-content:center;margin-top:28px;font:600 1rem var(--sans);color:var(--text-2)} .tech span{opacity:.75}
.faq{margin-top:28px;border-top:1px solid var(--line)} .faq-item{border-bottom:1px solid var(--line)} .faq-item summary{cursor:pointer;padding:18px 0;font:600 1.02rem var(--sans);list-style:none;display:flex;justify-content:space-between} .faq-item summary::after{content:"+";color:var(--jump-hi);font-size:1.3rem} .faq-item[open] summary::after{content:"–"} .faq-item p{color:var(--text-2);padding-bottom:18px}
.cta-final .big{font-size:clamp(2.2rem,4vw,3.4rem)} .cta-final .big em{color:var(--jump-hi)}
.cta-box{background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--r);padding:26px} .cta-box fieldset{border:0;padding:0;margin:0 0 20px} .cta-q{font:400 1.5rem var(--serif);margin-bottom:14px;display:block}
.step-head{display:flex;justify-content:space-between;font:500 .72rem var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}
.progress{display:flex;gap:4px;margin-bottom:22px} .progress i{flex:1;height:4px;border-radius:2px;background:var(--line)} .progress i.on{background:var(--jump)}
.foot{border-top:1px solid var(--line);padding:48px 0;margin-top:40px} .foot-in{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap} .foot-logo{display:flex;gap:10px;align-items:center} .foot-logo img{width:58px} .foot-info{color:var(--muted);font-size:.88rem;margin-top:10px} .foot-links{display:flex;flex-direction:column;gap:8px;font-size:.9rem} .foot-links a{color:var(--text-2)}
.cota{display:none}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease} .reveal.in{opacity:1;transform:none}

/* ===== páginas de fluxo (briefing, proposta, portal, entrar) ===== */
.flow-top{border-bottom:1px solid var(--line);background:var(--nav-bg);backdrop-filter:blur(10px);position:sticky;top:0;z-index:40} .flow-in{max-width:var(--max);margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}
.flow-meta{font:500 .72rem var(--mono);color:var(--muted);letter-spacing:.1em;text-transform:uppercase}
.bf{max-width:680px;margin:0 auto;padding:64px 24px;position:relative}
.bf-card{background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--r);padding:34px;position:relative;overflow:hidden}
.bf-q{font:400 2.1rem var(--serif);margin:0 0 20px} .bf-q .hint-inline{font:400 .9rem var(--sans);color:var(--muted)}
.bf-step{display:none} .bf-step.on{display:block} .bf-nav{display:flex;justify-content:space-between;align-items:center;margin-top:26px}
.bf-side{color:var(--muted);font-size:.85rem;text-align:center;margin-top:18px}
.bf-trail{position:relative;height:60px;margin:-10px 0 10px} .cat-mini{position:absolute;width:64px;left:0;top:18px;opacity:0;transition:none}
.cat-mini.hop{animation:hopX 1.1s cubic-bezier(.3,.1,.6,1) forwards} .cat-mini.hop img{animation:hopY 1.1s cubic-bezier(.3,0,.5,1) forwards}
@keyframes hopX{0%{opacity:0}10%{opacity:1}90%{opacity:1}100%{opacity:0;transform:translateX(calc(100% + 560px))}}
@keyframes hopY{0%{transform:translateY(18px) rotate(-15deg)}50%{transform:translateY(-34px) rotate(0)}100%{transform:translateY(18px) rotate(18deg)}}
.pp{max-width:var(--max);margin:0 auto;padding:56px 24px;display:grid;grid-template-columns:1.4fr .8fr;gap:40px;align-items:start}
.pp-title{font-size:clamp(2.2rem,4vw,3.4rem);margin:8px 0 18px} .pp-title em{color:var(--jump-hi)}
.pp-understood{margin:18px 0 36px} .pp-understood p{font-size:1.02rem;color:var(--text);margin-bottom:14px}
.pp-scope-head{display:flex;justify-content:space-between;align-items:baseline} .pp-h2{font-size:1.9rem}
.pp-phases{list-style:none;padding:0;margin:18px 0 28px;display:grid;gap:12px} .pp-phase{display:grid;grid-template-columns:48px 1fr auto;gap:16px;align-items:start}
.pp-num{font:400 2rem var(--serif);color:var(--jump-hi);line-height:1} .pp-when{text-align:right;font:500 .78rem var(--mono);color:var(--muted);display:flex;flex-direction:column;gap:4px;text-transform:uppercase}
.pp-incl ul{margin:0;padding-left:18px;color:var(--text-2);font-size:.92rem}
.pp-side{position:sticky;top:84px} .pp-total{display:block;font:400 3rem var(--serif);line-height:1;margin:6px 0}
.pp-lines{margin:18px 0;padding:0} .pp-lines div{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line);font-size:.92rem} .pp-lines dd{margin:0;font-family:var(--mono)} .pp-lines .strong{font-weight:600}
.pp-queue{border:1px solid rgba(76,201,240,.35);border-radius:var(--r-sm);padding:14px;margin-bottom:18px;font-size:.92rem} .pp-queue p{margin:0}
.pp-actions{display:grid;gap:10px}
.p-main{max-width:var(--max);margin:0 auto;padding:40px 24px}
.p-hero{display:grid;grid-template-columns:1.3fr .9fr;gap:18px;margin-bottom:18px} .p-status-top,.p-live-top{display:flex;justify-content:space-between;align-items:center}
.p-h1{font-size:clamp(2rem,3.6vw,3rem);margin:8px 0 14px} .p-status-foot{display:flex;justify-content:space-between;font-size:.88rem;color:var(--text-2);flex-wrap:wrap;gap:8px}
.scene{position:relative;height:190px;margin:14px 0 8px;overflow:hidden} .scene svg{width:100%;height:100%} .scene .cat-sit{position:absolute;left:14px;bottom:6px;width:110px;animation:breathe 3s ease-in-out infinite}
@keyframes breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.p-live-what{display:block;font:400 1.4rem var(--serif);margin-top:4px}
.p-phases ol{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.p-phases li{border-top:3px solid var(--line);padding-top:12px;font-size:.88rem} .p-phases li b{display:block;margin:4px 0} .p-phases li small{color:var(--muted)} .ph-st{font:500 .68rem var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.p-phases .ph-done{border-color:var(--ok)} .p-phases .ph-doing{border-color:var(--jump)} .p-phases .ph-doing .ph-st{color:var(--jump-hi)} .p-phases .ph-done .ph-st{color:var(--ok)}
.p-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px} .p-h2{font-size:1.5rem;margin-bottom:14px} .count{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--await);color:#000;font:600 .8rem var(--sans);vertical-align:middle;margin-left:6px}
.decision{border:1px solid var(--line);border-radius:var(--r-sm);padding:16px;margin-bottom:12px} .decision h3{margin:0 0 10px;font-size:1rem} .decision .chips{margin-bottom:10px}
.review-item{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line)} .review-item:first-of-type{border-top:0}
.auth{min-height:calc(100vh - 64px);display:grid;place-items:center;padding:48px 24px;position:relative;overflow:hidden}
.auth-card{width:min(440px,100%);background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--r);padding:36px;position:relative;z-index:2} .auth-cat{width:72px;margin-bottom:18px} .auth-title{font-size:2.1rem;margin:6px 0 14px} .auth-title em{color:var(--jump-hi)} .auth-foot{margin-top:20px}

@media (max-width:900px){
  .hero-in,.split,.pf-stage,.pp,.p-hero,.p-cols,.grid2,.num-list{grid-template-columns:1fr}
  .grid3,.svc-grid{grid-template-columns:1fr 1fr} .steps{grid-template-columns:1fr 1fr} .p-phases ol{grid-template-columns:1fr}
  .nav-links{display:none} .hero{min-height:auto;padding:64px 0} .sec{padding:64px 0} .pp-side{position:static}
}
@media (max-width:600px){.grid3,.svc-grid,.steps{grid-template-columns:1fr}}