/* NeedTech Editorial Future: public site composition. */
body[data-design]{--bg:#05070a;--surface:#11161c;--ink:#f2f4f7;--subtle:#8c96a3;--accent:#67c8db;--edge:#293840;--radius:20px;background:var(--bg);color:var(--ink);overflow-x:clip}
body[data-design]::before,.noise,.hero-media,.hero-overlay{display:none}
body[data-design] .container{width:min(1240px,calc(100% - 80px))}
body[data-design] main{display:flex;flex-direction:column}
body[data-design] main>section{order:10}
body[data-design] .hero{order:0;min-height:760px;padding:80px 0 50px;background:var(--bg)}
body[data-design] .stats-strip{order:1;background:var(--surface)}
body[data-design] .hero-inner{padding-top:40px;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}
body[data-design] .hero-copy{max-width:none}
body[data-design] .hero h1{font-size:clamp(52px,6vw,88px);line-height:1.01;letter-spacing:-.055em;font-weight:650}
body[data-design] .hero h1 span{color:var(--accent);-webkit-text-stroke:0}
body[data-design] .eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--subtle);line-height:1.5}
body[data-design] :is(.hero-copy>p,.section-head>p,.service-card p,.process-card p,.proof-score p,.proof-copy>p,.showcase-copy .lead,.location-content>p,.hours span,.feature-list p,.trust-item span,.proof-points span,.footer-grid>p,.footer-grid>small){color:var(--subtle)}
body[data-design] .hero-copy>p{font-size:16px;max-width:500px;margin:26px 0 30px}
body[data-design] .hero-copy>p strong{color:var(--ink);font-weight:500}
body[data-design] .btn{border-radius:var(--radius);min-height:52px;font-size:13px;letter-spacing:0}
body[data-design] .btn-primary{background:var(--accent);color:var(--bg);box-shadow:none;border:1px solid var(--accent)}
body[data-design] .btn-track{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--accent)!important;box-shadow:none}
body[data-design] .btn-track-dot{background:var(--accent);box-shadow:none}
body[data-design] .btn-ghost{background:var(--surface);border-color:var(--edge);color:var(--ink)}
body[data-design] .trust-row{border-color:var(--edge);gap:28px}
body[data-design] .trust-item strong{font-weight:500;font-size:24px}
body[data-design] .site-header{top:0;background:var(--bg);border-bottom:1px solid var(--edge)}
body[data-design] .nav-wrap{height:78px}
body[data-design] .brand-logo{width:170px;max-width:100%;filter:none}
body[data-design] .nav{font-size:12px;gap:20px;color:var(--subtle)}
body[data-design] .nav a:hover{color:var(--ink)}
body[data-design] .nav-track{color:var(--ink)!important;background:var(--surface);border-color:var(--accent);box-shadow:none;border-radius:var(--radius);font-size:12px}
body[data-design] .nav-track-icon{background:var(--accent);color:var(--bg)}
body[data-design] .nav-cta{background:var(--ink);color:var(--bg);border:0;border-radius:var(--radius)}
body[data-design] .hero-card{align-self:center;margin:0;overflow:visible;background:transparent;border:0;backdrop-filter:none;box-shadow:none;border-radius:0;position:relative}
body[data-design] .hero-card-top{padding:0 0 16px;border-color:var(--edge);color:var(--subtle);font-size:10px}
body[data-design] .live b{color:var(--ink)}
body[data-design] .hero-card-bottom{padding:20px 0 0;border-color:var(--edge)}
body[data-design] .hero-card-bottom small{color:var(--subtle)}
body[data-design] .section{padding:100px 0;background:var(--bg);border-color:var(--edge)}
body[data-design] .section h2{font-size:clamp(36px,4.4vw,60px);line-height:1.06;letter-spacing:-.045em;font-weight:550}
body[data-design] .section h2 em{color:var(--subtle);font-weight:450}
body[data-design] .section-kicker{color:var(--accent);font-size:10px;letter-spacing:1.8px}
body[data-design] .services-grid{border:0;gap:16px;overflow:visible}
body[data-design] .service-card{min-height:340px;border:1px solid var(--edge);border-radius:var(--radius);background:var(--surface);padding:26px}
body[data-design] .service-card:hover{background:var(--surface);border-color:var(--accent);transform:translateY(-4px)}
body[data-design] .service-icon{margin:20px 0 35px;border-color:var(--edge);border-radius:var(--radius);background:transparent}
body[data-design] .service-icon svg{stroke:var(--accent)}
body[data-design] .service-number{color:var(--subtle)}
body[data-design] .card-link{color:var(--ink);left:26px;right:16px;bottom:24px;line-height:1.6}
body[data-design] .card-link b{color:var(--accent)}
body[data-design] .stats-grid>div{border-color:var(--edge);padding:22px 16px;min-height:90px}
body[data-design] .stats-grid p{color:var(--ink);font-size:12px}
body[data-design] .stats-grid span{color:var(--accent)}
body[data-design] .process-grid{border-color:var(--edge);border-radius:var(--radius)}
body[data-design] .process-card{background:var(--surface);border-color:var(--edge);min-height:240px;padding:26px}
body[data-design] .process-card>span{color:var(--accent)}
body[data-design] .process-card h3{margin-top:44px}
body[data-design] .proof-score{background:var(--surface);border-color:var(--edge);border-radius:var(--radius)}
body[data-design] .proof-points,body[data-design] .proof-points>div{border-color:var(--edge)}
body[data-design] .proof-grid{gap:50px}
body[data-design] .showcase-grid{gap:60px}
body[data-design] .showcase-image{min-height:420px;background:var(--surface);border-color:var(--edge);border-radius:var(--radius)}
body[data-design] .showcase-image::before{border-color:var(--edge);background:none}
body[data-design] .showcase-image::after{display:none}
body[data-design] .showcase-image .showcase-brand-art{padding:55px 40px 120px;filter:none;opacity:1}
body[data-design] .image-badge{background:var(--bg);border-color:var(--edge);color:var(--ink)}
body[data-design] .image-badge span{color:var(--subtle)}
body[data-design] .feature-list>div{border-color:var(--edge)}
body[data-design] .feature-list>div>span{background:var(--surface);color:var(--accent)}
body[data-design] .location-card{background:var(--surface);border-color:var(--edge);border-radius:var(--radius)}
body[data-design] .location-content{padding:50px}
body[data-design] .location-glow{display:none}
body[data-design] .hours,body[data-design] .hours div{border-color:var(--edge)}
body[data-design] .hours strong,body[data-design] .phone-link{color:var(--ink)}
body[data-design] .map-art{background:var(--bg);border-color:var(--edge)}
body[data-design] .map-pin{background:var(--accent);color:var(--bg);box-shadow:none}
body[data-design] .map-label{background:var(--surface);color:var(--ink);white-space:nowrap}
body[data-design] .map-lines{opacity:.4}
body[data-design] .cta-box{background:var(--accent);color:var(--bg);box-shadow:none;border-radius:var(--radius)}
body[data-design] .cta-box .section-kicker{color:inherit}
body[data-design] .cta-box h2{letter-spacing:-.045em}
body[data-design] footer{background:var(--surface);border-color:var(--edge)}
body[data-design] footer>p{width:min(1240px,calc(100% - 40px));margin:24px auto 0;font-size:12px;color:var(--subtle)}
body[data-design] .footer-links{color:var(--ink)}
body[data-design] .footer-grid>small{border-color:var(--edge)}
body[data-design] .reveal{opacity:1;transform:none}
body[data-design] :focus-visible{outline:3px solid var(--accent);outline-offset:4px}
body[data-design] :is(section[id],header[id]){scroll-margin-top:150px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1150px){body[data-design] .nav{gap:12px;font-size:11px}
body[data-design] .brand-logo{width:145px}
body[data-design] .container{width:calc(100% - 48px)}
body[data-design] .hero h1{font-size:64px}
}
@media(max-width:1000px){body[data-design] .nav{position:fixed;top:0;right:-100%;width:min(360px,90vw);height:100dvh;padding:100px 26px 30px;flex-direction:column;align-items:stretch;gap:10px;background:var(--bg);border-left:1px solid var(--edge);overflow-y:auto}
body[data-design] .nav.open{right:0}
body[data-design] .menu-btn{display:block;z-index:52;min-height:44px;min-width:44px}
body[data-design] .menu-btn span{background:var(--ink)}
body[data-design] .nav a{padding:13px 4px;border-bottom:1px solid var(--edge);min-height:44px}
body[data-design] .nav-track{width:100%}
body[data-design] .nav-overlay{display:block;position:fixed;inset:0;z-index:49;background:#0008;opacity:0;pointer-events:none}
body[data-design] .nav-overlay.visible{opacity:1;pointer-events:auto}
body[data-design] .hero-inner{gap:24px}
body[data-design] .hero h1{font-size:58px}
}
@media(max-width:760px){body[data-design] .container{width:calc(100% - 36px)}
body[data-design] .hero{padding:160px 0 40px;min-height:0}
body[data-design] .hero-inner{display:grid;grid-template-columns:1fr;padding-top:0;gap:36px}
body[data-design] .hero h1{font-size:clamp(44px,11vw,65px);letter-spacing:-.055em}
body[data-design] .hero-card{display:block;width:100%;max-width:480px;margin:0 auto}
body[data-design] .hero-card-top{font-size:9px}
body[data-design] .hero-copy>p{font-size:15px}
body[data-design] .hero-actions .btn{flex:1 1 160px}
body[data-design] .eyebrow{font-size:9px;letter-spacing:1px}
body[data-design] .trust-row{gap:16px;margin-top:28px}
body[data-design] .trust-item strong{font-size:23px}
body[data-design] .section{padding:64px 0}
body[data-design] .section h2{font-size:37px}
body[data-design] .section-head{margin-bottom:30px}
body[data-design] .service-card{min-height:300px}
body[data-design] .service-icon{margin:8px 0 24px}
body[data-design] .proof-grid,body[data-design] .showcase-grid{gap:30px}
body[data-design] .showcase-image{min-height:300px}
body[data-design] .location-content{padding:32px 24px}
body[data-design] .cta-box{padding:32px 24px}
body[data-design] .mobile-action-bar{background:var(--bg);border-color:var(--edge);bottom:max(12px,env(safe-area-inset-bottom))}
body[data-design] .mobile-action-bar .mobile-track{background:var(--accent);color:var(--bg);box-shadow:none}
body[data-design] .mobile-action-bar a{display:flex;justify-content:center;align-items:center}
body[data-design] .mobile-action-bar .mobile-track span{background:transparent}
}
@media(prefers-reduced-motion:reduce){body[data-design] *,body[data-design] *::before,body[data-design] *::after{animation:none!important;transition:none!important}
body[data-design]{scroll-behavior:auto}
}
body[data-design] .service-card{display:flex;flex-direction:column}
body[data-design] .service-card .service-icon{flex-shrink:0}
body[data-design] .service-card .card-link{position:static;margin-top:auto;padding-top:24px}
body[data-design] .site-header.scrolled{background:var(--bg);border-color:var(--edge)}
body[data-design="editorial-future"] .proof-section .proof-score p{color:#d6e0cb}
body[data-design] .site-header{transition:border-color .2s ease}
body[data-design] .faq-list{max-width:940px;margin-left:auto;display:grid;gap:12px}
body[data-design] .faq-item{background:var(--surface);border:1px solid var(--edge);border-radius:var(--radius);overflow:hidden}
body[data-design] .faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;padding:24px 28px;color:var(--ink);font-size:17px;font-weight:500;line-height:1.5}
body[data-design] .faq-item summary::-webkit-details-marker{display:none}
body[data-design] .faq-item summary::after{content:'+';font-size:24px;font-weight:400;line-height:1;flex-shrink:0;color:var(--accent)}
body[data-design] .faq-item[open] summary::after{content:'−'}
body[data-design] .faq-item summary:focus-visible{outline:2px solid var(--accent);outline-offset:-5px}
body[data-design] .faq-answer{padding:0 28px 26px;color:var(--subtle);font-size:15px;line-height:1.8}
body[data-design] .faq-answer p{margin:0;max-width:760px}
body[data-design] :is(.faq-answer,.faq-help) a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
body[data-design] .faq-help{max-width:940px;margin:28px 0 0 auto;color:var(--subtle);font-size:14px;line-height:1.8}
body[data-design="editorial-future"] .faq-item{background:transparent;border-width:1px 0 0;border-radius:0}
body[data-design="editorial-future"] .faq-item summary{padding-left:0;padding-right:0;font-size:22px}
body[data-design="editorial-future"] .faq-answer{padding-left:0;padding-right:0}
@media(max-width:760px){body[data-design] .faq-item summary{padding:20px;font-size:16px;gap:16px}
body[data-design] .faq-answer{padding:0 20px 22px;font-size:14px}
body[data-design="editorial-future"] .faq-item summary,body[data-design="editorial-future"] .faq-answer{padding-left:0;padding-right:0}
}
body[data-design] .brand-on-light{display:none}
body[data-design] .brand-on-dark{display:block}
body[data-design] .showcase-image .showcase-brand-art{object-fit:contain}
body[data-design] .brands-block{margin-top:0;padding-top:36px;border-top:1px solid var(--edge)}
body[data-design] .brands-heading h3{font-size:clamp(24px,3vw,34px);font-weight:500;letter-spacing:-.04em;margin:0 0 12px}
body[data-design] .brands-heading p,body[data-design] .services-extra,body[data-design] .warranty-note{color:var(--subtle);font-size:14px;line-height:1.8}
body[data-design] .brands-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin:28px 0 20px}
body[data-design] .brands-grid>div{padding:20px 0;border-top:1px solid var(--edge)}
body[data-design] .brands-grid dt{color:var(--ink);font-size:15px;font-weight:600;margin-bottom:8px}
body[data-design] .brands-grid dd{color:var(--subtle);font-size:14px;line-height:1.8;margin:0}
body[data-design] .warranty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body[data-design] .warranty-card{border:1px solid var(--edge);border-radius:var(--radius);background:var(--surface);padding:32px}
body[data-design] .warranty-term{display:block;font-size:64px;line-height:1;color:var(--accent);letter-spacing:-.05em;margin-bottom:30px}
body[data-design] .warranty-term small{font-size:18px;letter-spacing:0;font-weight:400}
body[data-design] .warranty-card h3{font-size:20px;font-weight:500;line-height:1.4;margin:0 0 10px}
body[data-design] .warranty-card p{font-size:14px;line-height:1.8;color:var(--subtle);margin:0}
body[data-design] .warranty-note{margin:24px 0 0;max-width:760px}
@media(min-width:1001px){
}
@media(min-width:761px){
}
@media(max-width:760px){body[data-design] .brands-grid,body[data-design] .warranty-grid{grid-template-columns:1fr}
body[data-design] .brands-grid{gap:0}
body[data-design] .warranty-card{padding:26px}
body[data-design] .warranty-term{font-size:52px;margin-bottom:24px}
}
@media(min-width:1001px){
}
body[data-design]{--brand-blue:#2ea7e8;--brand-blue-secondary:#2ea7e8;--brand-cyan:#67c8db}
body[data-design] .proof-stars{color:var(--accent)}
body[data-design] .status-dot,body[data-design] .live i{background:var(--brand-cyan);box-shadow:0 0 0 5px #2ea7e812}
body[data-design] .section h2 em{font-style:normal}
body[data-design="editorial-future"] .hero h1{font-weight:700;letter-spacing:-.065em}
body[data-design="editorial-future"] .hero h1 span{font-weight:700;letter-spacing:-.055em}
body[data-design="editorial-future"] .service-card h3{font-weight:650}
body[data-design="editorial-future"] .section h2{font-weight:650}
body[data-design="editorial-future"] .proof-score .proof-stars{color:var(--bg)}
body[data-design][data-design]{font-family:var(--nt-font-ui)}
body[data-design][data-design] :is(h1,h2,h3,.hero h1 span,.section h2 em,.cta-box h2){font-family:var(--nt-font-display);font-style:normal}
body[data-design][data-design] :is(button,select,input,textarea,.btn){font-family:var(--nt-font-ui)}
body[data-design] .btn-primary{background:var(--nt-blue);border-color:var(--nt-blue);color:var(--nt-black)}
body[data-design] .btn-primary:hover{transform:translateY(-2px)}
body[data-design] .service-card:hover{transform:translateY(-2px)}
.compare-compact{display:none}
body[data-design] .site-header{top:56px}
@media(max-width:1000px){body[data-design] .nav{top:56px;height:calc(100dvh - 56px)}
body[data-design] .nav-overlay{inset:56px 0 0}
}
@media(max-width:760px){.compare-compact{display:inline;font-size:0}
.compare-compact{font:600 19px/1 var(--nt-font-ui);color:#006b9b}
.compare-full{display:none}
body[data-design] .site-header{top:54px}
}
@media(max-width:340px){
}
body[data-design] .showcase-real{padding:0;overflow:hidden;position:relative;isolation:isolate}
body[data-design] .showcase-real::before,body[data-design] .showcase-real::after{display:none}
body[data-design] .showcase-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.88) contrast(1.03);transform:scale(1.015)}
body[data-design] .showcase-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(5,7,10,.7));z-index:1;pointer-events:none}
body[data-design] .showcase-mark{position:absolute;z-index:2;left:30px;top:30px;width:150px;height:auto;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.28))}
body[data-design] .showcase-real .image-badge{z-index:3}
body[data-design] .lab-section{overflow:hidden}
body[data-design] .lab-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:360px 360px;gap:16px}
body[data-design] .lab-photo{position:relative;margin:0;overflow:hidden;border:1px solid var(--edge);border-radius:var(--radius);background:var(--surface);min-height:0}
body[data-design] .lab-photo-wide{grid-row:span 2}
body[data-design] .lab-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .45s ease,filter .3s ease}
body[data-design] .lab-photo:hover img{transform:scale(1.025)}
body[data-design] .lab-photo figcaption{position:absolute;left:18px;right:18px;bottom:18px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--edge) 75%,transparent);border-radius:calc(var(--radius) - 6px);background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(12px);color:var(--ink)}
body[data-design] .lab-photo figcaption strong,body[data-design] .lab-photo figcaption span{display:block}
body[data-design] .lab-photo figcaption strong{font-size:13px;font-weight:650;margin-bottom:3px}
body[data-design] .lab-photo figcaption span{font-size:11px;line-height:1.45;color:var(--subtle)}
body[data-design="editorial-future"] .lab-grid{grid-template-columns:1.35fr .65fr;gap:22px;grid-template-rows:310px 400px}
body[data-design="editorial-future"] .lab-photo{border-width:0;border-radius:0}
body[data-design="editorial-future"] .lab-photo:nth-child(2){transform:translateY(34px)}
body[data-design="editorial-future"] .lab-photo figcaption{border-radius:0;border-width:1px 0 0;background:rgba(216,243,251,.88);color:#080e14}
body[data-design="editorial-future"] .lab-photo figcaption span{color:#31414c}
@media(max-width:760px){body[data-design] .lab-photo,body[data-design] .lab-photo-wide{grid-row:auto;min-height:310px}
body[data-design="editorial-future"] .lab-photo:nth-child(2){transform:none}
body[data-design] .showcase-mark{left:20px;top:20px;width:125px}
}
@media(prefers-reduced-motion:reduce){body[data-design] .lab-photo img{transition:none!important}
body[data-design] .lab-photo:hover img{transform:none!important}
}
body[data-design] .lab-notes-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:48px;align-items:end;margin:56px 0 22px;padding-top:34px;border-top:1px solid var(--edge)}
body[data-design] .lab-notes-head h3{margin:6px 0 0;font-size:clamp(30px,4vw,50px);line-height:1;letter-spacing:-1.8px;color:var(--ink)}
body[data-design] .lab-notes-head h3 em{font-style:normal;color:var(--subtle);font-weight:450}
body[data-design] .lab-notes-head p{margin:0;color:var(--subtle);line-height:1.65;font-size:13px}
body[data-design] .lab-notes-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
body[data-design] .lab-note{position:relative;margin:0;min-height:330px;overflow:hidden;border:1px solid var(--edge);border-radius:calc(var(--radius) - 4px);background:var(--surface)}
body[data-design] .lab-note img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s ease,filter .3s ease}
body[data-design] .lab-note:hover img{transform:scale(1.025)}
body[data-design] .lab-note figcaption{position:absolute;left:10px;right:10px;bottom:10px;padding:11px 12px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--edge) 75%,transparent);border-radius:calc(var(--radius) - 8px)}
body[data-design] .lab-note figcaption strong,body[data-design] .lab-note figcaption span{display:block}
body[data-design] .lab-note figcaption strong{font-size:12px;color:var(--ink);margin-bottom:3px}
body[data-design] .lab-note figcaption span{font-size:10px;line-height:1.35;color:var(--subtle)}
body[data-design="editorial-future"] .lab-notes-grid{grid-template-columns:1.15fr .85fr 1fr .85fr 1.15fr;gap:16px}
body[data-design="editorial-future"] .lab-note{border-radius:0;border:0}
body[data-design="editorial-future"] .lab-note:nth-child(even){transform:translateY(24px)}
body[data-design="editorial-future"] .lab-note figcaption{border-radius:0;border-width:1px 0 0}
@media(max-width:1000px){body[data-design] .lab-notes-grid,body[data-design="editorial-future"] .lab-notes-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-design="editorial-future"] .lab-note:nth-child(even){transform:none}
}
@media(max-width:760px){body[data-design] .lab-notes-head{grid-template-columns:1fr;gap:14px;margin-top:38px}
body[data-design] .lab-notes-grid,body[data-design="editorial-future"] .lab-notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body[data-design] .lab-note{min-height:280px}
}
@media(max-width:430px){body[data-design] .lab-notes-grid,body[data-design="editorial-future"] .lab-notes-grid{grid-template-columns:1fr}
body[data-design] .lab-note{min-height:330px}
}
@media(prefers-reduced-motion:reduce){body[data-design] .lab-note img{transition:none!important}
body[data-design] .lab-note:hover img{transform:none!important}
}
body[data-design] .hero-workshop{margin:0;position:relative;overflow:hidden;border-radius:var(--radius);height:340px;background:var(--surface)}
body[data-design] .hero-workshop img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
body[data-design] .hero-workshop figcaption{position:absolute;inset:auto 0 0;padding:48px 20px 18px;background:linear-gradient(transparent,#03090de8);color:#fff;font-size:10px;font-weight:700;letter-spacing:1px}
body[data-design] .hero-workshop figcaption span{display:block;margin-top:6px;font-size:13px;font-weight:400;letter-spacing:0}
body[data-design] .repair-preview{margin-top:16px;padding:18px;background:var(--surface);border:1px solid var(--edge);border-radius:var(--radius);color:var(--ink);text-align:left}
.repair-preview ol{list-style:none;margin:18px 0 14px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.repair-preview li{font-size:10px;line-height:1.5;color:var(--subtle);border-top:2px solid var(--edge);padding-top:8px}
.repair-preview p{font-size:12px;line-height:1.65;margin:0 0 8px;color:var(--subtle)}
.repair-preview>a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;font-size:12px;color:var(--accent);font-weight:700}
body[data-design="editorial-future"] .hero-card{transform:none;margin-left:0;border-radius:0;min-width:0;padding:18px}
body[data-design="editorial-future"] .hero-workshop{height:380px;border-radius:160px 160px 0 0}
body[data-design="editorial-future"] .repair-preview{border-radius:0}
body[data-design] .preparation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body[data-design] .preparation-grid article{padding:24px;border-top:1px solid var(--accent);background:var(--surface);border-radius:var(--radius)}
.preparation-grid article>span{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--accent)}
.preparation-grid h3{font-size:20px;line-height:1.3;margin:18px 0 12px}
.preparation-grid p{font-size:14px;line-height:1.8;color:var(--subtle)}
.preparation-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;margin-top:22px;color:var(--accent);font-size:14px;font-weight:700}
@media(max-width:1000px){body[data-design] .preparation-grid{gap:12px}
.preparation-grid h3{font-size:18px}
body[data-design] .preparation-grid article{padding:20px}
}
@media(max-width:760px){body[data-design] .hero-workshop{height:280px}
body[data-design="editorial-future"] .hero-card{width:100%;margin:0}
body[data-design] .preparation-grid{grid-template-columns:1fr;gap:16px}
.repair-preview li{font-size:10px}
}
body[data-design="editorial-future"]{--bg:#d8f3fb;--surface:#bfe8f7;--ink:#080e14;--subtle:#3f6578;--accent:#006b9b;--edge:#94c9df;--radius:0px;font-family:'Helvetica Neue',Arial,sans-serif}
body[data-design="editorial-future"] .hero{padding:140px 0 55px;min-height:820px}
body[data-design="editorial-future"] .hero-inner{grid-template-columns:1.45fr .75fr;gap:0;align-items:start;padding-top:30px}
body[data-design="editorial-future"] .hero-copy{position:relative;z-index:3}
body[data-design="editorial-future"] .hero h1{font-size:clamp(65px,8vw,116px);line-height:.96;letter-spacing:-.07em;font-weight:500}
body[data-design="editorial-future"] .hero h1 span{font-family:'Helvetica Neue',Arial,sans-serif;font-style:normal;font-weight:700;color:#006b9b;letter-spacing:-.065em}
body[data-design="editorial-future"] .hero-copy>p{margin-left:12%;max-width:410px;font-size:15px}
body[data-design="editorial-future"] .hero-actions{margin-left:12%}
body[data-design="editorial-future"] .trust-row{margin-left:12%;max-width:410px;justify-content:space-between}
body[data-design="editorial-future"] .hero-card{margin-top:80px;margin-left:-60px;align-self:center;background:#006b9b;padding:20px 25px;color:#f5fbff;transform:rotate(4deg);border-radius:160px 160px 0 0}
body[data-design="editorial-future"] .hero-card-top{border:0;padding-top:20px;color:#f5fbff;justify-content:center}
body[data-design="editorial-future"] .hero-card-top>span:first-child{display:none}
body[data-design="editorial-future"] .hero-card-top .live b{color:#f5fbff}
body[data-design="editorial-future"] .hero-card-bottom{border-color:#67c8db;color:#f5fbff}
body[data-design="editorial-future"] .hero-card-bottom small{color:#edf8ff}
body[data-design="editorial-future"] .stats-strip{background:var(--accent);color:var(--bg);border:0}
body[data-design="editorial-future"] .stats-grid>div{border-color:#ffffff22;min-height:65px}
body[data-design="editorial-future"] .stats-grid p,body[data-design="editorial-future"] .stats-grid span{color:var(--bg)}
body[data-design="editorial-future"] .section-head{align-items:flex-start}
body[data-design="editorial-future"] .section-head>div{flex:1.5}
body[data-design="editorial-future"] .section-head>p{flex:1;padding-top:35px}
body[data-design="editorial-future"] .section h2{font-size:clamp(43px,5.4vw,75px);font-weight:500}
body[data-design="editorial-future"] .section h2 em{font-family:'Helvetica Neue',Arial,sans-serif;font-style:normal;color:#006b9b}
body[data-design="editorial-future"] .services-grid{grid-template-columns:repeat(2,1fr);gap:0 60px}
body[data-design="editorial-future"] .service-card{border:0;border-top:1px solid var(--accent);background:none;min-height:285px;padding:24px 0}
body[data-design="editorial-future"] .service-card:nth-child(even){margin-top:65px}
body[data-design="editorial-future"] .service-card h3{font-size:32px;font-weight:450}
body[data-design="editorial-future"] .service-icon{border:0;margin:0 0 12px}
body[data-design="editorial-future"] .service-number{font-size:40px;top:20px;right:0;letter-spacing:-3px;color:#006b9b}
body[data-design="editorial-future"] .card-link{left:0;bottom:24px}
body[data-design="editorial-future"] .service-card:hover{background:transparent}
body[data-design="editorial-future"] .showcase{order:2}
body[data-design="editorial-future"] .showcase-grid{grid-template-columns:.9fr 1.1fr;gap:90px}
body[data-design="editorial-future"] .showcase-image{border:0;border-radius:220px 220px 0 0;background:#bfe8f7;min-height:500px}
body[data-design="editorial-future"] .showcase-image::before{display:none}
body[data-design="editorial-future"] .services{order:3}
body[data-design="editorial-future"] .process-grid{border:0;gap:22px;overflow:visible}
body[data-design="editorial-future"] .process-card{background:none;border:0;border-top:1px solid var(--accent);padding:24px 0}
body[data-design="editorial-future"] .proof-grid{grid-template-columns:1.1fr .9fr;gap:85px}
body[data-design="editorial-future"] .proof-score{background:var(--accent);color:var(--bg);border:0;padding:50px}
body[data-design="editorial-future"] .proof-score p,body[data-design="editorial-future"] .proof-score .section-kicker{color:#edf8ff}
body[data-design="editorial-future"] .proof-score .btn-ghost{background:transparent;border-color:#edf8ff;color:var(--bg)}
body[data-design="editorial-future"] .location-card{border:0}
body[data-design="editorial-future"] .cta-box{background:var(--accent);color:var(--bg)}
body[data-design="editorial-future"] .cta-box::after{display:none}
body[data-design="editorial-future"] .cta-box h2{font:600 55px 'Helvetica Neue',Arial,sans-serif}
@media(max-width:1000px){body[data-design="editorial-future"] .hero h1{font-size:78px}
body[data-design="editorial-future"] .hero-card{margin-left:-30px}
body[data-design="editorial-future"] .showcase-grid{gap:40px}
body[data-design="editorial-future"] .proof-grid{grid-template-columns:1fr}
}
@media(max-width:760px){body[data-design="editorial-future"] .hero{padding:165px 0 40px;min-height:0}
body[data-design="editorial-future"] .hero-inner{grid-template-columns:1fr;padding-top:0;gap:30px}
body[data-design="editorial-future"] .hero h1{font-size:clamp(46px,13.5vw,72px)}
body[data-design="editorial-future"] .hero-copy>p,body[data-design="editorial-future"] .hero-actions,body[data-design="editorial-future"] .trust-row{margin-left:0}
body[data-design="editorial-future"] .hero-card{margin:0 auto;width:92%;transform:rotate(3deg);padding:20px}
body[data-design="editorial-future"] .services-grid{grid-template-columns:1fr}
body[data-design="editorial-future"] .service-card:nth-child(even){margin-top:0}
body[data-design="editorial-future"] .showcase-grid{grid-template-columns:1fr}
body[data-design="editorial-future"] .showcase-image{min-height:380px}
body[data-design="editorial-future"] .section h2{font-size:43px}
body[data-design="editorial-future"] .process-card{min-height:0}
body[data-design="editorial-future"] .process-card h3{margin-top:22px}
body[data-design="editorial-future"] .proof-score{padding:30px}
body[data-design="editorial-future"] .cta-box h2{font-size:44px}
}

.repair-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.repair-preview-heading strong{font-size:14px;line-height:1.4}

.repair-preview ol{list-style:none;margin:18px 0 14px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.repair-preview li{font-size:10px;line-height:1.5;color:var(--subtle);border-top:2px solid var(--edge);padding-top:8px}
.repair-preview .preview-complete,.repair-preview .preview-current{border-color:var(--accent);color:var(--ink)}
.repair-preview .preview-current{font-weight:700}
.repair-preview p{font-size:12px;line-height:1.65;margin:0 0 8px;color:var(--subtle)}
.repair-preview>a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;font-size:12px;color:var(--accent);font-weight:700}

/* Floating desktop shortcut alongside the WhatsApp button. */
body[data-design="editorial-future"] .back-to-top {
  position: fixed;
  right: 22px;
  bottom: 88px;
  z-index: 41;
  width: 54px;
  height: 54px;
  place-items: center;
  border: 1px solid var(--edge);
  border-radius: 18px;
  background: var(--surface);
  color: var(--ink);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .15);
  cursor: pointer;
  transition: transform .2s ease, background .2s ease;
}

body[data-design="editorial-future"] .back-to-top svg {
  width: 25px;
  height: 25px;
}

body[data-design="editorial-future"] .back-to-top:hover {
  transform: translateY(-3px);
  background: var(--accent-soft);
}

@media (min-width: 1001px) {
  body[data-design="editorial-future"] .back-to-top:not([hidden]) {
    display: grid;
  }
}

@media (max-width: 1000px), print {
  body[data-design="editorial-future"] .back-to-top {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-design="editorial-future"] .back-to-top {
    transition: none;
  }
}


/* Instagram profile card — uses only current Design System tokens. */
body[data-design] .instagram-section{
  padding-top:clamp(36px,5vw,72px);
  padding-bottom:clamp(36px,5vw,72px);
}
body[data-design] .instagram-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);
  min-height:300px;
  overflow:hidden;
  border:1px solid var(--edge);
  background:var(--surface);
  color:var(--ink);
  text-decoration:none;
  isolation:isolate;
}
body[data-design] .instagram-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,transparent 49.8%,var(--edge) 50%,transparent 50.2%),
    linear-gradient(transparent 49.8%,var(--edge) 50%,transparent 50.2%);
  background-size:88px 88px;
  opacity:.35;
  mask-image:linear-gradient(90deg,transparent 0%,#000 58%,#000 100%);
}
body[data-design] .instagram-card::after{
  content:"";
  position:absolute;
  right:-90px;
  top:-150px;
  z-index:-1;
  width:430px;
  height:430px;
  border:1px solid var(--accent);
  border-radius:50%;
  opacity:.35;
}
body[data-design] .instagram-card-copy{
  align-self:end;
  padding:clamp(30px,4.5vw,64px);
}
body[data-design] .instagram-card-copy h2{
  margin:10px 0 18px;
  font-size:clamp(48px,7vw,94px);
  line-height:.92;
  letter-spacing:-.065em;
  color:var(--ink);
  overflow-wrap:anywhere;
}
body[data-design] .instagram-card-copy p{
  max-width:540px;
  margin:0;
  color:var(--subtle);
  font-size:15px;
  line-height:1.7;
}
body[data-design] .instagram-cta{
  display:inline-flex;
  align-items:center;
  gap:14px;
  min-height:44px;
  margin-top:28px;
  color:var(--accent);
  font-size:13px;
  font-weight:750;
}
body[data-design] .instagram-cta b{
  font-size:18px;
  font-weight:500;
  transition:transform .2s ease;
}
body[data-design] .instagram-card-art{
  position:relative;
  display:grid;
  place-items:center;
  min-height:300px;
  border-left:1px solid var(--edge);
  background:var(--accent-soft);
}
body[data-design] .instagram-card-art svg{
  width:clamp(92px,11vw,148px);
  height:clamp(92px,11vw,148px);
  stroke:var(--accent);
  stroke-width:1.15;
  vector-effect:non-scaling-stroke;
}
body[data-design] .instagram-orbit{
  position:absolute;
  width:min(78%,270px);
  aspect-ratio:1;
  border:1px solid var(--edge);
  border-radius:50%;
}
body[data-design] .instagram-orbit::before,
body[data-design] .instagram-orbit::after{
  content:"";
  position:absolute;
  inset:16%;
  border:1px solid var(--edge);
  border-radius:50%;
}
body[data-design] .instagram-orbit::after{inset:34%}
body[data-design] .instagram-handle{
  position:absolute;
  right:18px;
  bottom:18px;
  color:var(--subtle);
  font-size:9px;
  font-weight:750;
  letter-spacing:1.4px;
  writing-mode:vertical-rl;
}
@media(hover:hover) and (pointer:fine){
  body[data-design] .instagram-card{
    transition:transform .22s ease,border-color .22s ease;
  }
  body[data-design] .instagram-card:hover{
    transform:translateY(-4px);
    border-color:var(--accent);
  }
  body[data-design] .instagram-card:hover .instagram-cta b{transform:translate(4px,-4px)}
  body[data-design] .instagram-card:hover .instagram-card-art svg{transform:scale(1.035)}
  body[data-design] .instagram-card-art svg{transition:transform .25s ease}
}
@media(max-width:760px){
  body[data-design] .instagram-card{grid-template-columns:1fr}
  body[data-design] .instagram-card-copy{padding:28px 24px 32px}
  body[data-design] .instagram-card-copy h2{font-size:clamp(44px,14vw,66px)}
  body[data-design] .instagram-card-art{min-height:220px;border-left:0;border-top:1px solid var(--edge)}
  body[data-design] .instagram-handle{writing-mode:horizontal-tb;right:18px;bottom:14px}
}
@media(prefers-reduced-motion:reduce){
  body[data-design] .instagram-card,
  body[data-design] .instagram-card-art svg,
  body[data-design] .instagram-cta b{transition:none!important}
  body[data-design] .instagram-card:hover{transform:none!important}
  body[data-design] .instagram-card:hover .instagram-card-art svg{transform:none!important}
}