:root{--ui-font:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;--ink:#152225;--muted:#5d6c6a;--paper:#f7f8f5;--glass:rgba(255,255,255,.67);--glass-line:rgba(255,255,255,.88);--glass-shadow:0 18px 48px -30px #283c3638,0 2px 8px #283c3605;--glass-blur:blur(22px) saturate(145%)}
html{scroll-padding-top:116px}body{font-family:var(--ui-font);background:#f7f8f5;isolation:isolate;-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 96% 4%,#f9d6bf60 0,transparent 38%),radial-gradient(ellipse at 1% 37%,#d6e4d34d 0,transparent 36%),radial-gradient(ellipse at 91% 78%,#ecded54a 0,transparent 34%)}h1,h2,h3,h4{font-family:var(--ui-font)}h1{font-weight:700;letter-spacing:-.061em;line-height:1.045}h2{font-weight:650;letter-spacing:-.048em;line-height:1.1}h3{font-weight:650;letter-spacing:-.028em}.hero h1 em{color:#d94d23;background:linear-gradient(110deg,#e85b29,#c94218);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-lead{letter-spacing:-.015em;line-height:1.65}.hero-note{gap:18px}.eyebrow{letter-spacing:.12em;font-weight:650}.topline{background:#1e2b2b;color:#f0f3ed}.topline .dot{box-shadow:0 0 9px #d6ed9c38}.header{padding:12px 0;background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none!important}.header.is-scrolled{background:transparent}.header .nav{height:72px;padding:0 23px;position:relative;border-radius:23px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.95);backdrop-filter:blur(26px) saturate(165%);-webkit-backdrop-filter:blur(26px) saturate(165%);box-shadow:0 8px 34px #20342a09,inset 0 1px 0 #fff;transition:background .25s,box-shadow .25s}.header.is-scrolled .nav{background:rgba(255,255,255,.85);box-shadow:0 9px 32px #20342a12,inset 0 1px 0 #fff}.logo b{font-family:var(--ui-font);font-size:24px;font-weight:700;letter-spacing:-1.1px}.logo b span{font-weight:450}.logomark{position:relative;isolation:isolate;transform:none;border-radius:11px;border:1px solid #ff9e75;background:linear-gradient(145deg,#ffaf7a 0,#ff753f 20%,#ee501d 62%,#dc4216 100%);box-shadow:inset 0 1px 1px #ffffffed,inset 1px 0 2px #fff8,inset 0 -3px 5px #c23b2770,0 3px 7px #e455202b;overflow:hidden}.logomark:before{content:'';position:absolute;inset:1px;border-radius:8px;z-index:-1;border:1px solid #fff5;background:linear-gradient(145deg,#fff8,transparent 43%,#ffd99b44)}.logomark:after{content:'';position:absolute;left:-5px;right:-5px;top:-17px;height:35px;border-radius:50%;background:linear-gradient(#ffffffb3,#fff0);transform:rotate(-16deg);pointer-events:none}.logomark svg{filter:drop-shadow(0 1px 1px #ba41194d);position:relative;z-index:1}.navlinks{font-size:13px;font-weight:550;gap:28px}.navlinks a{transition:color .2s}.nav-actions{font-size:13px}.nav-actions .btn{font-size:13px;padding:13px 21px}.btn{position:relative;isolation:isolate;overflow:hidden;border-radius:999px;background:linear-gradient(160deg,#d2471a,#bf3a13);border:1px solid #bd3b16;box-shadow:inset 0 1px 0 #ffaf8b99,inset 0 -1px 0 #a32d1130,0 5px 13px #ba45121a;font-weight:550;letter-spacing:-.01em;transition:transform .22s,box-shadow .22s,background .22s}.btn:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ffffff10,transparent 42%);z-index:-1}.btn:hover{background:linear-gradient(160deg,#c44117,#ab3010);box-shadow:inset 0 1px 0 #ffb39570,0 8px 20px #ba451225;transform:translateY(-2px)}.btn:active{transform:translateY(0);box-shadow:inset 0 2px 5px #63200a20}.btn.outline{background:rgba(255,255,255,.58);border:1px solid #d5ddd3;box-shadow:inset 0 1px 0 #fff,0 3px 10px #253b2f04;color:var(--ink)}.btn.outline:hover{background:rgba(255,255,255,.94);box-shadow:inset 0 1px 0 #fff,0 5px 16px #253b2f0b}.btn.light{background:rgba(255,255,255,.91);color:#142223;border:1px solid #fff9;box-shadow:inset 0 1px 0 #fff,0 7px 17px #071c1814}.btn.dark{background:linear-gradient(150deg,#3d4e49,#172b25);border-color:#182e26}.hero{padding-top:44px;padding-bottom:62px}.hero h1{font-size:clamp(43px,5.5vw,76px)}.hero-buttons{gap:12px}.device-scene{border-radius:38px;background:radial-gradient(ellipse at 78% 15%,#fff9,transparent 60%),linear-gradient(145deg,#e5ece3c9,#eef0e6bf 55%,#f8dfcebf);border:1px solid #ffffffe6;box-shadow:inset 0 2px 2px #fff,0 20px 50px -26px #394e3433;isolation:isolate}.device-scene:before{width:340px;height:340px;top:47%;left:50%;border:1px solid #ffffffb8;background:linear-gradient(145deg,#ffffff30,#f7f4e73d 45%,#ffb47728);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:inset 5px 4px 10px #fff9,inset -8px -8px 22px #df875122,0 14px 35px #727e5f0d;transform:translate(-50%,-50%) rotate(22deg)}.device-scene:after{width:490px;height:185px;border:20px solid #f68e4b35;background:linear-gradient(130deg,#fff4,#f9954f12 45%,#fff2);border-radius:50%;transform:translate(-50%,-50%) rotate(-31deg);box-shadow:inset 0 3px 4px #ffffffe0,inset 0 -7px 13px #db74392e,0 2px 2px #fff9,0 12px 19px #8e704619;top:55%;left:54%;z-index:1;pointer-events:none}.scene-label{letter-spacing:.14em;font-weight:600;color:#42564b}.scene-corner{letter-spacing:.05em}.phone.front{box-shadow:6px 17px 30px #19382d40,inset 0 0 1px #fff9}.phone.back{box-shadow:-5px 10px 20px #19382d12,inset 1px 0 2px #fff8}.status-card{background:rgba(255,255,255,.7);border:1px solid #ffffffe0;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:16px;box-shadow:inset 0 1px 0 #fff,0 8px 25px #24372c0e;padding:14px 18px}.status-card b{font-weight:600}.status-icon{border:1px solid #fff9;background:#eef5e4a6;box-shadow:inset 0 1px 0 #fff}.floating-tool{border:1px solid #ffb687;background:linear-gradient(145deg,#ffb17dcc,#f0763fbd 40%,#ed5a20e6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 2px #ffffffe6,inset 0 -3px 5px #b945213d,0 8px 19px #a8451b26;border-radius:17px}.brand-strip{background:#ffffff45;border-color:#dde4dbb3}.brand{color:#374640}.section-head p{font-size:15px;line-height:1.7}.repair-card{background:var(--glass);border:1px solid var(--glass-line);border-radius:24px;backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%);box-shadow:var(--glass-shadow),inset 0 1px 0 #fff;overflow:hidden}.repair-card:before{content:'';position:absolute;top:0;left:15%;width:70%;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent);pointer-events:none}.repair-card:hover{border-color:#c9d7c3;background:#ffffffd9;box-shadow:0 18px 32px -20px #2941312e,inset 0 1px 0 #fff}.card-icon{border-radius:13px;background:linear-gradient(145deg,#ffffffd9,#e8eee3bf);border:1px solid #fff;box-shadow:inset 0 1px 1px #fff,0 2px 5px #30452e08}.repair-card.special{background:linear-gradient(140deg,#31463df5,#1b2e27f2);border-color:#6073644d;box-shadow:inset 0 1px 0 #a6baa540,0 18px 36px -22px #203b3155}.repair-card.special:hover{background:linear-gradient(140deg,#3a5146,#22392e)}.repair-card.special .card-icon{background:linear-gradient(145deg,#697e6359,#3a54402e);border:1px solid #a9c3943b;box-shadow:inset 0 1px 0 #c3d8b329}.dark-section{position:relative;overflow:hidden;background:radial-gradient(ellipse at 0 0,#6d896445,transparent 65%),linear-gradient(125deg,#283b32,#152a24);border:1px solid #536c5566;border-radius:34px;box-shadow:inset 0 1px 0 #b7c5ad38,0 24px 45px -33px #29413166}.dark-section:before{content:'';position:absolute;width:390px;height:390px;left:-170px;top:-150px;border-radius:50%;border:1px solid #d2e7b01a;background:linear-gradient(160deg,#ffffff08,#ffffff00);pointer-events:none}.dark-section h2{font-size:40px;position:relative}.dark-section .steps{position:relative}.step{border-color:#9bb39826}.device-link{border-radius:25px;border:1px solid #ffffffe6;background:linear-gradient(135deg,#ffffff80,#dce7d5a3);box-shadow:inset 0 1px 0 #fff,var(--glass-shadow);transition:transform .25s,box-shadow .25s}.device-link:nth-child(2){background:linear-gradient(135deg,#ffffffa6,#e0e2f2a6)}.device-link:nth-child(3){background:linear-gradient(135deg,#ffffffa6,#edddc5a6)}.device-link:hover{box-shadow:inset 0 1px 0 #fff,0 17px 30px -22px #30452d50;transform:translateY(-4px)}.quote-section{background:radial-gradient(ellipse at 5% 0,#d3e3c6a3,transparent 60%),radial-gradient(ellipse at 95% 100%,#f4d2b938,transparent 60%),#eaf0e5;border-top:1px solid #ffffffd9;border-bottom:1px solid #ffffffd9}.quote-box{background:#ffffffc9;border:1px solid #fffffff2;border-radius:30px;backdrop-filter:blur(25px) saturate(135%);-webkit-backdrop-filter:blur(25px) saturate(135%);box-shadow:inset 0 1px 0 #fff,0 25px 65px -35px #3f573638,0 3px 8px #3f573604;overflow:visible}.form-progress{gap:5px}.progress-dot{background:#dfe7d9a6}.progress-dot.active{background:linear-gradient(90deg,#d64518,#ef8753)}.brand-option{background:linear-gradient(145deg,#ffffffe6,#eff3e9a6);border:1px solid #dfe6d8;border-radius:17px;box-shadow:inset 0 1px 0 #fff,0 2px 5px #273a2503}.brand-option:hover,.brand-option.selected{background:linear-gradient(145deg,#fff9f2,#ffe8d9b3);border-color:#e6ab8b;box-shadow:inset 0 1px 0 #fff,0 4px 11px #cf6e3820}.brand-pill{border-radius:999px;border:1px solid #ffffffe6;background:#e7efdfc9;box-shadow:inset 0 1px 0 #fff}.quote-box input,.quote-box select,.quote-box textarea{border-radius:13px;background:#ffffffb3;border-color:#d9e2d3;box-shadow:inset 0 1px 2px #31432905;transition:border-color .2s,box-shadow .2s}.quote-box input:focus,.quote-box textarea:focus{outline:0;border-color:#8ba581;box-shadow:0 0 0 3px #8ba5811f;background:#fffffff2}.quote-box [aria-invalid=true]{border-color:#c74b2a}.model-options{background:#fffffff5;border:1px solid #fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 14px 36px #2c42241f,inset 0 1px 0 #fff;border-radius:16px;padding:6px}.model-option{background:transparent;border-radius:9px}.model-option:hover,.model-option[aria-selected=true]{background:#eaf2e4}.model-custom{border-color:#e3e9dd;background:transparent}.popular-models button{border-radius:999px;background:#ffffff96;border-color:#d9e4d1;font-size:11px}.issue-option{background:#ffffff9c;border-color:#dce5d6;border-radius:14px;box-shadow:inset 0 1px 0 #fff}.issue-option:hover{background:#fffffff2;border-color:#bfcfb4}.issue-option.selected{background:linear-gradient(140deg,#fff9f2,#ffeddf);border-color:#e39b74;box-shadow:inset 0 1px 0 #fff,0 3px 8px #ce795c0a}.issue-option small{color:#5f6f62}.request-details{background:linear-gradient(145deg,#f4f8eecf,#eaf1e1a6);border:1px solid #ffffffe6;border-radius:19px;box-shadow:inset 0 1px 0 #fff}.model-help,.summary-box{background:#eff4e7c9;border-color:#dce6d3;border-radius:13px}.area-chip{background:#ffffffb3;border:1px solid #fffffff2;border-radius:15px;box-shadow:inset 0 1px 0 #fff,0 3px 8px #334a2c05;transition:transform .2s,border-color .2s}.area-chip:hover{transform:translateY(-2px);border-color:#c7d7bc}.area-chip.primary{background:linear-gradient(140deg,#415747,#233c2c);border-color:#59705d;box-shadow:inset 0 1px 0 #a4b39a3d}.faq-section{border-top-color:#dce4d5}.faq-layout details{border-bottom-color:#dce4d5}.bottom-cta{border:1px solid #f09b6d;border-radius:29px;background:radial-gradient(ellipse at 30% 0,#f4945e44,transparent 70%),linear-gradient(120deg,#bc3915,#d84b1f);box-shadow:inset 0 1px 1px #ffdbc599,0 16px 35px -24px #a6493066}.bottom-cta p{color:#fff0e7}.footer{background:linear-gradient(#eff3eae6,#eaf0e5f2);border-top:1px solid #fff}.footer-bottom{border-color:#d7e0d0}.mobile-bar{background:#f7faf1e0;backdrop-filter:blur(25px) saturate(155%);-webkit-backdrop-filter:blur(25px) saturate(155%);border-color:#ffffffe6;box-shadow:0 -8px 25px #24392308}.mobile-bar .btn{border-radius:999px}.back-to-top{background:#ffffffb3;border:1px solid #fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #fff,0 6px 18px #253b2c12}.subhero{padding-top:30px}.subhero h1{font-weight:700;letter-spacing:-.052em}.sub-visual{border:1px solid #fff;border-radius:34px;background:radial-gradient(circle at 30% 0,#ffffffc9,transparent 65%),linear-gradient(145deg,#e4ecdf,#f1dfcb80);box-shadow:inset 0 1px 1px #fff,var(--glass-shadow)}.sub-visual>.big-icon{color:#607657;filter:drop-shadow(0 2px 1px #ffffffa6)}.subbody{background:#ffffff59;border-top-color:#ffffffe6}.aside-box,.contact-card{background:#ffffffa6;border:1px solid #ffffffe6;border-radius:24px;box-shadow:inset 0 1px 0 #fff,var(--glass-shadow)}.aside-box{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.mini-links a{border-radius:999px;background:#fff9;border-color:#d5dfce}.article th{background:#eaf0e3b3}.article td,.article th{border-color:#dde5d5}
@media(max-width:1050px){.header .nav{padding:0 18px}.navlinks{gap:18px}.logo b{font-size:22px}.hero h1{font-size:58px}}
@media(max-width:760px){html{scroll-padding-top:100px}.header{padding:8px 0}.header .nav{height:64px;border-radius:20px;padding:0 12px;width:calc(100% - 24px);background:#ffffffd1;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}.logo{gap:8px}.logo b{font-size:20px;letter-spacing:-.9px}.logomark{width:31px;height:34px;border-radius:10px}.nav-actions{gap:7px}.nav-actions .btn{font-size:12px;padding:11px 14px;min-height:42px}.menu-toggle{font-size:22px;width:33px}.navlinks{top:calc(100% + 8px);left:0;right:0;padding:15px 19px;background:#fafff6f5;border:1px solid #fff;border-radius:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 16px 32px #253b2c14}.navlinks a{font-size:14px;min-height:44px}.hero{padding-top:28px;padding-bottom:38px}.hero h1{font-size:49px;letter-spacing:-.058em}.hero-lead{font-size:16px}.hero-buttons .btn{padding:15px 19px}.device-scene{border-radius:29px}.device-scene:before{width:275px;height:275px;backdrop-filter:none;-webkit-backdrop-filter:none}.device-scene:after{width:365px;height:145px;border-width:16px}.status-card{border-radius:14px;padding:11px 13px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.floating-tool{border-radius:14px;backdrop-filter:none;-webkit-backdrop-filter:none}.repair-card{border-radius:20px;background:#ffffffd9;backdrop-filter:none;-webkit-backdrop-filter:none}.card-icon{border-radius:12px}.dark-section{border-radius:27px;padding:32px 25px}.dark-section h2{font-size:33px}.device-link{border-radius:23px}.quote-box{border-radius:25px;padding:24px 20px;background:#ffffffe0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.quote-intro h2{font-size:36px}.brand-option{border-radius:15px;min-height:102px}.quote-box .field-group>label{font-size:13px}.issue-option{border-radius:13px}.issue-option b{font-size:12px}.issue-option small{font-size:10px}.popular-models button{font-size:11px;min-height:38px}.model-option{min-height:47px}.form-actions .btn{font-size:13px;padding:14px 18px}.area-chip{border-radius:14px}.bottom-cta{border-radius:25px;padding:32px 25px}.bottom-cta h2{font-size:29px}.subhero{padding-top:21px}.subhero h1{font-size:41px}.aside-box,.contact-card{border-radius:22px}.aside-box{backdrop-filter:none;-webkit-backdrop-filter:none}.mobile-bar{padding-top:10px;padding-bottom:max(10px,env(safe-area-inset-bottom));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.mobile-bar .btn{min-height:45px}.back-to-top{bottom:88px}.model-options{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fffffff9}}
@media(max-width:370px){.logo b{font-size:18px}.logomark{width:28px;height:31px}.logo{gap:6px}.nav-actions .btn{font-size:11px;padding:10px 11px}.menu-toggle{width:28px}.header .nav{padding:0 10px}.hero h1{font-size:44px}.quote-box{padding:23px 16px}}
@supports not (backdrop-filter:blur(1px)){.header .nav,.header.is-scrolled .nav,.navlinks,.status-card,.repair-card,.quote-box,.model-options,.aside-box,.mobile-bar,.back-to-top{background:#fafcf7}.repair-card.special{background:#243c2d}.device-scene:before{background:#eef1e5}}
@media(prefers-reduced-transparency:reduce){.header .nav,.header.is-scrolled .nav,.navlinks,.status-card,.repair-card,.quote-box,.model-options,.aside-box,.mobile-bar,.back-to-top{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fafcf7}.repair-card.special{background:#243c2d}}
@media(prefers-reduced-motion:reduce){.header .nav,.btn,.device-link,.area-chip,.brand-option,.quote-box input,.quote-box textarea{transition:none}.btn:hover,.device-link:hover,.area-chip:hover,.brand-option:hover{transform:none}}
