@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#08254b;--ink-2:#15375e;--teal:#0797a5;--teal-dark:#057783;--yellow:#ffd51f;--sky:#edf7fb;--paper:#fbfaf6;--white:#fff;--line:#d9e4eb;--muted:#5d7085;--shadow:0 20px 55px rgba(8,37,75,.11);--radius:24px;--shell:min(1160px,calc(100vw - 48px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',sans-serif;line-height:1.55}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 85% 0,rgba(7,151,165,.12),transparent 30rem),linear-gradient(180deg,#fff 0,#fbfaf6 36rem)}a{color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;z-index:99;background:#fff;padding:10px 16px;border-radius:8px}.section-shell{width:var(--shell);margin-inline:auto}.site-header{width:min(1240px,calc(100vw - 32px));height:82px;margin:14px auto 0;display:flex;align-items:center;gap:28px;padding:0 22px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border:1px solid rgba(8,37,75,.08);border-radius:22px;position:relative;z-index:10;box-shadow:0 8px 30px rgba(8,37,75,.06)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}.brand img{width:42px;height:42px;object-fit:contain}.brand span{font-family:Manrope,sans-serif;font-size:1.18rem;font-weight:800;letter-spacing:-.035em}.brand strong{color:var(--teal)}.primary-nav{display:flex;align-items:center;gap:26px;margin-left:auto}.primary-nav a{text-decoration:none;color:var(--ink-2);font-size:.92rem;font-weight:600}.primary-nav a:hover{color:var(--teal)}.nav-toggle{display:none;border:0;background:none;color:var(--ink);font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;border:0;border-radius:14px;background:var(--yellow);color:var(--ink);font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 10px 24px rgba(255,213,31,.25);transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 15px 28px rgba(255,213,31,.3)}.button-small{padding:11px 15px;font-size:.86rem}.button-quiet{background:#fff;border:1px solid var(--line);box-shadow:none}.button-block{width:100%}.button:disabled{opacity:.55;cursor:wait}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:800;color:var(--teal);display:flex;align-items:center;gap:8px}.eyebrow>span:first-child{width:22px;height:2px;background:currentColor}.eyebrow.light,.text-link.light{color:#7ee8ef}.eyebrow.centered{justify-content:center}.eyebrow.centered>span{display:none}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.05;letter-spacing:-.045em;margin:0}h1{font-size:clamp(3rem,6vw,5.9rem)}h2{font-size:clamp(2.2rem,4.2vw,4.2rem)}h3{font-size:1.35rem}h1 em,h2 em{font-style:normal;color:var(--teal)}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center;padding:76px 0 100px;min-height:720px}.hero-copy{position:relative}.hero-copy:after{content:"";position:absolute;width:90px;height:90px;right:-10px;bottom:-30px;background-image:radial-gradient(var(--teal) 1.7px,transparent 1.7px);background-size:12px 12px;opacity:.28}.hero h1{max-width:750px}.hero-deck{font-size:1.18rem;color:var(--muted);max-width:650px;margin:25px 0 30px}.action-row{display:flex;flex-wrap:wrap;gap:12px}.credential-row{display:flex;gap:0;margin:44px 0 0;border-top:1px solid var(--line);padding-top:22px}.credential-row>div{padding-right:26px;margin-right:26px;border-right:1px solid var(--line)}.credential-row>div:last-child{border:0}.credential-row dt{font:800 1.25rem Manrope;color:var(--ink)}.credential-row dd{margin:2px 0 0;color:var(--muted);font-size:.78rem;max-width:125px}.hero-visual{position:relative;padding:18px 0 0 18px}.portrait-wrap{position:relative;border-radius:38% 38% 26px 26px;overflow:hidden;box-shadow:var(--shadow);background:var(--sky)}.portrait-wrap:before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.8);border-radius:inherit;z-index:1}.portrait-wrap img{width:100%;aspect-ratio:.82;object-fit:cover;object-position:center 25%}.hero-visual:before{content:"";position:absolute;inset:0 40% 40% -3%;border-radius:50%;background:var(--yellow);z-index:-1}.floating-note{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px}.note-top{right:-22px;top:100px;padding:13px 17px;font-weight:700}.status-dot{display:inline-block;width:9px;height:9px;background:#31bd75;border-radius:50%;margin-right:7px;box-shadow:0 0 0 5px rgba(49,189,117,.13)}.note-bottom{left:-42px;bottom:34px;padding:18px 21px;display:flex;flex-direction:column}.note-bottom small{color:var(--teal);font-weight:800;letter-spacing:.12em}.note-bottom strong{font-family:Manrope}.note-bottom span{color:var(--muted);font-size:.86rem}.help-section{padding:100px 0}.section-heading{max-width:720px;margin-bottom:42px}.section-heading>p:last-child{font-size:1.08rem;color:var(--muted)}.help-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.help-card{min-height:340px;padding:27px;display:flex;flex-direction:column;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:.25s}.help-card:hover{transform:translateY(-8px);border-color:rgba(7,151,165,.5);box-shadow:var(--shadow)}.help-card>span{font:800 .8rem Manrope;color:var(--teal)}.help-card h3{margin:48px 0 15px}.help-card p{color:var(--muted);font-size:.94rem}.help-card b{margin-top:auto;color:var(--teal)}.systems-teaser{background:var(--ink);color:#fff;padding:90px 0}.systems-teaser-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.systems-teaser h2{font-size:clamp(2.4rem,4vw,4rem)}.systems-teaser p{color:#b8c8d7}.text-link{font-weight:800;color:var(--teal);text-decoration:none}.mini-flow{display:flex;align-items:center;gap:8px}.mini-flow div{min-width:100px;padding:17px 12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;text-align:center}.mini-flow div.active{background:var(--teal);border-color:var(--teal)}.mini-flow b,.mini-flow small{display:block}.mini-flow small{color:#a8bdcf;font-size:.7rem}.mini-flow .active small{color:#d7fbff}.mini-flow i{font-style:normal;color:#68a7b4}.proof-section{padding:120px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.proof-copy>p:not(.eyebrow){color:var(--muted);font-size:1.08rem}.system-stack{display:flex;flex-direction:column;gap:12px;position:relative}.system-stack:before{content:"";position:absolute;width:60px;inset:-40px auto -40px -45px;background:linear-gradient(90deg,transparent,var(--sky));border-radius:50%;z-index:-1}.system-stack div{padding:20px 24px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(8,37,75,.05)}.system-stack b,.system-stack span{display:block}.system-stack span{color:var(--muted);font-size:.84rem}.about-section{padding:100px 0;background:var(--sky);width:min(1240px,calc(100vw - 32px));border-radius:34px;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;padding-inline:clamp(28px,6vw,78px)}.about-intro>p:last-child{color:var(--muted);font-size:1.08rem}.about-details{display:grid;gap:14px}.about-details article{background:#fff;border-radius:18px;padding:24px;border:1px solid rgba(8,37,75,.08)}.about-details p{color:var(--muted);margin-bottom:0}.final-cta{text-align:center;padding:120px 0}.final-cta>img{width:78px;margin:0 auto 22px}.final-cta h2{margin:10px auto 30px;max-width:850px}.final-cta>p:not(.eyebrow){color:var(--muted)}.site-footer{width:min(1240px,calc(100vw - 32px));margin:auto;padding:34px 16px 40px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}.site-footer p,.site-footer small{color:var(--muted)}.site-footer nav{display:flex;gap:18px}.site-footer nav a{text-decoration:none;font-size:.88rem;font-weight:700}.site-footer small{grid-column:1/-1}
/* systems */.systems-hero{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center;min-height:680px;padding:70px 0}.systems-hero p:not(.eyebrow){color:var(--muted);font-size:1.12rem;max-width:650px}.orbit{width:440px;height:440px;position:relative;margin:auto;border:1px dashed rgba(7,151,165,.4);border-radius:50%;animation:float 6s ease-in-out infinite}.orbit:before{content:"";position:absolute;inset:65px;border:1px solid rgba(7,151,165,.2);border-radius:50%}.orbit-center{position:absolute;inset:50%;transform:translate(-50%,-50%);width:175px;height:175px;border-radius:50%;background:#fff;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.orbit-center img{width:48px}.orbit-center b,.orbit-center small{display:block}.orbit-center small{font-size:.72rem;color:var(--muted)}.satellite{position:absolute;padding:10px 14px;border-radius:999px;background:var(--ink);color:#fff;font-size:.8rem;font-weight:700;box-shadow:0 8px 20px rgba(8,37,75,.2)}.s1{top:2%;left:40%}.s2{top:30%;right:-7%}.s3{bottom:12%;right:6%;background:var(--teal)}.s4{bottom:8%;left:3%}.s5{top:28%;left:-8%;background:var(--yellow);color:var(--ink)}@keyframes float{50%{transform:translateY(-8px)}}.systems-band{background:var(--yellow);padding:19px;display:flex;justify-content:center;gap:23px;font:800 1rem Manrope;letter-spacing:.03em}.systems-band i{font-style:normal;color:rgba(8,37,75,.35)}.workflow-section{padding:100px 0}.section-heading.split{max-width:none;display:grid;grid-template-columns:1fr .6fr;gap:60px;align-items:end}.workflow-map{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin-top:55px}.workflow-map>i{font-style:normal;color:var(--teal);font-size:1.4rem}.workflow-map article{padding:20px 14px;background:#fff;border:1px solid var(--line);border-radius:18px;min-height:330px}.workflow-map article>span{color:var(--teal);font-weight:800}.workflow-map h3{margin:12px 0 25px}.workflow-map article div{padding:14px 10px;border-radius:12px;background:var(--sky);margin-top:9px}.workflow-map article div.accent{background:var(--ink);color:#fff}.workflow-map b,.workflow-map small{display:block}.workflow-map small{font-size:.7rem;color:var(--muted)}.workflow-map .accent small{color:#b8c8d7}.pain-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:24px}.pain-row span{font-weight:800}.pain-row b{font-size:.76rem;padding:6px 10px;border-radius:999px;background:#f2e8e6;color:#9e4036}.patterns-section{padding:100px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.patterns-section>div>p:not(.eyebrow),.pattern-list p{color:var(--muted)}.pattern-list article{display:flex;gap:20px;padding:26px 0;border-top:1px solid var(--line)}.pattern-list>article>span{color:var(--teal);font-weight:800}.pattern-list h3{font-size:1.55rem}.pattern-list p{margin-bottom:0}
/* articles */.article-page,.case-study{max-width:900px;padding:100px 0}.article-page h1,.case-study h1{font-size:clamp(2.8rem,5vw,5rem)}.article-page .lede,.case-study .lede{font-size:1.3rem;color:var(--muted);margin:28px 0 70px}.article-page h2,.case-study section h2{font-size:2rem;margin:45px 0 12px}.article-page p{color:var(--muted)}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.case-grid article{padding:24px;background:#fff;border:1px solid var(--line);border-radius:18px}.case-grid p{color:var(--muted)}.check-list{padding:0;list-style:none}.check-list li{padding:15px 15px 15px 46px;border-bottom:1px solid var(--line);position:relative}.check-list li:before{content:'✓';position:absolute;left:12px;color:var(--teal);font-weight:800}.case-boundary{padding:28px;border-radius:20px;background:var(--sky)}.private-label{margin-left:auto;color:var(--teal);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
/* router */.router-page{background:linear-gradient(135deg,#f5fbfd,#fff 60%)}.router-header{height:78px;width:min(1050px,calc(100vw - 40px));margin:auto;display:flex;align-items:center;justify-content:space-between}.router-header>span{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:800}.router-shell{width:min(760px,calc(100vw - 32px));margin:20px auto 80px}.router-progress{display:flex;gap:15px;align-items:center;margin-bottom:30px;color:var(--muted);font-size:.8rem;font-weight:700}.router-progress>div{height:5px;flex:1;background:#e4edf1;border-radius:99px;overflow:hidden}.router-progress i{display:block;height:100%;width:33.333%;background:var(--teal);transition:width .3s}.router-step{background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(26px,6vw,58px);box-shadow:var(--shadow)}.router-step[hidden]{display:none}.router-step h1{font-size:clamp(2.4rem,6vw,4.4rem)}.router-step>p:not(.eyebrow):not(.form-error){color:var(--muted)}.route-options{display:grid;gap:10px;margin-top:30px}.route-options button{position:relative;text-align:left;padding:18px 110px 18px 20px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);cursor:pointer;transition:.2s}.route-options button:hover{border-color:var(--teal);background:var(--sky);transform:translateX(5px)}.route-options span,.route-options small{display:block}.route-options span{font-weight:800}.route-options small{color:var(--muted)}.route-options em{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:.7rem;font-style:normal;text-transform:uppercase;letter-spacing:.08em;background:#fbe9e6;color:#a43c30;border-radius:99px;padding:6px 9px}.router-back{border:0;background:none;padding:0 0 26px;color:var(--teal);font-weight:700;cursor:pointer}.field{margin:18px 0}.field label{display:block;font-weight:800;margin:0 0 7px}.field input,.field select,.field textarea{width:100%;border:1px solid #cfdce4;background:#fff;padding:13px 14px;border-radius:12px;color:var(--ink);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(7,151,165,.1)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.consent{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:.85rem;margin:20px 0}.consent input{margin-top:4px}.form-error{color:#a43c30;font-weight:700}.honeypot{position:absolute!important;left:-9999px!important}.router-success{text-align:center}.success-mark{width:72px;height:72px;display:grid;place-items:center;margin:auto;border-radius:50%;background:var(--teal);color:#fff;font-size:2rem;font-weight:800}.success-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left;padding:18px;background:var(--sky);border-radius:14px;margin:25px 0}.success-summary span{color:var(--muted)}.success-summary b{text-align:right}.router-trust{display:flex;justify-content:center;gap:10px;margin-top:18px;color:var(--muted);font-size:.76rem}
/* portal */.portal-page{min-height:100vh;background:#eef4f7}.portal-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.portal-sidebar{background:var(--ink);color:#fff;padding:25px 20px;display:flex;flex-direction:column;gap:30px}.portal-sidebar .brand{color:#fff}.portal-sidebar nav{display:grid;gap:7px}.portal-nav{border:0;background:transparent;color:#b7c7d7;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer;font-weight:700}.portal-nav.active,.portal-nav:hover{background:rgba(255,255,255,.1);color:#fff}.portal-logout{margin-top:auto;border:1px solid rgba(255,255,255,.2);background:none;color:#fff;border-radius:10px;padding:10px;cursor:pointer}.portal-main{padding:30px clamp(20px,4vw,60px)}.portal-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.portal-topbar h1{font-size:2.5rem}.portal-topbar p{margin:3px 0;color:var(--muted)}.portal-view[hidden]{display:none}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:22px}.metric{padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px}.metric small,.metric b{display:block}.metric small{color:var(--muted)}.metric b{font:800 2rem Manrope;margin-top:6px}.lead-toolbar{display:flex;gap:10px;margin-bottom:15px}.lead-toolbar input,.lead-toolbar select{border:1px solid var(--line);border-radius:11px;padding:10px 12px;background:#fff}.lead-toolbar input{flex:1}.lead-list{display:grid;gap:10px}.lead-card{display:grid;grid-template-columns:65px 1.1fr 1fr 130px;gap:18px;align-items:center;padding:18px;background:#fff;border:1px solid var(--line);border-radius:15px}.lead-score{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:var(--sky);font-weight:800;color:var(--teal)}.lead-name b,.lead-name small,.lead-details b,.lead-details small{display:block}.lead-card small{color:var(--muted)}.lead-details p{margin:4px 0 0;font-size:.84rem;color:var(--muted)}.lead-card select{width:100%;border:1px solid var(--line);border-radius:9px;padding:8px}.portal-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;max-width:720px;margin-bottom:18px}.portal-panel h2{font-size:1.8rem}.portal-panel>p{color:var(--muted)}.toggle-row{display:flex;gap:10px;padding:10px 0}.login-gate{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);background:#fff;padding:38px;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.login-card .brand{margin-bottom:35px}.login-card h1{font-size:2.5rem}.portal-message{font-size:.87rem;font-weight:700;min-height:22px}.portal-message.error{color:#a43c30}.portal-message.ok{color:#16824d}
@media(max-width:980px){.site-header{gap:13px}.primary-nav{display:none;position:absolute;top:70px;left:0;right:0;margin:0;background:#fff;padding:20px;border-radius:16px;box-shadow:var(--shadow);flex-direction:column}.primary-nav.open{display:flex}.nav-toggle{display:block;margin-left:auto}.site-header>.button{display:none}.hero,.systems-hero,.proof-section,.about-section,.patterns-section,.systems-teaser-grid{grid-template-columns:1fr}.hero{padding-top:50px}.hero-visual{max-width:590px;margin:auto}.help-grid{grid-template-columns:1fr 1fr}.mini-flow{flex-wrap:wrap}.workflow-map{grid-template-columns:1fr}.workflow-map>i{transform:rotate(90deg);text-align:center}.workflow-map article{min-height:0}.orbit{width:min(440px,90vw);height:min(440px,90vw)}.site-footer{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.lead-card{grid-template-columns:55px 1fr 130px}.lead-details{grid-column:2/-1}.portal-shell{grid-template-columns:1fr}.portal-sidebar{position:sticky;top:0;z-index:5;flex-direction:row;align-items:center;padding:12px 18px}.portal-sidebar nav{display:flex}.portal-sidebar .portal-logout{margin:0 0 0 auto}.portal-sidebar .brand span{display:none}}
@media(max-width:640px){:root{--shell:calc(100vw - 30px)}h1{font-size:2.75rem}.site-header{height:68px}.brand img{width:36px;height:36px}.hero{gap:35px;min-height:0;padding-bottom:70px}.hero-visual{padding:12px 0 0;display:flex;flex-direction:column}.credential-row{flex-wrap:wrap;gap:14px}.credential-row>div{width:calc(50% - 10px);margin:0;padding:0;border:0}.note-top{display:none}.note-bottom{position:relative;left:auto;bottom:auto;margin:12px 14px 0;padding:16px 18px;z-index:2;box-shadow:0 12px 30px rgba(8,37,75,.1)}.help-grid{grid-template-columns:1fr}.help-card{min-height:260px}.systems-teaser,.help-section,.proof-section,.workflow-section,.patterns-section{padding:70px 0}.mini-flow i{display:none}.mini-flow div{flex:1}.section-heading.split{grid-template-columns:1fr;gap:10px}.systems-band{overflow:auto;justify-content:flex-start}.about-section{padding:65px 24px}.case-grid,.form-grid{grid-template-columns:1fr}.site-footer nav{flex-wrap:wrap}.router-header>span{font-size:.66rem;max-width:92px}.router-step{padding:25px 20px}.route-options button{padding-right:20px}.route-options em{position:static;display:inline-block;transform:none;margin-top:8px}.router-trust{flex-wrap:wrap}.portal-sidebar{overflow:auto}.portal-sidebar nav{gap:2px}.portal-nav{font-size:.78rem;padding:8px}.portal-main{padding:20px 12px}.metric-grid{grid-template-columns:1fr 1fr}.lead-card{grid-template-columns:50px 1fr}.lead-details,.lead-card select{grid-column:2}.lead-toolbar{flex-wrap:wrap}.lead-toolbar input{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}