/* ==========================================================================
   Tiny Maket — Home page sections (ported 1:1 from prototype)
   Loaded only on the front page.
   ========================================================================== */

/* ════════ HERO ════════ */
.hero{position:relative;background:radial-gradient(125% 135% at 74% 6%,#2F3742 0%,#242B34 42%,#15181D 100%);overflow:hidden;}
.hero-grain{position:absolute;inset:0;opacity:.5;pointer-events:none;background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.022) 0 1px,transparent 1px 26px);}
.hero-spot{position:absolute;top:-16%;left:6%;width:64%;height:96%;background:radial-gradient(ellipse at center,rgba(236,28,37,.2),transparent 60%);pointer-events:none;filter:blur(8px);}
.hero-spot2{position:absolute;bottom:-20%;right:-6%;width:50%;height:80%;background:radial-gradient(ellipse at center,rgba(70,120,200,.12),transparent 64%);pointer-events:none;}
.hero-inner{position:relative;display:flex;flex-direction:column-reverse;gap:18px;padding:34px 0 40px;}
@media(min-width:880px){.hero-inner{flex-direction:row;align-items:center;gap:26px;padding:54px 0 60px;min-height:480px;}}
.hero-copy{flex:1.05;text-align:center;}
@media(min-width:880px){.hero-copy{text-align:right;}}
.hero-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);color:#fff;font-size:.72rem;font-weight:700;padding:7px 14px;border-radius:999px;margin-bottom:18px;backdrop-filter:blur(6px);}
.hero-tag svg{width:14px;height:14px;color:#FF6B72;}
.hero-tag b{color:#FF6B72;font-weight:800;}
.hero h1{font-size:clamp(2rem,6.5vw,3.5rem);font-weight:900;color:#fff;letter-spacing:-1px;line-height:1.18;margin-bottom:16px;}
.hero h1 em{font-style:normal;color:#fff;position:relative;white-space:nowrap;}
.hero h1 em::after{content:"";position:absolute;bottom:1px;right:0;left:0;height:10px;background:linear-gradient(90deg,var(--red),#FF6B72);opacity:.85;border-radius:4px;z-index:-1;}
.hero-sub{font-size:1rem;color:rgba(255,255,255,.64);max-width:430px;margin:0 auto 26px;line-height:1.7;}
@media(min-width:880px){.hero-sub{margin:0 0 28px;}}
.hero-ctas{display:flex;gap:11px;justify-content:center;flex-wrap:wrap;margin-bottom:30px;}
@media(min-width:880px){.hero-ctas{justify-content:flex-start;}}
.hero-stats{display:flex;justify-content:center;flex-wrap:wrap;}
@media(min-width:880px){.hero-stats{justify-content:flex-start;}}
.hstat{display:flex;flex-direction:column;gap:2px;padding:0 18px;border-inline-start:1px solid rgba(255,255,255,.14);}
.hstat:first-child{padding-inline-start:0;border:none;}
.hstat .num{font-size:1.35rem;font-weight:900;color:#fff;letter-spacing:-.5px;}
.hstat .lbl{font-size:.68rem;font-weight:600;color:rgba(255,255,255,.5);}
.hero-visual{flex:1;position:relative;width:100%;max-width:440px;margin-inline:auto;aspect-ratio:1/.92;}
.hero-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.hero-floor{position:absolute;bottom:14%;left:5%;right:5%;height:30px;background:radial-gradient(ellipse at center,rgba(0,0,0,.55),transparent 70%);border-radius:50%;filter:blur(3px);}
.hero-car{position:relative;width:100%;animation:hfloat 6s ease-in-out infinite;z-index:2;}
.hero-car svg{width:100%;filter:drop-shadow(0 30px 40px rgba(0,0,0,.55));}
@keyframes hfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.hero-ring{position:absolute;top:50%;left:50%;width:96%;height:96%;transform:translate(-50%,-50%);border:1px dashed rgba(255,107,114,.26);border-radius:50%;animation:hspin 40s linear infinite;}
.hero-ring::before{content:"";position:absolute;top:8%;left:50%;width:7px;height:7px;background:var(--red);border-radius:50%;transform:translateX(-50%);box-shadow:0 0 12px var(--red);}
@keyframes hspin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
.hero-chip{position:absolute;background:rgba(255,255,255,.96);border-radius:14px;padding:9px 13px;box-shadow:0 14px 30px -14px rgba(0,0,0,.55);display:flex;align-items:center;gap:9px;z-index:3;backdrop-filter:blur(4px);}
.hero-chip svg{width:22px;height:22px;color:var(--red);flex:none;}
.hero-chip.amber svg{color:var(--amber2);}
.hero-chip b{display:block;font-size:.78rem;font-weight:800;color:var(--ink);line-height:1.2;}
.hero-chip span{font-size:.62rem;color:var(--ink3);font-weight:600;}
.hero-chip.c1{top:8%;right:-2%;animation:floatA 5s ease-in-out infinite;}
.hero-chip.c2{bottom:18%;left:-4%;animation:floatB 6s ease-in-out infinite .6s;}
@keyframes floatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes floatB{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}

/* ════════ TRUST STRIP ════════ */
.tstrip{background:var(--sf);border-bottom:1px solid var(--line);}
.tstrip-row{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.tstrip-row::-webkit-scrollbar{display:none;}
.titem{display:flex;align-items:center;gap:9px;padding:14px 18px;border-inline-end:1px solid var(--line);white-space:nowrap;flex:none;}
.titem:last-child{border-inline-end:none;}
.tic{width:34px;height:34px;border-radius:10px;background:var(--red-soft);color:var(--red);display:flex;align-items:center;justify-content:center;flex:none;transition:transform .25s;}
.tic svg{width:17px;height:17px;}
.titem:hover .tic{transform:scale(1.1) rotate(-4deg);}
.titem b{display:block;font-size:.78rem;font-weight:800;color:var(--ink);}
.titem span{font-size:.66rem;color:var(--ink3);}

/* ════════ CATEGORY SPLIT ════════ */
.catsec{padding:48px 0 14px;}
.catgrid{display:grid;gap:16px;grid-template-columns:1fr;}
@media(min-width:760px){.catgrid{grid-template-columns:1fr 1fr;}}
.catcard{position:relative;border-radius:var(--r4);overflow:hidden;padding:32px 28px;min-height:250px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;border:1px solid var(--line);transition:transform .3s,box-shadow .3s;}
.catcard:hover{transform:translateY(-5px);box-shadow:var(--sh);}
.catcard.car{background:linear-gradient(150deg,#fff 0%,#FBEEEF 100%);}
.catcard.moto{background:linear-gradient(150deg,#fff 0%,#EAF3EF 100%);}
.catcard .cglow{position:absolute;inset:0;z-index:-1;}
.catcard.car .cglow{background:radial-gradient(circle at 84% 16%,rgba(236,28,37,.16),transparent 56%);}
.catcard.moto .cglow{background:radial-gradient(circle at 84% 16%,rgba(34,140,90,.14),transparent 56%);}
.catcard .cart{position:absolute;top:7%;left:-7%;width:64%;z-index:-1;opacity:.96;transition:transform .4s;}
.catcard:hover .cart{transform:scale(1.06) rotate(-2deg);}
.catcard .ctag{display:inline-flex;align-items:center;gap:6px;font-size:.66rem;font-weight:800;letter-spacing:.3px;margin-bottom:9px;padding:5px 11px;border-radius:999px;width:fit-content;}
.catcard.car .ctag{color:var(--red);background:var(--red-soft);}
.catcard.moto .ctag{color:#1E8A5A;background:rgba(34,140,90,.1);}
.catcard h3{font-size:1.55rem;font-weight:900;margin-bottom:8px;letter-spacing:-.5px;}
.catcard p{color:var(--ink2);font-size:.85rem;margin-bottom:18px;max-width:210px;}
.catcard .clink{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:.86rem;}
.catcard.car .clink{color:var(--red);}
.catcard.moto .clink{color:#1E8A5A;}
.catcard .clink svg{width:16px;height:16px;transition:transform .25s;}
.catcard:hover .clink svg{transform:translateX(-4px);}

/* ════════ BUDGET ════════ */
.budget{padding:46px 0;}
.bud-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:26px;}
.bud-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
@media(min-width:900px){.bud-grid{grid-template-columns:repeat(4,1fr);}}
.bud-card{position:relative;border-radius:var(--r3);padding:22px 20px;background:var(--sf);border:1.5px solid var(--line);overflow:hidden;transition:.3s;display:flex;flex-direction:column;gap:16px;min-height:210px;isolation:isolate;}
.bud-card .bud-tint{position:absolute;inset:0;z-index:-1;opacity:.6;}
.bud-card:hover{transform:translateY(-6px);border-color:var(--ac);box-shadow:0 22px 40px -22px var(--acs);}
.bud-card.t1{--ac:#36A06E;--acs:rgba(54,160,110,.45);}
.bud-card.t2{--ac:#C79A52;--acs:rgba(199,154,82,.45);}
.bud-card.t3{--ac:#E0772E;--acs:rgba(224,119,46,.45);}
.bud-card.t4{--ac:#EC1C25;--acs:rgba(236,28,37,.45);}
.bud-card.t1 .bud-tint{background:radial-gradient(circle at 80% 0,rgba(54,160,110,.14),transparent 62%);}
.bud-card.t2 .bud-tint{background:radial-gradient(circle at 80% 0,rgba(199,154,82,.16),transparent 62%);}
.bud-card.t3 .bud-tint{background:radial-gradient(circle at 80% 0,rgba(224,119,46,.16),transparent 62%);}
.bud-card.t4 .bud-tint{background:radial-gradient(circle at 80% 0,rgba(236,28,37,.16),transparent 62%);}
.bud-top{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.bud-meter{display:flex;gap:4px;}
.bud-meter span{width:16px;height:6px;border-radius:3px;background:var(--line2);transition:background .3s;}
.bud-card.t1 .bud-meter span:nth-child(-n+1),
.bud-card.t2 .bud-meter span:nth-child(-n+2),
.bud-card.t3 .bud-meter span:nth-child(-n+3),
.bud-card.t4 .bud-meter span:nth-child(-n+4){background:var(--ac);}
.bud-tier{font-size:.66rem;font-weight:800;color:var(--ac);background:var(--bg);padding:5px 12px;border-radius:999px;white-space:nowrap;}
.bud-art{display:flex;align-items:center;justify-content:center;height:56px;}
.bud-art svg{width:78%;max-height:56px;}
.bud-price{font-size:1.35rem;font-weight:900;color:var(--ink);letter-spacing:-.5px;line-height:1.2;}
.bud-price small{font-size:.66rem;font-weight:600;color:var(--ink3);}
.bud-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:6px;border-top:1px solid var(--line);}
.bud-count{font-size:.72rem;font-weight:800;color:var(--ac);}
.bud-arrow{width:20px;height:20px;color:var(--ac);transition:transform .2s;}
.bud-card:hover .bud-arrow{transform:translateX(-4px);}

/* ════════ VEHICLE BRANDS ════════ */
.vbrand{padding:48px 0;background:var(--sf2);}
.vb-strip{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 2px 16px;}
.vb-strip::-webkit-scrollbar{display:none;}
.vb-chip{flex:none;display:flex;align-items:center;gap:8px;padding:8px 16px 8px 10px;border-radius:999px;background:var(--sf);border:1.5px solid var(--line);font-weight:700;font-size:.82rem;color:var(--ink2);transition:.22s;}
.vb-chip .bb,.vb-chip .micon{width:27px;height:27px;font-size:.6rem;flex:none;box-shadow:none;}
.vb-chip:hover{border-color:var(--line2);transform:translateY(-2px);}
.vb-chip.active{background:var(--dark);color:#fff;border-color:var(--dark);}
.vb-panel{position:relative;border-radius:var(--r4);overflow:hidden;display:grid;grid-template-columns:1fr;min-height:300px;box-shadow:var(--sh);background:radial-gradient(125% 135% at 74% 6%,#2F3742 0%,#242B34 42%,#15181D 100%);}
@media(min-width:820px){.vb-panel{grid-template-columns:1.12fr .88fr;}}
.vb-info{position:relative;z-index:2;padding:30px;display:flex;flex-direction:column;gap:13px;color:#fff;}
.vb-logo{width:62px;height:62px;border-radius:18px;background:rgba(255,255,255,.15);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.22);}
.vb-logo .bb,.vb-logo .micon{width:42px;height:42px;box-shadow:none;}
.vb-name{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.vb-name h3{font-size:1.65rem;font-weight:900;letter-spacing:-.5px;}
.vb-name span{font-size:.76rem;color:rgba(255,255,255,.62);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;}
.vb-desc{font-size:.86rem;color:rgba(255,255,255,.84);line-height:1.72;max-width:390px;}
.vb-stats{display:flex;gap:26px;padding:14px 0 4px;border-top:1px solid rgba(255,255,255,.2);margin-top:5px;}
.vb-stat b{display:block;font-size:1.05rem;font-weight:900;}
.vb-stat span{font-size:.64rem;color:rgba(255,255,255,.62);font-weight:600;}
.vb-ctas{display:flex;gap:9px;flex-wrap:wrap;margin-top:6px;}
.vb-visual{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:170px;padding:24px;}
.vb-glow{position:absolute;width:78%;height:62%;border-radius:50%;filter:blur(34px);opacity:.55;background:radial-gradient(circle,rgba(236,28,37,.5),transparent 70%);}
.vb-car{width:92%;max-width:330px;position:relative;z-index:1;filter:drop-shadow(0 22px 30px rgba(0,0,0,.45));}

/* ════════ MANUFACTURERS ════════ */
.mfr{padding:50px 0;}
.mfr-grid{display:grid;grid-template-columns:1fr;gap:13px;}
@media(min-width:620px){.mfr-grid{grid-template-columns:1fr 1fr;}}
@media(min-width:1000px){.mfr-grid{grid-template-columns:repeat(3,1fr);}}
.mfrcard{display:flex;align-items:center;gap:15px;background:var(--sf);border:1.5px solid var(--line);border-radius:var(--r2);padding:18px;transition:.26s;position:relative;overflow:hidden;}
.mfrcard:hover{transform:translateY(-4px);border-color:var(--red);box-shadow:var(--sh2);}
.mfrcard .bb{width:56px;height:56px;flex:none;font-size:.92rem;transition:transform .3s;}
.mfrcard:hover .bb{transform:scale(1.08) rotate(-5deg);}
.mfrcard .mfr-body{flex:1;min-width:0;}
.mfrcard .mfr-name{display:flex;align-items:center;gap:8px;margin-bottom:3px;}
.mfrcard .mfr-name h3{font-size:.94rem;font-weight:800;}
.mfr-tier{font-size:.56rem;font-weight:800;padding:2px 7px;border-radius:999px;}
.mfr-tier.eco{background:rgba(34,140,90,.12);color:#1E8A5A;}
.mfr-tier.mid{background:var(--red-soft);color:var(--red);}
.mfr-tier.col{background:var(--amber-soft);color:var(--amber2);}
.mfrcard p{font-size:.74rem;color:var(--ink3);line-height:1.5;}
.mfrcard .mfr-arrow{width:20px;height:20px;color:var(--ink3);flex:none;transition:transform .2s;}
.mfrcard:hover .mfr-arrow{transform:translateX(-4px);color:var(--red);}

/* ════════ PRODUCT RAILS ════════ */
.rail{padding:42px 0;}
.rail.tint{background:var(--sf2);}
.rail-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;gap:14px;flex-wrap:wrap;}
.rail-head .sec-title{font-size:clamp(1.25rem,3.5vw,1.85rem);}
.rail-ctrl{display:none;gap:8px;}
@media(min-width:760px){.rail-ctrl{display:flex;}}
.rarrow{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--line);background:var(--sf);display:flex;align-items:center;justify-content:center;color:var(--ink2);transition:.2s;}
.rarrow:hover{background:var(--dark);color:#fff;border-color:var(--dark);}
.rarrow svg{width:15px;height:15px;}
.rail.tint .rarrow{background:#fff;}
.rrow{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 2px 8px;}
.rrow::-webkit-scrollbar{display:none;}

.pcard{scroll-snap-align:start;flex:none;width:200px;background:var(--sf);border:1.5px solid var(--line);border-radius:var(--r2);padding:13px;position:relative;transition:transform .28s,box-shadow .28s,border-color .28s;}
.pcard:hover{transform:translateY(-6px);box-shadow:var(--sh);border-color:transparent;}
.rail.tint .pcard{border-color:transparent;}
.pcard>a.pcard-link{position:absolute;inset:0;z-index:2;}
.pstage{position:relative;aspect-ratio:1/1;border-radius:14px;background:var(--sf2);display:flex;align-items:center;justify-content:center;margin-bottom:13px;overflow:hidden;}
.rail.tint .pstage{background:#fff;}
.pstage img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;}
.pstage svg.car{width:88%;position:relative;z-index:1;}
.pglow{position:absolute;inset:0;pointer-events:none;z-index:0;}
.pglow.red{background:radial-gradient(ellipse at 50% 38%,rgba(236,28,37,.12),transparent 60%);}
.pglow.gold{background:radial-gradient(ellipse at 50% 38%,rgba(199,154,82,.16),transparent 60%);}
.pbadges{position:absolute;top:9px;right:9px;left:9px;display:flex;align-items:flex-start;justify-content:space-between;gap:6px;z-index:3;pointer-events:none;}
.pbadge{font-size:.6rem;font-weight:800;padding:4px 8px;border-radius:7px;line-height:1.3;display:inline-flex;align-items:center;gap:3px;white-space:nowrap;}
.pbadge svg{width:9px;height:9px;}
.pb-disc{background:var(--red);color:#fff;}
.pb-new{background:var(--dark);color:#fff;}
.pb-hot{background:linear-gradient(135deg,#FF8A3D,#EC1C25);color:#fff;}
.pb-tier{background:linear-gradient(135deg,var(--amber),var(--amber2));color:#fff;}
.pmaker{font-size:.66rem;font-weight:700;color:var(--ink3);margin-bottom:3px;}
.ptitle{font-size:.82rem;font-weight:700;margin-bottom:9px;min-height:36px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.pscale{display:inline-flex;align-items:center;gap:4px;font-size:.62rem;font-weight:700;color:var(--ink3);background:var(--sf2);padding:3px 8px;border-radius:6px;margin-bottom:9px;}
.rail.tint .pscale{background:var(--bg);}
.pscale svg{width:10px;height:10px;}
.pprice{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;}
.pprice .now{font-weight:900;font-size:.94rem;color:var(--red);}
.pprice .now del{color:var(--ink3);font-weight:600;font-size:.7rem;}
.pprice .now ins{text-decoration:none;}
.pprice .old{font-size:.7rem;color:var(--ink3);text-decoration:line-through;}
.pcart{position:relative;z-index:3;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px;border-radius:999px;background:var(--dark);color:#fff;font-weight:800;font-size:.76rem;transition:background .2s,transform .2s;}
.pcart:hover{background:var(--red);transform:translateY(-1px);}
.pcart svg{width:15px;height:15px;}
.rdots{display:flex;justify-content:center;gap:7px;margin-top:16px;}
.rdot{width:7px;height:7px;border-radius:50%;background:var(--line2);transition:.25s;cursor:pointer;}
.rdot.active{width:22px;border-radius:5px;background:var(--red);}

/* ════════ PACKAGING ════════ */
.pkg{padding:54px 0;}
.pkg-grid{display:grid;grid-template-columns:1fr;gap:32px;align-items:center;}
@media(min-width:900px){.pkg-grid{grid-template-columns:1fr 1.05fr;gap:44px;}}
.pkg-visual{justify-self:center;width:100%;max-width:360px;position:relative;}
.pkg-visual>svg{animation:bob 5.5s ease-in-out infinite;}
@keyframes bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(1.5deg)}}
.pkg-visual .sparkle{position:absolute;color:var(--amber);animation:spk 3s ease-in-out infinite;}
.pkg-visual .sparkle svg{width:100%;height:100%;}
.pkg-visual .s1{top:6%;right:6%;width:24px;height:24px;animation-delay:0s;}
.pkg-visual .s2{top:22%;left:2%;width:16px;height:16px;animation-delay:.8s;}
.pkg-visual .s3{bottom:14%;right:0;width:18px;height:18px;animation-delay:1.5s;}
@keyframes spk{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}
.pkg-points{display:flex;flex-direction:column;gap:13px;margin-bottom:26px;}
.pkg-point{display:flex;align-items:flex-start;gap:13px;}
.pkg-pic{width:42px;height:42px;border-radius:13px;background:var(--amber-soft);color:var(--amber2);display:flex;align-items:center;justify-content:center;flex:none;}
.pkg-pic svg{width:20px;height:20px;}
.pkg-point b{display:block;font-size:.9rem;font-weight:800;color:var(--ink);margin-bottom:2px;}
.pkg-point span{font-size:.8rem;color:var(--ink3);}

/* ════════ WHY US ════════ */
.why{padding:54px 0;background:var(--dark);color:#fff;position:relative;overflow:hidden;}
.why::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(118deg,rgba(255,255,255,.022) 0 1px,transparent 1px 30px);pointer-events:none;}
.why .sec-title{color:#fff;}.why .sec-sub{color:rgba(255,255,255,.55);}
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
@media(min-width:780px){.why-grid{grid-template-columns:repeat(4,1fr);}}
.wcard{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--r2);padding:22px 16px;text-align:center;transition:.26s;backdrop-filter:blur(6px);}
.wcard:hover{background:rgba(255,255,255,.09);transform:translateY(-4px);}
.wic{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 13px;}
.wic.amber{background:linear-gradient(135deg,var(--amber),var(--amber2));}
.wic svg{width:22px;height:22px;}
.wcard h4{font-size:.9rem;font-weight:800;margin-bottom:6px;}
.wcard p{font-size:.74rem;color:rgba(255,255,255,.55);}

/* ════════ VISIT STORE ════════ */
.visit{padding:50px 0 56px;}
.visit-card{background:linear-gradient(125deg,var(--red),var(--red2));border-radius:var(--r4);padding:36px 26px;color:#fff;display:grid;grid-template-columns:1fr;gap:26px;align-items:center;position:relative;overflow:hidden;}
.visit-card::after{content:"";position:absolute;width:280px;height:280px;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 64%);top:-94px;left:-60px;}
@media(min-width:900px){.visit-card{grid-template-columns:1.15fr .85fr;}}
.visit-info{position:relative;}
.visit-info .eyebrow{color:rgba(255,255,255,.8);}
.visit-info h2{color:#fff;font-size:clamp(1.4rem,4vw,2rem);font-weight:900;margin-bottom:10px;letter-spacing:-.5px;}
.visit-info p{color:rgba(255,255,255,.85);font-size:.88rem;margin-bottom:18px;max-width:420px;}
.visit-meta{display:flex;flex-direction:column;gap:9px;margin-bottom:22px;font-size:.84rem;font-weight:600;}
.visit-meta div{display:flex;align-items:center;gap:9px;}
.visit-meta svg{width:18px;height:18px;flex:none;}
.visit-ctas{display:flex;gap:10px;flex-wrap:wrap;}
.visit-visual{position:relative;justify-self:center;width:100%;max-width:280px;}

/* ════════ TESTIMONIALS ════════ */
.test{padding:14px 0 56px;}
.test-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:6px;}
.test-grid::-webkit-scrollbar{display:none;}
.tcard{flex:0 0 87%;scroll-snap-align:center;background:var(--sf);border:1px solid var(--line);border-radius:var(--r2);padding:24px;position:relative;}
@media(min-width:780px){.test-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);overflow:visible;}.tcard{flex:none;}#test-dots{display:none;}}
.tcard .qm{position:absolute;top:16px;left:20px;font-size:3rem;font-weight:900;color:var(--sf2);line-height:1;font-family:Georgia,serif;}
.tstars{display:flex;gap:3px;margin-bottom:14px;color:var(--amber);position:relative;}
.tstars svg{width:14px;height:14px;}
.tquote{font-size:.88rem;color:var(--ink);margin-bottom:18px;position:relative;line-height:1.75;}
.tauthor{display:flex;align-items:center;gap:11px;}
.tav{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--amber));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.84rem;flex:none;}
.tauthor b{display:block;font-size:.82rem;font-weight:800;}
.tauthor span{font-size:.68rem;color:var(--ink3);}

/* card stagger entrance (js-gated) */
body.js-anim .rrow .pcard{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s cubic-bezier(.22,.7,.3,1);}
body.js-anim .rrow.cards-in .pcard{opacity:1;transform:none;}
body.js-anim .rrow.cards-in .pcard:nth-child(1){transition-delay:.04s}
body.js-anim .rrow.cards-in .pcard:nth-child(2){transition-delay:.1s}
body.js-anim .rrow.cards-in .pcard:nth-child(3){transition-delay:.16s}
body.js-anim .rrow.cards-in .pcard:nth-child(4){transition-delay:.22s}
body.js-anim .rrow.cards-in .pcard:nth-child(5){transition-delay:.28s}
body.js-anim .rrow.cards-in .pcard:nth-child(6){transition-delay:.34s}
@media(prefers-reduced-motion:reduce){.hero-chip.c1,.hero-chip.c2,.hero-car,.hero-ring,.pkg-visual>svg{animation:none!important;}body.js-anim .rrow .pcard{opacity:1!important;transform:none!important;}}