@font-face{font-family:'Manrope';src:url('assets/fonts/manrope-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'Manrope';src:url('assets/fonts/manrope-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:'Manrope';src:url('assets/fonts/manrope-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:'Manrope';src:url('assets/fonts/manrope-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:'Inter';src:url('assets/fonts/inter-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'Inter';src:url('assets/fonts/inter-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:'Inter';src:url('assets/fonts/inter-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:'Inter';src:url('assets/fonts/inter-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:'Source Serif 4';src:url('assets/fonts/source-serif-4-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'Source Serif 4';src:url('assets/fonts/source-serif-4-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:'Source Serif 4';src:url('assets/fonts/source-serif-4-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#070d18;--surface:#111a28;--blue:#38bdf8;--blue-core:#0ea5e9;--line:#dce6ef;--ink:#0a1728;--muted:#53677c;--display:'Manrope',ui-sans-serif,system-ui,sans-serif;--mono:'Inter',ui-sans-serif,system-ui,sans-serif;--editorial:'Source Serif 4',Georgia,serif}
html{scroll-behavior:smooth}body{font-family:var(--display);background:#fff;color:var(--ink);font-weight:500;-webkit-font-smoothing:antialiased}a{color:inherit}
nav{position:fixed;inset:0 0 auto;z-index:20;min-height:86px;padding:18px 60px;display:flex;align-items:center;justify-content:space-between;background:#141f31;border-bottom:0}
.logo{display:flex;align-items:center;gap:12px;color:#f6f8fa;text-decoration:none;font-size:27px;font-weight:700;letter-spacing:-1.8px}.logo img{width:32px;height:32px}.logo span span{color:inherit}
.nav-links{list-style:none;display:flex;gap:38px;align-items:center}.nav-links a{color:#d8e1eb;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:1.5px}.nav-links a:hover,.nav-links a.active{color:#68c8f7}
.nav-cta,.btn-primary{display:inline-block;padding:14px 25px;background:var(--blue);color:var(--bg);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.nav-cta{border-radius:8px;clip-path:none;background:#155ee5;color:#fff}
.nav-toggle{display:none;background:none;border:0;width:38px;height:38px}.nav-toggle span{display:block;width:24px;height:2px;margin:5px auto;background:var(--blue)}
.page-hero{position:relative;min-height:590px;padding:190px 60px 120px;background:linear-gradient(180deg,#141f31,#0d1626);color:#fff;overflow:hidden}
.page-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(56,189,248,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.04) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent)}
.page-hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:170px;background:linear-gradient(transparent,#fff)}
.hero-inner{position:relative;z-index:2;max-width:1200px;margin:auto}.eyebrow,.section-marker{font-family:var(--mono);font-size:10px;letter-spacing:2.4px;text-transform:uppercase;color:var(--blue);margin-bottom:26px}
h1{max-width:950px;font-size:clamp(40px,6vw,82px);line-height:1.02;letter-spacing:-2.5px;font-weight:600;text-transform:uppercase}.hero-copy{max-width:720px;margin-top:30px;color:#cbdceb;font-size:18px;line-height:1.75}
.content{max-width:1200px;margin:auto;padding:110px 60px}.content+.content{padding-top:40px}.content h2{max-width:850px;font-size:clamp(30px,4vw,50px);line-height:1.12;letter-spacing:-1.4px;font-weight:600;text-transform:uppercase}.intro{max-width:720px;margin-top:22px;color:var(--muted);font-size:16px;line-height:1.8}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:54px;background:var(--line);border:1px solid var(--line)}.grid.three{grid-template-columns:repeat(3,1fr)}
.card{min-height:250px;padding:38px;background:#f5f8fb}.card-num{font-family:var(--mono);font-size:10px;letter-spacing:1.4px;color:#087eb8;margin-bottom:44px}.card h3{font-size:19px;margin-bottom:14px}.card p,.card li{color:var(--muted);font-size:14px;line-height:1.75}.card ul{padding-left:18px;margin-top:14px}
.steps{margin-top:56px;border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:100px 280px 1fr;gap:28px;padding:34px 0;border-bottom:1px solid var(--line)}.step-num{font-family:var(--mono);font-size:11px;color:#087eb8}.step h3{font-size:18px}.step p{color:var(--muted);font-size:14px;line-height:1.75}
.deliverable{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.deliverable strong{font-size:13px;text-transform:uppercase}.deliverable span{color:var(--muted);font-size:14px;line-height:1.7}
.notice{margin-top:46px;padding:22px 26px;border-left:3px solid var(--blue-core);background:#f5f8fb;color:var(--muted);font-size:13px;line-height:1.75}
.article{max-width:820px;padding:44px 0;border-bottom:1px solid var(--line)}.article h3{font-size:24px;margin-bottom:14px}.article p{color:var(--muted);line-height:1.85;margin-top:14px}.article ul{color:var(--muted);line-height:1.85;margin:16px 0 0 22px}
.cta{padding:120px 60px;background:linear-gradient(180deg,#eef6fc,#fff);text-align:center}.cta h2{max-width:760px;margin:auto;font-size:clamp(30px,4vw,52px);line-height:1.13;text-transform:uppercase}.cta p{max-width:650px;margin:22px auto 32px;color:var(--muted);line-height:1.8}
footer{padding:38px 60px;background:var(--bg);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-logo{width:146px;height:35px;background:url('assets/logo-dark.svg') left center/contain no-repeat;font-size:0}.footer-logo span{color:inherit}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{color:#8ea1b6;text-decoration:none;font-family:var(--mono);font-size:10px}.footer-copy{color:#8ea1b6;font-family:var(--mono);font-size:10px}
@media(max-width:900px){nav{padding:14px 24px}.nav-cta{display:none}.nav-toggle{display:block}.nav-links{position:fixed;top:0;right:0;width:min(78vw,320px);height:100vh;padding:120px 40px;display:flex;flex-direction:column;align-items:flex-start;background:rgba(8,17,31,.99);border-left:1px solid rgba(255,255,255,.08);transform:translateX(100%);transition:transform .3s}.nav-links.open{transform:none}.page-hero{padding:170px 24px 90px;min-height:520px}h1{font-size:clamp(38px,12vw,60px)}.content{padding:90px 24px}.grid,.grid.three{grid-template-columns:1fr}.step{grid-template-columns:55px 1fr}.step p{grid-column:2}.cta{padding:90px 24px}footer{padding:42px 24px;flex-direction:column;text-align:center}.deliverable{grid-template-columns:1fr}}

.nav-dropdown{position:relative}.nav-dropdown-toggle{display:flex;align-items:center;gap:7px;border:0;padding:0;background:transparent;color:#d8e1eb;font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer}.nav-dropdown-toggle::after{content:'⌄';color:#68c8f7;font-size:13px;transform:translateY(-1px)}
.nav-menu{position:absolute;top:calc(100% + 18px);left:-22px;width:248px;padding:10px;background:#101c2c;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 60px rgba(0,0,0,.28);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s}.nav-menu a{display:block;padding:13px 12px;color:#b9c7d5!important}.nav-menu a:hover,.nav-menu a.active{color:#68c8f7!important;background:rgba(56,189,248,.08)}.nav-dropdown:hover .nav-menu,.nav-dropdown:focus-within .nav-menu,.nav-dropdown.open .nav-menu{opacity:1;visibility:visible;transform:none}
.journey{padding:34px 60px;background:#fff;border-top:1px solid var(--line)}.journey-inner{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;text-decoration:none}.journey-label{font-family:var(--mono);font-size:10px;letter-spacing:1.8px;color:#087eb8;text-transform:uppercase}.journey-title{margin-top:9px;color:var(--ink);font-size:clamp(20px,3vw,34px);font-weight:600}.journey-arrow{color:#087eb8;font-size:34px;transition:transform .2s}.journey-inner:hover .journey-arrow{transform:translateX(8px)}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px}.field.full{grid-column:1/-1}.field label{display:block;margin-bottom:9px;font-family:var(--mono);font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#087eb8}.field input,.field textarea,.field select{width:100%;padding:15px 16px;border:1px solid var(--line);background:#f5f8fb;color:var(--ink);font:500 14px var(--display);outline:0}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue-core);box-shadow:0 0 0 3px rgba(14,165,233,.1)}.field textarea{min-height:150px;resize:vertical}.form-submit{margin-top:22px;border:0;cursor:pointer}.form-status{margin-top:18px;color:var(--muted);font-size:13px;line-height:1.6}.form-status.success{color:#087eb8}.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:54px;background:var(--line);border:1px solid var(--line)}.path-item{padding:30px;background:#f5f8fb}.path-item span{font-family:var(--mono);font-size:10px;color:#087eb8}.path-item strong{display:block;margin-top:24px;font-size:15px}.path-item p{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.7}
@media(max-width:900px){.nav-dropdown{width:100%}.nav-dropdown-toggle{font-size:15px;letter-spacing:1px}.nav-menu{position:static;width:100%;max-height:0;padding:0 0 0 14px;border:0;box-shadow:none;opacity:1;visibility:visible;overflow:hidden;transform:none;background:transparent;transition:max-height .3s ease,padding .3s ease}.nav-dropdown.open .nav-menu{max-height:230px;padding-top:14px}.nav-menu a{padding:9px 0;font-size:11px}.journey{padding:28px 24px}.form-grid,.path-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}

/* Pluvo-inspired type system: geometric display, neutral UI, editorial copy. */
h1,.content h2,.cta h2,.journey-title{font-family:var(--display);font-weight:500;text-transform:none;letter-spacing:-.04em}
body,.nav-links a,.nav-cta,.btn-primary,.card h3,.step h3,.deliverable strong,.nav-dropdown-toggle{font-family:var(--mono)}
.intro,.hero-copy,.card p,.card li,.step p,.deliverable span,.notice,.article p,.article li,.cta p,.path-item p{font-family:var(--editorial);font-weight:400;letter-spacing:0}
.nav-links a,.nav-cta,.btn-primary,.nav-dropdown-toggle,.deliverable strong{text-transform:none;letter-spacing:-.01em}

/* Responsive refinements for tablets, phones, foldables and split-screen layouts. */
img,svg,video{max-width:100%}body{overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}
@media(max-width:640px){
  html{scroll-padding-top:70px}
  nav{min-height:70px;padding:12px max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left))}
  .logo{font-size:22px;gap:9px;letter-spacing:-1.3px}.logo img{width:28px;height:28px}.nav-toggle{width:44px;height:44px}
  .nav-links{width:min(90vw,360px);height:100dvh;padding:96px 28px max(32px,env(safe-area-inset-bottom));gap:25px;overflow-y:auto}
  .page-hero{min-height:520px;padding:142px 22px 84px}.page-hero::after{height:110px}
  h1{font-size:clamp(38px,12vw,52px);line-height:1.02;letter-spacing:-.052em;overflow-wrap:anywhere}.hero-copy{margin-top:24px;font-size:16px;line-height:1.62}
  .content{padding:72px 22px}.content+.content{padding-top:22px}.content h2{font-size:clamp(32px,9.6vw,44px);line-height:1.06}.intro{font-size:16px;line-height:1.65}
  .grid,.grid.three{margin-top:36px}.card{min-height:0;padding:26px 22px}.card-num{margin-bottom:26px}
  .steps{margin-top:38px}.step{grid-template-columns:42px 1fr;gap:12px 14px;padding:26px 0}.step p{grid-column:2}.step h3{font-size:17px}
  .deliverable{gap:10px;padding:22px 0}.notice{margin-top:34px;padding:20px 18px}
  .article{padding:34px 0}.article h3{font-size:22px}
  .cta{padding:78px 22px}.cta h2{font-size:clamp(32px,9.6vw,44px)}.cta p{font-size:16px;line-height:1.65}.btn-primary{width:100%;max-width:360px;padding:16px 18px;text-align:center;clip-path:none;border-radius:4px}
  .journey{padding:25px 22px}.journey-inner{align-items:flex-start}.journey-title{font-size:23px}.journey-arrow{font-size:28px}
  .form-grid{gap:16px;margin-top:34px}.field input,.field textarea,.field select{font-size:16px}.field textarea{min-height:130px}
  .path-grid{margin-top:36px}.path-item{padding:24px 22px}
  footer{padding:38px 22px max(38px,env(safe-area-inset-bottom))}.footer-links{justify-content:center}
}
@media(max-width:380px){
  nav{padding-left:14px;padding-right:14px}.logo{font-size:20px}.logo img{width:26px;height:26px}
  .page-hero{padding-left:17px;padding-right:17px}h1{font-size:clamp(35px,11.5vw,43px)}
  .content,.cta{padding-left:17px;padding-right:17px}.card{padding-left:18px;padding-right:18px}
  .journey{padding-left:17px;padding-right:17px}.journey-title{font-size:20px}
}
@media(max-height:620px) and (orientation:landscape) and (max-width:1000px){.page-hero{min-height:640px}.nav-links{padding-top:82px;gap:18px}}
@media(hover:none) and (pointer:coarse){.journey-inner:hover .journey-arrow,.nav-cta:hover{transform:none}}