/* ===========================================================
   buzzing365 — Design System v2
   Palette sampled from brand logo:
     Leaf Dark #0C6030 / Leaf #1E9C4F / Lime #D9E64A / Honey #FCC018
   Type: Sora (display) / Inter (body) / JetBrains Mono (data)
   Signature: honeycomb hex motif + bee mascot + animated line icons
   =========================================================== */

:root{
  --ink:#0F2118;
  --ink-soft:#3A4B41;
  --paper:#FFFFFF;
  --mint:#F3FAF2;
  --mint-line:#E3EEE1;
  --leaf-dark:#0C6030;
  --leaf:#1E9C4F;
  --leaf-bright:#2FB859;
  --lime:#D9E64A;
  --honey:#FCC018;
  --honey-dark:#E5A800;
  --sky:#2E8FE0;
  --coral:#FF6B57;
  --text:#132A1D;
  --text-dim:#5B6D62;
  --line:#E1EAE1;
  --white:#FFFFFF;
  --grad-brand: linear-gradient(120deg,#0C6030 0%,#1E9C4F 45%,#D9E64A 100%);
  --grad-brand-soft: linear-gradient(120deg, rgba(12,96,48,.08), rgba(30,156,79,.08) 45%, rgba(217,230,74,.14) 100%);
  --grad-honey: linear-gradient(120deg,#FFDA6A,#FCC018 60%,#E5A800);
  --shadow-lg: 0 30px 60px -22px rgba(12,40,24,.22);
  --shadow-md: 0 18px 36px -18px rgba(12,40,24,.20);
  --shadow-sm: 0 8px 20px -10px rgba(12,40,24,.16);
  --radius: 20px;
  --radius-sm: 13px;
  --maxw: 1240px;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;font-size:17px;}
body{
  margin:0;
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  color:var(--text);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  font-size:1rem;
}
h1,h2,h3,h4{
  font-family:'Sora',system-ui,sans-serif;
  line-height:1.12;
  margin:0 0 .5em;
  letter-spacing:-.02em;
  font-weight:700;
  color:var(--ink);
}
h3{font-size:1.3rem;}
h4{font-size:1.1rem;}
p{line-height:1.75;color:var(--text-dim);margin:0 0 1em;font-size:1.02rem;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
ul{margin:0;padding:0;list-style:none;}
.mono{font-family:'JetBrains Mono',monospace;}
.container{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
section{position:relative;}
.section-pad{padding:100px 0;}
@media(max-width:768px){.section-pad{padding:64px 0;}}
.section-alt{background:var(--mint);}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;scroll-behavior:auto !important;}
}

/* ---------- utility ---------- */
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'JetBrains Mono',monospace;
  font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--leaf-dark);font-weight:700;margin-bottom:16px;
  background:var(--mint);border:1px solid var(--mint-line);padding:6px 14px 6px 10px;border-radius:100px;
}
.eyebrow::before{content:"";width:8px;height:8px;background:var(--honey);flex:none;
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:15px 28px;border-radius:100px;font-weight:700;font-size:15px;font-family:'Inter',sans-serif;
  border:1px solid transparent;cursor:pointer;transition:transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease, background .28s ease;
  white-space:nowrap;position:relative;overflow:hidden;isolation:isolate;
}
.btn-honey{background:var(--grad-honey);color:var(--ink);box-shadow:0 12px 26px -10px rgba(252,192,24,.55);}
.btn-honey::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(120deg, transparent 30%, rgba(255,255,255,.75) 48%, transparent 66%);
  transform:translateX(-120%);transition:transform .7s ease;
}
.btn-honey:hover{transform:translateY(-3px);box-shadow:0 18px 34px -10px rgba(252,192,24,.7);}
.btn-honey:hover::after{transform:translateX(120%);}
.btn-green{background:var(--grad-brand);color:#fff;box-shadow:0 12px 26px -10px rgba(12,96,48,.45);}
.btn-green:hover{transform:translateY(-3px);box-shadow:0 18px 34px -10px rgba(12,96,48,.55);}
.btn-outline{background:transparent;border-color:var(--line);color:var(--text);}
.btn-outline:hover{background:var(--mint);transform:translateY(-3px);border-color:var(--leaf);}
.btn-outline-onbrand{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);color:#fff;}
.btn-outline-onbrand:hover{background:rgba(255,255,255,.24);transform:translateY(-3px);}
.btn-whatsapp{background:#25D366;color:#06210F;}
.btn-whatsapp:hover{transform:translateY(-3px);background:#20bd5a;}
.btn-block{width:100%;}
.btn-sm{padding:11px 20px;font-size:13.5px;}
.btn-lg{padding:18px 34px;font-size:16.5px;}

/* ---------- hex shapes (signature motif) ---------- */
.hex{clip-path:polygon(25% 3%, 75% 3%, 100% 50%, 75% 97%, 25% 97%, 0% 50%);}
.hex-icon{
  width:72px;height:72px;display:flex;align-items:center;justify-content:center;
  background:var(--grad-brand);color:#fff;font-size:24px;flex:none;position:relative;
  clip-path:polygon(25% 3%, 75% 3%, 100% 50%, 75% 97%, 25% 97%, 0% 50%);
  transition:transform .3s cubic-bezier(.2,.8,.2,1);
  box-shadow:0 10px 22px -10px rgba(12,96,48,.5);
}
.hex-icon .icon-glyph{width:32px;height:32px;stroke:#fff;}
.hex-icon.sm{width:52px;height:52px;}
.hex-icon.sm .icon-glyph{width:24px;height:24px;}
.hex-icon.honey{background:var(--grad-honey);}
.hex-icon.honey .icon-glyph{stroke:var(--ink);}
.hex-icon.outline{background:var(--mint);}
.hex-icon.outline .icon-glyph{stroke:var(--leaf-dark);}
.feature-card:hover .hex-icon{transform:rotate(8deg) scale(1.06);}

.hex-badge{
  width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  background:var(--honey);color:var(--ink);font-family:'JetBrains Mono',monospace;font-weight:700;font-size:13px;
  clip-path:polygon(25% 3%, 75% 3%, 100% 50%, 75% 97%, 25% 97%, 0% 50%);
}

.hive-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0;}
.hive-bg svg{position:absolute;}

/* ---------- animated icon glyphs (loop micro-animations) ---------- */
.icon-glyph{width:26px;height:26px;flex:none;}
@keyframes spin-slow{to{transform:rotate(360deg);}}
@keyframes float-y{0%,100%{transform:translateY(0);}50%{transform:translateY(-3px);}}
@keyframes pulse-op{0%,100%{opacity:1;}50%{opacity:.35;}}
@keyframes sweep-x{0%{transform:translateX(-60%);}100%{transform:translateX(60%);}}
@keyframes flutter{0%,100%{transform:scaleY(1) rotate(0deg);}50%{transform:scaleY(.72) rotate(-4deg);}}
@keyframes draw-check{to{stroke-dashoffset:0;}}
@keyframes blink-cursor{0%,49%{opacity:1;}50%,100%{opacity:0;}}
@keyframes beat{0%,100%{transform:scale(1);}25%{transform:scale(1.14);}40%{transform:scale(.98);}}

.ic-orbit{transform-box:fill-box;transform-origin:center;animation:spin-slow 5s linear infinite;}
.ic-float{animation:float-y 2.6s ease-in-out infinite;}
.ic-pulse{animation:pulse-op 1.8s ease-in-out infinite;}
.ic-flutter{transform-box:fill-box;transform-origin:center;animation:flutter 1.1s ease-in-out infinite;}
.ic-check{stroke-dasharray:26;stroke-dashoffset:26;animation:draw-check 1.4s ease forwards infinite alternate;}
.ic-cursor{animation:blink-cursor 1.1s steps(1) infinite;}
.ic-beat{transform-box:fill-box;transform-origin:center;animation:beat 1.8s ease-in-out infinite;}

/* ---------- header ---------- */
.topbar{background:var(--grad-brand);color:#EFFBEA;font-size:13.2px;position:relative;overflow:hidden;}
.topbar::before{content:"";position:absolute;inset:0;background:
  repeating-linear-gradient(120deg, rgba(255,255,255,.07) 0 2px, transparent 2px 26px);
  pointer-events:none;}
.topbar .container{display:flex;justify-content:space-between;align-items:center;padding-top:10px;padding-bottom:10px;position:relative;z-index:1;}
.topbar a{color:#fff;font-weight:700;}
.topbar .tb-left{display:flex;gap:24px;align-items:center;flex-wrap:wrap;font-weight:600;}
.topbar .tb-left span{display:inline-flex;align-items:center;gap:7px;color:#EFFBEA;}
.topbar .tb-left .icon-glyph{width:15px;height:15px;stroke:var(--honey);}
.topbar .tb-badge{background:rgba(255,255,255,.22);padding:4px 12px;border-radius:100px;font-size:11.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;font-family:'JetBrains Mono',monospace;}
.topbar .tb-right{display:flex;gap:12px;align-items:center;}
.topbar .tb-right a.social{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;font-size:12.5px;transition:background .2s, transform .2s;}
.topbar .tb-right a.social:hover{background:var(--honey);color:var(--ink);transform:translateY(-2px);}
@media(max-width:768px){.topbar .tb-left span:nth-child(2){display:none;}}
@media(max-width:640px){
  .topbar .tb-left span:nth-child(3){display:none;}
  .topbar .tb-right span{display:none;}
}

header.mainhead{
  position:sticky;top:0;z-index:200;background:rgba(255,255,255,.95);
  backdrop-filter:blur(14px);border-bottom:1px solid var(--line);
  transition:box-shadow .3s ease;
}
header.mainhead.scrolled{box-shadow:0 10px 30px -18px rgba(12,40,24,.25);}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:16px;}
.logo{display:flex;align-items:center;gap:2px;}
.logo img{height:56px;width:auto;}
@media(max-width:480px){.logo img{height:46px;}}

nav.primary-nav{display:flex;align-items:center;gap:2px;}
nav.primary-nav > ul{display:flex;align-items:center;gap:2px;}
nav.primary-nav a.nav-link{
  padding:10px 12px;border-radius:10px;font-weight:600;font-size:14px;color:var(--text);
  display:flex;align-items:center;gap:6px;transition:background .2s ease,color .2s ease;
}
nav.primary-nav a.nav-link:hover{background:var(--mint);color:var(--leaf-dark);}
.has-mega{position:relative;}
.mega{
  position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);
  width:760px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);
  border:1px solid var(--line);padding:22px;display:grid;grid-template-columns:1.5fr 1fr;gap:20px;
  opacity:0;visibility:hidden;translate:0 8px;transition:opacity .2s ease, translate .2s ease, visibility .2s;
}
.has-mega:hover .mega, .has-mega:focus-within .mega{opacity:1;visibility:visible;translate:0 0;}
.mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-content:start;}
.mega a.mega-item{display:flex;gap:13px;padding:11px;border-radius:14px;align-items:flex-start;transition:background .18s ease, transform .18s ease;}
.mega a.mega-item:hover{background:var(--mint);transform:translateX(2px);}
.mega a.mega-item .hex-icon{width:42px;height:42px;}
.mega a.mega-item .hex-icon .icon-glyph{width:19px;height:19px;}
.mega a.mega-item strong{display:block;font-size:14px;color:var(--text);}
.mega a.mega-item span{font-size:12px;color:var(--text-dim);}
.mega-promo{
  border-radius:16px;overflow:hidden;position:relative;color:#fff;padding:22px;
  background:linear-gradient(160deg, rgba(12,96,48,.92), rgba(15,33,24,.94)), center/cover no-repeat;
  display:flex;flex-direction:column;justify-content:flex-end;min-height:220px;
}
.mega-promo .eyebrow{background:rgba(255,255,255,.16);border-color:transparent;color:#fff;}
.mega-promo h4{color:#fff;font-size:17px;margin-bottom:6px;}
.mega-promo p{color:#D9F2E0;font-size:12.8px;margin-bottom:14px;}
.mega-foot{grid-column:1/-1;border-top:1px solid var(--line);margin-top:2px;padding-top:14px;display:flex;justify-content:space-between;align-items:center;}

.head-cta{display:flex;align-items:center;gap:10px;}
.search-trigger{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s;}
.search-trigger:hover{background:var(--mint);border-color:var(--leaf);}
.search-trigger .icon-glyph{width:17px;height:17px;stroke:var(--text);}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;}
.burger span{width:24px;height:2.5px;background:var(--text);border-radius:2px;}

@media(max-width:1180px){
  nav.primary-nav{display:none;}
  .burger{display:flex;}
  .head-cta .btn-outline{display:none;}
}

/* mobile drawer */
.mobile-drawer{
  position:fixed;inset:0;background:var(--ink);z-index:400;color:#fff;
  transform:translateX(100%);transition:transform .35s ease;overflow-y:auto;
}
.mobile-drawer.open{transform:translateX(0);}
.mobile-drawer .container{padding:20px 24px 60px;}
.mobile-drawer .mdrawer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;}
.mobile-drawer a.mlink{display:flex;justify-content:space-between;padding:16px 4px;border-bottom:1px solid rgba(255,255,255,.1);font-weight:600;font-size:17px;}
.mobile-drawer .close-x{background:none;border:none;color:#fff;font-size:26px;cursor:pointer;}

/* ---------- search overlay ---------- */
.search-overlay{
  position:fixed;inset:0;background:rgba(15,33,24,.55);backdrop-filter:blur(4px);z-index:600;
  display:none;align-items:flex-start;justify-content:center;padding:10vh 20px;
}
.search-overlay.open{display:flex;}
.search-box{background:#fff;border-radius:var(--radius);width:640px;max-width:100%;box-shadow:var(--shadow-lg);overflow:hidden;}
.search-box .si{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--line);}
.search-box .si .icon-glyph{width:20px;height:20px;stroke:var(--text-dim);}
.search-box input{flex:1;border:none;outline:none;font-size:17px;font-family:'Inter',sans-serif;}
.search-box .sclose{border:none;background:var(--mint);border-radius:50%;width:28px;height:28px;cursor:pointer;color:var(--text-dim);}
.search-results{max-height:50vh;overflow-y:auto;padding:10px;}
.search-results a{display:flex;gap:12px;padding:12px 14px;border-radius:12px;align-items:center;}
.search-results a:hover{background:var(--mint);}
.search-results .tag{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--leaf-dark);background:var(--mint);padding:3px 8px;border-radius:100px;flex:none;}
.search-empty{padding:30px;text-align:center;color:var(--text-dim);font-size:14px;}

/* ---------- hero ---------- */
.hero{background:var(--paper);padding:70px 0 40px;position:relative;overflow:hidden;}
.hero .hive-bg svg{opacity:.5;}
.hero .container{position:relative;z-index:2;}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;}
.hero h1{font-size:clamp(36px,4.6vw,60px);color:var(--ink);}
.hero h1 .accent{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero p.lead{color:var(--text-dim);font-size:18.5px;max-width:520px;}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0;}
.trust-strip{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin-top:26px;color:var(--text-dim);font-size:13.5px;}
.trust-strip .stars{color:var(--honey);letter-spacing:2px;}
.trust-strip strong{color:var(--ink);}
.avatar-stack{display:flex;align-items:center;}
.avatar-stack span{width:32px;height:32px;border-radius:50%;border:2px solid #fff;margin-left:-10px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:11px;}
.avatar-stack span:first-child{margin-left:0;}

.hero-visual{position:relative;height:460px;}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr;}.hero-visual{height:320px;order:-1;}}
.floaty{animation:float-y 5s ease-in-out infinite;}
.floaty.d2{animation-delay:.7s;}
.floaty.d3{animation-delay:1.4s;}

.hive-cluster{position:absolute;inset:0;}
.hive-card{
  position:absolute;background:#fff;border:1px solid var(--line);
  border-radius:16px;padding:16px 18px;box-shadow:var(--shadow-md);
}
.hive-card .num{font-family:'JetBrains Mono',monospace;font-size:22px;font-weight:700;color:var(--leaf-dark);}
.hive-card .lbl{font-size:12px;color:var(--text-dim);}
.hive-card.dark{background:var(--ink);border-color:var(--ink);}
.hive-card.dark .num{color:var(--honey);}
.hive-card.dark .lbl{color:#B7CBC0;}

/* ---------- flying bees (hero) ---------- */
.flying-bees{position:absolute;inset:0;pointer-events:none;overflow:visible;}
.bee-wrap{position:absolute;top:0;left:0;width:52px;height:38px;offset-rotate:0deg;}
.bee-wrap.b1{width:58px;height:42px;offset-path:path('M10,230 C70,90 210,40 300,120 C380,190 350,300 260,320 C160,345 70,300 40,240 C20,200 10,230 10,230 Z');animation:fly-b1 16s linear infinite;}
.bee-wrap.b2{width:40px;height:30px;offset-path:path('M360,80 C300,180 340,260 260,300 C170,345 90,300 60,220 C40,160 100,120 160,150 C230,185 300,140 360,80 Z');animation:fly-b2 12.5s linear infinite;animation-delay:-3s;}
.bee-wrap.b3{width:32px;height:24px;offset-path:path('M100,360 C60,280 90,190 180,170 C270,150 320,220 300,270 C280,320 200,340 150,320 C120,308 110,340 100,360 Z');animation:fly-b3 10s linear infinite;animation-delay:-6s;}
@keyframes fly-b1{0%{offset-distance:0%;}100%{offset-distance:100%;}}
@keyframes fly-b2{0%{offset-distance:0%;}100%{offset-distance:100%;}}
@keyframes fly-b3{0%{offset-distance:0%;}100%{offset-distance:100%;}}
.bee-body{width:100%;height:100%;display:block;filter:drop-shadow(0 6px 10px rgba(12,40,24,.25));}
.bee-wing{transform-box:fill-box;transform-origin:50% 90%;animation:bee-flutter .22s ease-in-out infinite alternate;}
.bee-wing.w2{animation-delay:.05s;}
@keyframes bee-flutter{0%{transform:scaleY(1) rotate(0deg);}100%{transform:scaleY(.55) rotate(-8deg);}}
.buzz-badge{
  position:absolute;bottom:10%;right:4%;background:#fff;border:1px solid var(--line);border-radius:100px;
  padding:9px 16px 9px 10px;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--ink);
}
.buzz-badge .bee-body{width:22px;height:16px;}
@media(max-width:1000px){.flying-bees{display:none;}}

/* ---------- illustrations ---------- */
.illus-frame{position:relative;border-radius:28px;overflow:hidden;background:var(--grad-brand-soft);border:1px solid var(--mint-line);}

/* ---------- section headers ---------- */
.sec-head{max-width:660px;margin:0 auto 52px;text-align:center;}
.sec-head.left{margin:0 0 44px;text-align:left;}
.sec-head h2{font-size:clamp(28px,3.4vw,42px);}
.sec-head p{font-size:16.5px;}

/* ---------- feature grid ---------- */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.grid-3,.grid-4,.grid-2{grid-template-columns:1fr;}}

.feature-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px 26px;
  transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease, border-color .3s ease;
}
.feature-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-md);border-color:transparent;}
.feature-card h3{font-size:18.5px;margin-bottom:8px;}
.feature-card p{font-size:14.5px;margin-bottom:0;}
.feature-card .hex-icon{margin-bottom:18px;}

/* ---------- tabs ---------- */
.tabs-wrap{display:flex;flex-direction:column;align-items:center;}
.tabs-nav{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px;background:var(--mint);border:1px solid var(--mint-line);border-radius:100px;padding:6px;margin-bottom:38px;}
.tabs-nav button{border:none;background:transparent;padding:11px 20px;border-radius:100px;font-weight:700;font-size:13.6px;cursor:pointer;color:var(--text-dim);display:flex;align-items:center;gap:8px;transition:background .2s,color .2s;}
.tabs-nav button.active{background:var(--ink);color:#fff;}
.tab-panel{display:none;width:100%;}
.tab-panel.active{display:block;animation:fadein .4s ease;}
@keyframes fadein{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}

/* ---------- toggle pill ---------- */
.plan-toggle{display:flex;justify-content:center;align-items:center;gap:14px;margin-bottom:44px;}
.toggle-pill{position:relative;display:inline-flex;background:var(--mint);border:1px solid var(--mint-line);border-radius:100px;padding:5px;gap:4px;}
.toggle-pill button{position:relative;z-index:2;border:none;background:transparent;padding:10px 22px;border-radius:100px;font-weight:700;font-size:13.8px;cursor:pointer;color:var(--text-dim);transition:color .25s ease;}
.toggle-pill button.active{color:#fff;}
.toggle-pill .toggle-thumb{position:absolute;top:5px;left:5px;height:calc(100% - 10px);background:var(--ink);border-radius:100px;transition:transform .3s cubic-bezier(.3,1,.4,1),width .3s ease;z-index:1;}
.save-badge{background:var(--grad-honey);color:var(--ink);font-size:11.5px;font-weight:800;padding:5px 12px;border-radius:100px;}

/* ---------- pricing ---------- */
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:stretch;}
@media(max-width:1100px){.pricing-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.pricing-grid{grid-template-columns:1fr;}}
.pricing-grid.cols-3{grid-template-columns:repeat(3,1fr);}
@media(max-width:900px){.pricing-grid.cols-3{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.pricing-grid.cols-3{grid-template-columns:1fr;}}
.pricing-grid.cols-2{grid-template-columns:1fr 1fr;}
@media(max-width:700px){.pricing-grid.cols-2{grid-template-columns:1fr;}}

.plan-card{
  position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:34px 26px 28px;display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease, border-color .35s ease;
}
.plan-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);border-color:transparent;}
.plan-card.popular{border:2px solid transparent;box-shadow:var(--shadow-md);
  background:linear-gradient(#fff,#fff) padding-box, var(--grad-brand) border-box;}
.plan-card.popular:hover{transform:translateY(-12px) scale(1.015);}
.plan-card .ribbon{
  position:absolute;top:-14px;left:26px;background:var(--grad-honey);color:var(--ink);
  font-size:11.5px;font-weight:800;padding:6px 14px;border-radius:100px;letter-spacing:.03em;box-shadow:0 8px 16px -6px rgba(252,192,24,.6);
}
.plan-card .plan-name{font-family:'Sora',sans-serif;font-weight:700;font-size:19.5px;margin-bottom:6px;}
.plan-card .price{display:flex;align-items:baseline;gap:6px;margin:14px 0 4px;flex-wrap:wrap;}
.plan-card .price .amt{font-family:'JetBrains Mono',monospace;font-size:36px;font-weight:700;color:var(--ink);}
.plan-card .price .per{font-size:13px;color:var(--text-dim);}
.plan-card .strike{color:var(--text-dim);text-decoration:line-through;font-size:13px;width:100%;}
.plan-card .plan-desc{font-size:13px;color:var(--text-dim);margin-bottom:18px;}
.plan-card ul.plan-feats{margin:0 0 24px;flex:1;}
.plan-card ul.plan-feats li{display:flex;gap:10px;align-items:flex-start;font-size:13.8px;padding:8px 0;color:var(--text);border-top:1px dashed var(--line);}
.plan-card ul.plan-feats li:first-child{border-top:none;}
.plan-feats li{display:flex;gap:10px;align-items:flex-start;font-size:13.8px;padding:8px 0;color:var(--text);border-top:1px dashed var(--line);}
.plan-feats li:first-child{border-top:none;}
.plan-feats li svg{flex:none;width:16px;height:16px;stroke:var(--leaf);margin-top:2px;}

/* ---------- comparison table ---------- */
.cmp-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--line);}
table.cmp{width:100%;border-collapse:collapse;background:#fff;min-width:640px;}
table.cmp th,table.cmp td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--line);font-size:14px;}
table.cmp thead th{background:var(--mint);font-family:'Sora',sans-serif;font-size:14.5px;color:var(--ink);}
table.cmp tbody tr:last-child td{border-bottom:none;}
table.cmp td:not(:first-child), table.cmp th:not(:first-child){text-align:center;}
table.cmp .yes{color:var(--leaf);font-weight:700;}
table.cmp .no{color:var(--text-dim);opacity:.5;}
table.cmp td:first-child{font-weight:600;color:var(--ink);}

/* ---------- testimonials ---------- */
.rev-scroll{display:flex;gap:20px;overflow-x:auto;padding:8px 4px 26px;scroll-snap-type:x mandatory;}
.rev-scroll::-webkit-scrollbar{height:6px;}
.rev-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px;}
.rev-card{
  scroll-snap-align:start;flex:0 0 340px;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);padding:26px;transition:box-shadow .3s ease, transform .3s ease;
}
.rev-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);}
.rev-card .stars{color:var(--honey);letter-spacing:2px;margin-bottom:12px;font-size:14px;}
.rev-card p{font-size:14.5px;color:var(--text);margin-bottom:18px;}
.rev-who{display:flex;align-items:center;gap:10px;}
.rev-avatar{width:38px;height:38px;border-radius:50%;background:var(--grad-brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:'Sora',sans-serif;flex:none;}
.rev-who strong{display:block;font-size:13.5px;}
.rev-who span{font-size:12px;color:var(--text-dim);}
.rating-badge{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:100px;padding:10px 18px;font-size:13.5px;font-weight:700;}
.rating-badge .stars{color:var(--honey);}

/* ---------- FAQ ---------- */
.faq{max-width:820px;margin:0 auto;}
.faq-item{border-bottom:1px solid var(--line);padding:6px 0;}
.faq-q{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 4px;cursor:pointer;font-weight:700;font-size:15.5px;background:none;border:none;width:100%;text-align:left;color:var(--text);}
.faq-q .qicon{width:28px;height:28px;flex:none;border-radius:50%;background:var(--mint);display:flex;align-items:center;justify-content:center;font-size:16px;transition:transform .25s ease, background .25s ease;}
.faq-item.open .qicon{transform:rotate(45deg);background:var(--honey);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.faq-a p{padding:0 30px 18px 4px;margin:0;font-size:14.5px;}

/* ---------- payments / confidence ---------- */
.showcase-band{
  border-radius:32px;overflow:hidden;position:relative;min-height:380px;display:flex;align-items:center;
  background-size:cover;background-position:center;
}
.showcase-band::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg, rgba(6,30,16,.92) 0%, rgba(8,42,22,.72) 45%, rgba(12,60,32,.35) 100%);}
.showcase-band .showcase-inner{position:relative;z-index:1;padding:56px;max-width:560px;color:#fff;}
.showcase-band h2{color:#fff;}
.showcase-band p{color:#D9F2E0;}
@media(max-width:768px){.showcase-band .showcase-inner{padding:34px 26px;}}

.pay-strip{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
.pay-badge{
  display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);
  border-radius:14px;padding:13px 18px;font-size:13.5px;font-weight:700;color:var(--text);
  box-shadow:var(--shadow-sm);transition:transform .25s ease, box-shadow .25s ease;
}
.pay-badge:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);}
.pay-badge i{font-size:22px;}
.pay-badge.txt{font-family:'JetBrains Mono',monospace;font-size:12.8px;}
.secure-badge{display:flex;align-items:center;gap:10px;color:var(--text-dim);font-size:13px;}

.confidence-strip{
  padding:44px 0;position:relative;overflow:hidden;background-size:cover;background-position:center;
}
.confidence-strip::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg, rgba(6,36,18,.94), rgba(12,96,48,.88));}
.confidence-strip .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;position:relative;z-index:1;}
.confidence-strip .citem{display:flex;align-items:center;gap:14px;color:#fff;}
.confidence-strip .citem .cicon{
  width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);
  display:flex;align-items:center;justify-content:center;flex:none;
}
.confidence-strip .citem .icon-glyph{stroke:var(--honey);width:22px;height:22px;}
.confidence-strip .citem strong{display:block;font-size:14.5px;}
.confidence-strip .citem span{font-size:12px;color:#CFE8D8;}

.stat-band{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
@media(max-width:800px){.stat-band{grid-template-columns:1fr 1fr;}}
.stat-box{text-align:center;padding:26px 10px;border-radius:var(--radius);background:var(--mint);border:1px solid var(--mint-line);}
.stat-box .num{font-family:'JetBrains Mono',monospace;font-size:34px;font-weight:700;color:var(--leaf-dark);}
.stat-box .lbl{font-size:13px;color:var(--text-dim);margin-top:4px;}

/* ---------- CTA band ---------- */
.cta-band{background:var(--grad-brand);border-radius:28px;padding:60px;color:#fff;position:relative;overflow:hidden;}
.cta-band h2{color:#fff;font-size:clamp(24px,3vw,34px);}
.cta-band p{color:rgba(255,255,255,.88);}
.cta-band .container-inner{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;}
@media(max-width:768px){.cta-band{padding:40px 26px;}}

/* ---------- steps ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
@media(max-width:900px){.steps{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.steps{grid-template-columns:1fr;}}
.step{position:relative;padding-top:6px;}
.step .step-no{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--leaf-dark);font-weight:700;margin-bottom:10px;display:block;}
.step h4{font-size:16.5px;margin-bottom:6px;}
.step p{font-size:13.8px;}

/* ---------- footer ---------- */
footer.mainfoot{background:var(--ink);color:#B7CBC0;padding-top:70px;}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.1fr;gap:32px;padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,.1);}
@media(max-width:900px){.foot-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.foot-grid{grid-template-columns:1fr;}}
.foot-grid h5{color:#fff;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px;font-family:'JetBrains Mono',monospace;}
.foot-grid li{margin-bottom:10px;font-size:14px;}
.foot-grid a:hover{color:var(--honey);}
.foot-logo{margin-bottom:16px;}
.foot-logo img{height:34px;}
.foot-social{display:flex;gap:10px;}
.foot-social a{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;transition:background .2s;}
.foot-social a:hover{background:var(--honey);color:var(--ink);}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:12.8px;color:#729384;flex-wrap:wrap;gap:10px;}
.foot-sub{margin-top:14px;display:flex;gap:8px;}
.foot-sub input{flex:1;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);padding:11px 14px;color:#fff;font-size:13px;}
.foot-sub input::placeholder{color:#729384;}

/* ---------- floating widgets ---------- */
.float-stack{position:fixed;right:22px;bottom:22px;z-index:500;display:flex;flex-direction:column;align-items:flex-end;gap:14px;}
.fab{
  width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  box-shadow:0 14px 30px -8px rgba(12,40,24,.4);cursor:pointer;border:none;font-size:26px;position:relative;
}
.fab-whatsapp{background:#25D366;color:#fff;}
.fab-whatsapp::after{
  content:"";position:absolute;inset:0;border-radius:50%;background:#25D366;opacity:.5;
  animation:pulse-ring 2.2s ease-out infinite;
}
@keyframes pulse-ring{0%{transform:scale(1);opacity:.5;}100%{transform:scale(1.9);opacity:0;}}
.fab-chat{background:var(--grad-brand);color:#fff;}

.chat-panel{
  position:fixed;right:22px;bottom:96px;width:360px;max-width:90vw;background:#fff;border-radius:20px;
  box-shadow:var(--shadow-lg);z-index:499;overflow:hidden;display:none;flex-direction:column;max-height:78vh;
  border:1px solid var(--line);
}
.chat-panel.open{display:flex;}
.chat-head{background:var(--ink);color:#fff;padding:18px 20px;display:flex;align-items:center;gap:12px;}
.chat-head .hex-badge{background:var(--honey);color:var(--ink);}
.chat-head strong{display:block;font-size:14.5px;}
.chat-head span{font-size:12px;color:#9FB8A8;display:flex;align-items:center;gap:5px;}
.chat-head span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--leaf-bright);display:inline-block;}
.chat-close{margin-left:auto;background:rgba(255,255,255,.1);border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:15px;}
.chat-body{padding:18px 20px;overflow-y:auto;flex:1;background:var(--mint);}
.chat-bubble{background:#fff;border-radius:14px 14px 14px 4px;padding:12px 14px;font-size:13.6px;margin-bottom:12px;max-width:88%;box-shadow:var(--shadow-sm);}
.chat-form label{display:block;font-size:12.5px;font-weight:700;margin:12px 0 6px;color:var(--text);}
.chat-form input,.chat-form select,.chat-form textarea{
  width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font-size:13.5px;font-family:inherit;background:#fff;
}
.chat-form textarea{resize:vertical;min-height:64px;}
.chat-foot{padding:14px 20px;border-top:1px solid var(--line);background:#fff;}
.chat-note{font-size:11px;color:var(--text-dim);text-align:center;margin-top:10px;}

/* ---------- chatbot wizard steps ---------- */
.chat-progress{display:flex;gap:6px;margin-bottom:18px;}
.chat-progress .pdot{flex:1;height:4px;border-radius:2px;background:var(--line);transition:background .3s;}
.chat-progress .pdot.active,.chat-progress .pdot.done{background:var(--leaf);}
.chat-step{display:none;}
.chat-step.active{display:block;animation:fadein .3s ease;}
.chat-q-title{font-weight:700;font-size:13.8px;margin-bottom:12px;color:var(--text);}
.chat-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.chat-option-grid.cols-3{grid-template-columns:repeat(3,1fr);}
.chat-option{
  border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:12px 8px;
  font-size:12.5px;font-weight:700;cursor:pointer;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:7px;text-align:center;transition:all .2s;color:var(--text);
  min-height:74px;
}
.chat-option:hover{border-color:var(--leaf);transform:translateY(-2px);}
.chat-option.selected{border-color:var(--leaf);background:var(--mint);box-shadow:0 0 0 1.5px var(--leaf) inset;color:var(--leaf-dark);}
.chat-option .icon-glyph{width:20px;height:20px;stroke:var(--leaf-dark);}
.chat-nav{display:flex;padding:14px 20px;border-top:1px solid var(--line);background:#fff;gap:10px;}
.chat-summary{background:var(--mint);border-radius:12px;padding:14px 16px;font-size:12.8px;margin-bottom:16px;}
.chat-summary .srow{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed var(--mint-line);}
.chat-summary .srow:last-child{border-bottom:none;}
.chat-summary .srow b{color:var(--text);text-align:right;}
.chat-summary .srow span:first-child{color:var(--text-dim);}

@media(max-width:480px){
  .chat-panel{right:12px;left:12px;width:auto;bottom:88px;}
  .float-stack{right:14px;bottom:14px;}
}

/* ---------- misc pages ---------- */
.page-hero{background:var(--mint);padding:64px 0 78px;position:relative;overflow:hidden;border-bottom:1px solid var(--mint-line);}
.page-hero h1{color:var(--ink);font-size:clamp(30px,4vw,46px);}
.page-hero.photo{
  background-size:cover;background-position:center;border-bottom:none;
}
.page-hero.photo::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(120deg, rgba(6,36,18,.93) 0%, rgba(12,60,32,.88) 55%, rgba(12,96,48,.72) 100%);
}
.page-hero.photo .container{position:relative;z-index:2;}
.page-hero.photo h1{color:#fff;}
.page-hero.photo p.lead{color:#D9F2E0 !important;}
.page-hero.photo .breadcrumbs{color:#B7D9C4;}
.page-hero.photo .breadcrumbs a{color:#fff;}
.page-hero.photo .eyebrow{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25);color:#fff;}
.breadcrumbs{font-size:13px;color:var(--text-dim);margin-bottom:14px;font-family:'JetBrains Mono',monospace;}
.breadcrumbs a{color:var(--leaf-dark);}
.breadcrumbs a:hover{color:var(--honey-dark);}

.content-block{max-width:820px;margin:0 auto;}
.content-block h2{font-size:24px;margin-top:44px;}
.content-block h3{font-size:18px;margin-top:26px;}
.content-block p, .content-block li{color:var(--text-dim);font-size:15.5px;}
.content-block li{margin-bottom:8px;padding-left:20px;position:relative;}
.content-block li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;background:var(--honey);
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);}
.content-block .updated{display:inline-block;background:var(--mint);padding:6px 14px;border-radius:100px;font-size:12.5px;font-family:'JetBrains Mono',monospace;color:var(--text-dim);margin-bottom:20px;}

.mini-cta{background:var(--mint);border:1px dashed var(--leaf);border-radius:var(--radius);padding:30px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:40px;}

.badge-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0;}
.badge-chip{background:var(--mint);border-radius:100px;padding:8px 16px;font-size:12.8px;font-weight:700;color:var(--text);}

/* ---------- docs / tutorials ---------- */
.docs-search{background:#fff;border:1px solid var(--line);border-radius:100px;display:flex;align-items:center;gap:12px;padding:16px 22px;box-shadow:var(--shadow-sm);max-width:620px;margin:0 auto 40px;}
.docs-search .icon-glyph{stroke:var(--text-dim);width:19px;height:19px;}
.docs-search input{flex:1;border:none;outline:none;font-size:15.5px;font-family:'Inter',sans-serif;}
.docs-cat-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:44px;}
.docs-cat{background:var(--mint);border:1px solid var(--mint-line);border-radius:100px;padding:9px 18px;font-size:13px;font-weight:700;cursor:pointer;color:var(--text-dim);transition:all .2s;}
.docs-cat.active{background:var(--ink);color:#fff;border-color:var(--ink);}
.tut-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media(max-width:900px){.tut-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.tut-grid{grid-template-columns:1fr;}}
.tut-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease;}
.tut-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-md);}
.typewriter{border-right:3px solid var(--honey);padding-right:4px;animation:tw-caret .8s steps(1) infinite;}
@keyframes tw-caret{0%,100%{border-color:var(--honey);}50%{border-color:transparent;}}

.tut-thumb{height:170px;position:relative;overflow:hidden;background-size:cover;background-position:center;}
.tut-thumb::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(8,40,20,.35), rgba(8,40,20,.82));}
.tut-thumb .hex-icon{width:56px;height:56px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);position:relative;z-index:1;position:absolute;bottom:16px;left:16px;box-shadow:none;}
.tut-thumb .hex-icon .icon-glyph{stroke:#fff;width:24px;height:24px;}
.tut-thumb .tut-thumb-tag{position:absolute;top:14px;right:14px;background:rgba(255,255,255,.92);color:var(--leaf-dark);font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:700;padding:5px 11px;border-radius:100px;text-transform:uppercase;letter-spacing:.04em;z-index:1;}
.tut-body{padding:22px;}
.tut-tag{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--leaf-dark);text-transform:uppercase;letter-spacing:.06em;}
.tut-body h3{font-size:16.5px;margin:8px 0;}
.tut-body p{font-size:13.5px;margin-bottom:0;}
.tut-meta{display:flex;gap:14px;margin-top:14px;font-size:12px;color:var(--text-dim);}

.article-shell{display:grid;grid-template-columns:220px 1fr 200px;gap:44px;align-items:start;}
@media(max-width:1000px){.article-shell{grid-template-columns:1fr;}}
.article-side{position:sticky;top:100px;}
.article-side h5{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:14px;}
.article-side a{display:block;padding:8px 0;font-size:13.6px;color:var(--text-dim);border-left:2px solid var(--line);padding-left:14px;}
.article-side a:hover, .article-side a.active{color:var(--leaf-dark);border-left-color:var(--leaf);font-weight:700;}
.article-body h2{font-size:24px;scroll-margin-top:110px;}
.article-body h3{font-size:18px;scroll-margin-top:110px;}
.article-body p, .article-body li{color:var(--text-dim);font-size:15.5px;}
.article-body li{margin-bottom:8px;padding-left:4px;}
.article-body pre{background:var(--ink);color:#DCEFE4;padding:18px 20px;border-radius:14px;overflow-x:auto;font-family:'JetBrains Mono',monospace;font-size:13.2px;line-height:1.6;}
.article-body code{background:var(--mint);padding:2px 7px;border-radius:6px;font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--leaf-dark);}
.article-body pre code{background:none;padding:0;color:inherit;}
.step-block{display:flex;gap:16px;margin:22px 0;}
.step-num{width:34px;height:34px;border-radius:50%;background:var(--grad-brand);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Sora',sans-serif;font-weight:700;font-size:14px;flex:none;}
.callout{background:var(--mint);border-left:4px solid var(--leaf);border-radius:0 14px 14px 0;padding:16px 20px;font-size:14.5px;color:var(--text);margin:22px 0;}
.callout.warn{background:#FFF7E8;border-left-color:var(--honey-dark);}
.related-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;}
.related-box a{display:block;font-size:13.6px;font-weight:600;padding:9px 0;border-bottom:1px solid var(--line);color:var(--text);}
.related-box a:last-child{border-bottom:none;}
.related-box a:hover{color:var(--leaf-dark);}

.mascot-mini{width:120px;position:absolute;opacity:.9;}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
@media(max-width:800px){.two-col{grid-template-columns:1fr;}}

.stat-row{display:flex;gap:40px;flex-wrap:wrap;}
.stat-row .stat .num{font-family:'JetBrains Mono',monospace;font-size:30px;font-weight:700;color:var(--ink);}
.stat-row .stat .lbl{font-size:13px;color:var(--text-dim);}

.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;}
@media(max-width:850px){.contact-grid{grid-template-columns:1fr;}}
.contact-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;gap:16px;margin-bottom:16px;}
.contact-card p{margin:0;font-size:14px;}
.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media(max-width:560px){.form-row{grid-template-columns:1fr;}}
.form-card label{display:block;font-size:12.8px;font-weight:700;margin:14px 0 6px;}
.form-card input,.form-card select,.form-card textarea{
  width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:14px;font-family:inherit;
}
.form-card textarea{min-height:110px;resize:vertical;}

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

.divider-hex{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 0 40px;}
.divider-hex span{width:7px;height:7px;background:var(--line);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);}
.divider-hex span.on{background:var(--honey);}

.stars-svg{display:inline-flex;gap:2px;color:var(--honey);}