@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{
  --bg:#050505;--panel:#0a0a0a;--panel2:#111;--text:#f6f6f6;--muted:#9b9b9b;
  --line:#232323;--acid:#b6ff00;--acid2:#d7ff66;--radius:16px;--max:1380px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
.shell{width:min(var(--max),94vw);margin:auto}
.topbar{position:sticky;top:0;z-index:40;height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:0 3vw;background:rgba(5,5,5,.93);backdrop-filter:blur(18px);border-bottom:1px solid #171717}
.wordmark{font-family:"Space Grotesk";font-size:22px;font-weight:700;letter-spacing:.18em}
.wordmark span{color:var(--acid)}
.nav{display:flex;justify-content:center;gap:28px}
.nav a{font-size:10px;font-weight:800;letter-spacing:.06em;color:#d2d2d2}
.nav a:hover,.nav a.active{color:var(--acid)}
.cart-link{display:flex;align-items:center;gap:8px;border:1px solid #2b2b2b;padding:10px 14px;border-radius:999px;font-size:10px;font-weight:800}
.cart-count{display:grid;place-items:center;min-width:20px;height:20px;border-radius:50%;background:var(--acid);color:#000}
.kicker{font-size:11px;color:var(--acid);font-weight:800;letter-spacing:.08em;margin-bottom:14px}
h1,h2,h3{font-family:"Space Grotesk";letter-spacing:-.04em}
h1{font-size:clamp(54px,6vw,104px);line-height:.94;margin:0}
h2{font-size:clamp(38px,4.5vw,68px);line-height:1;margin:0}
h3{font-size:22px}
p{color:#aaa}
.lead{font-size:16px;max-width:650px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:6px;border:1px solid transparent;font-size:11px;font-weight:800;letter-spacing:.03em;cursor:pointer}
.primary{background:var(--acid);color:#000}
.secondary{background:#0b0b0b;border-color:#353535;color:#fff}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:68px 0}
.hero h1 em{font-style:normal;color:var(--acid)}
.hero-visual{min-height:560px;position:relative}
.glow{position:absolute;inset:5%;background:radial-gradient(circle,rgba(182,255,0,.12),transparent 58%)}
.phone{position:absolute;right:9%;top:2%;width:250px;height:515px;border-radius:38px;border:1px solid #393939;background:linear-gradient(145deg,#161616,#050505);box-shadow:0 35px 80px #000;padding:16px;transform:rotate(8deg)}
.phone .notch{width:78px;height:19px;border-radius:0 0 12px 12px;background:#000;margin:-16px auto 0}
.phone .g{margin-top:85px;text-align:center;font-size:24px}.phone .label{text-align:center;margin-top:28px;font-size:13px}.phone .stars{text-align:center;color:#ffc400;font-size:25px;margin-top:16px}
.reviewcard{position:absolute;left:4%;bottom:72px;width:350px;aspect-ratio:1.586;border-radius:14px;border:1px solid #2b2b2b;background:linear-gradient(135deg,#171717,#070707 62%);box-shadow:0 30px 70px #000;transform:rotate(-10deg)}
.reviewcard .logo{position:absolute;left:9%;top:44%;font-family:"Space Grotesk";font-weight:700;letter-spacing:.16em;font-size:25px}.reviewcard .logo span{color:var(--acid)}
.section{padding:90px 0;border-top:1px solid #151515}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{background:linear-gradient(145deg,#0c0c0c,#070707);border:1px solid #242424;border-radius:14px;padding:26px}
.card h3{margin:8px 0}.card p{font-size:13px}
.product-visual{height:260px;border-radius:12px;background:radial-gradient(circle at 50% 20%,#2a2a2a,#0b0b0b 58%,#050505);position:relative;overflow:hidden;margin-bottom:20px}
.mini-card{position:absolute;width:72%;aspect-ratio:1.586;left:14%;top:26%;border-radius:10px;background:linear-gradient(135deg,#191919,#060606);border:1px solid #303030;transform:rotate(-8deg)}
.mini-card.white{background:linear-gradient(135deg,#f6f6f6,#cfcfcf)}
.mini-card:after{content:"CNTCTLSS.";position:absolute;left:9%;top:43%;font-family:"Space Grotesk";font-weight:700;letter-spacing:.12em}
.mini-card.white:after{color:#111}
.icon{font-size:34px;color:var(--acid)}
.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px}
.proof{padding:18px;border-top:1px solid #252525}
.proof b{display:block;font-size:11px}.proof span{font-size:10px;color:#777}
.stat{font-family:"Space Grotesk";font-size:38px;color:var(--acid);font-weight:700}
.quote{font-size:22px;color:#e7e7e7;line-height:1.4}
.price{font-size:28px;font-weight:800;margin:12px 0}
.meta{font-size:11px;color:#777}
.checks{list-style:none;padding:0;display:grid;gap:10px}.checks li{color:#c9c9c9;font-size:13px}.checks li:before{content:"✓";color:var(--acid);margin-right:10px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stepno{color:var(--acid);font-weight:800;font-size:12px}
.banner{border:1px solid #273018;border-radius:18px;padding:45px;background:linear-gradient(120deg,#0c0c0c,#10160a)}
.shop-hero{padding:68px 0 30px}.shop-hero h1{font-size:64px;max-width:980px}
.category-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.chip{border:1px solid #2a2a2a;border-radius:999px;padding:9px 13px;font-size:10px}.chip.active{color:var(--acid);border-color:#658c14}
.product-page{padding:65px 0;display:grid;grid-template-columns:1.05fr .95fr;gap:70px}
.gallery-main{height:585px;border:1px solid #222;border-radius:14px;background:radial-gradient(circle at 50% 22%,#292929,#0b0b0b 60%);position:relative}
.gallery-main .big-card{position:absolute;width:68%;aspect-ratio:1.586;left:16%;top:31%;border-radius:16px;background:linear-gradient(135deg,#181818,#050505);border:1px solid #333;transform:rotate(-7deg);box-shadow:0 30px 80px #000}
.gallery-main .big-card:after{content:"CNTCTLSS.";position:absolute;left:9%;top:43%;font-family:"Space Grotesk";font-size:30px;font-weight:700;letter-spacing:.16em}
.product-info h1{font-size:54px}.rating{color:#ffc400;font-size:14px;margin:12px 0}
.swatches{display:flex;gap:10px;margin:18px 0}.swatch{width:38px;height:38px;border-radius:50%;border:1px solid #444}.swatch.black{background:#050505}.swatch.white{background:#eee}
.info-box{border:1px solid #252525;border-radius:12px;padding:20px;margin-top:24px;background:#090909}
.compare{width:100%;border-collapse:collapse;margin-top:28px}.compare th,.compare td{border-bottom:1px solid #222;padding:14px;text-align:left;font-size:12px}.compare th{color:#8d8d8d;font-weight:500}
.customizer{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;padding:60px 0}
.form-panel{display:grid;gap:16px}.field label{display:block;font-size:9px;color:#888;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;background:#090909;color:#fff;border:1px solid #2a2a2a;border-radius:7px;padding:14px}
.preview{min-height:520px;border:1px solid #222;border-radius:14px;background:radial-gradient(circle,#232323,#090909 60%);position:relative}
.preview-card{position:absolute;width:68%;aspect-ratio:1.586;left:16%;top:28%;border-radius:16px;background:#0b0b0b;border:1px solid #343434;box-shadow:0 35px 70px #000}
.preview-brand{position:absolute;left:9%;top:38%;font-family:"Space Grotesk";font-size:28px;font-weight:700;letter-spacing:.08em}
.preview-sub{position:absolute;left:9%;top:57%;font-size:11px;color:#999}
.cart-page{padding:60px 0 100px}.cart-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:40px}.cart-item{display:grid;grid-template-columns:120px 1fr auto;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid #222}.cart-thumb{height:85px;border:1px solid #2b2b2b;border-radius:10px;background:linear-gradient(135deg,#171717,#070707);position:relative}.cart-thumb:after{content:"CNTCTLSS.";position:absolute;left:12px;top:31px;font-family:"Space Grotesk";font-size:11px;letter-spacing:.1em}.summary{background:#0a0a0a;border:1px solid #242424;border-radius:14px;padding:24px;height:max-content;position:sticky;top:100px}.sumrow{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #1d1d1d}.sumrow.total{font-size:18px;font-weight:800;border-bottom:0;padding-top:20px}
.faq{display:grid;gap:10px;margin-top:25px}.faq details{border:1px solid #242424;border-radius:10px;padding:16px;background:#090909}.faq summary{cursor:pointer;font-weight:700;font-size:13px}.faq p{font-size:12px}
.footer{border-top:1px solid #171717;padding:30px 0 50px;display:grid;grid-template-columns:1fr 1fr 1fr;color:#666;font-size:10px}.footer div:nth-child(2){text-align:center}.footer div:last-child{text-align:right}
@media(max-width:950px){.nav{display:none}.hero,.grid2,.product-page,.customizer,.cart-layout{grid-template-columns:1fr}.grid3,.grid4,.steps,.proof-strip{grid-template-columns:1fr}.hero{padding-top:45px}.hero-visual{min-height:460px}.phone{width:205px;height:420px}.reviewcard{width:260px}.gallery-main{height:430px}.footer{grid-template-columns:1fr;gap:8px}.footer div:nth-child(2),.footer div:last-child{text-align:left}}

/* V4 — brand-first additions */
.brand-manifesto{padding:110px 0;border-top:1px solid #151515}
.brand-manifesto .statement{font-family:"Space Grotesk";font-size:clamp(42px,5vw,78px);line-height:1.02;letter-spacing:-.05em;max-width:1100px}
.brand-manifesto .statement span{color:var(--acid)}
.audience-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.audience-card{border-left:2px solid var(--acid);padding:8px 0 8px 25px}
.audience-card h3{font-size:30px;margin:0 0 12px}
.not-for{color:#777;font-size:12px;margin-top:25px}
.memory-line{font-family:"Space Grotesk";font-size:clamp(30px,4vw,58px);line-height:1.05;letter-spacing:-.04em}
.memory-line strong{color:var(--acid)}
.story-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.story-row .card{min-height:245px}
.story-row .card .stepno{margin-bottom:45px}
.value-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #252525;border-radius:14px;overflow:hidden;margin-top:35px}
.value-strip>div{padding:28px;border-right:1px solid #252525;background:#090909}
.value-strip>div:last-child{border-right:0}
.value-strip b{display:block;color:var(--acid);font-family:"Space Grotesk";font-size:20px;margin-bottom:8px}
.value-strip span{font-size:12px;color:#8e8e8e}
.shop-intro-note{max-width:760px;font-size:18px;color:#d6d6d6;margin-top:22px}
.product-card-why{font-size:12px;color:#8b8b8b;border-top:1px solid #202020;margin-top:18px;padding-top:16px}
.positioning{padding:55px;border:1px solid #273018;border-radius:18px;background:radial-gradient(circle at 80% 0,rgba(182,255,0,.08),transparent 36%),#090909}
.positioning .big{font-family:"Space Grotesk";font-size:clamp(35px,4vw,60px);line-height:1.02;letter-spacing:-.04em;max-width:900px}
.positioning .big span{color:var(--acid)}
@media(max-width:950px){.audience-grid,.story-row,.value-strip{grid-template-columns:1fr}.value-strip>div{border-right:0;border-bottom:1px solid #252525}.value-strip>div:last-child{border-bottom:0}}

/* V5 — Review Card / company search / logo preview */
.product-page.review-product{padding:38px 0 54px;align-items:start}
.product-page.review-product .gallery-main{height:470px}
.product-page.review-product .product-info h1{font-size:clamp(42px,4.5vw,62px)}
.product-page.review-product .lead{margin:10px 0 12px}
.quick-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:15px 0 18px}
.quick-benefit{border:1px solid #252525;background:#0a0a0a;border-radius:9px;padding:11px 12px;font-size:11px;color:#d5d5d5}
.quick-benefit b{color:var(--acid);margin-right:5px}
.google-review-card{
  position:absolute;width:74%;aspect-ratio:1.586;left:13%;top:25%;
  border-radius:18px;background:#fff;color:#151515;border:1px solid #dedede;
  box-shadow:0 35px 85px rgba(0,0,0,.65);transform:rotate(-5deg);overflow:hidden
}
.google-review-card .gr-top{position:absolute;left:8%;top:10%;display:flex;align-items:center;gap:8px}
.google-review-card .google-word{font-family:Arial,sans-serif;font-weight:700;font-size:25px;letter-spacing:-1px}
.google-review-card .google-word .b{color:#4285F4}.google-review-card .google-word .r{color:#EA4335}.google-review-card .google-word .y{color:#FBBC05}.google-review-card .google-word .g{color:#34A853}
.google-review-card .review-title{position:absolute;left:8%;top:34%;font-family:"Space Grotesk";font-size:clamp(18px,2vw,29px);font-weight:700;letter-spacing:-.04em}
.google-review-card .review-stars{position:absolute;left:8%;top:52%;color:#fbbc04;font-size:26px;letter-spacing:2px}
.google-review-card .review-cta{position:absolute;left:8%;bottom:12%;background:#111;color:#fff;border-radius:999px;padding:8px 13px;font-size:9px;font-weight:800;letter-spacing:.04em}
.google-review-card .nfc-mark{position:absolute;right:8%;bottom:12%;font-size:21px;color:#111}
.google-review-card .qr-mini{position:absolute;right:8%;top:12%;width:48px;height:48px;background:
linear-gradient(90deg,#111 12%,transparent 12% 24%,#111 24% 36%,transparent 36% 48%,#111 48% 60%,transparent 60% 72%,#111 72% 84%,transparent 84%),
linear-gradient(#111 12%,transparent 12% 24%,#111 24% 36%,transparent 36% 48%,#111 48% 60%,transparent 60% 72%,#111 72% 84%,transparent 84%);
background-size:100% 100%;border:5px solid #fff;outline:1px solid #ddd}
.company-search-wrap{position:relative}
.company-search-row{display:flex;gap:8px}
.company-search-row input{flex:1}
.company-status{font-size:11px;color:#888;margin-top:7px;min-height:18px}
.company-status.ok{color:var(--acid)}
.company-status.error{color:#ff6d6d}
.company-results{position:absolute;left:0;right:0;top:100%;z-index:20;background:#101010;border:1px solid #2a2a2a;border-radius:8px;margin-top:5px;overflow:hidden;display:none;box-shadow:0 20px 45px #000}
.company-results.show{display:block}
.company-result{padding:12px 14px;border-bottom:1px solid #222;cursor:pointer}
.company-result:last-child{border-bottom:0}
.company-result:hover{background:#171717}
.company-result b{display:block;font-size:12px}
.company-result span{font-size:10px;color:#777}
.logo-preview{position:absolute;left:9%;top:14%;max-width:30%;max-height:24%;object-fit:contain;display:none}
.preview-card.review-preview{background:#fff;color:#111;overflow:hidden}
.preview-card.review-preview .preview-brand{top:36%;font-size:24px}
.preview-card.review-preview .preview-stars{position:absolute;left:9%;top:56%;font-size:20px;color:#fbbc04;letter-spacing:2px}
.preview-card.review-preview .preview-google{position:absolute;right:9%;top:10%;font:bold 15px Arial;color:#4285F4}
.preview-card.review-preview .preview-sub{top:72%;color:#555}
.upload-help{font-size:10px;color:#717171;margin-top:6px}
.selected-company-box{display:none;border:1px solid #314318;background:#0c1108;border-radius:9px;padding:12px;margin-top:8px}
.selected-company-box.show{display:block}
.selected-company-box b{font-size:12px}.selected-company-box span{display:block;font-size:10px;color:#888;margin-top:3px}
.above-fold-copy{margin-top:12px;padding-top:14px;border-top:1px solid #222}
.above-fold-copy p{font-size:12px;margin:5px 0}
@media(max-width:950px){
 .product-page.review-product .gallery-main{height:385px}
 .quick-benefits{grid-template-columns:1fr}
 .google-review-card{width:82%;left:9%;top:27%}
}

/* V6 — premium webshop product cards */
.shop-product-card{display:flex;flex-direction:column;padding:0!important;overflow:hidden;min-height:560px;background:#080808;border:1px solid #222;transition:.22s ease}
.shop-product-card:hover{transform:translateY(-4px);border-color:#3a3a3a}
.shop-product-copy{padding:22px 23px 25px}
.shop-product-copy h3{font-size:25px;margin:5px 0 8px}
.shop-product-copy p{font-size:13px!important;color:#bcbcbc!important;line-height:1.5;margin:0 0 12px}
.shop-product-copy .price{margin:12px 0 8px}
.shop-product-copy .product-card-why{margin-top:12px}
.premium-product-scene{height:300px;position:relative;overflow:hidden;background:
radial-gradient(circle at 50% 35%,rgba(255,255,255,.10),transparent 30%),
linear-gradient(145deg,#1a1a1a,#070707 68%);border-bottom:1px solid #202020}
.premium-product-scene:after{content:"";position:absolute;left:10%;right:10%;bottom:22px;height:18px;border-radius:50%;background:#000;filter:blur(16px);opacity:.7}
.store-card{position:absolute;width:178px;height:282px;border-radius:13px;left:50%;top:50%;transform:translate(-50%,-48%) rotate(-5deg);z-index:2;box-shadow:0 28px 55px rgba(0,0,0,.55);overflow:hidden;font-family:Arial,sans-serif}
.store-card.review{background:#fafafa;color:#151515;border:1px solid #ddd}
.store-card.business{background:#080808;color:#f7f7f7;border:1px solid #303030;transform:translate(-50%,-48%) rotate(4deg)}
.store-card.social{background:linear-gradient(160deg,#111,#050505);color:#fff;border:1px solid #292929;transform:translate(-50%,-48%) rotate(-3deg)}
.store-card .client-logo{position:absolute;top:20px;left:18px;right:18px;text-align:center;font-family:"Space Grotesk";font-size:13px;font-weight:700;letter-spacing:.02em}
.store-card .client-sub{position:absolute;top:40px;left:10px;right:10px;text-align:center;font-size:5px;letter-spacing:.25em;color:#777}
.store-card .google-mini{position:absolute;top:75px;left:0;right:0;text-align:center;font-size:20px;font-weight:700;letter-spacing:-1px}
.store-card .review-copy{position:absolute;top:105px;left:0;right:0;text-align:center;font-family:"Space Grotesk";font-size:14px;font-weight:800}
.store-card .stars-mini{position:absolute;top:128px;left:0;right:0;text-align:center;color:#fbbc04;font-size:18px;letter-spacing:1px}
.store-card .qr-css{position:absolute;top:164px;left:64px;width:50px;height:50px;background:
repeating-linear-gradient(0deg,#111 0 4px,#fff 4px 8px),
repeating-linear-gradient(90deg,transparent 0 4px,#111 4px 8px);background-blend-mode:multiply;border:5px solid #fff;outline:1px solid #bbb}
.store-card .tap-mini{position:absolute;bottom:24px;left:0;right:0;text-align:center;font-size:7px;font-weight:800;letter-spacing:.08em}
.store-card .cnt-mini{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:5px;letter-spacing:.22em;color:#888}
.store-card .business-mark{position:absolute;top:75px;left:0;right:0;text-align:center;font-family:"Space Grotesk";font-size:25px;font-weight:700}
.store-card .business-role{position:absolute;top:112px;left:0;right:0;text-align:center;font-size:7px;color:#888;letter-spacing:.15em}
.store-card .business-lines{position:absolute;left:25px;right:25px;top:153px;border-top:1px solid #333;padding-top:13px;font-size:7px;line-height:2;color:#aaa}
.store-card .social-icon{position:absolute;top:74px;left:0;right:0;text-align:center;font-size:48px;font-family:"Space Grotesk";font-weight:800}
.store-card .social-copy{position:absolute;top:139px;left:20px;right:20px;text-align:center;font-size:11px;font-weight:800;line-height:1.3}
.store-card .social-handle{position:absolute;top:180px;left:0;right:0;text-align:center;font-size:8px;color:var(--acid)}
.scene-label{position:absolute;left:15px;bottom:14px;font-size:8px;color:#737373;letter-spacing:.15em;z-index:4}
.scene-nfc{position:absolute;right:17px;top:18px;width:32px;height:32px;border:1px solid #444;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#bbb}
.product-action{display:flex;justify-content:space-between;align-items:center;margin-top:17px;padding-top:15px;border-top:1px solid #202020}
.product-action span{font-size:10px;font-weight:800;letter-spacing:.08em;color:#eee}
.product-action b{color:var(--acid);font-size:18px}
@media(max-width:950px){.shop-product-card{min-height:auto}.premium-product-scene{height:280px}}

/* V7 — keep Review Card portrait everywhere */
.preview{
  min-height:620px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top:24px;
}
.preview-card.review-preview{
  position:relative;
  width:300px;
  height:475px;
  aspect-ratio:auto;
  border-radius:18px;
  background:#fff;
  color:#111;
  box-shadow:0 34px 80px rgba(0,0,0,.55);
  overflow:hidden;
}
.preview-card.review-preview .logo-preview{
  left:50%;
  top:28px;
  transform:translateX(-50%);
  max-width:150px;
  max-height:70px;
}
.preview-card.review-preview .preview-google{
  top:122px;
  left:0;
  right:0;
  text-align:center;
  font:bold 25px Arial,sans-serif;
}
.preview-card.review-preview .preview-brand{
  position:absolute;
  top:170px;
  left:22px;
  right:22px;
  text-align:center;
  font-family:"Space Grotesk";
  font-size:24px;
  font-weight:700;
  line-height:1.05;
}
.preview-card.review-preview .preview-stars{
  top:228px;
  left:0;
  right:0;
  text-align:center;
  font-size:25px;
  letter-spacing:3px;
}
.preview-card.review-preview:before{
  content:"";
  position:absolute;
  width:84px;
  height:84px;
  left:50%;
  top:282px;
  transform:translateX(-50%);
  background:
    repeating-linear-gradient(0deg,#111 0 6px,#fff 6px 12px),
    repeating-linear-gradient(90deg,transparent 0 6px,#111 6px 12px);
  background-blend-mode:multiply;
  border:7px solid #fff;
  outline:1px solid #cfcfcf;
}
.preview-card.review-preview .preview-sub{
  top:auto;
  bottom:35px;
  left:0;
  right:0;
  text-align:center;
  font-size:11px;
  letter-spacing:.09em;
  font-weight:800;
}
.preview-card.review-preview:after{
  content:")))";
  position:absolute;
  right:22px;
  bottom:20px;
  font-size:18px;
  font-weight:700;
}
@media(max-width:950px){
  .preview{min-height:535px}
  .preview-card.review-preview{
    width:260px;
    height:412px;
  }
  .preview-card.review-preview .preview-google{top:104px}
  .preview-card.review-preview .preview-brand{top:145px;font-size:21px}
  .preview-card.review-preview .preview-stars{top:198px}
  .preview-card.review-preview:before{top:244px;width:72px;height:72px}
}

/* V8 — premium Google Review Card, white + black */
.gb{color:#4285F4}.gr{color:#EA4335}.gy{color:#FBBC05}.gg{color:#34A853}
.review-card-v8{
  position:absolute;width:224px;height:355px;left:50%;top:50%;
  transform:translate(-50%,-50%) rotate(-4deg);
  border-radius:18px;overflow:hidden;z-index:3;
  box-shadow:0 32px 70px rgba(0,0,0,.58);
  font-family:Arial,sans-serif;transition:.22s ease
}
.review-card-v8.white{background:#fff;color:#121212;border:1px solid #ddd}
.review-card-v8.black{background:#080808;color:#f7f7f7;border:1px solid #303030}
.review-card-v8 .brand-logo-img{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:58px;height:58px;object-fit:contain;display:none}
.review-card-v8 .brand-fallback{position:absolute;top:21px;left:50%;transform:translateX(-50%);width:56px;height:56px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-family:"Space Grotesk";font-size:18px;font-weight:700}
.review-card-v8 .brand-name{position:absolute;top:87px;left:16px;right:16px;text-align:center;font-family:"Space Grotesk";font-size:18px;font-weight:700;line-height:1.05}
.review-card-v8 .brand-tagline{position:absolute;top:113px;left:16px;right:16px;text-align:center;font-size:6px;letter-spacing:.24em;opacity:.55;text-transform:uppercase}
.review-card-v8 .divider{position:absolute;top:138px;left:50%;transform:translateX(-50%);width:28px;height:1px;background:currentColor;opacity:.35}
.review-card-v8 .google-logo{position:absolute;top:154px;left:0;right:0;text-align:center;font-weight:700;font-size:28px;letter-spacing:-1.6px}
.review-card-v8 .review-title-v8{position:absolute;top:193px;left:0;right:0;text-align:center;font-family:"Space Grotesk";font-size:15px;font-weight:800}
.review-card-v8 .review-stars-v8{position:absolute;top:216px;left:0;right:0;text-align:center;color:#FBBC05;font-size:23px;letter-spacing:1px}
.review-card-v8 .qr-v8{position:absolute;top:250px;left:50%;transform:translateX(-50%);width:58px;height:58px;border:5px solid #fff;outline:1px solid rgba(0,0,0,.15);background:
repeating-linear-gradient(0deg,#111 0 5px,#fff 5px 10px),
repeating-linear-gradient(90deg,transparent 0 5px,#111 5px 10px);background-blend-mode:multiply}
.review-card-v8 .tap-v8{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-size:8px;font-weight:800;letter-spacing:.07em}
.review-card-v8 .nfc-v8{position:absolute;right:15px;bottom:18px;font-size:13px;font-weight:800;opacity:.8}
.review-card-v8 .cnt-v8{position:absolute;bottom:7px;left:0;right:0;text-align:center;font-size:5px;letter-spacing:.22em;opacity:.42}

.shop-review-v8{height:300px;position:relative;overflow:hidden;background:radial-gradient(circle at 48% 32%,rgba(255,255,255,.12),transparent 30%),linear-gradient(150deg,#171717,#060606 72%);border-bottom:1px solid #202020}
.shop-review-v8 .review-card-v8.white{left:41%;transform:translate(-50%,-50%) rotate(-5deg) scale(.78);z-index:4}
.shop-review-v8 .review-card-v8.black{left:64%;transform:translate(-50%,-45%) rotate(5deg) scale(.72);z-index:2}

.product-gallery-v8{height:510px;position:relative;overflow:hidden;border:1px solid #202020;border-radius:16px;background:radial-gradient(circle at 50% 34%,rgba(255,255,255,.11),transparent 30%),linear-gradient(145deg,#1b1b1b,#050505 73%)}
.product-gallery-v8 .review-card-v8.white{left:42%;transform:translate(-50%,-50%) rotate(-5deg) scale(1.14);z-index:4}
.product-gallery-v8 .review-card-v8.black{left:66%;transform:translate(-50%,-45%) rotate(5deg) scale(1.03);z-index:2}
.product-gallery-v8 .scene-caption{position:absolute;left:22px;bottom:18px;font-size:9px;color:#777;letter-spacing:.15em}

.v8-variant-toggle{display:flex;gap:12px;margin-top:9px}
.v8-swatch{width:62px;height:44px;border-radius:8px;border:1px solid #363636;cursor:pointer;position:relative}
.v8-swatch.white{background:#fff}.v8-swatch.black{background:#080808}
.v8-swatch.active{outline:2px solid var(--acid);outline-offset:2px}

.customizer-v8-preview{min-height:620px;display:flex;align-items:flex-start;justify-content:center;padding-top:34px}
.customizer-v8-preview .review-card-v8{position:relative;left:auto;top:auto;transform:none;width:300px;height:476px}
.customizer-v8-preview .review-card-v8 .brand-logo-img{top:29px;width:76px;height:76px}
.customizer-v8-preview .review-card-v8 .brand-fallback{top:30px;width:72px;height:72px;font-size:25px}
.customizer-v8-preview .review-card-v8 .brand-name{top:118px;font-size:24px}
.customizer-v8-preview .review-card-v8 .brand-tagline{top:151px;font-size:7px}
.customizer-v8-preview .review-card-v8 .divider{top:178px;width:36px}
.customizer-v8-preview .review-card-v8 .google-logo{top:198px;font-size:37px}
.customizer-v8-preview .review-card-v8 .review-title-v8{top:250px;font-size:19px}
.customizer-v8-preview .review-card-v8 .review-stars-v8{top:282px;font-size:31px}
.customizer-v8-preview .review-card-v8 .qr-v8{top:329px;width:82px;height:82px;border-width:7px}
.customizer-v8-preview .review-card-v8 .tap-v8{bottom:33px;font-size:10px}
.customizer-v8-preview .review-card-v8 .nfc-v8{right:21px;bottom:31px;font-size:17px}
.customizer-v8-preview .review-card-v8 .cnt-v8{bottom:11px;font-size:6px}
@media(max-width:950px){
  .product-gallery-v8{height:430px}
  .product-gallery-v8 .review-card-v8.white{left:39%;transform:translate(-50%,-50%) rotate(-5deg) scale(.9)}
  .product-gallery-v8 .review-card-v8.black{left:66%;transform:translate(-50%,-45%) rotate(5deg) scale(.82)}
  .customizer-v8-preview{min-height:525px}
  .customizer-v8-preview .review-card-v8{width:260px;height:412px}
}

/* V9 — match the approved reference mockup as closely as possible */
.review-reference-hero{
  border:1px solid #202020;border-radius:18px;overflow:hidden;background:#0b0b0b;
}
.review-reference-hero img{display:block;width:100%;height:auto}

.review-card-exact{
  position:absolute;
  width:292px;
  height:464px;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 40px 90px rgba(0,0,0,.58);
  font-family:Arial,Helvetica,sans-serif;
  transition:.2s ease;
}
.review-card-exact.white{background:linear-gradient(180deg,#fff,#f5f5f5);color:#111;border:1px solid #d7d7d7}
.review-card-exact.black{background:linear-gradient(180deg,#121212,#050505);color:#f5f5f5;border:1px solid #2d2d2d}

.review-card-exact .exact-logo-img{
  position:absolute;left:50%;top:28px;transform:translateX(-50%);
  width:76px;height:76px;object-fit:contain;display:none;
}
.review-card-exact .exact-logo-fallback{
  position:absolute;left:50%;top:27px;transform:translateX(-50%);
  width:74px;height:74px;border:2px solid currentColor;border-radius:50%;
  display:grid;place-items:center;font-family:"Space Grotesk";font-weight:700;font-size:22px;
}
.review-card-exact .exact-company{
  position:absolute;top:112px;left:18px;right:18px;text-align:center;
  font-family:Georgia,"Times New Roman",serif;font-size:28px;line-height:1.02;font-weight:500;
}
.review-card-exact .exact-tagline{
  position:absolute;top:150px;left:20px;right:20px;text-align:center;
  font-size:8px;letter-spacing:.31em;text-transform:uppercase;opacity:.62;
}
.review-card-exact .exact-line{
  position:absolute;top:181px;left:50%;width:34px;height:2px;background:currentColor;
  transform:translateX(-50%);opacity:.4
}
.review-card-exact .exact-google{
  position:absolute;top:202px;left:0;right:0;text-align:center;
  font-weight:700;font-size:42px;letter-spacing:-2.4px;
}
.review-card-exact .exact-title{
  position:absolute;top:258px;left:0;right:0;text-align:center;
  font-family:"Space Grotesk";font-size:22px;font-weight:800;letter-spacing:.01em
}
.review-card-exact .exact-stars{
  position:absolute;top:291px;left:0;right:0;text-align:center;
  color:#fbbc04;font-size:32px;letter-spacing:3px
}
.review-card-exact .exact-qr{
  position:absolute;top:334px;left:50%;transform:translateX(-50%);
  width:82px;height:82px;object-fit:contain;background:#fff;padding:5px;border-radius:2px
}
.review-card-exact .exact-nfc{
  position:absolute;bottom:37px;left:50%;transform:translateX(-50%);
  width:36px;height:36px;color:currentColor
}
.review-card-exact .exact-tap{
  position:absolute;bottom:19px;left:0;right:0;text-align:center;
  font-family:"Space Grotesk";font-size:10px;font-weight:800;letter-spacing:.07em
}
.review-card-exact .exact-sub{
  position:absolute;bottom:7px;left:0;right:0;text-align:center;
  font-size:6px;letter-spacing:.18em;opacity:.65
}
.review-card-exact .exact-cnt{
  position:absolute;top:auto;bottom:-19px;left:0;right:0;text-align:center;
  font-size:6px;letter-spacing:.24em;opacity:.35
}
.review-card-exact.black .exact-logo-fallback{border-color:#777}
.review-card-exact.black .exact-company{color:#ddd}
.review-card-exact.black .exact-tagline{color:#8d8d8d}
.review-card-exact.black .exact-title{color:#f2f2f2}
.review-card-exact.black .exact-qr{background:#fff}

.exact-product-stage{
  position:relative;height:590px;overflow:hidden;border-radius:18px;border:1px solid #202020;
  background:
    radial-gradient(circle at 45% 30%,rgba(255,255,255,.10),transparent 28%),
    linear-gradient(145deg,#21180f,#090909 64%);
}
.exact-product-stage .white{left:38%;top:50%;transform:translate(-50%,-50%) rotate(-5deg) scale(1.02);z-index:4}
.exact-product-stage .black{left:64%;top:51%;transform:translate(-50%,-50%) rotate(4deg) scale(.98);z-index:2}
.exact-product-stage:after{
  content:"";position:absolute;left:10%;right:10%;bottom:40px;height:28px;border-radius:50%;background:#000;filter:blur(18px);opacity:.62
}
.exact-stage-caption{
  position:absolute;left:22px;bottom:18px;z-index:5;font-size:9px;letter-spacing:.15em;color:#777
}

.exact-shop-scene{position:relative;height:315px;overflow:hidden;border-bottom:1px solid #202020;background:linear-gradient(145deg,#181818,#070707)}
.exact-shop-scene .review-card-exact{width:190px;height:302px}
.exact-shop-scene .white{left:41%;top:50%;transform:translate(-50%,-50%) rotate(-5deg) scale(.90);z-index:4}
.exact-shop-scene .black{left:64%;top:52%;transform:translate(-50%,-50%) rotate(5deg) scale(.84);z-index:2}
.exact-shop-scene .review-card-exact .exact-logo-img{top:18px;width:48px;height:48px}
.exact-shop-scene .review-card-exact .exact-logo-fallback{top:17px;width:46px;height:46px;font-size:15px}
.exact-shop-scene .review-card-exact .exact-company{top:73px;font-size:18px}
.exact-shop-scene .review-card-exact .exact-tagline{top:98px;font-size:5px}
.exact-shop-scene .review-card-exact .exact-line{top:117px;width:22px;height:1px}
.exact-shop-scene .review-card-exact .exact-google{top:130px;font-size:27px}
.exact-shop-scene .review-card-exact .exact-title{top:166px;font-size:14px}
.exact-shop-scene .review-card-exact .exact-stars{top:188px;font-size:20px;letter-spacing:1px}
.exact-shop-scene .review-card-exact .exact-qr{top:217px;width:50px;height:50px;padding:3px}
.exact-shop-scene .review-card-exact .exact-nfc{bottom:22px;width:24px;height:24px}
.exact-shop-scene .review-card-exact .exact-tap{bottom:12px;font-size:6px}
.exact-shop-scene .review-card-exact .exact-sub{bottom:4px;font-size:4px}

.exact-custom-preview{min-height:610px;display:flex;align-items:flex-start;justify-content:center;padding-top:30px}
.exact-custom-preview .review-card-exact{position:relative;left:auto;top:auto;transform:none;width:320px;height:508px}
.exact-custom-preview .review-card-exact .exact-logo-img{top:30px;width:82px;height:82px}
.exact-custom-preview .review-card-exact .exact-logo-fallback{top:29px;width:80px;height:80px;font-size:24px}
.exact-custom-preview .review-card-exact .exact-company{top:121px;font-size:31px}
.exact-custom-preview .review-card-exact .exact-tagline{top:164px;font-size:8px}
.exact-custom-preview .review-card-exact .exact-line{top:197px;width:38px}
.exact-custom-preview .review-card-exact .exact-google{top:220px;font-size:44px}
.exact-custom-preview .review-card-exact .exact-title{top:279px;font-size:23px}
.exact-custom-preview .review-card-exact .exact-stars{top:314px;font-size:34px}
.exact-custom-preview .review-card-exact .exact-qr{top:360px;width:86px;height:86px;padding:5px}
.exact-custom-preview .review-card-exact .exact-nfc{bottom:37px;width:38px;height:38px}
.exact-custom-preview .review-card-exact .exact-tap{bottom:19px;font-size:10px}
.exact-custom-preview .review-card-exact .exact-sub{bottom:7px;font-size:6px}

@media(max-width:950px){
  .exact-product-stage{height:480px}
  .exact-product-stage .review-card-exact{width:225px;height:358px}
  .exact-product-stage .white{left:38%;transform:translate(-50%,-50%) rotate(-5deg) scale(.92)}
  .exact-product-stage .black{left:66%;transform:translate(-50%,-50%) rotate(5deg) scale(.86)}
  .exact-custom-preview{min-height:540px}
  .exact-custom-preview .review-card-exact{width:280px;height:444px}
}

/* V10 — storefront uses literal crops from the approved reference */
.approved-card-stage{
  position:relative;height:590px;overflow:hidden;border:1px solid #202020;border-radius:18px;
  background:radial-gradient(circle at 48% 35%,rgba(255,255,255,.10),transparent 30%),linear-gradient(145deg,#1c1712,#070707 70%)
}
.approved-card-img{position:absolute;object-fit:contain;filter:drop-shadow(0 28px 30px rgba(0,0,0,.45))}
.approved-card-img.white{width:54%;height:88%;left:11%;top:5%;z-index:3}
.approved-card-img.black{width:45%;height:78%;right:7%;top:12%;z-index:2}
.approved-shop-stage{
 position:relative;height:315px;overflow:hidden;border-bottom:1px solid #202020;
 background:radial-gradient(circle at 48% 35%,rgba(255,255,255,.1),transparent 30%),linear-gradient(145deg,#181818,#070707)
}
.approved-shop-stage .approved-card-img.white{width:58%;height:94%;left:5%;top:2%}
.approved-shop-stage .approved-card-img.black{width:48%;height:82%;right:2%;top:10%}
.reference-note{position:absolute;left:16px;bottom:12px;z-index:5;font-size:8px;color:#777;letter-spacing:.13em}

/* =========================================================
   V11 FINAL POLISH
   ========================================================= */
:root{--max:1240px;--bg:#060606;--panel:#0b0b0b;--panel2:#101010;--line:#202020}
body{background:
 radial-gradient(circle at 75% 0,rgba(182,255,0,.025),transparent 28%),
 var(--bg);overflow-x:hidden}
.shell{width:min(var(--max),calc(100vw - 48px))}
.topbar{height:72px;padding:0 max(24px,calc((100vw - 1240px)/2));border-color:#1b1b1b}
.wordmark{font-size:20px}
.nav{gap:24px}.nav a{font-size:9px;letter-spacing:.09em}
.cart-link{padding:9px 13px}
h1{font-size:clamp(48px,5.35vw,82px)}
h2{font-size:clamp(34px,3.8vw,56px)}
h3{letter-spacing:-.025em}
p{color:#a8a8a8}
.lead{font-size:15px;line-height:1.7}
.section{padding:74px 0}
.brand-manifesto{padding:82px 0}
.brand-manifesto .statement{font-size:clamp(38px,4.2vw,62px)}
.hero{min-height:auto;padding:74px 0 82px;grid-template-columns:.92fr 1.08fr;gap:58px}
.hero-copy{max-width:620px}
.hero .lead{max-width:590px;margin-top:24px}
.hero .actions{margin-top:24px}
.proof-strip{margin-top:34px;gap:0;border-top:1px solid #252525}
.proof{padding:15px 12px 0;border-top:0}
.proof:first-child{padding-left:0}
.hero-visual{min-height:0}
.hero-media{border:1px solid #222;border-radius:20px;overflow:hidden;background:#0a0a0a;box-shadow:0 34px 90px rgba(0,0,0,.4)}
.hero-media img{display:block;width:100%;height:auto}
.grid2{gap:54px}
.grid3{gap:16px}
.card{border-color:#202020;background:#090909;padding:24px;transition:border-color .2s ease,transform .2s ease}
a.card:hover{border-color:#343434;transform:translateY(-2px)}
.banner,.positioning{padding:38px}
.audience-grid{gap:52px}
.audience-card h3{font-size:27px}
.value-strip{margin-top:28px}
.shop-hero{padding:66px 0 18px}
.shop-hero h1{font-size:clamp(44px,5vw,68px);max-width:920px}
.shop-intro-note{font-size:16px;line-height:1.7}
.shop-product-card{min-height:0;border-radius:16px}
.shop-product-copy{padding:20px 21px 22px}
.shop-product-copy h3{font-size:24px}
.product-action{margin-top:15px}
.approved-shop-stage{height:270px}
.approved-shop-stage .approved-card-img.white{width:54%;height:92%;left:7%}
.approved-shop-stage .approved-card-img.black{width:43%;height:80%;right:4%}
.product-page{padding:56px 0 70px;gap:52px;grid-template-columns:1.02fr .98fr;align-items:start}
.product-info{padding-top:6px}
.product-info h1{font-size:clamp(40px,4vw,54px);margin-bottom:12px}
.review-reference-hero{border-radius:16px;box-shadow:0 25px 70px rgba(0,0,0,.25)}
.review-reference-hero img{width:100%;aspect-ratio:16/10;object-fit:cover}
.quick-benefits{margin:18px 0}
.above-fold-copy{margin-top:15px}
.above-fold-copy p{font-size:12px;line-height:1.55}
.approved-card-stage{height:500px}
.approved-card-stage .approved-card-img.white{width:49%;height:85%;left:13%;top:7%}
.approved-card-stage .approved-card-img.black{width:39%;height:73%;right:9%;top:14%}
.reference-note{display:none}
.customizer{padding:42px 0 72px;gap:44px;align-items:start}
.form-panel{gap:18px;background:#090909;border:1px solid #202020;border-radius:16px;padding:26px}
.field label{font-size:10px;color:#9b9b9b;letter-spacing:.07em}
.field input,.field select,.field textarea{border-radius:9px;background:#070707;border-color:#282828;padding:13px}
.exact-custom-preview{min-height:560px;border:1px solid #202020;border-radius:16px;background:radial-gradient(circle at 50% 26%,#252525,#090909 62%);padding-top:26px;position:sticky;top:95px}
.company-status.error{color:#8d8d8d}
.company-status.ok{color:var(--acid)}
.btn{border-radius:8px;min-height:46px}
.primary:hover{background:var(--acid2)}
.info-box{background:#090909}
.footer{padding:28px 0 42px}
.rating.fake-rating{display:none}
.dev-note{display:none!important}
.coming-soon-badge{display:inline-flex;align-items:center;border:1px solid #333;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:800;letter-spacing:.08em;color:#aaa;margin:8px 0 14px}
.btn.disabled{pointer-events:none;opacity:.42}
.simple-contact{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.contact-panel{border:1px solid #202020;border-radius:16px;padding:30px;background:#090909}
.contact-panel h3{margin-top:0}
.contact-email{font-family:"Space Grotesk";font-size:clamp(24px,3vw,40px);letter-spacing:-.04em;margin:15px 0;color:#fff}
.mobile-note{display:none}
@media(max-width:950px){
 .shell{width:min(100% - 28px,var(--max))}
 .topbar{height:auto;min-height:70px;padding:14px;display:flex;flex-wrap:wrap;gap:12px 18px}
 .wordmark{order:1}.cart-link{order:2;margin-left:auto}.nav{order:3;display:flex;width:100%;justify-content:flex-start;gap:18px;overflow-x:auto;padding:6px 0 1px;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}
 .hero{grid-template-columns:1fr;padding:48px 0 62px;gap:34px}
 .hero-copy{max-width:none}.hero-media{border-radius:14px}
 .proof-strip{grid-template-columns:repeat(2,1fr);row-gap:16px}
 .proof:nth-child(3){padding-left:0}
 .section,.brand-manifesto{padding:58px 0}
 .grid2,.audience-grid,.product-page,.customizer,.simple-contact{grid-template-columns:1fr}
 .grid3,.grid4{grid-template-columns:1fr}
 .positioning,.banner{padding:27px}
 .approved-card-stage{height:390px}
 .approved-card-stage .approved-card-img.white{left:5%;width:59%;height:86%}
 .approved-card-stage .approved-card-img.black{right:1%;width:48%;height:74%}
 .exact-custom-preview{position:relative;top:auto;min-height:520px}
 .shop-hero{padding-top:46px}
}
@media(max-width:560px){
 h1{font-size:43px}
 .hero h1{font-size:46px}
 .actions .btn{width:100%}
 .proof{padding-right:8px}
 .approved-shop-stage{height:230px}
 .shop-product-copy{padding:18px}
 .approved-card-stage{height:330px}
 .exact-custom-preview{min-height:485px}
 .footer{padding-bottom:28px}
}

/* =========================================================
   V12 — premium visual system + real CNTCTLSS logo
   ========================================================= */

:root{
  --bg:#060606;
  --surface:#0b0b0b;
  --surface-soft:#111;
  --paper:#f3f1eb;
  --paper-2:#e8e5de;
  --text:#f8f8f8;
  --muted:#aaa;
  --line:#242424;
  --acid:#b6ff00;
}

/* Real logo */
.brand-logo-link{display:inline-flex;align-items:center;text-decoration:none}
.brand-logo-img-header{display:block;width:168px;height:auto}
.footer-brand-logo{width:180px;height:auto;display:block}
.wordmark-text-fallback{display:none}

/* Add premium contrast instead of endless black panels */
body{
  background:
    radial-gradient(circle at 14% 8%,rgba(182,255,0,.035),transparent 24%),
    linear-gradient(180deg,#050505 0%,#080808 36%,#050505 100%);
}
.section.paper-section{
  position:relative;
  color:#111;
  background:linear-gradient(145deg,var(--paper),var(--paper-2));
  border-radius:22px;
  padding:58px;
  margin-top:38px;
  margin-bottom:38px;
  overflow:hidden;
}
.section.paper-section:before{
  content:"";
  position:absolute;right:-110px;top:-110px;width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,rgba(182,255,0,.18),transparent 68%);
}
.section.paper-section .kicker{color:#5e5e5e}
.section.paper-section h2,
.section.paper-section h3,
.section.paper-section .memory-line{color:#101010}
.section.paper-section p,
.section.paper-section .lead{color:#555}
.section.paper-section .card{
  background:rgba(255,255,255,.58);
  border-color:rgba(0,0,0,.10);
  color:#111;
}
.section.paper-section .card p{color:#606060}
.section.paper-section .stepno{color:#4d4d4d}

/* Homepage product visual: NO background photo, only white + black cards */
.clean-card-pair{
  position:relative;
  height:330px;
  overflow:hidden;
  border-radius:16px;
  border:1px solid #202020;
  background:
    radial-gradient(circle at 50% 43%,rgba(255,255,255,.07),transparent 34%),
    #0a0a0a;
}
.clean-card-pair img{
  position:absolute;
  object-fit:contain;
  filter:drop-shadow(0 28px 28px rgba(0,0,0,.48));
}
.clean-card-pair .white-card{
  width:49%;height:92%;left:9%;top:2%;z-index:3;
}
.clean-card-pair .black-card{
  width:42%;height:82%;right:8%;top:9%;z-index:2;
}
.clean-card-pair.single-feature{
  height:430px;
  background:linear-gradient(145deg,#efede7,#dcd8ce);
  border-color:#d3cfc5;
}
.clean-card-pair.single-feature .white-card{
  width:48%;height:88%;left:10%;top:5%;
}
.clean-card-pair.single-feature .black-card{
  width:40%;height:78%;right:9%;top:11%;
}

/* premium hero: clean split, not repeating same mockup */
.hero-premium-art{
  position:relative;
  min-height:520px;
  border-radius:22px;
  overflow:hidden;
  border:1px solid #242424;
  background:
    radial-gradient(circle at 72% 26%,rgba(182,255,0,.10),transparent 22%),
    linear-gradient(145deg,#171717,#070707 68%);
}
.hero-premium-art .card-white,
.hero-premium-art .card-black{
  position:absolute;object-fit:contain;filter:drop-shadow(0 32px 36px rgba(0,0,0,.55));
}
.hero-premium-art .card-white{width:53%;height:83%;left:4%;top:9%;transform:rotate(-5deg);z-index:3}
.hero-premium-art .card-black{width:45%;height:76%;right:3%;top:14%;transform:rotate(6deg);z-index:2}
.hero-premium-art .hero-logo-watermark{
  position:absolute;left:32px;bottom:28px;width:210px;height:auto;opacity:.32;
}
.hero-premium-art .hero-art-copy{
  position:absolute;right:28px;bottom:26px;text-align:right;z-index:5;
  font-family:"Space Grotesk";font-size:10px;line-height:1.5;letter-spacing:.11em;color:#888;
}

/* soften long dark page */
.alt-surface{
  border-top:1px solid #191919;
  border-bottom:1px solid #191919;
  background:linear-gradient(180deg,#090909,#0d0d0d);
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding-left:calc(50vw - 50%);
  padding-right:calc(50vw - 50%);
}

/* Header */
.topbar{background:rgba(5,5,5,.90);backdrop-filter:blur(18px)}
.nav a{color:#a6a6a6}
.nav a:hover,.nav a.active{color:#fff}
.cart-link{border-color:#2a2a2a;background:#0c0c0c}

/* product cards */
.shop-product-card{background:#0b0b0b}
.shop-product-card:hover{box-shadow:0 16px 50px rgba(0,0,0,.32)}
.product-card-why{color:#9b9b9b}

/* about section/logo block */
.logo-showcase{
  min-height:280px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid #202020;border-radius:18px;
  background:radial-gradient(circle at center,rgba(255,255,255,.04),transparent 45%),#080808;
}
.logo-showcase img{width:min(82%,620px);height:auto}

/* Responsive */
@media(max-width:950px){
  .brand-logo-img-header{width:145px}
  .section.paper-section{padding:34px 24px;border-radius:16px}
  .hero-premium-art{min-height:430px}
  .clean-card-pair{height:290px}
  .clean-card-pair.single-feature{height:350px}
}
@media(max-width:560px){
  .brand-logo-img-header{width:132px}
  .hero-premium-art{min-height:350px}
  .hero-premium-art .card-white{width:62%;left:-1%}
  .hero-premium-art .card-black{width:52%;right:-2%}
  .hero-premium-art .hero-logo-watermark{width:150px;left:18px;bottom:18px}
  .hero-premium-art .hero-art-copy{display:none}
  .clean-card-pair{height:240px}
  .clean-card-pair.single-feature{height:300px}
}

/* V14 — isolated product renders, no lifestyle backgrounds */
.clean-card-pair{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.clean-card-pair.single-feature{
  background:transparent !important;
  border:0 !important;
}
.clean-card-pair img{
  filter:drop-shadow(0 24px 28px rgba(0,0,0,.24)) !important;
}
.hero-premium-art{
  background:transparent !important;
  border:0 !important;
  overflow:visible !important;
}
.hero-premium-art .hero-logo-watermark,
.hero-premium-art .hero-art-copy{display:none !important}
.clean-inline-pair{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  width:100%;
  min-height:320px;
}
.clean-inline-pair img{
  width:min(42%,260px);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 22px 28px rgba(0,0,0,.24));
}
.approved-card-img{
  object-fit:contain !important;
  background:transparent !important;
}

/* V15 — customizer QR/NFC spacing */
.review-card-preview .qr,
.card-preview .qr,
.preview-card .qr,
#cardPreview .qr {
  margin-bottom: 22px !important;
}
.review-card-preview .nfc,
.card-preview .nfc,
.preview-card .nfc,
#cardPreview .nfc,
.review-card-preview .nfc-icon,
.card-preview .nfc-icon,
.preview-card .nfc-icon,
#cardPreview .nfc-icon {
  position: static !important;
  display: block !important;
  margin: 16px auto 10px !important;
  transform: none !important;
}

/* Force separation in the live card preview */
.card-qr, .preview-qr { margin-bottom: 18px !important; }
.card-nfc, .preview-nfc { margin-top: 14px !important; position: relative !important; top: auto !important; }

/* =========================================================
   V16 — REVIEW CARD exact customizer fix
   ========================================================= */
.review-card-exact.white{
  background:#fafaf8 !important;
}
.review-card-exact.white .exact-qr{
  background:#fafaf8 !important;
}
.exact-custom-preview .review-card-exact .exact-qr{
  top:334px !important;
  width:78px !important;
  height:78px !important;
  padding:5px !important;
  background:#fafaf8 !important;
}
.exact-custom-preview .review-card-exact.black .exact-qr{
  background:#fafaf8 !important;
}
.exact-custom-preview .review-card-exact .exact-nfc{
  width:30px !important;
  height:30px !important;
  bottom:37px !important;
  top:auto !important;
  margin:0 !important;
  position:absolute !important;
  left:50% !important;
  transform:translateX(-50%) !important;
}
.exact-custom-preview .review-card-exact .exact-tap{
  bottom:18px !important;
}
.exact-custom-preview .review-card-exact .exact-sub{
  bottom:7px !important;
}

/* Review Card shop visual: visible premium background for both white + black */
.review-product-stage{
  position:relative;
  min-height:315px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-bottom:1px solid #242424;
  background:
    radial-gradient(circle at 30% 42%,rgba(255,255,255,.12),transparent 28%),
    radial-gradient(circle at 72% 52%,rgba(182,255,0,.08),transparent 25%),
    linear-gradient(135deg,#252525 0%,#141414 48%,#2b2b2b 100%);
}
.review-product-stage:before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
}
.review-product-stage .clean-card-pair{
  width:100%;
  height:285px;
}
.review-product-stage .clean-card-pair .white-card{
  left:15% !important;
  width:38% !important;
  height:92% !important;
}
.review-product-stage .clean-card-pair .black-card{
  right:14% !important;
  width:34% !important;
  height:86% !important;
}

/* =========================================================
   V16 — BUSINESS CARD
   ========================================================= */
.business-card-stage{
  position:relative;
  min-height:315px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-bottom:1px solid #242424;
  background:
    radial-gradient(circle at 28% 30%,rgba(182,255,0,.09),transparent 25%),
    linear-gradient(145deg,#1f1f1f,#0b0b0b 72%);
}
.business-card-stage.large{
  min-height:520px;
  border:1px solid #232323;
  border-radius:18px;
}
.business-card-mock{
  position:relative;
  width:330px;
  aspect-ratio:1.586/1;
  border-radius:16px;
  background:#101010;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 28px 60px rgba(0,0,0,.44);
  color:#fff;
  overflow:hidden;
  transform:rotate(-4deg);
  font-family:"Space Grotesk",Arial,sans-serif;
}
.business-card-stage.large .business-card-mock{
  width:min(78%,520px);
  transform:rotate(-3deg);
}
.business-card-mock .bc-logo{
  position:absolute;left:28px;top:25px;
  font-size:18px;font-weight:800;letter-spacing:.08em;
}
.business-card-mock .bc-logo span{color:var(--acid)}
.business-card-mock .bc-nfc{
  position:absolute;right:24px;top:21px;
  width:34px;height:34px;opacity:.85;
}
.business-card-mock .bc-name{
  position:absolute;left:28px;top:42%;
  font-size:26px;font-weight:800;letter-spacing:-.03em;
}
.business-card-mock .bc-role{
  position:absolute;left:28px;top:57%;
  font-size:9px;letter-spacing:.18em;text-transform:uppercase;opacity:.6;
}
.business-card-mock .bc-contact{
  position:absolute;left:28px;bottom:25px;
  font-size:8px;line-height:1.65;opacity:.72;
}
.business-card-mock .bc-mark{
  position:absolute;right:24px;bottom:22px;
  font-size:9px;letter-spacing:.16em;opacity:.42;
}

.business-customizer{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:44px;
  padding:60px 0 80px;
}
.business-form{
  border:1px solid #242424;
  border-radius:16px;
  padding:28px;
  background:#090909;
}
.business-form .field{margin-bottom:18px}
.business-form label{
  display:block;margin-bottom:8px;font-size:9px;letter-spacing:.12em;color:#a9a9a9;
}
.business-form input[type="text"],
.business-form input[type="email"],
.business-form input[type="tel"],
.business-form input[type="url"],
.business-form select{
  width:100%;box-sizing:border-box;
  background:#070707;color:#fff;border:1px solid #2a2a2a;
  border-radius:10px;padding:14px 14px;font:inherit;
}
.business-form input[type="file"]{
  width:100%;box-sizing:border-box;background:#070707;color:#ddd;border:1px solid #2a2a2a;
  border-radius:10px;padding:12px;
}
.business-color-row{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
}
.business-color-row input[type="color"]{
  width:58px;height:44px;border:1px solid #333;border-radius:10px;background:#090909;padding:4px;
}
.business-preset{
  width:32px;height:32px;border-radius:50%;border:1px solid #555;cursor:pointer;
  box-shadow:0 0 0 2px transparent;
}
.business-preset.active{box-shadow:0 0 0 2px #b6ff00}
.business-print-note{
  margin-top:10px;font-size:11px;line-height:1.5;color:#777;
}
.business-preview-panel{
  min-height:560px;display:flex;align-items:center;justify-content:center;
  border:1px solid #242424;border-radius:16px;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.07),transparent 28%),
    linear-gradient(145deg,#181818,#090909);
}
.business-preview-card{
  position:relative;
  width:min(82%,560px);
  aspect-ratio:1.586/1;
  border-radius:20px;
  background:#101010;
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 36px 80px rgba(0,0,0,.5);
  overflow:hidden;
}
.business-preview-card .bp-logo-img{
  position:absolute;left:34px;top:31px;width:78px;height:54px;object-fit:contain;display:none;
}
.business-preview-card .bp-logo-fallback{
  position:absolute;left:34px;top:33px;font-size:20px;font-weight:800;letter-spacing:.08em;
}
.business-preview-card .bp-nfc{
  position:absolute;right:31px;top:28px;width:42px;height:42px;
}
.business-preview-card .bp-name{
  position:absolute;left:34px;top:42%;
  font-size:36px;font-weight:800;letter-spacing:-.035em;
}
.business-preview-card .bp-role{
  position:absolute;left:34px;top:58%;
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.65;
}
.business-preview-card .bp-contact{
  position:absolute;left:34px;bottom:31px;font-size:10px;line-height:1.7;opacity:.8;
}
.business-preview-card .bp-cnt{
  position:absolute;right:31px;bottom:29px;font-size:9px;letter-spacing:.18em;opacity:.42;
}
.business-ready-badge{
  display:inline-flex;align-items:center;gap:7px;
  border:1px solid #303030;border-radius:999px;padding:7px 10px;
  font-size:8px;letter-spacing:.12em;color:#b6ff00;
}
@media(max-width:900px){
  .business-customizer{grid-template-columns:1fr;gap:24px}
  .business-preview-panel{min-height:390px}
  .business-preview-card{width:88%}
  .business-preview-card .bp-name{font-size:28px}
}

/* =========================================================
   V17 — SOCIAL CARD
   ========================================================= */
.social-card-stage{
  min-height:315px;display:flex;align-items:center;justify-content:center;
  border-bottom:1px solid #242424;overflow:hidden;
  background:
    radial-gradient(circle at 50% 38%,rgba(255,255,255,.08),transparent 28%),
    linear-gradient(145deg,#1c1c1c,#090909);
}
.social-card-mock{
  position:relative;width:190px;aspect-ratio:.63/1;border-radius:16px;
  color:#fff;border:1px solid rgba(255,255,255,.14);
  box-shadow:0 28px 55px rgba(0,0,0,.5);overflow:hidden;
  background:linear-gradient(145deg,#7c3aed,#ec4899 55%,#f59e0b);
  transform:rotate(-4deg);font-family:"Space Grotesk",Arial,sans-serif;
}
.social-card-mock:before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 28% 15%,rgba(255,255,255,.22),transparent 30%);
}
.social-card-mock .sc-tap{
  position:absolute;top:20px;left:0;right:0;text-align:center;
  font-size:8px;font-weight:800;letter-spacing:.13em;
}
.social-card-mock .sc-icon{
  position:absolute;left:50%;top:33%;transform:translate(-50%,-50%);
  width:72px;height:72px;border:5px solid #fff;border-radius:22px;
  display:flex;align-items:center;justify-content:center;font-size:37px;font-weight:900;
}
.social-card-mock .sc-name{
  position:absolute;top:57%;left:12px;right:12px;text-align:center;
  font-size:22px;font-weight:800;
}
.social-card-mock .sc-handle{
  position:absolute;top:68%;left:12px;right:12px;text-align:center;
  font-size:9px;letter-spacing:.08em;opacity:.85;
}
.social-card-mock .sc-nfc{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);width:32px;height:32px}
.social-card-mock .sc-brand{
  position:absolute;bottom:7px;left:0;right:0;text-align:center;
  font-size:6px;letter-spacing:.15em;opacity:.55;
}
.social-platforms{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 22px;
}
.social-platform{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  min-height:72px;border:1px solid #2a2a2a;border-radius:11px;background:#090909;
  color:#bbb;cursor:pointer;font-size:8px;font-weight:800;letter-spacing:.07em;
}
.social-platform:hover,.social-platform.active{border-color:#b6ff00;color:#fff;box-shadow:0 0 0 1px #b6ff00 inset}
.social-platform .platform-symbol{
  width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:16px;font-weight:900;background:#202020;
}
.social-platform[data-platform="instagram"] .platform-symbol{background:linear-gradient(145deg,#7c3aed,#ec4899,#f59e0b)}
.social-platform[data-platform="facebook"] .platform-symbol{background:#1877f2}
.social-platform[data-platform="snapchat"] .platform-symbol{background:#fffc00;color:#111}
.social-platform[data-platform="youtube"] .platform-symbol{background:#ff0000}
.social-platform[data-platform="linkedin"] .platform-symbol{background:#0a66c2}
.social-platform[data-platform="tiktok"] .platform-symbol{background:#111;border:1px solid #444}

.social-customizer{display:grid;grid-template-columns:.92fr 1.08fr;gap:44px;padding:60px 0 80px}
.social-form{border:1px solid #242424;border-radius:16px;padding:28px;background:#090909}
.social-form .field{margin-bottom:18px}
.social-form label{display:block;margin-bottom:8px;font-size:9px;letter-spacing:.12em;color:#a9a9a9}
.social-form input,.social-form select{
  width:100%;box-sizing:border-box;background:#070707;color:#fff;border:1px solid #2a2a2a;
  border-radius:10px;padding:14px;font:inherit;
}
.social-preview-panel{
  min-height:590px;display:flex;align-items:center;justify-content:center;
  border:1px solid #242424;border-radius:16px;
  background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.08),transparent 27%),linear-gradient(145deg,#181818,#080808);
}
.social-preview-card{
  position:relative;width:min(54%,330px);aspect-ratio:.63/1;border-radius:25px;
  color:#fff;overflow:hidden;border:1px solid rgba(255,255,255,.2);
  box-shadow:0 38px 80px rgba(0,0,0,.55);
  background:linear-gradient(145deg,#7c3aed,#ec4899 55%,#f59e0b);
}
.social-preview-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 12%,rgba(255,255,255,.22),transparent 28%)}
.social-preview-card .sp-tap{position:absolute;top:34px;left:0;right:0;text-align:center;font-size:11px;font-weight:800;letter-spacing:.15em}
.social-preview-card .sp-icon{
  position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);
  width:112px;height:112px;border:7px solid #fff;border-radius:32px;
  display:flex;align-items:center;justify-content:center;font-size:55px;font-weight:900;
}
.social-preview-card .sp-name{position:absolute;top:57%;left:20px;right:20px;text-align:center;font-size:32px;font-weight:800}
.social-preview-card .sp-handle{position:absolute;top:68%;left:20px;right:20px;text-align:center;font-size:12px;letter-spacing:.09em}
.social-preview-card .sp-nfc{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);width:45px;height:45px}
.social-preview-card .sp-cnt{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.16em;opacity:.55}
@media(max-width:900px){
  .social-customizer{grid-template-columns:1fr;gap:24px}
  .social-preview-panel{min-height:500px}
  .social-preview-card{width:min(62%,300px)}
}

/* V18 — Business Card inspired by supplied premium reference */
.business-card-mock,
.business-preview-card{
  background:
    radial-gradient(circle at 18% 18%,rgba(107,139,80,.18),transparent 30%),
    linear-gradient(145deg,#173226,#0d1f18 68%,#0a1511) !important;
}
.business-card-mock{
  color:#d8b08b !important;
}
.business-card-mock .bc-logo{
  left:50% !important;top:22% !important;transform:translateX(-50%);
  width:64%;text-align:center;font-family:Georgia,serif;
  font-size:28px !important;letter-spacing:.08em !important;
}
.business-card-mock .bc-logo span{color:#d8b08b !important}
.business-card-mock .bc-nfc{right:22px !important;top:20px !important;filter:sepia(1) saturate(.6) brightness(1.6)}
.business-card-mock .bc-name{
  left:0 !important;right:0 !important;top:auto !important;bottom:44px !important;
  text-align:center;font-size:13px !important;letter-spacing:.12em !important;color:#d8b08b;
}
.business-card-mock .bc-role{
  left:0 !important;right:0 !important;top:auto !important;bottom:27px !important;
  text-align:center;font-size:7px !important;color:#d8b08b;opacity:.85 !important;
}
.business-card-mock .bc-contact,.business-card-mock .bc-mark{display:none !important}

.business-preview-card .bp-logo-fallback{
  left:50% !important;top:25% !important;transform:translateX(-50%);
  width:70%;text-align:center;font-family:Georgia,serif;font-size:38px !important;
  letter-spacing:.08em;color:inherit;
}
.business-preview-card .bp-logo-img{
  left:50% !important;top:16% !important;transform:translateX(-50%);
  width:42% !important;height:42% !important;object-fit:contain !important;
}
.business-preview-card .bp-nfc{right:28px !important;top:25px !important}
.business-preview-card .bp-name{
  left:0 !important;right:0 !important;top:auto !important;bottom:55px !important;
  text-align:center;font-size:17px !important;letter-spacing:.12em !important;
}
.business-preview-card .bp-role{
  left:0 !important;right:0 !important;top:auto !important;bottom:34px !important;
  text-align:center;font-size:8px !important;
}
.business-preview-card .bp-contact{
  display:none !important;
}
.business-preview-card .bp-cnt{display:none !important}
.optional-label{color:#777;font-weight:400}
.dynamic-note{
  padding:13px 14px;border:1px solid #252525;border-radius:10px;
  background:#0b0b0b;color:#aaa;font-size:11px;line-height:1.55;margin:4px 0 20px;
}

/* =========================================================
   V19 — MOBILE REVIEW CARD + HORIZONTAL OVERSCROLL FIX
   ========================================================= */

/* Keep the entire page on the black canvas even during iOS/Instagram rubber-band. */
html{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  background:#050505;
  overscroll-behavior-x:none;
}
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden !important;
  background:#050505 !important;
  overscroll-behavior-x:none;
  touch-action:pan-y;
}
main, section, header, footer, .shell{
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
img, svg{
  max-width:100%;
}
.alt-surface{
  max-width:100vw;
  box-sizing:border-box;
}

/* Review Card: reserve enough room for a two-line company name so it can never
   crash into the tagline on a phone. */
.exact-custom-preview .review-card-exact .exact-company{
  top:118px !important;
  left:15px !important;
  right:15px !important;
  max-height:54px;
  overflow:hidden;
  font-size:27px !important;
  line-height:1.00 !important;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.exact-custom-preview .review-card-exact .exact-tagline{
  top:178px !important;
  left:18px !important;
  right:18px !important;
  font-size:7px !important;
  line-height:1.2 !important;
  letter-spacing:.26em !important;
}
.exact-custom-preview .review-card-exact .exact-line{
  top:202px !important;
}
.exact-custom-preview .review-card-exact .exact-google{
  top:220px !important;
}
.exact-custom-preview .review-card-exact .exact-title{
  top:278px !important;
}
.exact-custom-preview .review-card-exact .exact-stars{
  top:309px !important;
  font-size:31px !important;
}
.exact-custom-preview .review-card-exact .exact-qr{
  top:350px !important;
  width:76px !important;
  height:76px !important;
  padding:4px !important;
  background:#fafaf8 !important;
}
.exact-custom-preview .review-card-exact .exact-nfc{
  width:26px !important;
  height:26px !important;
  bottom:38px !important;
}
.exact-custom-preview .review-card-exact .exact-tap{
  bottom:18px !important;
  font-size:9px !important;
}
.exact-custom-preview .review-card-exact .exact-sub{
  bottom:7px !important;
}

/* Explicit mobile size: previous 280px card was too narrow while retaining
   desktop typography, which caused Nordic Barber to wrap into the tagline. */
@media(max-width:560px){
  html, body{
    position:relative;
    width:100%;
    max-width:100%;
    overflow-x:hidden !important;
  }

  .shell{
    width:calc(100% - 28px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .topbar{
    width:100%;
    max-width:100%;
    overflow:hidden;
  }
  .nav{
    max-width:100%;
  }

  .customizer{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .exact-custom-preview{
    width:100%;
    max-width:100%;
    min-height:550px !important;
    padding:20px 8px 22px !important;
    box-sizing:border-box;
    overflow:hidden;
  }
  #previewCardWrap{
    width:320px;
    max-width:100%;
    height:508px;
    margin:0 auto;
    display:flex;
    justify-content:center;
  }
  .exact-custom-preview .review-card-exact{
    width:min(320px,100%) !important;
    height:508px !important;
    flex:0 0 auto;
  }

  /* Keep text readable but safely inside the card. */
  .exact-custom-preview .review-card-exact .exact-company{
    font-size:25px !important;
    left:12px !important;
    right:12px !important;
  }
  .exact-custom-preview .review-card-exact .exact-tagline{
    font-size:6.5px !important;
    letter-spacing:.22em !important;
  }

  /* Full-width light sections must stay inside viewport on iOS. */
  .section.paper-section{
    width:100%;
    max-width:100%;
    margin-left:0 !important;
    margin-right:0 !important;
    overflow:hidden;
  }
  .audience-grid,
  .grid2,
  .grid3,
  .grid4,
  .brand-manifesto,
  .positioning,
  .banner{
    min-width:0;
    max-width:100%;
  }
  .audience-grid > *,
  .grid2 > *,
  .grid3 > *,
  .grid4 > *{
    min-width:0;
    max-width:100%;
  }
  h1,h2,h3,p,.lead,.statement,.memory-line{
    max-width:100%;
    overflow-wrap:anywhere;
  }
}

/* =========================================================
   V20 — Review customizer uses the same polished card art
   as the product page.
   ========================================================= */
.premium-custom-card-preview{
  width:100%;
  min-height:560px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.06),transparent 28%),
    linear-gradient(145deg,#171717,#090909);
  overflow:hidden;
  padding:28px;
  box-sizing:border-box;
}
.premium-custom-card-preview img{
  width:auto;
  height:500px;
  max-width:86%;
  object-fit:contain;
  filter:drop-shadow(0 30px 36px rgba(0,0,0,.42));
  display:block;
}
@media(max-width:700px){
  .premium-custom-card-preview{
    min-height:500px;
    padding:20px 10px;
  }
  .premium-custom-card-preview img{
    height:auto;
    width:min(88%,330px);
    max-width:88%;
  }
}

/* V21 premium original product visuals */
.premium-product-visual{min-height:315px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.07),transparent 31%),linear-gradient(145deg,#1c1d1c,#0c0d0d);border-bottom:1px solid #242424}
.premium-product-visual img{width:98%;height:305px;object-fit:contain;display:block}
.premium-product-detail{min-height:520px;display:flex;align-items:center;justify-content:center;border:1px solid #242424;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.07),transparent 31%),linear-gradient(145deg,#1b1c1b,#080909)}
.premium-product-detail img{width:98%;max-height:500px;object-fit:contain}
@media(max-width:700px){.premium-product-visual{min-height:270px}.premium-product-visual img{height:255px;width:100%}.premium-product-detail{min-height:380px}.premium-product-detail img{width:100%;max-height:360px}}

/* =========================================================
   V22 — full premium audit (Review Card visuals untouched)
   ========================================================= */
body{background:radial-gradient(circle at 50% -20%,rgba(182,255,0,.035),transparent 28%),#060606}
.card,.contact-panel,.info-box,.faq details{box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.premium-home-product{overflow:hidden;padding:0!important}
.home-product-art{height:245px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.07),transparent 30%),#0b0c0c;border-bottom:1px solid #202020}
.home-product-art img{width:100%;height:100%;object-fit:contain}
.premium-home-product>.kicker,.premium-home-product>h3,.premium-home-product>p,.premium-home-product>.product-card-why{margin-left:24px;margin-right:24px}.premium-home-product>.kicker{margin-top:22px}.premium-home-product>.product-card-why{margin-bottom:24px}
.premium-product-page{align-items:center}.premium-product-page .premium-product-detail{min-height:570px}.premium-product-page .premium-product-detail img{max-height:555px}
.premium-pill-row{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.premium-pill-row span{border:1px solid #2b2b2b;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:800;letter-spacing:.11em;color:#c6c6c6;background:#0a0a0a}
.premium-divider{height:1px;background:#202020;margin:24px 0}
.premium-feature-list{display:grid;gap:0;border-top:1px solid #202020}.premium-feature-list>div{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:17px 0;border-bottom:1px solid #202020}.premium-feature-list b{color:var(--acid);font-size:10px}.premium-feature-list span{font-size:12px;color:#969696}.premium-feature-list strong{display:block;color:#eee;font-size:13px;margin-bottom:3px}
.premium-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#242424;border:1px solid #242424;border-radius:16px;overflow:hidden;margin-top:35px}.premium-use-grid article{background:#090909;padding:32px;min-height:245px}.premium-use-grid article>span,.scenario-no{color:var(--acid);font-size:10px;font-weight:800}.premium-use-grid h3{margin-top:60px}.premium-quote-panel{padding:48px;border:1px solid #263019;border-radius:18px;background:radial-gradient(circle at 80% 0,rgba(182,255,0,.08),transparent 32%),#090909}
.social-logo-row{display:flex;gap:9px;margin:25px 0}.social-logo-row span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#fff;font-weight:800;border:1px solid rgba(255,255,255,.08)}.social-logo-row .ig{background:linear-gradient(135deg,#7139d4,#e53d87,#f39b28)}.social-logo-row .fb{background:#1877f2}.social-logo-row .yt{background:#e62117}.social-logo-row .li{background:#0a66c2}.social-logo-row .tt{background:#121212}.social-logo-row .sc{background:#fffc00;color:#111}
.premium-config-hero{padding-bottom:20px}.premium-configurator{align-items:start}.premium-form{border:1px solid #202020!important;border-radius:18px!important;background:linear-gradient(145deg,#0b0b0b,#070707)!important;padding:28px!important}.config-step{display:flex;gap:13px;align-items:center;padding:5px 0 18px;margin:6px 0 20px;border-bottom:1px solid #202020}.config-step>span{display:grid;place-items:center;width:31px;height:31px;border:1px solid #334019;border-radius:50%;color:var(--acid);font-size:9px;font-weight:800}.config-step b{display:block;font-size:10px;letter-spacing:.1em}.config-step small,.field-help{display:block;color:#666;font-size:9px;margin-top:2px}.optional-label{float:right;font-size:8px;letter-spacing:.08em;color:#666}.premium-preview-panel{position:sticky;top:95px;min-height:600px;border:1px solid #202020;border-radius:18px;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.07),transparent 28%),linear-gradient(145deg,#141515,#080909);overflow:hidden}.preview-caption{position:absolute;top:22px;left:24px;z-index:4}.preview-caption span{display:block;color:var(--acid);font-size:9px;font-weight:800;letter-spacing:.12em}.preview-caption small{color:#666;font-size:9px}
.premium-business-live{width:min(76%,590px)!important;aspect-ratio:1.586/1!important;height:auto!important;border-radius:22px!important;box-shadow:0 42px 85px rgba(0,0,0,.55)!important;position:relative!important;margin:auto!important;top:auto!important;left:auto!important}.premium-business-live .bp-logo-fallback{position:absolute!important;left:50%!important;top:23%!important;transform:translateX(-50%)!important;text-align:center!important;width:auto!important}.aurelia-mark{width:72px;height:72px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;font-family:Georgia,serif;font-size:34px}.premium-business-live .bp-logo-fallback b{display:block;font-family:Georgia,serif;font-size:26px;letter-spacing:.13em}.premium-business-live .bp-logo-fallback small{display:block;color:var(--acid);font-size:8px;letter-spacing:.22em}.premium-business-live .bp-name{bottom:52px!important}.premium-business-live .bp-role{bottom:31px!important}.premium-business-live.light-card{color:#111!important}.premium-business-live.light-card .bp-logo-fallback small{color:#557900}
.business-preview-panel{display:flex!important}.business-color-row{align-items:center}.business-preset{box-shadow:0 0 0 1px rgba(255,255,255,.12) inset}
.premium-social-select .social-platform{background:#0a0a0a!important;color:#aaa!important}.premium-social-select .social-platform.active{border-color:var(--acid)!important;color:#fff!important;box-shadow:0 0 0 1px var(--acid) inset!important}
.premium-social-live{width:min(62%,390px);aspect-ratio:.68/1;border-radius:28px;position:relative;margin:auto;background:radial-gradient(circle at 18% 10%,rgba(182,255,0,.14),transparent 34%),linear-gradient(150deg,#17191a,#070909 72%);border:1px solid #343838;box-shadow:0 42px 85px rgba(0,0,0,.55);overflow:hidden;padding:34px;color:#f4f4ef}.nova-brand{display:flex;align-items:center;gap:12px}.nova-mark{width:43px;height:43px;border:1px solid #eee;border-radius:12px;display:grid;place-items:center;font-weight:800;color:var(--acid)}.nova-brand b{display:block;font-size:12px;letter-spacing:.08em}.nova-brand small{font-size:7px;color:#777;letter-spacing:.12em}.social-live-copy{font-family:"Space Grotesk";font-size:clamp(34px,3.2vw,54px);font-weight:700;line-height:.9;letter-spacing:-.05em;margin-top:75px}.social-destination{position:absolute;left:34px;right:34px;bottom:90px;display:flex;align-items:center;gap:13px;border-top:1px solid #2a2d2d;padding-top:18px}.social-destination>span{width:42px;height:42px;border-radius:12px;background:#f1f1ec;color:#111;display:grid;place-items:center;font-weight:800}.social-destination small{display:block;color:#777;font-size:7px;letter-spacing:.12em}.social-destination b{font-size:10px;letter-spacing:.08em}.social-handle-live{position:absolute;left:34px;bottom:40px;color:#8b8b8b;font-size:10px}.social-live-nfc{position:absolute;right:31px;bottom:30px;width:31px;filter:invert(1);opacity:.8}
.business-scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.business-scenario-grid article{border:1px solid #202020;border-radius:16px;padding:30px;background:#090909;min-height:300px}.business-scenario-grid h3{margin-top:75px}.business-scenario-grid article>b{display:block;color:var(--acid);font-size:9px;letter-spacing:.1em;margin-top:30px}.premium-system-panel{border:1px solid #222;border-radius:18px;padding:34px;background:#090909}.system-line{display:flex;gap:20px;align-items:center;padding:18px;border:1px solid #222;border-radius:12px}.system-line span{color:#666;font-size:9px}.system-line b{font-size:11px;letter-spacing:.08em}.system-line.active{border-color:#4d6919;background:rgba(182,255,0,.035)}.system-line.active b,.system-line.active span{color:var(--acid)}.system-arrow{text-align:center;color:#555;padding:10px}.premium-cta{display:flex;justify-content:space-between;align-items:center;gap:30px}
.about-principles{display:grid;grid-template-columns:180px 1fr;gap:50px;align-items:start}.about-number{font-family:"Space Grotesk";font-size:72px;color:#202020;font-weight:700}.brand-signature{display:grid;grid-template-columns:1fr 1fr;align-items:center;border:1px solid #222;border-radius:18px;padding:45px;background:radial-gradient(circle at 80% 0,rgba(182,255,0,.07),transparent 35%),#090909}.brand-signature img{max-width:300px}.brand-signature span,.brand-signature strong{display:block;font-family:"Space Grotesk";font-size:clamp(26px,3vw,46px);line-height:1}.brand-signature strong{color:var(--acid)}
.premium-contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.premium-contact-main,.contact-brief{border:1px solid #202020;border-radius:18px;padding:38px;background:#090909}.premium-contact-main h2{font-size:clamp(32px,4vw,58px);margin:10px 0 25px}.contact-brief>div:not(.kicker){display:grid;grid-template-columns:40px 1fr;gap:12px;padding:17px 0;border-top:1px solid #202020}.contact-brief span{color:var(--acid);font-size:9px}.contact-brief p{margin:0;font-size:12px}.premium-faq details{padding:20px 22px}.premium-faq summary{font-size:14px}
.premium-cart h1{font-size:clamp(44px,5vw,70px)!important}.premium-cart .cart-layout{margin-top:40px}.premium-summary{border-radius:18px;background:#090909}.premium-summary .btn{width:100%;margin-top:18px}.premium-empty-cart{border:1px solid #202020;border-radius:18px;padding:55px;background:radial-gradient(circle at 15% 0,rgba(182,255,0,.06),transparent 28%),#090909}.premium-empty-cart>span{font-family:"Space Grotesk";font-size:72px;color:#242424;font-weight:700}.premium-empty-cart h2{font-size:36px;max-width:600px}.premium-cart-item{border:1px solid #202020!important;border-radius:14px;padding:18px!important;margin-bottom:10px;background:#090909}.cart-price button{background:none;border:0;color:#666;font-size:9px;margin-top:12px;cursor:pointer}.cart-service-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#222;border:1px solid #222;border-radius:16px;overflow:hidden}.cart-service-strip>div{background:#090909;padding:28px}.cart-service-strip span{color:var(--acid);font-size:9px}.cart-service-strip b{display:block;margin:35px 0 6px;font-size:11px}.cart-service-strip p{font-size:11px}
@media(max-width:950px){.premium-use-grid,.business-scenario-grid,.premium-contact-grid,.brand-signature,.about-principles,.cart-service-strip{grid-template-columns:1fr}.about-principles{gap:10px}.about-number{font-size:46px}.premium-cta{align-items:flex-start;flex-direction:column}.premium-preview-panel{position:relative;top:auto;min-height:520px}.premium-product-page .premium-product-detail{min-height:420px}}
@media(max-width:560px){.premium-business-live{width:92%!important}.premium-social-live{width:78%;padding:25px}.social-live-copy{margin-top:60px}.social-destination{left:25px;right:25px}.social-handle-live{left:25px}.premium-quote-panel,.premium-contact-main,.contact-brief{padding:27px}}