:root{--paper:#f5f2e9;--cream:#fffdf7;--ink:#1d302f;--muted:#68716a;--orange:#e26a46;--green:#588c73;--gold:#d5b04a;--line:#d7d2c7;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}.topbar{height:76px;padding:0 clamp(22px,7.5vw,108px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1d302f19}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);font:800 15px var(--display);letter-spacing:-.4px}.brand-icon{width:38px;height:38px;display:grid;place-items:center;background:#e3e8dc;border-radius:50%;font-size:22px}.brand small{display:block;font:700 8px var(--font);letter-spacing:1.5px;color:var(--muted);margin-top:2px}.nav-link,.download{color:var(--ink);font-size:12px;font-weight:700;text-decoration:none}.nav-link span,.download span{color:var(--orange);margin-left:8px}main{max-width:1280px;margin:auto;padding:0 clamp(22px,7.5vw,108px)}.hero{min-height:580px;padding:68px 0 70px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.hero-copy{max-width:500px}.eyebrow{margin:0 0 19px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:1.7px}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin:0 8px 1px 0}.hero h1{font:800 clamp(48px,6vw,76px)/1.04 var(--display);letter-spacing:-4px;margin:0}.hero h1 em{font-style:normal;color:var(--orange)}.intro{font-size:15px;line-height:1.72;color:#606963;max-width:445px;margin:22px 0 25px}.actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.button{border:0;cursor:pointer;font:700 12px var(--font);transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:var(--cream);border-radius:5px;padding:15px 17px}.primary:hover{background:#304745}.primary span{margin-left:17px;color:#e7c765}.plain{background:none;color:var(--ink);padding:13px 5px}.plain b{color:var(--orange);margin-left:7px}.privacy{font-size:10px;color:#707873;margin-top:18px;line-height:1.55}.privacy:first-letter{color:var(--green)}.illustration{height:420px;position:relative;background:#e8e7da;border-radius:46% 46% 4px 4px;overflow:hidden}.illustration:before{content:"";position:absolute;inset:17px;border:1px solid #1d302f20;border-radius:46% 46% 2px 2px}.sun{position:absolute;top:45px;left:50%;transform:translateX(-50%);width:92px;height:92px;border-radius:50%;background:#e8c76b;opacity:.76}.illustration svg{position:absolute;inset:23px 0 0;width:100%;height:100%}.road-edge,.road,.dash,.route-a,.route-b{fill:none;stroke-linecap:round;stroke-linejoin:round}.road-edge{stroke:var(--ink);stroke-width:105}.road{stroke:#d7cdb7;stroke-width:84}.dash{stroke:#fff9e9;stroke-width:3;stroke-dasharray:8 11}.route-a,.route-b{stroke:var(--orange);stroke-width:7;stroke-dasharray:1 16}.route-b{stroke:var(--green)}.wheel circle:first-child{fill:var(--paper);stroke:var(--ink);stroke-width:8}.wheel path{fill:none;stroke:var(--ink);stroke-width:7;stroke-linecap:round}.wheel .core{fill:var(--ink)}.car rect{fill:var(--orange)}.car .window{fill:#f3dfb0}.car circle{fill:var(--ink)}.pin{fill:var(--gold);stroke:var(--paper);stroke-width:4}.pin-b{fill:var(--green)}.branch-label{position:absolute;top:208px;z-index:1;font-size:8px;letter-spacing:1px;font-weight:800}.branch-label.left{left:8%}.branch-label.right{right:5%}.art-caption{position:absolute;bottom:20px;left:25px;right:25px;display:flex;gap:13px;align-items:center;font-size:9px;line-height:1.5;letter-spacing:.5px;color:#56635d}.art-caption strong{font:800 23px var(--display);color:var(--orange)}.art-caption b{font-size:10px;color:var(--ink)}.spark{margin-left:auto;color:var(--green);font-size:26px}.how{padding:44px 0 70px;border-top:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-head .eyebrow{margin-bottom:10px}.section-head h2,.target-copy h2{font:800 32px/1.18 var(--display);letter-spacing:-1.2px;margin:0}.section-head>span{font-size:10px;letter-spacing:1px;color:#888d82}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.steps article{position:relative;padding:19px 26px 8px 0;min-height:158px}.steps article+article{border-left:1px solid var(--line);padding-left:26px}.steps article>small{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:1px}.steps article>i{position:absolute;right:22px;top:14px;width:35px;height:35px;border-radius:50%;background:#e5e9dc;color:var(--green);display:grid;place-items:center;font-style:normal;font-size:19px}.steps article:nth-child(2)>i{background:#f3e9cd;color:#9f7930}.steps article:nth-child(3)>i{background:#f4e3d9;color:var(--orange)}.steps h3{font:700 15px var(--display);margin:25px 0 8px}.steps p{font-size:11px;line-height:1.65;color:var(--muted);max-width:245px;margin:0}.target-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center;padding:35px 0 80px;border-top:1px solid var(--line)}.target-copy .eyebrow{margin-bottom:10px}.target-copy>p:not(.eyebrow){max-width:390px;color:var(--muted);font-size:12px;line-height:1.7}.download{display:inline-flex;gap:8px;align-items:center;margin-top:8px;border-bottom:1px solid var(--orange);padding-bottom:7px}.download span{font-size:16px;margin:0}.target-section figure{margin:0;background:#ebe5d7;padding:13px;position:relative;border-radius:4px}.target-section figure img{width:100%;display:block;border:1px solid #1d302f20}.target-section figcaption{position:absolute;right:22px;bottom:21px;background:var(--paper);padding:6px 8px;font-size:8px;font-weight:800;letter-spacing:.7px}footer{display:flex;justify-content:space-between;gap:16px;padding:19px 0 24px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}footer b{letter-spacing:.8px;color:var(--ink)}footer b span{color:var(--orange);padding:0 4px}.experience{position:fixed;inset:0;z-index:20;background:#f1eee5;display:none;grid-template-rows:58px minmax(250px,1fr) auto;overflow-y:auto}.experience.open{display:grid}.experience-bar{display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:#f5f2e9ee;z-index:4}.experience-bar button{width:35px;height:35px;border:0;border-radius:50%;background:#e3e4da;color:var(--ink);font:24px var(--font);cursor:pointer}.experience-bar b{font-size:9px;letter-spacing:1.2px}.experience-bar b span{color:var(--orange)}.stage{position:relative;min-height:250px;overflow:hidden;background:#d9dfd5}.stage a-scene{position:absolute!important;inset:0;width:100%;height:100%;z-index:1}.stage a-scene canvas{width:100%!important;height:100%!important;object-fit:cover}.scan-hud{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.scan-hud p{background:#182725d9;color:var(--cream);border-radius:30px;padding:10px 15px;font-size:11px;margin-top:17px}.scan-frame{width:min(65vw,290px);aspect-ratio:1.5;border:1px solid #fff;border-radius:11px;box-shadow:0 0 0 100vmax #101d1b20;position:relative}.scan-frame:before,.scan-frame:after{content:"";position:absolute;top:-2px;width:20px;height:20px;border-color:var(--gold);border-style:solid}.scan-frame:before{left:-2px;border-width:3px 0 0 3px;border-radius:8px 0 0}.scan-frame:after{right:-2px;border-width:3px 3px 0 0;border-radius:0 8px 0 0}.panel{position:relative;z-index:3;background:var(--paper);padding:19px 21px calc(20px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;margin-top:-10px;min-height:210px}.step-label{font-size:9px;letter-spacing:1.1px;color:var(--orange);font-weight:800}.panel h2{font:800 clamp(20px,5vw,27px)/1.22 var(--display);letter-spacing:-.7px;margin:9px 0}.panel p{font-size:11px;line-height:1.6;color:var(--muted);margin:0;max-width:480px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.choices button{display:flex;align-items:center;gap:9px;text-align:left;background:var(--cream);border:1px solid var(--line);border-radius:6px;padding:10px 9px;color:var(--ink);cursor:pointer;min-width:0}.choices button:hover,.choices button:focus-visible{border-color:var(--green);outline:2px solid #588c7324}.choices button>span{flex:none;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#f4e4dc;color:var(--orange);font-size:17px}.choices button:nth-child(2)>span{background:#e3eadf;color:var(--green)}.choices button b{font-size:10px}.choices button small{display:block;margin-top:4px;color:var(--muted);font-size:8px;line-height:1.3;font-weight:500}.choices button>i{margin-left:auto;color:var(--orange);font-style:normal}.reassurance{margin-top:11px!important;font-size:9px!important}.panel label{display:block;font-size:9px;letter-spacing:1.2px;color:var(--green);font-weight:800;margin:13px 0 4px}.panel #reflection-panel .actions{margin-top:13px}.panel #reflection-panel .button{font-size:10px;padding:11px 13px}.panel #error-panel .button{margin-top:14px}.demo-stage{position:absolute;inset:0;z-index:1;background:#e8e7da;overflow:hidden}.demo-label{position:absolute;top:9%;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:1.3px;font-weight:800;color:var(--muted);white-space:nowrap}.demo-wheel{position:absolute;top:15%;left:50%;transform:translateX(-50%);width:82px;height:82px;background:var(--paper);border-radius:50%;display:grid;place-items:center;font-size:58px}.demo-roads{position:absolute;left:50%;top:49%;width:100%;height:100%;transform:translateX(-50%)}.demo-roads i{position:absolute;background:var(--ink);border:4px solid #e8e7da;border-radius:35px}.road-stem{width:58px;height:58%;left:calc(50% - 29px);top:22%;border-radius:26px 26px 0 0!important}.road-left,.road-right{width:58px;height:48%;top:-2%;transform-origin:bottom center}.road-left{left:calc(50% - 29px);transform:rotate(42deg)}.road-right{left:calc(50% - 29px);transform:rotate(-42deg)}.demo-car{position:absolute;top:62%;left:calc(50% - 12px);width:24px;height:38px;border-radius:8px;background:var(--orange);z-index:2;box-shadow:inset 0 0 0 3px #c85637;transition:top 1.2s,left 1.2s,transform 1.2s}.demo-branch{position:absolute;top:37%;font-size:8px;letter-spacing:1px;font-weight:800}.demo-left{left:5%;color:var(--orange)}.demo-right{right:5%;color:var(--green)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;transition:.2s;background:var(--ink);color:var(--cream);border-radius:5px;padding:10px 14px;font-size:10px;z-index:40}.toast.show{transform:translate(-50%,0);opacity:1}[hidden]{display:none!important}@media(max-width:760px){.topbar{height:66px;padding:0 20px}main{padding:0 20px}.hero{min-height:auto;padding:45px 0;grid-template-columns:1fr;gap:29px}.hero h1{font-size:55px}.intro{font-size:14px}.illustration{height:min(380px,90vw);max-height:380px;border-radius:47% 47% 4px 4px}.branch-label.left{left:7%}.branch-label.right{right:3%;font-size:7px}.section-head h2,.target-copy h2{font-size:27px}.steps{grid-template-columns:1fr}.steps article,.steps article+article{min-height:120px;padding:15px 48px 13px 0;border-left:0;border-top:1px solid var(--line)}.steps h3{margin-top:16px}.steps article>i{right:4px;top:17px}.target-section{grid-template-columns:1fr;gap:22px;padding:30px 0 52px}.target-copy>p:not(.eyebrow){max-width:none}footer{flex-direction:column;gap:7px}.experience{grid-template-rows:54px minmax(220px,39vh) auto}.experience-bar{padding:0 12px}.panel{padding:18px 16px calc(18px + env(safe-area-inset-bottom))}.scan-frame{width:min(72vw,290px)}}@media(max-width:390px){.hero h1{font-size:48px}.actions{gap:8px}.primary{padding:13px 11px;font-size:11px}.plain{font-size:11px}.choices{grid-template-columns:1fr}.choices button{padding:9px 11px}.choices button b{font-size:10px}.choices button small{font-size:8px}.experience{grid-template-rows:52px minmax(210px,34vh) auto}}