:root{
  --navy-950:#031a40;
  --navy-900:#05265c;
  --navy-800:#0a3976;
  --blue-600:#075aa9;
  --blue-400:#2d80d5;
  --teal-700:#058e9a;
  --teal-500:#0c9fac;
  --teal-400:#19b9c2;
  --orange:#f28c18;
  --paper:#f6fafb;
  --paper-2:#edf7f8;
  --white:#fff;
  --ink:#082955;
  --muted:#617185;
  --muted-2:#8491a0;
  --line:#dbe5e9;
  --line-dark:rgba(255,255,255,.14);
  --shadow:0 28px 80px rgba(5,38,92,.11);
  --max:1200px;
  --radius:24px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--white);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-synthesis:none;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input,textarea{font:inherit}
.wrap{width:min(calc(100% - 48px),var(--max));margin-inline:auto}

.scroll-progress{position:fixed;z-index:1000;top:0;left:0;width:100%;height:2px;background:transparent;pointer-events:none}
.scroll-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--teal-400),var(--blue-400))}

.site-header{position:fixed;z-index:900;top:0;left:0;width:100%;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease;border-bottom:1px solid transparent}
.site-header.scrolled{background:rgba(255,255,255,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:rgba(8,41,85,.08);box-shadow:0 12px 42px rgba(5,38,92,.045)}
.nav-shell{height:88px;display:flex;align-items:center;gap:34px}
.brand{width:174px;flex:0 0 auto;display:flex;align-items:center}
.desktop-nav{display:flex;align-items:center;gap:30px;margin-left:auto}
.desktop-nav a,.login-link{font-size:14px;font-weight:600;letter-spacing:-.01em;color:#314d6d;transition:color .2s ease}
.desktop-nav a:hover,.login-link:hover{color:var(--teal-700)}
.nav-actions{display:flex;align-items:center;gap:18px}

.split-btn{display:inline-flex;align-items:stretch;border-radius:13px;overflow:hidden;font-size:14px;font-weight:700;letter-spacing:-.01em;line-height:1;transition:transform .2s ease,box-shadow .2s ease;background:var(--navy-900);color:#fff;box-shadow:0 12px 24px rgba(5,38,92,.12)}
.split-btn>span:first-child{display:flex;align-items:center;padding:14px 18px}
.split-btn .split-icon{display:grid;place-items:center;min-width:45px;padding:0 14px;background:var(--teal-500);font-size:18px;transition:transform .2s ease,background .2s ease}
.split-btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(5,38,92,.17)}
.split-btn:hover .split-icon{background:var(--teal-400)}
.split-btn:hover .split-icon{transform:translateX(1px)}
.split-btn.large{font-size:15px;border-radius:14px}
.split-btn.large>span:first-child{padding:17px 22px}
.split-btn.large .split-icon{min-width:54px;padding-inline:17px}

.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:12px;position:relative;padding:0}
.menu-toggle span{position:absolute;width:18px;height:1.5px;background:var(--navy-900);left:12px;transition:transform .25s ease,top .25s ease}
.menu-toggle span:first-child{top:17px}.menu-toggle span:last-child{top:24px}
.menu-toggle[aria-expanded="true"] span:first-child{top:21px;transform:rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:last-child{top:21px;transform:rotate(-45deg)}
.mobile-nav{position:absolute;top:88px;left:0;width:100%;background:rgba(255,255,255,.98);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mobile-nav-inner{padding-block:22px 28px;display:grid;gap:2px}
.mobile-nav a:not(.split-btn){padding:12px 4px;font-weight:600;color:#254663}
.mobile-start{margin-top:12px;width:max-content}

.hero{position:relative;overflow:hidden;background:linear-gradient(107deg,#fff 0%,#fff 48%,#f2f9fa 100%);min-height:790px;padding-top:88px;display:flex;align-items:center}
.hero::after{content:"";position:absolute;right:-4%;top:16%;width:43vw;height:43vw;max-width:680px;max-height:680px;border-radius:50%;background:radial-gradient(circle,rgba(25,185,194,.07),rgba(25,185,194,0) 65%);pointer-events:none}
.hero-orbit{position:absolute;border:1px solid rgba(5,142,154,.09);border-radius:50%;right:-8%;top:10%;width:56vw;height:56vw;max-width:900px;max-height:900px;pointer-events:none}
.orbit-two{width:44vw;height:44vw;right:-2%;top:18%;border-color:rgba(7,90,169,.07)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.91fr) minmax(520px,1.09fr);align-items:center;gap:78px;padding-block:86px 92px}
.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:var(--teal-700);margin:0 0 22px}
.hero h1{font-size:clamp(58px,6.2vw,88px);line-height:.98;letter-spacing:-.058em;margin:0;max-width:690px;font-weight:700;color:var(--navy-900)}
.hero h1 span{color:var(--teal-700)}
.hero-lead{font-size:19px;line-height:1.72;color:#536a80;max-width:650px;margin:30px 0 0}
.hero-actions{display:flex;align-items:center;gap:26px;margin-top:34px}
.text-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--navy-800);transition:color .2s ease,gap .2s ease}
.text-link:hover{color:var(--teal-700);gap:11px}
.hero-proof{margin-top:30px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#718092}
.proof-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(242,140,24,.09)}

.hero-visual{position:relative;height:530px;isolation:isolate}
.complexity-cloud{position:absolute;left:0;top:70px;width:175px;height:345px}
.input-chip{position:absolute;display:inline-flex;align-items:center;padding:9px 13px;border:1px solid rgba(8,41,85,.11);border-radius:10px;background:rgba(255,255,255,.78);box-shadow:0 9px 24px rgba(5,38,92,.045);backdrop-filter:blur(8px);font-size:11px;font-weight:700;letter-spacing:.01em;color:#46617d;white-space:nowrap}
.chip-1{top:0;left:28px}.chip-2{top:69px;left:0}.chip-3{top:142px;left:32px}.chip-4{top:218px;left:4px}.chip-5{top:294px;left:46px}
.flow-lines{position:absolute;left:126px;top:93px;width:175px;height:300px;z-index:-1}
.flow-lines i{display:block;position:absolute;left:0;width:100%;height:1px;background:linear-gradient(90deg,rgba(10,57,118,.18),rgba(12,159,172,.32));transform-origin:left center}
.flow-lines i:nth-child(1){top:0;transform:rotate(24deg)}.flow-lines i:nth-child(2){top:64px;transform:rotate(13deg)}.flow-lines i:nth-child(3){top:139px;transform:rotate(0deg)}.flow-lines i:nth-child(4){top:218px;transform:rotate(-13deg)}.flow-lines i:nth-child(5){top:287px;transform:rotate(-23deg)}
.bird-hub{position:absolute;z-index:2;left:195px;top:134px;width:148px;height:148px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 18px 48px rgba(5,38,92,.12);border:1px solid rgba(8,41,85,.07)}
.bird-hub::after{content:"";position:absolute;width:194px;height:194px;border-radius:50%;border:1px solid rgba(12,159,172,.18)}
.bird-hub img{width:101px;position:relative;z-index:2}
.hub-label{position:absolute;bottom:-35px;font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--navy-800)}
.bird-hub::before{content:"";position:absolute;z-index:-1;left:100%;top:50%;width:86px;height:1px;background:linear-gradient(90deg,rgba(12,159,172,.45),rgba(12,159,172,.15))}
.route-card{position:absolute;right:0;top:67px;width:285px;background:rgba(255,255,255,.93);border:1px solid rgba(5,38,92,.08);border-radius:22px;padding:20px;box-shadow:0 28px 70px rgba(5,38,92,.12);backdrop-filter:blur(14px)}
.route-topline{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #e7eef1;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#728398}
.route-progress{color:var(--teal-700)}
.route-card ol{list-style:none;padding:7px 0 0;margin:0}
.route-card li{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;padding:13px 0;border-bottom:1px solid #eef3f5;font-size:12px;font-weight:600;color:#8a97a5}
.route-card li:last-child{border-bottom:0}
.route-index{font-size:9px;color:#a2adb8;font-weight:800}
.route-card li b{font-size:10px;font-weight:800;color:#9aa7b4}.route-card li.done{color:#31516f}.route-card li.done b{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#e8f7f7;color:var(--teal-700)}.route-card li.active{color:var(--navy-900)}.route-card li.active b{color:var(--teal-700)}
.audit-ready{margin-top:12px;border-radius:12px;background:var(--navy-900);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:13px 14px 13px 16px;font-size:12px;font-weight:700}
.ready-check{width:25px;height:25px;border-radius:8px;background:var(--teal-500);display:grid;place-items:center}

section{padding:120px 0}
.intro-section{background:#fff}
.editorial-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:90px;align-items:end}
.editorial-head h2,.section-head h2,.short-route-copy h2,.trust-copy h2,.faq-intro h2,.contact-strip h2{font-size:clamp(42px,4.5vw,64px);line-height:1.05;letter-spacing:-.046em;font-weight:700;margin:0;color:var(--navy-900)}
.editorial-head h2 span,.short-route-copy h2 span{color:#5b7388;font-weight:600}
.editorial-head>p{font-size:18px;line-height:1.78;color:var(--muted);margin:0 0 4px}
.principles{margin-top:76px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}
.principle{padding:30px 38px 4px 0;min-height:230px;border-right:1px solid var(--line)}
.principle:not(:first-child){padding-left:38px}.principle:last-child{border-right:0;padding-right:0}
.principle-num,.step-num{display:block;color:var(--teal-700);font-size:11px;letter-spacing:.1em;font-weight:800;margin-bottom:42px}
.principle h3,.process-step h3{font-size:20px;line-height:1.25;letter-spacing:-.02em;margin:0 0 12px;color:var(--navy-900)}
.principle p,.process-step p{font-size:14px;line-height:1.72;color:var(--muted);margin:0}

.process-section{background:var(--paper)}
.section-head{max-width:760px}.section-head h2{font-size:clamp(48px,5vw,70px)}.section-head>p:last-child{font-size:17px;color:var(--muted);margin:22px 0 0}
.process-line{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:38px;margin-top:90px}
.process-line::before{content:"";position:absolute;top:7px;left:8px;right:8px;height:1px;background:#cad9de}
.process-step{position:relative;padding-top:44px}
.step-dot{position:absolute;z-index:2;top:0;left:0;width:15px;height:15px;border-radius:50%;background:var(--white);border:4px solid var(--teal-500);box-shadow:0 0 0 7px var(--paper)}
.process-step:last-child .step-dot{background:var(--teal-500)}
.step-num{margin-bottom:28px;color:#8a9aa8}
.process-step p{max-width:245px}

.result-section{padding:70px 0;background:linear-gradient(#fff 0 50%,var(--paper) 50% 100%)}
.result-panel{background:var(--navy-900);border-radius:30px;min-height:590px;color:#fff;padding:76px 78px;display:grid;grid-template-columns:1.05fr .95fr;gap:74px;align-items:center;position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(5,38,92,.15)}
.result-panel::before{content:"";position:absolute;right:-170px;top:-260px;width:560px;height:560px;border:1px solid rgba(25,185,194,.16);border-radius:50%}.result-panel::after{content:"";position:absolute;right:-80px;top:-160px;width:370px;height:370px;border:1px solid rgba(45,128,213,.14);border-radius:50%}
.kicker.light{color:#79d4d9}
.result-copy{position:relative;z-index:2}.result-copy h2{font-size:clamp(43px,4.5vw,62px);line-height:1.06;letter-spacing:-.047em;margin:0;color:#fff;font-weight:700}.result-copy h2 span{color:#90dfe2}.result-copy>p:last-child{font-size:16px;color:#bed0dd;max-width:560px;line-height:1.75;margin:26px 0 0}
.result-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line-dark);border-left:1px solid var(--line-dark)}
.result-grid div{min-height:112px;padding:22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border-right:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}
.result-grid span{font-size:9px;color:#7592aa;font-weight:800}.result-grid strong{font-size:13px;font-weight:600}.result-grid b{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(25,185,194,.13);color:#66d8dd;font-size:11px}

.cert-section{background:var(--paper)}
.cert-head{align-items:center}.cert-head>p{max-width:480px}
.cert-card{margin-top:70px;border-top:1px solid #bfd1d7;border-bottom:1px solid #bfd1d7;display:grid;grid-template-columns:90px 1fr 70px;gap:30px;align-items:center;padding:34px 8px 34px 0;transition:border-color .2s ease,background .2s ease}
.cert-card:hover{border-color:#95bbc1;background:rgba(255,255,255,.38)}
.cert-number{font-size:11px;font-weight:800;letter-spacing:.1em;color:#90a0ad}
.cert-title-row{display:flex;align-items:center;gap:22px}.cert-main h3{font-size:34px;line-height:1.1;letter-spacing:-.035em;margin:0;color:var(--navy-900)}
.status{display:inline-flex;align-items:center;gap:7px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:var(--teal-700)}.status i{width:6px;height:6px;border-radius:50%;background:var(--teal-500);box-shadow:0 0 0 5px rgba(12,159,172,.08)}
.cert-main p{max-width:760px;color:var(--muted);font-size:15px;line-height:1.72;margin:12px 0 0}
.round-arrow{justify-self:end;display:grid;place-items:center;width:50px;height:50px;border:1px solid #bdd0d5;border-radius:50%;font-size:21px;color:var(--navy-800);transition:.2s ease}.round-arrow:hover{background:var(--navy-900);color:#fff;border-color:var(--navy-900);transform:translateX(3px)}
.cert-future{display:flex;justify-content:space-between;gap:40px;align-items:end;padding-top:36px}.cert-future>div{max-width:580px}.future-label{display:block;text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:800;color:#8b9ca9;margin-bottom:8px}.cert-future p{margin:0;color:#6b7e8e;font-size:14px}


.question-flow{border-top:1px solid var(--line)}.question-row{height:62px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#5d7184;font-size:14px;font-weight:600}.question-row i{width:7px;height:7px;border-radius:50%;background:#d5e0e4}.question-row:nth-child(2) i,.question-row:nth-child(4) i{background:#b8dfe1}
.answer-line{margin-top:28px;padding:18px 20px;border-radius:14px;background:var(--paper-2);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;color:var(--navy-900)}.answer-line span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--teal-700)}.answer-line b{height:1px;background:linear-gradient(90deg,var(--teal-400),var(--blue-400));color:transparent;position:relative}.answer-line b::after{content:"→";position:absolute;right:-2px;top:-13px;color:var(--blue-600);font-size:18px}.answer-line strong{font-size:14px}

.trust-section{background:var(--paper);padding-top:110px}
.trust-panel{background:#edf8f8;border:1px solid #d8eeee;border-radius:28px;padding:68px 72px;display:grid;grid-template-columns:1fr .8fr;gap:85px;align-items:center}.trust-copy h2{font-size:clamp(40px,4vw,56px)}.trust-copy>p:last-child{font-size:16px;line-height:1.78;color:#607688;max-width:580px;margin:24px 0 0}
.explain-card{background:#fff;border-radius:19px;border:1px solid #dce9eb;box-shadow:0 18px 50px rgba(5,38,92,.07);padding:25px}.explain-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #e9f0f2;color:var(--navy-900);font-size:14px;font-weight:700}.explain-top b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#edf8f8;color:var(--teal-700)}.explain-card>p{font-size:13px;line-height:1.7;color:#66798b;margin:18px 0 20px}.explain-card>p strong{color:#35546f}.explain-meta{padding:13px 14px;border-radius:11px;background:#f7fafb;display:grid;gap:2px}.explain-meta span{text-transform:uppercase;letter-spacing:.09em;font-size:8px;font-weight:800;color:#9aa8b4}.explain-meta strong{font-size:11px;color:#4c657c}
.disclaimer{margin-top:28px;display:flex;align-items:flex-start;gap:14px;max-width:990px}.disclaimer-mark{flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1px solid #bfd2d8;color:var(--teal-700);font-size:11px;font-weight:800}.disclaimer p{margin:1px 0 0;color:#718393;font-size:12px;line-height:1.7}.disclaimer strong{color:#4e687d}

.faq-section{background:#fff}
.faq-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:100px}.faq-intro h2{font-size:clamp(42px,4vw,58px)}
.faq-list{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 0;color:var(--navy-900);font-size:15px;font-weight:700}summary::-webkit-details-marker{display:none}summary span{font-size:23px;font-weight:300;color:var(--teal-700);transition:transform .2s ease}details[open] summary span{transform:rotate(45deg)}details p{font-size:14px;line-height:1.78;color:#677b8d;max-width:730px;margin:-4px 48px 24px 0}

.start-section{padding:60px 0 105px;background:#fff}.start-panel{position:relative;overflow:hidden;text-align:center;background:linear-gradient(135deg,#eef9f9,#f7fbfc);border:1px solid #dceff0;border-radius:30px;padding:88px 40px 84px}.start-panel::before,.start-panel::after{content:"";position:absolute;border:1px solid rgba(12,159,172,.12);border-radius:50%;width:450px;height:450px;top:-240px}.start-panel::before{left:-190px}.start-panel::after{right:-190px}.start-bird{width:82px;margin:0 auto 23px}.start-panel .kicker{margin-bottom:16px}.start-panel h2{font-size:clamp(46px,5vw,68px);line-height:1.02;letter-spacing:-.05em;color:var(--navy-900);margin:0}.start-panel>p:not(.kicker){max-width:650px;margin:24px auto 0;color:#64798a;font-size:16px}.start-actions{display:flex;justify-content:center;align-items:center;gap:26px;margin-top:32px}
.contact-strip{padding:80px 0;background:var(--navy-950);color:#fff}.contact-strip-inner{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:end}.contact-strip .kicker{color:#67ccd1}.contact-strip h2{color:#fff;font-size:clamp(35px,3.4vw,49px)}.contact-copy{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.contact-copy>p{color:#9eb4c8;font-size:14px;line-height:1.75;margin:0}.contact-strip .split-btn{background:#fff;color:var(--navy-900);box-shadow:none}.contact-strip .split-btn .split-icon{color:#fff}

.site-footer{background:#031634;color:#fff;padding:72px 0 26px}.footer-main{display:grid;grid-template-columns:1.55fr repeat(3,.55fr);gap:64px;padding-bottom:66px}.footer-brand img{width:180px;filter:brightness(0) invert(1);opacity:.96}.footer-brand p{color:#8ea6bb;font-size:14px;margin:18px 0 0}.footer-col{display:flex;flex-direction:column;gap:8px}.footer-col h3{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#6d8aa3;margin:0 0 10px}.footer-col a,.footer-col span{font-size:13px;color:#a9bdce;transition:color .2s ease}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#6f89a0;font-size:11px}.plainbird-family{display:flex;align-items:center;gap:12px}.plainbird-family img{width:96px;filter:grayscale(1) brightness(1.8);opacity:.64}

.portal-toast{position:fixed;z-index:1200;left:50%;bottom:26px;transform:translateX(-50%);padding:12px 16px;border-radius:11px;background:var(--navy-950);color:#fff;box-shadow:0 16px 45px rgba(3,26,64,.24);font-size:12px;font-weight:600}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s cubic-bezier(.2,.75,.25,1),transform .65s cubic-bezier(.2,.75,.25,1)}.reveal.is-visible{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.split-btn,.split-icon,.text-link{transition:none}}

@media (max-width:1050px){
  .desktop-nav{display:none}.menu-toggle{display:block}.nav-actions>.split-btn{display:none}
  .hero{min-height:auto}.hero-grid{grid-template-columns:1fr;gap:25px;padding-top:82px}.hero-copy{max-width:760px}.hero-visual{width:min(100%,670px);margin:0 auto;height:520px}
  .editorial-head,.short-route-grid,.trust-panel,.faq-grid,.contact-strip-inner{grid-template-columns:1fr;gap:44px}.editorial-head>p{max-width:670px}.process-line{grid-template-columns:1fr 1fr;row-gap:60px}.process-line::before{display:none}.process-step{padding-top:35px;border-top:1px solid #cad9de}.step-dot{top:-8px}.result-panel{grid-template-columns:1fr;gap:50px}.result-grid{max-width:720px}.footer-main{grid-template-columns:1.4fr repeat(3,.7fr);gap:34px}
}

@media (max-width:760px){
  .wrap{width:min(calc(100% - 34px),var(--max))}.nav-shell{height:74px}.brand{width:145px}.site-header.scrolled{background:rgba(255,255,255,.94)}.login-link{font-size:13px}.mobile-nav{top:74px}
  .hero{padding-top:74px;background:linear-gradient(180deg,#fff 0%,#fff 56%,#f2f9fa 100%)}.hero-grid{padding:60px 0 52px;gap:42px}.hero h1{font-size:clamp(52px,16vw,72px);max-width:620px}.hero-lead{font-size:17px;line-height:1.68;margin-top:24px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px;margin-top:28px}.hero-proof{margin-top:26px}.hero-orbit{display:none}
  .hero-visual{height:440px;width:100%}.complexity-cloud{left:0;top:34px;width:135px}.input-chip{font-size:10px;padding:7px 10px}.chip-1{left:18px}.chip-2{top:56px}.chip-3{top:114px;left:22px}.chip-4{top:173px}.chip-5{top:232px;left:32px}.flow-lines{left:92px;top:54px;width:95px;height:240px}.flow-lines i:nth-child(1){top:0;transform:rotate(32deg)}.flow-lines i:nth-child(2){top:52px;transform:rotate(20deg)}.flow-lines i:nth-child(3){top:110px;transform:rotate(7deg)}.flow-lines i:nth-child(4){top:171px;transform:rotate(-10deg)}.flow-lines i:nth-child(5){top:228px;transform:rotate(-24deg)}
  .bird-hub{left:50%;top:125px;transform:translateX(-50%);width:112px;height:112px}.bird-hub img{width:76px}.bird-hub::after{width:142px;height:142px}.bird-hub::before{width:56px}.hub-label{bottom:-29px;font-size:9px}.route-card{width:210px;right:0;top:82px;padding:14px;border-radius:17px}.route-card li{padding:9px 0;font-size:9px;grid-template-columns:19px 1fr auto;gap:5px}.route-topline{font-size:8px;padding-bottom:10px}.route-index{font-size:7px}.route-card li.done b{width:15px;height:15px;font-size:8px}.audit-ready{font-size:9px;padding:10px}.ready-check{width:20px;height:20px;border-radius:6px}
  section{padding:84px 0}.editorial-head h2,.section-head h2,.short-route-copy h2,.trust-copy h2,.faq-intro h2{font-size:clamp(38px,11.5vw,52px)}.editorial-head{gap:30px}.editorial-head>p{font-size:16px}.principles{margin-top:52px;grid-template-columns:1fr}.principle,.principle:not(:first-child){padding:28px 0 30px;border-right:0;border-bottom:1px solid var(--line);min-height:0}.principle:last-child{border-bottom:0}.principle-num{margin-bottom:22px}
  .process-line{grid-template-columns:1fr;margin-top:60px;gap:36px}.process-step{padding:30px 0 0}.process-step p{max-width:420px}.step-num{margin-bottom:18px}
  .result-section{padding:30px 0;background:linear-gradient(#fff 0 18%,var(--paper) 18% 100%)}.result-panel{width:min(calc(100% - 20px),var(--max));border-radius:24px;padding:54px 28px;gap:40px}.result-copy h2{font-size:clamp(38px,10.8vw,52px)}.result-grid{grid-template-columns:1fr}.result-grid div{min-height:78px;padding:16px}
  .cert-card{grid-template-columns:38px 1fr 44px;gap:12px;padding:28px 0}.cert-title-row{align-items:flex-start;flex-direction:column;gap:10px}.cert-main h3{font-size:29px}.cert-main p{font-size:13px}.round-arrow{width:42px;height:42px}.cert-future{align-items:flex-start;flex-direction:column}
  .short-route-grid{gap:48px}.question-row{font-size:12px}.answer-line{grid-template-columns:auto 1fr auto;padding:15px}.answer-line strong{font-size:12px}
  .trust-panel{width:min(calc(100% - 20px),var(--max));padding:48px 24px;border-radius:23px;gap:38px}.trust-copy h2{font-size:clamp(36px,10.7vw,49px)}.trust-copy>p:last-child{font-size:14px}.disclaimer{margin-top:22px}
  .faq-grid{gap:38px}summary{font-size:14px;padding:21px 0}details p{margin-right:0}
  .start-section{padding:35px 0 75px}.start-panel{width:min(calc(100% - 20px),var(--max));padding:60px 22px;border-radius:24px}.start-bird{width:70px}.start-panel h2{font-size:clamp(41px,12vw,56px)}.start-actions{flex-direction:column;gap:18px}
  .contact-strip{padding:66px 0}.contact-strip-inner{gap:28px}.contact-strip h2{font-size:36px}
  .footer-main{grid-template-columns:1fr 1fr;gap:44px 24px}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column-reverse}.plainbird-family{flex-wrap:wrap}
}

@media (max-width:480px){
  .nav-actions{gap:11px}.brand{width:136px}.login-link{font-size:12px}.hero-visual{height:405px}.complexity-cloud{opacity:.88}.bird-hub{left:47%;top:122px}.route-card{width:190px;right:-3px;top:105px}.flow-lines{display:none}.input-chip{padding:6px 9px}.chip-1{top:0}.chip-2{top:50px}.chip-3{top:102px}.chip-4{top:154px}.chip-5{top:206px}.result-panel{padding-inline:22px}.footer-main{grid-template-columns:1fr 1fr}.footer-col:nth-child(4){grid-column:auto}.portal-toast{width:calc(100% - 32px);text-align:center}
}

[hidden]{display:none!important}

/* v0.3 — inner pages */
.inner-page{background:#fff}.inner-header{background:rgba(255,255,255,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:rgba(8,41,85,.06)}.active-nav{color:var(--teal-700)!important}
.inner-hero{position:relative;overflow:hidden;padding:88px 0 0;background:linear-gradient(112deg,#fff 0%,#fff 48%,#f1f8f9 100%)}.inner-hero::after{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-180px;top:30px;background:radial-gradient(circle,rgba(25,185,194,.075),transparent 68%);pointer-events:none}.inner-orbit{position:absolute;border:1px solid rgba(5,142,154,.09);border-radius:50%;pointer-events:none}.orbit-a{width:700px;height:700px;right:-250px;top:40px}.orbit-b{width:520px;height:520px;right:-110px;top:120px;border-color:rgba(7,90,169,.07)}.inner-hero-grid{min-height:650px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:80px;align-items:center;padding-block:80px}.breadcrumbs{display:flex;align-items:center;gap:9px;font-size:11px;color:#8b99a8;margin-bottom:34px}.breadcrumbs a{color:#5e7489}.breadcrumbs a:hover{color:var(--teal-700)}.inner-hero-copy h1{margin:0;font-size:clamp(55px,5.8vw,82px);line-height:.99;letter-spacing:-.055em;color:var(--navy-900);font-weight:700}.inner-hero-copy h1 span{color:#60788d;font-weight:600}.inner-lead{font-size:18px;line-height:1.75;color:#566d82;max-width:690px;margin:30px 0 0}.availability-line{display:flex;align-items:center;gap:14px;margin:0 0 24px;color:#6b8092;font-size:12px;font-weight:700}.availability-line>.status{margin:0}.source-note{margin-top:24px;font-size:11px;color:#8a99a7}
.cert-overview-mark{position:relative;width:min(100%,440px);height:370px;margin-left:auto;display:flex;align-items:center;justify-content:center}.cert-overview-mark img{width:142px;position:relative;z-index:3}.cert-overview-mark::before,.cert-overview-mark::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(12,159,172,.14)}.cert-overview-mark::before{width:260px;height:260px}.cert-overview-mark::after{width:350px;height:350px;border-color:rgba(7,90,169,.08)}.mark-small{position:absolute;left:0;top:72px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800;color:#7c8c9d}.mark-lines{position:absolute;left:22px;top:104px;width:135px;height:170px}.mark-lines i{display:block;height:1px;background:linear-gradient(90deg,rgba(5,38,92,.12),rgba(12,159,172,.34));position:absolute;width:100%;transform-origin:right}.mark-lines i:nth-child(1){top:5px;transform:rotate(22deg)}.mark-lines i:nth-child(2){top:54px;transform:rotate(8deg)}.mark-lines i:nth-child(3){top:105px;transform:rotate(-8deg)}.mark-lines i:nth-child(4){top:154px;transform:rotate(-22deg)}.mark-result{position:absolute;right:-2px;bottom:76px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:11px;font-weight:700;box-shadow:0 12px 30px rgba(5,38,92,.07)}.mark-result b{margin-left:8px;color:var(--teal-700)}
.catalog-section{background:#fff}.catalog-head{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:end;margin-bottom:62px}.catalog-head h2,.catalog-principle-grid h2{font-size:clamp(42px,4.7vw,64px);line-height:1.04;letter-spacing:-.046em;margin:0;color:var(--navy-900)}.catalog-head>p{margin:0;color:var(--muted);font-size:17px;line-height:1.75}.catalog-card{display:grid;grid-template-columns:65px 1fr 58px;gap:28px;align-items:center;padding:38px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);transition:padding .25s ease,background .25s ease}.catalog-card:hover{padding-left:18px;padding-right:18px;background:#f8fbfc}.catalog-index{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--teal-700)}.catalog-title{display:flex;align-items:center;gap:18px}.catalog-title h3{font-size:34px;letter-spacing:-.035em;margin:0;color:var(--navy-900)}.catalog-content p{max-width:790px;color:#63778a;font-size:14px;margin:9px 0 16px}.catalog-tags{display:flex;flex-wrap:wrap;gap:7px}.catalog-tags span{font-size:10px;font-weight:700;color:#668095;background:#eff6f7;border-radius:999px;padding:6px 9px}.catalog-arrow{width:48px;height:48px;border-radius:50%;border:1px solid #cfdde2;display:grid;place-items:center;font-size:20px;color:var(--teal-700);justify-self:end}.catalog-future{display:grid;grid-template-columns:48px 1fr auto;gap:20px;align-items:center;padding:35px 0}.future-symbol{width:42px;height:42px;border-radius:50%;background:var(--paper-2);display:grid;place-items:center;color:var(--teal-700);font-size:22px}.catalog-future>div:nth-child(2)>span{font-size:13px;font-weight:700;color:var(--navy-900)}.catalog-future p{margin:5px 0 0;color:#738597;font-size:12px;max-width:650px}.catalog-principle{background:var(--paper);padding:100px 0}.catalog-principle-grid{display:grid;grid-template-columns:.35fr 1fr .7fr;gap:55px;align-items:start}.catalog-principle-grid .kicker{margin-top:8px}.catalog-principle-grid h2 span{color:#637b8f;font-weight:600}.catalog-principle-grid>p:last-child{color:var(--muted);font-size:16px;line-height:1.8;margin:8px 0 0}.compact-start{padding-top:82px}

.brl-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr)}.brl-route-card{position:relative;width:min(100%,460px);margin-left:auto;background:rgba(255,255,255,.94);border:1px solid rgba(5,38,92,.08);border-radius:27px;padding:26px;box-shadow:0 32px 85px rgba(5,38,92,.12);backdrop-filter:blur(12px)}.brl-route-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:18px}.brl-route-head>div{display:flex;flex-direction:column;gap:3px}.brl-route-head span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#8797a6;font-weight:800}.brl-route-head strong{font-size:20px;color:var(--navy-900);letter-spacing:-.02em}.brl-route-head>.route-progress{font-size:16px;color:var(--teal-700);letter-spacing:0}.brl-route-bar{height:4px;background:#e8eff2;border-radius:99px;overflow:hidden;margin-bottom:10px}.brl-route-bar i{display:block;width:68%;height:100%;background:linear-gradient(90deg,var(--blue-400),var(--teal-400));border-radius:99px}.brl-route-card ol{list-style:none;margin:0;padding:0}.brl-route-card li{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid #edf2f4;color:#8c9ba8}.brl-route-card li>span{font-size:9px;font-weight:800;color:#9aa8b4}.brl-route-card li div{display:flex;flex-direction:column}.brl-route-card li strong{font-size:13px;color:inherit}.brl-route-card li small{font-size:10px;color:#98a5b1;margin-top:2px}.brl-route-card li b{font-size:11px}.brl-route-card li.done{color:#35546f}.brl-route-card li.done b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e9f7f7;color:var(--teal-700)}.brl-route-card li.active{color:var(--navy-900)}.brl-route-card li.active b{color:var(--teal-700)}.brl-route-bottom{display:flex;align-items:center;gap:10px;padding-top:18px;color:#718497;font-size:11px;font-weight:700}.brl-route-bottom img{width:35px}.brl-intro{background:#fff}.brl-intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:start}.brl-intro h2,.brl-proof-grid h2{font-size:clamp(42px,4.6vw,63px);line-height:1.04;letter-spacing:-.045em;color:var(--navy-900);margin:0}.brl-intro h2 span{color:#61798e;font-weight:600}.brl-intro-copy p{color:var(--muted);font-size:16px;line-height:1.82;margin:0 0 18px}.official-link{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;font-weight:700;color:var(--teal-700)}.official-link:hover{color:var(--navy-800)}
.brl-simplify-section{background:var(--paper)}.brl-columns{display:grid;grid-template-columns:repeat(4,1fr);margin-top:68px;border-top:1px solid #d7e3e7}.brl-column{padding:30px 30px 5px 0;border-right:1px solid #d7e3e7;min-height:215px}.brl-column:not(:first-child){padding-left:30px}.brl-column:last-child{border-right:0}.brl-column>span{font-size:10px;color:var(--teal-700);font-weight:800;letter-spacing:.1em}.brl-column h3{font-size:21px;margin:33px 0 8px;color:var(--navy-900);letter-spacing:-.02em}.brl-column p{font-size:13px;line-height:1.7;color:#708395;margin:0}.brl-system-section{background:#fff;padding:35px 0 110px}.brl-system-panel{background:var(--navy-950);border-radius:28px;color:#fff;display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;padding:70px}.brl-system-copy h2{font-size:clamp(39px,4.1vw,57px);line-height:1.05;letter-spacing:-.045em;margin:0;color:#fff}.brl-system-copy>p:last-child{color:#a7bbca;font-size:14px;line-height:1.8;margin:24px 0 0}.system-list{display:grid;grid-template-columns:1fr 1fr}.system-list div{min-height:83px;display:grid;grid-template-columns:30px 1fr 25px;gap:8px;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.11)}.system-list div:nth-child(odd){border-right:1px solid rgba(255,255,255,.11)}.system-list span{font-size:9px;color:#6e8aa0;font-weight:800}.system-list strong{font-size:12px;color:#e7eff5}.system-list b{width:22px;height:22px;border-radius:7px;background:var(--teal-500);display:grid;place-items:center;font-size:11px}.brl-process-section{background:#fff}.brl-process-line{margin-top:78px}.brl-proof-section{background:var(--paper)}.brl-proof-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:start}.proof-list{border-top:1px solid #d3e0e4}.proof-list>div{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid #d3e0e4}.proof-list span{font-size:10px;font-weight:800;color:var(--teal-700)}.proof-list p{margin:0;color:#62788b;font-size:14px;line-height:1.7}.proof-list strong{color:var(--navy-900)}.brl-trust{padding:42px 0;background:#fff}.brl-trust .disclaimer{margin-top:0}.brl-faq{padding-top:90px}.brl-start{padding-top:45px}

@media(max-width:1050px){.inner-hero-grid,.brl-hero-grid,.catalog-head,.brl-intro-grid,.brl-proof-grid{grid-template-columns:1fr}.inner-hero-grid{padding-top:72px;gap:45px}.cert-overview-mark,.brl-route-card{margin-inline:auto}.catalog-principle-grid{grid-template-columns:1fr;gap:25px}.catalog-principle-grid>p:last-child{max-width:700px}.brl-columns{grid-template-columns:1fr 1fr}.brl-column:nth-child(2){border-right:0}.brl-column:nth-child(3),.brl-column:nth-child(4){border-top:1px solid #d7e3e7}.brl-system-panel{grid-template-columns:1fr}.system-list{max-width:760px}}
@media(max-width:760px){.inner-hero{padding-top:74px}.inner-hero-grid{min-height:auto;padding:58px 0 70px;gap:44px}.inner-hero-copy h1{font-size:clamp(50px,14.5vw,68px)}.inner-lead{font-size:16px}.breadcrumbs{margin-bottom:27px;flex-wrap:wrap}.cert-overview-mark{height:320px;transform:scale(.88)}.catalog-head{gap:28px;margin-bottom:40px}.catalog-head h2,.catalog-principle-grid h2,.brl-intro h2,.brl-proof-grid h2{font-size:clamp(38px,11vw,51px)}.catalog-card{grid-template-columns:36px 1fr 42px;gap:12px;padding:28px 0}.catalog-title{align-items:flex-start;flex-direction:column;gap:9px}.catalog-title h3{font-size:29px}.catalog-arrow{width:40px;height:40px}.catalog-tags{display:none}.catalog-future{grid-template-columns:42px 1fr}.catalog-future .text-link{grid-column:2}.catalog-principle{padding:78px 0}.brl-route-card{padding:19px;border-radius:22px}.brl-route-card li{grid-template-columns:26px 1fr auto;padding:13px 0}.brl-intro-grid,.brl-proof-grid{gap:38px}.brl-columns{grid-template-columns:1fr}.brl-column,.brl-column:not(:first-child){padding:27px 0;border-right:0;border-top:1px solid #d7e3e7;min-height:0}.brl-column:first-child{border-top:0}.brl-column h3{margin-top:20px}.brl-system-section{padding:25px 0 80px}.brl-system-panel{width:min(calc(100% - 20px),var(--max));padding:48px 23px;border-radius:24px;gap:35px}.brl-system-copy h2{font-size:clamp(37px,10.7vw,50px)}.system-list{grid-template-columns:1fr}.system-list div:nth-child(odd){border-right:0}.source-note{font-size:10px}}

/* =========================================================
   Auditbird v0.4 refinements
   - clearer section rhythm
   - richer certification overview visual
   - restrained motion system
   ========================================================= */

/* Clearer separation between homepage sections */
.process-section{
  position:relative;
  background:linear-gradient(180deg,#edf7f8 0%,#f3f9fa 100%);
  border-top:1px solid #d7e8eb;
  border-bottom:1px solid #d7e8eb;
}
.process-section::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:min(520px,48vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(12,159,172,.5),transparent);
}
.process-section .step-dot{box-shadow:0 0 0 7px #eef7f8}
.cert-section{
  position:relative;
  background:#f7fafb;
  border-top:1px solid #e4ecef;
  border-bottom:1px solid #e4ecef;
}
.trust-section{
  position:relative;
  background:#f1f7f8;
  border-top:1px solid #e0eaed;
  border-bottom:1px solid #e0eaed;
}
.faq-section{position:relative;background:#fff}

/* A slightly more physical hover language without becoming playful */
.cert-card,.catalog-card,.explain-card,.route-card,.brl-route-card,.start-panel{
  will-change:transform;
}
.explain-card{transition:transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s ease}
.trust-panel:hover .explain-card{transform:translateY(-4px);box-shadow:0 24px 58px rgba(5,38,92,.095)}

/* Certification overview: inputs -> Auditbird -> one clear route */
.cert-overview-mark{
  position:relative;
  width:min(100%,520px);
  height:390px;
  margin-left:auto;
  display:block;
}
.cert-overview-mark::before,.cert-overview-mark::after{
  content:"";
  position:absolute;
  left:210px;
  top:195px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  pointer-events:none;
}
.cert-overview-mark::before{width:245px;height:245px;border:1px solid rgba(12,159,172,.14)}
.cert-overview-mark::after{width:330px;height:330px;border:1px solid rgba(7,90,169,.075)}
.cert-inputs{position:absolute;left:0;top:83px;width:120px;height:220px;z-index:2}
.cert-inputs span{
  position:absolute;
  left:0;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 11px;
  border:1px solid rgba(8,41,85,.1);
  border-radius:9px;
  background:rgba(255,255,255,.86);
  box-shadow:0 8px 24px rgba(5,38,92,.045);
  font-size:10px;
  font-weight:700;
  color:#647b90;
  white-space:nowrap;
}
.cert-inputs span:nth-child(1){top:0;left:18px}
.cert-inputs span:nth-child(2){top:82px;left:0}
.cert-inputs span:nth-child(3){top:164px;left:25px}
.cert-flow-lines{position:absolute;z-index:1;left:92px;top:103px;width:105px;height:185px}
.cert-flow-lines i{position:absolute;display:block;left:0;width:100%;height:1px;background:linear-gradient(90deg,rgba(5,38,92,.13),rgba(12,159,172,.4));transform-origin:left}
.cert-flow-lines i:nth-child(1){top:0;transform:rotate(25deg)}
.cert-flow-lines i:nth-child(2){top:82px;transform:rotate(0deg)}
.cert-flow-lines i:nth-child(3){top:166px;transform:rotate(-25deg)}
.cert-bird-core{
  position:absolute;
  z-index:4;
  left:153px;
  top:138px;
  width:116px;
  height:116px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
  border:1px solid rgba(5,38,92,.07);
  box-shadow:0 18px 46px rgba(5,38,92,.1);
}
.cert-overview-mark .cert-bird-core img{width:78px;position:relative;z-index:2}
.cert-bird-core span{position:absolute;bottom:-31px;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:800;color:var(--navy-800)}
.cert-bird-core::after{content:"";position:absolute;left:100%;top:50%;width:48px;height:1px;background:linear-gradient(90deg,rgba(12,159,172,.45),rgba(12,159,172,.12))}
.cert-output-card{
  position:absolute;
  z-index:5;
  right:0;
  top:103px;
  width:205px;
  padding:19px;
  border:1px solid rgba(5,38,92,.08);
  border-radius:18px;
  background:rgba(255,255,255,.94);
  box-shadow:0 24px 58px rgba(5,38,92,.11);
  backdrop-filter:blur(12px);
}
.cert-output-card small{display:block;text-transform:uppercase;letter-spacing:.1em;color:#8a9aa8;font-size:8px;font-weight:800;margin-bottom:5px}
.cert-output-card>strong{display:block;color:var(--navy-900);font-size:15px;letter-spacing:-.015em}
.cert-output-progress{display:flex;align-items:center;justify-content:space-between;margin-top:18px;color:#778a9b;font-size:9px;font-weight:700}
.cert-output-progress b{color:var(--teal-700);font-size:10px}
.cert-mini-bar{display:block;height:3px;background:#e7eef1;border-radius:99px;overflow:hidden;margin-top:7px}
.cert-mini-bar em{display:block;width:68%;height:100%;background:linear-gradient(90deg,var(--blue-400),var(--teal-400));border-radius:inherit}
.cert-output-card p{display:flex;align-items:center;justify-content:space-between;margin:16px 0 0;padding:11px 12px;border-radius:10px;background:var(--navy-900);color:#fff;font-size:10px;font-weight:700}
.cert-output-card p b{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--teal-500);font-size:10px}

/* Motion: calm, directional, and always optional */
.reveal{
  opacity:0;
  filter:blur(2.5px);
  transform:translateY(26px) scale(.995);
  transition:
    opacity .78s cubic-bezier(.2,.75,.25,1) var(--reveal-delay,0ms),
    transform .78s cubic-bezier(.2,.75,.25,1) var(--reveal-delay,0ms),
    filter .78s ease var(--reveal-delay,0ms);
}
.reveal.is-visible{opacity:1;filter:none;transform:none}

.process-line::before{
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform 1.05s cubic-bezier(.2,.75,.25,1) .12s;
}
.process-line.motion-visible::before{transform:scaleX(1)}
.process-line.motion-visible .step-dot{animation:stepPulse .7s cubic-bezier(.2,.75,.25,1) both}
.process-line.motion-visible .process-step:nth-child(2) .step-dot{animation-delay:.11s}
.process-line.motion-visible .process-step:nth-child(3) .step-dot{animation-delay:.22s}
.process-line.motion-visible .process-step:nth-child(4) .step-dot{animation-delay:.33s}

.hero-visual.is-visible .input-chip{animation:chipSettle .65s cubic-bezier(.2,.75,.25,1) both}
.hero-visual.is-visible .input-chip:nth-child(2){animation-delay:.08s}
.hero-visual.is-visible .input-chip:nth-child(3){animation-delay:.16s}
.hero-visual.is-visible .input-chip:nth-child(4){animation-delay:.24s}
.hero-visual.is-visible .input-chip:nth-child(5){animation-delay:.32s}
.hero-visual.is-visible .route-card{animation:cardSettle .8s cubic-bezier(.2,.75,.25,1) .18s both}
.hero-visual.is-visible .bird-hub{animation:hubSettle .75s cubic-bezier(.2,.75,.25,1) .1s both}

.cert-overview-mark.is-visible .cert-inputs span{animation:chipSettle .65s cubic-bezier(.2,.75,.25,1) both}
.cert-overview-mark.is-visible .cert-inputs span:nth-child(2){animation-delay:.1s}
.cert-overview-mark.is-visible .cert-inputs span:nth-child(3){animation-delay:.2s}
.cert-overview-mark.is-visible .cert-bird-core{animation:hubSettle .72s cubic-bezier(.2,.75,.25,1) .12s both}
.cert-overview-mark.is-visible .cert-output-card{animation:cardSettle .8s cubic-bezier(.2,.75,.25,1) .24s both}
.cert-overview-mark.is-visible .cert-mini-bar em{animation:barFill 1s cubic-bezier(.2,.75,.25,1) .55s both;transform-origin:left}

.brl-route-card.motion-visible .brl-route-bar i{animation:barFill 1s cubic-bezier(.2,.75,.25,1) .2s both;transform-origin:left}
.result-panel.motion-visible .result-grid b,.brl-system-panel.motion-visible .system-list b{animation:checkSettle .55s cubic-bezier(.2,.75,.25,1) both}
.result-panel.motion-visible .result-grid div:nth-child(2) b,.brl-system-panel.motion-visible .system-list div:nth-child(2) b{animation-delay:.08s}
.result-panel.motion-visible .result-grid div:nth-child(3) b,.brl-system-panel.motion-visible .system-list div:nth-child(3) b{animation-delay:.16s}
.result-panel.motion-visible .result-grid div:nth-child(4) b,.brl-system-panel.motion-visible .system-list div:nth-child(4) b{animation-delay:.24s}
.result-panel.motion-visible .result-grid div:nth-child(5) b,.brl-system-panel.motion-visible .system-list div:nth-child(5) b{animation-delay:.32s}
.result-panel.motion-visible .result-grid div:nth-child(6) b,.brl-system-panel.motion-visible .system-list div:nth-child(6) b{animation-delay:.4s}

@keyframes chipSettle{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
@keyframes cardSettle{from{opacity:0;transform:translateX(18px) translateY(6px)}to{opacity:1;transform:none}}
@keyframes hubSettle{from{opacity:0;filter:blur(2px)}to{opacity:1;filter:none}}
@keyframes stepPulse{0%{transform:scale(.65);opacity:.35}65%{transform:scale(1.16);opacity:1}100%{transform:scale(1)}}
@keyframes barFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes checkSettle{from{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}

@media (max-width:1050px){
  .process-line::before{display:none}
  .cert-overview-mark{margin-inline:auto}
}

@media (max-width:760px){
  .process-section{background:linear-gradient(180deg,#edf7f8,#f5fafb)}
  .cert-overview-mark{height:340px;transform:none;width:100%;max-width:430px}
  .cert-overview-mark::before,.cert-overview-mark::after{left:46%;top:170px}
  .cert-overview-mark::before{width:210px;height:210px}
  .cert-overview-mark::after{width:280px;height:280px}
  .cert-inputs{top:57px;width:104px}
  .cert-inputs span{font-size:9px;padding:6px 8px;min-height:29px}
  .cert-inputs span:nth-child(1){left:10px}.cert-inputs span:nth-child(2){top:73px}.cert-inputs span:nth-child(3){top:146px;left:16px}
  .cert-flow-lines{left:77px;top:74px;width:78px;height:160px}
  .cert-flow-lines i:nth-child(1){transform:rotate(28deg)}.cert-flow-lines i:nth-child(2){top:73px}.cert-flow-lines i:nth-child(3){top:147px;transform:rotate(-28deg)}
  .cert-bird-core{left:35%;top:112px;width:96px;height:96px}
  .cert-overview-mark .cert-bird-core img{width:65px}.cert-bird-core span{font-size:8px;bottom:-27px}.cert-bird-core::after{width:34px}
  .cert-output-card{right:0;top:91px;width:175px;padding:15px;border-radius:15px}
  .cert-output-card>strong{font-size:13px}.cert-output-card p{padding:9px 10px}
}

@media (max-width:480px){
  .cert-overview-mark{height:320px}
  .cert-inputs{transform:scale(.92);transform-origin:left center}
  .cert-bird-core{left:31%}
  .cert-output-card{width:162px}
}

@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;filter:none;transform:none;transition:none}
  .process-line::before{transform:none;transition:none}
  .hero-visual.is-visible .input-chip,
  .hero-visual.is-visible .route-card,
  .hero-visual.is-visible .bird-hub,
  .cert-overview-mark.is-visible .cert-inputs span,
  .cert-overview-mark.is-visible .cert-bird-core,
  .cert-overview-mark.is-visible .cert-output-card,
  .cert-overview-mark.is-visible .cert-mini-bar em,
  .brl-route-card.motion-visible .brl-route-bar i,
  .result-panel.motion-visible .result-grid b,
  .brl-system-panel.motion-visible .system-list b,
  .process-line.motion-visible .step-dot{animation:none}
}

/* =========================================================
   Auditbird v0.5 polish
   - later, calmer reveal timing
   - more refined easing and micro-interactions
   - subtle depth and section transitions
   ========================================================= */

:root{
  --ease-lux:cubic-bezier(.16,1,.3,1);
}

.nav-shell,.brand{transition:height .4s var(--ease-lux),width .4s var(--ease-lux)}
.site-header.scrolled .nav-shell{height:80px}
.site-header.scrolled .brand{width:168px}

.desktop-nav a{position:relative}
.desktop-nav a::after{
  content:"";
  position:absolute;
  left:0;right:100%;bottom:-10px;
  height:1px;
  background:linear-gradient(90deg,var(--teal-400),var(--blue-400));
  transition:right .35s var(--ease-lux);
}
.desktop-nav a.is-current{color:var(--navy-900)}
.desktop-nav a.is-current::after,.desktop-nav a:hover::after{right:0}
.mobile-nav a.is-current{color:var(--teal-700)}

/* Backgrounds gain a little depth without becoming decorative. */
.process-section{
  background:
    radial-gradient(circle at 88% 18%,rgba(25,185,194,.055),transparent 31%),
    linear-gradient(180deg,#edf7f8 0%,#f4f9fa 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.75),inset 0 -1px rgba(8,41,85,.035);
}
.cert-section{
  background:
    radial-gradient(circle at 12% 76%,rgba(45,128,213,.035),transparent 29%),
    #f7fafb;
}
.trust-section{
  background:
    radial-gradient(circle at 84% 25%,rgba(25,185,194,.045),transparent 32%),
    #f1f7f8;
}

/* A soft fade at the end of tinted sections makes the page rhythm less abrupt. */
.process-section::after,.trust-section::after{
  content:"";
  position:absolute;
  z-index:0;
  left:0;right:0;bottom:-46px;
  height:46px;
  pointer-events:none;
}
.process-section::after{background:linear-gradient(180deg,rgba(244,249,250,.95),rgba(255,255,255,0))}
.trust-section::after{background:linear-gradient(180deg,rgba(241,247,248,.95),rgba(255,255,255,0))}
.process-section>.wrap,.trust-section>.wrap{position:relative;z-index:1}

/* Reveal movement: slower easing, less blur, more deliberate entrance. */
.reveal{
  opacity:0;
  filter:blur(1.35px);
  transform:translate3d(0,30px,0);
  transition:
    opacity .9s var(--ease-lux) var(--reveal-delay,0ms),
    transform .9s var(--ease-lux) var(--reveal-delay,0ms),
    filter .72s ease var(--reveal-delay,0ms);
}
.reveal.is-visible{opacity:1;filter:none;transform:none}
.hero-copy.reveal{transform:translate3d(0,20px,0)}
.hero-copy.reveal.is-visible{transform:none}

.process-line::before{transition:transform 1.25s var(--ease-lux) .16s}
.process-line.motion-visible .step-dot{animation-duration:.78s;animation-timing-function:var(--ease-lux)}

/* Route/progress cards settle with a little more depth. */
.hero-visual .route-card,.brl-route-card,.cert-output-card{
  transition:transform .5s var(--ease-lux),box-shadow .5s ease,border-color .4s ease;
}
@media (hover:hover){
  .hero-visual:hover .route-card{transform:translate3d(0,-3px,0);box-shadow:0 34px 82px rgba(5,38,92,.145)}
  .brl-route-card:hover{transform:translate3d(0,-3px,0);box-shadow:0 38px 92px rgba(5,38,92,.14);border-color:rgba(5,142,154,.18)}
}

/* Quiet editorial micro-interactions. */
.principle{position:relative;transition:transform .45s var(--ease-lux)}
.principle::before{
  content:"";
  position:absolute;top:-1px;left:0;width:0;height:1px;
  background:linear-gradient(90deg,var(--teal-400),var(--blue-400));
  transition:width .48s var(--ease-lux);
}
.principle:not(:first-child)::before{left:38px}
@media (hover:hover){
  .principle:hover{transform:translateY(-3px)}
  .principle:hover::before{width:54px}
  .process-step{transition:transform .45s var(--ease-lux)}
  .process-step:hover{transform:translateY(-3px)}
  .process-step:hover .step-dot{box-shadow:0 0 0 9px rgba(12,159,172,.09)}
}

.cert-card{position:relative;overflow:hidden;transition:padding .45s var(--ease-lux),border-color .35s ease,background .35s ease}
.cert-card::before,.catalog-card::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(25,185,194,.04),transparent 42%);
  transition:opacity .4s ease;
}
.catalog-card{position:relative;overflow:hidden;transition:padding .45s var(--ease-lux),background .35s ease}
.catalog-arrow,.round-arrow{transition:transform .42s var(--ease-lux),background .3s ease,color .3s ease,border-color .3s ease}
@media (hover:hover){
  .cert-card:hover::before,.catalog-card:hover::before{opacity:1}
  .cert-card:hover .round-arrow,.catalog-card:hover .catalog-arrow{transform:translateX(4px)}
}

/* Dark result and system panels reveal their rings/checks in layers. */
.result-panel::before,.result-panel::after,.start-panel::before,.start-panel::after{
  transition:transform 1.35s var(--ease-lux),opacity 1.1s ease;
}
.result-panel:not(.motion-visible)::before{transform:translate3d(34px,-22px,0) scale(.94);opacity:.35}
.result-panel:not(.motion-visible)::after{transform:translate3d(18px,-14px,0) scale(.95);opacity:.4}
.result-panel.motion-visible::before,.result-panel.motion-visible::after{transform:none;opacity:1}
.start-panel:not(.is-visible)::before{transform:translateX(-26px) scale(.96);opacity:.35}
.start-panel:not(.is-visible)::after{transform:translateX(26px) scale(.96);opacity:.35}
.start-panel.is-visible::before,.start-panel.is-visible::after{transform:none;opacity:1}

/* FAQ stays understated, but responds more smoothly to intent. */
summary{transition:color .28s ease,padding-left .35s var(--ease-lux)}
@media (hover:hover){
  details:not([open]) summary:hover{color:var(--teal-700);padding-left:6px}
}
summary span{transition:transform .35s var(--ease-lux),color .25s ease}

/* Footer/contact transition is deliberately softer than a hard page stop. */
.contact-strip{position:relative;background:linear-gradient(180deg,#031a40 0%,#021634 100%)}
.contact-strip::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(25,185,194,.33),transparent);
}

.hero-orbit,.inner-orbit{will-change:transform}

@media(max-width:760px){
  .site-header.scrolled .nav-shell{height:74px}
  .site-header.scrolled .brand{width:155px}
  .desktop-nav a::after{display:none}
  .reveal{transform:translate3d(0,23px,0);filter:blur(1px)}
  .principle:not(:first-child)::before{left:0}
  .process-section::after,.trust-section::after{height:28px;bottom:-28px}
}

@media (prefers-reduced-motion:reduce){
  .nav-shell,.brand,.hero-orbit,.inner-orbit{transition:none!important;transform:none!important}
  .result-panel::before,.result-panel::after,.start-panel::before,.start-panel::after{transition:none;transform:none!important;opacity:1!important}
  .principle,.process-step{transform:none!important}
}


/* =========================================================
   Auditbird v0.6
   - clean subpage architecture
   - method / FAQ / contact pages
   - calmer cross-page transitions and finer interaction polish
   ========================================================= */

/* Clean cross-document transitions where supported. Degrades to normal navigation elsewhere. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:ab-page-out .18s ease both}
::view-transition-new(root){animation:ab-page-in .34s var(--ease-lux) both}
@keyframes ab-page-out{to{opacity:.3;transform:translateY(-3px)}}
@keyframes ab-page-in{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:none}}

/* Accessibility polish */
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--teal-400);outline-offset:4px;border-radius:5px}

/* Inner hero defaults shared by the new pages */
.method-hero,.faq-hero,.contact-hero{min-height:720px;background:linear-gradient(112deg,#fff 0%,#fff 47%,#f0f8f9 100%)}
.method-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(470px,1.08fr)}

/* HOW IT WORKS */
.method-visual{position:relative;height:475px;max-width:540px;margin-left:auto;padding:45px 0}
.method-spine{position:absolute;left:42px;top:64px;bottom:64px;width:1px;background:#dbe8eb;overflow:hidden}
.method-spine i{display:block;width:100%;height:100%;background:linear-gradient(var(--teal-400),var(--blue-400));transform:scaleY(0);transform-origin:top;transition:transform 1.25s var(--ease-lux) .18s}
.method-visual.is-visible .method-spine i{transform:scaleY(1)}
.method-node{position:relative;z-index:2;margin:0 0 16px 0;display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:center;min-height:76px;padding:12px 16px 12px 17px;background:rgba(255,255,255,.91);border:1px solid rgba(8,41,85,.08);border-radius:18px;box-shadow:0 14px 38px rgba(5,38,92,.06);opacity:0;transform:translateX(15px);transition:opacity .62s var(--ease-lux),transform .62s var(--ease-lux),box-shadow .4s ease}
.method-visual.is-visible .method-node{opacity:1;transform:none}.method-visual.is-visible .method-node:nth-of-type(2){transition-delay:.08s}.method-visual.is-visible .method-node:nth-of-type(3){transition-delay:.16s}.method-visual.is-visible .method-node:nth-of-type(4){transition-delay:.24s}.method-visual.is-visible .method-node:nth-of-type(5){transition-delay:.32s}
.method-node>span{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#f2f7f8;color:var(--teal-700);font-size:10px;font-weight:800;letter-spacing:.08em}.method-node small{display:block;text-transform:uppercase;letter-spacing:.09em;font-size:9px;color:#8a98a7;font-weight:800}.method-node strong{display:block;margin-top:3px;color:var(--navy-900);font-size:14px}.method-node>b{font-size:11px;color:#8d9aa8}.method-node.done>b{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;color:var(--teal-700);background:#e7f7f7}.method-node.active{border-color:rgba(12,159,172,.2);box-shadow:0 18px 50px rgba(5,38,92,.085)}.method-node.active>b{color:var(--teal-700)}
.method-bird{position:absolute;right:-18px;bottom:0;width:110px;height:110px;border-radius:50%;background:#fff;border:1px solid rgba(8,41,85,.07);box-shadow:0 18px 48px rgba(5,38,92,.1);display:grid;place-items:center;opacity:0;transform:scale(.92);transition:opacity .7s ease .43s,transform .7s var(--ease-lux) .43s}.method-visual.is-visible .method-bird{opacity:1;transform:none}.method-bird img{width:73px}.method-bird span{position:absolute;bottom:-25px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--navy-800)}

.method-route-section{background:#fff;padding-top:126px}.method-stages{margin-top:72px;border-top:1px solid var(--line)}.method-stage{display:grid;grid-template-columns:90px minmax(0,1fr) minmax(280px,.64fr);gap:44px;align-items:center;padding:48px 0;border-bottom:1px solid var(--line);position:relative}.method-stage::before{content:"";position:absolute;left:0;top:-1px;width:0;height:1px;background:linear-gradient(90deg,var(--teal-400),var(--blue-400));transition:width .65s var(--ease-lux)}.method-stage.is-visible::before{width:72px}.stage-num{font-size:12px;font-weight:800;color:var(--teal-700);letter-spacing:.1em}.stage-label{text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.11em;color:#8795a4;margin:0 0 7px}.stage-copy h3{font-size:clamp(25px,2.4vw,34px);letter-spacing:-.035em;line-height:1.14;color:var(--navy-900);margin:0}.stage-copy>p:last-child{max-width:640px;color:var(--muted);margin:14px 0 0}.stage-mini{display:flex;gap:7px;flex-wrap:wrap}.stage-mini span{padding:9px 11px;border:1px solid #dbe6e9;background:#f8fbfb;border-radius:9px;font-size:10px;font-weight:700;color:#63798d}.stage-example{padding:20px 22px;background:#f4f9fa;border:1px solid #dcebee;border-radius:15px}.stage-example small{display:block;color:var(--teal-700);text-transform:uppercase;letter-spacing:.09em;font-weight:800;font-size:9px;margin-bottom:8px}.stage-example strong{display:block;font-size:12px;line-height:1.55;color:#45617a}.stage-checks{display:grid;gap:8px}.stage-checks span{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #e1eaed;font-size:11px;font-weight:700;color:#506a80}.stage-checks b{color:var(--teal-700)}.stage-ready{background:var(--navy-900);border-radius:16px;color:#fff;padding:18px 20px;display:grid;grid-template-columns:1fr auto;align-items:center}.stage-ready span{grid-column:1/-1;text-transform:uppercase;letter-spacing:.1em;font-size:9px;color:#9ab1c9;font-weight:800}.stage-ready strong{font-size:15px;margin-top:5px}.stage-ready b{grid-row:2;width:29px;height:29px;border-radius:9px;background:var(--teal-500);display:grid;place-items:center}

.roles-section{padding:60px 0 124px;background:#fff}.roles-panel{position:relative;overflow:hidden;background:var(--navy-950);color:#fff;border-radius:30px;padding:72px 74px;box-shadow:0 36px 90px rgba(3,26,64,.14)}.roles-panel::after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(25,185,194,.12);border-radius:50%;right:-220px;top:-240px}.roles-head{position:relative;z-index:1;max-width:830px}.roles-head h2{font-size:clamp(40px,4.5vw,62px);line-height:1.04;letter-spacing:-.046em;margin:0;color:#fff}.roles-head h2 span{color:#9bb1c4}.roles-head>p{max-width:700px;color:#a9bacb;font-size:17px;margin:24px 0 0}.roles-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:58px;border-top:1px solid var(--line-dark)}.roles-grid article{padding:30px 34px 0 0;min-height:190px;border-right:1px solid var(--line-dark)}.roles-grid article:not(:first-child){padding-left:34px}.roles-grid article:last-child{border-right:0}.roles-grid span{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--teal-400)}.roles-grid h3{font-size:18px;margin:25px 0 8px}.roles-grid p{color:#aabac9;font-size:13px;margin:0}

.method-clarity-section{background:linear-gradient(180deg,#eef7f8,#f7fafb);border-top:1px solid #dce9ec;border-bottom:1px solid #dce9ec}.method-clarity-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);gap:100px;align-items:center}.method-clarity-grid h2{font-size:clamp(42px,4.5vw,64px);line-height:1.04;letter-spacing:-.046em;margin:0;color:var(--navy-900)}.method-clarity-grid h2 span{color:var(--teal-700)}.method-clarity-grid>div:first-child>p:not(.kicker){font-size:17px;color:var(--muted);max-width:560px;margin:22px 0 28px}.clarity-demo{background:#fff;border:1px solid rgba(8,41,85,.08);border-radius:22px;padding:26px;box-shadow:0 26px 70px rgba(5,38,92,.09)}.clarity-top{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.09em;font-size:9px;font-weight:800;color:#8190a0;border-bottom:1px solid #e6edef;padding-bottom:16px}.clarity-top b{color:var(--teal-700)}.clarity-demo h3{font-size:20px;letter-spacing:-.025em;color:var(--navy-900);margin:23px 0}.clarity-field{padding:14px 15px;background:#f6fafb;border:1px solid #e0e9ec;border-radius:11px}.clarity-field span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#8997a5}.clarity-field strong{display:block;margin-top:6px;font-size:12px;color:#60768a}.clarity-demo details{margin-top:14px;border-top:1px solid #e4ecef}.clarity-demo details summary{padding:16px 0 10px;font-size:11px}.clarity-demo details p{font-size:11px;margin:0;color:#718297}

/* FAQ PAGE */
.faq-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.68fr);align-items:center;gap:90px;padding-block:130px 90px}.faq-index{display:grid;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.faq-index a{display:grid;grid-template-columns:38px 1fr;align-items:center;padding:17px 4px;border-bottom:1px solid var(--line);font-size:13px;font-weight:700;color:#536c82;transition:padding .35s var(--ease-lux),color .25s ease}.faq-index a:last-child{border-bottom:0}.faq-index span{font-size:9px;color:var(--teal-700);font-weight:800}.faq-index a:hover{padding-left:8px;color:var(--navy-900)}
.faq-page-section{background:#fff;padding-top:110px}.faq-page-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:95px;align-items:start}.faq-side{position:sticky;top:125px}.faq-side h2{font-size:34px;line-height:1.08;letter-spacing:-.04em;margin:0;color:var(--navy-900)}.faq-side>p:not(.kicker){color:var(--muted);font-size:14px;margin:18px 0 23px}.faq-groups{display:grid;gap:70px}.faq-group{scroll-margin-top:120px}.faq-group-title{display:flex;align-items:baseline;gap:18px;margin-bottom:10px}.faq-group-title span{font-size:10px;font-weight:800;color:var(--teal-700);letter-spacing:.1em}.faq-group-title h2{font-size:32px;letter-spacing:-.035em;color:var(--navy-900);margin:0}.faq-page-section .faq-list details{border-bottom:1px solid var(--line)}.faq-page-section .faq-list details:first-child{border-top:1px solid var(--line)}.faq-start{padding-top:40px}

/* CONTACT PAGE */
.contact-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.65fr);gap:100px;align-items:center;padding-block:125px 90px}.contact-bird-card{min-height:340px;border:1px solid rgba(8,41,85,.08);border-radius:28px;background:rgba(255,255,255,.82);box-shadow:0 24px 70px rgba(5,38,92,.07);display:grid;place-items:center;text-align:center;padding:40px;position:relative}.contact-bird-card::before{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(12,159,172,.13);border-radius:50%}.contact-bird-ring{position:relative;z-index:1;width:132px;height:132px;border-radius:50%;background:#fff;box-shadow:0 15px 42px rgba(5,38,92,.1);display:grid;place-items:center}.contact-bird-ring img{width:88px}.contact-bird-card p{position:relative;z-index:1;margin:0;color:#718197;font-size:13px}.contact-bird-card strong{color:var(--navy-900);font-size:15px}
.contact-options-section{background:#fff;padding-top:110px}.contact-options{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.contact-option{position:relative;padding:34px 36px 18px 0;min-height:330px;border-right:1px solid var(--line)}.contact-option:not(:first-child){padding-left:36px}.contact-option:last-child{border-right:0}.option-num{display:block;font-size:10px;letter-spacing:.1em;font-weight:800;color:#9aa7b4;margin-bottom:34px}.contact-option .kicker{margin-bottom:12px}.contact-option h2{font-size:27px;line-height:1.12;letter-spacing:-.035em;color:var(--navy-900);margin:0}.contact-option>p:not(.kicker){font-size:14px;color:var(--muted);margin:17px 0 26px}.contact-option .contact-direct{margin-top:17px}.contact-expect-section{background:linear-gradient(180deg,#f0f7f8,#f7fafb);border-top:1px solid #dce8eb}.contact-expect-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);gap:100px}.contact-expect-grid h2{font-size:clamp(42px,4.5vw,62px);line-height:1.04;letter-spacing:-.045em;color:var(--navy-900);margin:0}.contact-expect-grid h2 span{color:#60768a}.contact-expect-list{border-top:1px solid #d8e4e8}.contact-expect-list div{display:grid;grid-template-columns:45px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid #d8e4e8}.contact-expect-list span{font-size:9px;color:var(--teal-700);font-weight:800;letter-spacing:.1em}.contact-expect-list p{margin:0;color:#566f84;font-size:14px}

/* New pages share a softer section-entry line. */
.method-route-section,.faq-page-section,.contact-options-section{position:relative}.method-route-section::before,.faq-page-section::before,.contact-options-section::before{content:"";position:absolute;top:0;left:50%;width:min(480px,45vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(12,159,172,.32),transparent)}

@media(max-width:1050px){
  .method-hero-grid,.method-clarity-grid,.faq-hero-grid,.faq-page-layout,.contact-hero-grid,.contact-expect-grid{grid-template-columns:1fr;gap:60px}.method-visual{margin-inline:auto;width:100%}.method-stage{grid-template-columns:70px 1fr}.method-stage>:last-child{grid-column:2}.roles-panel{padding:60px 48px}.faq-side{position:relative;top:auto;max-width:620px}.contact-bird-card{max-width:520px;width:100%;margin-inline:auto}.contact-options{grid-template-columns:1fr}.contact-option,.contact-option:not(:first-child){padding:32px 0;border-right:0;border-bottom:1px solid var(--line);min-height:0}.contact-option:last-child{border-bottom:0}
}
@media(max-width:760px){
  .method-hero,.faq-hero,.contact-hero{min-height:auto}.method-hero-grid{padding-bottom:58px}.method-visual{height:410px;max-width:410px}.method-spine{left:33px}.method-node{grid-template-columns:42px 1fr auto;gap:11px;min-height:65px;padding:9px 11px}.method-node>span{width:40px;height:40px;border-radius:12px}.method-node strong{font-size:12px}.method-bird{width:88px;height:88px;right:0}.method-bird img{width:59px}.method-stage{grid-template-columns:42px 1fr;gap:20px;padding:36px 0}.method-stage>:last-child{grid-column:1/-1;margin-left:62px}.roles-section{padding:35px 0 80px}.roles-panel{width:min(calc(100% - 20px),var(--max));padding:45px 24px;border-radius:24px}.roles-grid{grid-template-columns:1fr}.roles-grid article,.roles-grid article:not(:first-child){padding:25px 0;border-right:0;border-bottom:1px solid var(--line-dark);min-height:0}.roles-grid article:last-child{border-bottom:0}.method-clarity-grid{gap:45px}.clarity-demo{padding:20px}.faq-hero-grid,.contact-hero-grid{padding-block:115px 55px;gap:45px}.faq-page-layout{gap:55px}.faq-groups{gap:55px}.faq-group-title h2{font-size:27px}.contact-bird-card{min-height:270px;padding:28px}.contact-expect-grid{gap:50px}
}
@media(max-width:480px){.method-visual{height:395px}.method-node{margin-bottom:12px}.method-bird{bottom:-4px}.method-stage>:last-child{margin-left:0}.faq-index a{padding-block:14px}.roles-head h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.method-spine i{transform:scaleY(1)!important}.method-node,.method-bird{opacity:1!important;transform:none!important;transition:none!important}}

.error-hero{min-height:100vh;display:flex;align-items:center;background:linear-gradient(112deg,#fff 0%,#fff 49%,#f0f8f9 100%)}.error-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.65fr);gap:100px;align-items:center;padding-block:130px 90px}.error-mark{justify-self:center;width:270px;height:270px;border-radius:50%;background:#fff;border:1px solid rgba(8,41,85,.08);box-shadow:0 26px 70px rgba(5,38,92,.08);display:grid;place-items:center;position:relative}.error-mark::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid rgba(12,159,172,.12)}.error-mark img{width:135px}.error-mark span{position:absolute;bottom:42px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--navy-800)}@media(max-width:760px){.error-grid{grid-template-columns:1fr;gap:55px;padding-top:120px}.error-mark{width:210px;height:210px}.error-mark::before{width:270px;height:270px}.error-mark img{width:105px}.error-mark span{bottom:30px;font-size:8px}}