:root{--paper:#f4f1e8;--white:#fff;--ink:#102536;--navy:#0b2744;--steel:#60707c;--orange:#ff6a13;--border:#dae0dd;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}.container{max-width:1280px;padding:0 38px;margin:auto}.mono{font:600 11px/1.5 var(--mono);letter-spacing:.105em;text-transform:uppercase;color:var(--steel)}.header{position:sticky;top:0;z-index:100;background:rgba(244,241,232,.96);backdrop-filter:blur(18px);border-bottom:1px solid #d8d7cf}.header-inner{height:84px;max-width:1440px;margin:auto;padding:0 36px;display:flex;align-items:center;gap:clamp(20px,3vw,55px)}.logo{display:inline-flex;flex:0 0 auto;align-items:center}.logo img{width:102px;height:auto;display:block}.nav{display:flex;align-items:center;gap:clamp(18px,2vw,30px);margin-left:auto;min-width:0}.nav a{font-size:13px;white-space:nowrap;color:#4d5b63;transition:color .2s}.nav a:hover,.nav a[aria-current=page]{color:var(--orange)}.actions{display:flex;align-items:center;gap:12px;margin-left:8px;flex:none}.btn{min-height:43px;padding:11px 17px;border-radius:5px;border:1px solid transparent;background:var(--orange);color:white;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:13px;white-space:nowrap;transition:transform .15s,filter .15s}.btn:hover{filter:brightness(.95);transform:translateY(-1px)}.btn-outline{border-color:#cbd0cd;color:var(--ink);background:transparent}.btn-light-outline{border-color:#62788a;color:#fff;background:transparent}.portal-link{white-space:nowrap;font-size:13px;font-weight:650;color:var(--navy)}.portal-link:hover{color:var(--orange)}.menu-toggle{display:none;margin-left:auto;background:transparent;border:1px solid var(--border);border-radius:5px;padding:9px 12px;cursor:pointer;color:var(--ink);font-size:15px}.mobile-panel{display:none}.hero{margin:20px 20px 0;background:#153650;border-radius:12px;color:#f4f1e8;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:48px 48px;opacity:.55}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;min-height:560px;padding-top:78px;padding-bottom:78px}.hero .mono{color:#b3c3cb}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,5.3vw,80px);line-height:1.07;letter-spacing:-.053em;font-weight:560;margin:26px 0 22px}h2{font-size:clamp(30px,3.3vw,48px);font-weight:550;line-height:1.12;letter-spacing:-.035em;margin:14px 0 18px}h3{font-size:19px;font-weight:620;letter-spacing:-.02em;margin:15px 0 10px}p{line-height:1.75;color:var(--steel)}.hero p{color:#cad6dd;font-size:17px;max-width:550px}.hero .subnote{font:12px/1.6 var(--mono);color:#91aab8;margin-top:30px}.button-row{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.diagram{border:1px solid #6c809075;border-radius:12px;padding:26px;background:#ffffff0b;box-shadow:0 22px 80px #00111f40}.diagram-header{display:flex;justify-content:space-between;color:#dbe5e6;font:11px var(--mono);padding-bottom:19px;border-bottom:1px solid #ffffff26}.diagram-flow{display:grid;grid-template-columns:1fr 28px 1fr;gap:12px;align-items:center;margin:22px 0}.flowcard{border:1px solid #ffffff30;background:#ffffff0b;padding:18px;border-radius:6px;min-height:104px}.flowcard strong{display:block;font-size:15px;color:white;margin-bottom:8px}.flowcard small{color:#afc2cc;line-height:1.6}.flowarrow{text-align:center;color:#ff9b60}.diagram-bottom{border:1px solid #ffffff20;border-radius:6px;padding:17px 20px;color:#dde7e9;font-size:13px}.diagram-bottom span{display:inline-block;padding:6px 10px;background:#ff6a1326;border-radius:100px;color:#ffc69b;margin-right:8px}.stat-strip{background:#ffffffad;border-bottom:1px solid #dce0de}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding-top:27px;padding-bottom:27px}.stat{text-align:center;border-right:1px solid var(--border);padding:4px 14px}.stat:last-child{border:0}.stat strong{display:block;font-size:23px;font-weight:600;margin-bottom:7px}.stat small{font:10px var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--steel)}.section{padding:96px 0;border-bottom:1px solid #dce0dc}.section.white{background:#ffffff75}.section-heading{max-width:700px}.four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-top:42px}.step{background:#ffffffe6;padding:30px;min-height:225px}.step .mono{color:var(--orange)}.step p,.feature p{font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:38px}.service{padding:20px 16px;border:1px solid #dce0de;border-radius:6px;background:#ffffff95;font-size:14px;font-weight:550;transition:border-color .15s,transform .15s}.service:hover{border-color:var(--orange);transform:translateY(-2px)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:38px}.feature{border:1px solid #dce0de;border-radius:8px;background:#fff;padding:25px}.feature .symbol{font-size:24px;color:var(--orange)}.cta{margin:22px 20px;background:#153650;color:#fff;padding:75px 0;border-radius:12px}.cta p{color:#c0d0d9}.cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin-bottom:10px}.footer{margin:12px 20px 20px;background:#0e283e;border-radius:12px;color:#f4f1e8;padding:66px 0 28px}.footer-cols{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:38px}.footer .logo img{width:115px}.footer p{font-size:14px;color:#b8c5cf;margin-top:25px;max-width:310px}.footer h3{font:11px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#9db0bf;margin-bottom:18px}.footer a{display:block;font-size:13px;color:#d6e0e5;margin:10px 0}.footer a:hover{color:white}.footer-bottom{border-top:1px solid #ffffff26;padding-top:23px;margin-top:55px;display:flex;justify-content:space-between;font:11px var(--mono);color:#9fb0bd}.page-hero{background:#153650;color:#fff;margin:20px 20px 0;padding:90px 0;border-radius:12px}.page-hero h1{font-size:clamp(42px,5vw,66px);max-width:800px}.page-hero p{color:#cbd6df;font-size:18px;max-width:700px}.page-content{min-height:330px}.two-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:35px}.info-card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:30px}.info-card p{font-size:15px}.notice{font-size:14px;background:#fff5ed;border-left:3px solid var(--orange);padding:18px 22px;margin-top:34px;color:#695444}.section-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}@media(max-width:1370px){.header-inner{gap:20px;padding:0 26px}.nav{gap:18px}.actions .btn-outline{display:none}.logo img{width:96px}}@media(max-width:1130px){.nav{gap:14px}.nav a{font-size:12px}.header-inner{gap:18px}.actions{gap:10px}}@media(max-width:1060px){.nav,.actions{display:none}.menu-toggle{display:block}.mobile-panel.is-open{display:block;border-top:1px solid var(--border);background:var(--paper)}.mobile-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:20px 30px}.mobile-list a{padding:12px;border-radius:5px;color:var(--ink);font-weight:500}.mobile-list a:hover{background:#fff}.mobile-list .btn{color:white}.hero-grid{grid-template-columns:1fr;min-height:unset}.diagram{max-width:660px}.four-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.container{padding:0 22px}.header-inner{height:72px;padding:0 20px}.hero,.page-hero,.cta,.footer{margin-left:10px;margin-right:10px}.hero-grid{padding-top:55px;padding-bottom:60px}.hero h1{font-size:46px}.stats{grid-template-columns:repeat(2,1fr);row-gap:22px}.stat:nth-child(2){border:0}.section{padding:70px 0}.four-grid,.feature-grid,.two-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.service{padding:16px 12px}.cta .container{display:block}.footer-cols{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:12px}.mobile-list{grid-template-columns:1fr;padding:15px 20px}.diagram{padding:16px}.diagram-flow{gap:6px}.flowcard{padding:11px}.flowcard strong{font-size:12px}.flowcard small{font-size:10px}.page-hero{padding:65px 0}.page-hero h1{font-size:43px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Original BRIEVV-style live pipeline restored from provided React source */
body{background:radial-gradient(ellipse 38% 28% at 0% 25%,rgba(255,106,19,.095),transparent 80%),radial-gradient(ellipse 40% 35% at 95% 65%,rgba(16,46,69,.10),transparent 80%),var(--paper)}
.header-inner{max-width:1410px;gap:clamp(16px,2vw,33px)}
.nav{gap:clamp(18px,1.6vw,28px)}
.actions .btn-outline{display:none}
@media(max-width:1210px){.nav,.actions{display:none}.menu-toggle{display:block}.mobile-panel.is-open{display:block;border-top:1px solid var(--border);background:var(--paper)}.mobile-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:20px 30px}}
@media(max-width:650px){.mobile-list{grid-template-columns:1fr;padding:15px 20px}}
.hero{background:linear-gradient(115deg,rgba(61,73,82,.61),rgba(31,64,81,.62)),#7c898e;}
.hero:before{opacity:.16}
.hero-grid{max-width:1200px;gap:9%;min-height:540px;}
.hero h1{font-size:clamp(48px,4.6vw,74px)}
.workflow-panel{position:relative;border:1px solid rgba(157,183,202,.2);border-radius:8px;background:rgba(18,48,74,.79);padding:24px;font-family:var(--mono);color:#f5f3ed;box-shadow:0 10px 45px #0e294435}
.workflow-head{display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.07em;color:#a8b9c8;margin-bottom:16px}
.workflow-head>span:last-child{white-space:nowrap}.green-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#40bb87;vertical-align:middle;margin-right:4px}
.workflow-steps{list-style:none;padding:0;margin:0}.workflow-steps li{display:flex;align-items:center;gap:14px;min-height:41px;font-size:12px;font-weight:600;color:#728a9a;transition:color .4s;padding:0 8px;border-radius:4px}
.workflow-steps li.is-active,.workflow-steps li.is-done{color:#f8f5ed}.workflow-steps li small{margin-left:auto;font-size:9px;color:#ff6a13;display:none;white-space:nowrap}.workflow-steps li.is-active small{display:block}
.workflow-bullet{display:inline-block;width:10px;height:10px;flex:0 0 auto;border:1.5px solid #64798a;border-radius:50%;transition:background .3s,border-color .3s}
.workflow-steps li.is-active .workflow-bullet{background:#ff6a13;border-color:#ff6a13}.workflow-steps li.is-done .workflow-bullet{background:#28b581;border-color:#28b581;box-shadow:inset 0 0 0 2px #163953}
.workflow-track{height:4px;background:#ffffff23;margin-top:22px;border-radius:5px;overflow:hidden}.workflow-track span{height:100%;display:block;width:14.28%;background:#ff6a13;transition:width .65s ease}
@media(max-width:650px){.workflow-panel{padding:17px}.workflow-head{font-size:8px}.hero-grid{gap:34px}.hero h1{font-size:46px}}
@media(prefers-reduced-motion:reduce){.workflow-steps li,.workflow-track span{transition:none}}