/* =========================================================
   SourceNex — Production Styles
   ========================================================= */
:root{
  --navy-deep:#061225;
  --navy:#0B4A82;
  --navy-mid:#0E3A63;
  --navy-light:#2E86D6;
  --charcoal:#3C444A;
  --charcoal-deep:#22282D;
  --amber:#F5A623;
  --amber-deep:#C97C0E;
  --paper:#F5F7FA;
  --paper-dim:#ECEFF3;
  --ink:#171C20;
  --muted:#5B6670;
  --line:#E1E6EB;
  --white:#FFFFFF;
  --success:#1f6f3e;
  --danger:#a4302f;
  --font-display:'Big Shoulders Display','Arial Narrow',sans-serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --container:1180px;
  --radius:8px;
  --shadow:0 18px 40px -20px rgba(6,18,37,.35);
  --grad-icon:linear-gradient(135deg,#2E86D6 0%,#0B4A82 50%,#061225 100%);
  --grad-hero:linear-gradient(125deg,#061225 0%,#0E3A63 40%,#0B4A82 70%,#2E86D6 100%);
  --grad-cta:linear-gradient(115deg,var(--navy-deep) 0%,var(--navy-mid) 100%);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--white);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{
  font-family:var(--font-display);
  font-weight:700;
  color:var(--navy-deep);
  line-height:1.1;
  margin:0;
  letter-spacing:.2px;
}
p{margin:0}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;height:auto}
ul{list-style:none;margin:0;padding:0}
button{font-family:inherit;cursor:pointer}
input,select,textarea{font-family:inherit}

.skip-link{
  position:absolute;left:-999px;top:0;background:var(--navy-deep);color:#fff;
  padding:12px 18px;z-index:200;
}
.skip-link:focus{left:12px;top:12px}
:focus-visible{outline:3px solid var(--navy-light);outline-offset:2px}
.container{max-width:var(--container);margin:0 auto;padding:0 24px}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .reveal{opacity:1 !important;transform:none !important}
}

/* Motion */
@keyframes fadeInUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 0 0 rgba(46,134,214,.35)}50%{box-shadow:0 0 0 12px rgba(46,134,214,0)}}
@keyframes iconShine{0%{background-position:0% 50%}100%{background-position:200% 50%}}

.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.reveal-d1{transition-delay:.08s}.reveal-d2{transition-delay:.16s}.reveal-d3{transition-delay:.24s}
.reveal-d4{transition-delay:.32s}.reveal-d5{transition-delay:.4s}

/* Buttons */
.btn{
  --btn-fill:var(--navy-light);
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--font-body);font-weight:700;font-size:15px;
  padding:13px 25px;border-radius:var(--radius);border:2px solid transparent;
  background:var(--btn-fill);color:#fff;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .18s ease,box-shadow .18s ease;
  white-space:nowrap;position:relative;overflow:hidden;
}
.btn::after{
  content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-20deg);transition:left .55s ease;pointer-events:none;
}
.btn:hover::after{left:120%}
.btn:active{transform:scale(.96)}
.btn-primary{--btn-fill:#2E86D6}
.btn-primary:hover{--btn-fill:#256fb3;transform:translateY(-3px);box-shadow:0 12px 28px -12px rgba(46,134,214,.55)}
.btn-ghost{--btn-fill:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35)}
.btn-ghost:hover{--btn-fill:rgba(255,255,255,.2);transform:translateY(-3px)}
.btn-dark{--btn-fill:var(--navy-deep)}
.btn-dark:hover{--btn-fill:#0a2e50;transform:translateY(-3px)}
.btn-outline{
  background:transparent;color:var(--navy);border-color:var(--navy-light);
}
.btn-outline:hover{background:var(--navy-light);color:#fff;transform:translateY(-2px)}
.btn-block{width:100%}
.btn-sm{padding:9px 16px;font-size:13.5px}
.btn-wa{background:#25D366}
.btn-wa:hover{background:#1ebe57;transform:translateY(-2px)}

/* Topbar + Header */
.topbar{background:var(--navy-deep);color:#c7d3e0;font-size:13px}
.topbar-inner{
  max-width:var(--container);margin:0 auto;padding:9px 24px;
  display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
}
.topbar-left{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.topbar-left a{color:#c7d3e0}
.topbar-left a:hover{color:#fff}
.topbar-phone{display:inline-flex;align-items:center;gap:7px}
.topbar-phone svg{width:14px;height:14px;fill:var(--navy-light)}
.topbar-right{color:#8b9bb0}

.site-header{
  position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line);
  transition:box-shadow .25s ease;
}
.site-header.is-scrolled{box-shadow:0 10px 26px -14px rgba(6,18,37,.25)}
.site-header-inner{
  max-width:var(--container);margin:0 auto;padding:10px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.brand{display:flex;align-items:center}
.brand-logo{height:52px;width:auto;object-fit:contain}

.main-nav{display:flex;align-items:center;gap:28px}
.main-nav ul{display:flex;gap:22px;flex-wrap:wrap}
.main-nav a{
  font-weight:600;font-size:14px;color:var(--charcoal-deep);
  padding:8px 2px;position:relative;
}
.main-nav a::after{
  content:"";position:absolute;left:0;bottom:2px;width:0;height:2px;
  background:var(--navy-light);transition:width .2s ease;
}
.main-nav a:hover::after,.main-nav a.is-active::after{width:100%}
.main-nav a.is-active{color:var(--navy)}
.nav-cta{padding:10px 16px;font-size:13.5px}
.nav-cta-group{display:flex;align-items:center;gap:8px}

.menu-toggle{
  display:none;flex-direction:column;justify-content:center;gap:5px;
  width:40px;height:40px;border:0;background:none;padding:0;
}
.menu-toggle span{display:block;width:26px;height:2.5px;background:var(--navy-deep);transition:transform .25s ease,opacity .25s ease}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* Page header */
.page-head{
  background:var(--navy-deep);color:#fff;padding:64px 0 58px;position:relative;overflow:hidden;
}
.page-head::after,.page-head::before{
  content:"";position:absolute;border-radius:50%;border:1.5px solid rgba(46,134,214,.22);
}
.page-head::after{right:-10%;top:-40%;width:520px;height:520px}
.page-head::before{right:6%;top:18%;width:280px;height:280px}
.page-head-inner{position:relative;z-index:1;max-width:720px}
.page-kicker{color:var(--navy-light);font-weight:700;font-size:14px;margin-bottom:10px}
.page-head h1{font-size:clamp(32px,4.4vw,52px);color:#fff}
.page-head p{margin-top:14px;color:#b9c6d6;font-size:17px;max-width:600px}
.breadcrumb{margin-top:22px;font-size:13px;color:#8b9bb0;display:flex;gap:8px;flex-wrap:wrap}
.breadcrumb a{color:#c7d3e0}
.breadcrumb a:hover{color:#fff}

/* Hero */
.hero{
  position:relative;overflow:hidden;min-height:620px;display:flex;align-items:center;
  background:var(--grad-hero);
  background-size:200% 200%;
  animation:gradientShift 14s ease infinite;
}
.hero-particles{
  position:absolute;inset:0;pointer-events:none;overflow:hidden;
}
.hero-particles span{
  position:absolute;width:6px;height:6px;border-radius:50%;
  background:rgba(46,134,214,.45);animation:floatY 6s ease-in-out infinite;
}
.hero-particles span:nth-child(1){left:12%;top:20%;animation-delay:0s}
.hero-particles span:nth-child(2){left:28%;top:70%;animation-delay:1s;width:4px;height:4px}
.hero-particles span:nth-child(3){left:55%;top:30%;animation-delay:.5s}
.hero-particles span:nth-child(4){left:72%;top:55%;animation-delay:1.5s;width:8px;height:8px}
.hero-particles span:nth-child(5){left:88%;top:25%;animation-delay:.8s}
.hero-inner{
  position:relative;z-index:2;max-width:var(--container);margin:0 auto;
  padding:80px 24px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;
}
.hero-copy{color:#fff}
.hero-kicker{
  display:inline-flex;align-items:center;gap:10px;color:#7dd3fc;
  font-weight:700;font-size:14px;margin-bottom:18px;
  animation:fadeInUp .7s ease both;
}
.hero-kicker::before{content:"";width:26px;height:2px;background:#7dd3fc}
.hero-copy h1{font-size:clamp(38px,5.5vw,64px);color:#fff;animation:fadeInUp .7s .1s ease both}
.hero-copy h1 em{font-style:normal;color:#7dd3fc}
.hero-copy p{margin-top:18px;font-size:18px;color:#c7d3e0;max-width:520px;animation:fadeInUp .7s .2s ease both}
.hero-actions{margin-top:32px;display:flex;gap:14px;flex-wrap:wrap;animation:fadeInUp .7s .3s ease both}
.hero-visual{
  position:relative;animation:fadeIn 1s .4s ease both;
  display:flex;align-items:center;justify-content:center;
}
.hero-orb{
  width:min(380px,90%);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 30% 30%,rgba(125,211,252,.35),rgba(11,74,130,.2) 50%,transparent 70%);
  border:1.5px dashed rgba(125,211,252,.35);
  display:grid;place-items:center;animation:floatY 8s ease-in-out infinite;
}
.hero-orb-inner{
  width:70%;aspect-ratio:1;border-radius:50%;
  background:rgba(6,18,37,.5);border:1px solid rgba(46,134,214,.4);
  display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:20px;
}
.hero-orb-inner .num{font-family:var(--font-display);font-size:48px;color:#7dd3fc;line-height:1}
.hero-orb-inner .cap{font-size:13px;color:#b9c6d6;margin-top:6px}

/* Trust strip */
.trust-strip{background:var(--paper);border-bottom:1px solid var(--line)}
.trust-grid{
  max-width:var(--container);margin:0 auto;padding:34px 24px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
}
.trust-item .num{font-family:var(--font-display);font-size:42px;color:var(--navy);line-height:1}
.trust-item .label{font-size:13.5px;color:var(--muted);margin-top:4px}

/* Sections */
.section{padding:88px 0}
.section-tight{padding:64px 0}
.section-dark{background:var(--navy-deep);color:#fff}
.section-paper{background:var(--paper)}
.section-head{max-width:640px;margin-bottom:48px}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center}
.section-head h2{font-size:clamp(28px,3.4vw,42px)}
.section-head p{margin-top:12px;color:var(--muted);font-size:16px}
.section-dark .section-head p{color:#b9c6d6}
.section-dark .section-head h2{color:#fff}

/* Category cards */
.cat-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}
.cat-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:28px 22px;
  text-align:center;
  transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-color .3s ease;
  position:relative;
  overflow:hidden;
}
.cat-card::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(46,134,214,.06),transparent 60%);
  opacity:0;transition:opacity .3s ease;
}
.cat-card:hover{
  transform:translateY(-8px);
  box-shadow:0 22px 48px -20px rgba(11,74,130,.35);
  border-color:rgba(46,134,214,.35);
}
.cat-card:hover::before{opacity:1}
.cat-icon{
  width:72px;height:72px;margin:0 auto 18px;border-radius:18px;
  display:grid;place-items:center;
  background:var(--grad-icon);
  background-size:200% 200%;
  color:#fff;
  box-shadow:0 12px 28px -10px rgba(11,74,130,.5);
  transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease,background-position .6s ease;
}
.cat-card:hover .cat-icon{
  transform:scale(1.12) rotate(-4deg);
  box-shadow:0 16px 36px -8px rgba(46,134,214,.55);
  background-position:100% 50%;
  animation:pulseGlow 1.8s ease infinite;
}
.cat-card h3{
  font-family:var(--font-body);font-size:16px;font-weight:700;
  color:var(--navy-deep);margin-bottom:6px;
}
.cat-card p{font-size:13.5px;color:var(--muted)}
.cat-card a{position:relative;z-index:1;display:block}

/* Ad cards */
.ads-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.ad-card{
  background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;
  transition:transform .3s ease,box-shadow .3s ease;
  display:flex;flex-direction:column;
}
.ad-card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 44px -18px rgba(6,18,37,.3);
}
.ad-card-img{
  aspect-ratio:16/10;background:var(--paper-dim);overflow:hidden;position:relative;
}
.ad-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.ad-card:hover .ad-card-img img{transform:scale(1.05)}
.ad-badge{
  position:absolute;top:12px;left:12px;
  background:var(--amber);color:#fff;font-size:11px;font-weight:700;
  padding:4px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.4px;
}
.ad-card-body{padding:18px 18px 20px;flex:1;display:flex;flex-direction:column}
.ad-card-body h3{font-family:var(--font-body);font-size:17px;font-weight:700;margin-bottom:6px;color:var(--navy-deep)}
.ad-price{font-weight:700;color:var(--navy);font-size:18px;margin-bottom:8px}
.ad-meta{font-size:13px;color:var(--muted);margin-bottom:8px;display:flex;gap:10px;flex-wrap:wrap}
.ad-desc{font-size:14px;color:var(--muted);flex:1;margin-bottom:14px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ad-seller{font-size:13px;font-weight:600;color:var(--charcoal);margin-bottom:14px}
.ad-actions{display:flex;gap:8px;flex-wrap:wrap}

/* Forms */
.form-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:36px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{margin-bottom:18px}
.field label{display:block;font-weight:700;font-size:13.5px;color:var(--charcoal-deep);margin-bottom:7px}
.field input,.field select,.field textarea{
  width:100%;border:1.5px solid var(--line);border-radius:6px;padding:12px 14px;
  font-size:14.5px;background:#fff;color:var(--ink);transition:border-color .18s ease;
}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--navy-light);outline:none}
.field textarea{resize:vertical;min-height:120px}
.form-note{font-size:12.5px;color:var(--muted);margin-top:12px}
.alert{padding:14px 18px;border-radius:6px;margin-bottom:22px;font-size:14.5px;font-weight:600}
.alert-success{background:#e8f4ec;color:var(--success);border:1px solid #bfe4cb}
.alert-error{background:#fbe9e9;color:var(--danger);border:1px solid #f1c3c2}
.alert-info{background:#e8f1fb;color:var(--navy);border:1px solid #b8d4f0}

/* Contact */
.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:start}
.contact-info-card{
  background:var(--navy-deep);color:#fff;border-radius:12px;padding:36px;position:relative;overflow:hidden;
}
.contact-info-card h3{color:#fff;font-size:22px;margin-bottom:8px;font-family:var(--font-body);font-weight:700}
.contact-info-card > p{color:#b9c6d6;font-size:15px;margin-bottom:24px}
.contact-line{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}
.contact-line svg{width:20px;height:20px;flex:none;color:var(--navy-light);margin-top:2px;fill:currentColor}
.contact-line a,.contact-line span{color:#fff;font-weight:600;font-size:15px}
.contact-line small{display:block;color:#8b9bb0;font-size:12.5px;font-weight:400;margin-top:2px}

/* CTA */
.cta-band{background:var(--grad-cta);color:#fff;padding:64px 0}
.cta-inner{
  max-width:var(--container);margin:0 auto;padding:0 24px;
  display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;
}
.cta-inner h2{color:#fff;font-size:clamp(24px,3vw,34px);max-width:520px}
.cta-inner p{color:#b9c6d6;margin-top:10px;max-width:480px}
.cta-actions{display:flex;gap:12px;flex-wrap:wrap}

/* Footer */
.site-footer{background:var(--charcoal-deep);color:#c8d1d9}
.footer-top{padding:56px 0 36px}
.footer-grid{
  max-width:var(--container);margin:0 auto;padding:0 24px;
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;
}
.footer-brand p{margin:14px 0 20px;font-size:14.5px;color:#9aa8b5;max-width:280px}
.footer-logo{height:46px;filter:brightness(1.1)}
.footer-grid h4{color:#fff;font-family:var(--font-body);font-size:15px;font-weight:700;margin-bottom:14px}
.footer-links li{margin-bottom:8px}
.footer-links a{color:#9aa8b5;font-size:14px}
.footer-links a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:18px 0}
.footer-bottom-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#8b9bb0}

/* Social icons — fixed spacing, no overlap */
.social-row{
  display:flex;flex-wrap:wrap;gap:10px;align-items:center;
}
.social-icon{
  width:40px;height:40px;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.08);color:#c8d1d9;
  transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;
  flex-shrink:0;
}
.social-icon:hover{
  background:var(--navy-light);color:#fff;transform:translateY(-3px);
  box-shadow:0 8px 20px -8px rgba(46,134,214,.6);
}
.social-icon svg{width:18px;height:18px;display:block}

/* Floating WhatsApp only — no overlapping stack */
.float-stack{
  position:fixed;right:20px;bottom:20px;z-index:90;
  display:flex;flex-direction:column;gap:12px;align-items:flex-end;
}
.float-btn{
  width:56px;height:56px;border-radius:50%;
  display:grid;place-items:center;color:#fff;
  box-shadow:0 10px 28px -8px rgba(0,0,0,.35);
  transition:transform .2s ease,box-shadow .2s ease;
}
.float-btn:hover{transform:scale(1.08)}
.float-wa{background:#25D366}
.float-wa svg{width:28px;height:28px}

/* Process / values */
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.process-step{padding:28px 22px;border-left:1px solid var(--line)}
.process-step:first-child{border-left:0}
.process-step .step-num{font-family:var(--font-display);font-size:36px;color:var(--navy-light);line-height:1}
.process-step h3{margin:12px 0 8px;font-size:17px;font-family:var(--font-body);font-weight:700;color:var(--navy-deep)}
.process-step p{color:var(--muted);font-size:14px}

.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.value-item{background:#fff;padding:32px 26px;transition:transform .3s ease,box-shadow .3s ease}
.value-item:hover{transform:translateY(-6px);box-shadow:0 18px 36px -20px rgba(6,18,37,.3);z-index:2;position:relative}
.value-item h3{font-size:18px;font-family:var(--font-body);font-weight:700;margin-bottom:8px;color:var(--navy-deep)}
.value-item p{color:var(--muted);font-size:14.5px}

/* Admin */
.admin-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.admin-side{background:var(--navy-deep);color:#c7d3e0;padding:24px 0}
.admin-side a{display:block;padding:12px 24px;color:#c7d3e0;font-weight:600;font-size:14px}
.admin-side a:hover,.admin-side a.active{background:rgba(46,134,214,.2);color:#fff}
.admin-main{padding:28px;background:var(--paper)}
.admin-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;font-size:14px}
.admin-table th,.admin-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line)}
.admin-table th{background:var(--navy-deep);color:#fff;font-weight:600}
.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase}
.badge-pending{background:#fff3cd;color:#856404}
.badge-approved{background:#d4edda;color:#155724}
.badge-rejected{background:#f8d7da;color:#721c24}
.badge-featured{background:#cce5ff;color:#004085}
.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}
.stat-card{background:#fff;border-radius:10px;padding:20px;border:1px solid var(--line)}
.stat-card .n{font-family:var(--font-display);font-size:32px;color:var(--navy)}
.stat-card .l{font-size:13px;color:var(--muted)}

/* Filters */
.filter-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px;align-items:center}
.filter-bar select,.filter-bar input{
  border:1.5px solid var(--line);border-radius:6px;padding:10px 14px;font-size:14px;background:#fff;
}

/* Empty state */
.empty-state{text-align:center;padding:48px 20px;color:var(--muted)}
.empty-state h3{font-family:var(--font-body);margin-bottom:8px;color:var(--charcoal)}

/* Auth pages */
.auth-wrap{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:40px 24px}
.auth-card{width:100%;max-width:440px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:36px;box-shadow:var(--shadow)}

/* Responsive */
@media (max-width:1024px){
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .ads-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .process-grid{grid-template-columns:repeat(2,1fr)}
  .process-step{border-left:0;border-top:1px solid var(--line)}
  .process-step:first-child{border-top:0}
  .admin-layout{grid-template-columns:1fr}
  .stat-cards{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .hero-inner{grid-template-columns:1fr;padding:60px 24px}
  .hero-visual{display:none}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
  .contact-grid{grid-template-columns:1fr}
  .value-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .menu-toggle{display:flex}
  .main-nav{
    display:none;position:fixed;inset:0;top:0;z-index:100;
    background:rgba(255,255,255,.98);flex-direction:column;
    padding:80px 28px 40px;align-items:stretch;gap:20px;
  }
  .main-nav.is-open{display:flex}
  .main-nav ul{flex-direction:column;gap:8px}
  .main-nav a{font-size:18px;padding:12px 0}
  .nav-cta-group{flex-direction:column}
}
@media (max-width:640px){
  .cat-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .ads-grid{grid-template-columns:1fr}
  .trust-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr}
  .section{padding:64px 0}
  .cat-icon{width:60px;height:60px}
  .float-stack{right:14px;bottom:14px}
  .float-btn{width:50px;height:50px}
  .stat-cards{grid-template-columns:1fr}
  .hero-actions .btn{width:100%}
}
@media (max-width:400px){
  .cat-grid{grid-template-columns:1fr}
}