:root{
  --bg:#071019;--bg2:#0a1722;--card:#0f1e2b;--card2:#132534;--ink:#f4f8fb;
  --muted:#9fb2c1;--line:rgba(255,255,255,.11);--cyan:#78ebff;--lime:#baff86;
  --warm:#f5c66c;--max:1180px;--radius:24px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:
radial-gradient(circle at 80% 5%,rgba(120,235,255,.09),transparent 30rem),
radial-gradient(circle at 12% 40%,rgba(186,255,134,.045),transparent 28rem),var(--bg);
font-family:Arial,Helvetica,sans-serif;line-height:1.55}
img{display:block;max-width:100%}
a{color:inherit}.wrap{width:min(calc(100% - 42px),var(--max));margin-inline:auto}.narrow{max-width:860px}
.eyebrow{margin:0 0 15px;color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.17em}
h1,h2,h3{margin-top:0;letter-spacing:-.035em}h1{font-size:clamp(3rem,6vw,6.2rem);line-height:.96;letter-spacing:-.065em;margin-bottom:26px}
h2{font-size:clamp(2rem,4vw,4.15rem);line-height:1.03;letter-spacing:-.055em;margin-bottom:20px}
h3{font-size:1.2rem;margin-bottom:9px}p{margin-top:0}.lede{max-width:800px;color:#c6d5df;font-size:clamp(1.08rem,2vw,1.34rem)}
.muted{color:var(--muted)}.small{color:#7f94a4;font-size:13px}

.site-header{position:sticky;top:0;z-index:40;background:rgba(7,16,25,.88);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}
.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.wordmark{display:flex;flex-direction:column;text-decoration:none;line-height:1.08}.brand-name{font-size:20px;font-weight:800;letter-spacing:-.035em}
.brand-sub{margin-top:5px;color:#7f95a7;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
nav{display:flex;align-items:center;gap:24px}nav a{text-decoration:none;color:#b9cad7;font-size:13px;white-space:nowrap}
nav a:hover,nav a[aria-current=page]{color:#fff}.nav-cta{border:1px solid var(--line);border-radius:999px;padding:9px 14px}

.hero{padding:82px 0 92px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:58px;align-items:center}.hero-grid>*{min-width:0}
.hero-copy h1{max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-note{margin-top:16px;max-width:650px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;padding:0 20px;font-size:14px;font-weight:800;text-decoration:none;border:1px solid var(--line)}
.button.primary{color:#061018;background:linear-gradient(100deg,var(--cyan),#c6fbff);border-color:transparent}
.button.secondary{background:rgba(255,255,255,.035)}.button.dark{color:#fff;background:#071019;border-color:#071019}.text-link{color:var(--cyan);font-weight:800;text-decoration:none}

.watch-triptych{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:14px}
.triptych-card{margin:0;border:1px solid var(--line);border-radius:22px;background:var(--card);padding:9px;overflow:hidden}
.triptych-main{grid-row:1/3}.triptych-card img{width:100%;height:100%;min-height:0;aspect-ratio:1/1;object-fit:cover;border-radius:15px}
.triptych-card figcaption{display:none}

.section{padding:92px 0;border-top:1px solid var(--line)}.section-heading{max-width:930px;margin-bottom:42px}.center-heading{margin-inline:auto;text-align:center}.center-heading p:last-child{margin-inline:auto}
.section-heading p:last-child{color:var(--muted);max-width:760px;font-size:1.08rem}

.three-stories{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.story-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);overflow:hidden}
.story-card img{width:100%;aspect-ratio:1/1;object-fit:cover}.story-card>div{padding:22px 24px 26px}.story-card p{color:var(--muted);margin-bottom:0}
.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:rgba(120,235,255,.08);color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:13px}

.signal-section{background:rgba(255,255,255,.014)}.signal-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:58px;align-items:center}
.signal-grid.reverse{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.signal-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.signal-pair figure{margin:0}
.signal-pair img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:20px;border:1px solid var(--line)}
.signal-pair figcaption{color:#7e94a5;font-size:12px;margin-top:9px}.callout{border-left:3px solid var(--warm);padding-left:18px;color:#c7d6df;font-size:1.04rem}

.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{border:1px solid var(--line);border-radius:20px;padding:25px;background:rgba(255,255,255,.024)}
.step b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(120,235,255,.09);color:var(--cyan);font-size:13px}.step h3{margin-top:42px}.step p{color:var(--muted);margin-bottom:0}
.quote-box{border:1px solid rgba(120,235,255,.22);background:linear-gradient(135deg,rgba(120,235,255,.07),rgba(186,255,134,.025));padding:42px;border-radius:28px}
.quote-box blockquote{margin:0 0 18px;font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.14;letter-spacing:-.045em}.quote-box p{margin-bottom:0;color:var(--muted)}
.cta{border-radius:28px;padding:48px;background:linear-gradient(115deg,#76e9f8,#baff87);color:#071019;display:flex;align-items:center;justify-content:space-between;gap:45px}.cta p{color:#23444b;max-width:760px;margin-bottom:0}.cta h2{margin-bottom:12px}.cta-eyebrow{color:#24464b}

.page-hero{padding:74px 0 62px}.page-hero h1{max-width:1000px}
.face-feature-grid{display:grid;gap:28px}.face-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:46px;align-items:center;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.02);padding:14px}
.face-feature:nth-child(even) .feature-photo{order:2}.feature-photo img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:20px}.feature-copy{padding:28px}.feature-copy h2{font-size:clamp(2rem,3.3vw,3.6rem)}
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:22px;padding:28px;background:linear-gradient(145deg,rgba(255,255,255,.046),rgba(255,255,255,.016))}
.card .num{color:var(--lime);font-weight:800;font-size:12px}.card h3{margin-top:38px}.card p{color:var(--muted);margin-bottom:0}

.process-timeline{display:grid;gap:0}.process-timeline article{display:grid;grid-template-columns:72px 1fr;gap:24px;padding:32px 0;border-bottom:1px solid var(--line)}
.process-timeline article:first-child{border-top:1px solid var(--line)}.process-timeline b{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(120,235,255,.09);color:var(--cyan)}
.process-timeline h2{font-size:clamp(1.8rem,3vw,3rem);margin-bottom:10px}.process-timeline p{color:var(--muted);max-width:820px}
.identity-example,.tester-visual,.tester-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:58px;align-items:center}
.photo-frame{border:1px solid var(--line);background:var(--card);border-radius:26px;padding:12px;box-shadow:0 28px 70px rgba(0,0,0,.3)}.photo-frame img{border-radius:18px;width:100%;aspect-ratio:1/1;object-fit:cover}

.tester-promise{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.tester-promise article{border:1px solid var(--line);border-radius:20px;padding:25px;background:rgba(255,255,255,.024)}
.tester-promise span{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.12em}.tester-promise h3{margin-top:40px}.tester-promise p{color:var(--muted);margin-bottom:0}
.tester-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;transform:rotate(-2deg)}.tester-stack img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:18px;border:1px solid var(--line)}
.contact-card{border:1px solid var(--line);border-radius:24px;padding:30px;background:var(--card)}

.journey-hero{padding:68px 0 46px;border-bottom:1px solid var(--line)}.journey-hero .lede{max-width:840px}
.journey-workbench{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:34px;align-items:start}
.numbered-watch{border:1px solid var(--line);border-radius:24px;background:var(--card);padding:12px}
.numbered-watch-figure{position:relative;overflow:hidden;border-radius:17px}.numbered-watch-figure img{width:100%;display:block}
.watch-marker{position:absolute;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#dffcff;color:#06212b;border:2px solid #fff;box-shadow:0 3px 12px rgba(0,0,0,.42);font-size:13px;font-weight:900;transform:translate(-50%,-50%)}
.watch-marker.m10{font-size:11px}
.watch-marker.m1{left:39%;top:48%}.watch-marker.m2{left:53%;top:44%}.watch-marker.m3{left:64%;top:48%}.watch-marker.m4{left:70%;top:53%}.watch-marker.m5{left:68%;top:65%}
.watch-marker.m6{left:52%;top:70%}.watch-marker.m7{left:37%;top:66%}.watch-marker.m8{left:34%;top:61%}.watch-marker.m9{left:29%;top:57%}.watch-marker.m10{left:56%;top:57%}
.marker-key{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;padding:18px 7px 7px}.marker-key div{display:grid;grid-template-columns:24px 1fr;gap:5px;color:#b9cad7;font-size:12px}.marker-key b{color:var(--cyan)}
.story-panel{min-width:0}.story-box{height:470px;overflow:auto;white-space:pre-wrap;border:1px solid var(--line);border-radius:24px;padding:30px;background:linear-gradient(180deg,var(--card),#0d1a25);color:#eef7fb;font-size:15px;line-height:1.6}
.story-box.loading{color:#8095a6}.story-file-note{margin:11px 4px 0;color:#70879a;font-size:11px}
.begin-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:58px;align-items:center}.begin-image-frame{border:1px solid var(--line);border-radius:24px;background:var(--card);padding:10px}.begin-image-frame img{width:100%;border-radius:17px}
.caption{color:#7e94a5;font-size:12px;margin:11px 6px 0}.journey-note{border-left:3px solid var(--cyan);padding-left:18px;color:#c7d6df}.journey-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}

footer{border-top:1px solid var(--line);padding:30px 0;color:#8297a7;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{text-decoration:none}

@media(max-width:980px){
  nav{gap:14px}.hero-grid,.signal-grid,.signal-grid.reverse,.identity-example,.tester-visual,.tester-contact,.face-feature{grid-template-columns:1fr}
  .face-feature:nth-child(even) .feature-photo{order:0}.three-stories{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}
  .tester-promise{grid-template-columns:1fr 1fr}.journey-workbench,.begin-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .header-inner{align-items:flex-start;padding:14px 0}.brand-sub{display:none}nav{flex-wrap:wrap;justify-content:flex-end}nav a:not(.nav-cta){display:none}
  .hero{padding-top:54px}.watch-triptych{grid-template-columns:1fr 1fr;grid-template-rows:auto}.triptych-main{grid-column:1/3;grid-row:auto}
  .three-stories,.signal-pair,.cards-3,.process-grid,.tester-promise{grid-template-columns:1fr}
  .tester-stack{grid-template-columns:1fr 1fr}.tester-stack img:last-child{grid-column:1/3}
  .footer-inner{align-items:flex-start;flex-direction:column}.face-feature,.feature-copy{padding:12px}.feature-copy{padding:18px 10px}
}
@media(max-width:520px){
  .wrap{width:min(calc(100% - 28px),var(--max))}h1{font-size:3.15rem}.section{padding:72px 0}.quote-box,.cta{padding:32px 24px}
  .cta{flex-direction:column;align-items:flex-start}.marker-key{grid-template-columns:1fr}.story-box{height:520px;padding:22px}
}