:root{--bg-canvas:#f3f0fa;--bg-surface:rgba(232,224,241,.82);--bg-surface-hover:#eee5f2;--text-primary:#3f3545;--text-muted:#66576b;--accent-primary:#65345f;--accent-secondary:#ad83a6;--border-subtle:rgba(101,52,95,.22);--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(47,25,46,.16);--glow-accent:0 0 24px -4px rgba(101,52,95,.2);--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font-family:"Trebuchet MS","Segoe UI",sans-serif;line-height:1.75;overflow-wrap:anywhere;hyphens:auto}a{color:var(--accent-primary);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3{line-height:1.15;letter-spacing:-.035em;margin:0 0 .7em}h1{font-size:clamp(2.5rem,5.8vw,5.2rem);max-width:18ch}h2{font-size:clamp(1.65rem,3vw,2.5rem)}h3{font-size:1.25rem}p{margin:0 0 1.15em}ul,ol{padding-left:1.4em}li+li{margin-top:.45em}.wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:20px;z-index:20;background:var(--bg-canvas);padding:12px}.skip-link:focus{top:12px}.site-header{position:relative;z-index:5;margin:20px 24px 28px;padding:18px 24px;border:1px solid var(--border-subtle);border-radius:60px;background:var(--bg-surface);backdrop-filter:var(--glass-backdrop);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:.9rem;font-weight:700;line-height:1.2;min-width:0;max-width:390px}.brand-mark{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;background:var(--accent-primary);color:#fff;border-radius:50%;font-size:18px}.site-nav{display:flex;align-items:center;gap:17px}.site-nav a{font-size:.82rem;font-weight:700;text-decoration:none;white-space:nowrap}.site-nav a[aria-current=page]{text-decoration:underline}.menu-toggle{display:none;background:var(--accent-primary);color:#fff;border:0;width:42px;height:42px;border-radius:50%;font-size:1.8rem;line-height:1;cursor:pointer}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:700;margin-bottom:20px}.hero{position:relative;isolation:isolate;padding:70px 56px 88px;background:linear-gradient(125deg,#e8e0f1,#d4bbd7,#eddfeb);background-size:200% 200%;animation:gradientShift 12s ease infinite;clip-path:polygon(0 0,100% 0,100% 94%,0 100%)}.hero:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:rgba(101,52,95,.12);filter:blur(35px);right:3%;top:10%;z-index:-1;animation:floatOrb 10s ease-in-out infinite}.hero p{max-width:60ch;font-size:1.12rem}.hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:28px}.button,button.action{display:inline-block;border:1px solid var(--accent-primary);padding:12px 19px;background:var(--accent-primary);color:#fff;font-weight:700;text-decoration:none;box-shadow:4px 4px 0 #392238;transition:transform .25s var(--ease-kinetic),box-shadow .25s var(--ease-kinetic),background .25s;cursor:pointer}.button:hover,button.action:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 #392238}.button.secondary,button.secondary{background:var(--bg-canvas);color:var(--accent-primary)}.section{padding-block:60px}.section-heading{max-width:72ch;margin-bottom:30px}.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"fit fit brakes" "battery wiring wiring" "range range rules" "roadmap roadmap doubts";gap:22px}.tile{min-width:0;padding:30px;border:1px solid var(--border-subtle);background:var(--bg-surface);backdrop-filter:var(--glass-backdrop);transition:transform .35s var(--ease-kinetic),box-shadow .35s var(--ease-kinetic),background .35s}.tile:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:var(--bg-surface-hover)}.fit{grid-area:fit}.brakes{grid-area:brakes}.battery{grid-area:battery}.wiring{grid-area:wiring}.range{grid-area:range}.rules{grid-area:rules}.roadmap{grid-area:roadmap}.doubts{grid-area:doubts}.tile h2{font-size:1.75rem}.tile a{font-weight:700}.badge{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--accent-primary);color:#fff;font-weight:700;margin-bottom:20px}.tile-media{aspect-ratio:4/3;margin:22px 0 0;overflow:hidden}.tile-media img{transition:transform .7s var(--ease-kinetic)}.tile:hover .tile-media img{transform:scale(1.04)}.media-caption{font-size:.82rem;color:var(--text-muted);margin-top:10px}.field{background:#e8e0f1;clip-path:polygon(0 3%,100% 0,100% 100%,0 100%);padding:76px 0 60px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:22px}.split-card{display:grid;grid-template-columns:1fr 1.2fr;border:1px solid var(--border-subtle);background:var(--bg-surface)}.split-card figure{margin:0;min-height:250px}.split-card>div{padding:30px}.page-intro{padding:46px 0 40px}.page-intro h1{font-size:clamp(2.5rem,5vw,4.3rem);max-width:22ch}.lede{font-size:1.15rem;max-width:68ch}.meta{color:var(--text-muted);font-size:.85rem}.article-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:32px;align-items:start;padding-bottom:65px}.prose{max-width:72ch;margin:0 auto;min-width:0}.prose section{margin-bottom:40px}.prose h2{font-size:1.85rem}.prose h3{margin-top:26px}.side-stack{display:grid;gap:22px}.note{padding:24px;border-left:5px solid var(--accent-primary);background:#e8e0f1;margin:26px 0}.note p:last-child{margin-bottom:0}.caution{background:#e9d9e4;border:1px solid #9a6d8e;border-left:5px solid var(--accent-primary)}.figure{margin:0 0 26px}.figure .photo{aspect-ratio:4/3;overflow:hidden}.figure figcaption{font-size:.83rem;color:var(--text-muted);padding-top:10px}.diagram{list-style:none;padding:0;display:grid;gap:12px;counter-reset:path}.diagram li{padding:16px;background:var(--bg-surface);border:1px solid var(--border-subtle);counter-increment:path;display:flex;gap:14px;align-items:flex-start}.diagram li:before{content:counter(path);flex:0 0 30px;height:30px;display:grid;place-items:center;background:var(--accent-primary);color:#fff;border-radius:50%}.table-wrap{overflow-x:auto;max-width:100%;margin:24px 0}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;vertical-align:top;border:1px solid var(--border-subtle);padding:12px}th{background:#e8e0f1}caption{text-align:left;font-weight:700;margin-bottom:10px}.checklist{list-style:none;padding:0}.checklist li{border-bottom:1px solid var(--border-subtle);padding:12px 0}.checklist li:before{content:"○";color:var(--accent-primary);margin-right:12px}.faq-list{max-width:76ch;margin:0 auto}.faq-list details{border:1px solid var(--border-subtle);background:var(--bg-surface);padding:21px;margin-bottom:14px}.faq-list summary{font-weight:700;cursor:pointer;line-height:1.4}.faq-list details p{margin:16px 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-field{display:grid;gap:7px}.form-field.full{grid-column:1/-1}label{font-weight:700}input,textarea,select{width:100%;padding:12px;border:1px solid #8e7791;background:#faf7fc;color:var(--text-primary);border-radius:0}textarea{min-height:150px;resize:vertical}.form-actions{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}.preview{white-space:pre-wrap;min-height:200px;padding:22px;background:#e8e0f1;border:1px solid var(--border-subtle);font-family:inherit}.status{min-height:1.8em;font-weight:700}.small{font-size:.85rem;color:var(--text-muted)}.site-footer{padding:42px 0;margin-top:35px;border-top:1px solid var(--border-subtle)}.footer-row{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;flex-wrap:wrap}.footer-links{display:flex;flex-wrap:wrap;gap:12px 20px}.site-footer p{font-size:.85rem;margin-top:16px}.reveal-pending{opacity:0;transform:translateY(22px)}.reveal-visible{opacity:1;transform:translateY(0);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}[hidden]{display:none!important}
@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes floatOrb{50%{transform:translate(-30px,25px)}}
@media(min-width:1025px){.site-header{max-width:1360px;margin-inline:auto;width:calc(100% - 48px)}}
@media(min-width:769px) and (max-width:1024px){.site-header{padding:17px}.brand{font-size:.76rem;max-width:235px}.site-nav{gap:10px}.site-nav a{font-size:.74rem}.bento{grid-template-columns:1fr 1fr;grid-template-areas:"fit fit" "brakes battery" "wiring wiring" "range rules" "roadmap doubts"}.article-grid{grid-template-columns:minmax(0,1fr) 260px}.hero{padding:55px 36px 75px}}
@media(max-width:768px){.site-header{margin:14px 16px 22px;padding:12px 16px;gap:12px}.brand{font-size:.8rem;max-width:calc(100% - 56px)}.menu-toggle{display:block;flex-shrink:0}.site-nav{position:absolute;left:0;right:0;top:calc(100% + 8px);padding:22px;background:#e8e0f1;box-shadow:var(--shadow-elevation);border:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:stretch;gap:0}.site-nav a{font-size:1rem;padding:11px}.site-nav:not(.is-open){display:none}.wrap{width:calc(100% - 32px)}.hero{padding:45px 26px 65px}.bento{grid-template-columns:1fr 1fr;grid-template-areas:"fit fit" "brakes battery" "wiring wiring" "range range" "rules rules" "roadmap doubts"}.article-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.section{padding-block:40px}.split-card{grid-template-columns:1fr}.page-intro{padding-top:26px}.tile{padding:23px}}
@media(min-width:481px) and (max-width:768px){.hero h1{max-width:15ch}.form-grid{gap:16px}}
@media(max-width:480px){.brand-mark{width:26px;height:26px}.brand{gap:7px;font-size:.7rem}.hero{padding-inline:20px}h1{font-size:2.6rem}.bento{display:flex;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.hero-actions{align-items:flex-start;flex-direction:column}.tile h2{font-size:1.6rem}.footer-row{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}.tile:hover{transform:none}}
@media print{.site-header,.site-footer,.hero-actions,.form-actions{display:none}.wrap{width:100%}.tile,.note{break-inside:avoid}.article-grid{display:block}.reveal-pending{opacity:1;transform:none}body{background:#fff;color:#222}.hero{clip-path:none;animation:none}}