@font-face{font-family:'Peyda';src:url(../assets/9d24d4489ffd29dd.woff) format('woff');font-weight:400;font-display:swap}
@font-face{font-family:'Peyda';src:url(../assets/a5d9d8b976580742.woff) format('woff');font-weight:500;font-display:swap}
@font-face{font-family:'Peyda';src:url(../assets/a476423603f2673d.woff) format('woff');font-weight:600;font-display:swap}
@font-face{font-family:'Peyda';src:url(../assets/79915e5e67587830.woff) format('woff');font-weight:800;font-display:swap}
:root{
  --purple:#470068; --purple-2:#68118C; --purple-soft:#FBF7EF; --purple-border:#E8D5AA;
  --gold:#C99712; --gold-deep:#8A5C00; --gold-soft:#FFF4D2;
  --ink:#221A28; --ink-2:#6C6473; --canvas:#FFFFFF; --soft:#FBFAF7; --border:#ECE7DE;
  --dark:#19101F; --radius:12px; --lav:#F8F3E8;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Peyda',Tahoma,sans-serif;color:var(--ink);background:var(--canvas);font-size:16px;line-height:1.9;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.container{max-width:1120px;margin:0 auto;padding:0 24px}
section{position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--purple);font-weight:700;font-size:14px;background:linear-gradient(135deg,#fffaf0,var(--gold-soft));border:1px solid var(--purple-border);padding:4px 14px;border-radius:999px;box-shadow:0 5px 16px rgba(201,151,18,.08)}
.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--gold)}
h2.sec-title{font-size:32px;font-weight:800;line-height:1.5;margin:14px 0 10px}
p.sec-lead{color:var(--ink-2);max-width:680px;font-size:16.5px}
.gold-line{width:62px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--gold-deep),#f0cb53);margin-top:18px;box-shadow:0 3px 10px rgba(201,151,18,.22)}

/* announcement */
.announce{background:var(--gold-soft);border-bottom:1px solid #F0E6C8;font-size:13.5px;color:#5C4A10}
.announce .container{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 24px}
.announce b{color:var(--gold-deep);font-weight:600}
.announce a{color:var(--purple);font-weight:600;white-space:nowrap}

/* nav */
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(10px)}
.nav{display:flex;align-items:center;gap:12px;padding:14px 0}
.nav .logo{display:inline-flex;align-items:center}
.nav .logo img{height:36px;width:auto}
.nav ul{display:flex;align-items:center;list-style:none;gap:4px;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--purple),#651087);border:1px solid rgba(201,151,18,.38);border-radius:999px;padding:5px;box-shadow:0 8px 24px rgba(71,0,104,.16),inset 0 1px rgba(255,255,255,.14)}
.nav ul a{padding:8px 18px;border-radius:999px;transition:.25s;display:inline-flex;align-items:center;gap:9px}
.nav ul a:hover{color:#2b1032;background:linear-gradient(135deg,#f2d66f,var(--gold))}
.nav ul a.home-link{padding:3px 6px;margin-left:14px;display:inline-flex;align-items:center}
.nav ul a.home-link:hover{background:none}
.nav ul a.home-link:hover .home-ic{background:#B78300}
.home-ic{width:33px;height:33px;border-radius:50%;background:var(--purple);display:inline-flex;align-items:center;justify-content:center;flex:none;transition:background .25s}
.home-ic svg{width:16px;height:16px}
.icon-btn{width:46px;height:46px;border-radius:50%;background:var(--purple);display:inline-flex;align-items:center;justify-content:center;transition:.25s;flex:none;position:relative;overflow:hidden}
.icon-btn:hover{background:var(--purple-2)}
.nav .spacer{flex:1}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:15px;font-weight:600;border-radius:999px;padding:11px 26px;cursor:pointer;border:1px solid transparent;transition:.2s;min-height:44px;position:relative;overflow:hidden}
.btn-primary{background:linear-gradient(135deg,var(--purple),var(--purple-2));color:#fff;border-color:rgba(201,151,18,.38);box-shadow:0 9px 22px rgba(71,0,104,.18)}
.btn-primary:hover{background:linear-gradient(135deg,var(--purple-2),#7d289d);box-shadow:0 12px 28px rgba(71,0,104,.26)}
.btn-outline{border-color:var(--purple-border);color:var(--purple);background:#fff}
.btn-outline:hover{background:var(--purple-soft)}
.btn-sm{padding:8px 18px;font-size:14px;min-height:40px}
.menu-toggle{display:none;background:none;border:1px solid var(--border);border-radius:8px;width:44px;height:44px;cursor:pointer;color:var(--purple);font-size:20px;line-height:1}

/* hero */
.hero{background:#fff;padding:24px 0 60px}
.hero-card{background:radial-gradient(circle at 88% 12%,rgba(201,151,18,.24),transparent 31%),linear-gradient(135deg,#fff 0%,#fbf7ee 55%,#f4e5bd 100%);border:1px solid rgba(201,151,18,.32);border-radius:30px;display:grid;grid-template-columns:1.08fr .92fr;gap:36px;align-items:center;padding:54px 58px;overflow:hidden;box-shadow:0 24px 65px rgba(71,0,104,.09)}
.hero .eyebrow{background:#fffaf0;border-color:#E3C56F}
.hero h1{font-size:47px;font-weight:800;line-height:1.75;color:var(--purple);margin-top:18px}
.hero h1 svg{vertical-align:-5px;margin:0 1px}
.hero .divider{display:flex;align-items:center;gap:16px;margin:20px 0 22px;max-width:430px}
.hero .divider .line{flex:1;height:3.5px;background:var(--purple);border-radius:3px}
.hero .hero-sub{color:var(--purple);font-weight:800;font-size:25px;line-height:2.05}
.hero .ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.btn-light{background:#fffaf0;color:var(--purple);border-color:#DDBB58}
.btn-light:hover{background:#fff2c8}
.hero-art img{width:100%;max-width:430px;margin:0 auto 0 0;display:block;filter:drop-shadow(0 18px 34px rgba(71,0,104,.16))}
.hero .trust-chips{margin-top:26px;justify-content:center}
.trust-chips{display:flex;gap:10px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#544B5C;background:#fff;border:1px solid var(--border);border-radius:999px;padding:7px 14px}
.chip svg{flex:none}
/* partner marquee */
.marquee{overflow:hidden;direction:ltr;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee-track{display:flex;width:max-content;animation:marquee 48s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.m-set{display:flex;align-items:center;gap:70px;padding-right:70px}
.m-set img{height:46px;width:auto;opacity:.62;transition:.3s}
.m-set img:hover{opacity:1}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* hover glow */
.glow{position:relative;overflow:hidden}
.glow>*{position:relative;z-index:1}
.glow::before{content:'';position:absolute;inset:-30%;z-index:0;background:radial-gradient(360px circle at var(--mx,72%) var(--my,28%),rgba(120,30,165,.30),rgba(183,131,0,.20) 46%,transparent 72%);filter:blur(44px);opacity:0;transition:opacity .45s ease;pointer-events:none}
.glow:hover::before{opacity:1}
@media (prefers-reduced-motion: reduce){.marquee-track{animation:none}.reveal{opacity:1!important;transform:none!important}}

/* reveal */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}

/* brands */
.brands{padding:56px 0 40px}
.brands .head{text-align:center;margin-bottom:28px}
.brands .note{text-align:center;color:var(--ink-2);font-size:13.5px;margin-top:14px}

/* role steps */
.role{background:var(--soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:88px 0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.step{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:30px 26px}
.step .num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(145deg,#f4d76d,var(--gold));color:#2e1735;font-weight:800;font-size:17px;margin-bottom:16px;box-shadow:0 8px 18px rgba(201,151,18,.2)}
.step h3{font-size:18px;font-weight:700;margin-bottom:8px}
.step p{color:var(--ink-2);font-size:14.5px}
.step .gold-tick{color:var(--gold);font-weight:600;font-size:13px;margin-top:12px;display:flex;align-items:center;gap:6px}

/* products */
.products{padding:88px 0}
.strip-wrap{margin-top:40px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:26px 62px;direction:ltr;position:relative;overflow:hidden}
.strip-wrap img{height:200px;width:auto;max-width:none;margin:0;display:block}
.products .cta-row{display:flex;justify-content:center;margin-top:30px}

/* why */
.why{background:var(--soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:88px 0}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.why-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px}
.why-card .ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff4cd,#e9bf42);border:1px solid rgba(201,151,18,.36);margin-bottom:16px;box-shadow:0 8px 20px rgba(201,151,18,.14)}
.why-card h3{font-size:17px;font-weight:700;margin-bottom:8px}
.why-card p{color:var(--ink-2);font-size:14px}

/* process */
.process{padding:110px 0;background:radial-gradient(circle at 8% 10%,rgba(201,151,18,.11),transparent 24%),linear-gradient(180deg,#fff,#fbf6eb)}
.process-shell{position:relative;overflow:hidden;padding:58px;border:1px solid rgba(224,181,55,.42);border-radius:34px;background:linear-gradient(145deg,#170b1d 0%,#2b0a38 55%,#410552 100%);box-shadow:0 34px 90px rgba(46,5,61,.22),inset 0 1px rgba(255,255,255,.1)}
.process-shell:before{content:'';position:absolute;left:-150px;top:-190px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(224,181,55,.22),transparent 67%);pointer-events:none}
.process-shell:after{content:'';position:absolute;right:-90px;bottom:-160px;width:410px;height:410px;border:1px solid rgba(231,196,91,.12);border-radius:50%;box-shadow:0 0 0 42px rgba(231,196,91,.035),0 0 0 86px rgba(231,196,91,.025);pointer-events:none}
.process-head{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:42px}
.process-head .eyebrow{background:rgba(255,255,255,.07);border-color:rgba(232,196,83,.42);color:#f5d875;box-shadow:none}
.process-head h2{color:#fff;margin-bottom:0;font-size:36px}
.process-head p{max-width:430px;color:rgba(255,255,255,.62);font-size:14px;line-height:2;text-align:left}
.process-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;gap:42px;align-items:stretch}
.timeline{list-style:none;position:relative;padding:10px 34px 4px 0;margin:0}
.timeline:before,.timeline:after{content:'';position:absolute;right:8px;top:20px;bottom:20px;width:2px;border-radius:3px}
.timeline:before{background:rgba(255,255,255,.13)}
.timeline:after{background:linear-gradient(180deg,#ffe07a,var(--gold));transform:scaleY(0);transform-origin:top;transition:transform 1.45s cubic-bezier(.2,.7,.2,1) .25s;box-shadow:0 0 13px rgba(229,183,48,.58)}
.process-shell.in .timeline:after{transform:scaleY(1)}
.process-step{position:relative;padding:0 0 28px 0;opacity:0;transform:translateX(-26px);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.75,.2,1)}
.process-step:last-child{padding-bottom:0}
.process-shell.in .process-step{opacity:1;transform:none}
.process-shell.in .process-step:nth-child(1){transition-delay:.22s}.process-shell.in .process-step:nth-child(2){transition-delay:.42s}.process-shell.in .process-step:nth-child(3){transition-delay:.62s}.process-shell.in .process-step:nth-child(4){transition-delay:.82s}
.timeline .node{position:absolute;right:-33px;top:5px;width:18px;height:18px;border-radius:50%;background:#210a2b;border:3px solid #e3b43a;box-shadow:0 0 0 6px rgba(227,180,58,.11),0 0 18px rgba(227,180,58,.4);transition:transform .35s ease,background .35s ease}
.process-step:hover .node{transform:scale(1.22);background:#e3b43a}
.process-index{display:inline-flex;align-items:center;gap:8px;margin-bottom:6px;color:#e9c85b;font-size:11px;font-weight:800;letter-spacing:.7px}
.process-index:after{content:'';width:26px;height:1px;background:rgba(232,197,89,.5)}
.timeline h3{font-size:17px;font-weight:800;color:#fff;margin-bottom:5px}
.timeline p{color:rgba(255,255,255,.58);font-size:13.5px;line-height:1.95;max-width:430px}
.quality-visual{position:relative;min-height:500px;overflow:hidden;border-radius:24px;border:1px solid rgba(235,202,99,.3);background:#100b14;box-shadow:0 24px 58px rgba(0,0,0,.3)}
.quality-photo{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;object-position:center;transform:translate3d(0,var(--quality-shift,0px),0) scale(1.06);transition:transform .18s linear;filter:saturate(.92) contrast(1.06)}
.quality-visual:before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(0deg,rgba(12,6,15,.94) 0%,rgba(21,8,27,.2) 52%,rgba(9,5,11,.08) 100%)}
.quality-visual:after{content:'';position:absolute;z-index:2;inset:16px;border:1px solid rgba(241,208,103,.28);border-radius:17px;pointer-events:none}
.quality-callout{position:absolute;z-index:3;right:30px;left:30px;bottom:28px;color:#fff;padding:26px 28px;border-radius:18px;border:1px solid rgba(243,208,101,.32);background:rgba(25,10,31,.72);backdrop-filter:blur(14px);transform:translateY(30px);opacity:0;transition:opacity .75s ease .65s,transform .85s cubic-bezier(.2,.75,.2,1) .65s}
.process-shell.in .quality-callout{transform:none;opacity:1}
.quality-callout .mini{color:#f0ce64;font-size:12px;font-weight:800;margin-bottom:8px;display:flex;gap:8px;align-items:center}
.quality-callout .mini:before{content:'';width:7px;height:7px;background:#e4b432;transform:rotate(45deg);box-shadow:0 0 12px rgba(228,180,50,.7)}
.quality-callout h3{font-size:23px;font-weight:800;line-height:1.7;margin-bottom:7px}
.quality-callout p{color:rgba(255,255,255,.68);font-size:13px;line-height:1.95}

/* coverage */
.coverage{background:var(--soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:88px 0}
.coverage .head{display:flex;flex-direction:column;align-items:center;text-align:center}
.coverage .head .gold-line{margin:18px auto 0}
.map-wrap{margin-top:44px}
.map-wrap img{width:100%;height:auto;filter:drop-shadow(0 10px 24px rgba(71,0,104,.07))}

/* cooperation */
.coop{padding:88px 0}
.coop-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px}
.coop-card{border:1px solid var(--border);border-radius:16px;padding:38px 34px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.coop-card.alt{background:var(--purple-soft);border-color:var(--purple-border)}
.coop-card .tag{font-size:12.5px;font-weight:600;color:var(--gold-deep);background:var(--gold-soft);border:1px solid #EEDFB2;border-radius:999px;padding:3px 12px;margin-bottom:12px}
.coop-card h3{font-size:21px;font-weight:800}
.coop-card p{color:var(--ink-2);font-size:15px;margin:8px 0 20px}
.coop-card ul{list-style:none;margin:0 0 24px;display:flex;flex-direction:column;gap:8px;font-size:14px;color:#544B5C}
.coop-card ul li{display:flex;align-items:center;gap:9px}
.coop-card ul svg{flex:none}

/* stats */
.stats{position:relative;overflow:hidden;background:#fff;padding:96px 0 104px}
.stats:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 110%,rgba(201,151,18,.16),transparent 38%),linear-gradient(90deg,transparent 49.9%,rgba(71,0,104,.035) 50%,transparent 50.1%);pointer-events:none}
.stats-head{position:relative;text-align:center;margin-bottom:42px}
.stats-head .eyebrow{margin-bottom:10px}
.stats-head h2{font-size:30px;color:var(--purple);margin:0}
.stats-head p{color:var(--ink-2);font-size:14px;margin-top:5px}
.stats-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat{--i:0;position:relative;overflow:hidden;text-align:center;min-height:220px;padding:27px 18px 24px;border:1px solid rgba(201,151,18,.26);border-radius:20px;background:linear-gradient(150deg,#fff 0%,#fcf8ef 100%);box-shadow:0 18px 44px rgba(52,12,65,.075);opacity:0;transform:translateY(42px) scale(.95);transition:opacity .7s ease calc(var(--i)*.13s),transform .8s cubic-bezier(.2,.8,.2,1) calc(var(--i)*.13s),box-shadow .35s ease,border-color .35s ease}
.stats.in .stat{opacity:1;transform:none}
.stat:before{content:'';position:absolute;left:-42%;top:-50%;width:76%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent);transform:rotate(18deg) translateX(-130%);transition:transform .8s ease}
.stat:hover:before{transform:rotate(18deg) translateX(300%)}
.stat:after{content:'';position:absolute;right:0;left:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--purple),#e9ba3b,var(--purple));transform:scaleX(0);transition:transform .45s ease}
.stat:hover{transform:translateY(-9px)!important;border-color:rgba(201,151,18,.58);box-shadow:0 25px 58px rgba(71,0,104,.14)}
.stat:hover:after{transform:scaleX(1)}
.stat-icon{position:relative;z-index:1;width:48px;height:48px;margin:0 auto 15px;display:grid;place-items:center;border-radius:14px;color:var(--purple);background:linear-gradient(145deg,#fff2c5,#ddb03a);box-shadow:0 10px 24px rgba(201,151,18,.2)}
.stat-icon svg{width:23px;height:23px}
.stat .v{position:relative;z-index:1;font-size:34px;font-weight:900;color:var(--purple);line-height:1.35;font-variant-numeric:tabular-nums}
.stat .v small{font-size:15px;font-weight:800;color:var(--gold-deep)}
.stat .l{position:relative;z-index:1;color:#544a59;font-size:13px;font-weight:600;margin-top:7px}
.stat .goldbar{position:relative;z-index:1;width:30px;height:3px;background:linear-gradient(90deg,#9d6d00,#efca56);border-radius:2px;margin:15px auto 0;transition:width .4s ease}
.stat:hover .goldbar{width:62px}

/* blog */
.blog{background:var(--soft);border-top:1px solid var(--border);padding:88px 0}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.post{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px 26px;display:flex;flex-direction:column;gap:10px}
.post .cat{font-size:12px;font-weight:600;color:var(--purple);background:var(--purple-soft);align-self:flex-start;border-radius:999px;padding:3px 12px}
.post h3{font-size:16.5px;font-weight:700;line-height:1.8}
.post p{color:var(--ink-2);font-size:14px;flex:1}
.post .more{color:var(--purple);font-weight:600;font-size:14px}

/* dark cta */
.final{background:var(--dark);color:#fff;padding:88px 0;text-align:center;position:relative;overflow:hidden}
.final:before{content:'';position:absolute;top:-120px;right:50%;transform:translateX(50%);width:520px;height:260px;border-radius:50%;background:radial-gradient(closest-side,rgba(122,44,168,.35),transparent)}
.final .container{position:relative}
.final img{height:44px;width:auto;margin:0 auto 26px}
.final h2{font-size:32px;font-weight:800;line-height:1.6;margin-bottom:12px}
.final p{color:rgba(255,255,255,.72);max-width:560px;margin:0 auto 32px;font-size:16px}
.final .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn-gold{background:var(--gold);color:#241A00}
.btn-gold:hover{background:#CE9A0E}
.btn-ghost{border-color:rgba(255,255,255,.28);color:#fff;background:transparent}
.btn-ghost:hover{background:rgba(255,255,255,.08)}

/* footer */
footer{background:var(--dark);color:rgba(255,255,255,.75);border-top:1px solid rgba(255,255,255,.09);font-size:14px}
.f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding:64px 0 48px}
.f-grid img{height:36px;width:auto;margin-bottom:18px}
.f-grid h4{color:#fff;font-size:15px;font-weight:700;margin-bottom:16px}
.f-grid ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.f-grid a:hover{color:#fff}
.f-grid .slogan{color:#E8D28A;font-size:13.5px;font-weight:600;margin-bottom:10px}
.f-grid p{font-size:13.5px;line-height:2}
.f-contact li{display:flex;gap:10px;align-items:baseline}
.f-contact b{color:#fff;font-weight:600;white-space:nowrap}
.f-bottom{border-top:1px solid rgba(255,255,255,.09);padding:20px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.5)}

/* responsive */
@media (max-width: 960px){
  .hero-card{grid-template-columns:1fr;padding:36px 26px}
  .hero h1{font-size:34px}
  .steps,.why-grid,.stats-grid,.blog-grid{grid-template-columns:1fr 1fr}
  .process-grid,.coop-grid{grid-template-columns:1fr}
  .f-grid{grid-template-columns:1fr 1fr}
  .nav ul{display:none}
  .nav ul.open{display:flex;position:absolute;top:80px;right:16px;left:16px;background:linear-gradient(165deg,#470068,#5B1683);flex-direction:column;gap:0;padding:16px 24px;border-radius:22px;box-shadow:0 22px 48px rgba(71,0,104,.38)}
  .nav ul.open li{border-bottom:1px solid rgba(255,255,255,.16)}
  .nav ul.open li:last-child{border-bottom:none}
  .nav ul.open a{display:flex;align-items:center;padding:14px 4px;color:#fff;border-radius:12px}
  .nav ul.open a:hover{background:none;color:#F2CB4E}
  .nav ul.open a.home-link{margin:0;padding:10px 4px}
  .nav ul.open .home-ic{background:rgba(255,255,255,.18)}
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center}
}
@media (max-width: 560px){
  .steps,.why-grid,.stats-grid,.blog-grid,.f-grid{grid-template-columns:1fr}
  .hero h1{font-size:29px}
  h2.sec-title{font-size:26px}
  .hero .hero-sub{font-size:20px}
  .hero h1 svg{width:24px;height:24px}
  .nav .btn,.icon-btn{display:none}
  .nav .logo img{height:30px}
  .strip-wrap img{height:170px}
}

/* ---- v3 ---- */
.btn::after,.icon-btn::after{content:'';position:absolute;left:var(--bx,50%);top:var(--by,50%);width:120px;height:120px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,199,44,.55),rgba(255,199,44,0) 68%);filter:blur(16px);opacity:0;transition:opacity .25s;pointer-events:none}
.btn:hover::after,.icon-btn:hover::after{opacity:1}
.btn-light::after,.btn-outline::after{background:radial-gradient(circle,rgba(113,26,158,.30),rgba(113,26,158,0) 68%)}
.btn-gold::after{background:radial-gradient(circle,rgba(255,255,255,.5),rgba(255,255,255,0) 68%)}
.btn-login{padding:5px 20px 5px 7px;gap:11px;font-weight:700}
.login-ic{display:inline-flex}
.hero-svg-wrap{margin-top:22px;max-width:520px}
.hero-svg{width:100%;height:auto;display:block}
.heart-anim{transform-box:fill-box;transform-origin:center;animation:heartPulse 1.9s ease-in-out infinite}
@keyframes heartPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}
.heart-glow{transform-box:fill-box;transform-origin:center;opacity:0;animation:heartRing 1.9s ease-out infinite}
@keyframes heartRing{0%{transform:scale(.75);opacity:.55}75%{transform:scale(2.15);opacity:0}100%{transform:scale(2.15);opacity:0}}
.gear-anim{transform-box:fill-box;transform-origin:center;animation:gearSpin 10s linear infinite}
@keyframes gearSpin{to{transform:rotate(360deg)}}
.strip-viewport{overflow:hidden}
.strip-track{display:flex;width:max-content;transition:transform .5s cubic-bezier(.33,0,.2,1)}
.car-btn{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;border-radius:50%;transition:.2s}
.car-btn:hover svg path{fill:var(--purple)}
.car-btn:disabled{cursor:default}
.car-btn:disabled svg path{fill:#E9DFC8}
.car-prev{left:10px}
.car-next{right:10px}
.hero-art{margin-left:-58px}
.team{background:var(--soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:72px 0}
.team-grid{display:grid;grid-template-columns:2.05fr 1fr;gap:22px;align-items:stretch}
.team-photo{width:100%;height:100%;object-fit:cover;border-radius:26px;display:block}
.team-card{background:linear-gradient(145deg,#fffaf0,#f1dfb2);border:1px solid rgba(201,151,18,.32);border-radius:26px;padding:36px 32px;display:flex;flex-direction:column;justify-content:center;gap:4px;box-shadow:0 18px 44px rgba(71,0,104,.08)}
.team-card h2{color:var(--purple);font-size:33px;font-weight:800;line-height:1.7}
.team-card p{color:var(--purple);font-size:24px;font-weight:700;line-height:1.95}
@media (max-width:960px){.hero-art{margin-left:-26px}.team-grid{grid-template-columns:1fr}.team-photo{order:2;height:auto}.hero-svg-wrap{max-width:440px}}
@media (max-width:560px){.strip-wrap{padding:26px 48px}.team-card h2{font-size:27px}.team-card p{font-size:20px}}
@media (prefers-reduced-motion: reduce){.heart-anim,.heart-glow,.gear-anim{animation:none}.strip-track{transition:none}}

/* ---- v4 ---- */
.strip-wrap{display:block}
.strip-viewport{margin:0 auto}
.strip-track svg{display:block}
.car-btn{width:56px;height:56px;color:#D2A225;background:transparent;border-radius:50%}
.car-btn svg{width:38px;height:38px;display:block}
.car-btn:hover:not(:disabled){color:#711A9E;transform:translateY(-50%) scale(1.12)}
.car-btn:disabled{color:#E9DFC8}
.pchov{cursor:pointer}
.ic-0,.ic-1,.ic-2,.ic-3,.ic-4,.ic-5,.ic-6,.ic-7,.ic-8,.ic-9,.gearseg,.sparkseg{transform-box:fill-box;transform-origin:center}
.ic-0.play{animation:icWiggle 1.5s ease-in-out infinite}
.ic-1.play{animation:icJolt .45s linear infinite}
.ic-2.play{animation:icPulse 1s ease-in-out infinite}
.ic-3.play .gearseg{animation:icSpin 3.4s linear infinite}
.ic-3.play .gearseg:nth-of-type(odd){animation-direction:reverse;animation-duration:2.6s}
.ic-3.play .sparkseg{animation:icTwinkle 1.2s ease-in-out infinite}
.ic-4.play{animation:icSpin 2.6s linear infinite}
.ic-5.play{animation:icSway 1.7s ease-in-out infinite}
.ic-6.play{animation:icSpin 2.8s linear infinite}
.ic-7.play{animation:icDrive 1.05s ease-in-out infinite}
.ic-8.play{animation:icWiggle 1.6s ease-in-out infinite}
.ic-9.play{animation:icRumble .32s linear infinite}
@keyframes icSpin{to{transform:rotate(360deg)}}
@keyframes icWiggle{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
@keyframes icSway{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg) translateY(-3px)}}
@keyframes icPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.13)}}
@keyframes icJolt{0%,100%{transform:translate(0,0)}25%{transform:translate(1.6px,-1px)}75%{transform:translate(-1.6px,1px)}}
@keyframes icDrive{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-4px) rotate(-1.2deg)}60%{transform:translateY(1.5px) rotate(1.2deg)}}
@keyframes icRumble{0%,100%{transform:translate(0,0)}25%{transform:translate(1px,1px)}50%{transform:translate(-1px,-.6px)}75%{transform:translate(.6px,-1px)}}
@keyframes icTwinkle{0%,100%{transform:scale(.75);opacity:.55}50%{transform:scale(1.15);opacity:1}}
.frame-pill{position:absolute;top:-23px;right:50%;transform:translateX(50%);background:#F8E4FC;color:#B78300;font-weight:800;font-size:17px;padding:10px 34px;border-radius:999px;white-space:nowrap;z-index:2}
.mech{padding:26px 0 10px;background:var(--soft)}
.mech-frame,.news-frame{position:relative;background:#fff;border:1.5px solid #F0DFF7;border-radius:28px;box-shadow:0 18px 50px rgba(71,0,104,.06)}
.mech-frame{padding:56px 56px 36px}
.mech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;max-width:880px;margin:0 auto}
@property --ga{syntax:'<angle>';inherits:false;initial-value:0deg}
.mech-card{margin:0;position:relative;border-radius:30px;padding:3px}
.mech-card::before{content:'';position:absolute;inset:0;border-radius:30px;background:conic-gradient(from var(--ga),transparent 0deg 250deg,rgba(233,185,73,.25) 285deg,#E9B949 320deg,#B78300 345deg,transparent 360deg);opacity:0;transition:opacity .3s}
.mech-card:hover::before{opacity:1;animation:strokeSpin 1.25s linear infinite}
@keyframes strokeSpin{to{--ga:360deg}}
.mech-inner{position:relative;border-radius:27px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.mech-inner img{width:100%;aspect-ratio:1/.98;object-fit:cover;display:block}
.mech-inner figcaption{background:var(--purple);color:#fff;font-weight:800;font-size:20px;text-align:center;padding:13px 8px 15px}
.newsblk{padding:70px 0}
.news-frame{padding:58px 26px 32px}
.news-row{display:flex;align-items:center;gap:6px}
.news-row .car-btn{position:static;transform:none;flex:0 0 auto}
.news-row .car-btn:hover:not(:disabled){transform:scale(1.12)}
.news-viewport{overflow:hidden;flex:1}
.news-track{display:flex;gap:22px;transition:transform .5s cubic-bezier(.33,0,.2,1)}
.news-card{position:relative;flex:0 0 calc((100% - 44px)/3);aspect-ratio:250/330;border-radius:22px;overflow:hidden}
.news-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ng{position:absolute;inset:0;transition:opacity .45s}
.ng-p{background:linear-gradient(0deg,#470068 0%,rgba(71,0,104,.82) 42%,rgba(113,26,158,.28) 78%,rgba(71,0,104,0) 100%)}
.ng-g{background:linear-gradient(0deg,#B78300 0%,rgba(183,131,0,.82) 42%,rgba(233,185,73,.28) 78%,rgba(183,131,0,0) 100%);opacity:0}
.news-card:hover .ng-g{opacity:1}
.news-card:hover .ng-p{opacity:0}
.news-date{position:absolute;top:14px;right:50%;transform:translateX(50%);background:#5B1683;color:#fff;border:1.5px solid rgba(255,255,255,.75);padding:5px 18px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap;z-index:2}
.news-card:hover .news-date{animation:datePulse 1.1s ease-in-out infinite}
@keyframes datePulse{0%,100%{background:#5B1683;box-shadow:0 0 0 rgba(233,185,73,0)}50%{background:#B78300;box-shadow:0 0 18px rgba(233,185,73,.65)}}
.news-card h3{position:absolute;bottom:16px;right:12px;left:12px;margin:0;text-align:center;color:#fff;font-size:19px;font-weight:800;line-height:1.75;transition:color .4s;z-index:2}
.news-card:hover h3{color:#1C1226}
.news-cta{text-align:center;margin-top:28px}
.blog-btn{position:relative;display:inline-block;background:linear-gradient(135deg,#F2CB4E,#CE9A0A);color:#241A00;font-weight:800;font-size:17px;padding:13px 42px;border-radius:999px;overflow:hidden;text-decoration:none;transition:transform .3s,box-shadow .3s;animation:blogFloat 2.6s ease-in-out infinite}
.blog-btn::before{content:'';position:absolute;top:0;left:-70%;width:42%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-18deg);animation:blogShine 2.6s ease-in-out infinite}
.blog-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 14px 32px rgba(183,131,0,.4)}
@keyframes blogShine{0%{left:-70%}55%,100%{left:130%}}
@keyframes blogFloat{0%,100%{box-shadow:0 6px 18px rgba(183,131,0,.22)}50%{box-shadow:0 10px 28px rgba(183,131,0,.42)}}
.team-grid{grid-template-columns:2.97fr 1.37fr;gap:24px}
.team-photo{aspect-ratio:579/195}
.team-textimg{width:100%;height:100%;object-fit:cover;border-radius:26px;display:block}
.gold-ambient{position:fixed;top:0;left:0;width:56vw;height:56vw;border-radius:50%;pointer-events:none;z-index:3;background:radial-gradient(circle,rgba(203,150,10,.10) 0%,rgba(120,30,165,.05) 42%,rgba(120,30,165,0) 68%);filter:blur(46px);mix-blend-mode:multiply;animation:ambientMove 38s ease-in-out infinite alternate}
@keyframes ambientMove{0%{transform:translate(-12vw,-12vh)}30%{transform:translate(58vw,4vh)}60%{transform:translate(46vw,55vh)}100%{transform:translate(-8vw,52vh)}}
.cursor{display:none;position:fixed;left:0;top:0;z-index:12000;pointer-events:none;will-change:transform}
.cursor svg{display:block;overflow:visible;filter:drop-shadow(0 2px 5px rgba(40,10,60,.35))}
.cur-run{animation:curRun 1.5s linear infinite}
@keyframes curRun{to{stroke-dashoffset:-100}}
@media (hover:hover) and (pointer:fine){html *{cursor:none!important}.cursor{display:block}}
@media (max-width:900px){.news-card{flex-basis:calc((100% - 22px)/2)}.team-textimg{height:auto;max-width:340px;margin:0 auto}}
@media (max-width:700px){.hero-art{display:none}.mech-grid{grid-template-columns:1fr;max-width:340px}.mech-frame{padding:52px 26px 30px}.frame-pill{font-size:15px;padding:9px 22px}}
@media (max-width:560px){.news-card{flex-basis:100%}.news-frame{padding:54px 12px 26px}.car-btn svg{width:30px;height:30px}}
@media (prefers-reduced-motion:reduce){.gold-ambient,.cur-run,.blog-btn,.blog-btn::before{animation:none}[class*="ic-"].play,.ic-3.play .gearseg,.ic-3.play .sparkseg,.mech-card:hover::before,.news-card:hover .news-date{animation:none!important}}

/* luxury car accessories */
.accessories{padding:96px 0;background:linear-gradient(180deg,#fff 0%,#faf5e9 100%);overflow:hidden}
.accessories-shell{position:relative;overflow:hidden;border:1px solid rgba(226,180,51,.48);border-radius:30px;background:#1d1322;color:#fff;box-shadow:0 28px 70px rgba(71,0,104,.22),0 0 0 7px rgba(201,151,18,.045)}
.accessories-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 16%,rgba(226,180,51,.34),transparent 34%),radial-gradient(circle at 14% 86%,rgba(91,13,123,.46),transparent 39%);pointer-events:none}
.accessories-grid{position:relative;z-index:1;display:grid;grid-template-columns:.88fr 1.12fr;min-height:590px}
.accessories-copy{padding:62px 58px 54px;display:flex;flex-direction:column;justify-content:center}
.accessories .eyebrow{align-self:flex-start;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#f2d77f}
.accessories h2{font-size:36px;line-height:1.65;margin:20px 0 12px}
.accessories .lead{color:rgba(255,255,255,.7);font-size:16px;line-height:2.05;max-width:510px}
.accessory-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0 32px}
.accessory-point{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);border-radius:13px;color:rgba(255,255,255,.86);font-size:13.5px}
.accessory-point .ap-ic{width:31px;height:31px;display:grid;place-items:center;flex:none;border-radius:9px;background:linear-gradient(145deg,#d7ac35,#9c7000);color:#241900}
.accessory-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.accessories .btn-gold{box-shadow:0 10px 28px rgba(183,131,0,.2)}
.accessory-note{display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,.58);font-size:12.5px}
.accessory-note:before{content:"";width:6px;height:6px;border-radius:50%;background:#d1a52e;box-shadow:0 0 0 5px rgba(209,165,46,.12)}
.accessories-visual{position:relative;min-height:590px;overflow:hidden;background:#291b2f}
.accessories-main-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.92) contrast(1.04)}
.accessories-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1d1322 0%,rgba(29,19,34,.18) 32%,rgba(29,19,34,.05) 72%),linear-gradient(0deg,rgba(18,11,21,.68),transparent 50%)}
.accessories-gear{position:absolute;z-index:3;left:28px;top:28px;width:106px;height:106px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(33,18,39,.93),rgba(18,10,22,.72));border:1px solid rgba(241,205,93,.55);backdrop-filter:blur(12px);box-shadow:0 15px 38px rgba(0,0,0,.32),0 0 36px rgba(201,151,18,.15)}
.accessories-gear:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(233,190,64,.2);box-shadow:inset 0 0 18px rgba(229,183,48,.12)}
.accessories-gear svg{width:76px;height:76px;overflow:visible;filter:drop-shadow(0 0 10px rgba(229,185,54,.38));animation:heroGearSpin 9s linear infinite}
@keyframes heroGearSpin{to{transform:rotate(360deg)}}
.accessory-cards{position:absolute;z-index:3;right:28px;left:28px;bottom:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.accessory-card{min-height:108px;padding:16px 15px;border-radius:15px;border:1px solid rgba(255,255,255,.17);background:rgba(26,17,31,.74);backdrop-filter:blur(13px);transition:transform .3s ease,background .3s ease,border-color .3s ease}
.accessory-card:hover{transform:translateY(-7px);background:rgba(72,26,91,.78);border-color:rgba(230,190,78,.48)}
.accessory-card .mini-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(202,154,26,.16);color:#ebc95d;margin-bottom:9px}
.accessory-card h3{font-size:14px;line-height:1.6}
.accessory-card p{font-size:11.5px;line-height:1.7;color:rgba(255,255,255,.58);margin-top:3px}
@media (max-width:960px){
  .accessories-grid{grid-template-columns:1fr}
  .accessories-copy{padding:48px 36px}
  .accessories-visual{min-height:500px}
  .accessories-visual:after{background:linear-gradient(0deg,rgba(18,11,21,.78),transparent 65%)}
}
@media (max-width:560px){
  .accessories{padding:72px 0}
  .accessories-shell{border-radius:22px}
  .accessories-copy{padding:38px 24px}
  .accessories h2{font-size:28px}
  .accessory-points{grid-template-columns:1fr}
  .accessories-visual{min-height:610px}
  .accessory-cards{grid-template-columns:1fr;right:18px;left:18px;bottom:18px}
  .accessory-card{min-height:auto}
  .accessories-gear{left:18px;top:18px;width:88px;height:88px}
  .accessories-gear svg{width:63px;height:63px}
}
@media (max-width:960px){
  .process-shell{padding:42px 34px}
  .process-head{align-items:flex-start;flex-direction:column}
  .process-head p{text-align:right}
  .process-grid{grid-template-columns:1fr}
  .quality-visual{min-height:480px}
}
@media (max-width:560px){
  .process{padding:74px 0}
  .process-shell{padding:30px 20px;border-radius:24px}
  .process-head{margin-bottom:30px}
  .process-head h2{font-size:27px}
  .process-head p{font-size:13px}
  .timeline{padding-right:31px}
  .timeline .node{right:-30px}
  .quality-visual{min-height:460px;border-radius:18px}
  .quality-callout{right:16px;left:16px;bottom:16px;padding:20px}
  .quality-callout h3{font-size:19px}
  .stats{padding:76px 0 82px}
  .stats-head h2{font-size:25px;line-height:1.6}
  .stats-grid{grid-template-columns:1fr 1fr;gap:12px}
  .stat{min-height:196px;padding:23px 11px 20px}
  .stat .v{font-size:29px}
}
@media (max-width:390px){.stats-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.accessories-gear svg{animation:none}.process-step,.quality-callout,.stat,.timeline:after{transition:none!important}.process-step,.quality-callout,.stat{opacity:1!important;transform:none!important}.timeline:after{transform:scaleY(1)!important}.quality-photo{transform:scale(1.06)!important}}

/* flat minimal system — no elevation shadows */
html *,html *::before,html *::after{box-shadow:none!important;text-shadow:none!important}
.hero-art img,.map-wrap img,.cursor svg,.accessories-gear svg{filter:none!important}