:root{
 --bg:#07090c; --bg2:#0a0d12; --panel:#0d1118; --panel2:#101620;
 --text:#edf2f6; --muted:#8c99a6; --faint:#5f6a74; --line:rgba(226,235,243,.12);
 --ice:#b9d8ff; --blue:#6fa8ff; --violet:#8c7cff; --amber:#d4a56b; --green:#7fc3a1;
 --max:1260px; --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 --serif:Georgia,"Times New Roman",serif; --mono:"SFMono-Regular",Consolas,monospace;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}.site{overflow:hidden}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}
.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brandmark{width:30px;height:30px;border:1px solid rgba(185,216,255,.3);display:grid;place-items:center;font:700 15px var(--serif);background:linear-gradient(145deg,rgba(111,168,255,.18),rgba(140,124,255,.08))}.brandcopy b{display:block;font:500 21px var(--serif);letter-spacing:-.02em}.brandcopy span{display:block;font:800 8px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-top:1px}
.nav{display:flex;align-items:center;gap:24px}.nav a{text-decoration:none;font:750 10px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#b8c1c9}.nav a:hover{color:white}.nav .access{border:1px solid rgba(185,216,255,.24);padding:10px 13px;color:var(--ice);background:rgba(185,216,255,.04)}
.eyebrow{font:800 9px var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--ice)}
.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(185,216,255,.18);background:rgba(185,216,255,.035);padding:8px 10px;font:800 9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#c8dbef}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 16px rgba(127,195,161,.65)}
.hero{position:relative;min-height:730px;border-bottom:1px solid var(--line);display:grid;align-items:center}.hero:before{content:"";position:absolute;inset:-20% -10% auto 40%;height:700px;background:radial-gradient(circle,rgba(111,168,255,.16),rgba(140,124,255,.07) 35%,transparent 68%);filter:blur(24px);pointer-events:none}.hero-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:72px;align-items:center;padding:72px 0 80px;position:relative;z-index:1}
h1,h2,h3{margin:0;font-family:var(--serif);font-weight:500}.hero h1{font-size:clamp(54px,7vw,96px);line-height:.92;letter-spacing:-.055em;margin:20px 0 24px;max-width:700px}.hero-copy p{font-size:17px;line-height:1.75;color:var(--muted);max-width:620px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:13px 17px;border:1px solid rgba(237,242,246,.18);font-size:10px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;color:white;background:rgba(255,255,255,.025)}.btn.primary{background:var(--text);color:#081018;border-color:var(--text)}.btn:hover{border-color:rgba(185,216,255,.45);color:var(--ice)}.btn.primary:hover{color:#081018;background:var(--ice)}
.hero-note{margin-top:24px;color:var(--faint);font-size:11px;line-height:1.55}.hero-visual{position:relative;min-width:0}.device{position:relative;border:1px solid rgba(226,235,243,.14);padding:10px;background:#0b0f15;box-shadow:0 50px 120px rgba(0,0,0,.48)}.device img{display:block;width:100%;height:auto;background:#eef3f8}.device:before{content:"CURRENT PREVIEW";position:absolute;left:22px;top:22px;z-index:2;background:rgba(5,8,12,.86);border:1px solid rgba(185,216,255,.2);padding:7px 9px;font:800 8px var(--mono);letter-spacing:.14em;color:var(--ice)}
.signal{position:absolute;right:-30px;bottom:-34px;width:280px;background:rgba(12,17,24,.94);border:1px solid rgba(226,235,243,.14);backdrop-filter:blur(14px);padding:18px;box-shadow:0 25px 70px rgba(0,0,0,.35)}.signal .top{display:flex;justify-content:space-between;gap:12px;font:800 8px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.signal strong{display:block;font:500 23px var(--serif);margin:10px 0 12px}.signal-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:9px 0;font-size:11px;color:var(--muted)}.signal-row span:last-child{color:#dce6ee}
.strip{border-bottom:1px solid var(--line);background:#090c11}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}.strip-item{padding:22px 24px;border-right:1px solid var(--line)}.strip-item:last-child{border-right:0}.strip-item b{display:block;font:800 9px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:7px}.strip-item span{font-family:var(--serif);font-size:18px;color:#dbe2e7}
.section{padding:96px 0;border-bottom:1px solid var(--line);position:relative}.section-head{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end;margin-bottom:42px}.section h2{font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.045em}.section-head p{margin:0;color:var(--muted);line-height:1.75;max-width:650px}.section.dark{background:#090c11}.section.soft{background:linear-gradient(180deg,#090c11,#07090c)}
.now-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.now-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(16,22,32,.82),rgba(10,14,20,.82));padding:28px;min-height:255px;position:relative;overflow:hidden}.now-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;bottom:-90px;background:radial-gradient(circle,rgba(111,168,255,.1),transparent 70%)}.now-card .num{font:800 9px var(--mono);letter-spacing:.12em;color:var(--ice)}.now-card h3{font-size:29px;line-height:1.05;margin:32px 0 12px}.now-card p{margin:0;color:var(--muted);line-height:1.7;font-size:14px}.now-card .statusline{margin-top:25px;font:800 9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--green)}
.flow{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);background:var(--line)}.flow-item{background:#090d13;padding:22px;min-height:190px}.flow-item b{display:block;font:800 9px var(--mono);color:var(--ice);letter-spacing:.13em;text-transform:uppercase}.flow-item h3{font-size:24px;margin:26px 0 9px}.flow-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.preview-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center}.preview-stage{position:relative;border:1px solid var(--line);background:#0d1118;padding:10px;box-shadow:0 40px 100px rgba(0,0,0,.35)}.preview-stage img{display:block;width:100%;height:auto;background:#eef3f8}.preview-copy h2{font-size:clamp(45px,5vw,70px);line-height:.98;letter-spacing:-.045em;margin:12px 0 18px}.preview-copy p{color:var(--muted);line-height:1.75}.list{display:grid;margin:25px 0 28px}.list-row{display:grid;grid-template-columns:20px 1fr;gap:11px;border-top:1px solid var(--line);padding:12px 0;font-size:13px;color:#c7d0d8}.list-row i{font-style:normal;color:var(--green)}
.carousel{margin-top:24px}.thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.thumb{border:1px solid var(--line);background:#0b0f15;padding:3px;cursor:pointer;opacity:.55;transition:.2s}.thumb.active,.thumb:hover{opacity:1;border-color:rgba(185,216,255,.4)}.thumb img{width:100%;display:block}.stage-note{display:flex;justify-content:space-between;gap:20px;color:var(--faint);font:800 8px var(--mono);letter-spacing:.11em;text-transform:uppercase;margin-top:10px}
.stage{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.stage-copy p{color:var(--muted);line-height:1.75}.stage-copy h2{margin:12px 0 18px}.stage-table{border:1px solid var(--line)}.stage-row{display:grid;grid-template-columns:150px 1fr;border-bottom:1px solid var(--line)}.stage-row:last-child{border-bottom:0}.stage-row b{padding:18px;font:800 9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ice);border-right:1px solid var(--line)}.stage-row div{padding:18px;color:var(--muted);font-size:13px;line-height:1.65}.stage-row strong{color:#dce5eb}
.film{border:1px solid var(--line);background:#05080b;padding:10px}.film video{width:100%;display:block;background:#05080b}.film-caption{display:flex;justify-content:space-between;gap:20px;color:var(--faint);font:800 8px var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:11px 3px 1px}
.quote{max-width:980px;margin:auto;text-align:center}.quote p{font:500 clamp(34px,5vw,67px)/1.08 var(--serif);letter-spacing:-.035em;margin:0}.quote span{display:block;margin-top:22px;color:var(--muted);font-size:13px}.quote a{display:inline-block;margin-top:24px;color:var(--ice);text-decoration:none;border-bottom:1px solid rgba(185,216,255,.28);padding-bottom:3px}
.cta{padding:110px 0}.cta-box{position:relative;border:1px solid rgba(185,216,255,.18);background:linear-gradient(135deg,rgba(111,168,255,.08),rgba(140,124,255,.045) 42%,rgba(10,14,20,.9));padding:54px;overflow:hidden}.cta-box:after{content:"";position:absolute;width:500px;height:500px;right:-170px;top:-250px;border-radius:50%;background:radial-gradient(circle,rgba(111,168,255,.18),transparent 65%)}.cta-box h2{max-width:850px}.cta-box p{color:var(--muted);max-width:650px;line-height:1.7}.footer{border-top:1px solid var(--line);padding:28px 0 48px;color:var(--faint);font-size:11px}.footer-grid{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-links{display:flex;gap:18px}.footer a{text-decoration:none;color:#95a0aa}.footer a:hover{color:white}
.article-hero{padding:90px 0 62px;border-bottom:1px solid var(--line)}.article-hero h1{font-size:clamp(52px,7vw,90px);line-height:.95;letter-spacing:-.05em;max-width:950px;margin:18px 0}.dek{font-size:18px;line-height:1.7;color:var(--muted);max-width:760px}.byline{font:800 9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-top:26px}.article-shell{display:grid;grid-template-columns:minmax(0,760px) 1fr;gap:90px;padding:72px 0}.article{font-family:var(--serif);font-size:19px;line-height:1.78;color:#cbd3d9}.article p{margin:0 0 1.25em}.article .lead{font-size:27px;color:white}.article h2{font-size:42px;line-height:1.06;margin:1.8em 0 .55em;color:white}.pull{border-left:2px solid var(--blue);padding:6px 0 6px 24px;margin:36px 0;font-size:30px;line-height:1.25;color:white}.article-side{position:sticky;top:40px;height:max-content;border:1px solid var(--line);padding:22px;background:#0a0e14}.article-side img{width:100%;display:block}.article-side p{font-size:12px;color:var(--muted);line-height:1.6}.article-side a{font-size:11px;color:var(--ice)}
.access-hero{padding:100px 0 70px}.access-grid{display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:start}.access-hero h1{font-size:clamp(56px,7vw,90px);line-height:.93;letter-spacing:-.05em;margin:18px 0}.access-card{border:1px solid var(--line);background:#0c1118;padding:28px}.access-card h3{font-size:30px;margin-bottom:10px}.access-card p{color:var(--muted);line-height:1.7}.access-points{display:grid;gap:10px;margin:24px 0}.access-point{border-top:1px solid var(--line);padding-top:11px;color:#c5ced6;font-size:13px}.small{font-size:11px;color:var(--faint);line-height:1.55}
@media(max-width:1000px){.hero-grid,.preview-layout,.stage,.access-grid,.article-shell{grid-template-columns:1fr}.signal{right:18px;bottom:-28px}.section-head{grid-template-columns:1fr;gap:16px}.flow{grid-template-columns:repeat(2,1fr)}.strip-grid{grid-template-columns:repeat(2,1fr)}.strip-item:nth-child(2){border-right:0}.strip-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.article-side{position:static}.thumbs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.wrap{width:min(100% - 24px,var(--max))}.nav a:not(.access){display:none}.hero{min-height:auto}.hero-grid{padding:54px 0 70px;gap:48px}.hero h1{font-size:clamp(50px,15vw,76px)}.signal{position:relative;right:auto;bottom:auto;width:auto;margin-top:10px}.section{padding:72px 0}.now-grid,.flow{grid-template-columns:1fr}.strip-grid{grid-template-columns:1fr}.strip-item{border-right:0!important;border-bottom:1px solid var(--line)!important}.strip-item:last-child{border-bottom:0!important}.thumbs{grid-template-columns:repeat(2,1fr)}.stage-row{grid-template-columns:1fr}.stage-row b{border-right:0;border-bottom:1px solid var(--line)}.cta-box{padding:34px 24px}.footer-grid{display:block}.footer-links{margin-top:14px;flex-wrap:wrap}}

/* Harbor v1.1 live product preview */
.harbor-live-stage{height:560px;overflow:hidden;position:relative;background:#06080b}
.harbor-live-stage iframe{width:1600px;height:1000px;border:0;transform:scale(.59);transform-origin:top left;pointer-events:none;background:#06080b}
.preview-clickthrough{position:absolute;inset:0;z-index:3}
.harbor-view-switcher{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.harbor-view-btn{border:1px solid var(--line);background:#0b0f15;color:var(--faint);padding:10px 8px;font:800 8px var(--mono);letter-spacing:.09em;text-transform:uppercase;cursor:pointer}
.harbor-view-btn.active,.harbor-view-btn:hover{color:var(--ice);border-color:rgba(185,216,255,.35);background:rgba(185,216,255,.04)}
@media(max-width:1050px){.harbor-live-stage{height:450px}.harbor-live-stage iframe{transform:scale(.48)}.harbor-view-switcher{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.harbor-live-stage{height:390px}.harbor-live-stage iframe{transform:scale(.42)}.harbor-view-switcher{grid-template-columns:repeat(2,1fr)}}