/* Style 6 approved visual system; intentional source-of-truth override V4 */
:root{--bg:#061525;--surface:#09243a;--surface2:#082b43;--line:#00aeeb;--cyan:#27d1ff;--lime:#80fc37}
body{background:radial-gradient(ellipse at 55% 0%,#0b2c48 0%,#061525 37%,#041323 100%)}
.header{background:#041521f5;border-bottom:1px solid #075b7f;max-height:74px}
.nav a.active{background:#82fb36;border:1px solid #9eff62;color:#081e1b;box-shadow:0 0 21px #6ffb4e5e}
.hero{display:block;min-height:425px;background:radial-gradient(ellipse at 67% 40%,#074c76 0%,#042c45 31%,#041625 73%);border-bottom:0;isolation:isolate;overflow:hidden}
.hero-backdrop{background:repeating-linear-gradient(135deg,transparent 0,transparent 200px,#103b5840 205px,transparent 280px),linear-gradient(90deg,#041625 0%,#041625bd 39%,transparent 70%);z-index:-2}
.hero-text{position:relative;z-index:4;width:45%;max-width:720px;padding:50px 0 47px max(36px,6vw)}
.hero h1{font-size:clamp(41px,3.45vw,56px);line-height:1.04;letter-spacing:-.047em;white-space:normal;max-width:650px}.hero-text>p{font-size:14px;max-width:460px}.hero-actions{margin-top:18px}
.hero-photo{display:block;position:absolute;inset:0 0 0 auto;width:64%;height:100%;overflow:visible;z-index:1;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 100%)}
.hero-photo:before{display:none}.hero-photo img{width:100%;height:100%;object-fit:contain;object-position:center 48%;transform:none!important;animation:none!important;filter:contrast(1.055) saturate(1.06)}
.hero-glow{right:14%;top:20%;background:#03aaff;opacity:.2;z-index:-1}
.toolrail{grid-template-columns:repeat(7,minmax(0,1fr));max-width:1490px;width:calc(100% - 6vw);gap:12px;margin:-25px auto 0}
.tool-tile{min-height:117px;align-items:center;text-align:center;justify-content:center;gap:7px;padding:13px 8px 14px;background:linear-gradient(180deg,#0b3d5a,#05192b);border:1px solid #03b5ef;border-radius:15px;box-shadow:inset 0 1px 12px #1268914c,0 10px 25px #0007;transition:transform .25s ease,box-shadow .25s ease}
.tool-tile.selected{border:2px solid #9dff36;box-shadow:0 0 0 1px #00eaff,0 0 18px #77ff27a6,inset 0 0 19px #02b8fc55;background:linear-gradient(160deg,#084563,#061b2e)}
.tool-icon{color:#f4fdff}.tool-tile.selected .tool-icon{color:#29e2ff}.tool-icon svg{height:33px;width:33px;stroke-width:1.65}
.tool-name{font-size:13.5px;line-height:1.22;font-weight:820;max-width:125px;min-height:30px;display:grid;place-items:center;text-wrap:balance}.tool-arrow{position:absolute;right:9px;bottom:11px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#0a5f8d;color:#d7fbff;font-size:15px}.tool-tile.selected .tool-arrow{background:#0cbfeb;color:#001521}.tool-arrow svg{width:13px;height:13px}
.benefitbar{margin-top:27px}
.showcase{grid-template-columns:1.15fr .85fr}.showcase-image{height:380px;min-height:380px;background:#061b24}.showcase-image>img{width:100%;height:100%;object-fit:contain;object-position:center 45%;filter:saturate(1.08);transform:none}.showcase-image:after{content:'';position:absolute;inset:auto 0 0;height:82px;background:linear-gradient(transparent,#061a24d9);pointer-events:none}
.concept-arrow,.concept-expand{position:absolute;z-index:4;border:1px solid #38dbffc2;display:grid;place-items:center;background:#052938cf;color:#efffff;backdrop-filter:blur(6px);border-radius:50%;height:38px;width:38px;line-height:1;transition:transform .2s,background .2s}.concept-arrow:hover,.concept-expand:hover{background:#0e7195;transform:scale(1.08)}.concept-prev{left:13px;top:48%;font-size:32px}.concept-next{right:13px;top:48%;font-size:32px}.concept-expand{right:18px;top:17px;font-size:22px;border-radius:12px}
.showcase-controls{position:absolute;z-index:5;bottom:15px;left:14px;right:14px;display:flex;gap:8px}.showcase-controls button,.showcase-controls a{flex:1;min-width:0;min-height:43px;background:#061a2ae0;color:#f1fbff;border:1px solid #0db3e2;border-radius:12px;font:800 12px Inter,Arial,sans-serif;display:grid;place-items:center;cursor:pointer;text-align:center;box-shadow:0 4px 12px #03101859}.showcase-controls button.active{background:#064767;border-color:#85fa38;box-shadow:0 0 13px #60f74b6b;color:#abff79}.showcase-controls button:hover,.showcase-controls a:hover{background:#087096}
.showcase-image.concept-zoom{position:fixed!important;inset:5vh 5vw!important;width:90vw!important;height:90vh!important;z-index:250!important;background:#020d17!important;box-shadow:0 0 0 100vmax #000b}.showcase-image.concept-zoom img{height:100%;width:100%;object-fit:contain}
/* soft intro: homepage remains clearly visible behind the transparent animation */
.s6-driving-intro{background:transparent!important;display:block;pointer-events:none;visibility:visible;opacity:1;transition:opacity .55s,visibility .55s;overflow:hidden}
.s6-driving-intro.hide{opacity:0;visibility:hidden}.intro-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#03111bad,#03111b2e 45%,#03111b96);backdrop-filter:blur(2px)}
.intro-heading{position:absolute;left:50%;top:20%;transform:translateX(-50%);text-align:center;z-index:2;text-shadow:0 3px 15px #001}.intro-heading strong{display:block;font-size:clamp(35px,6vw,70px);font-style:italic;font-weight:950;line-height:1}.intro-heading strong span{color:var(--lime)}.intro-heading small{display:block;letter-spacing:.18em;text-transform:uppercase;color:#c1ecf5;margin-top:11px;font-size:11px}
.drive-stage{position:absolute;left:0;right:0;top:39%;height:225px;overflow:hidden;z-index:3}.drive-car{position:absolute;top:22px;left:-400px;width:340px;height:150px;filter:drop-shadow(0 7px 10px #00aef69e);animation:carCross 2.25s cubic-bezier(.24,.04,.75,.98) forwards}.drive-car .wheel{transform-box:fill-box;transform-origin:center;animation:wheelRoll .32s linear infinite}.drive-light{position:absolute;left:0;right:0;bottom:48px;height:1px;background:linear-gradient(90deg,transparent,#03c4ff9e,transparent)}.drive-road{position:absolute;left:-10%;right:-10%;bottom:36px;border-top:2px dashed #1ecfff89;opacity:.8}.drive-trail{position:absolute;top:120px;left:-100%;width:500px;height:3px;background:linear-gradient(90deg,transparent,#45d9ff,#79f75d);filter:blur(4px);animation:carCross 2.25s cubic-bezier(.24,.04,.75,.98) forwards}
@keyframes carCross{0%{left:-400px;opacity:0}10%{opacity:1}86%{opacity:1}100%{left:calc(100% + 370px);opacity:0}}@keyframes wheelRoll{to{transform:rotate(360deg)}}
.intro-progress{position:absolute;left:50%;bottom:14%;transform:translateX(-50%);width:min(280px,60vw);height:4px;background:#035071;border-radius:9px;overflow:hidden}.intro-progress span{height:100%;display:block;background:linear-gradient(90deg,var(--cyan),var(--lime));transform-origin:left;animation:introFill 2.2s linear forwards}@keyframes introFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.intro-skip{pointer-events:auto;position:absolute;right:23px;top:23px;border-radius:25px;background:#072234d9;color:#f8ffff;border:1px solid #32cffa;padding:9px 16px;font-size:12px;z-index:4}
/* Styling kept consistent for separate application pages */
@media(max-width:1250px){.toolrail{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-text{width:53%}.hero-photo{width:62%}}
@media(max-width:800px){.hero{min-height:565px}.hero-text{width:100%;max-width:670px;padding:34px 22px 80px;z-index:3}.hero h1{font-size:clamp(37px,6vw,52px);max-width:610px}.hero-photo{inset:130px 0 0 auto;width:100%;opacity:.43;mask-image:linear-gradient(180deg,transparent 0%,#000 19%,#000 90%)}.toolrail{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:-35px;width:calc(100% - 30px)}.showcase-image{height:330px;min-height:330px}.drive-stage{top:43%}}
@media(max-width:510px){.hero{min-height:545px}.hero h1{font-size:36px}.hero-text{padding:28px 17px 75px}.hero-photo{inset:150px 0 0 auto;opacity:.43}.toolrail{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tool-tile{min-height:108px}.showcase-image{height:275px;min-height:275px}.showcase-controls button,.showcase-controls a{font-size:10px;min-height:38px}.drive-car{width:290px}.intro-heading{top:22%}.drive-stage{top:43%}}
@media(prefers-reduced-motion:reduce){.s6-driving-intro{display:none!important}.drive-car,.drive-car .wheel,.drive-trail,.intro-progress span{animation:none!important}}