:root{ --blue:#0063A4; --blue-d:#00558D; --navy:#0A4A78; --navy-d:#052E4E; --navy-m:#0B4370; --navy-l:#1D5E8F; --orange:#F5A623; --orange-d:#D98D0C; --ink:#16202B; --mute:#6B7C8C; --line:#DCE5EC; --steel:#F2F6FA; --white:#fff; --green:#2E7D5B; --green-l:#EAF6F0; --radius:10px; --wrap:1240px; } *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif; color:var(--ink);background:var(--white);line-height:1.5;-webkit-font-smoothing:antialiased;position:relative} .wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px} a{color:inherit;text-decoration:none} button{font-family:inherit} .kicker{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange)} h2{font-size:32px;line-height:1.15;font-weight:800;letter-spacing:-.02em} .lead{font-size:16.5px;color:var(--mute);max-width:830px;margin-top:9px} section{padding:54px 0} .topbar{background:var(--navy-d);color:#9FB6CC;font-size:12.5px} .topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:34px;gap:20px} .topbar a:hover{color:#fff} .topbar .tb-right{display:flex;gap:22px;align-items:center} header.main{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--line)} header.main .wrap{display:flex;align-items:center;gap:30px;height:68px} .logo{display:flex;align-items:center;gap:13px;flex-shrink:0} .logo img{height:34px;width:auto;display:block} @media(max-width:560px){.logo img{height:28px}} .logo .txt{border-left:1px solid var(--line);padding-left:13px} .logo .txt b{display:block;font-size:12.5px;font-weight:700;line-height:1.2;color:var(--navy)} .logo .txt span{display:block;font-size:10.5px;color:var(--mute);line-height:1.3;margin-top:2px} @media(max-width:960px){.logo .txt{display:none}} nav.primary{display:flex;gap:24px;align-items:center;flex:1} nav.primary a{font-size:15px;font-weight:600;padding:5px 0;border-bottom:2px solid transparent;white-space:nowrap} nav.primary a:hover{border-color:var(--orange)} nav.primary a.hot{color:var(--navy)} nav.primary a.hot::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%; background:var(--orange);margin-right:7px;vertical-align:2px} .head-actions{display:flex;align-items:center;gap:13px;flex-shrink:0} .phone{font-size:15.5px;font-weight:800;white-space:nowrap} .phone small{display:block;font-size:10.5px;font-weight:500;color:var(--mute)} .icon-btn{width:38px;height:38px;border:1px solid var(--line);border-radius:9px; display:grid;place-items:center;position:relative;background:#fff} .icon-btn:hover{border-color:var(--navy)} .icon-btn .dot{position:absolute;top:-5px;right:-5px;background:var(--orange);color:var(--navy-d); font-size:10px;font-weight:800;min-width:17px;height:17px;border-radius:9px;display:grid;place-items:center} @media(min-width:1081px) and (max-width:1380px){ .logo .txt{display:none} header.main .wrap{gap:20px} nav.primary{gap:16px} } .head-nav{display:contents} .head-nav-extra,.head-burger{display:none} @media(max-width:1080px){ header.main .wrap{gap:14px;justify-content:space-between} .head-burger{display:grid;cursor:pointer} .head-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff; border-bottom:1px solid var(--line);box-shadow:0 14px 30px rgba(8,32,54,.12); max-height:calc(100vh - 68px);overflow-y:auto} header.main.nav-open .head-nav{display:block} .head-nav nav.primary{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:4px 0} .head-nav nav.primary a{padding:14px 20px;font-size:16px;border-bottom:1px solid var(--line)} .head-nav nav.primary a:hover{border-color:var(--line);background:var(--steel)} } @media(max-width:620px){ .wrap{padding:0 16px} .topbar{display:none} header.main .wrap{height:60px} .head-actions{gap:8px} .head-actions .phone{display:none} .head-nav{max-height:calc(100vh - 60px)} .head-nav nav.primary a{padding:14px 16px} .head-nav-extra{display:flex;flex-direction:column;padding:8px 16px 16px} .head-nav-extra a{padding:9px 0;font-size:14px;color:var(--mute)} .head-nav-extra .head-nav-phone{font-size:17px;font-weight:800;color:var(--ink)} .head-nav-phone small{display:block;font-size:11px;font-weight:500;color:var(--mute)} } .hero{background: radial-gradient(900px 420px at 78% 4%, rgba(255,255,255,.06), transparent 60%), linear-gradient(160deg,#0A4A78 0%,#04263F 100%); color:#fff;position:relative;overflow:hidden} .hero .wrap{position:relative;z-index:2} .hero h1 em{font-style:normal;color:var(--orange)} .heromark{position:absolute;top:50%;right:-7%;transform:translateY(-50%); width:min(1020px,74%);opacity:.05;pointer-events:none;user-select:none;z-index:1} .heromark img{width:100%;height:auto;display:block} @media(max-width:1080px){.heromark{right:-22%;width:90%;opacity:.04}} @media(max-width:760px){.heromark{display:none}} .hero-home{padding:46px 0 0} .hero-home .pre{font-size:12.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#8FA9C2} .hero-home h1{font-size:42px;line-height:1.1;font-weight:800;letter-spacing:-.025em;margin:12px 0 8px;max-width:920px} .hero-home .sub{font-size:16.5px;color:#B9CBDC;max-width:700px} .searchbox{margin-top:26px;max-width:860px} .searchbox form{display:flex;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 18px 44px rgba(0,0,0,.3)} .searchbox input{flex:1;border:0;outline:0;font-size:17px;padding:21px 24px;color:var(--ink);font-family:inherit} .searchbox input::placeholder{color:#9AA9B7} .searchbox button{border:0;background:var(--orange);color:var(--navy-d);font-weight:800;font-size:16px; padding:0 40px;cursor:pointer;transition:background .15s} .searchbox button:hover{background:var(--orange-d)} .hint{margin-top:11px;font-size:13px;color:#93AABF} .hint b{color:#CFDDE9;font-weight:600} .hint a{color:#CFDDE9;font-weight:600;text-decoration:none} .searchbox .hint-claas{margin-top:4px} .hint a:hover{text-decoration:underline} .routes{display:flex;gap:11px;margin-top:20px;flex-wrap:wrap;align-items:center} .btn{display:inline-flex;align-items:center;gap:9px;padding:13px 24px;border-radius:10px; font-weight:700;font-size:15px;border:1.5px solid transparent;transition:.15s;cursor:pointer} .btn-primary{background:#fff;color:var(--navy)} .btn-primary:hover{background:#EAF1F7} .btn-ghost{border-color:rgba(255,255,255,.35);color:#fff;background:transparent} .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)} .stockline{display:inline-flex;align-items:center;gap:11px;font-size:13.5px;color:#C6D8E7;margin-left:6px} .pulse{width:8px;height:8px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 4px rgba(74,222,128,.18)} .stockline b{color:#fff} .trust{margin-top:34px;border-top:1px solid rgba(255,255,255,.14);padding:22px 0 24px} .trustgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .tcell{display:flex;gap:12px;align-items:flex-start} .ticon{width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.1);display:grid;place-items:center;flex-shrink:0} .tcell.acc .ticon{background:var(--orange)} .tt{font-size:14px;font-weight:800;line-height:1.25;color:#fff} .td{font-size:12.5px;color:#9FB8CD;margin-top:3px;line-height:1.4} .find{background:var(--steel)} .fhead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap} .gcount{background:var(--navy);color:#fff;border-radius:var(--radius);padding:12px 20px;text-align:center;flex-shrink:0} .gcount b{display:block;font-size:24px;font-weight:800;line-height:1} .gcount span{font-size:11.5px;color:#A9C0D5} .fleet{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px} .mach{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;position:relative} .mach .mtype{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--orange)} .mach .mname{font-size:16px;font-weight:800;margin-top:6px;line-height:1.25} .mach .mparts{margin-top:13px;border-top:1px solid var(--line);padding-top:11px;font-size:13px} .mach .mparts b{color:var(--green);font-weight:800} .mach .mgo{display:inline-block;margin-top:9px;font-size:13px;font-weight:700;color:var(--blue); border-bottom:1.5px solid var(--orange)} .mach .mdel{position:absolute;top:12px;right:12px;width:22px;height:22px;border:0;background:transparent; color:#B4C3CF;cursor:pointer;font-size:16px;line-height:1;border-radius:5px} .mach .mdel:hover{background:var(--steel);color:var(--ink)} .addmach{background:#fff;border:1.5px dashed var(--line);border-radius:var(--radius);padding:18px; display:flex;flex-direction:column;justify-content:center} .addmach .at{font-size:14.5px;font-weight:800;margin-bottom:10px} .addmach select{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:7px; font-size:13px;font-family:inherit;margin-bottom:7px;background:#fff;color:var(--ink)} .addmach button{width:100%;padding:10px;border:0;border-radius:7px;background:var(--navy); color:#fff;font-weight:700;font-size:13.5px;cursor:pointer;transition:background .15s} .addmach button:hover{background:var(--navy-l)} .addmach.row{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:10px} .addmach.row .at{flex:0 0 100%;margin-bottom:4px} .addmach.row .fklcombo{flex:1 1 160px;margin-bottom:0} .addmach.row select{width:auto} .addmach.row button{width:auto;flex:0 0 auto;padding:0 22px;height:37px} .gempty{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px; margin-top:14px;font-size:14px;color:var(--mute);display:none} .orline{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)} .orhead{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px} .bt{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)} .allmarks{font-size:13.5px;font-weight:700;color:var(--navy);border-bottom:1.5px solid var(--orange)} .types{display:grid;grid-template-columns:repeat(6,1fr);gap:11px;margin-top:15px} .tcard{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px 12px;text-align:center;transition:.15s} .tcard:hover{border-color:var(--navy);box-shadow:0 8px 20px rgba(10,74,120,.1)} .tcard .n{font-size:13.5px;font-weight:700;line-height:1.25} .tcard .c{font-size:12px;color:var(--mute);margin-top:3px} .brands{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px} .brands a{border:1px solid var(--line);border-radius:7px;padding:7px 13px;font-size:12.5px; font-weight:600;color:#3C4C5C;background:#fff;transition:.14s} .brands a:hover{border-color:var(--navy);color:var(--navy)} #find .brands{display:grid;grid-template-columns:repeat(6,1fr)} #find .brands a{display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 8px} .proof{background:var(--navy);color:#fff} .proof h2{color:#fff} .proof .lead{color:#A9C0D5} .nums{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px} .num{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13); border-radius:var(--radius);padding:24px 20px 20px;transition:.16s;display:block} .num:hover{background:rgba(255,255,255,.1);border-color:rgba(245,166,35,.5)} .num .v{font-size:36px;font-weight:800;letter-spacing:-.03em;line-height:1} .num .l{font-size:14px;color:#B4C8DA;margin-top:9px;line-height:1.4} .num .go{font-size:12px;font-weight:700;color:var(--orange);margin-top:12px} .oemstrip{margin-top:26px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14)} .oemcap{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8FA9C2} .oemlist{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px} .oemlist div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);border-radius:7px; height:56px;display:grid;place-items:center;text-align:center;padding:8px;font-size:12px;font-weight:700;color:#D7E4EE} .oemnote{margin-top:14px;font-size:13.5px;color:#8FA9C2} .deep{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px} .dp{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#fff; display:flex;flex-direction:column;transition:.16s} .dp:hover{border-color:var(--navy);box-shadow:0 12px 30px rgba(10,74,120,.1)} .dp .dk{font-size:11.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--orange)} .dp .dt{font-size:21px;font-weight:800;margin-top:10px;line-height:1.25} .dp .dd{font-size:14.5px;color:var(--mute);margin-top:10px;line-height:1.5;flex:1} .dpfacts{margin-top:16px;border-top:1px solid var(--line);padding-top:13px;display:grid;gap:7px} .dpfacts div{font-size:13.5px;display:flex;gap:8px;align-items:baseline} .dpfacts b{color:var(--navy);font-weight:800;white-space:nowrap} .dpfacts span{color:#4A5C6B} .dpgo{margin-top:16px;font-size:14.5px;font-weight:800;color:var(--blue)} .helpline{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:30px; border:1px solid var(--line);border-radius:var(--radius);padding:22px 28px;background:var(--steel);flex-wrap:wrap} .hl1{font-size:18px;font-weight:800} .hl2{font-size:14px;color:var(--mute);margin-top:5px;max-width:700px;line-height:1.5} .btn5{background:var(--orange);color:var(--navy-d);font-weight:800;font-size:15px; padding:14px 28px;border-radius:9px;white-space:nowrap;transition:background .15s} .btn5:hover{background:var(--orange-d)} .gates{background:var(--navy-d);color:#fff;padding:48px 0} .gwrap{display:grid;grid-template-columns:1fr 1fr;gap:18px} .gate{border-radius:var(--radius);padding:28px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px} .gate.a{background:var(--orange);color:var(--navy-d)} .gate.b{background:transparent;border:1.5px solid rgba(255,255,255,.3)} .gate .t{font-size:20px;font-weight:800} .gate .d{font-size:14px;margin-top:5px;opacity:.85} .gate .arrow{font-size:25px;font-weight:800;flex-shrink:0} footer{background:#03253F;color:#8AA2B8;padding:48px 0 26px;font-size:13.5px} .fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px} footer h4{color:#fff;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:13px;font-weight:700} footer li{list-style:none;margin-bottom:8px} footer a:hover{color:#fff} .fbottom{border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:18px; display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:12.5px;color:#6B839A} .disclaimer{margin-top:20px;padding:15px 19px;background:rgba(255,255,255,.045); border-radius:8px;font-size:12px;line-height:1.6;color:#7B93A9} .adfoot{display:flex;align-items:flex-start;gap:22px;flex-wrap:wrap;background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12);border-left:3px solid rgba(177,17,22,.75); border-radius:var(--radius);padding:18px 22px;margin:20px 0} .adfoot .adh{display:flex;align-items:flex-start;gap:10px;margin-bottom:0} .adfoot .adh img{height:26px;width:auto;opacity:.9} .adfoot .adw{display:flex;flex-direction:column;color:#fff;font-weight:800} .adfoot .adw small{font-weight:500;font-size:11px;color:rgba(255,255,255,.45)} .adfoot .adt{flex:1 1 380px;color:rgba(255,255,255,.72);margin:0;font-size:13px} .adfoot .adt b{color:#fff} .adfoot .adr{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap} .adfoot .adin{font-size:13px;color:rgba(255,255,255,.45)} .adfoot .adin a{display:block;color:#fff;font-weight:400;text-decoration:underline} .adfoot .adbtn{display:inline-flex;align-items:center;height:38px;padding:0 18px; border-radius:50px;background:rgba(177,17,22,.85);color:#fff;font-weight:700;font-size:13px} .adfoot .adbtn:hover{background:rgba(138,13,17,.9)} .claim{background: radial-gradient(900px 420px at 78% 4%, rgba(255,255,255,.06), transparent 60%), linear-gradient(160deg,#0A4A78 0%,#04263F 100%);color:#fff;padding:26px 0 58px;position:relative;overflow:hidden} .claimmark{position:absolute;top:50%;right:-7%;transform:translateY(-50%); width:min(1020px,74%);opacity:.05;pointer-events:none;user-select:none;z-index:1} .claimmark img{width:100%;height:auto;display:block} @media(max-width:1080px){.claimmark{right:-22%;width:90%;opacity:.04}} @media(max-width:760px){.claimmark{display:none}} .claim .wrap{position:relative;z-index:2} .crumbs{font-size:12.5px;color:#8FA9C2;margin-bottom:26px} .crumbs a:hover{color:#fff}.crumbs span{color:#fff} .claim h1{font-size:50px;line-height:1.08;font-weight:800;letter-spacing:-.03em;max-width:1020px} .claim h1 em{font-style:normal;color:var(--orange)} .claim .sub{font-size:18.5px;color:#BCCEDE;max-width:820px;margin-top:22px;line-height:1.6} .figures{border-top:1px solid rgba(255,255,255,.15);margin-top:40px;padding-top:32px; display:grid;grid-template-columns:repeat(6,1fr);gap:20px} .fig .v{font-size:31px;font-weight:800;letter-spacing:-.03em;line-height:1} .fig .l{font-size:12.5px;color:#9FB8CD;margin-top:8px;line-height:1.4} .skills{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:34px} .sk{border:1px solid var(--line);border-radius:var(--radius);padding:30px 32px;position:relative;overflow:hidden} .sk::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--orange)} .sk .skn{font-size:11.5px;font-weight:800;letter-spacing:.11em;color:var(--orange)} .sk .skt{font-size:21px;font-weight:800;margin-top:11px;line-height:1.25} .sk .skd{font-size:15.5px;color:#46565F;margin-top:12px;line-height:1.68} .sk .skf{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line); font-size:13.5px;color:var(--navy);font-weight:700} .plant{background:var(--steel)} .pgrid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin-top:32px} .pf{display:flex;gap:15px;align-items:flex-start;background:#fff;border:1px solid var(--line); border-radius:var(--radius);padding:17px 19px;margin-bottom:12px} .pfn{font-size:19px;font-weight:800;color:var(--navy);min-width:96px} .pfd{font-size:14.5px;color:#43535F;line-height:1.55} .plantvis{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;text-align:center} .plantvis img{width:170px;height:auto;margin-bottom:20px} .plantvis .pvt{font-size:17px;font-weight:800} .plantvis .pvd{font-size:14px;color:var(--mute);margin-top:9px;line-height:1.6} .steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px} .st{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px} .st .sn{font-size:10.5px;font-weight:800;color:var(--orange);letter-spacing:.11em} .st .stt{font-size:16.5px;font-weight:800;margin-top:7px;line-height:1.3} .st .std{font-size:13.5px;color:var(--mute);margin-top:9px;line-height:1.6} .park{margin-top:38px;background:var(--navy);color:#fff;border-radius:var(--radius);padding:38px 40px} .park h3{font-size:24px;font-weight:800;line-height:1.25;letter-spacing:-.02em} .park .pl{font-size:15.5px;color:#BCCEDE;margin-top:11px;line-height:1.65;max-width:900px} .pkgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:26px} .pk{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:9px;padding:22px} .pk .pkt{font-size:16.5px;font-weight:800;line-height:1.3} .pk .pkm{font-size:13px;color:var(--orange);font-weight:700;margin-top:6px} .pk .pkd{font-size:14px;color:#B4C8DA;margin-top:9px;line-height:1.6} .parkfoot{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16); font-size:15.5px;color:#fff;line-height:1.65;font-weight:600} .parkfoot span{color:var(--orange)} .tl{background:#fff} .tline{position:relative;margin-top:34px;padding-left:32px} .tline::before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:var(--line)} .ti{position:relative;padding-bottom:24px} .ti::before{content:"";position:absolute;left:-32px;top:4px;width:16px;height:16px;border-radius:50%; background:#fff;border:3px solid var(--line)} .ti.key::before{border-color:var(--orange)} .ti .ty{font-size:13px;font-weight:800;letter-spacing:.06em;color:var(--mute)} .ti.key .ty{color:var(--orange)} .ti .tt{font-size:17px;font-weight:800;margin-top:4px;line-height:1.35;max-width:820px} .ti .td{font-size:14.5px;color:var(--mute);margin-top:5px;line-height:1.6;max-width:820px} .rigs{background:var(--navy-d);color:#fff} .rigs h2{color:#fff}.rigs .lead{color:#A9C0D5} .rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px} .rg{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:24px} .rg .rn{display:inline-block;background:var(--orange);color:var(--navy-d);font-size:12px;font-weight:800; padding:3px 10px;border-radius:20px} .rg .rt{font-size:17px;font-weight:800;margin-top:13px;line-height:1.3} .rg .rd{font-size:14px;color:#A9C0D5;margin-top:9px;line-height:1.6} .hectare{margin-top:26px;background:var(--orange);color:var(--navy-d);border-radius:var(--radius);padding:30px 34px} .hectare .ht{font-size:24px;font-weight:800;line-height:1.3} .hectare .hd{font-size:15.5px;margin-top:11px;line-height:1.65;max-width:880px;color:#3A2A05} .qc{background:var(--steel)} .qcgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:32px} .qcc{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 30px} .qcc .qt{font-size:19px;font-weight:800;line-height:1.3} .qcc .qd{font-size:15px;color:#46565F;margin-top:11px;line-height:1.68} .qcc .qh{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);font-size:13.5px; color:var(--navy);font-weight:700} .lab{margin-top:22px;background:#EAF6F0;border:1px solid #BFE0D0;border-radius:var(--radius);padding:30px 34px} .lab .lt{font-size:22px;font-weight:800;color:#1E6347;line-height:1.3} .lab .ld{font-size:15.5px;color:#2C5C48;margin-top:12px;line-height:1.7;max-width:900px} .labrow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px} .lb{background:#fff;border:1px solid #CFE6DA;border-radius:9px;padding:18px 20px} .lb .lbt{font-size:14px;font-weight:800;color:#1E6347} .lb .lbd{font-size:13.5px;color:#3F6B58;margin-top:6px;line-height:1.55} .dbgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;margin-top:32px} .dbnums{display:grid;grid-template-columns:repeat(2,1fr);gap:14px} .dbn{border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px} .dbn .v{font-size:29px;font-weight:800;color:var(--navy);letter-spacing:-.025em} .dbn .l{font-size:13.5px;color:var(--mute);margin-top:7px;line-height:1.5} .warranty{background:#EAF6F0;border:1px solid #BFE0D0;border-radius:var(--radius);padding:26px 30px} .warranty .wt{font-size:20px;font-weight:800;color:#1E6347;line-height:1.3} .warranty .wd{font-size:15px;color:#2C5C48;margin-top:10px;line-height:1.65} .fail{background:var(--steel)} .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px} .stp{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px} .stp .sn2{width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff; display:grid;place-items:center;font-size:14px;font-weight:800} .stp .st2{font-size:16px;font-weight:800;margin-top:14px;line-height:1.3} .stp .sd2{font-size:14px;color:var(--mute);margin-top:8px;line-height:1.6} .failnote{margin-top:24px;background:#fff;border-left:4px solid var(--orange); border-radius:0 var(--radius) var(--radius) 0;padding:22px 26px} .failnote b{font-size:17px} .failnote p{font-size:15px;color:#46565F;margin-top:9px;line-height:1.65} .infra{background:var(--navy);color:#fff} .infra h2{color:#fff}.infra .lead{color:#A9C0D5} .igrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px} .ic{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:var(--radius);padding:24px} .ic .in{font-size:25px;font-weight:800;letter-spacing:-.02em} .ic .it{font-size:15px;font-weight:700;margin-top:9px} .ic .id{font-size:13.5px;color:#A9C0D5;margin-top:7px;line-height:1.5} .bars{margin-top:38px;display:grid;gap:13px} .bar{display:grid;grid-template-columns:290px 1fr 72px;gap:20px;align-items:center} .bar .bl{font-size:15px;font-weight:700} .btrack{height:11px;background:rgba(255,255,255,.1);border-radius:7px;overflow:hidden} .bfill{height:100%;background:linear-gradient(90deg,var(--orange),#FFD183);border-radius:7px} .bv{font-size:18px;font-weight:800;text-align:right} .covernote{margin-top:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14); border-radius:var(--radius);padding:20px 24px;font-size:14.5px;color:#BCCEDE;line-height:1.65} .covernote b{color:#fff} .nevergrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px} .nv{display:flex;gap:15px;align-items:flex-start;border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px} .nvx{color:#A93226;font-size:21px;font-weight:800;line-height:1;margin-top:2px} .nvt{font-size:17px;font-weight:800;line-height:1.3} .nvd{font-size:14.5px;color:#46565F;margin-top:9px;line-height:1.65} .about-calc{overflow-x:auto;margin-top:22px} .about-calc table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:480px} .about-calc th{text-align:left;padding:11px 14px;background:var(--steel);font-size:13px;font-weight:700;color:var(--mute)} .about-calc th:not(:first-child),.about-calc td:not(:first-child){text-align:center} .about-calc td{padding:11px 14px;border-bottom:1px solid var(--line)} .about-calcnote{margin-top:14px;font-size:13.5px;color:var(--mute);line-height:1.65} .team{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px} .tp{border:1px solid var(--line);border-radius:var(--radius);padding:24px;text-align:center} .tpav{width:82px;height:82px;border-radius:50%;background:var(--steel);border:1px solid var(--line); margin:0 auto 16px;display:grid;place-items:center;color:#A7B8C7;font-size:11px;overflow:hidden} .tpav img{width:100%;height:100%;object-fit:cover;border-radius:50%} .tp-nocaption{padding:0;overflow:hidden} .tprect{width:100%;aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;background:var(--steel)} .tprect img{width:100%;height:100%;object-fit:contain;display:block} .tp-clickable{cursor:pointer} .tp-clickable:hover{border-color:var(--navy)} .tp-clickable:focus-visible{outline:2px solid var(--navy);outline-offset:2px} .pmodal-overlay{position:fixed;inset:0;background:rgba(10,20,30,.55);display:grid;place-items:center;z-index:1000;padding:16px} .pmodal-overlay[hidden]{display:none} .pmodal{background:#fff;border-radius:var(--radius);padding:28px;max-width:360px;width:100%;text-align:center;position:relative} .pmodal-x{position:absolute;top:12px;right:12px;background:none;border:0;font-size:22px;line-height:1;cursor:pointer;color:var(--mute)} .pmodal-av{width:96px;height:96px;border-radius:50%;background:var(--steel);margin:0 auto 14px;overflow:hidden} .pmodal-av img{width:100%;height:100%;object-fit:cover} .pmodal-name{font-size:17px;font-weight:800} .pmodal-post{font-size:13.5px;color:var(--mute);margin-top:4px} .pmodal-contacts{margin-top:18px;display:flex;flex-direction:column;gap:8px} .pmodal-row{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:11px 14px} .pmodal-row:hover{border-color:var(--navy)} .pmodal-rlink{flex:1;min-width:0;display:flex;justify-content:space-between;gap:10px;text-decoration:none;color:var(--ink)} .pmodal-rl{color:var(--mute);font-size:13px;flex-shrink:0} .pmodal-rv{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .pmodal-copy{flex-shrink:0;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--navy); font-size:12px;font-weight:700;padding:7px 10px;cursor:pointer} .pmodal-copy:hover{background:var(--steel)} .pmodal-empty{color:var(--mute);font-size:13.5px;padding:10px 0} .tpn{font-size:15.5px;font-weight:800} .tpr{font-size:13px;color:var(--mute);margin-top:4px;line-height:1.4} .teamnote{margin-top:20px;font-size:14px;color:var(--mute);line-height:1.6} .picker{background: radial-gradient(760px 340px at 88% -10%, rgba(245,166,35,.15), transparent 60%), linear-gradient(160deg,#0A4A78 0%,#052E4E 100%);color:#fff;padding:22px 0 42px; position:relative;overflow:hidden} .picker .wrap{position:relative;z-index:2} .crumbs{font-size:12.5px;color:#8FA9C2;margin-bottom:18px} .crumbs a:hover{color:#fff} .crumbs span{color:#fff} .picker h1{font-size:38px;line-height:1.12;font-weight:800;letter-spacing:-.025em;margin-bottom:8px} .picker .sub{font-size:16px;color:#B9CBDC;max-width:720px} .pstats{display:flex;gap:26px;flex-wrap:wrap;margin-top:16px;font-size:13.5px;color:#A9C0D5} .pstats b{color:#fff;font-weight:800} .selector{margin-top:26px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16); border-radius:14px;padding:24px 26px} .selrow{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:12px;align-items:end} .field label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.09em; text-transform:uppercase;color:#9FB8CD;margin-bottom:7px} .field select{width:100%;padding:14px 13px;border:1px solid rgba(255,255,255,.22);border-radius:9px; font-size:14.5px;background:rgba(255,255,255,.96);color:var(--ink);appearance:none; background-image:linear-gradient(45deg,transparent 50%,#6B7C8C 50%),linear-gradient(135deg,#6B7C8C 50%,transparent 50%); background-position:calc(100% - 18px) 21px, calc(100% - 12px) 21px;background-size:6px 6px;background-repeat:no-repeat} .field select:disabled{background-color:rgba(255,255,255,.35);color:#7A8B98;cursor:not-allowed} .field .opt{font-size:11px;color:#7E97AD;margin-top:5px} .gobtn{background:var(--orange);color:var(--navy-d);border:0;border-radius:9px;font-weight:800; font-size:15.5px;padding:14px 34px;cursor:pointer;height:48px;white-space:nowrap;transition:background .15s} .gobtn:hover{background:var(--orange-d)} .gobtn:disabled{background:rgba(255,255,255,.2);color:#8FA9C2;cursor:not-allowed} .selfoot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap; margin-top:16px;padding-top:15px;border-top:1px solid rgba(255,255,255,.14)} .altsearch{font-size:13.5px;color:#A9C0D5} .altsearch a{color:#fff;font-weight:700;border-bottom:1.5px solid var(--orange)} .guarantee{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:#DCE8F2} .gicon{width:26px;height:26px;border-radius:50%;background:var(--green);display:grid;place-items:center;flex-shrink:0} .results{background:var(--steel);border-bottom:1px solid var(--line);display:none} .results.on{display:block} .rhead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap} .rtitle{font-size:24px;font-weight:800;letter-spacing:-.01em} .rtitle span{color:var(--blue)} .rmeta{font-size:14px;color:var(--mute);margin-top:5px} .rreset{font-size:13.5px;font-weight:700;color:var(--navy);border-bottom:1.5px solid var(--orange)} .nodes{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px} .nodes button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:8px 16px; font-size:13px;font-weight:600;color:#3C4C5C;cursor:pointer} .nodes button.on{background:var(--navy);border-color:var(--navy);color:#fff} .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px} .pcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;gap:16px;cursor:pointer;transition:border-color .15s,box-shadow .15s} .pcard:hover{border-color:var(--navy);box-shadow:0 8px 20px rgba(10,74,120,.1)} .pimg{width:76px;height:76px;border-radius:8px;background:var(--steel);display:grid;place-items:center; color:#A7B8C7;font-size:10px;flex-shrink:0;border:1px solid var(--line)} .pinfo{flex:1;min-width:0} .pnode{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--orange)} .pname{font-size:14.5px;font-weight:800;margin-top:5px;line-height:1.25} .part{font-size:12px;color:var(--mute);margin-top:3px;font-family:ui-monospace,Menlo,Consolas,monospace} .pstock{font-size:12.5px;font-weight:700;color:var(--green);margin-top:9px;display:flex;align-items:center;gap:7px} .pstock.wait{color:var(--orange-d)} .dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0} .pbottom{display:flex;justify-content:space-between;align-items:center;margin-top:11px;gap:10px} .pprice{font-size:16px;font-weight:800} .pbuy{background:var(--navy);color:#fff;border:0;border-radius:7px;padding:8px 15px;font-size:12.5px; font-weight:700;cursor:pointer;white-space:nowrap} .pbuy:hover{background:var(--navy-l)} .notifybox{display:flex;gap:6px;width:100%} .notifyphone{flex:1;min-width:0;border:1.5px solid var(--line);border-radius:7px;padding:7px 9px;font-size:12.5px} .notifyok{font-size:12.5px;font-weight:700;color:var(--green)} .rhead-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap} .raddfleet{height:38px;padding:0 16px;border:1.5px solid var(--navy);border-radius:9px; background:#fff;color:var(--navy);font-weight:700;font-size:13.5px;cursor:pointer} .raddfleet:hover{background:var(--navy);color:#fff} .raddfleet:disabled{opacity:.6;cursor:default} .raddfleet.added{border-color:#2E7D5B;color:#2E7D5B;background:#EAF6F0;opacity:1} .raddfleet.added:hover{background:#EAF6F0;color:#2E7D5B} .empty{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px 34px;margin-top:20px;display:none} .empty.on{display:block} .egrid{display:grid;grid-template-columns:1.25fr 1fr;gap:34px} .etitle{font-size:21px;font-weight:800;line-height:1.3} .etitle b{color:var(--blue)} .esub{font-size:15px;color:var(--mute);margin-top:9px;line-height:1.55} .ebtns{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px} .ebtn{border:1.5px solid var(--navy);color:var(--navy);border-radius:8px;padding:11px 20px; font-size:14px;font-weight:700;background:#fff;cursor:pointer} .ebtn.fill{background:var(--orange);border-color:var(--orange);color:var(--navy-d)} .etips{background:var(--steel);border-radius:var(--radius);padding:20px 22px} .etips .th{font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--mute)} .etips ul{margin-top:11px;padding-left:0} .etips li{list-style:none;font-size:13.5px;color:#43535F;margin-bottom:8px;display:flex;gap:9px;line-height:1.45} .etips li::before{content:"—";color:var(--orange);font-weight:800;flex-shrink:0} .ehelp{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:13.5px} .ehelp b{display:block;font-size:16px;font-weight:800;color:var(--navy);margin-top:4px} .fleetrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px} .fchip{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line); border-radius:22px;padding:9px 8px 9px 16px;font-size:13.5px;font-weight:600;cursor:pointer} .fchip:hover{border-color:var(--navy)} .fchip small{color:var(--mute);font-weight:500} .fchip .go{background:var(--steel);border-radius:50%;width:24px;height:24px;display:grid; place-items:center;font-size:12px;color:var(--navy)} .fadd{border:1.5px dashed var(--line);background:transparent;border-radius:22px;padding:9px 18px; font-size:13.5px;font-weight:700;color:var(--navy);cursor:pointer} .types{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:24px} .tcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 16px; text-align:center;transition:.16s;display:block} .tcard:hover{border-color:var(--navy);transform:translateY(-2px);box-shadow:0 10px 24px rgba(10,74,120,.1)} .tcard svg{display:block;margin:0 auto 11px} .tcard .n{font-size:14px;font-weight:700;line-height:1.25} .tcard .c{font-size:12.5px;color:var(--mute);margin-top:4px} .brands{background:var(--steel)} .topmarks{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px} .tm{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;transition:.15s} .tm:hover{border-color:var(--navy);box-shadow:0 10px 24px rgba(10,74,120,.09)} .tm .bn{font-size:16px;font-weight:800;letter-spacing:-.01em} .tm .bc{font-size:12.5px;color:var(--mute);margin-top:4px} .abc{display:flex;gap:5px;flex-wrap:wrap;margin-top:30px;padding-bottom:18px;border-bottom:1px solid var(--line)} .abc a{width:30px;height:30px;border-radius:7px;background:#fff;border:1px solid var(--line); padding: 0 0; display:grid;place-items:center;font-size:12.5px;font-weight:700;color:var(--navy)} .abc a:hover{background:var(--navy);color:#fff;border-color:var(--navy)} .abc a.off{color:#C0CCD6;pointer-events:none;background:transparent;border-color:transparent} .blist{columns:4;column-gap:26px;margin-top:22px} .bgroup{break-inside:avoid;margin-bottom:20px} .bgroup h4{font-size:13px;font-weight:800;color:var(--orange);letter-spacing:.1em;margin-bottom:8px} .bgroup a{display:block;font-size:14px;color:#3C4C5C;padding:3px 0} .bgroup a:hover{color:var(--navy);font-weight:600} .bgroup a span{color:var(--mute);font-size:12.5px} .help{background:var(--navy);color:#fff} .helpgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center} .help h2{color:#fff} .help .lead{color:#A9C0D5} .helpform{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15); border-radius:var(--radius);padding:24px 26px} .helpform input{width:100%;border:0;border-radius:8px;padding:13px 15px;font-size:14.5px;margin-bottom:10px} .helpform button{width:100%;border:0;border-radius:8px;background:var(--orange);color:var(--navy-d); font-weight:800;font-size:15px;padding:14px;cursor:pointer} .helpnote{font-size:12.5px;color:#8FA9C2;margin-top:11px;line-height:1.5} .helpfile{display:block;width:100%;border:1px dashed rgba(255,255,255,.35);border-radius:8px; padding:12px 15px;font-size:13.5px;color:#DCE8F2;text-align:center;cursor:pointer; margin-bottom:10px;box-sizing:border-box} .helpfile:hover{border-color:rgba(255,255,255,.6)} .helperr{font-size:13px;color:#FFB4B4;margin-bottom:10px} .helpok{font-size:15px;font-weight:700;color:#fff;text-align:center;padding:18px 0} footer{background:#03253F;color:#8AA2B8;padding:44px 0 24px;font-size:13.5px} .fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px} footer h4{color:#fff;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:13px;font-weight:700} footer li{list-style:none;margin-bottom:8px} footer a:hover{color:#fff} .disclaimer{margin-top:20px;padding:15px 19px;background:rgba(255,255,255,.045); border-radius:8px;font-size:12px;line-height:1.6;color:#7B93A9} .fbottom{border-top:1px solid rgba(255,255,255,.1);margin-top:26px;padding-top:18px; display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:12.5px;color:#6B839A} .anno{position:relative} .anno::before{content:attr(data-anno);position:absolute;left:0;top:0;transform:translateY(-100%); background:#E11D48;color:#fff;font-size:11px;font-weight:700;padding:3px 9px; border-radius:4px 4px 0 0;letter-spacing:.04em;z-index:40} .anno.new::before{background:#0F9D58} body.no-anno .anno::before{display:none} .toggle{position:fixed;right:18px;bottom:18px;z-index:99;background:var(--navy);color:#fff; border:0;border-radius:8px;padding:12px 18px;font-size:13px;font-weight:700;cursor:pointer; box-shadow:0 10px 26px rgba(0,0,0,.3)} .demo{position:fixed;left:18px;bottom:18px;z-index:99;background:#E11D48;color:#fff; border:0;border-radius:8px;padding:12px 18px;font-size:13px;font-weight:700;cursor:pointer; box-shadow:0 10px 26px rgba(0,0,0,.3)} .hero-dealers{padding:30px 0 44px} .crumbs{font-size:12.5px;color:#8FA9C2;margin-bottom:22px} .crumbs span{color:#fff} .hero-dealers h1{font-size:40px;line-height:1.1;font-weight:800;letter-spacing:-.028em;max-width:920px} .hero-dealers .sub{font-size:17.5px;color:#BCCEDE;max-width:820px;margin-top:16px;line-height:1.6} .heroact{display:flex;gap:11px;margin-top:26px;flex-wrap:wrap;align-items:center} .btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 28px; border-radius:9px;font-weight:700;font-size:15.5px;border:1.5px solid transparent;cursor:pointer;white-space:nowrap} .btn-primary{background:var(--orange);color:var(--navy-d)} .btn-white{background:#fff;color:var(--navy)} .btn-outline{border-color:rgba(255,255,255,.35);color:#fff;background:transparent} .btn-ghost{border-color:var(--line);background:#fff;color:var(--ink)} .herofig{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:34px; border-top:1px solid rgba(255,255,255,.15);padding-top:24px} .hf .v{font-size:27px;font-weight:800;letter-spacing:-.025em} .hf .l{font-size:12.5px;color:#9FB8CD;margin-top:7px;line-height:1.45} .dem{background:var(--steel)} .dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px} .dc{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px} .dc .dv{font-size:29px;font-weight:800;color:var(--navy);letter-spacing:-.03em} .dc .dt{font-size:16.5px;font-weight:800;margin-top:9px;line-height:1.3} .dc .dd{font-size:14px;color:var(--mute);margin-top:8px;line-height:1.6} .demnote{background:#fff;border-left:4px solid var(--orange);border-radius:0 var(--radius) var(--radius) 0; padding:22px 26px;margin-top:20px} .demnote b{font-size:17px} .demnote p{font-size:15px;color:#46565F;margin-top:9px;line-height:1.7} .both{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:26px} .bo{border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px;position:relative;overflow:hidden} .bo::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--orange)} .bo .bt{font-size:18.5px;font-weight:800;line-height:1.3} .bo .bd{font-size:14.5px;color:#46565F;margin-top:10px;line-height:1.65} .bo .bf{margin-top:13px;padding-top:11px;border-top:1px dashed var(--line);font-size:13px;line-height:1.55} .bo .bf span{display:block} .bo .bf .b1{color:var(--navy);font-weight:700} .bo .bf .b2{color:var(--mute);margin-top:4px} .pack{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:26px} .pk{border:1px solid var(--line);border-radius:var(--radius);padding:28px 30px} .pk .pn{font-size:11.5px;font-weight:800;letter-spacing:.11em;color:var(--orange)} .pk .pt{font-size:20px;font-weight:800;margin-top:10px;line-height:1.25} .pk .pd{font-size:15px;color:#46565F;margin-top:11px;line-height:1.68} .pk .pf{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);font-size:13.5px;color:var(--navy);font-weight:700} .portal{background:var(--navy);color:#fff;border-radius:var(--radius);padding:36px 40px;margin-top:26px} .portal h3{font-size:25px;font-weight:800;line-height:1.25} .portal p{font-size:15.5px;color:#BCCEDE;margin-top:12px;line-height:1.65;max-width:900px} .portal-shot{margin-top:26px;border-radius:10px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12)} .portal-shot img{display:block;width:100%;height:auto} .portal-shot video{display:block;width:100%;height:auto} .pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px} .pc{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:9px;padding:20px} .pc .pct{font-size:15.5px;font-weight:800;line-height:1.3} .pc .pcd{font-size:13.5px;color:#B4C8DA;margin-top:8px;line-height:1.55} .prot{background:var(--steel)} .prgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:26px} .pr{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px} .pr .prt{font-size:18.5px;font-weight:800;line-height:1.3;text-align: center;margin-left: 15%;} .pr .prd{font-size:14.5px;color:#46565F;margin-top:10px;line-height:1.65} .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px} .st{border:1px solid var(--line);border-radius:var(--radius);padding:24px} .st .stt{font-size:16.5px;font-weight:800;margin-top:14px;line-height:1.3} .st .std{font-size:14px;color:var(--mute);margin-top:8px;line-height:1.6} .revs{background:var(--steel)} .rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px} .rv{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px} .rv .rq{font-size:15.5px;line-height:1.7;color:#2B3A46} .rv .ra{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)} .rv .rav{width:42px;height:42px;border-radius:50%;background:var(--steel);border:1px solid var(--line); display:grid;place-items:center;color:#A7B8C7;font-size:10px;flex-shrink:0} .rv .rn{font-size:14.5px;font-weight:800} .rv .rr{font-size:12.5px;color:var(--mute);margin-top:2px} .nogrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px} .no{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px} .nox{color:var(--red);font-size:20px;font-weight:800;line-height:1;margin-top:2px} .not{font-size:16.5px;font-weight:800;line-height:1.3} .nod{font-size:14px;color:#46565F;margin-top:8px;line-height:1.6} .qa{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 26px;margin-top:12px} .qa .q{font-size:17px;font-weight:800;line-height:1.35} .qa .a{font-size:14.5px;color:#46565F;margin-top:9px;line-height:1.7} .qa .a b{color:var(--ink)} .form{background:var(--steel);border:1px solid var(--line);border-radius:var(--radius);padding:34px 38px;margin-top:26px} .fgridf{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px} .fld label{display:block;font-size:13px;font-weight:700;color:var(--mute);margin-bottom:6px} .fld input,.fld select,.fld textarea{width:100%;border:1px solid var(--line);border-radius:8px; padding:12px 14px;font-size:14.5px;font-family:inherit;outline:0;background:#fff} .fld.full{grid-column:1/-1} .fnote{font-size:12.5px;color:var(--mute);margin-top:14px;line-height:1.6} .fsub{margin-top:18px} .forclient{background:var(--navy-d);color:#fff;border-radius:var(--radius); padding:30px 34px;margin-top:26px;display:grid;grid-template-columns:1.4fr auto;gap:28px;align-items:center} .forclient h3{font-size:21px;font-weight:800;line-height:1.3} .forclient p{font-size:15px;color:#BCCEDE;margin-top:9px;line-height:1.65} footer{background:#03253F;color:#8AA2B8;padding:40px 0 22px;font-size:13.5px} .fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px} footer h4{color:#fff;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:13px;font-weight:700} footer li{list-style:none;margin-bottom:8px} footer a:hover{color:#fff} .fbottom{border-top:1px solid rgba(255,255,255,.1);margin-top:24px;padding-top:18px; display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:12.5px;color:#6B839A} .anno{position:relative} .anno::before{content:attr(data-anno);position:absolute;left:0;top:0;transform:translateY(-100%); background:#E11D48;color:#fff;font-size:11px;font-weight:700;padding:3px 9px; border-radius:4px 4px 0 0;letter-spacing:.04em;z-index:40} .anno.new::before{background:#0F9D58} .anno.both2::before{background:#7C3AED} body.no-anno .anno::before{display:none} .toggle{position:fixed;right:18px;bottom:18px;z-index:99;background:var(--navy);color:#fff; border:0;border-radius:8px;padding:12px 18px;font-size:13px;font-weight:700;cursor:pointer; box-shadow:0 10px 26px rgba(0,0,0,.3)} .hero-wherebuy{padding:30px 0 40px} .crumbs{font-size:12.5px;color:#8FA9C2;margin-bottom:22px} .crumbs span{color:#fff} .hero-wherebuy h1{font-size:38px;line-height:1.12;font-weight:800;letter-spacing:-.025em;max-width:860px} .hero-wherebuy .sub{font-size:17px;color:#BCCEDE;max-width:780px;margin-top:14px;line-height:1.6} .geo{margin-top:26px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18); border-radius:var(--radius);padding:22px 26px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center} .geo .gt{font-size:19px;font-weight:800} .geo .gd{font-size:14px;color:#BCCEDE;margin-top:7px;line-height:1.55} .geo .gact{display:flex;gap:10px;flex-wrap:wrap} /* Находка пользователя 2026-09-23: select[name="city"] ниже несёт классы "btn btn-outline" ради вида закрытого поля (белый текст на прозрачном фоне — задумано для тёмного hero-фона этой страницы). Раскрытый список