:root{--ink:#12162a;--muted:#687089;--line:#e5e8f3;--blue:#5268ff;--pink:#ee5bd8;--green:#25b889}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 7% 5%,rgba(82,104,255,.08),transparent 24%),radial-gradient(circle at 91% 6%,rgba(238,91,216,.08),transparent 26%),#fbfcff}a{color:inherit;text-decoration:none}.site-nav{position:sticky;top:0;z-index:20;height:78px;padding:0 max(28px,5vw);display:flex;align-items:center;gap:45px;border-bottom:1px solid rgba(229,232,243,.8);background:rgba(251,252,255,.84);backdrop-filter:blur(18px)}.site-brand{display:flex;align-items:flex-start;font-size:29px;font-weight:950;letter-spacing:-2px}.site-brand i{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--pink));margin:3px 0 0 4px}.site-nav nav{display:flex;gap:25px;font-size:13px;color:#4f5873}.nav-actions{margin-left:auto;display:flex;gap:12px;align-items:center;font-size:13px}.login{padding:10px}.nav-cta,.primary,.cta a{padding:12px 17px;border-radius:13px;background:linear-gradient(135deg,var(--blue),#8b5cf6 60%,var(--pink));color:#fff;font-weight:800;box-shadow:0 12px 30px rgba(82,104,255,.18)}.hero{min-height:650px;width:min(1180px,92vw);margin:auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;padding:75px 0}.pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eef0ff;color:#4a5de9;font-size:10px;font-weight:850;letter-spacing:.8px}.hero h1{font-size:clamp(52px,6vw,82px);line-height:.98;letter-spacing:-4.5px;margin:22px 0}.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--blue),#8b5cf6 45%,var(--pink));-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.65;color:var(--muted);max-width:690px}.hero-actions{display:flex;gap:12px;margin:28px 0}.secondary{padding:12px 17px;border-radius:13px;border:1px solid var(--line);background:white;font-weight:760}.checks{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:#5b647d}.hero-visual{height:540px;position:relative;border-radius:42px;background:radial-gradient(circle at 65% 30%,rgba(238,91,216,.25),transparent 31%),radial-gradient(circle at 37% 61%,rgba(82,104,255,.25),transparent 36%),linear-gradient(145deg,#f8f9ff,#eef0ff);overflow:hidden}.phone{position:absolute;right:65px;top:44px;width:240px;height:470px;border:8px solid #161720;border-radius:40px;background:#fff;box-shadow:0 35px 60px rgba(23,24,40,.25);padding:145px 16px 20px;text-align:center;overflow:hidden}.notch{position:absolute;top:9px;left:73px;width:82px;height:25px;background:#11131a;border-radius:20px}.phone-cover{position:absolute;top:0;left:0;right:0;height:155px;background:linear-gradient(135deg,#422918,#9f704d 50%,#2e3a2f)}.mini-logo{position:relative;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;margin:-25px auto 8px;background:#111;color:white;font-size:8px;font-weight:900;border:4px solid #fff}.phone>strong,.phone>small{display:block}.phone>small{font-size:9px;color:#747a8d;margin:4px 0 13px}.mini-btn{margin:7px 0;padding:10px;border-radius:10px;background:#f5f6fa;font-size:10px;font-weight:700}.mini-btn.orange{background:#bd6f38;color:white}.mini-btn.pink{background:linear-gradient(90deg,#f05d8f,#e34acb);color:#fff}.mini-btn.green{background:#25b889;color:#fff}.nfc{position:absolute;left:60px;top:210px;width:185px;height:185px;border-radius:50%;background:#12131a;color:white;display:grid;place-items:center;align-content:center;box-shadow:0 30px 55px rgba(20,22,33,.3);transform:rotate(-11deg);border:7px solid #222431}.nfc span{font-size:39px}.nfc b{font-size:30px;letter-spacing:-2px}.scribble{position:absolute;left:42px;top:75px;font-family:cursive;font-size:18px;color:#5e61a7;transform:rotate(-7deg)}.trust{width:min(1180px,92vw);margin:0 auto 30px;padding:18px 24px;border:1px solid var(--line);border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px}.trust span{color:var(--muted)}.section{width:min(1180px,92vw);margin:0 auto;padding:90px 0}.section.alt{width:auto;padding-left:max(4vw,calc((100vw - 1180px)/2));padding-right:max(4vw,calc((100vw - 1180px)/2));background:#f5f7ff;border-block:1px solid var(--line)}.section-head{max-width:700px;margin-bottom:35px}.section-head>span{font-size:10px;letter-spacing:1.5px;color:#6470a1;font-weight:900}.section h2,.cta h2{font-size:clamp(35px,4vw,56px);letter-spacing:-2.5px;margin:10px 0}.section-head p{font-size:16px;line-height:1.6;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps article,.features article{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}.steps i{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#eef0ff;color:#4b5dea;font-style:normal;font-weight:900}.steps h3{font-size:18px}.steps p,.features p{color:var(--muted);line-height:1.55;font-size:14px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.features article b{font-size:16px}.theme-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.theme-showcase article{border:1px solid var(--line);background:#fff;border-radius:22px;padding:13px}.theme-phone{height:240px;border-radius:16px;background:var(--bg);color:var(--txt);padding:18px;position:relative;overflow:hidden}.theme-phone:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--a),var(--b));right:-30px;top:-25px;opacity:.28}.theme-phone span{display:block;width:38px;height:38px;border-radius:12px;background:var(--a);margin-bottom:15px}.theme-phone b{position:relative;z-index:1}.theme-phone i{display:block;height:35px;background:white;border:1px solid rgba(80,80,100,.12);margin-top:10px;border-radius:12px;position:relative;z-index:1}.theme-phone i:nth-of-type(1){background:var(--a)}.theme-phone i:nth-of-type(2){background:var(--b)}.theme-showcase h3{margin:11px 0 3px;font-size:14px}.theme-showcase small{color:var(--muted)}.cta{width:min(1180px,92vw);margin:40px auto 70px;border-radius:36px;padding:70px;background:radial-gradient(circle at 100% 0%,rgba(238,91,216,.36),transparent 38%),linear-gradient(135deg,#202544,#111426);color:#fff}.cta span{color:#b9c1e8;font-size:12px}.cta h2{max-width:760px;margin-bottom:30px}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq summary{font-size:18px;font-weight:800;cursor:pointer}.faq details p{max-width:800px;color:var(--muted);line-height:1.6}footer{padding:30px max(4vw,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer .site-brand{color:var(--ink);margin-right:auto}
@media(max-width:900px){.site-nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:50px}.hero-visual{height:500px}.features,.steps{grid-template-columns:1fr}.theme-showcase{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.site-nav{padding:0 16px}.nav-actions .login{display:none}.nav-cta{font-size:10px;padding:10px}.hero{width:calc(100% - 30px);padding:45px 0;gap:30px}.hero h1{font-size:52px;letter-spacing:-3px}.hero p{font-size:15px}.hero-actions{flex-direction:column}.hero-visual{height:430px}.phone{right:18px;top:45px;transform:scale(.78);transform-origin:top right}.nfc{width:145px;height:145px;left:22px;top:195px}.scribble{left:20px;top:65px}.trust,.section,.cta{width:calc(100% - 30px)}.section{padding:65px 0}.theme-showcase{grid-template-columns:1fr 1fr}.theme-phone{height:190px}.cta{padding:40px 25px}.site-nav .site-brand{font-size:24px}.nav-cta{max-width:155px;text-align:center}footer{padding:25px 16px;flex-wrap:wrap}}

/* PATCH 01 — Products + character-select theme slider */
.products-section{position:relative}.products-heading,.theme-select-heading{display:flex;align-items:end;justify-content:space-between;gap:32px}.products-heading .section-head,.theme-select-heading .section-head{margin-bottom:35px}.products-section .section-head em{font-style:normal;background:linear-gradient(90deg,var(--blue),#8b5cf6 45%,var(--pink));-webkit-background-clip:text;color:transparent}.products-all{flex:none;margin-bottom:38px;padding:12px 16px;border:1px solid var(--line);border-radius:13px;background:#fff;font-size:12px;font-weight:800;box-shadow:0 10px 30px rgba(18,22,42,.05)}
.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.product-card{grid-column:span 2;min-width:0;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.92);overflow:hidden;box-shadow:0 18px 50px rgba(37,44,84,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.product-card:nth-child(4),.product-card:nth-child(5){grid-column:span 3}.product-card:hover{transform:translateY(-7px);border-color:#cfd4ff;box-shadow:0 26px 60px rgba(55,65,130,.13)}.product-visual{height:260px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(82,104,255,.18),transparent 28%),linear-gradient(145deg,#f8f9ff,#eef1ff)}.product-card[data-product-kind="menu"] .product-visual{background:radial-gradient(circle at 50% 45%,rgba(37,184,137,.22),transparent 29%),linear-gradient(145deg,#f4fffb,#e9f8f2)}.product-card[data-product-kind="review"] .product-visual,.product-card[data-product-kind="review-en"] .product-visual{background:radial-gradient(circle at 50% 45%,rgba(238,91,216,.18),transparent 29%),linear-gradient(145deg,#fff8fd,#f8ecff)}.product-card[data-product-kind="combo-alt"] .product-visual{background:radial-gradient(circle at 50% 45%,rgba(255,181,71,.20),transparent 29%),linear-gradient(145deg,#fffaf0,#f5f0ff)}.product-index{position:absolute;left:18px;top:16px;font-size:11px;font-weight:900;letter-spacing:1.6px;color:#79819a}.product-badge{position:absolute;right:15px;top:14px;z-index:3;padding:7px 10px;border-radius:999px;background:#171a2a;color:white;font-size:9px;font-weight:900;letter-spacing:.5px}.product-shadow{position:absolute;width:170px;height:34px;border-radius:50%;background:rgba(22,25,47,.16);filter:blur(12px);transform:translateY(78px)}.product-device{position:relative;z-index:2;width:164px;height:164px;border-radius:38px;display:grid;place-items:center;align-content:center;gap:6px;color:#fff;background:linear-gradient(145deg,#242737,#0e1018);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 1px rgba(255,255,255,.18),0 32px 50px rgba(22,24,42,.28);transform:perspective(600px) rotateX(57deg) rotateZ(-12deg);transition:transform .3s ease}.product-card:hover .product-device{transform:perspective(600px) rotateX(53deg) rotateZ(-7deg) translateY(-4px)}.product-card[data-product-kind="menu"] .product-device{background:linear-gradient(145deg,#18342f,#0d1a18)}.product-card[data-product-kind="review"] .product-device,.product-card[data-product-kind="review-en"] .product-device{background:linear-gradient(145deg,#32203b,#18101e)}.product-card[data-product-kind="combo-alt"] .product-device{border-radius:50%;background:linear-gradient(145deg,#2a2431,#111016)}.device-signal{font-size:18px;letter-spacing:-4px;transform:rotate(-90deg);opacity:.8}.product-device strong{font-size:22px;letter-spacing:-1px}.product-device small{font-size:8px;letter-spacing:1.5px;opacity:.55}.product-glow{position:absolute;width:240px;height:240px;border:1px solid rgba(82,104,255,.16);border-radius:50%;box-shadow:0 0 0 22px rgba(82,104,255,.04),0 0 0 48px rgba(82,104,255,.025)}.product-content{padding:22px}.product-content>div:first-child{min-height:64px}.product-variant{font-size:10px;font-weight:900;letter-spacing:1px;color:#77809b;text-transform:uppercase}.product-content h3{margin:5px 0 0;font-size:20px;letter-spacing:-.7px}.product-content p{min-height:66px;margin:15px 0 22px;color:var(--muted);font-size:13px;line-height:1.6}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:17px}.product-bottom>strong{font-size:21px;letter-spacing:-.8px}.product-bottom a{padding:9px 11px;border-radius:10px;background:#f2f3ff;color:#4e5ee8;font-size:10px;font-weight:900;white-space:nowrap}.products-note{margin:18px 0 0;padding:16px 20px;border:1px dashed #cad0ee;border-radius:16px;color:#687089;background:rgba(245,247,255,.72);font-size:12px}.products-note b{color:#343b61}

.theme-select-section{overflow:hidden}.theme-counter{display:flex;align-items:center;gap:10px;margin-bottom:40px;font-size:12px;font-weight:900;color:#8a91aa}.theme-counter #themeCurrent{font-size:25px;color:var(--ink);letter-spacing:-1px}.theme-counter i{display:block;width:46px;height:1px;background:#cfd3e4}.theme-selector{position:relative;min-height:700px;border-radius:38px;background:radial-gradient(circle at 50% 32%,rgba(123,97,255,.22),transparent 30%),radial-gradient(circle at 18% 62%,rgba(82,104,255,.12),transparent 26%),radial-gradient(circle at 84% 65%,rgba(238,91,216,.13),transparent 28%),linear-gradient(180deg,#f7f8ff,#eef1fb);border:1px solid #e0e4f1;overflow:hidden;outline:none}.theme-selector:focus-visible{box-shadow:0 0 0 4px rgba(82,104,255,.16)}.selector-aura{position:absolute;left:50%;top:38px;width:440px;height:440px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.94) 0 18%,rgba(113,94,255,.14) 46%,transparent 70%);filter:blur(1px);pointer-events:none}.selector-aura:after,.selector-aura:before{content:"";position:absolute;inset:44px;border:1px solid rgba(96,105,176,.12);border-radius:50%}.selector-aura:after{inset:96px}.theme-stage{height:510px;position:relative;perspective:1200px}.theme-character{position:absolute;left:50%;top:36px;width:236px;height:465px;padding:0;border:0;background:transparent;cursor:pointer;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.72,.2,1),opacity .45s ease,filter .45s ease;z-index:2}.theme-character[data-position="0"]{transform:translateX(-50%) translateY(0) scale(1);opacity:1;z-index:6;filter:none}.theme-character[data-position="-1"]{transform:translateX(calc(-50% - 255px)) translateY(54px) scale(.79) rotateY(20deg);opacity:.68;z-index:4;filter:saturate(.75)}.theme-character[data-position="1"]{transform:translateX(calc(-50% + 255px)) translateY(54px) scale(.79) rotateY(-20deg);opacity:.68;z-index:4;filter:saturate(.75)}.theme-character[data-position="-2"]{transform:translateX(calc(-50% - 430px)) translateY(102px) scale(.58) rotateY(28deg);opacity:.24;z-index:2;filter:saturate(.4)}.theme-character[data-position="2"]{transform:translateX(calc(-50% + 430px)) translateY(102px) scale(.58) rotateY(-28deg);opacity:.24;z-index:2;filter:saturate(.4)}.theme-character.is-hidden{opacity:0;pointer-events:none;transform:translateX(-50%) scale(.4)}.no-animate .theme-character{transition:none!important}.theme-device-shell{display:block;width:100%;height:100%;padding:9px;border-radius:44px;background:linear-gradient(150deg,#272a35,#090a0f);box-shadow:0 42px 70px rgba(29,32,57,.28),inset 0 0 0 1px rgba(255,255,255,.15);position:relative}.theme-character.is-active .theme-device-shell{box-shadow:0 55px 85px rgba(54,57,109,.32),0 0 0 7px rgba(255,255,255,.72),0 0 0 8px rgba(92,105,255,.14)}.theme-speaker{position:absolute;z-index:8;left:50%;top:15px;transform:translateX(-50%);width:77px;height:22px;border-radius:999px;background:#090a0e}.theme-screen{height:100%;display:flex;flex-direction:column;align-items:center;padding:102px 15px 18px;border-radius:35px;overflow:hidden;position:relative;background:var(--bg);color:var(--txt);font-family:Inter,system-ui,sans-serif}.theme-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 5%,var(--b),transparent 33%),radial-gradient(circle at 12% 18%,var(--a),transparent 36%);opacity:.14}.theme-art{position:absolute;left:0;right:0;top:0;height:105px;background:linear-gradient(135deg,var(--a),var(--b));opacity:.9}.theme-art:after{content:"tapinn";position:absolute;left:15px;bottom:15px;color:white;font-weight:950;font-size:16px;letter-spacing:-1px}.theme-avatar{position:relative;z-index:2;width:55px;height:55px;display:grid;place-items:center;margin-top:-25px;border:4px solid var(--surface);border-radius:50%;background:var(--a);color:white;font-size:20px;font-weight:950}.theme-screen>strong{position:relative;z-index:2;margin-top:6px;font-size:13px}.theme-screen>small{position:relative;z-index:2;margin:2px 0 12px;color:var(--muted-theme);font-size:8px}.theme-action{position:relative;z-index:2;width:100%;min-height:39px;display:grid;place-items:center;margin:4px 0;border:1px solid color-mix(in srgb,var(--txt) 10%,transparent);border-radius:calc(var(--radius) * .5);background:var(--surface);color:var(--txt);font-size:8px;font-style:normal;font-weight:800}.theme-action.primary-action-preview{background:linear-gradient(135deg,var(--a),var(--b));color:white;border:0}.theme-arrow{position:absolute;top:225px;z-index:10;width:52px;height:52px;border-radius:50%;border:1px solid rgba(114,122,164,.25);background:rgba(255,255,255,.78);backdrop-filter:blur(12px);color:#333a61;font-size:22px;cursor:pointer;box-shadow:0 12px 30px rgba(55,62,103,.12);transition:transform .2s ease,background .2s ease}.theme-arrow:hover{transform:scale(1.08);background:white}.theme-prev{left:24px}.theme-next{right:24px}.theme-selected-info{position:relative;z-index:8;text-align:center;margin-top:0}.selection-label{display:inline-flex;padding:6px 9px;border-radius:999px;background:#e6e8ff;color:#5362dd;font-size:9px;font-weight:950;letter-spacing:1.3px}.theme-selected-info h3{margin:9px 0 2px;font-size:27px;letter-spacing:-1.3px}.theme-selected-info p{margin:0;color:var(--muted);font-size:12px}.theme-dots{display:flex;justify-content:center;gap:7px;margin-top:18px}.theme-dots button{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:#c2c7dc;cursor:pointer;transition:width .25s ease,background .25s ease}.theme-dots button.is-active{width:26px;background:linear-gradient(90deg,var(--blue),var(--pink))}.selector-floor{position:absolute;left:50%;bottom:-25px;width:520px;height:100px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(86,91,142,.18),transparent 68%);pointer-events:none}.selector-floor span{position:absolute;left:50%;top:12px;width:260px;height:32px;transform:translateX(-50%);border:1px solid rgba(93,101,157,.14);border-radius:50%}

@media(max-width:1000px){.product-grid{grid-template-columns:repeat(2,1fr)}.product-card,.product-card:nth-child(4),.product-card:nth-child(5){grid-column:auto}.theme-character[data-position="-1"]{transform:translateX(calc(-50% - 205px)) translateY(65px) scale(.72) rotateY(18deg)}.theme-character[data-position="1"]{transform:translateX(calc(-50% + 205px)) translateY(65px) scale(.72) rotateY(-18deg)}.theme-character[data-position="-2"],.theme-character[data-position="2"]{opacity:0;pointer-events:none}.theme-selector{min-height:675px}}
@media(max-width:700px){.products-heading,.theme-select-heading{display:block}.products-all{display:inline-flex;margin:-12px 0 30px}.product-grid{grid-template-columns:1fr}.product-visual{height:235px}.product-card:nth-child(4),.product-card:nth-child(5){grid-column:auto}.product-content p{min-height:0}.theme-counter{margin-top:-18px;margin-bottom:22px}.theme-selector{min-height:625px;margin-inline:-2px;border-radius:26px}.theme-stage{height:445px}.theme-character{top:30px;width:205px;height:405px}.theme-character[data-position="-1"]{transform:translateX(calc(-50% - 135px)) translateY(55px) scale(.68) rotateY(16deg);opacity:.4}.theme-character[data-position="1"]{transform:translateX(calc(-50% + 135px)) translateY(55px) scale(.68) rotateY(-16deg);opacity:.4}.theme-character[data-position="-2"],.theme-character[data-position="2"]{display:none}.theme-device-shell{border-radius:38px}.theme-screen{padding-top:88px;border-radius:30px}.theme-art{height:93px}.theme-arrow{top:192px;width:44px;height:44px}.theme-prev{left:10px}.theme-next{right:10px}.theme-selected-info h3{font-size:23px}.selector-aura{width:330px;height:330px;top:42px}.selector-floor{width:330px}.theme-dots{max-width:260px;flex-wrap:wrap;margin-inline:auto}}
@media(prefers-reduced-motion:reduce){.product-card,.product-device,.theme-character,.theme-arrow,.theme-dots button{transition:none!important}}

/* PATCH 02 — cache-safe assets + hardening */
.product-card,.theme-selector,.theme-character,.theme-device-shell,.theme-screen{box-sizing:border-box}
.theme-stage button{font-family:inherit}
@media (max-width: 760px){
  .products-heading,.theme-select-heading{align-items:flex-start;flex-direction:column;gap:0}
  .products-all{margin:0 0 24px}
  .product-grid{grid-template-columns:1fr}
  .product-card,.product-card:nth-child(4),.product-card:nth-child(5){grid-column:auto}
  .product-visual{height:230px}
  .theme-selector{min-height:610px;border-radius:28px}
  .theme-stage{height:430px}
  .theme-character{top:28px;width:200px;height:395px}
  .theme-character[data-position="-1"]{transform:translateX(calc(-50% - 175px)) translateY(42px) scale(.7) rotateY(20deg)}
  .theme-character[data-position="1"]{transform:translateX(calc(-50% + 175px)) translateY(42px) scale(.7) rotateY(-20deg)}
  .theme-character[data-position="-2"],.theme-character[data-position="2"]{opacity:0;pointer-events:none}
  .theme-screen{padding:86px 12px 14px;border-radius:30px}
  .theme-art{height:91px}
  .theme-arrow{top:190px;width:44px;height:44px}
  .theme-prev{left:10px}.theme-next{right:10px}
  .theme-selected-info{padding:0 18px}
}

/* Patch 09 · uploaded sales product images */
.product-device-uploaded{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(244,246,255,.98));border:1px solid rgba(125,135,190,.16);padding:14px}
.product-device-uploaded img{display:block;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(35,42,80,.28)) drop-shadow(0 28px 32px rgba(35,42,80,.14))}
.product-card:hover .product-device-uploaded{transform:perspective(600px) rotateX(53deg) rotateZ(-7deg) translateY(-4px)}

/* Patch 10 · uploaded product image fit + more upright */
.product-device-uploaded{
  width: 150px;
  height: 150px;
  border-radius: 34px;
  padding: 18px;
  overflow: hidden;
  transform: perspective(640px) rotateX(42deg) rotateZ(-7deg);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.2), 0 24px 40px rgba(22,24,42,.22);
}
.product-device-uploaded img{
  width: auto;
  height: auto;
  max-width: 82%;
  max-height: 82%;
  margin: auto;
  transform: scale(.92);
  transform-origin: center;
  filter: drop-shadow(0 10px 16px rgba(35,42,80,.24)) drop-shadow(0 20px 24px rgba(35,42,80,.12));
}
.product-card:hover .product-device-uploaded{
  transform: perspective(640px) rotateX(38deg) rotateZ(-5deg) translateY(-4px);
}
@media(max-width:700px){
  .product-device-uploaded{
    width: 142px;
    height: 142px;
    padding: 16px;
    transform: perspective(620px) rotateX(40deg) rotateZ(-6deg);
  }
}

/* Patch 11 · product visual larger, still contained */
.product-device-uploaded{
  width: 188px;
  height: 188px;
  border-radius: 40px;
  padding: 12px;
  transform: perspective(700px) rotateX(38deg) rotateZ(-6deg);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.24),0 28px 46px rgba(22,24,42,.24);
}
.product-device-uploaded img{
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;
  transform: scale(1.06);
  filter: drop-shadow(0 12px 18px rgba(35,42,80,.25)) drop-shadow(0 23px 28px rgba(35,42,80,.13));
}
.product-card:hover .product-device-uploaded{
  transform: perspective(700px) rotateX(35deg) rotateZ(-4deg) translateY(-4px);
}
.product-shadow{
  width: 205px;
  height: 38px;
  transform: translateY(88px);
}
@media(max-width:700px){
  .product-visual{height:275px}
  .product-device-uploaded{
    width: 184px;
    height: 184px;
    padding: 11px;
    border-radius: 39px;
    transform: perspective(680px) rotateX(36deg) rotateZ(-5deg);
  }
  .product-device-uploaded img{transform:scale(1.08)}
  .product-shadow{width:198px;height:37px;transform:translateY(86px)}
}

/* Patch 21 · top-view white droplet stickers + more depth */
.product-visual{
  perspective: 1200px;
  isolation: isolate;
}
.product-shadow{
  width: 210px;
  height: 42px;
  background: radial-gradient(ellipse at center, rgba(23,28,52,.28) 0%, rgba(23,28,52,.12) 48%, rgba(23,28,52,0) 74%);
  filter: blur(16px);
  transform: translateY(92px);
  z-index: 0;
}
.product-device-uploaded{
  position: relative;
  width: 190px;
  height: 190px;
  padding: 0;
  border: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
  transform-style: preserve-3d;
  transform: perspective(1100px) rotateX(24deg) rotateZ(-7deg) rotateY(-2deg);
  transition: transform .38s cubic-bezier(.2,.75,.2,1), filter .38s ease;
}
.product-device-uploaded::before{
  content: "";
  position: absolute;
  inset: 14px;
  border-radius: 58% 42% 54% 46% / 44% 56% 40% 60%;
  background: linear-gradient(160deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.98) 40%, rgba(244,247,255,.98) 100%);
  box-shadow:
    0 20px 28px rgba(26,33,66,.18),
    0 42px 55px rgba(26,33,66,.10),
    inset 0 2px 0 rgba(255,255,255,.95),
    inset 0 -10px 18px rgba(196,204,230,.18);
  z-index: 0;
}
.product-device-uploaded::after{
  content: "";
  position: absolute;
  top: 24px;
  left: 24px;
  right: 36px;
  height: 34%;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,0));
  mix-blend-mode: screen;
  opacity: .68;
  transform: rotate(-10deg) translateZ(20px);
  pointer-events: none;
  transition: opacity .32s ease, transform .32s ease;
  z-index: 2;
}
.product-device-uploaded img{
  position: absolute;
  inset: 0;
  margin: auto;
  width: auto;
  height: auto;
  max-width: 72%;
  max-height: 72%;
  object-fit: contain;
  transform: translateY(-4px) translateZ(36px) scale(1.12);
  transform-origin: center;
  filter: drop-shadow(0 10px 8px rgba(40,48,92,.20)) drop-shadow(0 24px 24px rgba(40,48,92,.16));
  z-index: 1;
  transition: transform .38s cubic-bezier(.2,.75,.2,1), filter .38s ease;
}
.product-card:hover .product-device-uploaded{
  transform: perspective(1100px) rotateX(14deg) rotateZ(-2deg) rotateY(8deg) translateY(-8px) scale(1.03);
  filter: saturate(1.03);
}
.product-card:hover .product-device-uploaded::after{
  opacity: .95;
  transform: rotate(-6deg) translate3d(8px,-2px,30px);
}
.product-card:hover .product-device-uploaded img{
  transform: translateY(-10px) translateZ(52px) scale(1.16) rotate(2deg);
  filter: drop-shadow(0 14px 12px rgba(40,48,92,.22)) drop-shadow(0 34px 30px rgba(40,48,92,.20));
}
.product-card:hover .product-shadow{
  width: 228px;
  transform: translateY(98px) scale(1.08);
  opacity: .95;
}
@media(max-width:700px){
  .product-device-uploaded{
    width: 178px;
    height: 178px;
    transform: perspective(1000px) rotateX(20deg) rotateZ(-6deg) rotateY(-1deg);
  }
  .product-device-uploaded::before{inset: 13px}
  .product-device-uploaded img{
    max-width: 74%;
    max-height: 74%;
    transform: translateY(-2px) translateZ(30px) scale(1.08);
  }
  .product-shadow{
    width: 200px;
    transform: translateY(88px);
  }
}

/* Patch 22 · keep uploaded product artwork intact; depth only from stage */
.product-device-uploaded{
  width: 205px !important;
  height: 205px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  transform-style: preserve-3d;
  transform: perspective(1100px) rotateX(17deg) rotateZ(-4deg) !important;
  transition: transform .36s cubic-bezier(.2,.75,.2,1), filter .36s ease !important;
}
.product-device-uploaded::before{display:none !important;content:none !important}
.product-device-uploaded::after{
  content:"" !important;
  display:block !important;
  position:absolute;
  inset:8% 4%;
  z-index:3;
  pointer-events:none;
  border-radius:50%;
  background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,0) 36%,rgba(255,255,255,.78) 48%,rgba(255,255,255,.12) 58%,transparent 70%);
  opacity:0;
  transform:translateX(-28%) rotate(-9deg) !important;
  mix-blend-mode:screen;
  transition:opacity .28s ease,transform .42s ease !important;
}
.product-device-uploaded img{
  position:absolute !important;
  inset:0 !important;
  margin:auto !important;
  width:auto !important;
  height:auto !important;
  max-width:88% !important;
  max-height:88% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  filter:drop-shadow(0 10px 10px rgba(31,38,73,.18)) drop-shadow(0 26px 28px rgba(31,38,73,.14)) !important;
  transition:filter .36s ease !important;
  z-index:2;
}
.product-card:hover .product-device-uploaded{
  transform:perspective(1100px) rotateX(11deg) rotateZ(-1deg) rotateY(7deg) translateY(-8px) scale(1.035) !important;
}
.product-card:hover .product-device-uploaded::after{
  opacity:.82 !important;
  transform:translateX(24%) rotate(-9deg) !important;
}
.product-card:hover .product-device-uploaded img{
  transform:none !important;
  filter:drop-shadow(0 14px 12px rgba(31,38,73,.22)) drop-shadow(0 36px 34px rgba(31,38,73,.20)) !important;
}
.product-shadow{
  width:215px !important;
  height:42px !important;
  background:radial-gradient(ellipse at center,rgba(22,28,55,.28) 0%,rgba(22,28,55,.13) 45%,transparent 74%) !important;
  filter:blur(15px) !important;
  transform:translateY(96px) !important;
  transition:transform .36s ease,width .36s ease,opacity .36s ease !important;
}
.product-card:hover .product-shadow{
  width:228px !important;
  transform:translateY(102px) scale(1.04) !important;
  opacity:.96 !important;
}
@media(max-width:700px){
  .product-device-uploaded{
    width:190px !important;
    height:190px !important;
    transform:perspective(1000px) rotateX(15deg) rotateZ(-3deg) !important;
  }
  .product-device-uploaded img{max-width:90% !important;max-height:90% !important}
  .product-shadow{width:202px !important;transform:translateY(91px) !important}
}

/* Patch 23 · shine is clipped to the uploaded product's real alpha silhouette */
.product-device-uploaded::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:3 !important;
  pointer-events:none !important;
  border-radius:0 !important;
  background:linear-gradient(115deg,transparent 26%,rgba(255,255,255,0) 38%,rgba(255,255,255,.88) 48%,rgba(255,255,255,.18) 55%,transparent 68%) !important;
  opacity:0 !important;
  transform:translateX(-34%) !important;
  mix-blend-mode:screen !important;
  -webkit-mask-image:var(--product-mask) !important;
  mask-image:var(--product-mask) !important;
  -webkit-mask-repeat:no-repeat !important;
  mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important;
  mask-position:center !important;
  -webkit-mask-size:88% 88% !important;
  mask-size:88% 88% !important;
  transition:opacity .25s ease,transform .42s ease !important;
}
.product-card:hover .product-device-uploaded::after{
  opacity:.82 !important;
  transform:translateX(28%) !important;
}
@media(max-width:700px){
  .product-device-uploaded::after{
    -webkit-mask-size:90% 90% !important;
    mask-size:90% 90% !important;
  }
}

/* Patch 24 · circular product centering + shine strictly inside round artwork */
.product-device-uploaded{
  display:grid !important;
  place-items:center !important;
  width:205px !important;
  height:205px !important;
  aspect-ratio:1/1 !important;
}
.product-device-uploaded img{
  position:relative !important;
  inset:auto !important;
  display:block !important;
  width:90% !important;
  height:90% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  object-fit:contain !important;
  object-position:50% 50% !important;
  transform:none !important;
  border-radius:50% !important;
  z-index:2 !important;
}
.product-device-uploaded::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:5% !important;
  border-radius:50% !important;
  overflow:hidden !important;
  background:linear-gradient(112deg,
    transparent 24%,
    rgba(255,255,255,0) 37%,
    rgba(255,255,255,.84) 47%,
    rgba(255,255,255,.18) 55%,
    transparent 68%) !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  opacity:0 !important;
  transform:translateX(-42%) rotate(-7deg) !important;
  transform-origin:center !important;
  pointer-events:none !important;
  z-index:3 !important;
}
.product-card:hover .product-device-uploaded::after{
  opacity:.78 !important;
  transform:translateX(42%) rotate(-7deg) !important;
}
@media(max-width:700px){
  .product-device-uploaded{width:190px !important;height:190px !important}
  .product-device-uploaded img{width:91% !important;height:91% !important}
  .product-device-uploaded::after{inset:4.5% !important}
}

/* Patch 25 · true circular clipping; stationary mask, moving shine only */
.product-device-uploaded{
  display:grid !important;
  place-items:center !important;
}
.product-device-uploaded img{
  position:absolute !important;
  inset:0 !important;
  margin:auto !important;
  width:90% !important;
  height:90% !important;
  object-fit:cover !important;
  object-position:50% 50% !important;
  border-radius:50% !important;
  -webkit-clip-path:circle(50% at 50% 50%) !important;
  clip-path:circle(50% at 50% 50%) !important;
  transform:none !important;
}
.product-device-uploaded::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:5% !important;
  border-radius:50% !important;
  -webkit-clip-path:circle(50% at 50% 50%) !important;
  clip-path:circle(50% at 50% 50%) !important;
  overflow:hidden !important;
  background:linear-gradient(112deg,
    transparent 34%,
    rgba(255,255,255,0) 42%,
    rgba(255,255,255,.82) 49%,
    rgba(255,255,255,.16) 55%,
    transparent 64%) !important;
  background-size:260% 100% !important;
  background-position:125% 50% !important;
  opacity:0 !important;
  transform:none !important;
  transition:background-position .48s cubic-bezier(.2,.75,.2,1),opacity .22s ease !important;
  pointer-events:none !important;
  z-index:3 !important;
}
.product-card:hover .product-device-uploaded::after{
  opacity:.74 !important;
  background-position:-25% 50% !important;
  transform:none !important;
}
@media(max-width:700px){
  .product-device-uploaded img{width:91% !important;height:91% !important}
  .product-device-uploaded::after{inset:4.5% !important}
}

/* Patch 26 · theme slider uses the exact live theme pages */
.theme-screen-live{
  padding:0!important;
  background:#fff!important;
  overflow:hidden!important;
  isolation:isolate;
}
.theme-screen-live::before{display:none!important}
.theme-live-frame{
  position:absolute;
  inset:0 auto auto 0;
  width:390px;
  height:820px;
  border:0;
  margin:0;
  padding:0;
  display:block;
  background:transparent;
  transform:scale(.559);
  transform-origin:0 0;
  pointer-events:none;
  user-select:none;
}
.theme-character.is-active .theme-screen-live{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
@media(max-width:700px){
  .theme-live-frame{transform:scale(.4795)}
}

/* Patch 31 · theme slider rebuilt from scratch: one geometry, real theme tokens */
.theme-screen-static{
  --t-bg:#f7f8ff;
  --t-surface:#fff;
  --t-text:#12162a;
  --t-muted:#667085;
  --t-primary:#5268ff;
  --t-secondary:#e454f5;
  --t-accent:#35c7b4;
  --t-button-text:#fff;
  --t-border:#e5e8f5;
  --t-radius:22px;
  --t-gradient:linear-gradient(135deg,#5268ff,#e454f5);
  --t-heading:Inter;
  --t-body:Inter;
  --t-business:Inter;
  --t-hero-title:Inter;
  --t-hero-highlight:Inter;
  --t-description:Inter;
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  padding:48px 13px 13px!important;
  overflow:hidden!important;
  border-radius:35px!important;
  background:var(--t-bg)!important;
  color:var(--t-text)!important;
  font-family:var(--t-body),Inter,system-ui,sans-serif!important;
  isolation:isolate;
}
.theme-screen-static::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:.16!important;
  background:
    radial-gradient(circle at 86% 7%,var(--t-secondary),transparent 28%),
    radial-gradient(circle at 10% 2%,var(--t-primary),transparent 25%)!important;
}
.theme-preview-glow{
  position:absolute;
  z-index:0;
  width:105px;
  height:105px;
  right:-54px;
  top:202px;
  border-radius:50%;
  background:var(--t-secondary);
  opacity:.10;
  pointer-events:none;
}
.theme-preview-brand,
.theme-preview-divider,
.theme-preview-hero,
.theme-preview-line,
.theme-preview-actions{position:relative;z-index:1}
.theme-preview-brand{
  height:66px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
}
.theme-preview-avatar{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border-radius:min(var(--t-radius),12px);
  background:var(--t-gradient);
  color:var(--t-button-text);
  box-shadow:0 5px 12px color-mix(in srgb,var(--t-primary) 22%,transparent);
  font:800 16px/1 var(--t-business),var(--t-heading),Inter,sans-serif;
}
.theme-preview-brand>strong{
  display:block;
  max-width:100%;
  margin-top:5px;
  color:var(--t-text);
  font:700 11px/1.05 var(--t-business),var(--t-heading),Inter,sans-serif;
  white-space:nowrap;
}
.theme-preview-brand>small{
  display:block;
  max-width:100%;
  margin-top:2px;
  color:var(--t-muted);
  font:500 5px/1.1 var(--t-body),Inter,sans-serif;
  white-space:nowrap;
}
.theme-preview-divider{
  display:block;
  width:100%;
  height:1px;
  margin:4px 0 9px;
  background:linear-gradient(90deg,transparent,var(--t-border) 16%,var(--t-border) 84%,transparent);
}
.theme-preview-hero{
  display:block;
  height:94px;
  text-align:left;
  overflow:hidden;
}
.theme-preview-hero>strong,
.theme-preview-hero>em{
  display:block;
  margin:0;
  padding:0;
  letter-spacing:-.8px;
}
.theme-preview-hero>strong{
  color:var(--t-text);
  font:800 20px/.94 var(--t-hero-title),var(--t-heading),Inter,sans-serif;
}
.theme-preview-hero>em{
  margin-top:1px;
  background:var(--t-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  font:800 20px/.94 var(--t-hero-highlight),var(--t-heading),Inter,sans-serif;
  font-style:normal;
}
.theme-preview-hero>small{
  display:block;
  margin-top:8px;
  color:var(--t-muted);
  font:500 6px/1.35 var(--t-description),var(--t-body),Inter,sans-serif;
  white-space:nowrap;
}
.theme-preview-line{
  height:18px;
  display:flex;
  align-items:center;
  gap:7px;
  margin:0 0 7px;
}
.theme-preview-line i{
  display:block;
  height:1px;
  flex:1;
  background:var(--t-border);
}
.theme-preview-line b{
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:grid;
  place-items:center;
  border:1px solid var(--t-border);
  border-radius:50%;
  color:var(--t-muted);
  background:color-mix(in srgb,var(--t-bg) 84%,var(--t-surface));
  font:700 7px/1 var(--t-body),Inter,sans-serif;
}
.theme-preview-actions{
  display:grid;
  gap:5px;
}
.theme-preview-action{
  width:100%;
  min-width:0;
  height:38px;
  display:grid;
  grid-template-columns:27px minmax(0,1fr) 17px;
  align-items:center;
  gap:7px;
  padding:5px 7px;
  border:1px solid var(--t-border);
  border-radius:min(var(--t-radius),13px);
  background:var(--t-surface);
  color:var(--t-text);
  overflow:hidden;
}
.theme-preview-action.is-primary{
  height:44px;
  border-color:transparent;
  background:var(--t-gradient);
  color:var(--t-button-text);
  box-shadow:0 8px 18px color-mix(in srgb,var(--t-primary) 16%,transparent);
}
.theme-preview-action>i{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  padding:7px;
  border-radius:min(var(--t-radius),9px);
  background:color-mix(in srgb,var(--t-primary) 10%,var(--t-surface));
  color:var(--t-primary);
  font-style:normal;
}
.theme-preview-action.is-primary>i{
  background:rgba(255,255,255,.17);
  color:var(--t-button-text);
}
.theme-preview-action>i svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-preview-action>span{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  text-align:left;
}
.theme-preview-action>span>strong{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:inherit;
  font:800 7px/1.1 var(--t-body),Inter,sans-serif;
}
.theme-preview-action>span>small{
  max-width:100%;
  margin-top:2px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--t-muted);
  font:500 5px/1.1 var(--t-body),Inter,sans-serif;
}
.theme-preview-action.is-primary>span>small{color:inherit;opacity:.78}
.theme-preview-action>b{
  width:17px;
  height:17px;
  display:grid;
  place-items:center;
  color:var(--t-muted);
  border-radius:50%;
  font:700 8px/1 var(--t-body),Inter,sans-serif;
}
.theme-preview-action.is-primary>b{
  color:var(--t-button-text);
  background:rgba(0,0,0,.12);
}
/* preserve theme personality without allowing geometry to change */
.theme-character[data-theme-layout="soft"] .theme-preview-action:not(.is-primary){border-color:transparent;box-shadow:0 5px 12px color-mix(in srgb,var(--t-primary) 8%,transparent)}
.theme-character[data-theme-layout="bold"] .theme-preview-action:not(.is-primary){border-width:1.5px;box-shadow:2px 2px 0 var(--t-border)}
.theme-character[data-theme-layout="editorial"] .theme-preview-action.is-primary{background:var(--t-accent);color:var(--t-button-text)}
.theme-character[data-theme-layout="editorial"] .theme-preview-hero>em{background:none;color:var(--t-accent);-webkit-background-clip:initial;background-clip:initial}
.theme-character[data-theme-layout="gradient"] .theme-preview-action.is-primary{position:relative}
.theme-character[data-theme-layout="gradient"] .theme-preview-action.is-primary::after{content:"";position:absolute;width:58px;height:58px;border-radius:50%;right:-18px;top:-27px;background:rgba(255,255,255,.16)}
.theme-character[data-theme-layout="dark"] .theme-preview-avatar,
.theme-character[data-theme-layout="image"] .theme-preview-avatar{box-shadow:0 5px 14px rgba(0,0,0,.24)}
.theme-character[data-theme-layout="image"] .theme-screen-static::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(180deg,color-mix(in srgb,var(--t-primary) 10%,transparent),transparent 32%);
}
@media(max-width:700px){
  .theme-screen-static{padding:45px 11px 11px!important;border-radius:30px!important}
  .theme-preview-brand{height:62px}
  .theme-preview-avatar{width:32px;height:32px;flex-basis:32px;font-size:15px}
  .theme-preview-hero{height:88px}
  .theme-preview-hero>strong,.theme-preview-hero>em{font-size:18px}
  .theme-preview-action{height:36px;grid-template-columns:25px minmax(0,1fr) 16px;padding:5px 6px}
  .theme-preview-action.is-primary{height:41px}
  .theme-preview-action>i{width:25px;height:25px;padding:6px}
}

/* Patch 33 · user supplied adaptive icon set */
.theme-preview-action>i svg.tapinn-icon{display:block;width:100%;height:100%;color:inherit}
.theme-preview-action>i svg.icon-fill{fill:currentColor!important;stroke:none!important}
.theme-preview-action>i svg.icon-stroke{fill:none!important;stroke:currentColor!important}

/* Patch 35 · homepage hero uses the real Gece Neonu theme language */
.hero-night-visual{
  background:
    radial-gradient(circle at 72% 23%,color-mix(in srgb,var(--hn-secondary) 28%,transparent),transparent 30%),
    radial-gradient(circle at 34% 62%,color-mix(in srgb,var(--hn-primary) 20%,transparent),transparent 34%),
    linear-gradient(145deg,#f7f8ff,#eef0ff);
}
.hero-night-phone{
  position:absolute;
  right:58px;
  top:26px;
  width:258px;
  height:492px;
  padding:9px;
  border-radius:45px;
  background:linear-gradient(150deg,#242735,#080a10);
  box-shadow:0 38px 70px rgba(23,24,40,.28),0 0 0 1px rgba(255,255,255,.22) inset;
  z-index:2;
}
.hero-night-screen{
  position:relative;
  width:100%;
  height:100%;
  padding:54px 15px 14px;
  overflow:hidden;
  border-radius:36px;
  background:var(--hn-bg);
  color:var(--hn-text);
  font-family:var(--hn-body),Inter,system-ui,sans-serif;
  isolation:isolate;
}
.hero-night-screen::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 88% 7%,var(--hn-secondary),transparent 31%),
    radial-gradient(circle at 8% 2%,var(--hn-primary),transparent 27%);
  opacity:.17;
}
.hero-night-notch{
  position:absolute;
  z-index:8;
  left:50%;
  top:17px;
  width:88px;
  height:25px;
  transform:translateX(-50%);
  border-radius:999px;
  background:#07090e;
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset;
}
.hero-night-aura{
  position:absolute;
  z-index:0;
  width:120px;
  height:120px;
  right:-58px;
  top:206px;
  border-radius:50%;
  background:var(--hn-secondary);
  opacity:.10;
  filter:blur(1px);
}
.hero-night-brand,.hero-night-divider,.hero-night-copy,.hero-night-line,.hero-night-actions{position:relative;z-index:1}
.hero-night-brand{
  height:72px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
}
.hero-night-avatar{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:min(var(--hn-radius),13px);
  background:var(--hn-gradient);
  color:var(--hn-button-text);
  box-shadow:0 7px 18px color-mix(in srgb,var(--hn-primary) 30%,transparent);
  font:850 18px/1 var(--hn-heading),Inter,sans-serif;
}
.hero-night-brand>strong{
  margin-top:6px;
  font:800 12px/1.05 var(--hn-heading),Inter,sans-serif;
}
.hero-night-brand>small{
  margin-top:3px;
  color:var(--hn-muted);
  font:500 6px/1.1 var(--hn-body),Inter,sans-serif;
}
.hero-night-divider{
  height:1px;
  margin:3px 0 11px;
  background:linear-gradient(90deg,transparent,var(--hn-border) 15%,var(--hn-border) 85%,transparent);
}
.hero-night-copy{
  height:102px;
  overflow:hidden;
  text-align:left;
}
.hero-night-copy>strong,.hero-night-copy>em{
  display:block;
  letter-spacing:-1px;
  font:850 22px/.95 var(--hn-heading),Inter,sans-serif;
}
.hero-night-copy>strong{color:var(--hn-text)}
.hero-night-copy>em{
  margin-top:1px;
  font-style:normal;
  background:var(--hn-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.hero-night-copy>small{
  display:block;
  margin-top:9px;
  color:var(--hn-muted);
  font:500 6.5px/1.4 var(--hn-body),Inter,sans-serif;
  white-space:nowrap;
}
.hero-night-line{
  height:19px;
  display:flex;
  align-items:center;
  gap:7px;
  margin:0 0 8px;
}
.hero-night-line i{
  height:1px;
  flex:1;
  background:var(--hn-border);
}
.hero-night-line b{
  width:19px;
  height:19px;
  flex:0 0 19px;
  display:grid;
  place-items:center;
  border:1px solid var(--hn-border);
  border-radius:50%;
  color:var(--hn-muted);
  font-size:8px;
}
.hero-night-actions{display:grid;gap:6px}
.hero-night-action{
  height:40px;
  display:grid;
  grid-template-columns:29px minmax(0,1fr) 18px;
  align-items:center;
  gap:8px;
  padding:5px 8px;
  border:1px solid var(--hn-border);
  border-radius:min(var(--hn-radius),13px);
  background:var(--hn-surface);
  color:var(--hn-text);
  overflow:hidden;
}
.hero-night-action.is-primary{
  height:46px;
  border-color:transparent;
  background:var(--hn-gradient);
  color:var(--hn-button-text);
  box-shadow:0 9px 22px color-mix(in srgb,var(--hn-primary) 22%,transparent);
}
.hero-night-action>i{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  padding:7px;
  border-radius:10px;
  background:color-mix(in srgb,var(--hn-primary) 11%,var(--hn-surface));
  color:var(--hn-primary);
  font-style:normal;
}
.hero-night-action.is-primary>i{
  background:rgba(255,255,255,.16);
  color:var(--hn-button-text);
}
.hero-night-action>i svg.tapinn-icon{display:block;width:100%;height:100%;color:inherit}
.hero-night-action>i svg.icon-fill{fill:currentColor!important;stroke:none!important}
.hero-night-action>i svg.icon-stroke{fill:none!important;stroke:currentColor!important}
.hero-night-action>span{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:left;
}
.hero-night-action>span>strong{
  font:800 7.5px/1.1 var(--hn-body),Inter,sans-serif;
}
.hero-night-action>span>small{
  margin-top:2px;
  color:var(--hn-muted);
  font:500 5.3px/1.1 var(--hn-body),Inter,sans-serif;
}
.hero-night-action.is-primary>span>small{color:inherit;opacity:.78}
.hero-night-action>b{
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:var(--hn-muted);
  font-size:8px;
}
.hero-night-action.is-primary>b{
  color:var(--hn-button-text);
  background:rgba(0,0,0,.13);
}
.hero-night-nfc{
  background:linear-gradient(145deg,#0b101b,#111827)!important;
  border-color:#202b3d!important;
  box-shadow:0 30px 55px rgba(11,16,27,.35),0 0 34px color-mix(in srgb,var(--hn-primary) 18%,transparent)!important;
}
.hero-night-nfc span{color:var(--hn-primary)}
.hero-night-nfc b{
  background:var(--hn-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.hero-night-scribble{color:#5c63b6!important}
.hero-theme-label{
  position:absolute;
  right:72px;
  bottom:14px;
  z-index:3;
  padding:6px 9px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.7);
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(12px);
  color:#55607c;
  font-size:8px;
  font-weight:900;
  letter-spacing:1.2px;
}
@media(max-width:900px){
  .hero-night-phone{right:42px;top:30px}
}
@media(max-width:620px){
  .hero-night-phone{
    right:12px;
    top:30px;
    transform:scale(.80);
    transform-origin:top right;
  }
  .hero-night-nfc{left:18px!important;top:205px!important;width:145px!important;height:145px!important}
  .hero-night-scribble{left:18px!important;top:63px!important}
  .hero-theme-label{right:24px;bottom:18px}
}


/* Patch 37 · homepage hero NFC disc replaced with uploaded sticker artwork */
.hero-night-nfc-image{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  width:246px!important;
  height:246px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  transform:rotate(-8deg)!important;
}
.hero-night-nfc-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 20px 36px rgba(17,22,38,.28)) drop-shadow(0 8px 12px rgba(17,22,38,.18));
}
.hero-night-nfc-image span,
.hero-night-nfc-image b{display:none!important}
@media(max-width:620px){
  .hero-night-nfc-image{
    width:170px!important;
    height:170px!important;
    left:10px!important;
    top:188px!important;
  }
}


/* Patch 38 · mobile header: keep management login visible */
@media(max-width:620px){
  .site-nav{
    height:72px;
    padding:0 12px!important;
    gap:8px!important;
  }
  .site-nav .site-brand{
    flex:0 0 auto;
    font-size:22px!important;
    letter-spacing:-1.5px;
  }
  .site-nav .site-brand i{
    width:6px;
    height:6px;
    margin-left:3px;
  }
  .nav-actions{
    margin-left:auto;
    display:flex!important;
    align-items:center;
    justify-content:flex-end;
    gap:6px!important;
    min-width:0;
  }
  .nav-actions .login{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    min-height:36px;
    padding:8px 10px!important;
    border:1px solid #dfe3f2;
    border-radius:11px;
    background:rgba(255,255,255,.88);
    color:#29314f;
    font-size:9px;
    font-weight:800;
    white-space:nowrap;
    box-shadow:0 5px 14px rgba(45,53,91,.06);
  }
  .nav-actions .nav-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    max-width:128px!important;
    padding:8px 10px!important;
    font-size:8.5px!important;
    line-height:1.15;
    text-align:center;
    white-space:normal;
  }
}
@media(max-width:370px){
  .site-nav{padding:0 9px!important;gap:5px!important}
  .site-nav .site-brand{font-size:20px!important}
  .nav-actions{gap:4px!important}
  .nav-actions .login{padding:7px 8px!important;font-size:8.5px}
  .nav-actions .nav-cta{max-width:112px!important;padding:7px 8px!important;font-size:8px!important}
}