:root{
  color-scheme:dark;
  --bg:#0d100d;
  --panel:#151915;
  --panel-2:#1a1f1a;
  --ink:#f1eee4;
  --muted:#aaa99f;
  --rule:#343c34;
  --rule-strong:#596359;
  --accent:#93bda4;
  --accent-strong:#b6d7c0;
  --shadow:0 24px 70px rgba(0,0,0,.36);
  --mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --serif:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:
  linear-gradient(rgba(147,189,164,.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(147,189,164,.045) 1px,transparent 1px),
  radial-gradient(circle at 82% 7%,rgba(147,189,164,.09),transparent 27rem),var(--bg);
  background-size:54px 54px,54px 54px,auto,auto;color:var(--ink);font-family:var(--sans);line-height:1.55}
a{color:inherit}
button,input{font:inherit}
img{display:block;max-width:100%}
.skip-link{position:fixed;left:1rem;top:-4rem;z-index:200;background:var(--ink);color:var(--bg);padding:.8rem 1rem;text-decoration:none;font-weight:800}.skip-link:focus{top:1rem}
.tour-header{position:sticky;top:0;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:72px;padding:0 clamp(1rem,4vw,4.5rem);border-bottom:1px solid var(--rule);background:rgba(13,16,13,.9);backdrop-filter:blur(18px)}
.tour-brand{display:flex;align-items:center;gap:.8rem;text-decoration:none}.tour-brand img{width:38px;height:38px;object-fit:contain}.tour-brand span{display:flex;flex-direction:column}.tour-brand strong{font:800 .84rem/1 var(--mono);letter-spacing:.14em}.tour-brand small{margin-top:.35rem;color:var(--muted);font:600 .65rem/1 var(--mono);letter-spacing:.08em}
.tour-header nav,.tour-footer nav{display:flex;align-items:center;gap:1.2rem}.tour-header nav a,.tour-footer nav a{font:800 .7rem/1 var(--mono);letter-spacing:.08em;text-decoration:none}.tour-header nav a:hover,.tour-footer nav a:hover{color:var(--accent-strong)}.header-action{border:1px solid var(--rule-strong);padding:.72rem .9rem;border-radius:4px}
main{overflow:hidden}.hero{display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:clamp(2rem,5vw,6rem);align-items:center;min-height:calc(100svh - 72px);padding:clamp(3.5rem,7vw,7.5rem) clamp(1rem,5vw,6rem);border-bottom:1px solid var(--rule)}
.eyebrow,.section-number{margin:0 0 1rem;color:var(--accent);font:800 .68rem/1.25 var(--mono);letter-spacing:.16em;text-transform:uppercase}.hero h1{max-width:12ch;margin:0;font:600 clamp(3.25rem,7vw,7.8rem)/.88 var(--serif);letter-spacing:-.055em}.hero-lede{max-width:44rem;margin:2rem 0 0;color:#d7d4ca;font-size:clamp(1.08rem,1.7vw,1.45rem);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1rem;border:1px solid var(--rule-strong);border-radius:4px;text-decoration:none;font:800 .72rem/1 var(--mono);letter-spacing:.07em}.button:hover{border-color:var(--accent);color:var(--accent-strong)}.button.primary{background:var(--accent);border-color:var(--accent);color:#0c110d}.button.primary:hover{background:var(--accent-strong)}.demo-note{display:flex;gap:.65rem;max-width:42rem;margin:1.6rem 0 0;color:var(--muted);font-size:.82rem}.demo-note span{color:var(--accent)}
.hero-shot,.shot-button{padding:0;border:0;background:none;color:inherit;cursor:zoom-in}.hero-shot{position:relative;border:1px solid var(--rule-strong);border-radius:10px;overflow:hidden;box-shadow:var(--shadow);transform:rotate(.6deg)}.hero-shot:before{content:"FICTIONAL DEMO WORKSPACE";position:absolute;left:1rem;top:1rem;z-index:2;padding:.42rem .58rem;background:rgba(13,16,13,.88);border:1px solid var(--rule);font:800 .56rem/1 var(--mono);letter-spacing:.12em}.hero-shot span{position:absolute;right:1rem;bottom:1rem;padding:.55rem .7rem;background:rgba(13,16,13,.9);border:1px solid var(--rule-strong);font:800 .62rem/1 var(--mono);letter-spacing:.08em}.hero-shot img{width:100%;aspect-ratio:3/2;object-fit:cover}
.tour-index{position:sticky;top:72px;z-index:70;display:flex;gap:1.25rem;overflow:auto;padding:.85rem clamp(1rem,5vw,6rem);border-bottom:1px solid var(--rule);background:rgba(16,20,16,.94);scrollbar-width:thin}.tour-index a{flex:0 0 auto;color:var(--muted);text-decoration:none;font:800 .62rem/1 var(--mono);letter-spacing:.09em}.tour-index a:hover,.tour-index a.active{color:var(--accent-strong)}
.tour-section{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(520px,1.28fr);gap:clamp(2.5rem,6vw,7rem);align-items:center;min-height:82svh;padding:clamp(5rem,9vw,9rem) clamp(1rem,5vw,6rem);border-bottom:1px solid var(--rule);scroll-margin-top:120px}.tour-section.reverse{grid-template-columns:minmax(520px,1.28fr) minmax(300px,.72fr)}.tour-section.reverse .section-copy{order:2}.tour-section.reverse .screen-card,.tour-section.reverse .screen-pair{order:1}.section-copy h2,.feature-index h2,.closing h2{max-width:13ch;margin:0;font:600 clamp(2.55rem,4.9vw,5.5rem)/.94 var(--serif);letter-spacing:-.045em}.section-copy>p:not(.section-number){max-width:39rem;color:#cecbc2;font-size:1.05rem}.capability-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1.2rem;margin:2rem 0 0;padding:0;list-style:none}.capability-list li{position:relative;padding-left:1.1rem;color:var(--muted);font-size:.84rem}.capability-list li:before{content:"＋";position:absolute;left:0;color:var(--accent);font:700 .72rem/1.7 var(--mono)}code{color:var(--accent-strong);font-family:var(--mono)}
.screen-card{margin:0;border:1px solid var(--rule-strong);border-radius:10px;overflow:hidden;background:var(--panel);box-shadow:var(--shadow)}.screen-card button{display:block;width:100%}.screen-card img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:top}.screen-card figcaption{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border-top:1px solid var(--rule)}.screen-card figcaption strong{font:800 .66rem/1 var(--mono);letter-spacing:.12em}.screen-card figcaption span{color:var(--muted);font-size:.72rem}.screen-card:hover{border-color:var(--accent)}.screen-pair{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:1rem;align-items:end}.mobile-card img{aspect-ratio:390/844;object-fit:cover}.mobile-card figcaption{display:block}.mobile-card figcaption span{display:block;margin-top:.35rem}
.feature-index{padding:clamp(5rem,9vw,9rem) clamp(1rem,5vw,6rem);border-bottom:1px solid var(--rule);scroll-margin-top:120px}.feature-index-head{display:grid;grid-template-columns:.55fr 1fr;gap:2rem 5rem;align-items:end;margin-bottom:3.5rem}.feature-index-head .eyebrow{grid-column:1/-1}.feature-index-head p:last-child{max-width:36rem;margin:0;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--rule);border-left:1px solid var(--rule)}.feature-grid article{min-height:220px;padding:1.6rem;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);background:rgba(21,25,21,.56)}.feature-grid h3{margin:0 0 1rem;color:var(--accent-strong);font:800 .72rem/1 var(--mono);letter-spacing:.11em}.feature-grid p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.8}
.closing{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(6rem,12vw,12rem) clamp(1rem,8vw,10rem);background:radial-gradient(circle at 80% 50%,rgba(147,189,164,.13),transparent 32rem)}.closing h2{max-width:11ch}.closing>p:not(.eyebrow){max-width:45rem;color:#cecbc2;font-size:1.15rem}.tour-footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem clamp(1rem,5vw,6rem);border-top:1px solid var(--rule);color:var(--muted);font:700 .64rem/1.4 var(--mono);letter-spacing:.08em}
.shot-dialog{width:min(96vw,1580px);max-width:none;max-height:94svh;padding:0;border:1px solid var(--rule-strong);border-radius:10px;background:#090b09;color:var(--ink);box-shadow:0 30px 100px rgba(0,0,0,.75)}.shot-dialog::backdrop{background:rgba(0,0,0,.84);backdrop-filter:blur(8px)}.dialog-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid var(--rule);background:rgba(9,11,9,.94)}.dialog-bar p{margin:0;color:var(--muted);font-size:.8rem}.dialog-bar button{padding:.55rem .7rem;border:1px solid var(--rule-strong);border-radius:4px;background:transparent;color:var(--ink);font:800 .65rem/1 var(--mono);letter-spacing:.08em;cursor:pointer}.shot-dialog>img{width:100%;height:auto}.shot-button:focus-visible,.button:focus-visible,a:focus-visible,.dialog-bar button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:1050px){.hero,.tour-section,.tour-section.reverse{grid-template-columns:1fr;min-height:0}.hero{padding-top:4rem}.hero h1{max-width:14ch}.tour-section.reverse .section-copy,.tour-section.reverse .screen-card,.tour-section.reverse .screen-pair{order:initial}.tour-section .section-copy{max-width:800px}.feature-index-head{grid-template-columns:1fr}.screen-pair{grid-template-columns:1fr 220px}.tour-header nav>a:first-child{display:none}}
@media(max-width:720px){.tour-header{min-height:64px}.tour-brand strong{font-size:.72rem}.tour-brand small{font-size:.56rem}.tour-header nav{gap:.5rem}.header-action{padding:.68rem .72rem;font-size:.58rem}.tour-index{top:64px}.hero{min-height:0;padding:3.5rem 1rem}.hero h1{font-size:clamp(3.1rem,15vw,5.4rem)}.hero-lede{font-size:1rem}.hero-shot{transform:none}.tour-section,.tour-section.reverse{padding:5rem 1rem}.section-copy h2,.feature-index h2,.closing h2{font-size:clamp(2.55rem,12vw,4.3rem)}.capability-list{grid-template-columns:1fr}.screen-card figcaption{display:block}.screen-card figcaption span{display:block;margin-top:.4rem}.screen-pair{grid-template-columns:1fr}.mobile-card{width:min(100%,320px);justify-self:center}.feature-index{padding:5rem 1rem}.feature-grid{grid-template-columns:1fr}.feature-index-head{margin-bottom:2rem}.closing{padding:6rem 1rem}.tour-footer{align-items:flex-start;flex-direction:column}.tour-footer nav{flex-wrap:wrap}.dialog-bar p{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media(forced-colors:active){.button,.screen-card,.hero-shot,.feature-grid,.feature-grid article{border:1px solid CanvasText}.button.primary{background:Highlight;color:HighlightText}}

/* TOUR FRAMING REFINEMENT v2 */
main{overflow:clip}
.hero{
  grid-template-columns:minmax(310px,.82fr) minmax(0,1.18fr);
  gap:clamp(2rem,4vw,4.75rem);
  min-height:auto;
  padding-top:clamp(3.5rem,6vw,6rem);
  padding-bottom:clamp(3.5rem,6vw,6rem)
}
.hero h1{max-width:11ch;font-size:clamp(3.15rem,6vw,6.65rem);line-height:.92}
.hero-shot{width:100%;max-width:960px;justify-self:end;transform:none;background:#090c09}
.hero-shot img{
  display:block;
  width:100%;
  height:auto!important;
  aspect-ratio:8/5;
  object-fit:contain!important;
  object-position:center!important;
  background:#090c09
}
.tour-section,.tour-section.reverse{
  grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);
  gap:clamp(2.5rem,5vw,6rem);
  min-height:auto;
  padding-top:clamp(4.5rem,7vw,7rem);
  padding-bottom:clamp(4.5rem,7vw,7rem)
}
.tour-section.reverse{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}
.section-copy h2,.feature-index h2,.closing h2{font-size:clamp(2.45rem,4.25vw,4.75rem);line-height:.96}
.screen-card{width:100%;max-width:1040px;justify-self:center;background:#090c09}
.screen-card button{display:block;width:100%;line-height:0;background:#090c09}
.screen-card img{
  display:block;
  width:100%;
  height:auto!important;
  aspect-ratio:8/5;
  object-fit:contain!important;
  object-position:center!important;
  background:#090c09
}
.mobile-card{max-width:310px}
.mobile-card img{width:100%;height:auto!important;aspect-ratio:390/844!important;object-fit:contain!important}
.shot-dialog>img{display:block;width:100%;height:auto!important;object-fit:contain;background:#090c09}
@media(max-width:1050px){
  .hero,.tour-section,.tour-section.reverse{grid-template-columns:1fr;min-height:0}
  .hero-shot{max-width:900px;justify-self:center}
  .screen-card{max-width:900px}
  .tour-section.reverse .section-copy,.tour-section.reverse .screen-card,.tour-section.reverse .screen-pair{order:initial}
}
@media(max-width:720px){
  .hero{padding-top:3.5rem;padding-bottom:3.5rem}
  .hero h1{font-size:clamp(3rem,14vw,5rem)}
  .tour-section,.tour-section.reverse{padding-top:4.5rem;padding-bottom:4.5rem}
  .section-copy h2,.feature-index h2,.closing h2{font-size:clamp(2.45rem,11vw,4rem)}
}