@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,500&display=swap');:root{--ink:#202827;--muted:#7f8882;--line:#e7ebe6;--paper:#fbfcfa;--green:#8fa675;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px var(--sans)}button,input{font:inherit}.topbar{height:68px;background:#fff;border-bottom:1px solid #eef0ec;padding:0 max(calc((100% - 1160px)/2),5%);display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:9px;color:#202827;text-decoration:none;font-weight:700;letter-spacing:1.5px;font-size:15px}.brand b{height:25px;width:25px;display:grid;place-items:center;background:#252e2c;color:#e5f7c3;font:italic 17px var(--serif)}.brand>span{color:#82986a;margin-left:-9px}.topbar nav{display:flex;gap:34px}.topbar nav a,.admin-link{font-size:11px;text-decoration:none;color:#7e8781}.topbar nav a.active{color:#344137;font-weight:600}.admin-link{color:#506048}.wrap{max-width:1160px;margin:auto;padding:0 22px}.hero{padding:60px 0 28px}.hero>small,.booking>div>small,.kicker{font:9px var(--mono);letter-spacing:1.2px;color:#788575}.hero>small:first-letter,.booking>div>small:first-letter{color:#91ab70}.hero h1,.booking h2{font-size:48px;line-height:1.03;letter-spacing:-2px;font-weight:500;margin:16px 0 12px}.hero h1 em,.booking h2 em{font:italic 500 1em var(--serif);color:#758c68}.hero p,.booking>div>p{font-size:12px;line-height:1.8;color:#7c8580;max-width:410px}.builder{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.83fr);gap:26px}.stage-label,.config-title{font:9px var(--mono);letter-spacing:1px;color:#707a72;padding:0 0 12px}.viewer{height:425px;position:relative;overflow:hidden;border:1px solid #e8ece6;background:radial-gradient(ellipse at 52% 60%,#fff,#eff2ec 73%)}.studio{height:100%;display:grid;place-items:center;perspective:900px}.car{width:62%;height:180px;position:relative;transform-style:preserve-3d;transform:rotateY(calc(-15deg + var(--turn,0deg))) rotateX(2deg);transition:transform .1s;filter:drop-shadow(0 18px 12px #3c443c32)}.body{position:absolute;left:2%;right:2%;bottom:37px;height:78px;border-radius:32px 44px 19px 18px;background:linear-gradient(180deg,color-mix(in srgb,var(--vehicle-color,#dfe5e9) 77%,white),var(--vehicle-color,#dfe5e9) 50%,#aeb8b5);box-shadow:inset 0 -8px #60686626,inset 0 3px #fff9}.viewer{--vehicle-color:#dfe5e9}.viewer[data-color]{--vehicle-color:attr(data-color color,#dfe5e9)}.viewer:has([data-vehicle="t4"]){--vehicle-color:#d6e1d7}.viewer:has([data-vehicle="t5"]){--vehicle-color:#d9d3c9}.roof{position:absolute;z-index:1;left:28%;top:50px;width:44%;height:65px;border-radius:55% 45% 0 0;background:linear-gradient(180deg,#e9edeb,var(--vehicle-color,#dfe5e9));clip-path:polygon(15% 0,82% 0,100% 95%,0 100%)}.glass{position:absolute;z-index:2;top:64px;width:21%;height:50px;background:linear-gradient(135deg,#53666a,#243337);opacity:.92}.frontglass{left:29%;clip-path:polygon(14% 0,100% 0,88% 100%,0 100%)}.rearglass{right:28%;clip-path:polygon(0 0,88% 0,100% 100%,12% 100%)}.door{position:absolute;top:10px;bottom:9px;width:22%;border:1px solid #55605c55;border-radius:2px}.d1{left:39%}.d2{left:62%}.handle{position:absolute;top:24px;width:14px;height:3px;border-radius:3px;background:#66706c}.h1{left:53%}.h2{left:76%}.bumper{position:absolute;bottom:30px;right:0;width:18px;height:25px;border-radius:2px 9px 9px 2px;background:#545b59}.light{position:absolute;bottom:94px;right:5px;width:17px;height:11px;border-radius:50%;background:#f4f2db;z-index:3}.wheel{position:absolute;z-index:4;bottom:8px;left:17%;width:55px;height:55px;border-radius:50%;background:#202323;border:5px solid #39403e;display:grid;place-items:center;box-shadow:inset 0 0 0 3px #181b1a}.wheel i{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#d3d7d4,#737b77);border:4px dotted #8c9590}.w2{left:auto;right:15%}.floor{position:absolute;bottom:60px;width:68%;height:33px;border-radius:50%;background:#29332b1a;filter:blur(12px)}.live,.drag,.vehicle-caption{position:absolute;font:8px var(--mono);color:#818982;letter-spacing:.8px}.live{top:16px;left:16px}.drag{top:16px;right:16px}.vehicle-caption{bottom:15px;left:17px;display:flex;flex-direction:column;gap:4px}.vehicle-caption small{font:8px var(--mono);text-transform:uppercase}.vehicle-caption b{font:600 13px var(--sans);letter-spacing:0;color:#343d37}.decal-layer{position:absolute;z-index:5;left:25%;right:24%;top:90px;bottom:55px;pointer-events:none}.decal{position:absolute;width:36px;height:19px;border:1px solid color-mix(in srgb,var(--marker),transparent 30%);background:color-mix(in srgb,var(--marker),transparent 55%);border-radius:2px;display:grid;place-items:center;overflow:hidden;font:6px var(--mono);color:transparent}.decal.hood{top:-25px;left:8%}.decal.doors{top:33px;left:34%}.decal.rear{top:18px;right:3%}.decal.sills{bottom:-15px;left:48%;height:7px}.decal.fenders{top:25px;left:5%;width:22px}.decal.with-logo{background-size:contain;background-repeat:no-repeat;background-position:center}.vehicle-switcher{display:flex;gap:8px;margin-top:10px}.vehicle-switcher a{flex:1;min-width:0;padding:9px 7px;background:white;border:1px solid #e8ebe7;display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;color:#707a73;font-size:9px}.vehicle-switcher a.chosen{border-color:#a2b58b;background:#fbfdf8;color:#435541}.tiny-car{width:28px;height:12px;background:var(--car,#ddd);border-radius:8px 12px 3px 3px;position:relative;flex:none;box-shadow:inset 0 -3px #87908742}.tiny-car:before{content:'';position:absolute;left:7px;top:-4px;width:13px;height:6px;background:inherit;border-radius:4px 6px 0 0}.tiny-car:after{content:'';position:absolute;left:3px;bottom:-2px;width:5px;height:5px;background:#454b48;border-radius:50%;box-shadow:18px 0 #454b48}.stage-foot{display:flex;justify-content:space-between;margin-top:11px;color:#62755b;font-size:9px}.stage-foot span{color:#9aa09b}.config{border:1px solid var(--line);background:white;padding:0 19px 17px;align-self:start}.config-title{height:49px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.config-title b{width:23px;height:23px;border:1px solid #dce4d6;border-radius:50%;display:grid;place-items:center;font-weight:400;color:#718661}.field{padding:14px 0;border-bottom:1px solid #eef0ed}.field-head{font-size:11px;font-weight:600;display:flex;justify-content:space-between}.field-head small{font:8px var(--mono);color:#89987b}.help{color:#929a94;font-size:9px;margin:5px 0 9px}.slots{max-height:210px;overflow:auto}.slot{min-height:38px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #f0f2ef;padding:4px 6px;cursor:pointer}.slot:has(input:checked){background:#f6faef;outline:1px solid #e3eadb}.slot input{position:absolute;opacity:0}.slot>i{width:6px;height:18px;background:var(--marker);border-radius:2px}.slot>span{flex:1;font-size:9px}.slot>span small,.slot>b small{display:block;color:#9aa09b;font-size:8px;margin-top:3px}.slot>b{text-align:right;white-space:nowrap;font-size:9px;font-weight:500}.slot>em{width:18px;height:18px;border:1px solid #e5e9e2;border-radius:50%;display:grid;place-items:center;font-style:normal;color:#81976b}.slot:has(input:checked)>em{background:#e8f0df}.upload{display:flex;align-items:center;gap:10px;padding:10px;border:1px dashed #d9dfd6;color:#82936f;font-size:17px;margin-top:9px;cursor:pointer}.upload span b,.upload span small{display:block}.upload span b{font-size:9px;color:#465147}.upload span small{font-size:8px;color:#9ba19c;margin-top:4px}.upload input{margin-left:auto;max-width:145px;font-size:8px}.durations{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.durations label{border:1px solid #e8ebe6;min-height:42px;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer}.durations label:has(input:checked){border-color:#9bac82;background:#f7faef}.durations input{position:absolute;opacity:0}.durations b{font-size:12px;font-weight:500}.durations small{font-size:8px;color:#929a94}.summary{padding:12px 0 10px}.summary>div{display:flex;justify-content:space-between;margin:0 0 8px;color:#858d87;font-size:9px}.summary>div b{font-weight:500;color:#525d55}.summary hr{border:0;border-top:1px solid var(--line)}.summary .monthly{align-items:center}.monthly strong{font-size:18px;color:#26312b}.monthly strong small{font-size:8px;color:#89918b;font-weight:400}.tax-note{display:block;text-align:right;color:#a0a59f;font-size:8px}.cta{width:100%;height:42px;background:#26302d;color:#fff;border:0;border-radius:2px;font-size:10px;font-weight:600;cursor:pointer}.cta:hover{background:#485a49}.secure{text-align:center;font-size:8px;color:#8b948d;margin:8px 0 0}.booking{margin:58px 0;background:#f0f3ed;border:1px solid #e7ebe3;padding:34px;display:grid;grid-template-columns:.8fr 1.1fr;gap:55px}.booking h2{font-size:37px}.booking>div>p{font-size:10px}.contact-card{background:white;border:1px solid #e5e9e2;padding:20px}.contact-card h3{font-size:12px;margin:0 0 17px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formgrid label,.install-card label{display:flex;flex-direction:column;gap:6px;font-size:9px;color:#6d776f}.formgrid .wide{grid-column:span 2}.formgrid input,.install-card input{height:35px;border:1px solid #e3e8e1;padding:0 9px;outline:none;font-size:10px}.formgrid input:focus,.install-card input:focus{border-color:#9dae88}.consent{display:flex;gap:8px;align-items:flex-start;font-size:8px;color:#7e8780;margin:13px 0}.consent input{margin:0;accent-color:#788e63}.trust{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fff;margin:0 0 48px}.trust>div{padding:16px;border-right:1px solid var(--line)}.trust>div:last-child{border:0}.trust b,.trust small{display:block}.trust b{font-size:10px}.trust small{font-size:9px;color:#929a94;margin-top:5px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0 25px;color:#929992;font-size:9px}.notice{padding:12px 14px;margin:0 0 17px;background:#edf4e7;border:1px solid #dbe7d1;color:#4f6744;font-size:11px}.empty{padding:55px 20px;text-align:center;background:white;border:1px solid var(--line)}.install-body{min-height:100vh;background:radial-gradient(ellipse at 50% 40%,#fafbf8,#e9eee6);display:grid;place-items:center;padding:24px}.install-card{width:min(530px,100%);background:#fff;border:1px solid var(--line);padding:36px 40px;box-shadow:0 15px 45px #27362b0b}.install-card .kicker{display:block;margin-top:30px}.install-card h1{font-size:28px;font-weight:500;letter-spacing:-1px;margin:12px 0}.install-card>p{font-size:11px;color:#7d867e;line-height:1.7}.install-card form{display:flex;flex-direction:column;gap:11px}.install-card form h2{font-size:12px;margin:12px 0 0}.install-card .cta{margin-top:8px}.requirements{font-size:9px!important;color:#969d97!important}.error{padding:10px;background:#fff2f0;color:#9b4137;font-size:10px;margin:12px 0}.success{font-size:11px;line-height:1.8;color:#59655c}.success>.cta{display:grid;place-items:center;text-decoration:none;margin-top:18px}.admin-wrap{max-width:1050px;margin:48px auto;padding:0 22px}.admin-wrap h1{font-size:36px;font-weight:500;letter-spacing:-1.5px;margin:12px 0 4px}.admin-wrap>p{font-size:11px;color:#818a83}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0 33px}.stats>div{background:#fff;border:1px solid var(--line);padding:15px;display:flex;flex-direction:column}.stats small{font:8px var(--mono);color:#838c84}.stats b{font-size:25px;font-weight:500;margin-top:9px}.admin-wrap h2{font-size:15px;font-weight:600;margin:28px 0 12px}.admin-list{background:#fff;border:1px solid var(--line)}.admin-row{min-height:61px;padding:9px 13px;border-bottom:1px solid #edf0ec;display:flex;gap:12px;align-items:center}.admin-row:last-child{border:0}.admin-row>div{flex:1;display:flex;flex-direction:column;gap:4px}.admin-row>div b{font-size:10px}.admin-row>div small,.admin-row>small{font-size:8px;color:#89918b}.admin-row form{display:flex;gap:5px}.admin-row button{border:1px solid #e2e8dd;background:#f8faf5;color:#536749;padding:6px 8px;font-size:8px;cursor:pointer}.state{font:8px var(--mono);color:#8d958f}.state.on{color:#688250}.booking-row{flex-wrap:wrap}.booking-row>div{min-width:220px}.admin-foot{margin-top:17px;font-size:9px;color:#89918b}.empty-admin{padding:15px;color:#929a94;font-size:10px}
@media(max-width:800px){.topbar{padding:0 20px}.topbar nav{gap:15px}.builder{grid-template-columns:1fr}.viewer{height:370px}.config{grid-row:2}.booking{gap:25px;padding:23px}.admin-row form{flex-direction:column}}
@media(max-width:560px){.topbar{height:58px}.topbar nav{display:none}.wrap{padding:0 14px}.hero{padding:37px 0 22px}.hero h1{font-size:40px}.builder{gap:14px}.viewer{height:300px}.car{width:78%;transform:rotateY(calc(-15deg + var(--turn,0deg))) scale(.86)}.drag{display:none}.vehicle-switcher{gap:4px}.vehicle-switcher a{font-size:7px;gap:4px;flex-wrap:wrap}.tiny-car{transform:scale(.8)}.stage-foot{font-size:8px}.stage-foot span{font-size:7px}.config{padding:0 13px 14px}.booking{grid-template-columns:1fr;padding:19px 13px;margin:38px 0;gap:14px}.booking h2{font-size:32px}.contact-card{padding:15px 11px}.trust{grid-template-columns:1fr;margin-bottom:32px}.trust>div{border-right:0;border-bottom:1px solid var(--line);padding:12px 14px}.trust>div:last-child{border-bottom:0}footer{gap:10px;flex-wrap:wrap}footer>span:nth-child(2){display:none}.install-card{padding:28px 21px}.admin-wrap{margin:32px auto;padding:0 13px}.stats{grid-template-columns:1fr 1fr;gap:7px}.admin-row{gap:7px;padding:8px}.admin-row .state{display:none}.admin-row button{padding:6px 5px}.booking-row>small{font-size:7px}}