:root{--forest:#183d35;--paper:#f4f1e8;--amber:#e8b45f;--muted:#58665b;--line:#cdcfc1;--sage:#d5dcc7;--danger:#853d2b}body{background:var(--paper);color:var(--forest);font-family:Arial,Helvetica,sans-serif;line-height:1.7}header,main,footer{max-width:1320px;padding:28px 40px}header{padding-top:28px;padding-bottom:28px}.brand{letter-spacing:-.05em;font-weight:700}.brand i{background:var(--forest)}nav{gap:24px}nav a{font-size:14px}a{text-underline-offset:4px}a:hover{text-decoration-thickness:2px}h1,h2{font-weight:400;letter-spacing:-.045em}h1{font-size:clamp(44px,5.5vw,78px);line-height:1.05}h2{font-size:clamp(32px,4vw,48px)}h3{font-weight:600;letter-spacing:-.02em}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.hero{background:var(--forest);border-radius:2px;grid-template-columns:1.15fr 1fr;padding:56px;gap:48px;overflow:hidden}.hero p{color:var(--paper)}.eyebrow,.hero .eyebrow{color:var(--sage);font-size:11px;letter-spacing:.12em}.section .eyebrow,.guide-heading .eyebrow{color:var(--muted)}.hero .hero-facts{font-size:14px;line-height:1.6;color:var(--sage)}.button{background:var(--forest);color:var(--paper);border-radius:2px;min-height:48px;display:inline-flex;justify-content:center;align-items:center;padding:12px 20px;text-align:center}.hero .button{background:var(--amber);color:var(--forest)}.hero .secondary{background:transparent;color:var(--paper);box-shadow:inset 0 0 0 1px var(--sage)}.button:hover{filter:brightness(.96)}.button:disabled{cursor:default}.card{border-radius:2px;background:#fffdf6;border-color:var(--line)}.card.featured{background:var(--sage);border-color:var(--forest)}.card p{max-width:65ch}.plans{gap:16px}.plans .button{width:100%;margin-right:0}.tag{color:var(--muted)}.notice{background:var(--sage);border-radius:2px}.section{padding:56px 0}.small{color:var(--muted);font-size:14px}.price{font-weight:500;font-size:42px}.grid{gap:20px}.skip-link{position:absolute;top:-100px;left:20px;z-index:20;background:var(--amber);padding:12px;color:var(--forest)}.skip-link:focus{top:8px}:focus-visible{outline:3px solid var(--danger);outline-offset:4px}footer{border-color:var(--line);color:var(--muted)}.family-link{font-size:13px;text-transform:uppercase;letter-spacing:.1em}.device-links{display:flex;flex-wrap:wrap;gap:12px}.device-links a{padding:12px 18px;border:1px solid var(--line);text-decoration:none}.device-links a:hover{background:var(--sage)}.section-intro{max-width:70ch;font-size:18px}.evidence-table{width:100%;border-collapse:collapse;margin-top:28px;font-size:15px}.evidence-table th,.evidence-table td{text-align:left;vertical-align:top;padding:16px 12px;border-bottom:1px solid var(--line)}.evidence-table th{font-weight:600}.guide-heading{max-width:800px;padding:30px 0}.guide-heading h1{font-size:clamp(42px,6vw,70px)}.guide-layout{display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:start}.device-picker{border:1px solid var(--line);padding:24px;background:var(--sage)}.device-picker h2{font-size:24px;margin-top:0}.device-picker button{display:block;width:100%;text-align:left;background:transparent;color:var(--forest);border:1px solid var(--forest);border-radius:2px;padding:12px 14px;margin:8px 0;min-height:48px}.device-picker button[aria-pressed=true]{background:var(--forest);color:var(--paper)}.device-picker select,.help-form select{font:inherit;width:100%;padding:12px;background:var(--paper);color:var(--forest);border:1px solid var(--line);border-radius:2px;margin:10px 0;min-height:48px}.guide-work{border-top:3px solid var(--forest);padding:24px 0}.guide-work h2{margin:14px 0 24px;font-size:36px}.guide-work h2:focus{outline:none}#guide-body{min-height:245px}#guide-body p{max-width:67ch}.guide-controls{border-top:1px solid var(--line);padding-top:20px;margin-top:26px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.guide-controls .button{margin:0}.guide-controls .quiet{background:transparent;color:var(--forest);border:1px solid var(--forest)}#guide-help{display:block;margin-top:22px}#guide-progress{font-size:12px;letter-spacing:.1em;text-transform:uppercase}.guide-result{color:var(--forest);font-weight:600}.help-form{max-width:850px;border:1px solid var(--line);padding:28px;background:#fffdf6}.help-form h2{font-size:30px}.help-form label{display:block;font-weight:600}.help-form textarea{width:100%;min-height:230px;font:15px/1.6 Arial,sans-serif;border:1px solid var(--line);background:var(--paper);color:var(--forest);padding:16px;resize:vertical}.help-form textarea:focus{outline:3px solid var(--danger);outline-offset:4px}.help-context{display:grid;grid-template-columns:1fr 1fr;gap:20px}.measure-note{font-size:13px;margin-top:24px;max-width:78ch}.measure-note label{display:flex;align-items:flex-start;gap:12px}.measure-note input{width:18px;height:18px;flex:none;margin:4px 0}.step-static ol{padding-left:22px}.step-static li{padding:6px 0}.demo-frame{margin:0;min-width:0}.demo-frame figcaption{font-size:12px;color:var(--sage);margin:20px 0 6px}.demo-scene{--scene-play:paused;height:340px;position:relative;perspective:900px;isolation:isolate}.demo-scene[data-play=running]{--scene-play:running}.demo-orbit{position:absolute;inset:40px 5px;border:1px solid #d5dcc750;border-radius:50%;transform:rotateX(57deg) rotateZ(-24deg);animation:orbit 12s ease-in-out infinite;animation-play-state:var(--scene-play)}.demo-orbit:after{content:'';position:absolute;top:-6px;left:48%;height:12px;width:12px;border-radius:50%;background:var(--amber)}.demo-device{position:absolute;left:calc(50% - 102px);top:12px;width:204px;height:294px;border:1px solid var(--sage);background:var(--paper);color:var(--forest);padding:28px 20px;transform:rotateY(-16deg) rotateX(8deg);box-shadow:20px 24px 0 #00000018;animation:device-rise 7s ease-in-out infinite;animation-play-state:var(--scene-play)}.demo-device span{display:block;font-size:12px}.demo-device strong{display:block;font-size:27px;line-height:1.15;margin:24px 0}.demo-device ol{padding-left:20px;font-size:13px}.demo-device li{padding:6px 0}.demo-ticket{position:absolute;right:-2px;bottom:20px;width:170px;background:var(--amber);color:var(--forest);padding:18px;transform:rotateZ(6deg);animation:ticket 8s ease-in-out infinite;animation-play-state:var(--scene-play)}.demo-ticket strong{display:block;font-size:25px}.motion-control{font:12px Arial,sans-serif;border:1px solid var(--sage);color:var(--paper);background:transparent;padding:10px 16px;min-height:44px}.proof-note{border-left:3px solid var(--amber);padding:4px 18px;margin:24px 0;font-size:14px}.inline-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px}[hidden]{display:none!important}@keyframes orbit{50%{transform:rotateX(67deg) rotateZ(24deg)}}@keyframes device-rise{50%{transform:translateY(-10px) rotateY(12deg) rotateX(2deg)}}@keyframes ticket{50%{transform:translateY(-14px) rotateZ(-3deg)}}@media(max-width:1000px){.hero{grid-template-columns:1fr;padding:40px}.demo-frame{max-width:430px;margin:auto;width:100%}.guide-layout{grid-template-columns:250px 1fr}.grid{grid-template-columns:1fr}.demo-ticket{right:12px}.plans{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){header,main,footer{padding:20px}.hero{padding:28px 24px}.hero h1{font-size:46px;letter-spacing:-.045em}.hero .button{width:100%;margin-right:0}.demo-scene{height:318px}.demo-ticket{width:145px;right:0;font-size:13px}.section{padding:36px 0}.plans{grid-template-columns:1fr}.guide-layout{grid-template-columns:1fr}.device-picker{padding:20px}.device-picker button{display:inline-block;width:auto;margin:4px 4px 4px 0}.guide-work{padding-top:20px}.guide-controls .button{flex:1}#guide-body{min-height:0}.help-form{padding:20px}.help-context{grid-template-columns:1fr;gap:0}.evidence-table{font-size:13px}.evidence-table td,.evidence-table th{padding:12px 7px}.device-links a{flex:1;text-align:center}.guide-heading{padding-top:8px}.family-link{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.demo-scene:not([data-play=running]) *{animation-play-state:paused!important}}@media print{.demo-scene *{animation:none!important}button,.measure-note{display:none}.hero{background:white;color:#183d35}.hero p{color:#183d35}}
@media(max-width:640px){nav{gap:14px}nav a{font-size:13px}.hero h1{font-size:clamp(32px,11vw,44px)}}