.page-main{padding-bottom:80px}.page-hero,.design-hero{padding-top:110px;padding-bottom:76px}.page-hero h1,.design-hero h1,.route-hero h1{max-width:920px;margin:0;font-size:clamp(48px,6vw,82px);line-height:1.05;letter-spacing:-.055em}.page-hero>p:last-child,.design-hero>p:last-child{max-width:790px;margin:28px 0 0;color:#92a4bf;font-size:18px;line-height:1.8}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-panel{position:relative;min-height:570px;overflow:hidden;padding:42px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(16,36,71,.96),rgba(7,20,45,.82))}.feature-panel.compact{min-height:290px}.feature-copy{position:relative;z-index:3;max-width:480px}.step,.section-heading>span,.safety-copy>span,.developer-note>div>span{color:#5fa9ff;font-size:11px;font-weight:800;letter-spacing:.16em}.feature-panel h2,.section-heading h2,.safety-panel h2,.developer-note h2{margin:14px 0 16px;font-size:32px;letter-spacing:-.04em}.feature-panel p,.route-details p,.route-note p,.roadbook-explain p,.timeline p,.principle-grid p,.safety-panel p,.status-band p{color:#91a2bc;line-height:1.75}.clean-list{display:grid;gap:9px;padding:0;margin:22px 0;list-style:none;color:#b6c6dc}.clean-list li:before{content:"";display:inline-block;width:6px;height:6px;margin-right:10px;border-radius:50%;background:var(--green);vertical-align:middle}.mini-app{position:absolute;left:42px;right:42px;bottom:34px;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px;border:1px solid rgba(255,255,255,.24);border-radius:20px;background:rgba(236,245,249,.94);color:#10213a;box-shadow:0 24px 45px rgba(0,0,0,.27)}.mini-field{min-width:0;display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:12px;background:#dce8ea;font-size:12px}.mini-field.full{grid-column:1/-1}.mini-field span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-field small{display:block;font-size:9px;font-weight:750}.dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%}.dot.green{background:var(--green)}.dot.red{background:#ff4d4d}.dot.blue{background:var(--blue)}.mini-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.mini-actions button{min-height:35px;border:1px solid #cad4df;border-radius:10px;background:#fff;color:#1d2a3e;font-size:11px;font-weight:700}.mini-actions .blue-button{border-color:var(--blue);background:var(--blue);color:white}.mini-actions .green-button{border-color:var(--green);background:var(--green);color:white}.mini-route-map{grid-column:1/-1;width:100%;height:145px;border-radius:14px;background:#bfe3cd}.thin-road{fill:none;stroke:#fff;stroke-width:12}.mini-route-halo{fill:none;stroke:#fff;stroke-width:13;stroke-linecap:round}.mini-route{fill:none;stroke:#20ad58;stroke-width:8;stroke-linecap:round}.state-pills{display:flex;align-items:center;gap:11px;margin-top:24px}.state-pills span{padding:8px 13px;border:1px solid var(--line);border-radius:999px;color:#8fa2bd;font-size:12px}.state-pills span.active{border-color:rgba(47,194,107,.4);background:rgba(47,194,107,.12);color:#58df8c}.state-pills b{color:#507099}.drive-stage{position:absolute;left:42px;right:42px;bottom:34px;height:270px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:linear-gradient(145deg,#9dd7c0,#d6e6df 55%,#acdabc)}.drive-stage:after{content:"";position:absolute;left:50%;top:110px;bottom:-40px;width:8px;transform:translateX(-50%);border-radius:99px;background:#21ae58;box-shadow:0 0 0 4px white}.drive-note{position:absolute;z-index:3;top:12px;height:112px;display:flex;flex-direction:column;padding:13px 14px;border-radius:18px;color:white}.drive-note.yellow{left:12px;width:48%;background:var(--yellow)}.drive-note.orange{left:44%;width:45%;padding-left:23%;background:var(--orange)}.drive-note.red{left:86%;width:30%;background:var(--red)}.drive-note small{font-size:11px}.drive-note b{font-size:34px;line-height:1}.drive-note strong{align-self:center;font-size:24px}.car-arrow{position:absolute;z-index:4;left:50%;bottom:28px;width:42px;height:42px;display:grid;place-items:center;transform:translateX(-50%);border-radius:50%;background:white;color:var(--blue);font-size:25px}.logic-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:35px}.logic-row div{display:grid;gap:8px;padding:18px;border:1px solid var(--line);border-radius:15px;background:#0a1a35}.logic-row b{font-size:20px}.logic-row span{color:#70b8ff;font-size:13px}.route-hero{min-height:720px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px;padding-top:82px;padding-bottom:72px}.route-address{margin:25px 0;color:#91a3be;line-height:1.8}.route-address span{color:#42a0ff}.route-facts{display:flex;gap:34px;margin-top:35px}.route-facts div{display:grid;gap:5px}.route-facts strong{font-size:24px}.route-facts span{color:#7588a6;font-size:12px}.route-map-large{position:relative;height:580px;overflow:hidden;border:1px solid rgba(70,155,255,.22);border-radius:30px;background:radial-gradient(circle at 48% 43%,#12345a,#08172e 72%);box-shadow:0 30px 70px rgba(0,0,0,.32)}.route-map-large svg{width:100%;height:100%}.contours path{fill:none;stroke:rgba(98,139,188,.19);stroke-width:2}.route-halo-lg{fill:none;stroke:#e9f5ff;stroke-width:16;stroke-linecap:round}.route-main-lg{fill:none;stroke:var(--green);stroke-width:10;stroke-linecap:round}.route-nodes circle{fill:#0c1830;stroke:#67e197;stroke-width:6}.map-pin{position:absolute;padding:8px 11px;border:1px solid rgba(84,165,255,.24);border-radius:10px;background:rgba(5,15,34,.92);font-size:11px}.map-pin.start{left:8%;bottom:10%}.map-pin.via{left:44%;top:17%}.map-pin.end{right:5%;top:13%}.route-details{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.route-details article,.principle-grid article{padding:32px;border:1px solid var(--line);border-radius:22px;background:rgba(10,26,53,.78)}.detail-number{color:#469bf5;font-size:12px;font-weight:800}.route-details h2,.principle-grid h2{margin:24px 0 12px;font-size:23px}.route-note{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:70px;padding:44px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(8,23,48,.72)}.route-note span{color:#57a6f9;font-size:11px;letter-spacing:.14em}.route-note h2{margin:12px 0 0;font-size:34px;line-height:1.2}.roadbook-showcase{display:grid;grid-template-columns:1.1fr .9fr;gap:26px}.real-ui{position:relative;min-height:560px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 50% 20%,rgba(24,135,255,.18),transparent 46%),#07142d}.real-ui img{width:min(520px,88%);border:1px solid rgba(255,255,255,.12);border-radius:17px;box-shadow:0 28px 60px rgba(0,0,0,.42)}.real-ui-label{position:absolute;left:24px;top:22px;display:grid;gap:4px}.real-ui-label span{color:#5ca8f8;font-size:10px;letter-spacing:.15em}.real-ui-label strong{font-size:15px}.roadbook-explain{display:grid;gap:14px}.roadbook-explain article{display:grid;grid-template-columns:7px 1fr;gap:18px;padding:24px;border:1px solid var(--line);border-radius:20px;background:#0a1a35}.color-bar{border-radius:999px}.color-bar.yellow{background:var(--yellow)}.color-bar.orange{background:var(--orange)}.color-bar.red{background:var(--red)}.roadbook-explain small{color:#788ba8}.roadbook-explain h2{margin:8px 0 5px;font-size:25px}.grade-section,.voice-logic{margin-top:90px}.section-heading{margin-bottom:28px}.grade-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.grade-grid article{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:18px;background:#0a1a35}.grade-grid b{font-size:33px}.grade-grid span{color:#8193ad;font-size:12px}.grade-arrow{color:#5baeff;font-size:34px;font-style:normal}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.timeline article{padding:28px;border-top:3px solid var(--blue);border-radius:0 0 18px 18px;background:#0a1a35}.timeline b{display:block;color:#5baeff;font-size:13px}.timeline strong{display:block;margin:15px 0 6px;font-size:24px}.design-hero{min-height:540px;display:flex;flex-direction:column;justify-content:center}.principle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.principle-grid article>span{color:#4fa3f8;font-size:12px}.safety-panel{display:grid;grid-template-columns:1fr 420px;align-items:center;gap:80px;margin-top:90px;padding:54px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#0e2650,#08162e)}.safety-card{padding:25px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:#f5f7fa;color:#172033;box-shadow:0 25px 60px rgba(0,0,0,.32)}.language-toggle{display:flex;justify-content:flex-end}.language-toggle button{padding:7px 12px;border:0;background:transparent;color:#6f7886}.language-toggle button.active{border-radius:9px;background:#167ff2;color:white}.safety-card>strong{display:block;margin:18px 0 10px;font-size:25px}.safety-card p{color:#596577}.safety-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0}.safety-rules span{padding:10px 5px;border-radius:10px;background:#e9edf2;text-align:center;font-size:11px;font-weight:700}.acknowledge{width:100%;height:42px;border:0;border-radius:11px;background:var(--blue);color:white;font-weight:700}.developer-note{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;margin-top:70px;padding:46px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.developer-note blockquote{margin:0;color:#aec0d7;font-size:20px;line-height:1.8}.status-band{display:grid;grid-template-columns:auto 220px 1fr;align-items:center;gap:18px;margin-top:60px;padding:24px;border:1px solid rgba(47,194,107,.25);border-radius:18px;background:rgba(47,194,107,.06)}.pulse{width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 0 7px rgba(47,194,107,.1)}.status-band div{display:grid;gap:3px}.status-band small{color:#65d994}.status-band p{margin:0}
@media(max-width:900px){.experience-grid,.route-hero,.roadbook-showcase,.safety-panel{grid-template-columns:1fr}.route-hero{padding-top:100px}.route-map-large{height:520px}.route-details{grid-template-columns:1fr}.grade-grid{grid-template-columns:repeat(3,1fr)}.safety-panel{gap:35px}.route-note,.developer-note{grid-template-columns:1fr;gap:28px}.status-band{grid-template-columns:auto 1fr}.status-band p{grid-column:2}.feature-panel{min-height:600px}}
@media(max-width:600px){.page-hero,.design-hero{padding-top:72px}.page-hero h1,.design-hero h1,.route-hero h1{font-size:43px}.experience-grid,.principle-grid{grid-template-columns:1fr}.feature-panel{min-height:560px;padding:26px}.feature-panel.compact{min-height:300px}.mini-app,.drive-stage{left:20px;right:20px}.logic-row,.timeline{grid-template-columns:1fr}.route-map-large{height:430px}.route-facts{gap:20px}.route-note{padding:30px 20px}.grade-grid{grid-template-columns:repeat(2,1fr)}.real-ui{min-height:390px}.safety-panel{padding:25px}.safety-card{padding:20px}.safety-rules{grid-template-columns:1fr}.status-band{grid-template-columns:auto 1fr;padding:18px}}
.roadbook-card-stack{position:relative;width:min(520px,88%);height:320px}.roadbook-card{position:absolute;top:0;width:330px;height:300px;display:flex;flex-direction:column;padding:24px;border-radius:32px;color:#fff;box-sizing:border-box;box-shadow:0 24px 45px rgba(0,0,0,.28)}.roadbook-card small{font-size:21px;font-weight:750}.roadbook-card b{margin-top:38px;font-size:78px;line-height:1}.roadbook-card i{align-self:center;margin-top:auto;font-size:58px;font-style:normal}.roadbook-card.card-yellow{z-index:3;left:0;background:#f6ca2c}.roadbook-card.card-orange{z-index:2;left:210px;background:#ff8520}.roadbook-card.card-red{z-index:1;left:410px;background:#ef3347}.roadbook-card.card-orange small{padding-left:70px}.roadbook-card.card-orange b{padding-left:70px}@media(max-width:600px){.roadbook-card-stack{transform:scale(.7);transform-origin:center top}.roadbook-card{width:290px;height:260px}.roadbook-card.card-orange{left:170px}.roadbook-card.card-red{left:330px}}
.roadbook-showcase .real-ui{border:0;background:transparent;overflow:hidden}.roadbook-showcase .roadbook-card-stack{width:530px;height:270px;transform:scale(.88);transform-origin:center}.roadbook-showcase .roadbook-card{width:230px;height:250px;padding:20px;border-radius:28px}.roadbook-showcase .roadbook-card.card-orange{left:150px}.roadbook-showcase .roadbook-card.card-red{left:300px}.roadbook-showcase .roadbook-card small{font-size:16px}.roadbook-showcase .roadbook-card b{margin-top:28px;font-size:62px}.roadbook-showcase .roadbook-card i{font-size:46px}.roadbook-showcase .roadbook-card.card-orange small,.roadbook-showcase .roadbook-card.card-orange b{padding-left:42px}@media(max-width:600px){.roadbook-showcase .roadbook-card-stack{transform:scale(.64);transform-origin:center}.roadbook-showcase .real-ui{min-height:330px}}