/* IranFixit public-home signature: repair-lab / cinematic, without replacing brand tokens. */
.ix-scroll-progress{position:fixed;inset:0 0 auto;z-index:1200;height:3px;pointer-events:none;background:transparent}
.ix-scroll-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--h-accent),var(--h-brand),#18b5a4);transform:scaleX(0);transform-origin:right center;will-change:transform}
.h-header:after{content:"";position:absolute;inset:auto 0 -1px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--h-brand) 50%,transparent),color-mix(in srgb,#18b5a4 55%,transparent),transparent);opacity:.7}
.ix-hero-stage{padding-block:clamp(20px,4vw,48px) 18px}
.home-primary-title{display:table;margin:0 0 10px;padding:6px 11px;border:1px solid color-mix(in srgb,var(--h-brand) 20%,var(--h-line));border-radius:999px;background:color-mix(in srgb,var(--h-brand) 6%,var(--h-surface));color:var(--h-muted);font-size:clamp(11px,1vw,13px);font-weight:900;line-height:1.6;letter-spacing:0}
.ix-hero-stage .h-hero-carousel{border:1px solid rgba(255,255,255,.12);border-radius:clamp(24px,3vw,38px);background:radial-gradient(ellipse at 76% 2%,color-mix(in srgb,var(--h-brand) 36%,transparent),transparent 36%),radial-gradient(ellipse at 9% 100%,rgba(18,181,164,.22),transparent 34%),linear-gradient(122deg,#10182a 0%,#151f37 53%,#0b3538 120%);box-shadow:0 35px 90px rgba(12,20,38,.2);color:#f8fafc}
.ix-hero-stage .h-hero-carousel:before{inset:-35% auto auto 34%;width:min(62vw,720px);height:min(62vw,720px);border:1px solid rgba(255,255,255,.09);background:radial-gradient(circle,rgba(255,255,255,.045) 0 38%,transparent 39% 50%,rgba(255,255,255,.055) 50.2% 50.4%,transparent 50.6%);filter:none;z-index:0}
.ix-hero-stage .h-hero-carousel:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.23;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent 4%,#000 60%,transparent)}
.ix-hero-stage .h-hero-slide{position:relative;z-index:1;min-height:clamp(520px,65svh,710px);grid-template-columns:minmax(0,1fr) minmax(350px,.94fr);gap:clamp(20px,5vw,72px);padding:clamp(30px,6vw,78px)}
.ix-hero-stage .h-hero-copy{position:relative;z-index:2;max-width:690px}
.ix-hero-stage .h-hero-copy .h-kicker{border-color:rgba(150,239,226,.28);background:rgba(20,184,166,.12);color:#a7f3e7;letter-spacing:.01em}
.ix-hero-stage .h-hero-copy h1,.ix-hero-stage .h-hero-copy h2{max-width:13ch;margin:22px 0 18px;color:#fff;font-size:clamp(38px,5.35vw,72px);font-weight:950;line-height:1.23;letter-spacing:-.045em;text-wrap:balance}
.ix-hero-stage .h-hero-copy .h-lead{max-width:54ch;color:rgba(237,244,255,.75);font-size:clamp(15px,1.4vw,18px);line-height:2.05}
.ix-hero-stage .h-hero-actions{margin-top:28px}
.ix-hero-stage .h-hero-actions .h-btn.primary{background:linear-gradient(115deg,var(--h-brand),#786cff);box-shadow:0 12px 34px color-mix(in srgb,var(--h-brand) 38%,transparent)}
.ix-hero-stage .h-hero-actions .h-btn.soft{border-color:rgba(255,255,255,.19);background:rgba(255,255,255,.075);color:#fff}
.ix-hero-stage .h-hero-pills{gap:8px;margin-top:24px}
.ix-hero-stage .h-hero-pills span{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:rgba(237,244,255,.77);backdrop-filter:blur(8px)}
.ix-hero-stage .h-hero-pills svg{color:#6ee7b7}
.ix-hero-stage .h-hero-media{z-index:1;min-height:clamp(310px,39vw,500px);isolation:isolate}
.ix-hero-stage .h-hero-media:before{z-index:-1;width:86%;height:82%;border:1px solid rgba(255,255,255,.13);border-radius:44% 56% 52% 48%;background:radial-gradient(ellipse at 45% 45%,rgba(91,77,247,.27),rgba(20,184,166,.13) 52%,transparent 72%);transform:rotate(-12deg);filter:blur(1px)}
.ix-hero-stage .h-hero-media:after{content:"";position:absolute;z-index:-1;inset:7% 4% 5% 7%;border:1px solid rgba(255,255,255,.15);border-radius:48%;transform:rotate(24deg);box-shadow:0 0 60px rgba(20,184,166,.1),inset 0 0 44px rgba(91,77,247,.09)}
.ix-hero-stage .h-hero-media img{z-index:1;max-height:clamp(300px,38vw,475px);filter:drop-shadow(0 34px 34px rgba(0,0,0,.32));transform:translateZ(25px)}
.ix-repair-trace{position:absolute;z-index:3;right:0;bottom:3%;width:min(390px,94%);padding:14px 16px 12px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(11,19,35,.76);box-shadow:0 18px 48px rgba(0,0,0,.25);backdrop-filter:blur(18px)}
.ix-trace-label{display:flex;align-items:center;gap:7px;color:#d9e5f4;font-size:11px;font-weight:900}
.ix-trace-label svg{width:15px;color:#72e3cb}
.ix-repair-trace ol{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 0;padding:0;list-style:none}
.ix-repair-trace ol:before{content:"";position:absolute;top:11px;right:15%;left:15%;height:1px;background:linear-gradient(90deg,rgba(20,184,166,.2),rgba(135,125,255,.8),rgba(20,184,166,.2))}
.ix-repair-trace li{position:relative;display:grid;justify-items:center;gap:5px;color:rgba(237,244,255,.72);font-size:10px;text-align:center}
.ix-repair-trace li b{display:grid;width:23px;height:23px;place-items:center;border:1px solid rgba(126,239,220,.56);border-radius:50%;background:#142c39;color:#a7f3e7;font-size:9px}
.ix-hero-stage .h-hero-controls{left:clamp(24px,4vw,54px);bottom:clamp(20px,3vw,34px)}
.ix-hero-stage .h-hero-dot{background:rgba(255,255,255,.32)}
.ix-hero-stage .h-hero-dot.active{background:#fff}
.ix-hero-stage .h-hero-arrow{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(8px)}
.ix-hero-stage .h-hero-arrows{right:clamp(24px,4vw,54px);bottom:clamp(16px,2.5vw,28px)}
.h-container.h-live-stats{margin-top:12px}
.h-live-stat{transition:border-color .2s ease,background .2s ease}
.h-live-stat:hover{border-color:color-mix(in srgb,var(--h-brand) 42%,var(--h-line));background:linear-gradient(145deg,var(--h-surface),color-mix(in srgb,var(--h-brand) 11%,var(--h-surface)))}
.h-section{scroll-margin-top:88px}
.h-head h2,.h-hero-copy h1,.h-hero-copy h2{text-wrap:balance}
.ix-reveal{will-change:transform,opacity}
@media(max-width:980px){.ix-hero-stage .h-hero-slide{grid-template-columns:1fr;gap:10px;min-height:0}.ix-hero-stage .h-hero-media{order:-1;min-height:clamp(280px,48vw,430px)}.ix-hero-stage .h-hero-media img{max-height:clamp(270px,42vw,390px)}.ix-hero-stage .h-hero-copy{max-width:760px}.ix-hero-stage .h-hero-copy h1,.ix-hero-stage .h-hero-copy h2{max-width:16ch}}
@media(max-width:650px){.ix-hero-stage{padding-top:14px}.ix-hero-stage .h-hero-carousel{border-radius:23px}.ix-hero-stage .h-hero-slide{padding:18px 17px 70px;gap:2px}.ix-hero-stage .h-hero-media{min-height:230px;margin-bottom:8px}.ix-hero-stage .h-hero-media img{max-height:225px}.ix-repair-trace{right:0;bottom:0;width:min(100%,350px);padding:10px 12px;border-radius:15px}.ix-trace-label{font-size:10px}.ix-repair-trace ol{margin-top:8px}.ix-repair-trace li{font-size:9px}.ix-hero-stage .h-hero-copy h1,.ix-hero-stage .h-hero-copy h2{max-width:none;margin:8px 0 10px;font-size:clamp(31px,8vw,42px);letter-spacing:-.035em}.ix-hero-stage .h-hero-copy .h-lead{font-size:14px;line-height:1.9}.ix-hero-stage .h-hero-pills{grid-template-columns:1fr 1fr;margin-top:12px}.ix-hero-stage .h-hero-pills span{justify-content:center;padding:6px;font-size:9px}.ix-hero-stage .h-hero-pills span:last-child{grid-column:1/-1}.ix-hero-stage .h-hero-actions{margin-top:16px}.ix-hero-stage .h-hero-controls{left:15px;bottom:21px}.ix-hero-stage .h-hero-arrows{right:15px;bottom:15px}.h-live-stat{min-height:90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ix-scroll-progress span{will-change:auto}.ix-reveal{will-change:auto}}