/* LAYER · premium detailing studio iteration */
:root{--soft:#e8edef;--ice:#6f93a8;--edge:#cbd4d8}
html{scroll-padding-top:74px}
.site-header{background:#151719}.header-inner{gap:35px}.brand span{letter-spacing:.11em}.desktop-nav{gap:29px}
.button{border-radius:14px}.field-row select,.field-row input,.contact-form input{border-radius:12px}
.hero{min-height:740px;max-height:920px;grid-template-rows:auto minmax(0,1fr) auto;overflow:visible;background:#151719}
.hero-intro{padding-top:29px;padding-bottom:22px}.hero-context{max-width:490px}.hero h1{max-width:675px}
.hero-visual{min-height:0;overflow:hidden;border-radius:32px 32px 0 0;margin:0 24px}
.hero-photo{background-size:cover;background-position:center 48%}
.visual-data{border-radius:12px 12px 0 0;bottom:13px;width:calc(100% - 32px);max-width:1380px}
.hero-panel{border:0;background:#151719;padding:12px 24px 20px}.hero-panel-inner{border:1px solid #505d63;border-radius:24px;background:#22282c;overflow:hidden;min-height:108px}
.hero-panel-inner>div,.hero-panel-inner>a{padding:20px 23px}.hero-panel-inner>div:first-child{padding-left:23px}.hero-panel-inner>a:last-child{padding-right:23px}
.hero-select>div{gap:4px;padding:3px;background:#30383d;border-radius:999px;width:max-content}.hero-select button{padding:6px 10px;border:0;border-radius:999px;font-size:12px}.hero-select button.active,.hero-select button:hover{background:#6f93a8;color:#fff;border:0}
.hero-calc{background:#30393e}.hero-calc:hover{background:#3a464c}
.packages{padding:82px 0 88px;background:#edf1f3}.package-display{border:0;gap:16px;min-height:520px}.diagram-panel{border-radius:34px 12px 12px 34px;min-height:520px;background:#dce3e6}.package-console{border-radius:12px 34px 34px 12px;overflow:hidden;background:#fff}.package-list{margin:0 22px;padding:4px;background:#e9eff1;border:0;border-radius:999px;gap:3px}.package-option{border:0!important;border-radius:999px;padding:11px 15px}.package-option.active,.package-option:hover{background:#6f93a8;color:#fff}.package-cta{margin:0 16px 16px;border-radius:12px;padding:15px 20px}
.section-head h2,.works-head h2{letter-spacing:-.05em}
.service-studio{padding:86px 0 92px;background:#f3f5f6}.studio-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}.studio-head h2{max-width:640px}.studio-head>p{max-width:390px;font-size:14px;color:#526068}
.service-stage{display:grid;grid-template-columns:.85fr 1.15fr;min-height:650px;gap:22px}
.service-list{display:flex;flex-direction:column;border-top:1px solid #c4cfd4;padding-top:3px}.service-item{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;text-align:left;border:0;border-bottom:1px solid #c4cfd4;background:transparent;padding:13px 16px;color:#283137;font-size:17px;font-weight:650;letter-spacing:-.03em;line-height:1.15;transition:background .2s,padding .2s}.service-item:after{content:'↗';font-size:17px;color:#8a9da6;font-weight:400}.service-item:hover,.service-item.active{background:#e4ebee;padding-left:24px}.service-item.active:after{color:#55798c}.service-item.active{border-radius:12px}
.service-feature{position:relative;min-width:0;min-height:650px;border-radius:34px;overflow:hidden;background:#20282d;color:#fff}.service-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.service-feature-info{position:absolute;z-index:1;bottom:20px;left:20px;right:20px;padding:28px 31px;background:#151719;border-radius:23px}.service-feature-info>span{font-size:11px;letter-spacing:.13em;color:#c7d7de;font-weight:700}.service-feature-info h3{font-size:clamp(1.9rem,2.8vw,2.7rem);margin:8px 0 9px}.service-feature-info p{font-size:15px;line-height:1.5;max-width:500px;color:#ecf1f3}.service-feature-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #a7b5bc70;margin-top:26px;padding-top:15px}.service-feature-bottom strong{font-size:12px;letter-spacing:.03em}.service-feature-bottom a{display:inline-flex;gap:27px;align-items:center;border-bottom:1px solid #fff;padding-bottom:3px;font-weight:700;font-size:13px}
.complex{background:#dce3e6;padding:86px 0 93px}.complex-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:27px}.complex-head h2{max-width:600px}.complex-head>p{font-size:14px;max-width:350px;color:#526068}
.complex-shell{background:#f7f9f9;border-radius:36px;padding:18px;display:grid;grid-template-columns:1.02fr .98fr;gap:23px;min-height:560px}.complex-image{position:relative;overflow:hidden;border-radius:27px 10px 10px 27px;min-height:520px;background:#b9c6ca}.complex-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.complex-image>span{position:absolute;left:22px;bottom:20px;background:#151719;color:#fff;padding:9px 13px;border-radius:999px;font-size:10px;letter-spacing:.11em;font-weight:700}
.complex-content{display:flex;flex-direction:column;padding:15px 20px 15px 3px}.complex-tabs{display:flex;gap:4px;padding:4px;width:max-content;max-width:100%;border-radius:999px;background:#e4ebee}.complex-tabs button{border:0;border-radius:999px;padding:9px 18px;font-weight:750;font-size:12px;background:none;color:#5b6971;white-space:nowrap}.complex-tabs button.active,.complex-tabs button:hover{background:#151719;color:#fff}.complex-copy{padding-top:32px;flex:1}.complex-copy h3{font-size:clamp(2.6rem,4vw,4.1rem);line-height:1}.complex-copy>p{font-size:14px;color:#546269;margin-top:10px;max-width:420px}.complex-includes{columns:2;column-gap:25px;list-style:none;padding:0;margin:25px 0 22px}.complex-includes li{break-inside:avoid;border-top:1px solid #d4dcdf;padding:8px 0;font-size:12px;font-weight:650;color:#28363c}.complex-meta{display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid #c5d0d4;padding-top:16px}.complex-meta small{display:block;font-size:10px;letter-spacing:.1em;color:#657983;font-weight:750}.complex-meta strong{font-size:25px;letter-spacing:-.05em}.complex-meta span{font-size:13px;font-weight:750}.complex-link{display:flex;align-items:center;justify-content:space-between;background:#151719;color:#fff;border-radius:13px;padding:14px 20px;margin-top:18px;font-size:13px;font-weight:700}.complex-link:hover{background:#334048}
.works{padding:85px 0 88px}.work-feature{gap:13px}.work-feature-car{border-radius:34px 12px 12px 34px}.work-feature-details{gap:13px}.work-feature-details img:first-child{border-radius:12px 34px 12px 12px}.work-feature-details img:last-child{border-radius:12px 12px 34px 12px}.work-secondary{gap:18px}.work-secondary article:first-child img{border-radius:28px 10px 20px 10px}.work-secondary article:last-child img{border-radius:10px 28px 10px 20px}
.craft{padding:86px 0;background:#1c2529}.craft-image .craft-primary{border-radius:34px 34px 12px 12px}.craft-image img:not(.craft-primary){border-radius:12px 12px 30px 30px}.craft-points>div{border-color:#526067}
.calculator{padding:87px 0 92px}.calc-box{border:0;border-radius:30px;padding:30px;box-shadow:none}.calc-progress{margin-bottom:24px}.calc-direction{margin:21px 0 23px}.calc-direction .field-label{margin-bottom:10px}.direction-tabs{display:flex;background:#e8eff2;border-radius:999px;padding:4px;gap:3px}.direction-tabs button{flex:1;border:0;background:transparent;border-radius:999px;padding:11px 7px;font-size:12px;font-weight:750;color:#596e78;white-space:nowrap}.direction-tabs button.active,.direction-tabs button:hover{background:#151719;color:#fff}.calc-packages{gap:7px}.calc-packages button{border-radius:13px;min-height:72px}.calc-packages button.selected{border-color:#6f93a8;background:#e9f0f3}.calc-detail-panel select{width:100%;height:48px;padding:0 13px;border:1px solid #bac6cc;border-radius:12px;background:#fff}.calc-bundle-packages button{min-height:70px}.estimate{border-radius:18px}.contact-form .button,.calc-form-main .button{border-radius:13px}
.reviews-faq{padding:76px 0 84px}.faq{padding-top:0}.faq-list{border-color:#c8d1d5}.faq-list details{border-color:#c8d1d5}
.final-cta{padding:68px 0}.final-cta .button{border-radius:14px}
@media(max-width:1100px){.service-stage{grid-template-columns:.88fr 1.12fr}.service-item{font-size:15px;padding:11px 12px}.service-feature,.service-stage{min-height:590px}.complex-shell{grid-template-columns:1fr 1fr}.complex-content{padding-right:10px}.complex-includes{font-size:12px}.hero-panel-inner>div:first-child{padding-left:20px}}
@media(max-width:800px){.hero{height:auto;min-height:0;max-height:none;grid-template-rows:auto 460px auto}.hero-visual{margin:0 18px}.hero-panel{padding:10px 18px 18px}.hero-panel-inner{border-radius:20px}.hero-photo{background-size:cover}.visual-data{width:calc(100% - 20px)}.package-display{grid-template-columns:1fr;gap:0}.diagram-panel{border-radius:28px 28px 0 0}.package-console{border-radius:0 0 28px 28px}.service-stage{grid-template-columns:1fr;gap:18px}.service-list{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.service-feature{min-height:450px}.complex-shell{grid-template-columns:1fr;gap:15px}.complex-image{min-height:340px;border-radius:27px}.complex-content{padding:12px 18px 15px}.work-feature{height:390px}.craft-image{height:470px}.calc-layout{grid-template-columns:1fr}.calc-box{min-width:0}}
@media(max-width:600px){.hero{grid-template-rows:auto 310px auto}.hero-visual{margin:0 10px;border-radius:24px 24px 0 0}.hero-intro{padding-top:19px}.hero-photo{background-size:cover;background-position:66% center}.visual-data{bottom:8px;font-size:7px}.hero-panel{padding:7px 10px 15px}.hero-panel-inner{border-radius:17px}.hero-panel-inner>div,.hero-panel-inner>a{padding:13px 10px}.hero-panel-inner>div:first-child{padding-left:10px}.hero-calc{padding:14px 10px!important}.hero-select>div{gap:0;padding:2px}.hero-select button{font-size:9px;padding:5px 6px}.packages{padding:60px 0 65px}.diagram-panel{min-height:315px}.package-list{margin:0 12px}.package-option{font-size:10px;padding:9px 10px}.package-cta{margin:0 12px 12px}.service-studio{padding:60px 0 67px}.studio-head,.complex-head{display:block}.studio-head>p,.complex-head>p{margin-top:12px}.service-list{grid-template-columns:1fr 1fr;column-gap:7px}.service-item{font-size:12px;padding:10px 5px;min-height:46px}.service-item:hover,.service-item.active{padding-left:10px}.service-item:after{font-size:13px}.service-feature{min-height:410px;border-radius:27px}.service-feature-info{padding:23px}.service-feature-info h3{font-size:2rem}.service-feature-info p{font-size:13px}.service-feature-bottom{gap:10px}.service-feature-bottom a{white-space:nowrap;gap:7px;font-size:12px}.complex{padding:62px 0 67px}.complex-shell{padding:10px;border-radius:29px}.complex-image{min-height:255px;border-radius:21px}.complex-content{padding:10px 12px 13px}.complex-tabs{width:100%}.complex-tabs button{flex:1;padding:8px 9px}.complex-copy{padding-top:25px}.complex-copy h3{font-size:2.7rem}.complex-includes{margin:20px 0}.complex-includes li{font-size:11px}.complex-meta strong{font-size:21px}.works{padding:60px 0 64px}.work-feature{height:325px;gap:6px}.work-feature-car{border-radius:24px 8px 8px 24px}.work-feature-details{gap:6px}.work-feature-details img:first-child{border-radius:8px 24px 8px 8px}.work-feature-details img:last-child{border-radius:8px 8px 24px 8px}.craft{padding:60px 0}.calculator{padding:62px 0 68px}.calc-box{padding:20px 17px;border-radius:23px}.direction-tabs button{font-size:10px;padding:10px 3px}.calc-bundle-packages button{min-height:66px}.reviews-faq{padding:62px 0 67px}.faq{padding-top:0}.final-cta{padding:58px 0}}
@media(max-width:380px){.service-list{grid-template-columns:1fr}.service-item{font-size:13px}.hero-select button{font-size:8px;padding:5px}.complex-includes{columns:1}.complex-image{min-height:235px}}