:root{--bg:#080909;--fg:#f4f4ec;--accent:#d6ff4f;--muted:#b7bcb6;--line:#f0f4df33}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.7 Manrope,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}header{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:26px 4%;background:linear-gradient(#080909d9,transparent)}.brand{position:relative;font-weight:700;font-size:23px;letter-spacing:.12em;display:flex;gap:12px;align-items:center;line-height:1.1}.brand-icon{font-size:38px;font-weight:400;line-height:1;flex-shrink:0;color:var(--accent)}.brand-small{display:block;font-size:9px;letter-spacing:.29em;margin-top:10px;font-weight:500}nav{display:flex;gap:32px;align-items:center;font-size:13px}nav>a:hover{color:var(--accent)}.nav-button{padding:12px 21px;border:1px solid #d6ff4f55;background:#08090940;font-size:13px}.nav-button span{margin-left:25px;color:var(--accent)}.stage{position:fixed;inset:0;overflow:hidden;pointer-events:none}.image-layer{position:absolute;inset:-2%;will-change:transform,opacity;opacity:0}.image-layer.car{opacity:1}.image-layer img{width:100%;height:100%;object-fit:cover;object-position:65% 50%}.stage-shade{position:absolute;inset:0;background:linear-gradient(90deg,#070909ee 0%,#070909aa 22%,#07090920 63%,#07090900)}.stage-edge{position:absolute;inset:0;background:linear-gradient(0deg,#080909ed,transparent 24%,transparent 76%,#08090955)}.light-sweep{position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 42%,#e8f1fd09 48%,#ffffff12 50%,transparent 57%);opacity:.2;will-change:transform}main{position:relative}.scene{position:relative;height:calc(165 * var(--scene-vh, 1vh));min-height:1000px;pointer-events:none}.content{position:sticky;top:0;height:calc(100 * var(--scene-vh, 1vh));min-height:700px;padding:130px 8% 100px;display:flex;flex-direction:column;justify-content:center;will-change:opacity,transform}.content>*{pointer-events:auto}.hero{height:calc(145 * var(--scene-vh, 1vh))}.kicker{font-size:12px;letter-spacing:.15em;font-weight:600;display:flex;gap:18px;align-items:center;margin-bottom:28px}.kicker i{height:7px;width:7px;background:var(--accent)}.kicker>span{color:var(--accent)}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:600;line-height:.94;letter-spacing:-.015em;margin:0}h1{font-size:clamp(84px,10.3vw,178px)}h1 span,h2 span{color:var(--accent)}h2{font-size:clamp(68px,8.2vw,138px)}p{font-size:16px;color:var(--muted);max-width:415px;line-height:1.85}.hero-description{display:flex;align-items:center;gap:32px;margin-top:32px}.hero-description p{margin:0}.round-link{border:1px solid #e6ecd966;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;font-size:26px;transition:.3s}.round-link:hover{background:var(--accent);color:var(--bg);border-color:var(--accent);transform:rotate(90deg)}.hero-tag{margin-top:44px;font-size:10px;letter-spacing:.17em;color:#bfc6c5}.hero-bottom{position:absolute;top:calc(calc(100 * var(--scene-vh, 1vh)) - 65px);left:8%;right:8%;display:flex;align-items:center;gap:23px;font-size:10px;letter-spacing:.13em;color:#c7cdc5}.hero-bottom>span:last-child{margin-left:auto}.track{width:90px;height:1px;background:#ccd7cb55;overflow:hidden}.track i{display:block;width:25px;height:1px;background:var(--accent);animation:track 2.5s infinite}.side-label{position:absolute;top:calc(48 * var(--scene-vh, 1vh));right:3%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.2em}.correction .content{padding-left:8%;padding-right:48%}.correction h2{font-size:clamp(65px,7.5vw,128px)}.correction p{margin:30px 0}.spec-line{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.1em;max-width:440px}.spec-line i{height:1px;flex:1;background:#dde6cc55}.underlined{border:0;border-bottom:1px solid #d6ff4f88;background:none;padding:13px 0;color:var(--fg);font-size:14px;width:max-content;margin-top:25px;display:flex;gap:35px;align-items:center}.underlined b{color:var(--accent);font-size:22px;font-weight:400}.scene-number{position:absolute;bottom:calc(15 * var(--scene-vh, 1vh));right:6%;font:500 180px/1 'Barlow Condensed',sans-serif;-webkit-text-stroke:1px #ffffff25;color:transparent}.protection .content{padding-left:43%;padding-right:8%}.protection h2{font-size:clamp(63px,7.8vw,132px)}.protection p{max-width:460px;margin:28px 0}.protection-tags{display:flex;flex-wrap:wrap;gap:8px;font-size:10px;letter-spacing:.07em;max-width:480px}.protection-tags span{border:1px solid #f1f7df44;padding:7px 10px;backdrop-filter:blur(8px)}.protection .scene-number{right:auto;left:7%}.reveal{height:calc(180 * var(--scene-vh, 1vh))}.reveal .content{text-align:center;align-items:center;justify-content:flex-start;padding-top:calc(17 * var(--scene-vh, 1vh))}.reveal h2{font-size:clamp(70px,8vw,140px)}.reveal .kicker{margin-bottom:23px}.reveal p{margin-top:24px}.finish-stamp{position:absolute;bottom:calc(12 * var(--scene-vh, 1vh));display:flex;align-items:center;gap:23px;font-size:10px;letter-spacing:.17em}.finish-stamp>span:nth-child(2){font:40px sans-serif;color:var(--accent)}.reveal-caption{position:absolute;bottom:calc(8 * var(--scene-vh, 1vh));left:8%;right:8%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em}.services{height:calc(135 * var(--scene-vh, 1vh))}.services .content{padding-right:8%;justify-content:center}.services h2{font-size:clamp(55px,6.5vw,108px)}.services p{max-width:none}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.service-grid>button{text-align:left;padding:25px;background:#0c0e0ebf;border:1px solid #d9e5cd38;backdrop-filter:blur(16px);transition:background .3s,border-color .3s,transform .3s}.service-grid>button:hover{background:#151a13e8;border-color:var(--accent);transform:translateY(-6px)}.service-index{font-size:12px;color:var(--accent)}.service-grid h3{font-size:43px;margin-top:20px}.service-grid p{font-size:14px;line-height:1.8}.service-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:25px;padding-top:12px;font-size:11px;letter-spacing:.1em}.service-foot b{font-size:24px;font-weight:400;color:var(--accent)}footer{position:absolute;bottom:0;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding:25px 0;font-size:10px;letter-spacing:.1em;pointer-events:auto}footer>a:first-child{font-size:20px;font-weight:700}.scene-nav{position:fixed;right:3%;bottom:10%;z-index:15;display:flex;flex-direction:column;gap:12px}.scene-nav a{font-size:10px;color:#ffffff70;padding:4px 0 4px 13px;border-left:1px solid #ffffff30}.scene-nav a.active{color:var(--accent);border-color:var(--accent)}.page-progress{position:fixed;inset:auto 0 0;height:2px;z-index:30;background:#ffffff15}.page-progress i{display:block;background:var(--accent);height:100%;transform-origin:left;transform:scaleX(0)}dialog{width:min(600px,92vw);max-height:calc(90 * var(--scene-vh, 1vh));overflow:auto;color:var(--fg);background:#101310;border:1px solid #d6ff4f55;padding:48px;box-shadow:0 40px 160px #000b}dialog::backdrop{background:#050705dd;backdrop-filter:blur(12px)}dialog h2{font-size:62px}dialog p{font-size:15px}dialog .kicker{color:var(--accent);font-size:11px}.close{position:absolute;top:10px;right:16px;font-size:28px;color:#c8d0be;border:0;background:none}.solid{background:var(--accent);border:0;color:#14170d;padding:14px 22px;font-weight:600;font-size:14px}.solid:hover{background:#e3ff89}form{display:flex;flex-direction:column;gap:12px;margin-top:27px}form label{font-size:14px}form label span{font-size:12px;color:var(--muted)}input,select{width:100%;background:#080b08;color:var(--fg);border:1px solid #bdc9b044;padding:13px;font-size:14px;border-radius:0;margin-bottom:8px}form .solid{margin-top:10px}dialog .demo-note{font-size:12px;line-height:1.7;margin:24px 0 0;color:#abb2a6}#plan-result{border-top:1px solid var(--line);margin-top:25px;padding-top:23px}#plan-result h3{color:var(--accent);font-size:40px}#plan-result p{margin-bottom:0}#detail-copy ul{padding-left:20px;color:#c9cec3;font-size:15px;line-height:1.9}#detail-copy{margin:25px 0}@keyframes track{from{transform:translateX(-25px)}to{transform:translateX(100px)}}
@media(max-width:800px){header{padding:23px 6%}.brand{font-size:18px;gap:8px;line-height:1}.brand-icon{font-size:29px}.brand-small{font-size:8px}nav>a{display:none}.nav-button{font-size:12px;padding:10px 12px}.nav-button span{margin-left:12px}.scene{height:calc(155 * var(--scene-vh, 1vh));min-height:1050px}.content{padding:125px 8% 90px;min-height:700px}.hero .content{justify-content:center}.kicker{font-size:10px;letter-spacing:.11em;margin-bottom:24px;gap:12px}h1{font-size:clamp(70px,16vw,118px)}h2{font-size:65px}.hero-description{flex-direction:column;align-items:flex-start;gap:23px;margin-top:28px}.hero-description p,p{font-size:15px}.round-link{width:43px;height:43px}.hero-tag{font-size:9px;letter-spacing:.06em;margin-top:27px}.hero-bottom{font-size:9px;left:8%;top:calc(calc(100 * var(--scene-vh, 1vh)) - 40px)}.hero-bottom>span:last-child{display:none}.side-label{display:none}.image-layer img{object-position:62% center}.stage-shade{background:linear-gradient(90deg,#080909a8,#08090944),linear-gradient(0deg,#08090990,transparent)}.correction .content,.protection .content{padding-left:8%;padding-right:11%}.correction h2,.protection h2{font-size:clamp(59px,14vw,92px)}.correction p,.protection p{max-width:340px;margin:25px 0}.spec-line{font-size:9px}.protection-tags{font-size:9px}.scene-number{font-size:100px;bottom:calc(12 * var(--scene-vh, 1vh))}.reveal .content{padding-top:calc(19 * var(--scene-vh, 1vh))}.reveal h2{font-size:clamp(58px,13vw,90px)}.reveal p{font-size:14px}.finish-stamp{font-size:8px;gap:12px;bottom:calc(12 * var(--scene-vh, 1vh))}.finish-stamp>span:nth-child(2){font-size:30px}.reveal-caption{font-size:9px;gap:20px;bottom:calc(9 * var(--scene-vh, 1vh))}.reveal-caption>span:last-child{text-align:right}.services{height:calc(160 * var(--scene-vh, 1vh));min-height:1200px}.services .content{min-height:1000px;height:auto;justify-content:flex-start;padding-top:125px;padding-bottom:95px}.services h2{font-size:53px}.service-grid{grid-template-columns:1fr;gap:10px;margin-top:17px}.service-grid>button{padding:15px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.service-index{font-size:10px}.service-grid h3{font-size:32px;margin-top:8px;grid-column:1}.service-grid p{font-size:12px;grid-row:1/3;grid-column:2;margin:0;align-self:center}.service-foot{grid-column:1/-1;margin-top:12px;padding-top:5px;font-size:10px}.service-foot b{font-size:20px}footer{font-size:9px;left:6%;right:6%}footer>span{display:none}.scene-nav{right:3%;gap:8px}.scene-nav a{font-size:9px;padding-left:8px}dialog{padding:43px 25px}dialog h2{font-size:52px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scene{height:auto;min-height:calc(100 * var(--scene-vh, 1vh))}.content{position:relative;min-height:calc(100 * var(--scene-vh, 1vh));height:auto;opacity:1!important;transform:none!important;visibility:visible!important}.hero-bottom,.side-label,.scene-number{display:none}.image-layer{transform:none!important}.services{padding-bottom:80px}.reveal{min-height:calc(110 * var(--scene-vh, 1vh))}.reveal-caption{bottom:30px}}
/* Comfortable controls and supporting text. */
nav,.nav-button{font-size:14px}.hero-tag,.hero-bottom,.side-label,.spec-line,.protection-tags,.finish-stamp,.reveal-caption,.service-foot,footer{font-size:12px}.service-grid p{font-size:16px}.scene-nav a{font-size:12px}.protection .content{background:linear-gradient(90deg,transparent 25%,#08090960 75%)}
@media(max-width:800px){.nav-button{font-size:12px}.hero-tag,.hero-bottom,.spec-line,.protection-tags,.finish-stamp,.reveal-caption,.service-foot,footer{font-size:11px}.service-grid p{font-size:14px}.scene-nav a{font-size:10px}.protection .content{background:none}.hero-tag{max-width:280px}.finish-stamp{letter-spacing:.07em}.services .content{min-height:1050px}.service-grid>button{gap:0 10px}.services h2{font-size:50px}}

/* Keep the backdrop crop stable while Safari collapses its browser bars. */
@media(max-width:800px),(hover:none) and (pointer:coarse){.stage{bottom:auto;height:100lvh}}

.service-grid h3{font-size:clamp(25px,2.8vw,43px)}
@media(max-width:800px){.service-grid h3{font-size:clamp(21px,5.4vw,30px)}}