
:root{--navy:#102a43;--blue:#155eef;--ice:#eaf3fc;--paper:#f8fafc;--text:#334155;--muted:#526579;--line:#cbd5e1}*{box-sizing:border-box}body{margin:0;color:var(--navy);background:var(--paper);font:17px/1.6 'Segoe UI',Arial,sans-serif}h1,h2,h3,.wordmark{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(38px,5.1vw,68px);line-height:1.08;letter-spacing:-1.8px;margin:22px 0}h2{font-size:34px;line-height:1.2;margin:10px 0 22px}h3{font-size:24px;line-height:1.25;margin:12px 0}p{color:var(--text)}a{color:var(--blue);text-underline-offset:4px}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button{font:inherit;cursor:pointer}header{background:white;border-bottom:1px solid var(--line)}.header-inner{max-width:1220px;margin:auto;padding:24px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:14px}.emblem{width:35px;height:49px;display:flex}.emblem svg{width:100%;height:100%}.wordmark{font-size:28px;line-height:1}.descriptor{font:10px/1.4 'Segoe UI',sans-serif;letter-spacing:2px;margin-top:8px;color:var(--navy)}.mode{font-size:12px;color:var(--muted);text-align:right;max-width:250px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:var(--muted)}main{max-width:1220px;margin:auto;padding:0 30px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;padding:72px 0 64px;align-items:center}.hero p{max-width:580px}.intro{font-size:19px;line-height:1.7}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--blue);border-radius:5px;background:var(--blue);color:white;min-height:48px;padding:12px 22px;text-decoration:none;font-size:15px;font-weight:600}.quiet{font-size:13px;color:var(--muted)}.callout{border-left:3px solid var(--blue);padding-left:16px;font-size:14px}.brief{background:white;border:1px solid var(--line);padding:34px;position:relative;box-shadow:0 18px 45px #102a430a;border-radius:4px}.brief:before{content:"";display:block;background:var(--blue);height:3px;width:52px;margin-bottom:26px}.brief-head{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1px;color:var(--muted)}.brief h2{font-size:31px;margin:28px 0}.brief-row{padding:17px 0;border-top:1px solid #e1e7ee;display:grid;grid-template-columns:105px 1fr;gap:18px;font-size:14px}.brief-row span{color:var(--muted)}.brief-row strong{font-weight:500}.brief-foot{padding:15px;margin-top:16px;background:var(--ice);color:var(--navy);font-size:13px}.section{padding:56px 0;border-top:1px solid var(--line)}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:25px}.section-top p{max-width:460px;font-size:15px}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.swatch{background:white;border:1px solid var(--line);border-radius:4px;overflow:hidden}.chip{height:96px}.swatch p{margin:12px 14px 3px;font-size:14px;color:var(--navy)}.swatch small{display:block;margin:0 14px 13px;font:12px/1.5 ui-monospace,monospace;color:var(--muted)}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.tabs button{min-height:46px;padding:10px 17px;border:1px solid #64748b;background:white;border-radius:4px;color:var(--navy);font-size:14px}.tabs button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:white}.audience{background:var(--ice);padding:30px 34px;border-radius:5px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.audience h3{font-size:29px}.audience p{font-size:16px}.audience ul{padding-left:20px;color:var(--text);font-size:15px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:60px}.sample-title{font-size:36px;line-height:1.2;margin:22px 0}.sample-ui{font-size:16px;color:var(--text)}.tags{display:flex;gap:12px;flex-wrap:wrap}.tag{border:1px solid var(--line);font-size:12px;padding:5px 10px;border-radius:3px;color:var(--muted)}.detail-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px}.detail-list article{border-top:2px solid var(--blue);padding-top:18px}.detail-list h3{font-size:24px}.detail-list p{font-size:15px}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.roadmap article{padding-right:15px}.roadmap .number{font:italic 34px Georgia,serif;color:var(--blue)}.roadmap p{font-size:15px}.source-links{font-size:14px;display:flex;flex-wrap:wrap;gap:14px 24px}footer{max-width:1220px;margin:auto;padding:35px 30px 55px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:800px){.hero,.columns,.audience{grid-template-columns:1fr;gap:28px}.hero{padding-top:42px}.section-top{display:block}.swatches{grid-template-columns:repeat(3,1fr)}.detail-list,.roadmap{grid-template-columns:1fr}.section{padding:38px 0}.header-inner,main,footer{padding-left:20px;padding-right:20px}.mode{font-size:11px;max-width:150px}.brief{padding:25px}.wordmark{font-size:24px}.descriptor{font-size:9px;letter-spacing:1.3px}.hero h1{letter-spacing:-1px}}@media(max-width:430px){.mode{display:none}.swatches{grid-template-columns:1fr 1fr}.audience{padding:22px}.brief-row{grid-template-columns:1fr;gap:2px}.brief-head{flex-wrap:wrap}.tabs button{width:100%}.section h2{font-size:29px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s ease}}
nav{display:flex;gap:24px;align-items:center}nav a{font-size:14px;color:var(--navy);text-decoration:none}.preview-bar{text-align:center;background:var(--navy);color:white;padding:8px 16px;font-size:12px;letter-spacing:.4px}.hero{padding-top:80px}.hero .button{margin:8px 8px 0 0}.secondary{background:white;color:var(--navy);border-color:#526579}.brief{transform:rotate(1deg);background:linear-gradient(135deg,#fff,#f4f8fc)}.brief h2{font-size:38px}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.path{background:white;border:1px solid var(--line);padding:30px}.path .number{color:var(--blue)}.section h2{max-width:680px}.closing{background:var(--navy);color:white;padding:42px;border-radius:4px;margin:35px 0 60px}.closing p{color:#eaf3fc}.closing h2{color:white}.preview-result{background:var(--ice);padding:24px;margin-top:24px;border-left:3px solid var(--blue)}footer{padding:30px;text-align:center;font-size:13px;color:var(--muted)}@media(max-width:800px){nav{display:none}.hero{padding-top:45px;gap:35px}.path-grid{grid-template-columns:1fr}.brief{transform:none}.closing{padding:26px}}main{max-width:none;padding:0}.section,.closing{max-width:1160px;margin-left:auto;margin-right:auto}.visual-hero{position:relative;min-height:580px;height:72vh;max-height:790px;background:#102a43;isolation:isolate}.visual-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,35,.88),rgba(5,20,35,.56) 46%,rgba(5,20,35,.04) 85%);z-index:-1}.hero-content{max-width:1220px;margin:auto;padding:90px 30px 80px}.hero-content h1{color:white;font-size:clamp(40px,4.7vw,66px);max-width:780px;line-height:1.08;letter-spacing:-1.5px}.hero-content .eyebrow{color:#d3e5f7}.hero-content p{color:#f1f5f9;font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-actions .secondary{color:white;border-color:#b6c7d8;background:#102a4366}.hero-caption{position:absolute;bottom:18px;right:28px;font-size:9px;letter-spacing:1.5px;color:white;text-shadow:0 1px 5px #000}.promise-strip{display:flex;justify-content:center;gap:90px;background:#eaf3fc;padding:23px 25px;font-size:14px;letter-spacing:.5px}.promise-strip span:before{content:'✧';margin-right:12px;color:#155eef}.visual-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.visual-card{display:block;position:relative;height:410px;overflow:hidden;text-decoration:none;background:#102a43;color:white;border-radius:3px}.visual-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.visual-card:first-child img{object-position:70%}.visual-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(5,20,35,.94))}.visual-card>div{position:absolute;bottom:23px;left:25px;right:18px;z-index:1}.visual-card span{font-size:10px;letter-spacing:2px;color:#e1edf8}.visual-card h3{font-size:29px;margin:10px 0;color:white}.visual-card p{color:#edf4fc;font-size:14px;margin:0}.visual-card:hover img{transform:scale(1.03)}.closing{margin-top:30px;margin-bottom:55px}.preview-bar{font-size:10px;padding:6px}.header-inner{padding-top:18px;padding-bottom:18px}@media(max-width:1220px){.section,.closing{margin-left:30px;margin-right:30px}}@media(max-width:800px){.visual-hero{height:auto;min-height:620px}.hero-content{padding:78px 24px}.hero-content h1{font-size:46px}.hero-shade{background:linear-gradient(90deg,#051423df,#05142365)}.visual-hero>img{object-position:65%}.visual-cards{grid-template-columns:1fr}.visual-card{height:370px}.promise-strip{gap:15px;font-size:11px;text-align:center}.promise-strip span:before{display:block;margin:0 0 5px}.section,.closing{margin-left:22px;margin-right:22px}.hero-content p{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.visual-card img{transition:none}}dialog{border:1px solid #cbd5e1;border-radius:8px;padding:38px;width:min(650px,calc(100% - 30px));max-height:90vh;color:#102a43;background:#fff}dialog::backdrop{background:#071b30b8}dialog h2{padding-right:20px;font-size:34px}.close{position:absolute;right:16px;top:10px;background:none;border:0;font-size:30px;color:#102a43;min-width:44px;min-height:44px}.empty-showcase{background:#f1f6fb;padding:22px;margin:22px 0}label{display:block;font-size:14px;font-weight:600;margin:18px 0}input,textarea,select{display:block;width:100%;font:16px 'Segoe UI',sans-serif;padding:12px;border:1px solid #526579;border-radius:4px;margin-top:8px;background:white;color:#102a43}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #155eef;outline-offset:2px}[hidden]{display:none!important}@media(max-width:500px){dialog{padding:28px 20px}.form-grid{grid-template-columns:1fr;gap:0}}
.closing-eyebrow{color:#c4dcf1}#emailRequest{margin-right:12px;margin-bottom:12px}footer a{white-space:nowrap}.skip-link{position:absolute;left:12px;top:-100px;background:white;padding:12px;z-index:5}.skip-link:focus{top:12px}
