@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;600;700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;600&display=swap');
:root{--p:#051125;--dn:#1B263B;--sb:#415A77;--ar:#C5A028;--ib:#0D131F;--sm:#E1E8ED;--w:#fff;--w10:rgba(255,255,255,0.1);--w05:rgba(255,255,255,0.05);--w20:rgba(255,255,255,0.2);--w60:rgba(255,255,255,0.6);--w70:rgba(255,255,255,0.7);--fd:'Hanken Grotesk',sans-serif;--fb:'Inter',sans-serif;--fm:'JetBrains Mono',monospace;--g:24px;--sg:120px;--mm:16px;--md:64px;--mx:1280px;--rs:0.125rem;--rm:0.25rem;--rl:0.5rem;--rx:0.75rem;--sr:0 4px 14px 0 rgba(197,160,40,0.39);--sl:0 8px 20px 0 rgba(197,160,40,0.4);--sc:0 10px 30px rgba(0,0,0,0.5)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}
@media(max-width:480px){.wf{bottom:24px;right:24px}}body{font-family:var(--fb);font-size:16px;line-height:24px;font-weight:400;color:var(--w);background:var(--ib);-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative;touch-action:pan-y;max-width:100vw}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font:inherit;font-size:inherit}ul,ol{list-style:none}
.fd{font-family:var(--fd)}.fb{font-family:var(--fb)}.fm{font-family:var(--fm)}
.td{font-family:var(--fd);font-size:clamp(40px,6vw,64px);font-weight:800;line-height:1.1;letter-spacing:-0.02em;text-transform:uppercase}
.thl{font-family:var(--fd);font-size:clamp(28px,3.5vw,40px);font-weight:700;line-height:1.2}
.thm{font-family:var(--fd);font-size:clamp(20px,2.5vw,24px);font-weight:600;line-height:1.3}
.tbl{font-family:var(--fb);font-size:18px;line-height:28px}
.tbm{font-family:var(--fb);font-size:16px;line-height:24px}
.tlm{font-family:var(--fm);font-size:14px;line-height:20px;font-weight:500;letter-spacing:0.05em;text-transform:uppercase}
.tls{font-family:var(--fm);font-size:12px;line-height:16px;font-weight:600}
.c{width:100%;max-width:var(--mx);margin:0 auto;padding:0 var(--mm)}@media(min-width:768px){.c{padding:0 var(--md)}}.sg{padding-top:var(--sg);padding-bottom:var(--sg)}
.g3{display:grid;grid-template-columns:1fr;gap:var(--g)}@media(min-width:768px){.g3{grid-template-columns:repeat(3,1fr)}}.g2{display:grid;grid-template-columns:1fr;gap:var(--g)}@media(min-width:768px){.g2{grid-template-columns:repeat(2,1fr)}}
.bp{background:var(--p)}.bdn{background:var(--dn)}.bsb{background:var(--sb)}.bar{background:var(--ar)}.bib{background:var(--ib)}.bsm{background:var(--sm)}.tar{color:var(--ar)}.tsm{color:var(--sm)}.tw{color:var(--w)}.tw6{color:var(--w60)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:var(--rm);font-family:var(--fm);font-size:14px;font-weight:500;letter-spacing:0.05em;text-transform:uppercase;transition:all 0.2s;cursor:pointer;white-space:normal;text-align:center}
@media(max-width:480px){.btn{padding:12px 20px;font-size:13px}}
.btn-p{background:var(--ar);color:var(--w);box-shadow:var(--sr)}.btn-p:hover{opacity:0.9;transform:translateY(-1px)}
.btn-s{background:transparent;color:var(--w);border:2px solid var(--dn)}.btn-s:hover{background:var(--w);color:var(--ib);border-color:var(--w)}
.btn-o{background:transparent;color:var(--w);border:2px solid var(--w20)}.btn-o:hover{background:var(--w);color:var(--ib)}
.card{background:var(--dn);border:1px solid var(--w10);border-radius:var(--rl);overflow:hidden;transition:box-shadow 0.3s}.card:hover{box-shadow:var(--sc)}
.gc{background:rgba(27,38,59,0.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(225,232,237,0.1);border-radius:var(--rx)}
.vc{background:var(--dn);border:1px solid var(--w10);border-radius:var(--rl);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow 0.3s}.vc:hover{box-shadow:var(--sc)}
.vc .ci{aspect-ratio:16/9;overflow:hidden;position:relative}.vc .ci img,.vc .ci .pc{width:100%;height:100%;object-fit:cover;transition:transform 0.5s;display:block}.vc:hover .ci img,.vc:hover .ci .pc{transform:scale(1.05)}
.vc .cb{padding:24px;display:flex;flex-direction:column;flex-grow:1}
.bdg{display:inline-block;padding:4px 12px;border-radius:var(--rs);font-family:var(--fm);font-size:12px;font-weight:600;line-height:16px}
.bdg-b{background:var(--sb);color:var(--w)}.bdg-r{background:var(--ar);color:var(--w)}
.st{background:var(--ib);border:1px solid var(--w10);border-radius:var(--rm);overflow:hidden;margin-bottom:24px}
.st .sh{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(255,255,255,0.05);border-bottom:1px solid var(--w10);cursor:pointer}
.st .sr{display:flex;justify-content:space-between;padding:10px 16px;font-family:var(--fm);font-size:12px;color:var(--sm)}.st .sr:nth-child(even){background:var(--ib)}.st .sl{color:var(--w60)}
.fg{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.fl{font-family:var(--fm);font-size:14px;font-weight:500;letter-spacing:0.05em;text-transform:uppercase;color:var(--sm)}
.fi,.fs,.ft{background:var(--ib);border:1px solid var(--w10);border-radius:var(--rm);padding:12px 16px;color:var(--w);font-family:var(--fb);font-size:16px;outline:none;transition:border-color 0.2s,box-shadow 0.2s;width:100%}
.fi:focus,.fs:focus,.ft:focus{border-color:var(--ar);box-shadow:0 0 0 1px var(--ar)}
.fi::placeholder,.ft::placeholder{color:var(--w60)}.ft{resize:vertical;min-height:120px}
.fs{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23E1E8ED' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}
.hdr{position:fixed;top:0;left:0;right:0;z-index:100;height:80px;background:rgba(13,19,31,0.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--w10)}
.hdr .c{display:flex;justify-content:space-between;align-items:center;height:100%}
.logo{font-family:var(--fd);font-size:20px;font-weight:700;color:var(--w);text-transform:uppercase;letter-spacing:-0.01em}
.logo span{color:var(--ar)}
.nav{display:none}@media(min-width:1024px){.nav{display:flex;align-items:center;gap:32px}}
.nl{font-family:var(--fb);font-size:15px;font-weight:500;color:var(--sm);transition:color 0.2s;position:relative;cursor:pointer}
.nl:hover,.nl.a{color:var(--ar)}
.dropdown{position:relative;display:inline-block}
.dropdown .nl{padding:0;border:none}
.dropdown-content{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(0);background:var(--ib);border:1px solid var(--w10);border-radius:var(--rm);min-width:240px;box-shadow:var(--sc);padding:12px 0;z-index:101;opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease,transform 0.2s ease;pointer-events:none}
.dropdown-content::before{content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%) rotate(45deg);width:14px;height:14px;background:var(--ib);border-left:1px solid var(--w10);border-top:1px solid var(--w10)}
.dropdown-content a{display:block;padding:12px 20px;font-family:var(--fb);font-size:15px;color:var(--sm);transition:background 0.2s,color 0.2s;white-space:nowrap;position:relative;z-index:1}
.dropdown-content a:hover,.dropdown-content a.a{color:var(--w);background:var(--dn)}
.dropdown:hover .dropdown-content,.dropdown-content:hover,.dropdown .nl:hover+.dropdown-content,.dropdown .nl:focus+.dropdown-content{opacity:1;visibility:visible;transform:translateX(-50%) translateY(8px);pointer-events:auto}
.dropdown-content .dl{font-family:var(--fm);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--sb);padding:8px 20px 4px;border-bottom:1px solid var(--w10);margin-bottom:4px}
.dropdown .nl{padding:20px 0}
.dropdown{height:100%;display:flex;align-items:center}
.hct{display:none}@media(min-width:1024px){.hct{display:flex;align-items:center}}
.mbt{display:block;color:var(--w);font-size:28px;padding:8px}@media(min-width:1024px){.mbt{display:none}}
.mm{position:fixed;top:80px;left:0;right:0;bottom:0;background:var(--ib);z-index:99;padding:40px var(--mm);transform:translateX(100%);visibility:hidden;opacity:0;transition:transform 0.35s ease,visibility 0.35s,opacity 0.35s ease;display:flex;flex-direction:column;gap:24px;overflow:hidden}
.mm.o{transform:translateX(0);visibility:visible;opacity:1}.mm .nl{font-family:var(--fd);font-size:24px;font-weight:600;color:var(--w);padding:12px 0;border-bottom:1px solid var(--w10)}
.mm .nl.a{color:var(--ar)}.mm .btn-p{margin-top:16px;text-align:center}
.ftr{background:var(--ib);border-top:1px solid var(--w10);padding:80px 0 40px}
.fg2{display:grid;grid-template-columns:1fr;gap:40px}@media(min-width:768px){.fg2{grid-template-columns:2fr 1fr 1fr 1fr}}
.fb2{font-family:var(--fd);font-size:20px;font-weight:700;color:var(--ar);text-transform:uppercase;margin-bottom:16px}
.fd2{color:var(--w70);max-width:320px;margin-bottom:24px}
.fc{display:flex;flex-direction:column;gap:12px}.fci{display:flex;align-items:center;gap:12px;color:var(--w70);font-size:15px}.fci a{transition:color 0.2s}.fci a:hover{color:var(--ar)}
.fh{font-family:var(--fm);font-size:14px;font-weight:500;letter-spacing:0.05em;text-transform:uppercase;color:var(--w);margin-bottom:20px}
.fl2{display:flex;flex-direction:column;gap:12px}.fl2 a{color:var(--w70);font-size:15px;transition:color 0.2s,transform 0.2s}.fl2 a:hover{color:var(--ar);transform:translateX(4px)}
.fb3{margin-top:48px;padding-top:24px;border-top:1px solid var(--w10);display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;color:var(--w60);font-size:14px}
@media(min-width:768px){.fb3{flex-direction:row;justify-content:space-between}}
.wf{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:#25D366;color:var(--w);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,0.4);z-index:98;transition:transform 0.2s}.wf:hover{transform:scale(1.05)}.wf svg{width:28px;height:28px}
.hero{position:relative;min-height:85vh;display:flex;align-items:center;overflow:hidden;padding-top:80px}
.hbg{position:absolute;inset:0;z-index:0}.hbg::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--ib) 0%,var(--p) 50%,var(--dn) 100%);z-index:1}
.hbg .hp{position:absolute;inset:0;opacity:0.15;background-image:radial-gradient(circle at 2px 2px,var(--sb) 1px,transparent 0);background-size:40px 40px;z-index:0}
.hc{position:relative;z-index:2;width:100%}
.hov{font-family:var(--fm);font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--sm);margin-bottom:16px}
.ht{font-family:var(--fd);font-size:clamp(36px,5.5vw,64px);font-weight:800;line-height:1.1;letter-spacing:-0.02em;text-transform:uppercase;color:var(--w);margin-bottom:24px}
.ht .hi{color:var(--sm)}.htx{font-family:var(--fb);font-size:18px;line-height:28px;color:var(--sm);max-width:520px;margin-bottom:32px}
.sh{text-align:center;margin-bottom:64px}.shl{margin-bottom:64px}
.sti{font-family:var(--fd);font-size:clamp(28px,3.5vw,40px);font-weight:700;line-height:1.2;color:var(--w);margin-bottom:16px}
.sts{font-family:var(--fb);font-size:18px;line-height:28px;color:var(--sm);max-width:600px}
.tc{position:relative;height:320px;border-radius:var(--rl);overflow:hidden;display:flex;align-items:flex-end;padding:32px;text-decoration:none;transition:box-shadow 0.3s}
.tc::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,var(--ib) 0%,var(--ib) 30%,transparent 100%);z-index:1}
.tc:hover{box-shadow:var(--sc)}.tc .tcb{position:absolute;inset:0;background:var(--dn);z-index:0}
.tc .tcx{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:100%}
.tc .tt{font-family:var(--fd);font-size:24px;font-weight:700;text-transform:uppercase;color:var(--w);letter-spacing:0.02em}
.tc .ta{color:var(--ar);font-size:28px;transition:transform 0.3s}.tc:hover .ta{transform:translateX(8px)}
.sb{border-top:1px solid var(--w05);border-bottom:1px solid var(--w05);background:var(--ib);padding:32px 0}
.sbg{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(min-width:768px){.sbg{grid-template-columns:repeat(4,1fr)}}
.si{display:flex;flex-direction:column}.sv{font-family:var(--fd);font-size:32px;font-weight:700;color:var(--w);margin-bottom:4px}
.sl{font-family:var(--fm);font-size:12px;font-weight:600;text-transform:uppercase;color:var(--sb)}
.bento{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.bento{grid-template-columns:repeat(12,1fr);grid-auto-rows:240px}}
.bi{border-radius:var(--rx);padding:32px;display:flex;flex-direction:column}
@media(min-width:768px){.bi.s8{grid-column:span 8}.bi.s6{grid-column:span 6}.bi.s4{grid-column:span 4}}
.cg{display:grid;grid-template-columns:1fr;gap:48px}@media(min-width:1024px){.cg{grid-template-columns:7fr 5fr}}
.cfc{background:var(--p);border:1px solid var(--w05);border-radius:var(--rx);padding:32px;position:relative;overflow:hidden}@media(min-width:768px){.cfc{padding:48px}}.cfc::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--ar),transparent)}
.cic{background:var(--dn);border:1px solid var(--w05);border-radius:var(--rx);padding:32px}
.il{display:flex;flex-direction:column;gap:24px}.ii{display:flex;align-items:flex-start;gap:16px}
.iic{width:40px;height:40px;border-radius:var(--rx);background:var(--p);border:1px solid var(--w10);display:flex;align-items:center;justify-content:center;color:var(--ar);flex-shrink:0}
.ilb{font-family:var(--fm);font-size:12px;font-weight:600;text-transform:uppercase;color:var(--sm);margin-bottom:4px}
.iv{color:var(--w);font-size:16px;line-height:24px}
.hl{display:flex;flex-direction:column}.ohr{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--w05);color:var(--sm);font-size:16px}
.ohr:last-child{border-bottom:none}.ohr .ot{color:var(--w);font-weight:500}.ohr .oc{color:var(--ar);font-weight:500}
.ms{height:400px;position:relative;background:var(--p);border-top:1px solid var(--w05);border-bottom:1px solid var(--w05);overflow:hidden}
.mp{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:linear-gradient(135deg,var(--p) 0%,var(--dn) 100%)}
.mm2{width:64px;height:64px;border-radius:var(--rx);background:rgba(197,160,40,0.2);display:flex;align-items:center;justify-content:center;animation:pm 2s infinite}
.mmd{width:16px;height:16px;border-radius:var(--rx);background:var(--ar);box-shadow:0 0 15px rgba(197,160,40,1)}
@keyframes pm{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:0.8}}
.ma{color:var(--sm);font-size:16px;text-align:center}
.wf{position:fixed;bottom:24px;right:24px;z-index:90;width:56px;height:56px;border-radius:var(--rx);background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,0.3);transition:transform 0.3s}.wf:hover{transform:scale(1.1)}.wf svg{width:28px;height:28px;fill:var(--w)}
.pc{background:linear-gradient(160deg,#0f1d35 0%,var(--dn) 50%,#162238 100%);display:flex;align-items:center;justify-content:center;position:relative;color:var(--sm)}.pc::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 70%,rgba(197,160,40,0.08) 0%,transparent 60%)}.pc svg{width:70%;height:70%;opacity:0.9;position:relative;z-index:1}
.ps{background:linear-gradient(160deg,var(--ib) 0%,#162642 50%,var(--dn) 100%);display:flex;align-items:center;justify-content:center;position:relative;color:var(--sm)}.ps::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(197,160,40,0.06) 0%,transparent 50%)}.ps svg{width:60%;height:60%;opacity:0.85;position:relative;z-index:1}
.tc .tcb{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}
.srg{display:grid;grid-template-columns:1fr;gap:16px;height:auto}@media(min-width:768px){.srg{grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;height:500px}.srg .sm{grid-column:1;grid-row:1/3}.srg .ss{grid-row:span 1}}
.si2{border-radius:var(--rl);overflow:hidden;position:relative;min-height:200px}.si2 img,.si2 .ps{width:100%;height:100%;object-fit:cover;transition:transform 0.7s;display:block}.si2:hover img,.si2:hover .ps{transform:scale(1.05)}
.si2::after{content:'';position:absolute;inset:0;background:rgba(5,17,37,0.2);transition:background 0.5s;pointer-events:none}.si2:hover::after{background:transparent}
.ag{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:1024px){.ag{grid-template-columns:8fr 4fr}}
.afc{background:var(--dn);border:1px solid var(--w10);border-radius:var(--rx);padding:32px}@media(min-width:768px){.afc{padding:48px}}
.asb{display:flex;flex-direction:column;gap:24px}.as2{background:var(--p);color:var(--w);border-radius:var(--rx);padding:24px}
.at2{background:var(--dn);border:1px solid var(--w10);border-radius:var(--rx);padding:24px}
.tl2{display:flex;flex-direction:column;gap:16px}.ti2{display:flex;align-items:flex-start;gap:12px}
.ti2 svg{color:var(--ar);flex-shrink:0;width:24px;height:24px}
.stp{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--w10)}
.spn{width:32px;height:32px;border-radius:var(--rx);background:var(--p);border:1px solid var(--w20);display:flex;align-items:center;justify-content:center;font-family:var(--fm);font-size:12px;font-weight:600;color:var(--w)}
.spn.a{background:var(--ar);border-color:var(--ar)}
.so{display:grid;grid-template-columns:1fr;gap:16px;align-items:stretch}@media(min-width:768px){.so{grid-template-columns:repeat(3,1fr)}}
.sop{cursor:pointer;height:100%;display:flex}.sop input{position:absolute;opacity:0;width:0;height:0}
.sop .ob{border:1px solid var(--w10);border-radius:var(--rl);padding:24px;text-align:center;transition:all 0.2s;background:var(--ib);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}
.sop input:checked+.ob{border-color:var(--ar);box-shadow:0 0 0 1px var(--ar)}.sop .ob:hover{border-color:var(--ar)}
.sop .oi{color:var(--ar);margin-bottom:16px}.sop .ot{font-family:var(--fm);font-size:14px;font-weight:500;text-transform:uppercase;color:var(--w);margin-bottom:8px}
.sop .od{font-size:14px;color:var(--w60)}
.tg{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.to{cursor:pointer}.to input{position:absolute;opacity:0;width:0;height:0}
.to .tb{border:1px solid var(--sm);border-radius:var(--rm);padding:10px;text-align:center;font-family:var(--fm);font-size:14px;transition:all 0.2s}
.to input:checked+.tb{background:var(--p);color:var(--w);border-color:var(--p)}.to .tb:hover{border-color:var(--sb)}
.cw{background:var(--ib);border:1px solid var(--w10);border-radius:var(--rl);padding:16px;color:var(--w)}
.ch{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.cm{font-family:var(--fm);font-size:14px;font-weight:500;text-transform:uppercase;color:var(--w)}
.cn{background:none;border:none;color:var(--w);cursor:pointer;padding:4px}.cn:hover{color:var(--ar)}
.cd{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.cdl{font-family:var(--fm);font-size:12px;color:var(--sb);padding:4px}
.cdd{padding:8px;border-radius:var(--rm);font-size:14px;cursor:pointer;transition:all 0.2s;color:var(--sm)}
.cdd:hover{background:var(--dn)}.cdd.o{color:var(--w60)}
.cdd.s{background:var(--ar);color:var(--w);font-weight:600}.cdd.t{border:1px solid var(--ar)}
.fs2{background:rgba(27,38,59,0.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(225,232,237,0.1);border-radius:var(--rl);padding:24px;position:sticky;top:100px;align-self:start}
.pr{width:100%;accent-color:var(--ar)}
.og{display:grid;grid-template-columns:1fr;gap:var(--g)}@media(min-width:768px){.og{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.og{grid-template-columns:repeat(3,1fr)}}
.tcf{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:768px){.tcf{grid-template-columns:repeat(2,1fr)}}
.fo{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:768px){.fo{grid-template-columns:repeat(3,1fr)}}
.fc2{background:rgba(27,38,59,0.4);backdrop-filter:blur(16px);border:1px solid var(--w05);border-radius:var(--rx);padding:32px;position:relative;transition:border-color 0.3s}.fc2:hover{border-color:rgba(197,160,40,0.5)}
.fc2.f{border-color:rgba(197,160,40,0.3)}.cbadge{position:absolute;top:0;right:0;background:var(--ar);color:var(--w);font-family:var(--fm);font-size:12px;padding:6px 12px;border-bottom-left-radius:var(--rm)}
.fic{width:48px;height:48px;border-radius:var(--rx);background:var(--dn);border:1px solid var(--w10);display:flex;align-items:center;justify-content:center;color:var(--ar);margin-bottom:24px}
.fch{font-family:var(--fd);font-size:20px;font-weight:600;color:var(--w);margin-bottom:16px}
.fcp{color:var(--sm);margin-bottom:24px;font-size:15px;line-height:24px}
.fcl{display:flex;flex-direction:column;gap:12px}.fcli{display:flex;align-items:center;gap:12px;color:var(--sm);font-family:var(--fm);font-size:12px}
.fcli svg{color:var(--ar);width:20px;height:20px;flex-shrink:0}
.pg{display:grid;grid-template-columns:1fr;gap:48px}@media(min-width:1024px){.pg{grid-template-columns:3fr 1fr}}
.lc{display:grid;grid-template-columns:1fr;gap:var(--g)}@media(min-width:768px){.lc{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.lc{grid-template-columns:repeat(3,1fr)}}
#vwe-voorraad{width:100%}#autodealers_frame{width:100%;border:none;display:block}#vwe-voorraad .voorraad-header,#vwe-voorraad .occasion-header,#vwe-voorraad h1,#vwe-voorraad h2{display:none !important}
@media(max-width:768px){.hero{min-height:45vh;padding-top:0;overflow:hidden;align-items:flex-end}.hero>img{transform:scale(0.92);object-position:center 20%}.hero-card{display:none !important}.hero .hc{padding-bottom:0}.hero-btns{flex-wrap:nowrap !important}.hero-btns .btn{padding:12px 16px;font-size:12px}}@media(max-width:768px){.mobile-hero-card{display:block !important;padding:24px 0 0;background:var(--ib)}.sg.bp{padding-top:48px}}
.ckb{position:fixed;bottom:0;left:0;right:0;z-index:200;background:rgba(13,19,31,0.98);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--w10);padding:16px 24px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;transform:translateY(100%);transition:transform 0.4s ease}.ckb.show{transform:translateY(0)}.ckb-t{font-size:13px;color:var(--w70);line-height:20px;max-width:680px;text-align:center}.ckb-t a{color:var(--ar);text-decoration:underline}.ckb-b{background:var(--ar);color:var(--w);border:none;border-radius:var(--rm);padding:8px 20px;font-family:var(--fm);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;cursor:pointer;transition:opacity 0.2s;white-space:nowrap}.ckb-b:hover{opacity:0.88}@media(max-width:480px){.ckb{flex-direction:column;gap:12px;padding:16px}.ckb-t{text-align:center}}
.fm{border-radius:var(--rl);padding:20px 24px;margin-bottom:32px;display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:24px;animation:fa 0.3s ease}@keyframes fa{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.fm-ok{background:rgba(81,207,102,0.12);border:1px solid rgba(81,207,102,0.3);color:#51cf66}.fm-er{background:rgba(255,107,107,0.12);border:1px solid rgba(255,107,107,0.3);color:#ff6b6b}.fm svg{flex-shrink:0;width:22px;height:22px;margin-top:1px}
@media(max-width:767px){.afc{padding:20px}.sop .ob{padding:16px}.cw{padding:12px}.cdd{padding:6px;font-size:13px}.cdl{font-size:11px;padding:2px}}
@media(max-width:380px){.afc{padding:16px}.sop .ob{padding:12px}.sop .oi{margin-bottom:8px}.sop .ot{font-size:13px}.sop .od{font-size:12px}}
