body.landing-left{padding-left:248px}
#menu-toggle{display:none}
.landing-left main{min-width:0}.landing-sidebar{position:fixed;inset:0 auto 0 0;z-index:80;width:248px;padding:24px 20px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:rgba(238,234,225,.96);backdrop-filter:blur(16px)}
.landing-sidebar .sidebar-brand{align-items:flex-start;margin-bottom:34px}.landing-sidebar .sidebar-brand span:last-child{display:grid}.landing-sidebar .sidebar-brand small{display:block;margin:1px 0 0}.landing-sidebar>nav{display:grid;gap:2px}
.landing-sidebar>nav a,.sidebar-links a{text-decoration:none;padding:9px 10px;border-radius:7px;font-size:.9rem}.landing-sidebar>nav a:hover,.sidebar-links a:hover{background:var(--paper-hi);color:var(--ink)}
.sidebar-links{display:grid;gap:1px;margin-top:auto;padding-top:22px;border-top:1px solid var(--line)}.sidebar-links a{font-size:.8rem;color:var(--muted)}
.sidebar-plan{display:block;margin:16px 12px 0;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.sidebar-plan p{margin:12px 0 6px}.sidebar-plan a{font-size:12px}.sidebar-plan strong{font-weight:700}
.sidebar-plan-actions{display:flex;align-items:center;gap:7px}.sidebar-plan-actions .pill{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;font:10px/1.5 var(--mono);padding:5px 8px;min-height:27px;white-space:nowrap;background:rgba(247,244,236,.6);color:var(--ink)}
.sidebar-plan-actions .sidebar-upgrade{background:var(--ink);color:var(--paper-hi);border-color:var(--ink);text-decoration:none}.sidebar-plan-actions .sidebar-upgrade:hover{background:var(--signal-dark);border-color:var(--signal-dark)}
.landing-left .shell{width:min(1040px,calc(100% - 56px))}.landing-left .hero{padding:62px 0 48px}.landing-left .hero-copy{max-width:none}
.landing-left .hero h1{max-width:960px;margin:0 0 20px;font-size:clamp(3rem,5.7vw,5.7rem);line-height:.96;letter-spacing:-.06em}.landing-left .hero .lede{max-width:840px;margin:0 0 28px;font-size:1.18rem}
.hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line)}.hero-facts article{padding:20px 24px 20px 0;margin-right:24px;border-right:1px solid var(--line)}.hero-facts article:last-child{border-right:0;margin-right:0}.hero-facts h2{font-size:1rem;margin:0 0 8px}.hero-facts p{margin:0;color:var(--muted);font-size:.94rem;line-height:1.55}
.landing-left .section{padding:62px 0}.landing-left .section-title{max-width:920px;margin-bottom:28px}.landing-left .section-title h2{font-size:clamp(2.35rem,4vw,4rem)}.landing-left .section-title p{max-width:880px}.narrow-shell{max-width:1040px}
.connection-flow{margin:28px 0 0;background:var(--panel);color:var(--paper-hi);border-radius:18px;padding:20px}.connection-flow figcaption{font:650 .76rem var(--mono);color:#bbb9b0;margin-bottom:16px}.flow-row{display:flex;align-items:stretch;gap:8px}.flow-node{flex:1;min-width:0;padding:14px 12px;border:1px solid #494a45;border-radius:10px;background:var(--panel-2)}.flow-node strong,.flow-node span{display:block}.flow-node strong{font-size:.9rem}.flow-node span{margin-top:5px;color:#bbb9b0;font-size:.76rem}.flow-arrow{display:grid;place-items:center;color:#aaa89f;font:700 1rem var(--mono)}.flow-arrow.outbound{color:var(--signal-soft)}
.permission-boundary{margin:28px 0 0;background:var(--panel);color:var(--paper-hi);border-radius:18px;padding:20px}.permission-boundary figcaption{font:650 .76rem var(--mono);color:#bbb9b0;margin-bottom:16px}.boundary-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch}.boundary-card{padding:20px;border:1px solid #494a45;border-radius:12px;background:var(--panel-2)}.boundary-card span,.boundary-card strong{display:block}.boundary-card span{font:.72rem var(--mono);color:#aaa89f}.boundary-card strong{margin:8px 0;font-size:1.05rem}.boundary-card p{margin:0;color:#c9c6bd;font-size:.9rem}.boundary-card.inside{border-color:#839574}.boundary-divider{display:grid;place-items:center;font:.68rem var(--mono);color:#aaa89f;writing-mode:vertical-rl;transform:rotate(180deg)}
.landing-left .install-steps{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--line)}.landing-left .install-steps li{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:20px 20px 20px 0;margin-right:20px;border-right:1px solid var(--line)}.landing-left .install-steps li:last-child{border-right:0;margin-right:0}.landing-left .install-steps>li>span{font:700 .78rem var(--mono);color:var(--signal-dark)}.landing-left .install-steps h3{font-size:1rem;margin:0 0 7px}.landing-left .install-steps p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}.landing-left .pricing-line{margin-top:24px}
.final-cta h2{font-size:clamp(2.25rem,4.3vw,4.3rem);line-height:1;letter-spacing:-.05em;max-width:850px;margin:0}.final-cta p{max-width:760px;color:var(--muted);font-size:1.05rem}.landing-left .footer .shell{width:min(1040px,calc(100% - 56px))}.landing-left .footer-bottom{margin-top:0}.landing-left .footer-bottom nav{display:flex;flex-direction:row;gap:16px}
.price-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:34px 0 44px}.price-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-hi);padding:28px}.price-card>p:first-child{font-size:.72rem;color:var(--signal-dark);margin:0 0 12px}.price-card h2{font-size:3rem!important;line-height:1!important;margin:0 0 20px!important}.price-card h2 span{font-size:1rem;font-weight:500;color:var(--muted);letter-spacing:0}.price-card strong{display:block;font-size:1.05rem;margin-bottom:10px}.price-card p{color:var(--muted)}.price-card .button{margin-top:12px}
@media(max-width:900px){body.landing-left{padding-left:0}.landing-left .shell,.landing-left .footer .shell{width:calc(100% - 36px)}.hero-facts{grid-template-columns:1fr}.hero-facts article{border-right:0;border-bottom:1px solid var(--line);margin-right:0;padding-right:0}.hero-facts article:last-child{border-bottom:0}.flow-row{display:grid;grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);min-height:18px}.boundary-grid{grid-template-columns:1fr}.boundary-divider{writing-mode:horizontal-tb;transform:none}.landing-left .install-steps{grid-template-columns:1fr 1fr}.landing-left .install-steps li:nth-child(2){border-right:0;margin-right:0}}
@media(max-width:560px){.landing-left .hero{padding-top:34px}.landing-left .hero h1{font-size:clamp(2.65rem,12vw,4rem)}.landing-left .install-steps{grid-template-columns:1fr}.landing-left .install-steps li{border-right:0;border-bottom:1px solid var(--line);margin-right:0;padding-right:0}.landing-left .install-steps li:last-child{border-bottom:0}.connection-flow,.permission-boundary{padding:15px}.landing-left .footer-bottom nav{flex-wrap:wrap}.price-cards{grid-template-columns:1fr}}

.landing-sidebar>nav{overflow:auto;min-height:0}
.landing-sidebar>nav a[aria-current="page"],.sidebar-links a[aria-current="page"]{background:var(--paper-hi);font-weight:650;color:var(--ink)}
.sidebar-links{border-top:1px solid var(--line);padding-top:14px}

/* Supporting pages use the persistent product sidebar only. Remove the old in-page utility rail. */
.landing-left .utility-grid{grid-template-columns:minmax(0,1fr);gap:0}
.landing-left .utility-grid>aside{display:none}
.landing-left .utility article{width:100%;max-width:none}

/* Stronger plan strip and useful OS-specific sandbox explanation. */
.landing-left .pricing-line{
  margin-top:30px;
  padding:22px 0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  border-block:1px solid var(--line);
  font-size:1.02rem;
  line-height:1.45;
}
.landing-left .pricing-line span{
  display:flex;
  align-items:baseline;
  gap:14px;
}
.landing-left .pricing-line b{
  flex:none;
  font:800 1rem var(--mono);
  color:var(--ink);
}
.section-cta{margin-top:28px}
.sandbox-os-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:30px;
}
.sandbox-os-card{
  min-width:0;
  padding:26px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--paper-hi);
}
.sandbox-os-card .os-label{
  display:block;
  margin-bottom:14px;
  font:750 .72rem var(--mono);
  letter-spacing:.08em;
  color:var(--signal-dark);
}
.sandbox-os-card h3{
  margin:0 0 12px;
  font-size:1.15rem;
}
.sandbox-os-card p{
  margin:0 0 18px;
  color:var(--muted);
  line-height:1.6;
}
.sandbox-os-card strong{
  display:block;
  padding-top:16px;
  border-top:1px solid var(--line);
  font-size:.9rem;
  line-height:1.5;
}
@media(max-width:900px){
  .sandbox-os-grid{grid-template-columns:1fr}
  .landing-left .pricing-line{grid-template-columns:1fr;gap:10px}
}
@media(max-width:560px){
  .landing-left .pricing-line span{display:grid;gap:4px}
}

/* Same floating hamburger and collapsible navigation as the approved account dashboard. */
@media(max-width:900px){
  #menu-toggle{position:fixed;top:14px;right:16px;z-index:100;display:grid;place-items:center;width:46px;height:46px;min-height:46px;padding:0;border:2px solid var(--ink);border-radius:50%;background:var(--paper-hi);color:var(--ink);box-shadow:none;cursor:pointer}
  #menu-toggle:focus-visible{outline:3px solid var(--signal-dark);outline-offset:4px}
  #menu-toggle .menu-icon{display:block;width:19px;height:3px;background:currentColor;border-radius:2px;position:relative}
  #menu-toggle .menu-icon:before,#menu-toggle .menu-icon:after{content:"";position:absolute;left:0;width:19px;height:3px;background:currentColor;border-radius:2px}
  #menu-toggle .menu-icon:before{top:-6px}#menu-toggle .menu-icon:after{top:6px}
  #menu-toggle[aria-expanded="true"] .menu-icon{background:transparent}
  #menu-toggle[aria-expanded="true"] .menu-icon:before{top:0;transform:rotate(45deg)}
  #menu-toggle[aria-expanded="true"] .menu-icon:after{top:0;transform:rotate(-45deg)}
  .landing-sidebar{position:relative;inset:auto;width:100%;height:auto;max-height:100dvh;padding:20px;display:flex;flex-direction:column;overflow-y:auto;border-right:0;border-bottom:1px solid var(--line)}
  .has-menu .landing-sidebar{display:none}.has-menu.nav-open .landing-sidebar{display:flex}
  .landing-sidebar .sidebar-brand{margin:0 0 12px;padding-right:50px;flex:none}
  .landing-sidebar>nav{display:grid;gap:2px;flex:none;overflow:visible}
  .landing-sidebar>nav a{min-height:44px;display:flex;align-items:center}
  .landing-sidebar .sidebar-links{display:grid;flex:none;margin-top:16px}
  .landing-sidebar .sidebar-plan{display:block;flex:none;margin-top:18px}
  .landing-left .hero h1{padding-right:54px}
}