/* Main design: original stylesheet 1. */
:root{
  --bg:#03050b;--bg2:#070b15;--panel:rgba(10,16,29,.68);--panel2:rgba(17,26,45,.58);
  --text:#f1f5ff;--muted:#9eacc4;--dim:#64728a;
  --line:rgba(255,255,255,.085);--line2:rgba(255,255,255,.16);
  --cyan:#22d3ee;--blue:#3b82f6;--violet:#8b5cf6;--pink:#d946ef;--green:#34d399;--amber:#fbbf24;
  --gradient:linear-gradient(105deg,#22d3ee 0%,#3b82f6 36%,#8b5cf6 72%,#d946ef 100%);
  --gradient2:linear-gradient(135deg,#22d3ee,#8b5cf6);
  --radius:24px;--radius2:16px;--max:1240px;--gutter:clamp(16px,4vw,42px);--header:72px;
  --shadow:0 35px 90px -38px rgba(0,0,0,.9);--ease:cubic-bezier(.22,.68,0,1);
}
body.light{
  --bg:#f4f7fc;--bg2:#fff;--panel:rgba(255,255,255,.78);--panel2:rgba(246,249,254,.9);
  --text:#0b1425;--muted:#45536b;--dim:#748198;--line:rgba(12,30,65,.09);--line2:rgba(12,30,65,.16);
  --shadow:0 30px 70px -40px rgba(20,45,90,.25);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 18px);-webkit-text-size-adjust:100%}
body{
  min-height:100vh;background:var(--bg);color:var(--text);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;
  overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .35s,color .35s;
}
body.lock{overflow:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
img,svg,canvas{display:block;max-width:100%}
ul{list-style:none}
::selection{background:rgba(139,92,246,.35);color:#fff}
::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:linear-gradient(#3b82f6,#8b5cf6);border-radius:99px;border:2px solid var(--bg)}
h1,h2,h3,h4{font-family:Sora,Inter,sans-serif;line-height:1.05;letter-spacing:-.035em}
.container{width:min(calc(100% - 2*var(--gutter)),var(--max));margin:auto}
.section{position:relative;padding:clamp(75px,9vw,125px) 0}
.section-head{max-width:780px;margin:0 auto clamp(38px,5vw,62px);text-align:center}
.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:17px;color:var(--cyan);font-size:.68rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.eyebrow:before{content:"";width:24px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan))}
.section-title{font-size:clamp(2rem,4.8vw,3.5rem)}
.section-desc{margin-top:17px;color:var(--muted);font-size:clamp(.9rem,1.5vw,1rem);line-height:1.85}
.gradient{background:var(--gradient);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient 7s ease infinite}
@keyframes gradient{50%{background-position:100% 50%}}

.bg{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:
 radial-gradient(ellipse 80% 55% at 50% -10%,rgba(59,130,246,.17),transparent 65%),
 radial-gradient(ellipse 55% 45% at 95% 28%,rgba(139,92,246,.13),transparent 65%),
 radial-gradient(ellipse 50% 50% at 0 70%,rgba(34,211,238,.07),transparent 65%),var(--bg)}
.bg:before{content:"";position:absolute;inset:-35%;background:
 radial-gradient(circle at 18% 30%,rgba(34,211,238,.18),transparent 38%),
 radial-gradient(circle at 82% 25%,rgba(139,92,246,.2),transparent 42%),
 radial-gradient(circle at 62% 78%,rgba(217,70,239,.12),transparent 42%);
 filter:blur(75px);animation:aurora 24s ease-in-out infinite alternate}
.bg:after{content:"";position:absolute;inset:0;background-image:
 linear-gradient(rgba(120,160,255,.045) 1px,transparent 1px),
 linear-gradient(90deg,rgba(120,160,255,.045) 1px,transparent 1px);
 background-size:64px 64px;mask-image:radial-gradient(ellipse 85% 70% at 50% 20%,#000 15%,transparent 78%)}
@keyframes aurora{0%{transform:translate(-3%,-2%) scale(1)}50%{transform:translate(3%,4%) scale(1.08)}100%{transform:translate(5%,-3%) scale(1.03)}}
.noise{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(../%23n)'/%3E%3C/svg%3E")}
#network{position:absolute;inset:0;width:100%;height:100%;opacity:.5}
.cursor{position:fixed;width:500px;height:500px;border-radius:50%;pointer-events:none;z-index:1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(59,130,246,.12),rgba(139,92,246,.055) 40%,transparent 68%);opacity:0;transition:opacity .4s}
@media(hover:hover) and (pointer:fine){.cursor{opacity:1}}

.progress{position:fixed;left:0;top:0;width:100%;height:2px;z-index:10000}.progress span{display:block;width:0;height:100%;background:var(--gradient);box-shadow:0 0 15px #3b82f6}
.header{position:sticky;top:0;z-index:9000;height:var(--header);border-bottom:1px solid transparent;transition:.35s var(--ease)}
.header.scrolled{background:color-mix(in srgb,var(--bg) 75%,transparent);border-color:var(--line);backdrop-filter:blur(22px) saturate(160%);box-shadow:0 20px 55px -40px #000}
.header-inner{height:100%;display:flex;align-items:center;gap:20px}
.logo{display:flex;align-items:center;gap:10px;flex:none}.mark{width:41px;height:41px;border-radius:13px;display:grid;place-items:center;color:#04070e;font:800 .62rem Sora;background:var(--gradient);box-shadow:0 0 28px -6px #3b82f6;position:relative;overflow:hidden}.mark:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.55) 50%,transparent 75%);transform:translateX(-120%);animation:shine 4.5s infinite}@keyframes shine{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.logo-name{font:800 1.12rem Sora;letter-spacing:-.05em}.logo-name b{background:linear-gradient(90deg,#22d3ee,#3b82f6);-webkit-background-clip:text;color:transparent}.logo-name i{font-style:normal;background:linear-gradient(90deg,#8b5cf6,#d946ef);-webkit-background-clip:text;color:transparent}
.nav{display:flex;align-items:center;gap:3px;margin-left:auto}.nav a{padding:9px 13px;border-radius:999px;color:var(--muted);font-size:.79rem;font-weight:700;transition:.25s}.nav a:hover,.nav a.active{color:var(--text);background:rgba(255,255,255,.055)}
.actions{display:flex;align-items:center;gap:8px;margin-left:7px}.icon-btn{width:41px;height:41px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--panel2);transition:.25s}.icon-btn:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.5);color:var(--cyan)}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:0 22px;border-radius:999px;font-size:.82rem;font-weight:800;white-space:nowrap;overflow:hidden;transition:.3s var(--ease)}
.btn.primary{color:#fff;background:var(--gradient);background-size:200% auto;box-shadow:0 14px 35px -13px #3b82f6,inset 0 1px rgba(255,255,255,.2)}
.btn.primary:hover{transform:translateY(-3px);background-position:100% 50%;box-shadow:0 22px 48px -15px #8b5cf6}
.btn.ghost{border:1px solid var(--line2);background:var(--panel2);backdrop-filter:blur(14px)}.btn.ghost:hover{transform:translateY(-3px);border-color:rgba(34,211,238,.55);box-shadow:0 0 0 1px rgba(34,211,238,.12),0 18px 40px -20px #22d3ee}
.btn.sm{min-height:40px;padding:0 16px;font-size:.74rem}.arrow{transition:.3s}.btn:hover .arrow{transform:translateX(4px)}
.menu{display:none;position:relative}.menu span{position:absolute;width:17px;height:2px;border-radius:4px;background:currentColor;transition:.3s}.menu span:nth-child(1){top:14px}.menu span:nth-child(2){top:20px}.menu span:nth-child(3){top:26px}.menu.open span:nth-child(1){top:20px;transform:rotate(45deg)}.menu.open span:nth-child(2){opacity:0}.menu.open span:nth-child(3){top:20px;transform:rotate(-45deg)}
.drawer{position:absolute;top:calc(var(--header) - 5px);left:var(--gutter);right:var(--gutter);padding:13px;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--bg2) 95%,transparent);backdrop-filter:blur(25px);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-10px) scale(.98);transition:.3s var(--ease)}.drawer.open{opacity:1;visibility:visible;transform:none}.drawer a{display:flex;justify-content:space-between;padding:13px 14px;border-radius:13px;color:var(--muted);font-weight:700;font-size:.86rem}.drawer a:hover{background:rgba(255,255,255,.05);color:var(--text)}.drawer hr{border:0;border-top:1px solid var(--line);margin:8px 4px}.drawer .row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:3px}

.hero{padding:clamp(48px,7vw,85px) 0 80px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(35px,5vw,78px)}.hero-copy{text-align:left}.pill{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 10px;border:1px solid rgba(34,211,238,.22);border-radius:999px;background:linear-gradient(120deg,rgba(34,211,238,.08),rgba(139,92,246,.08));color:var(--muted);font-size:.69rem;font-weight:700;margin-bottom:25px}.pill .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:ping 2s infinite}@keyframes ping{70%{box-shadow:0 0 0 10px transparent}}
.hero h1{font-size:clamp(2.65rem,6.2vw,4.75rem);line-height:.98}.hero h1 span{display:block}.hero-desc{max-width:620px;margin-top:23px;color:var(--muted);font-size:1rem;line-height:1.85}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:31px}.trust{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:25px}.trust li{display:flex;align-items:center;gap:7px;color:var(--dim);font-size:.75rem;font-weight:600}.trust svg{color:var(--green)}

.stage{position:relative;max-width:540px;width:100%;aspect-ratio:1;margin:auto;display:grid;place-items:center}.halo{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.28),rgba(139,92,246,.12) 44%,transparent 68%);filter:blur(28px);animation:halo 6s ease-in-out infinite}@keyframes halo{50%{transform:scale(1.08);opacity:1}}
.ring{position:absolute;border-radius:50%}.r1{inset:0;border:1px solid rgba(120,160,255,.18);animation:spin 34s linear infinite}.r2{inset:11%;border:1px dashed rgba(34,211,238,.22);animation:spin 25s linear infinite reverse}.r3{inset:23%;border:1px solid rgba(139,92,246,.22);animation:spin 19s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.core{position:relative;z-index:3;width:45%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;padding:8%;border:1px solid rgba(120,160,255,.3);background:radial-gradient(circle at 30% 25%,rgba(34,211,238,.28),transparent 52%),radial-gradient(circle at 75% 75%,rgba(139,92,246,.27),transparent 55%),color-mix(in srgb,var(--bg2) 91%,transparent);box-shadow:0 0 90px -10px #3b82f6,inset 0 1px rgba(255,255,255,.13);backdrop-filter:blur(15px)}.core:before{content:"";position:absolute;inset:-9%;border-radius:50%;border:1px solid rgba(34,211,238,.24);animation:core 3.5s infinite}@keyframes core{50%{transform:scale(1.07);opacity:.9}}
.core-icon{width:34%;aspect-ratio:1;margin:0 auto 9%;display:grid;place-items:center;border-radius:30%;color:#fff;background:var(--gradient);box-shadow:0 0 34px -5px #8b5cf6}.core strong{display:block;font:800 clamp(11px,3.4cqw,17px)/1.15 Sora}.core small{display:block;margin-top:7%;font-size:clamp(5px,1.5cqw,8px);letter-spacing:.22em;font-weight:800;color:var(--dim)}
.chip{position:absolute;z-index:5;width:45px;height:45px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:14px;background:color-mix(in srgb,var(--bg2) 86%,transparent);backdrop-filter:blur(15px);font-size:.64rem;font-weight:800;box-shadow:var(--shadow)}.chip.a{top:0;left:50%;transform:translateX(-50%);color:var(--cyan)}.chip.b{right:0;top:50%;transform:translateY(-50%);color:var(--violet)}.chip.c{bottom:0;left:50%;transform:translateX(-50%);color:var(--pink)}.chip.d{left:0;top:50%;transform:translateY(-50%);color:var(--green)}
.float{position:absolute;z-index:6;padding:11px 13px;min-width:135px;border:1px solid var(--line2);border-radius:15px;background:color-mix(in srgb,var(--bg2) 86%,transparent);backdrop-filter:blur(18px);box-shadow:var(--shadow);animation:float 6s ease-in-out infinite}.float small{display:block;color:var(--dim);font-size:.55rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.float strong{display:block;margin-top:4px;font-size:.78rem}.float em{display:block;margin-top:4px;color:var(--green);font-style:normal;font-size:.57rem;font-weight:700}.f1{top:7%;left:-4%}.f2{top:23%;right:-6%;animation-delay:-2s}.f3{bottom:8%;left:3%;animation-delay:-4s}@keyframes float{50%{transform:translateY(-11px)}}

.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border:1px solid var(--line);border-radius:22px;background:var(--panel);backdrop-filter:blur(20px);overflow:hidden}.stat{padding:25px 21px;border-right:1px solid var(--line);position:relative}.stat:last-child{border:0}.stat:hover{background:rgba(255,255,255,.025)}.stat strong{font:700 1rem Sora}.stat span{display:block;margin-top:5px;color:var(--dim);font-size:.7rem}.stat:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient);opacity:0;transition:.3s}.stat:hover:before{opacity:1}
.marquee{margin-top:50px;padding:17px 0;border-block:1px solid var(--line);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.track{display:flex;width:max-content;gap:55px;animation:marquee 30s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.track span{display:flex;align-items:center;gap:12px;color:var(--dim);font:600 .72rem Sora;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}.track span:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px #22d3ee}

.grid3{display:grid;grid-template-columns:1.06fr 1fr 1fr;gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{position:relative;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);backdrop-filter:blur(18px);overflow:hidden;transition:.45s var(--ease)}.card:hover{transform:translateY(-6px);border-color:rgba(120,160,255,.3);box-shadow:0 34px 75px -38px #3b82f6}.card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(400px circle at var(--mx,50%) var(--my,0),rgba(59,130,246,.13),transparent 60%);opacity:0;transition:.35s;pointer-events:none}.card:hover:after{opacity:1}
.card-border{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;overflow:hidden;transition:.4s;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px}.card:hover .card-border{opacity:1}.card-border:before{content:"";position:absolute;top:50%;left:50%;width:180%;aspect-ratio:1;background:conic-gradient(transparent,#22d3ee,#8b5cf6,transparent 35%);transform:translate(-50%,-50%);animation:spin 4.5s linear infinite}

.product{padding:29px 27px;min-height:445px;display:flex;flex-direction:column}.product.featured{background:radial-gradient(circle at 100% 0,rgba(59,130,246,.15),transparent 45%),radial-gradient(circle at 0 100%,rgba(139,92,246,.11),transparent 45%),var(--panel)}.tag{position:absolute;top:20px;right:20px;padding:5px 10px;border-radius:999px;color:#03050b;background:var(--gradient);font-size:.57rem;font-weight:900;letter-spacing:.13em}.product-icon,.aud-icon{width:53px;height:53px;display:grid;place-items:center;border:1px solid rgba(120,160,255,.2);border-radius:16px;background:linear-gradient(140deg,rgba(34,211,238,.15),rgba(139,92,246,.13));font-size:1.2rem;color:var(--cyan);margin-bottom:22px}.product h3{font-size:1.3rem}.product>p,.aud p{margin-top:11px;color:var(--muted);font-size:.83rem;line-height:1.75}.features{display:grid;gap:9px;margin-top:20px;flex:1}.features li{display:flex;gap:9px;color:var(--muted);font-size:.78rem}.features svg{color:var(--green);flex:none;margin-top:4px}.product-actions{display:flex;gap:9px;margin-top:26px}.product-actions .btn{flex:1}

.aud{padding:26px 23px}.aud-icon{margin-bottom:18px}.aud h3{font-size:1rem}.split{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(40px,6vw,85px);align-items:center}.split h2{font-size:clamp(2rem,4.3vw,3.1rem)}.split-copy>p{margin-top:19px;color:var(--muted);line-height:1.85;font-size:.93rem}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-top:28px}.checks li{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.8rem}.checks b{width:19px;height:19px;display:grid;place-items:center;border-radius:6px;background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.25);color:var(--green);font-size:.62rem}
.control-visual{position:relative;min-height:300px;padding:22px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(ellipse 90% 70% at 50% 0,rgba(59,130,246,.13),transparent 65%),var(--panel);overflow:hidden;box-shadow:0 28px 70px -50px #3b82f6}.control-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(34,211,238,.05),transparent 42%,rgba(139,92,246,.06));pointer-events:none}.control-head,.control-grid,.control-foot{position:relative;z-index:1}.control-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:2px 2px 18px;border-bottom:1px solid var(--line)}.control-kicker{display:block;color:var(--dim);font:800 .54rem Inter;letter-spacing:.17em;text-transform:uppercase}.control-head strong{display:block;margin-top:5px;font:800 1.05rem Sora}.live{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(52,211,153,.22);border-radius:999px;background:rgba(52,211,153,.07);color:var(--green);font:800 .52rem Inter;letter-spacing:.1em}.live i,.control-foot i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:17px 0}.control-item{display:flex;align-items:center;gap:11px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--bg2) 55%,transparent);transition:.3s}.control-item:hover{transform:translateY(-2px);border-color:rgba(120,160,255,.28);background:color-mix(in srgb,var(--bg2) 75%,transparent)}.control-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:11px;border:1px solid currentColor;background:color-mix(in srgb,currentColor 10%,transparent);font-weight:900}.control-icon.cyan{color:var(--cyan)}.control-icon.violet{color:var(--violet)}.control-icon.pink{color:var(--pink)}.control-icon.green{color:var(--green)}.control-item div{min-width:0}.control-item div strong{display:block;font:700 .76rem Sora}.control-item div small{display:block;margin-top:3px;color:var(--dim);font-size:.6rem}.control-item>b{margin-left:auto;color:var(--text);font:800 .72rem "JetBrains Mono"}.control-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid var(--line);color:var(--dim);font-size:.58rem}.control-foot span:first-child{display:flex;align-items:center;gap:7px;color:var(--muted)}

.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{padding:28px 21px;text-align:center}.num{width:55px;height:55px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:var(--gradient);color:#fff;font:800 .82rem Sora;box-shadow:0 0 0 6px color-mix(in srgb,var(--bg) 85%,transparent),0 12px 35px -10px #3b82f6}.step h3{font-size:1rem}.step p{margin-top:9px;color:var(--muted);font-size:.79rem;line-height:1.75}
.dev{border-block:1px solid var(--line);background:radial-gradient(ellipse 60% 90% at 85% 50%,rgba(139,92,246,.13),transparent 60%),radial-gradient(ellipse 50% 70% at 8% 40%,rgba(34,211,238,.07),transparent 60%)}.devgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,75px);align-items:center}.points{display:grid;gap:17px;margin-top:28px}.point{display:flex;gap:13px}.point i{width:38px;height:38px;flex:none;display:grid;place-items:center;border:1px solid rgba(120,160,255,.2);border-radius:12px;color:var(--cyan);background:rgba(34,211,238,.08);font-style:normal}.point strong{display:block;font-size:.86rem}.point span{display:block;margin-top:3px;color:var(--muted);font-size:.76rem}.code{border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--bg2) 94%,transparent);overflow:hidden;box-shadow:var(--shadow)}.bar{display:flex;align-items:center;gap:7px;padding:13px 17px;border-bottom:1px solid var(--line)}.dot{width:9px;height:9px;border-radius:50%}.r{background:#ff5f57}.y{background:#febc2e}.g{background:#28c840}.file{margin-left:9px;color:var(--dim);font:600 .68rem "JetBrains Mono"}.codebody{position:relative;padding:23px 20px;overflow:auto;font:500 .73rem/2 "JetBrains Mono",monospace;color:#8ea3bf}.codebody:after{content:"";position:absolute;left:0;right:0;height:55px;background:linear-gradient(180deg,transparent,rgba(34,211,238,.06),transparent);animation:scan 6s linear infinite}@keyframes scan{from{top:-60px}to{top:100%}}.k{color:#c084fc}.v{color:#60a5fa}.s{color:#34d399}.f{color:#fbbf24}.n{color:#fb7185}.cm{color:#52617a;font-style:italic}.caret{display:inline-block;width:7px;height:14px;background:var(--cyan);vertical-align:-2px;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}

.pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.price{padding:29px 24px;display:flex;flex-direction:column}.price.popular{border-color:rgba(139,92,246,.4);background:radial-gradient(circle at 100% 0,rgba(139,92,246,.15),transparent 48%),var(--panel);box-shadow:0 0 0 1px rgba(139,92,246,.12),0 40px 80px -45px #8b5cf6;transform:translateY(-9px)}.price.popular:hover{transform:translateY(-15px)}.popular-badge{position:absolute;top:19px;right:19px;padding:5px 10px;border-radius:999px;background:var(--gradient);font-size:.55rem;font-weight:900;letter-spacing:.12em}.price h3{font-size:1.06rem}.sub{margin-top:7px;color:var(--dim);font-size:.75rem}.amount{margin:20px 0 3px;font:800 2rem Sora;letter-spacing:-.04em}.amount small{font:500 .65rem Inter;color:var(--dim);letter-spacing:0}.price ul{display:grid;gap:10px;margin:22px 0 27px;flex:1}.price li{display:flex;gap:9px;color:var(--muted);font-size:.76rem}.price li svg{color:var(--green);flex:none;margin-top:4px}.price .btn{width:100%}.note{text-align:center;margin-top:20px;color:var(--dim);font-size:.7rem}

.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.review{padding:28px 24px;display:flex;flex-direction:column}.stars{color:var(--amber);letter-spacing:2px}.review p{margin:17px 0 23px;color:var(--muted);font-size:.82rem;line-height:1.8;flex:1}.person{display:flex;gap:11px;align-items:center;padding-top:17px;border-top:1px solid var(--line)}.avatar{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:var(--gradient);color:#fff;font:800 .67rem Sora}.person strong{display:block;font-size:.78rem}.person span{display:block;color:var(--dim);font-size:.68rem;margin-top:2px}.sample{margin-top:12px!important;font-size:.62rem!important;color:var(--dim)!important;opacity:.75}

.roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.road{padding:25px 21px}.status{display:inline-block;padding:4px 9px;border:1px solid rgba(34,211,238,.24);border-radius:999px;background:rgba(34,211,238,.08);color:var(--cyan);font-size:.55rem;font-weight:900;letter-spacing:.12em}.road h3{margin-top:15px;font-size:.96rem}.road p{margin-top:9px;color:var(--muted);font-size:.76rem;line-height:1.75}
.faq{max-width:880px;margin:auto;display:grid;gap:11px}.faqitem{border:1px solid var(--line);border-radius:17px;background:var(--panel);backdrop-filter:blur(15px);overflow:hidden}.faqitem.active{border-color:rgba(120,160,255,.32)}.faqq{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;padding:19px 21px;font:600 .88rem Sora}.plus{width:28px;height:28px;flex:none;display:grid;place-items:center;border:1px solid var(--line2);border-radius:9px;color:var(--cyan);transition:.35s}.faqitem.active .plus{transform:rotate(45deg);background:rgba(34,211,238,.1)}.faqa{max-height:0;overflow:hidden;transition:max-height .45s var(--ease)}.faqa p{padding:0 21px 20px;color:var(--muted);font-size:.81rem;line-height:1.85}

.cta{position:relative;margin-bottom:90px;padding:clamp(50px,8vw,85px) 25px;border:1px solid rgba(120,160,255,.22);border-radius:32px;text-align:center;overflow:hidden;background:radial-gradient(ellipse 70% 120% at 50% 0,rgba(59,130,246,.21),transparent 60%),radial-gradient(ellipse 60% 100% at 80% 100%,rgba(139,92,246,.17),transparent 60%),var(--panel);box-shadow:0 60px 120px -65px #3b82f6}.cta:before{content:"";position:absolute;width:min(700px,90%);aspect-ratio:1;left:50%;top:-58%;transform:translateX(-50%);border:1px solid rgba(120,160,255,.1);border-radius:50%;box-shadow:0 0 0 60px rgba(120,160,255,.025),0 0 0 130px rgba(120,160,255,.018)}.cta>*{position:relative;z-index:2}.cta h2{font-size:clamp(2rem,5vw,3.5rem)}.cta p{max-width:620px;margin:20px auto 31px;color:var(--muted);line-height:1.8}.cta-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}


/* Premium OwnSMMPanel footer — responsive production build */
.premium-footer{position:relative;overflow:hidden;padding:72px 0 28px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(5,10,24,.35),rgba(2,6,18,.96));}

/* Footer rendering safety */
.premium-footer *{box-sizing:border-box}.pf-top,.pf-columns,.pf-stats,.pf-accept,.pf-bottom{min-width:0}.pf-contact{min-width:0}.pf-contact-item{min-width:0}.pf-contact-item > span{max-width:calc(100% - 61px)}
.premium-footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(34,211,238,.055),transparent 34%),radial-gradient(circle at 85% 10%,rgba(168,85,247,.08),transparent 34%);pointer-events:none}
.pf-top,.pf-divider,.pf-columns,.pf-stats,.pf-accept,.pf-bottom{position:relative;z-index:2}
.pf-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,1.25fr);gap:64px;align-items:center}
.pf-brand .logo{width:max-content}.pf-brand p{max-width:470px;margin:22px 0 20px;color:var(--muted);font-size:.86rem;line-height:1.75}
.pf-socials{display:flex;gap:12px;flex-wrap:wrap}.pf-social{width:45px;height:45px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:13px;background:rgba(255,255,255,.025);color:#a9b9ff;transition:.25s}.pf-social svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.pf-social:hover{transform:translateY(-3px);color:#fff;border-color:rgba(34,211,238,.5);background:rgba(34,211,238,.08)}
.pf-social.telegram{color:#29a9ea}.pf-social.whatsapp{color:#25d366}.pf-social.youtube{color:#ff3d62}.pf-social.instagram{color:#f05cff}.pf-social.facebook{color:#4da3ff}.pf-social.twitter{color:#38aef5}
.pf-newsletter{display:grid;grid-template-columns:70px 1fr;gap:0 18px;padding:28px;border:1px solid rgba(102,126,255,.28);border-radius:24px;background:linear-gradient(115deg,rgba(35,62,145,.2),rgba(104,36,174,.15));box-shadow:inset 0 1px rgba(255,255,255,.04),0 25px 70px -45px rgba(84,68,255,.7)}
.pf-news-icon{width:66px;height:66px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,rgba(74,45,181,.38),rgba(154,57,255,.22));border:1px solid rgba(169,90,255,.35);color:#dc7cff}.pf-news-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pf-news-copy span{font:800 .55rem Inter;letter-spacing:.18em;color:#b77cff}.pf-news-copy h3{margin:3px 0 6px;font-size:1.28rem}.pf-news-copy p{margin:0;color:var(--muted);font-size:.74rem;line-height:1.55}
.pf-news-form{grid-column:1/-1;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;margin-top:20px;padding:5px 6px 5px 15px;border:1px solid #5261a0;border-radius:15px;background:rgba(2,6,18,.35)}.pf-news-form svg{width:20px;height:20px;fill:none;stroke:#a9b9ff;stroke-width:1.6}.pf-news-form input{min-width:0;height:46px;border:0;outline:0;background:transparent;color:var(--text);font:500 .76rem Inter}.pf-news-form input::placeholder{color:var(--dim)}.pf-news-form button{height:46px;padding:0 23px;border:0;border-radius:12px;background:var(--gradient);color:white;font:800 .73rem Inter;cursor:pointer;box-shadow:0 12px 25px -15px #3b82f6}.pf-news-form button b{font-size:1.2rem;margin-left:8px}.pf-privacy{grid-column:1/-1;margin-top:12px;color:var(--dim);font-size:.63rem}.pf-privacy span{color:#a9b9ff;margin-right:8px}
.pf-divider{height:1px;margin:48px 0 42px;background:var(--line)}
.pf-columns{display:grid;grid-template-columns:1.05fr 1.05fr 1fr 1.15fr;gap:45px}.pf-col h4,.pf-accept h4{margin:0 0 22px;color:var(--text);font:800 .73rem Inter;letter-spacing:.13em;text-transform:uppercase}.pf-col h4:after,.pf-accept h4:after{content:"";display:block;width:35px;height:3px;margin-top:10px;border-radius:99px;background:var(--gradient)}.pf-col>a:not(.pf-contact-item){display:flex;align-items:center;gap:13px;margin-bottom:17px;color:var(--muted);font-size:.77rem;transition:.2s}.pf-col>a:not(.pf-contact-item):hover{color:var(--text);transform:translateX(3px)}.pf-col>a>span{width:18px;text-align:center;color:#aab9ff;font-size:.95rem}.pf-contact-item{display:flex;align-items:center;gap:13px;margin-bottom:13px}.pf-contact-item i{width:48px;height:48px;display:grid;place-items:center;flex:none;border:1px solid rgba(75,130,255,.25);border-radius:14px;background:rgba(30,105,190,.12);font-style:normal;font-size:1.15rem;color:#35b7ff}.pf-contact-item i.call{color:#2fe49a;background:rgba(20,180,120,.11);border-color:rgba(47,228,154,.24)}.pf-contact-item i.tele{color:#2aaeff}.pf-contact-item i.site{color:#e36bff;background:rgba(220,70,255,.1);border-color:rgba(220,70,255,.24)}.pf-contact-item > span{display:flex;flex:1 1 auto;flex-direction:column;gap:3px;min-width:0;width:auto!important;text-align:left!important;color:inherit;overflow:visible}.pf-contact-item > span b,.pf-contact-item > span small{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal}.pf-contact-item b{color:var(--text);font-size:.72rem}.pf-contact-item small{color:var(--muted);font-size:.65rem;overflow-wrap:anywhere}
.pf-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:42px;border:1px solid var(--line2);border-radius:22px;background:rgba(10,18,38,.5);overflow:hidden}.pf-stats>div{display:flex;align-items:center;gap:14px;padding:22px 25px;position:relative}.pf-stats>div+div:before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:1px;background:var(--line)}.pf-stats i{width:45px;height:45px;display:grid;place-items:center;border:1px solid rgba(34,211,238,.3);border-radius:13px;background:rgba(34,211,238,.08);color:var(--cyan);font-style:normal;font-size:1.15rem}.pf-stats>div:nth-child(2) i{color:#36e6a2;border-color:rgba(54,230,162,.3);background:rgba(54,230,162,.07)}.pf-stats>div:nth-child(3) i{color:#ffd65a;border-color:rgba(255,214,90,.25);background:rgba(255,214,90,.06)}.pf-stats>div:nth-child(4) i{color:#e879ff;border-color:rgba(232,121,255,.28);background:rgba(232,121,255,.06)}.pf-stats span{display:flex;flex-direction:column;gap:3px}.pf-stats strong{font:800 1.05rem Sora}.pf-stats small{color:var(--muted);font-size:.58rem}
.pf-accept{display:flex;align-items:center;justify-content:flex-end;gap:24px;margin-top:32px;padding-bottom:24px;border-bottom:1px solid var(--line)}.pf-accept h4{margin:0}.pf-accept h4:after{margin-top:7px}.payment-badges{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.payment-badges>span{height:39px;min-width:58px;padding:0 12px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025);color:#eef3ff;font-weight:900;font-size:.67rem}.payment-badges .mc{display:flex;min-width:62px;padding:0 11px}.payment-badges .mc b{width:21px;height:21px;border-radius:50%;background:#ef3340;display:block}.payment-badges .mc b+b{margin-left:-7px;background:#ffb11b;mix-blend-mode:screen}.payment-badges .paypal{font-size:.6rem}.payment-badges .paypal span{color:#4aa7ff}.payment-badges .gpay span{font-weight:500}.payment-badges .btc{color:#ffb11b;font-size:1rem}
.pf-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:25px}.pf-bottom-brand .logo{width:max-content}.pf-bottom-brand p{margin:8px 0 4px;color:var(--muted);font-size:.67rem}.pf-bottom-brand>span{color:var(--muted);font-size:.64rem}.pf-bottom-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pf-bottom-tags span{padding:7px 12px;border:1px solid var(--line);border-radius:999px;color:var(--dim);font-size:.57rem}
.pf-waves{position:absolute;left:-5%;right:-5%;bottom:-75px;height:120px;z-index:1;pointer-events:none}.pf-waves span{position:absolute;left:-5%;width:110%;height:120px;border-radius:50% 50% 0 0/70% 70% 0 0;transform:rotate(-2deg)}.pf-waves span:nth-child(1){bottom:-45px;background:linear-gradient(90deg,#133a9d,#326eff,#5726db);opacity:.72}.pf-waves span:nth-child(2){bottom:-70px;background:linear-gradient(90deg,#261e94,#7a21d8,#183cbd);opacity:.78}.pf-waves span:nth-child(3){bottom:-95px;background:linear-gradient(90deg,#3c1eb1,#155bd4,#7220df);opacity:.65}
@media(max-width:1000px){.pf-top{grid-template-columns:1fr;gap:35px}.pf-newsletter{max-width:760px}.pf-columns{grid-template-columns:repeat(2,1fr);gap:38px 55px}.pf-stats{grid-template-columns:repeat(2,1fr)}.pf-stats>div:nth-child(3):before{display:none}}
@media(max-width:620px){.premium-footer{padding:48px 0 28px}.pf-top{gap:27px}.pf-brand p{margin:16px 0 17px;font-size:.74rem;line-height:1.7}.pf-socials{gap:9px}.pf-social{width:40px;height:40px;border-radius:11px}.pf-social svg{width:19px;height:19px}.pf-newsletter{grid-template-columns:56px 1fr;padding:19px 16px;border-radius:19px;gap:0 13px}.pf-news-icon{width:54px;height:54px;border-radius:15px}.pf-news-icon svg{width:27px;height:27px}.pf-news-copy span{font-size:.48rem}.pf-news-copy h3{font-size:1rem}.pf-news-copy p{font-size:.63rem}.pf-news-form{grid-template-columns:20px 1fr;margin-top:16px;padding:5px 6px 5px 11px}.pf-news-form input{height:40px;font-size:.65rem}.pf-news-form button{height:40px;padding:0 12px;font-size:.61rem}.pf-privacy{font-size:.55rem}.pf-divider{margin:36px 0 30px}.pf-columns{grid-template-columns:1fr 1fr;gap:30px 22px}.pf-col h4{font-size:.62rem;margin-bottom:17px}.pf-col>a:not(.pf-contact-item){font-size:.68rem;margin-bottom:13px;gap:9px}.pf-col>a>span{width:16px;font-size:.85rem}.pf-contact{grid-column:1/-1}.pf-contact-item i{width:42px;height:42px;border-radius:12px}.pf-contact-item{width:100%;align-items:center}.pf-contact-item > span{width:auto!important;min-width:0;flex:1 1 auto}.pf-contact-item b{font-size:.66rem;line-height:1.35}.pf-contact-item small{font-size:.59rem;line-height:1.45;overflow-wrap:anywhere;word-break:normal}.pf-stats{grid-template-columns:1fr 1fr;margin-top:30px;border-radius:17px}.pf-stats>div{padding:16px 13px;gap:9px}.pf-stats>div+div:before{top:13px;bottom:13px}.pf-stats>div:nth-child(3):before{display:block}.pf-stats i{width:38px;height:38px;border-radius:11px;font-size:.95rem}.pf-stats strong{font-size:.85rem}.pf-stats small{font-size:.49rem}.pf-accept{display:block;margin-top:26px;padding-bottom:20px}.pf-accept h4{margin-bottom:15px}.payment-badges{gap:6px}.payment-badges>span{height:34px;min-width:49px;padding:0 8px;font-size:.56rem}.payment-badges .mc{min-width:52px}.pf-bottom{align-items:flex-start;flex-direction:column;gap:17px;padding-top:20px}.pf-bottom-brand .logo-name{font-size:1rem}.pf-bottom-brand .mark{width:38px;height:38px;font-size:.65rem}.pf-bottom-brand p{font-size:.59rem}.pf-bottom-brand>span{font-size:.55rem}.pf-bottom-tags{justify-content:flex-start}.pf-bottom-tags span{font-size:.51rem;padding:6px 9px}.pf-waves{bottom:-85px}}

@media(max-width:360px){.premium-footer{padding-left:0;padding-right:0}.pf-brand .logo-name{font-size:1.05rem}.pf-brand p{font-size:.7rem}.pf-socials{gap:7px}.pf-social{width:38px;height:38px}.pf-newsletter{padding:17px 13px}.pf-news-form{grid-template-columns:18px minmax(0,1fr);gap:7px}.pf-news-form input{font-size:.61rem}.pf-news-form button{font-size:.59rem}.pf-columns{grid-template-columns:1fr 1fr;gap:28px 12px}.pf-contact{grid-column:1/-1}.pf-contact-item > span{max-width:calc(100% - 55px)}.pf-stats{grid-template-columns:1fr 1fr}.payment-badges{display:grid;grid-template-columns:repeat(3,1fr)}.payment-badges>span{min-width:0;width:100%}}
@media(max-width:390px){.pf-newsletter{grid-template-columns:1fr}.pf-news-icon{display:none}.pf-news-copy h3{margin-top:3px}.pf-news-form{grid-template-columns:20px 1fr}.pf-news-form button{grid-column:1/-1;margin-top:4px;width:100%}.pf-columns{gap:27px 15px}.pf-stats>div{padding:14px 10px}.pf-stats i{width:34px;height:34px}.pf-stats small{font-size:.45rem}.payment-badges>span{min-width:44px;padding:0 7px}}

/* Resilience: content must never be invisible if JavaScript or IntersectionObserver fails.
   Animate elements after they become visible, rather than hiding them by default. */
.reveal{opacity:1;transform:none}
@media (prefers-reduced-motion:no-preference){
 .reveal.in{animation:osp-reveal-up .7s var(--ease) both;animation-delay:var(--delay,0ms)}
 @keyframes osp-reveal-up{from{opacity:.75;transform:translateY(12px)}to{opacity:1;transform:none}}
}
/* CSS-only fallback when a mobile browser fails to load scripts.js. */
@media(max-width:1100px){
 #drawer:target{opacity:1;visibility:visible;transform:none}
}
.drawer .drawer-close{color:var(--cyan);justify-content:flex-end;font-size:.77rem}

.top{position:fixed;right:20px;bottom:22px;width:43px;height:43px;z-index:8000;display:grid;place-items:center;border:1px solid var(--line2);border-radius:14px;background:color-mix(in srgb,var(--bg2) 86%,transparent);backdrop-filter:blur(16px);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(10px);transition:.3s}.top.show{opacity:1;visibility:visible;transform:none}.top:hover{color:var(--cyan);border-color:rgba(34,211,238,.5)}
.toast{position:fixed;left:50%;bottom:22px;z-index:12000;transform:translate(-50%,20px);padding:11px 16px;border:1px solid var(--line2);border-radius:999px;background:color-mix(in srgb,var(--bg2) 92%,transparent);backdrop-filter:blur(18px);box-shadow:var(--shadow);font-size:.74rem;font-weight:700;opacity:0;visibility:hidden;transition:.3s}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}

/* Compact ecosystem showcase — replaces the oversized orbit on all screens */
.ecosystem{position:relative;width:100%;max-width:560px;margin:0 auto;padding:22px;border:1px solid rgba(120,160,255,.16);border-radius:24px;background:linear-gradient(145deg,rgba(11,20,36,.88),rgba(8,12,27,.78));box-shadow:0 35px 80px -48px rgba(59,130,246,.75),inset 0 1px rgba(255,255,255,.06);overflow:hidden}
.ecosystem:before{content:"";position:absolute;width:260px;height:260px;right:-100px;top:-120px;border-radius:50%;background:rgba(59,130,246,.14);filter:blur(45px);pointer-events:none}
.ecosystem:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--gradient);opacity:.65}
.ecosystem-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:17px;border-bottom:1px solid var(--line)}
.eco-kicker{display:block;color:var(--cyan);font:800 .56rem Inter;letter-spacing:.17em}
.ecosystem-top h3{margin-top:5px;font-size:1.05rem;letter-spacing:-.025em}
.eco-live{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(52,211,153,.18);border-radius:999px;color:var(--green);background:rgba(52,211,153,.06);font:800 .55rem Inter;letter-spacing:.1em}
.eco-live i,.eco-card span i{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.ecosystem-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr 1fr;gap:9px;margin-top:13px}
.eco-card{min-width:0;display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);transition:transform .25s,border-color .25s,background .25s}
.eco-card:hover{transform:translateY(-2px);border-color:rgba(120,160,255,.3);background:rgba(255,255,255,.045)}
.primary-card{grid-column:1/-1;padding:15px;background:linear-gradient(110deg,rgba(34,211,238,.075),rgba(139,92,246,.07));border-color:rgba(120,160,255,.2)}
.eco-card-icon,.eco-mini{width:37px;height:37px;flex:none;display:grid;place-items:center;border-radius:11px;background:var(--gradient);color:#fff;font-weight:900;box-shadow:0 8px 24px -13px #3b82f6}
.eco-mini{font:800 .57rem Sora;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035)}
.eco-mini.cyan{color:var(--cyan)}.eco-mini.violet{color:var(--violet)}.eco-mini.pink{color:var(--pink)}.eco-mini.green{color:var(--green)}
.eco-card small{display:block;color:var(--dim);font-size:.5rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.eco-card strong{display:block;margin-top:3px;font:700 .72rem Sora;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eco-card span{display:flex;align-items:center;gap:5px;margin-top:3px;color:var(--green);font-size:.52rem;font-weight:700;white-space:nowrap}
.eco-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line);color:var(--dim);font:700 .5rem Inter;letter-spacing:.08em;text-transform:uppercase}
.eco-footer span:first-child{display:flex;align-items:center;gap:6px}.eco-footer b{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
@media(max-width:620px){
 .ecosystem{max-width:100%;padding:15px;border-radius:20px}
 .ecosystem-top{padding-bottom:13px}.ecosystem-top h3{font-size:.92rem}.eco-kicker{font-size:.49rem}.eco-live{font-size:.48rem;padding:5px 8px}
 .ecosystem-grid{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}
 .primary-card{grid-column:1/-1}
 .eco-card{padding:10px;gap:8px;border-radius:13px}.primary-card{padding:12px}
 .eco-card-icon,.eco-mini{width:31px;height:31px;border-radius:9px;font-size:.5rem}
 .eco-card small{font-size:.43rem}.eco-card strong{font-size:.61rem}.eco-card span{font-size:.44rem}
 .eco-footer{margin-top:10px;padding-top:9px;font-size:.43rem}
}
@media(max-width:370px){
 .ecosystem{padding:13px}.eco-card{padding:9px}.eco-card strong{font-size:.57rem}.eco-card span{font-size:.41rem}.eco-card small{font-size:.4rem}.eco-footer span:last-child{display:none}
}

@media(max-width:1100px){
 .nav{display:none}.menu{display:grid}.actions .login{display:none}
 .hero-grid{grid-template-columns:1fr;gap:55px}.hero-copy{text-align:center}.hero-desc{margin-inline:auto}.hero-actions,.trust{justify-content:center}.stage{max-width:460px}
 .grid3{grid-template-columns:1fr 1fr}.grid3 .featured{grid-column:1/-1}
 .grid4,.pricing,.roadmap{grid-template-columns:1fr 1fr}.workflow{grid-template-columns:1fr 1fr}
 .price.popular{transform:none}.price.popular:hover{transform:translateY(-6px)}
}
@media(max-width:850px){
 .split,.devgrid{grid-template-columns:1fr;gap:43px}.reviews{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr 1fr}.footbrand{grid-column:1/-1}
 .stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:620px){
 :root{--header:65px}.logo-name{font-size:1rem}.mark{width:38px;height:38px}.actions{margin-left:auto}.actions .primary{display:none}.icon-btn{width:38px;height:38px}
 .hero h1{font-size:clamp(2.45rem,12vw,3.5rem)}.hero-actions{display:grid;grid-template-columns:1fr;width:100%}.hero-actions .btn{width:100%}.stage{max-width:340px}
 .chip{width:38px;height:38px;font-size:.55rem}.float{min-width:103px;padding:9px 10px}.float strong{font-size:.66rem}.float small,.float em{font-size:.48rem}.f1{left:-1%}.f2{right:-1%}
 .grid3,.grid4,.workflow,.pricing,.roadmap{grid-template-columns:1fr}.grid3 .featured{grid-column:auto}.product{min-height:auto;padding:25px 21px}.product-actions{flex-direction:column}.product-actions .btn{width:100%}
 .checks{grid-template-columns:1fr}.control-visual{min-height:0;padding:17px}.control-grid{gap:8px;padding:13px 0}.control-item{padding:11px}.control-icon{width:32px;height:32px;border-radius:9px}.control-item div strong{font-size:.7rem}.control-item div small{font-size:.55rem}.control-foot{font-size:.52rem}.reviews{gap:14px}.cta-actions{flex-direction:column}.cta-actions .btn{width:100%}.footgrid{grid-template-columns:1fr}.footbrand{grid-column:auto}.bottom{justify-content:center;text-align:center;flex-direction:column}
 .marquee{margin-top:40px}.top{right:14px;bottom:14px}
}
@media(max-width:380px){.hero h1{font-size:2.35rem}}

/* ===== Premium responsive footer refinement ===== */
.footer{position:relative;overflow:hidden;padding:72px 0 24px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(7,12,24,.18),rgba(8,12,24,.72))}
.footer:before{content:"";position:absolute;inset:auto -15% -55% 35%;height:420px;background:radial-gradient(circle,rgba(59,130,246,.09),transparent 66%);pointer-events:none}
.footgrid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(240px,1.65fr) repeat(3,minmax(130px,1fr));gap:52px;align-items:start}
.footbrand{min-width:0}
.footbrand .logo{width:max-content;max-width:100%}
.footbrand p{max-width:365px;margin:18px 0 0;color:var(--muted);font-size:.78rem;line-height:1.9}
.foot{min-width:0}
.foot h4{margin:3px 0 20px;color:var(--text);font:800 .67rem Inter;letter-spacing:.16em;text-transform:uppercase}
.foot h4:after{content:"";display:block;width:24px;height:2px;margin-top:9px;border-radius:99px;background:var(--gradient)}
.foot a{width:max-content;max-width:100%;display:block;margin:0 0 13px;color:var(--muted);font-size:.77rem;line-height:1.45;transition:color .2s,transform .2s}
.foot a:hover{color:var(--cyan);transform:translateX(4px)}
.bottom{position:relative;z-index:1;margin-top:54px;padding-top:22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--dim);font-size:.68rem}
.tags{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.tags span{padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.018);font-size:.59rem}
@media(max-width:850px){
 .footer{padding:58px 0 22px}
 .footgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 30px}
 .footbrand{grid-column:1/-1}
 .footbrand p{max-width:620px}
 .bottom{margin-top:42px}
}
@media(max-width:620px){
 .footer{padding:46px 0 18px}
 .footgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:31px 24px}
 .footbrand{grid-column:1/-1;padding-bottom:4px}
 .footbrand .logo{margin-bottom:0}
 .footbrand p{max-width:100%;margin-top:14px;font-size:.74rem;line-height:1.75}
 .foot h4{margin:0 0 16px;font-size:.62rem;letter-spacing:.14em}
 .foot h4:after{width:20px;height:2px;margin-top:8px}
 .foot a{margin-bottom:11px;font-size:.72rem;line-height:1.5}
 .bottom{margin-top:34px;padding-top:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;font-size:.63rem}
 .tags{justify-content:center;gap:6px}
 .tags span{padding:5px 9px;font-size:.55rem}
}
@media(max-width:370px){
 .footgrid{column-gap:18px;row-gap:27px}
 .foot a{font-size:.68rem}
 .footbrand p{font-size:.7rem}
 .tags span:nth-child(n+4){display:none}
}


/* ===== OwnSMMPanel footer — premium contact + newsletter upgrade ===== */
.footer{
 position:relative;overflow:hidden;padding:58px 0 22px;
 border-top:1px solid var(--line);
 background:
   radial-gradient(circle at 8% 15%,rgba(34,211,238,.07),transparent 30%),
   radial-gradient(circle at 90% 45%,rgba(168,85,247,.07),transparent 32%),
   linear-gradient(180deg,rgba(7,12,24,.15),rgba(6,10,22,.88));
}
.footer:before{
 content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
 background:linear-gradient(90deg,transparent 0,rgba(34,211,238,.035) 50%,transparent 100%);
}
.footer-main{position:relative;z-index:1;display:grid;grid-template-columns:minmax(250px,1.15fr) minmax(360px,1.7fr) minmax(230px,.95fr);gap:46px 56px;align-items:start}
.footbrand .logo{width:max-content;max-width:100%}
.footbrand p{max-width:390px;margin:17px 0 20px;color:var(--muted);font-size:.76rem;line-height:1.85}
.socials{display:flex;gap:9px;align-items:center}
.social{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:12px;background:rgba(255,255,255,.025);color:var(--muted);transition:.25s ease}
.social svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.social:hover{color:var(--text);border-color:rgba(34,211,238,.48);background:rgba(34,211,238,.08);transform:translateY(-2px)}
.footer-links{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:28px}
.foot h4,.foot-contact h4{margin:2px 0 18px;color:var(--text);font:800 .64rem Inter;letter-spacing:.16em;text-transform:uppercase}
.foot h4:after,.foot-contact h4:after{content:"";display:block;width:24px;height:2px;margin-top:9px;border-radius:99px;background:var(--gradient)}
.foot a{width:max-content;max-width:100%;display:block;margin:0 0 12px;color:var(--muted);font-size:.72rem;line-height:1.5;transition:.2s}
.foot a:hover{color:var(--cyan);transform:translateX(4px)}
.foot-contact{min-width:0}
.contact-row{display:flex;align-items:center;gap:11px;margin:0 0 12px;padding:9px 10px;border:1px solid transparent;border-radius:12px;color:var(--muted);transition:.2s}
.contact-row:hover{border-color:var(--line2);background:rgba(255,255,255,.025)}
.contact-icon{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:9px;background:rgba(34,211,238,.08);color:var(--cyan);font-size:.82rem}
.contact-row span:last-child{min-width:0;display:flex;flex-direction:column;gap:2px}
.contact-row small{font-size:.57rem;color:var(--dim);letter-spacing:.04em}
.contact-row strong{font-size:.67rem;color:var(--text);font-weight:700;overflow-wrap:anywhere}
.newsletter{
 grid-column:1/-1;display:grid;grid-template-columns:minmax(260px,1fr) minmax(330px,1.15fr);gap:22px 40px;align-items:center;
 margin-top:3px;padding:22px 24px;border:1px solid var(--line2);border-radius:18px;
 background:linear-gradient(110deg,rgba(34,211,238,.045),rgba(168,85,247,.045));
 box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.newsletter-kicker{font:800 .57rem Inter;letter-spacing:.18em;color:var(--cyan)}
.newsletter h3{margin:6px 0 5px;font-size:1.02rem;letter-spacing:-.02em}
.newsletter p{margin:0;color:var(--muted);font-size:.68rem;line-height:1.55}
.newsletter-form{display:flex;gap:8px;min-width:0}
.newsletter-form input{min-width:0;flex:1;height:43px;padding:0 14px;border:1px solid var(--line2);border-radius:11px;background:rgba(2,6,18,.42);color:var(--text);outline:none;font:500 .68rem Inter}
.newsletter-form input::placeholder{color:var(--dim)}
.newsletter-form input:focus{border-color:rgba(34,211,238,.55);box-shadow:0 0 0 3px rgba(34,211,238,.08)}
.newsletter-form button{height:43px;padding:0 15px;border:0;border-radius:11px;background:var(--gradient);color:#06101b;font:800 .66rem Inter;white-space:nowrap;cursor:pointer;transition:.2s}
.newsletter-form button:hover{transform:translateY(-1px);filter:brightness(1.08)}
.newsletter-note{grid-column:2;color:var(--dim);font-size:.57rem;margin-top:-13px}
.bottom{position:relative;z-index:1;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--dim);font-size:.62rem}
.bottom-right{display:flex;align-items:center;gap:13px}
.tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.tags span{padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.018);font-size:.53rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:900px){
 .footer-main{grid-template-columns:1fr 1fr;gap:36px 34px}
 .footbrand{grid-column:1/-1}
 .footbrand p{max-width:600px}
 .newsletter{grid-column:1/-1}
}
@media(max-width:620px){
 .footer{padding:42px 0 16px}
 .footer-main{grid-template-columns:1fr 1fr;gap:30px 22px}
 .footbrand{grid-column:1/-1;padding-bottom:2px}
 .footbrand p{margin:13px 0 17px;font-size:.72rem;line-height:1.75}
 .social{width:37px;height:37px;border-radius:11px}
 .footer-links{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:30px 20px}
 .foot h4,.foot-contact h4{margin-bottom:15px;font-size:.6rem}
 .foot a{font-size:.7rem;margin-bottom:10px}
 .foot-contact{grid-column:1/-1}
 .contact-row{max-width:100%;margin-bottom:8px;padding:8px 9px}
 .contact-row strong{font-size:.64rem}
 .newsletter{grid-column:1/-1;display:block;margin-top:1px;padding:19px 17px;border-radius:16px}
 .newsletter h3{font-size:.94rem}
 .newsletter p{font-size:.64rem}
 .newsletter-form{margin-top:15px;display:grid;grid-template-columns:1fr auto}
 .newsletter-form input,.newsletter-form button{height:41px}
 .newsletter-form button{padding:0 13px}
 .newsletter-note{display:block;margin:8px 0 0;font-size:.54rem}
 .bottom{margin-top:20px;padding-top:16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;font-size:.59rem}
 .bottom-right{flex-direction:column;gap:9px}
 .tags{justify-content:center}
}
@media(max-width:390px){
 .footer-links{gap:27px 15px}
 .foot a{font-size:.67rem}
 .contact-row strong{font-size:.61rem}
 .newsletter-form{grid-template-columns:1fr}
 .newsletter-form button{width:100%}
}

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

/* ===== Reference-matched OwnSMMPanel footer: final responsive build ===== */
.premium-footer{position:relative;overflow:hidden;padding:70px 0 0;border-top:1px solid var(--line);background:#050b1b;background:radial-gradient(circle at 10% 10%,rgba(20,107,200,.10),transparent 30%),radial-gradient(circle at 86% 16%,rgba(115,46,205,.10),transparent 34%),linear-gradient(180deg,#061020 0%,#040919 58%,#050816 100%);}
.premium-footer *{box-sizing:border-box}
.premium-footer .pf-shell{position:relative;z-index:3}
.pf-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,1.15fr);gap:68px;align-items:center}
.pf-brand-block{min-width:0}
.pf-logo{width:max-content!important}
.pf-brand-block>p{max-width:470px;margin:23px 0 22px;color:#aeb9d1;font-size:.86rem;line-height:1.72}
.pf-socials{display:flex;gap:13px;align-items:center;flex-wrap:wrap}
.pf-social{width:45px;height:45px;display:grid;place-items:center;border:1px solid rgba(85,125,220,.30);border-radius:13px;background:rgba(11,25,52,.72);color:#aebfff;transition:.25s ease}
.pf-social svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pf-social:hover{transform:translateY(-3px);border-color:rgba(70,191,255,.65);box-shadow:0 12px 28px -18px #22d3ee;background:rgba(22,43,79,.9)}
.pf-social.telegram{color:#2da8f0}.pf-social.whatsapp{color:#25d366}.pf-social.youtube{color:#ff4965}.pf-social.instagram{color:#ee57f7}.pf-social.facebook{color:#4098ff}.pf-social.twitter{color:#38aef5}
.pf-newsletter-card{display:grid;grid-template-columns:70px minmax(0,1fr);gap:0 18px;min-width:0;padding:30px;border:1px solid rgba(91,111,240,.30);border-radius:23px;background:linear-gradient(120deg,rgba(37,50,135,.28),rgba(104,30,158,.18));box-shadow:inset 0 1px rgba(255,255,255,.04),0 25px 65px -48px rgba(82,65,255,.85)}
.pf-news-icon{width:66px;height:66px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,rgba(78,37,182,.46),rgba(164,54,255,.24));border:1px solid rgba(172,83,255,.38);color:#e17aff}
.pf-news-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pf-news-copy h3{margin:0 0 7px;font-size:1.35rem;letter-spacing:-.025em}.pf-news-copy p{margin:0;color:#aeb9d1;font-size:.78rem;line-height:1.55}
.pf-news-form{grid-column:1/-1;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:20px;padding:5px 6px 5px 15px;border:1px solid #5867aa;border-radius:15px;background:rgba(2,7,21,.46)}
.pf-news-form svg{width:20px;height:20px;fill:none;stroke:#aab9ff;stroke-width:1.6}.pf-news-form input{min-width:0;width:100%;height:46px;border:0;outline:0;background:transparent;color:var(--text);font:500 .76rem Inter}.pf-news-form input::placeholder{color:#8793b0}.pf-news-form button{height:46px;padding:0 23px;border:0;border-radius:12px;background:linear-gradient(100deg,#0bbdf0,#8d3df3);color:#fff;font:800 .75rem Inter;cursor:pointer;box-shadow:0 12px 25px -15px #3b82f6}.pf-news-form button b{font-size:1.25rem;margin-left:8px}.pf-privacy{grid-column:1/-1;margin-top:12px;color:#a2aec7;font-size:.64rem}.pf-privacy span{color:#aebfff;margin-right:8px}
.pf-divider{height:1px;margin:48px 0 42px;background:rgba(118,132,174,.18)}
.pf-columns{display:grid;grid-template-columns:1.05fr 1.05fr 1fr 1.15fr;gap:0}
.pf-col{min-width:0;padding:0 32px;border-left:1px solid rgba(107,123,170,.18)}.pf-col:first-child{padding-left:0;border-left:0}.pf-col:last-child{padding-right:0}
.pf-col h4,.pf-accept-mobile h4{margin:0 0 23px;color:#f2f5ff;font:800 .76rem Inter;letter-spacing:.13em;text-transform:uppercase}.pf-col h4:after,.pf-accept-mobile h4:after{content:"";display:block;width:38px;height:3px;margin-top:10px;border-radius:99px;background:linear-gradient(90deg,#1bcdf1,#b640f2)}
.pf-col>a:not(.pf-contact-item){display:flex;align-items:center;gap:14px;width:max-content;max-width:100%;margin-bottom:18px;color:#aeb9d1;font-size:.78rem;line-height:1.4;transition:.2s}.pf-col>a:not(.pf-contact-item):hover{color:#fff;transform:translateX(3px)}.pf-col>a>span{width:20px;flex:0 0 20px;text-align:center;color:#aab9ff;font-size:1rem}
.pf-contact-item{display:flex;align-items:center;gap:13px;width:100%;max-width:100%;margin-bottom:15px;color:#aeb9d1;min-width:0}.pf-contact-item i{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border:1px solid rgba(66,144,255,.28);border-radius:14px;background:rgba(31,106,193,.13);font-style:normal;font-size:1.15rem;color:#32b8ff}.pf-contact-item i.call{color:#2fe49a;background:rgba(20,180,120,.11);border-color:rgba(47,228,154,.25)}.pf-contact-item i.tele{color:#2aaeff}.pf-contact-item i.site{color:#e36bff;background:rgba(220,70,255,.1);border-color:rgba(220,70,255,.24)}
.pf-contact-item>span{display:flex!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:none!important;flex-direction:column!important;gap:3px!important;text-align:left!important;overflow:visible!important}.pf-contact-item b{display:block;color:#f1f4ff;font-size:.72rem;line-height:1.25}.pf-contact-item small{display:block;color:#aeb9d1;font-size:.65rem;line-height:1.4;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.pf-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;border:1px solid rgba(91,111,160,.28);border-radius:22px;background:rgba(9,18,39,.62);overflow:hidden}.pf-stats>div{display:flex;align-items:center;gap:16px;padding:22px 28px;position:relative}.pf-stats>div+div:before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:1px;background:rgba(91,111,160,.25)}.pf-stats i{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;border:1px solid rgba(34,211,238,.3);border-radius:13px;background:rgba(34,211,238,.08);color:#22d3ee;font-style:normal;font-size:1.15rem}.pf-stats>div:nth-child(2) i{color:#36e6a2;border-color:rgba(54,230,162,.3);background:rgba(54,230,162,.07)}.pf-stats>div:nth-child(3) i{color:#ffd65a;border-color:rgba(255,214,90,.25);background:rgba(255,214,90,.06)}.pf-stats>div:nth-child(4) i{color:#e879ff;border-color:rgba(232,121,255,.28);background:rgba(232,121,255,.06)}.pf-stats span{display:flex;flex-direction:column;gap:4px}.pf-stats strong{font:800 1.08rem Sora}.pf-stats small{color:#aeb9d1;font-size:.58rem}
.pf-accept-mobile{display:block;margin-top:42px;padding:0 0 24px;border-bottom:1px solid rgba(91,111,160,.18)}
.pf-bottom{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:40px;padding:29px 0 105px;border-top:1px solid rgba(91,111,160,.18);position:relative}.pf-bottom-brand{min-width:0}.pf-bottom-brand .logo{width:max-content}.pf-bottom-brand p{margin:9px 0 5px;color:#aeb9d1;font-size:.68rem}.pf-bottom-brand>span{color:#aeb9d1;font-size:.64rem}.pf-bottom-payment{margin-left:auto}.pf-bottom-payment .payment-badges{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.payment-badges>span{height:40px;min-width:59px;padding:0 12px;display:grid;place-items:center;border:1px solid rgba(91,111,160,.24);border-radius:11px;background:rgba(14,25,48,.75);color:#edf3ff;font-weight:900;font-size:.68rem}.payment-badges .mc{display:flex;align-items:center;justify-content:center;min-width:63px;padding:0 10px}.payment-badges .mc b{width:21px;height:21px;border-radius:50%;background:#ef3340;display:block}.payment-badges .mc b+b{margin-left:-7px;background:#ffb11b;mix-blend-mode:screen}.payment-badges .paypal{font-size:.59rem}.payment-badges .paypal span{color:#4aa7ff}.payment-badges .gpay span{font-weight:500}.payment-badges .btc{color:#ffb11b;font-size:1rem}.pf-footer-top{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border:1px solid rgba(178,74,255,.55);border-radius:50%;background:linear-gradient(145deg,rgba(104,39,198,.38),rgba(38,43,105,.35));color:#fff;font-size:1.45rem;text-decoration:none;transition:.25s}.pf-footer-top:hover{transform:translateY(-3px);box-shadow:0 15px 35px -20px #9b3cff}
.pf-waves{position:absolute;left:-5%;right:-5%;bottom:-78px;height:155px;z-index:1;pointer-events:none}.pf-waves span{position:absolute;left:-5%;width:110%;height:130px;border-radius:50% 50% 0 0/70% 70% 0 0;transform:rotate(-2deg)}.pf-waves span:nth-child(1){bottom:-45px;background:linear-gradient(90deg,#143a9d,#316eff,#5b29dc);opacity:.78}.pf-waves span:nth-child(2){bottom:-70px;background:linear-gradient(90deg,#281f96,#7924d9,#173dbc);opacity:.8}.pf-waves span:nth-child(3){bottom:-96px;background:linear-gradient(90deg,#3c20b1,#145bd4,#7522df);opacity:.68}
@media(max-width:1000px){.pf-hero{grid-template-columns:1fr;gap:34px}.pf-newsletter-card{max-width:760px}.pf-columns{grid-template-columns:repeat(2,1fr);gap:38px 0}.pf-col{padding:0 28px}.pf-col:nth-child(odd){padding-left:0}.pf-col:nth-child(even){padding-right:0}.pf-col:nth-child(2),.pf-col:nth-child(4){border-left:1px solid rgba(107,123,170,.18)}.pf-col:nth-child(3){border-left:0}.pf-stats{grid-template-columns:repeat(2,1fr)}.pf-stats>div:nth-child(3):before{display:none}.pf-stats>div:nth-child(3),.pf-stats>div:nth-child(4){border-top:1px solid rgba(91,111,160,.25)}}
@media(max-width:620px){.premium-footer{padding:45px 0 0}.pf-hero{gap:25px}.pf-brand-block>p{margin:16px 0 18px;font-size:.74rem;line-height:1.72}.pf-socials{gap:9px}.pf-social{width:40px;height:40px;border-radius:11px}.pf-social svg{width:19px;height:19px}.pf-newsletter-card{grid-template-columns:56px minmax(0,1fr);gap:0 13px;padding:20px 16px;border-radius:19px}.pf-news-icon{width:54px;height:54px;border-radius:15px}.pf-news-icon svg{width:27px;height:27px}.pf-news-copy h3{font-size:1rem;margin:1px 0 6px}.pf-news-copy p{font-size:.64rem;line-height:1.55}.pf-news-form{grid-template-columns:20px minmax(0,1fr) auto;margin-top:16px;padding:5px 6px 5px 11px;gap:8px}.pf-news-form input{height:40px;font-size:.64rem}.pf-news-form button{height:40px;padding:0 12px;font-size:.61rem}.pf-privacy{font-size:.55rem}.pf-divider{margin:34px 0 28px}.pf-columns{grid-template-columns:1fr 1fr;gap:31px 0}.pf-col{padding:0 20px}.pf-col:nth-child(odd){padding-left:0}.pf-col:nth-child(even){padding-right:0}.pf-col:nth-child(2),.pf-col:nth-child(4){border-left:0;padding-left:20px}.pf-col h4{font-size:.63rem;margin-bottom:17px}.pf-col h4:after{width:32px;height:2px;margin-top:8px}.pf-col>a:not(.pf-contact-item){gap:9px;margin-bottom:13px;font-size:.69rem}.pf-col>a>span{width:17px;flex-basis:17px;font-size:.85rem}.pf-contact-item{gap:10px;margin-bottom:12px}.pf-contact-item i{width:43px;height:43px;flex-basis:43px;border-radius:12px;font-size:1rem}.pf-contact-item b{font-size:.64rem}.pf-contact-item small{font-size:.57rem;line-height:1.4}.pf-stats{grid-template-columns:1fr 1fr;margin-top:32px;border-radius:17px}.pf-stats>div{padding:16px 12px;gap:9px}.pf-stats>div:nth-child(3),.pf-stats>div:nth-child(4){border-top:1px solid rgba(91,111,160,.25)}.pf-stats>div:nth-child(2n+1):before{display:none}.pf-stats>div:nth-child(2):before{display:block;top:14px;bottom:14px}.pf-stats i{width:38px;height:38px;flex-basis:38px;border-radius:11px;font-size:.95rem}.pf-stats strong{font-size:.86rem}.pf-stats small{font-size:.49rem}.pf-accept-mobile{display:block;margin-top:28px;padding:0 0 22px;border-bottom:1px solid rgba(91,111,160,.18)}.pf-accept-mobile h4{font-size:.65rem;margin-bottom:16px}.pf-accept-mobile h4:after{width:32px;height:2px;margin-top:8px}.pf-accept-mobile .payment-badges{display:flex;gap:7px}.pf-accept-mobile .payment-badges>span{min-width:0;width:100%;height:36px;padding:0 4px;font-size:.51rem;border-radius:10px}.pf-accept-mobile .payment-badges .mc{min-width:0;padding:0 4px}.pf-bottom{margin-top:0;padding:20px 0 90px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:18px}.pf-bottom-payment{display:none}.pf-bottom-brand .logo-name{font-size:1rem}.pf-bottom-brand .mark{width:38px;height:38px;font-size:.65rem}.pf-bottom-brand p{font-size:.59rem;margin-top:8px}.pf-bottom-brand>span{font-size:.55rem}.pf-footer-top{width:48px;height:48px;flex-basis:48px;font-size:1.25rem}.pf-waves{bottom:-92px;height:145px}.pf-waves span{height:120px}}
@media(max-width:390px){.pf-newsletter-card{grid-template-columns:1fr}.pf-news-icon{display:none}.pf-news-form{grid-template-columns:19px 1fr}.pf-news-form button{grid-column:1/-1;width:100%;margin-top:4px}.pf-columns{gap:28px 0}.pf-col{padding:0 15px}.pf-col:nth-child(odd){padding-left:0}.pf-col:nth-child(even){padding-left:15px;padding-right:0}.pf-col>a:not(.pf-contact-item){font-size:.66rem}.pf-contact-item i{width:40px;height:40px;flex-basis:40px}.pf-contact-item b{font-size:.61rem}.pf-contact-item small{font-size:.55rem}.pf-stats>div{padding:14px 9px}.pf-stats i{width:35px;height:35px;flex-basis:35px}.pf-stats strong{font-size:.78rem}.pf-stats small{font-size:.45rem}.pf-accept-mobile .payment-badges{gap:5px;display:flex}.pf-accept-mobile .payment-badges>span{height:34px;font-size:.46rem}.pf-bottom-brand .logo-name{font-size:.94rem}}

/* PAYMENT + FOOTER FINAL LAYOUT */
@media(min-width:621px){
  .pf-accept-mobile{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:28px;padding:0 0 22px;border-bottom:1px solid rgba(91,111,160,.18)}
  .pf-accept-mobile h4{margin:0;flex:0 0 auto}
  .pf-accept-mobile h4:after{margin-top:8px}
  .pf-accept-mobile .payment-badges{display:flex;align-items:center;gap:9px;flex-wrap:nowrap;flex:0 0 auto}
  .pf-accept-mobile .payment-badges>span{height:40px;min-width:59px;white-space:nowrap}
}

/* FINAL FOOTER POLISH */
.pf-stats{display:none!important}
.pf-accept-mobile .payment-badges{display:flex;align-items:center;gap:9px;flex-wrap:nowrap;width:100%}
.pf-accept-mobile .payment-badges>span{flex:1 1 0;min-width:0;width:auto;height:44px;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:clip}
.pf-accept-mobile .payment-badges .mc{display:flex;align-items:center;justify-content:center;gap:0}
.pf-accept-mobile .payment-badges .paypal,.pf-accept-mobile .payment-badges .gpay{white-space:nowrap}
.pf-bottom{padding-bottom:105px}
.pf-footer-top{display:none!important}
@media(max-width:620px){
  .pf-accept-mobile{margin-top:30px;padding-bottom:22px}
  .pf-accept-mobile .payment-badges{gap:8px}
  .pf-accept-mobile .payment-badges>span{height:48px;border-radius:12px;padding:0 7px;font-size:.58rem}
  .pf-bottom{display:block;margin-top:0;padding:22px 0 105px}
  .pf-bottom-brand .logo{margin-bottom:2px}
  .pf-contact-item small{white-space:nowrap;overflow:visible;word-break:normal;overflow-wrap:normal;font-size:.57rem;letter-spacing:-.015em}
}
@media(max-width:390px){
  .pf-accept-mobile .payment-badges{gap:5px;display:flex}
  .pf-accept-mobile .payment-badges>span{height:42px;padding:0 4px;font-size:.49rem}
  .pf-contact-item small{font-size:.53rem;letter-spacing:-.02em}
}

/* FINAL RESPONSIVE SAFETY OVERRIDES */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.premium-footer{width:100%;overflow:hidden}
.pf-columns{min-width:0}
.pf-contact{min-width:0}
.pf-contact-item{min-width:0;max-width:100%}
.pf-contact-item>span{min-width:0;max-width:none;overflow-wrap:anywhere;word-break:normal}
.pf-contact-item small{display:block;white-space:normal;overflow-wrap:anywhere;word-break:normal}
@media(max-width:620px){
  .pf-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px 20px}
  .pf-contact{grid-column:auto}
  .pf-contact-item{display:flex;align-items:center;gap:9px;width:100%}
  .pf-contact-item>span{flex:1 1 auto;width:auto!important}
  .pf-contact-item i{flex:0 0 42px}
  .pf-contact-item b{display:block;white-space:normal}
  .pf-contact-item small{font-size:.56rem}
}
@media(max-width:390px){
  .pf-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:27px 14px}
  .pf-contact{grid-column:auto}
  .pf-contact-item{gap:7px}
  .pf-contact-item i{flex-basis:38px;width:38px;height:38px}
  .pf-contact-item b{font-size:.58rem}
  .pf-contact-item small{font-size:.52rem}
}

@media(max-width:620px){
  .pf-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:18px!important;row-gap:30px!important}
  .pf-col:nth-child(3),.pf-col:nth-child(4){grid-column:auto!important}
  .pf-contact-item small{white-space:nowrap!important;overflow:visible!important;overflow-wrap:normal!important;word-break:normal!important;font-size:clamp(8px,2.35vw,10px)!important;letter-spacing:-.015em}
}
@media(max-width:390px){
  .pf-columns{column-gap:12px!important}
  .pf-contact-item small{font-size:8.3px!important;letter-spacing:-.02em}
}

/* Main design: original stylesheet 2. */
/* FINAL REFERENCE MATCH — compact bottom + visible waves */
.pf-stats{display:none!important}
.pf-bottom{display:flex!important;align-items:center;justify-content:space-between;gap:20px;margin-top:0;padding:22px 0 86px!important;border-top:1px solid rgba(91,111,160,.18);position:relative;z-index:5;min-height:0}
.pf-bottom-brand{min-width:0}
.pf-bottom-brand .logo{display:inline-flex;align-items:center;width:max-content;margin:0}
.pf-footer-top{display:grid!important;place-items:center;width:52px;height:52px;flex:0 0 52px;border:1px solid rgba(178,74,255,.55);border-radius:50%;background:linear-gradient(145deg,rgba(104,39,198,.38),rgba(38,43,105,.35));color:#fff;font-size:1.45rem;text-decoration:none;line-height:1;transition:.25s;position:relative;z-index:7}
.pf-footer-top:hover{transform:translateY(-3px);box-shadow:0 15px 35px -20px #9b3cff}
.pf-waves{left:-5%;right:-5%;bottom:-1px!important;height:105px!important;z-index:1!important}
.pf-waves span{height:92px!important}
.pf-waves span:nth-child(1){bottom:-37px!important}
.pf-waves span:nth-child(2){bottom:-53px!important}
.pf-waves span:nth-child(3){bottom:-69px!important}
.premium-footer{padding-bottom:0!important}
.pf-bottom-brand p{margin:9px 0 5px}
.pf-accept-mobile{position:relative;z-index:4}
.pf-accept-mobile .payment-badges>span{white-space:nowrap!important;word-break:keep-all!important;overflow:visible!important;text-overflow:clip!important}
.pf-accept-mobile .payment-badges .paypal,.pf-accept-mobile .payment-badges .gpay{display:grid;place-items:center;white-space:nowrap!important}
@media(max-width:620px){
  .pf-accept-mobile{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;margin-top:30px!important;padding:0 0 20px!important}
  .pf-accept-mobile h4{width:72px;flex:0 0 72px;margin:0!important;font-size:.62rem!important;line-height:1.2}
  .pf-accept-mobile h4:after{margin-top:7px!important}
  .pf-accept-mobile .payment-badges{flex:1;min-width:0;width:auto!important;gap:4px!important}
  .pf-accept-mobile .payment-badges>span{height:42px!important;min-width:0!important;width:auto!important;flex:1 1 0!important;padding:0 2px!important;border-radius:11px!important;font-size:.48rem!important}
  .pf-accept-mobile .payment-badges .mc b{width:16px;height:16px}
  .pf-accept-mobile .payment-badges .mc b+b{margin-left:-6px}
  .pf-accept-mobile .payment-badges .paypal{font-size:.42rem!important}
  .pf-accept-mobile .payment-badges .gpay{font-size:.44rem!important}
  .pf-accept-mobile .payment-badges .btc{font-size:.78rem!important}
  .pf-bottom{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin-top:0!important;padding:20px 0 84px!important}
  .pf-bottom-brand .mark{width:40px!important;height:40px!important;font-size:.64rem!important}
  .pf-bottom-brand .logo-name{font-size:1rem!important}
  .pf-bottom-brand p{font-size:.58rem!important;margin:8px 0 5px!important}
  .pf-bottom-brand>span{font-size:.54rem!important}
  .pf-footer-top{width:50px!important;height:50px!important;flex:0 0 50px!important;font-size:1.3rem!important;margin-top:1px}
  .pf-waves{height:86px!important}
  .pf-waves span{height:78px!important}
  .pf-waves span:nth-child(1){bottom:-34px!important}
  .pf-waves span:nth-child(2){bottom:-48px!important}
  .pf-waves span:nth-child(3){bottom:-61px!important}
}
@media(max-width:380px){
  .pf-accept-mobile{gap:6px!important}
  .pf-accept-mobile h4{width:67px;flex-basis:67px;font-size:.58rem!important}
  .pf-accept-mobile .payment-badges{gap:3px!important}
  .pf-accept-mobile .payment-badges>span{height:40px!important;font-size:.43rem!important}
  .pf-accept-mobile .payment-badges .paypal{font-size:.38rem!important}
  .pf-accept-mobile .payment-badges .gpay{font-size:.39rem!important}
  .pf-footer-top{width:46px!important;height:46px!important;flex-basis:46px!important}
}
/* Keep only the footer back-to-top control; remove the old fixed square button. */
#topBtn{display:none!important}

/* Main design: original stylesheet 3. */
/* Exact reference-style footer bottom: payment row + compact brand row + circular back-to-top + waves */
.pf-accept-mobile{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:28px !important;
  width:100% !important;
  margin:34px 0 0 !important;
  padding:0 0 24px !important;
  border-bottom:1px solid rgba(91,111,160,.20) !important;
  position:relative; z-index:4;
}
.pf-accept-mobile h4{
  flex:0 0 120px;
  width:120px !important;
  margin:0 !important;
  font-size:.78rem !important;
  line-height:1.1 !important;
  letter-spacing:.14em;
}
.pf-accept-mobile h4:after{margin-top:10px !important;width:38px !important;height:3px !important}
.pf-accept-mobile .payment-badges{
  flex:1 1 auto !important;
  min-width:0 !important;
  width:auto !important;
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:10px !important;
  align-items:center;
}
.pf-accept-mobile .payment-badges>span{
  width:100% !important; min-width:0 !important; height:52px !important;
  padding:0 10px !important; border-radius:13px !important;
  white-space:nowrap !important; word-break:keep-all !important;
  font-size:.70rem !important; line-height:1 !important;
  overflow:hidden !important;
}
.pf-accept-mobile .payment-badges .mc{display:flex !important;align-items:center;justify-content:center !important;gap:0 !important}
.pf-accept-mobile .payment-badges .mc b{width:25px !important;height:25px !important}
.pf-accept-mobile .payment-badges .mc b+b{margin-left:-8px !important}
.pf-accept-mobile .payment-badges .paypal{font-size:.68rem !important}
.pf-accept-mobile .payment-badges .gpay{font-size:.68rem !important}
.pf-accept-mobile .payment-badges .btc{font-size:1.18rem !important}

.pf-bottom{
  width:100% !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 72px !important;
  align-items:start !important;
  justify-content:initial !important;
  gap:24px !important;
  margin:0 !important;
  padding:25px 0 104px !important;
  border-top:0 !important;
  position:relative; z-index:5;
}
.pf-bottom-brand{min-width:0 !important}
.pf-bottom-brand .logo{display:inline-flex !important;align-items:center !important;width:max-content !important}
.pf-bottom-brand .mark{width:52px !important;height:52px !important;border-radius:15px !important;font-size:.68rem !important}
.pf-bottom-brand .logo-name{font-size:1.35rem !important}
.pf-bottom-brand p{margin:12px 0 7px !important;font-size:.76rem !important;color:#aeb9d1 !important}
.pf-bottom-brand>span{font-size:.70rem !important;color:#aeb9d1 !important}
.pf-footer-top{
  width:70px !important;height:70px !important;flex:none !important;
  display:grid !important;place-items:center !important;
  margin:0 !important;
  border:1px solid rgba(178,74,255,.65) !important;
  border-radius:50% !important;
  background:linear-gradient(145deg,rgba(104,39,198,.42),rgba(38,43,105,.40)) !important;
  color:#fff !important;font-size:2rem !important;line-height:1 !important;
  box-shadow:0 12px 35px -24px #9b3cff !important;
  position:relative !important;z-index:7 !important;
}
.pf-waves{
  left:-3% !important;right:-3% !important;bottom:-1px !important;
  height:105px !important;z-index:1 !important;pointer-events:none !important;
}
.pf-waves span{height:92px !important;left:-4% !important;width:108% !important}
.pf-waves span:nth-child(1){bottom:-30px !important}
.pf-waves span:nth-child(2){bottom:-48px !important}
.pf-waves span:nth-child(3){bottom:-66px !important}

@media (max-width:720px){
  .pf-accept-mobile{gap:10px !important;margin-top:30px !important;padding-bottom:20px !important}
  .pf-accept-mobile h4{flex:0 0 78px;width:78px !important;font-size:.64rem !important}
  .pf-accept-mobile h4:after{width:32px !important;height:2px !important;margin-top:8px !important}
  .pf-accept-mobile .payment-badges{gap:5px !important}
  .pf-accept-mobile .payment-badges>span{height:48px !important;padding:0 4px !important;border-radius:11px !important;font-size:.56rem !important}
  .pf-accept-mobile .payment-badges .mc b{width:21px !important;height:21px !important}
  .pf-accept-mobile .payment-badges .mc b+b{margin-left:-7px !important}
  .pf-accept-mobile .payment-badges .paypal{font-size:.52rem !important}
  .pf-accept-mobile .payment-badges .gpay{font-size:.53rem !important}
  .pf-accept-mobile .payment-badges .btc{font-size:.95rem !important}
  .pf-bottom{grid-template-columns:minmax(0,1fr) 58px !important;gap:15px !important;padding:22px 0 91px !important}
  .pf-bottom-brand .mark{width:42px !important;height:42px !important;border-radius:13px !important;font-size:.62rem !important}
  .pf-bottom-brand .logo-name{font-size:1.02rem !important}
  .pf-bottom-brand p{font-size:.61rem !important;margin:9px 0 6px !important}
  .pf-bottom-brand>span{font-size:.57rem !important}
  .pf-footer-top{width:54px !important;height:54px !important;font-size:1.45rem !important}
  .pf-waves{height:88px !important}
  .pf-waves span{height:78px !important}
  .pf-waves span:nth-child(1){bottom:-27px !important}
  .pf-waves span:nth-child(2){bottom:-41px !important}
  .pf-waves span:nth-child(3){bottom:-55px !important}
}
@media (max-width:390px){
  .pf-accept-mobile{gap:7px !important}
  .pf-accept-mobile h4{flex:0 0 66px;width:66px !important;font-size:.58rem !important}
  .pf-accept-mobile .payment-badges{gap:3px !important}
  .pf-accept-mobile .payment-badges>span{height:43px !important;font-size:.47rem !important;padding:0 2px !important}
  .pf-accept-mobile .payment-badges .mc b{width:18px !important;height:18px !important}
  .pf-accept-mobile .payment-badges .paypal{font-size:.43rem !important}
  .pf-accept-mobile .payment-badges .gpay{font-size:.44rem !important}
  .pf-accept-mobile .payment-badges .btc{font-size:.82rem !important}
  .pf-bottom{grid-template-columns:minmax(0,1fr) 51px !important;padding-bottom:84px !important}
  .pf-bottom-brand .mark{width:39px !important;height:39px !important}
  .pf-bottom-brand .logo-name{font-size:.94rem !important}
  .pf-bottom-brand p{font-size:.55rem !important}
  .pf-bottom-brand>span{font-size:.52rem !important}
  .pf-footer-top{width:48px !important;height:48px !important;font-size:1.25rem !important}
}

/* Main design: original stylesheet 4. */
/* V9 — clean footer ending: no fixed back-to-top, no waves, premium signature panel */
#topBtn,.top{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.pf-waves{display:none!important}
.premium-footer{position:relative;overflow:hidden}
.pf-bottom{grid-template-columns:minmax(0,1fr) minmax(250px,340px)!important;align-items:center!important;gap:28px!important;padding:26px 0 28px!important;border-top:1px solid rgba(91,111,160,.20)!important;min-height:0!important}
.pf-signature{min-height:72px;padding:13px 16px;display:flex;align-items:center;gap:12px;border:1px solid rgba(91,111,160,.24);border-radius:18px;background:linear-gradient(135deg,rgba(13,23,43,.82),rgba(38,24,72,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 45px -35px rgba(58,141,255,.8);position:relative;z-index:4}
.pf-signature .sig-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:linear-gradient(135deg,#22d3ee,#a855f7);box-shadow:0 0 16px rgba(34,211,238,.65)}
.pf-signature div{min-width:0;display:flex;flex-direction:column;gap:4px}
.pf-signature b{font-size:.69rem;letter-spacing:.14em;color:#eef3ff;white-space:nowrap}
.pf-signature small{font-size:.62rem;color:#8492ae}
.pf-signature .sig-arrow{margin-left:auto;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#b8c7e7;background:rgba(255,255,255,.035);border:1px solid rgba(91,111,160,.2);font-size:1rem}
@media(max-width:720px){
 .pf-bottom{grid-template-columns:1fr!important;gap:16px!important;padding:20px 0 24px!important}
 .pf-signature{width:100%;min-height:60px;padding:11px 13px;border-radius:15px}
 .pf-signature b{font-size:.58rem;letter-spacing:.11em}
 .pf-signature small{font-size:.54rem}
 .pf-signature .sig-arrow{width:30px;height:30px}
}
@media(max-width:390px){
 .pf-signature b{font-size:.53rem}
 .pf-signature small{font-size:.50rem}
}

/* Main design: original stylesheet 5. */
/* V10 — compact contact icons + centered mobile footer copy */
@media (max-width:720px){
  .pf-contact-item{gap:9px!important;margin-bottom:12px!important}
  .pf-contact-item i{width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:10px!important;font-size:.82rem!important}
  .pf-contact-item b{font-size:.64rem!important;line-height:1.25!important}
  .pf-contact-item small{font-size:.56rem!important;line-height:1.35!important;white-space:nowrap!important;overflow:visible!important;overflow-wrap:normal!important}
  .pf-bottom{grid-template-columns:1fr!important;gap:14px!important;text-align:center!important;justify-items:center!important;padding:20px 0 24px!important}
  .pf-bottom-brand{width:100%!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}
  .pf-bottom-brand .logo{justify-content:center!important;margin:0 auto!important}
  .pf-bottom-brand p{margin:9px 0 6px!important;text-align:center!important}
  .pf-bottom-brand>span{display:block!important;text-align:center!important}
  .pf-signature{width:100%!important;text-align:left!important}
}
@media (max-width:390px){
  .pf-contact-item i{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:9px!important;font-size:.78rem!important}
  .pf-contact-item b{font-size:.60rem!important}
  .pf-contact-item small{font-size:.53rem!important}
  .pf-bottom-brand .logo-name{font-size:.98rem!important}
  .pf-bottom-brand p{font-size:.57rem!important}
  .pf-bottom-brand>span{font-size:.53rem!important}
}

/* Main design: original stylesheet 6. */
/* V11 footer refinements */
.pf-bottom-centered{flex:1 1 100%;text-align:center;min-width:0!important}
.pf-bottom-centered p{margin:0 0 7px!important;color:#aeb9d1!important;font-size:.68rem!important}
.pf-bottom-centered>span{color:#aeb9d1!important;font-size:.64rem!important}
.pf-bottom{justify-content:center!important;align-items:center!important}
@media(max-width:620px){
  .pf-bottom{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:18px!important;padding:20px 0 38px!important;text-align:center!important}
  .pf-bottom-centered{width:100%!important;text-align:center!important}
  .pf-bottom-centered p{font-size:.60rem!important;margin:0 0 7px!important}
  .pf-bottom-centered>span{font-size:.56rem!important}
  .pf-signature{width:100%!important}
}

/* Main design: original stylesheet 7. */
/* =========================================================
   V12 — FINAL RESPONSIVE FOOTER
   Designed for 320px–1440px screens.
   Mobile: clean 2-column links/contact + full-width payments.
   ========================================================= */

/* Never allow decorative footer elements to create overflow. */
.premium-footer,
.premium-footer .pf-shell,
.premium-footer .pf-columns,
.premium-footer .pf-col,
.premium-footer .pf-contact,
.premium-footer .pf-accept-mobile,
.premium-footer .pf-bottom,
.premium-footer .pf-signature{min-width:0;max-width:100%;}
.premium-footer{overflow:hidden!important;}
.pf-waves{display:none!important;}
#topBtn,.top,.pf-footer-top{display:none!important;}

/* Payment block — desktop */
.pf-accept-mobile{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
  width:100%!important;
  margin-top:42px!important;
  padding:0 0 24px!important;
  border-bottom:1px solid rgba(91,111,160,.18)!important;
}
.pf-accept-mobile h4{
  flex:0 0 auto!important;
  margin:0!important;
  white-space:nowrap!important;
}
.pf-accept-mobile .payment-badges{
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  width:auto!important;
  min-width:0!important;
}
.pf-accept-mobile .payment-badges>span{
  flex:0 1 82px!important;
  width:auto!important;
  min-width:62px!important;
  height:46px!important;
  padding:0 10px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  border-radius:12px!important;
  font-size:.68rem!important;
}
.pf-accept-mobile .payment-badges .mc{display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;}
.pf-accept-mobile .payment-badges .mc b{width:23px!important;height:23px!important;}
.pf-accept-mobile .payment-badges .gpay{font-size:.67rem!important;}
.pf-accept-mobile .payment-badges .btc{font-size:1.05rem!important;}

/* Bottom signature area */
.pf-bottom{
  display:grid!important;
  grid-template-columns:1fr minmax(260px,340px)!important;
  align-items:center!important;
  gap:28px!important;
  width:100%!important;
  margin-top:0!important;
  padding:24px 0 28px!important;
  border-top:0!important;
}
.pf-bottom-centered{
  width:100%!important;
  text-align:left!important;
}
.pf-bottom-centered p{
  margin:0 0 8px!important;
  color:#aeb9d1!important;
  font-size:.68rem!important;
  line-height:1.5!important;
}
.pf-bottom-centered>span{
  color:#aeb9d1!important;
  font-size:.64rem!important;
  line-height:1.5!important;
}
.pf-signature{
  width:100%!important;
  min-width:0!important;
  min-height:64px!important;
  padding:12px 14px!important;
  border-radius:16px!important;
}

/* Contact items — compact but readable */
.pf-contact-item{
  min-width:0!important;
  width:100%!important;
  gap:10px!important;
}
.pf-contact-item i{
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
  border-radius:11px!important;
  font-size:.86rem!important;
}
.pf-contact-item>span{
  min-width:0!important;
  flex:1 1 auto!important;
}
.pf-contact-item b,
.pf-contact-item small{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

/* Tablets */
@media (max-width:900px){
  .pf-columns{grid-template-columns:1fr 1fr!important;gap:34px 22px!important;}
  .pf-col{padding-left:0!important;padding-right:0!important;border-left:0!important;}
  .pf-contact{grid-column:2!important;}
  .pf-accept-mobile{gap:20px!important;}
  .pf-accept-mobile .payment-badges{gap:7px!important;}
  .pf-accept-mobile .payment-badges>span{min-width:55px!important;padding:0 7px!important;}
}

/* Phones */
@media (max-width:620px){
  .premium-footer{padding:42px 0 0!important;}
  .pf-divider{margin:30px 0 28px!important;}

  .pf-columns{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:18px!important;
    row-gap:34px!important;
  }
  .pf-col{padding:0!important;min-width:0!important;}
  .pf-col h4{font-size:.64rem!important;margin-bottom:17px!important;}
  .pf-col>a:not(.pf-contact-item){
    width:100%!important;
    max-width:100%!important;
    gap:9px!important;
    margin-bottom:14px!important;
    font-size:.69rem!important;
  }
  .pf-col>a>span{width:17px!important;flex-basis:17px!important;font-size:.84rem!important;}

  /* Company + Contact remain side-by-side */
  .pf-contact{grid-column:2!important;}
  .pf-contact-item{gap:8px!important;margin-bottom:12px!important;}
  .pf-contact-item i{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:10px!important;font-size:.78rem!important;}
  .pf-contact-item b{font-size:.62rem!important;line-height:1.25!important;}
  .pf-contact-item small{font-size:clamp(8.2px,2.35vw,10px)!important;line-height:1.35!important;white-space:normal!important;}

  /* Payments: heading on its own line, badges below. */
  .pf-accept-mobile{
    display:block!important;
    margin-top:30px!important;
    padding:0 0 22px!important;
  }
  .pf-accept-mobile h4{
    display:block!important;
    width:max-content!important;
    margin:0 0 16px!important;
    font-size:.66rem!important;
  }
  .pf-accept-mobile .payment-badges{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
  }
  .pf-accept-mobile .payment-badges>span{
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    padding:0 4px!important;
    border-radius:12px!important;
    font-size:.58rem!important;
  }
  .pf-accept-mobile .payment-badges .mc b{width:21px!important;height:21px!important;}
  .pf-accept-mobile .payment-badges .gpay{font-size:.57rem!important;}
  .pf-accept-mobile .payment-badges .btc{font-size:1rem!important;}

  /* Copyright centered, signature underneath. */
  .pf-bottom{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:16px!important;
    padding:20px 0 26px!important;
    text-align:center!important;
  }
  .pf-bottom-centered{
    width:100%!important;
    text-align:center!important;
  }
  .pf-bottom-centered p{font-size:.60rem!important;margin:0 0 7px!important;}
  .pf-bottom-centered>span{font-size:.56rem!important;}
  .pf-signature{width:100%!important;min-height:58px!important;text-align:left!important;}
  .pf-signature b{font-size:.57rem!important;letter-spacing:.10em!important;}
  .pf-signature small{font-size:.52rem!important;}
}

/* Small phones — prevent cramped payment cards and text collisions. */
@media (max-width:390px){
  .pf-columns{column-gap:14px!important;row-gap:30px!important;}
  .pf-col>a:not(.pf-contact-item){font-size:.65rem!important;}
  .pf-contact-item i{width:34px!important;height:34px!important;flex-basis:34px!important;font-size:.72rem!important;}
  .pf-contact-item b{font-size:.58rem!important;}
  .pf-contact-item small{font-size:8px!important;}
  .pf-accept-mobile .payment-badges{gap:5px!important;}
  .pf-accept-mobile .payment-badges>span{height:44px!important;font-size:.48rem!important;padding:0 2px!important;}
  .pf-accept-mobile .payment-badges .mc b{width:18px!important;height:18px!important;}
  .pf-accept-mobile .payment-badges .btc{font-size:.9rem!important;}
  .pf-signature b{font-size:.52rem!important;}
  .pf-signature small{font-size:.49rem!important;}
}

/* Very narrow devices */
@media (max-width:340px){
  .pf-columns{column-gap:10px!important;}
  .pf-col>a:not(.pf-contact-item){font-size:.61rem!important;}
  .pf-contact-item{gap:6px!important;}
  .pf-contact-item i{width:31px!important;height:31px!important;flex-basis:31px!important;}
  .pf-contact-item b{font-size:.55rem!important;}
  .pf-contact-item small{font-size:7.5px!important;}
  .pf-accept-mobile .payment-badges{gap:3px!important;}
  .pf-accept-mobile .payment-badges>span{height:41px!important;font-size:.43rem!important;}
}

/* Main design: original stylesheet 8. */
/* V14 — centered footer brand + completely removed payment section */
@media (max-width: 767px){
  .premium-footer .pf-hero{
    display:block !important;
  }

  .premium-footer .pf-brand-block{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    text-align:center !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .premium-footer .pf-logo{
    justify-content:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .premium-footer .pf-brand-block > p{
    max-width:560px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }

  .premium-footer .pf-socials{
    justify-content:center !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .premium-footer .pf-divider{
    margin-top:28px !important;
  }

  /* Payment section has been removed entirely. */
  .premium-footer .pf-accept-mobile{
    display:none !important;
  }
}

@media (min-width:768px){
  .premium-footer .pf-accept-mobile{
    display:none !important;
  }
}

/* Main design: original stylesheet 9. */
/* V17 — footer spacing + persistent fixed header */

/* Keep the header visible while the page scrolls. */
.header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:9000!important;
  background:color-mix(in srgb,var(--bg) 78%,transparent)!important;
  border-bottom-color:var(--line)!important;
  backdrop-filter:blur(20px) saturate(155%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(155%)!important;
}
.header.scrolled{
  background:color-mix(in srgb,var(--bg) 88%,transparent)!important;
  border-bottom-color:var(--line2)!important;
  box-shadow:0 18px 48px -34px rgba(0,0,0,.72)!important;
}
/* Header is fixed, so restore its old space in document flow. */
main#top{
  padding-top:var(--header)!important;
}

/* Give the social row and newsletter card a deliberate breathing space. */
.pf-brand-block .pf-socials{
  margin-bottom:24px!important;
}
.pf-newsletter-card{
  margin-top:0!important;
}

@media(max-width:620px){
  .pf-brand-block .pf-socials{
    margin-bottom:28px!important;
  }
  .pf-newsletter-card{
    margin-top:0!important;
  }
}
@media(max-width:390px){
  .pf-brand-block .pf-socials{
    margin-bottom:24px!important;
  }
}

/* Main design: original stylesheet 10. */
/* FINAL V13 RESPONSIVE FOOTER
   - No Google Pay
   - Payment section removed in V14
   - Compact, balanced brand/social intro
   - Prevents contact text wrapping
*/
.pf-hero,
.pf-columns,
.pf-bottom,
.pf-accept-mobile{min-width:0}

.pf-brand-block{min-width:0}
.pf-brand-block .pf-logo{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
}
.pf-brand-block>p{
  max-width:470px!important;
}
.pf-socials{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
}

/* Payment row */
.pf-accept-mobile{
  min-width:0!important;
}
.pf-accept-mobile .payment-badges{
  min-width:0!important;
}
.pf-accept-mobile .payment-badges>span{
  min-width:0!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
}

/* Never allow contact details to break one character at a time. */
.pf-contact-item,
.pf-contact-item>span,
.pf-contact-item small{
  min-width:0!important;
}
.pf-contact-item small{
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

/* No obsolete controls/waves */
#topBtn,.top,.pf-waves{display:none!important}

@media(max-width:620px){
  .premium-footer{
    padding:36px 0 0!important;
  }

  .pf-hero{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }

  /* Compact brand intro */
  .pf-brand-block .pf-logo .mark{
    width:48px!important;
    height:48px!important;
    border-radius:14px!important;
    font-size:.66rem!important;
  }
  .pf-brand-block .pf-logo .logo-name{
    font-size:1.15rem!important;
  }
  .pf-brand-block>p{
    max-width:100%!important;
    margin:13px 0 15px!important;
    font-size:.70rem!important;
    line-height:1.55!important;
  }
  .pf-socials{
    gap:8px!important;
  }
  .pf-social{
    width:38px!important;
    height:38px!important;
    border-radius:11px!important;
  }
  .pf-social svg{
    width:18px!important;
    height:18px!important;
  }

  /* Newsletter stays full width and does not stretch the page unnecessarily. */
  .pf-newsletter-card{
    width:100%!important;
    max-width:none!important;
    padding:18px 14px!important;
    border-radius:18px!important;
  }

  .pf-divider{
    margin:28px 0 25px!important;
  }

  /* Clean 2 x 2 footer columns */
  .pf-columns{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:18px!important;
    row-gap:30px!important;
  }
  .pf-col{
    min-width:0!important;
    padding:0!important;
  }
  .pf-col:nth-child(even){
    border-left:0!important;
  }
  .pf-col h4{
    font-size:.72rem!important;
  }
  .pf-col>a{
    min-width:0!important;
    white-space:nowrap!important;
  }

  /* Payment section: heading above the five equal cards. */
  .pf-accept-mobile{
    display:block!important;
    width:100%!important;
    margin:30px 0 0!important;
    padding:0 0 20px!important;
    border-bottom:1px solid rgba(91,111,160,.20)!important;
  }
  .pf-accept-mobile h4{
    display:block!important;
    width:auto!important;
    margin:0 0 13px!important;
    font-size:.68rem!important;
    line-height:1.2!important;
  }
  .pf-accept-mobile h4:after{
    display:block!important;
    width:34px!important;
    height:2px!important;
    margin-top:7px!important;
  }
  .pf-accept-mobile .payment-badges{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
  }
  .pf-accept-mobile .payment-badges>span{
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    height:48px!important;
    padding:0 3px!important;
    border-radius:12px!important;
    font-size:.57rem!important;
    overflow:hidden!important;
  }
  .pf-accept-mobile .payment-badges .mc{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .pf-accept-mobile .payment-badges .mc b{
    width:20px!important;
    height:20px!important;
  }
  .pf-accept-mobile .payment-badges .mc b+b{
    margin-left:-6px!important;
  }
  .pf-accept-mobile .payment-badges .btc{
    font-size:1rem!important;
  }

  /* Bottom text centered, compact and without a second logo. */
  .pf-bottom{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    width:100%!important;
    gap:16px!important;
    padding:20px 0 24px!important;
    text-align:center!important;
  }
  .pf-bottom-centered{
    width:100%!important;
    text-align:center!important;
  }
  .pf-bottom-centered p{
    margin:0 0 8px!important;
    font-size:.61rem!important;
    line-height:1.5!important;
  }
  .pf-bottom-centered>span{
    font-size:.57rem!important;
    line-height:1.5!important;
  }
  .pf-signature{
    width:100%!important;
    min-height:58px!important;
  }
}

@media(max-width:380px){
  .pf-brand-block .pf-logo .mark{
    width:44px!important;
    height:44px!important;
    border-radius:13px!important;
  }
  .pf-brand-block .pf-logo .logo-name{
    font-size:1.04rem!important;
  }
  .pf-social{
    width:36px!important;
    height:36px!important;
  }
  .pf-columns{
    column-gap:12px!important;
  }
  .pf-col>a{
    font-size:.64rem!important;
  }
  .pf-accept-mobile .payment-badges{
    gap:4px!important;
  }
  .pf-accept-mobile .payment-badges>span{
    height:44px!important;
    font-size:.52rem!important;
  }
}

/* Main design: original stylesheet 11. */
/* V15 — unified Font Awesome footer icons */
.pf-col>a:not(.pf-contact-item){gap:9px!important;white-space:nowrap!important;}
.pf-col>a:not(.pf-contact-item)>.pf-link-icon{
  width:30px!important;height:30px!important;flex:0 0 30px!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(74,126,219,.28)!important;
  border-radius:9px!important;
  background:rgba(14,31,63,.62)!important;
  color:#9db5ff!important;
  font-size:.72rem!important;
  line-height:1!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
}
.pf-col>a:not(.pf-contact-item):hover>.pf-link-icon{
  border-color:rgba(34,211,238,.55)!important;
  color:#22d3ee!important;
  background:rgba(18,50,88,.82)!important;
}
.pf-col>a>.pf-link-icon i{font-style:normal!important;line-height:1!important;}
.pf-contact-item i{
  width:36px!important;height:36px!important;flex:0 0 36px!important;
  border-radius:10px!important;font-size:.78rem!important;
}
.pf-contact-item{gap:10px!important;margin-bottom:12px!important;}
.pf-contact-item b{font-size:.68rem!important;}
.pf-contact-item small{font-size:.61rem!important;}
@media(max-width:620px){
  .pf-col>a:not(.pf-contact-item){gap:8px!important;margin-bottom:12px!important;font-size:.67rem!important;}
  .pf-col>a:not(.pf-contact-item)>.pf-link-icon{width:28px!important;height:28px!important;flex-basis:28px!important;border-radius:8px!important;font-size:.65rem!important;}
  .pf-contact-item{gap:8px!important;margin-bottom:11px!important;}
  .pf-contact-item i{width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:9px!important;font-size:.68rem!important;}
  .pf-contact-item b{font-size:.61rem!important;}
  .pf-contact-item small{font-size:.54rem!important;}
}
@media(max-width:390px){
  .pf-col>a:not(.pf-contact-item){font-size:.63rem!important;gap:7px!important;}
  .pf-col>a:not(.pf-contact-item)>.pf-link-icon{width:26px!important;height:26px!important;flex-basis:26px!important;font-size:.59rem!important;border-radius:7px!important;}
  .pf-contact-item i{width:30px!important;height:30px!important;flex-basis:30px!important;font-size:.64rem!important;}
}

/* Main design: original stylesheet 12. */
/* V16 — final footer contrast + clean copyright */
.pf-brand-block .pf-logo .logo-name,
.pf-news-copy h3{
  color:#f5f7ff!important;
}
.pf-brand-block .pf-logo .logo-name b,
.pf-brand-block .pf-logo .logo-name i{
  color:transparent!important;
}
.pf-bottom-centered p{
  margin:0!important;
  color:#aeb9d1!important;
}
.pf-bottom-centered>span{display:none!important;}
@media(max-width:620px){
  .pf-bottom-centered p{font-size:.61rem!important;line-height:1.5!important;}
}

/* Product pages: additions scoped to their content. */
/* Product pages share the original landing-page design. */
[hidden]{display:none!important}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}
.drawer{max-height:calc(100dvh - var(--header) - 24px);overflow-y:auto}

.catalog-page .page-hero{position:relative;padding:clamp(36px,5vw,60px) 0 80px}
.catalog-page .breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:clamp(35px,4vw,50px);color:var(--dim);font-size:.72rem}
.catalog-page .breadcrumb a:hover{color:var(--cyan)}
.catalog-page .breadcrumb [aria-current]{color:var(--muted)}
.catalog-page .page-hero h1{font-size:clamp(2.65rem,6.2vw,4.75rem);line-height:.98;overflow-wrap:break-word}
.catalog-page .hero-grid>*,.catalog-page .split-section>*,.catalog-page .hero-art{min-width:0}
.catalog-page .hero-notes{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:25px;color:var(--dim);font-size:.75rem;font-weight:600}
.catalog-page .hero-notes li:before{content:"✓";margin-right:7px;color:var(--green)}
.catalog-page .muted{color:var(--muted)}
.catalog-page .hero-art{position:relative;width:100%}
.catalog-page .hero-art:before{content:"";position:absolute;inset:4%;border-radius:50%;background:radial-gradient(ellipse,rgba(59,130,246,.22),transparent 68%);filter:blur(35px);z-index:-1;pointer-events:none}
.catalog-page .panel-preview{position:relative;padding:25px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(ellipse 90% 70% at 50% 0,rgba(59,130,246,.13),transparent 65%),var(--panel);backdrop-filter:blur(18px);overflow:hidden;box-shadow:0 28px 70px -50px #3b82f6;text-align:left}
.catalog-page .preview-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:23px;padding-bottom:17px;border-bottom:1px solid var(--line);font-size:.73rem;font-weight:700}
.catalog-page .preview-dots{display:flex;gap:5px}
.catalog-page .preview-dots i{display:block;width:6px;height:6px;border-radius:50%;background:var(--dim)}
.catalog-page .preview-label{display:block;color:var(--dim);font-size:.58rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.catalog-page .preview-title{margin:7px 0 20px;font-size:1.65rem;line-height:1.15}
.catalog-page .preview-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);font-size:.82rem;min-width:0}
.catalog-page .preview-row:last-child{border-bottom:0}
.catalog-page .preview-row>div,.catalog-page .preview-row>span:first-child:not(.preview-icon){min-width:0;overflow-wrap:anywhere}
.catalog-page .preview-row strong{display:block;font-size:.83rem}
.catalog-page .preview-row small{display:block;margin-top:3px;color:var(--muted);font-size:.69rem;line-height:1.6}
.catalog-page .preview-row h3{font-size:1.15rem;line-height:1.2;overflow-wrap:anywhere}
.catalog-page .preview-row>span:last-child{margin-left:auto}
.catalog-page .preview-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border:1px solid rgba(120,160,255,.2);border-radius:11px;background:rgba(34,211,238,.08);color:var(--cyan);font-weight:700}
.catalog-page .status-pill,.catalog-page .category-tag{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:6px;max-width:100%;padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:rgba(34,211,238,.04);color:var(--cyan);font-size:.6rem;font-weight:700;line-height:1.4;text-align:center}
.catalog-page .status-pill{border-color:rgba(52,211,153,.22);background:rgba(52,211,153,.07);color:var(--green)}
.catalog-page .preview-footer{margin-top:18px;color:var(--dim);font-size:.66rem}
.catalog-page .preview-row .tag{position:static;display:inline-flex;flex-shrink:0;margin:0 0 0 auto;max-width:100%;padding:5px 9px;font-size:.57rem;letter-spacing:.04em;line-height:1.4}

.catalog-page .section.tint{border-block:1px solid var(--line);background:rgba(120,160,255,.025)}
.catalog-page .card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.catalog-page .catalog-card{display:flex;flex-direction:column;min-width:0;padding:29px 27px}
.catalog-page .catalog-card.featured{background:radial-gradient(circle at 100% 0,rgba(59,130,246,.15),transparent 45%),radial-gradient(circle at 0 100%,rgba(139,92,246,.11),transparent 45%),var(--panel)}
.catalog-page .card-icon{width:53px;height:53px;display:grid;place-items:center;flex:none;margin-bottom:22px;border:1px solid rgba(120,160,255,.2);border-radius:16px;background:linear-gradient(140deg,rgba(34,211,238,.15),rgba(139,92,246,.13));color:var(--cyan);font-size:1.2rem}
.catalog-page .card-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.catalog-page .card-kicker{display:block;margin-bottom:10px;color:var(--dim);font-size:.61rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.catalog-page .catalog-card h3{font-size:1.3rem;line-height:1.2}
.catalog-page .catalog-card>p{margin-top:11px;color:var(--muted);font-size:.83rem;line-height:1.75}
.catalog-page .catalog-card .tag{position:static;display:inline-flex;align-self:flex-start;margin-bottom:18px;padding:5px 10px;max-width:100%;font-size:.57rem;line-height:1.5}
.catalog-page .catalog-card .category-tag{align-self:flex-start;margin-bottom:16px}
.catalog-page .feature-list{display:grid;gap:9px;margin-top:20px;color:var(--muted);font-size:.78rem;text-align:left}
.catalog-page .feature-list li{position:relative;padding-left:20px}
.catalog-page .feature-list li:before{content:"✓";position:absolute;left:0;color:var(--green)}
.catalog-page .card-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto;padding-top:26px}
.catalog-page .card-actions .btn{flex:1;white-space:normal;min-width:0;padding-block:10px;line-height:1.4;text-align:center}
.catalog-page .split-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,6vw,85px);align-items:center}
.catalog-page .split-section>div>p:not(.section-desc){margin-top:19px;color:var(--muted);font-size:.93rem;line-height:1.85}
.catalog-page .info-panel{min-width:0;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);backdrop-filter:blur(18px)}
.catalog-page .info-panel h3{margin-bottom:12px;font-size:1.1rem;line-height:1.2}
.catalog-page .info-panel p{color:var(--muted);font-size:.84rem}
.catalog-page .numbered-list{display:grid;gap:23px;counter-reset:steps;margin-top:25px;list-style:none;padding:0}
.catalog-page .numbered-list li{position:relative;padding-left:46px;counter-increment:steps;color:var(--muted);font-size:.79rem}
.catalog-page .numbered-list li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line2);border-radius:10px;color:var(--cyan);font:700 .74rem Sora,Inter,sans-serif}
.catalog-page .numbered-list strong{display:block;margin-bottom:4px;color:var(--text);font-size:.85rem}
.catalog-page .workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.catalog-page .workflow-card{min-width:0;padding:28px 21px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);backdrop-filter:blur(18px);text-align:center}
.catalog-page .step-number{display:grid;place-items:center;width:55px;height:55px;margin:0 auto 18px;border-radius:50%;background:var(--gradient);color:#fff;font:800 .82rem Sora,Inter,sans-serif;box-shadow:0 0 0 6px color-mix(in srgb,var(--bg) 85%,transparent),0 12px 35px -10px #3b82f6}
.catalog-page .workflow-card h3{font-size:1rem;line-height:1.2}
.catalog-page .workflow-card p{margin-top:9px;color:var(--muted);font-size:.79rem;line-height:1.75}

.catalog-page .table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--line2);border-radius:var(--radius);background:var(--panel);overscroll-behavior-x:contain}
.catalog-page .comparison-table{border-collapse:collapse;width:100%;min-width:620px;font-size:.82rem;text-align:left}
.catalog-page .comparison-table caption{text-align:left;padding:20px 24px;color:var(--muted);font-size:.76rem}
.catalog-page .comparison-table th,.catalog-page .comparison-table td{padding:18px 24px;border-bottom:1px solid var(--line);vertical-align:top}
.catalog-page .comparison-table thead th{background:rgba(120,160,255,.06);font-weight:700;color:var(--text)}
.catalog-page .comparison-table tbody td{color:var(--muted)}
.catalog-page .comparison-table tbody th{min-width:130px;font-weight:600}
.catalog-page .comparison-table tr:last-child>*{border-bottom:0}
.catalog-page .table-note{display:none}
.catalog-page .faq-list{display:grid;gap:11px;max-width:880px;margin:auto}
.catalog-page .faq-item{border:1px solid var(--line);border-radius:17px;background:var(--panel);backdrop-filter:blur(15px);overflow:hidden}
.catalog-page .faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 21px;cursor:pointer;list-style:none;font:600 .88rem/1.5 Sora,Inter,sans-serif}
.catalog-page .faq-item summary::-webkit-details-marker{display:none}
.catalog-page .faq-item summary:after{content:"+";display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border:1px solid var(--line2);border-radius:9px;color:var(--cyan);font:500 1.2rem Inter,sans-serif}
.catalog-page .faq-item[open]{border-color:rgba(120,160,255,.32)}
.catalog-page .faq-item[open] summary:after{content:"−";background:rgba(34,211,238,.1)}
.catalog-page .faq-item>p,.catalog-page .faq-item>div{padding:0 21px 20px;color:var(--muted);font-size:.81rem;line-height:1.85}
.catalog-page .faq-item a{text-decoration:underline;text-underline-offset:3px}
.catalog-page .cta-panel{position:relative;margin-bottom:90px;padding:clamp(50px,8vw,85px) 25px;border:1px solid rgba(120,160,255,.22);border-radius:32px;text-align:center;overflow:hidden;background:radial-gradient(ellipse 70% 120% at 50% 0,rgba(59,130,246,.21),transparent 60%),radial-gradient(ellipse 60% 100% at 80% 100%,rgba(139,92,246,.17),transparent 60%),var(--panel);box-shadow:0 60px 120px -65px #3b82f6}
.catalog-page .cta-panel:before{content:"";position:absolute;width:min(700px,90%);aspect-ratio:1;left:50%;top:-58%;transform:translateX(-50%);border:1px solid rgba(120,160,255,.1);border-radius:50%;box-shadow:0 0 0 60px rgba(120,160,255,.025),0 0 0 130px rgba(120,160,255,.018);pointer-events:none}
.catalog-page .cta-panel>*{position:relative;z-index:2}
.catalog-page .cta-panel h2{font-size:clamp(2rem,5vw,3.5rem)}
.catalog-page .cta-panel>p{max-width:620px;margin:20px auto 31px;color:var(--muted);line-height:1.8}
.catalog-page .cta-panel .hero-actions{justify-content:center}

.catalog-page .catalog-toolbar{display:flex;flex-direction:column;gap:20px;margin-bottom:25px}
.catalog-page .search-field{display:flex;align-items:center;gap:11px;width:min(100%,540px);margin-inline:auto;padding:0 16px;border:1px solid var(--line2);border-radius:16px;background:var(--panel)}
.catalog-page .search-field svg{width:19px;height:19px;flex:none;stroke:var(--muted);fill:none;stroke-width:1.8}
.catalog-page .search-field input{width:100%;min-width:0;height:50px;border:0;background:transparent;color:var(--text);font:500 .84rem Inter,system-ui,sans-serif;outline:none}
.catalog-page .search-field input::placeholder{color:var(--dim)}
.catalog-page .search-field:focus-within{outline:2px solid var(--cyan);outline-offset:3px}
.catalog-page .filter-group{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}
.catalog-page .filter-btn{min-height:40px;padding:8px 17px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);font-size:.74rem;font-weight:700}
.catalog-page .filter-btn:hover{border-color:var(--cyan)}
.catalog-page .filter-btn[aria-pressed="true"],.catalog-page .filter-btn.active{border-color:rgba(139,92,246,.55);background:rgba(139,92,246,.12);color:var(--text)}
.catalog-page .catalog-meta{margin-bottom:20px;color:var(--dim);font-size:.71rem}
.catalog-page .empty-state{padding:45px 24px;border:1px dashed var(--line2);border-radius:var(--radius);text-align:center;color:var(--muted)}
.catalog-page .empty-state h3{margin-bottom:12px;color:var(--text)}
.catalog-page .empty-state .btn{margin-top:20px}
.catalog-page .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:1100px){
  .catalog-page .hero-art{max-width:590px;margin-inline:auto}
  .catalog-page .hero-notes{justify-content:center}
  .catalog-page .hero-copy>.feature-list{justify-content:center}
  .catalog-page .card-grid,.catalog-page .workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:850px){
  .catalog-page .split-section{grid-template-columns:1fr;gap:43px}
}
@media(max-width:620px){
  .catalog-page .page-hero{padding-top:26px;padding-bottom:55px}
  .catalog-page .breadcrumb{margin-bottom:33px;font-size:.68rem}
  .catalog-page .page-hero h1{font-size:clamp(2.45rem,12vw,3.5rem)}
  .catalog-page .card-grid,.catalog-page .workflow-grid{grid-template-columns:1fr}
  .catalog-page .catalog-card{padding:25px 21px}
  .catalog-page .card-actions{flex-direction:column}
  .catalog-page .card-actions .btn{width:100%}
  .catalog-page .hero-notes{gap:10px 16px;font-size:.7rem}
  .catalog-page .panel-preview{padding:20px;border-radius:22px}
  .catalog-page .preview-title{font-size:1.4rem}
  .catalog-page .preview-row{gap:10px;font-size:.75rem}
  .catalog-page .preview-row strong{font-size:.78rem}
  .catalog-page .preview-row small{font-size:.65rem}
  .catalog-page .preview-bar{font-size:.67rem}
  .catalog-page .status-pill,.catalog-page .category-tag{padding:4px 7px;font-size:.55rem}
  .catalog-page .info-panel{padding:25px 21px}
  .catalog-page .comparison-table th,.catalog-page .comparison-table td{padding:15px;font-size:.74rem}
  .catalog-page .table-note{display:block;margin:12px 0 0;color:var(--dim);font-size:.7rem}
  .catalog-page .filter-group{gap:7px}
  .catalog-page .filter-btn{padding-inline:13px;font-size:.69rem}
  .catalog-page .faq-item summary{padding:17px 19px;font-size:.8rem}
  .catalog-page .faq-item>p,.catalog-page .faq-item>div{padding-inline:19px}
  .catalog-page .cta-panel{padding-inline:21px}
}
@media(max-width:380px){
  .catalog-page .page-hero h1{font-size:2.35rem}
  .catalog-page .panel-preview{padding:17px}
  .catalog-page .preview-row .status-pill{display:none}
  .catalog-page .preview-row .tag{padding-inline:6px;font-size:.51rem}
  .catalog-page .preview-row .category-tag{max-width:92px;overflow-wrap:anywhere}
  .catalog-page .preview-row>span:first-child:not(.preview-icon){flex:1}
}

/* Help, policies and resources extend the original design with scoped styles. */
.catalog-page .managed-products{align-items:stretch}
.catalog-page .managed-price{font-weight:800!important;font-size:1.6rem!important;color:var(--text)!important;line-height:1.5}
.catalog-page .managed-price small{font-weight:500;font-size:.72rem;color:var(--muted);margin-left:9px}
.catalog-page .rental-offers.single-offer{grid-template-columns:minmax(0,680px);justify-content:center}
.catalog-page .managed-post-list{display:grid;gap:25px}
.catalog-page .article-container{max-width:900px}
.catalog-page .managed-article{color:var(--muted);font-size:1rem;line-height:1.95;margin-bottom:40px;overflow-wrap:anywhere}
.catalog-page .managed-article p+p{margin-top:24px}
.catalog-page .support-page .support-hero{padding-bottom:65px}
.catalog-page .support-page .support-hero .hero-copy{max-width:860px}
.catalog-page .support-page .support-intro{max-width:700px}
.catalog-page .support-topics{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.catalog-page .support-topics a{padding:9px 15px;border:1px solid var(--line2);border-radius:999px;background:var(--panel);color:var(--muted);font-size:.73rem;font-weight:600}
.catalog-page .support-topics a:hover{color:var(--cyan);border-color:var(--cyan)}
.catalog-page .support-layout{display:grid;grid-template-columns:255px minmax(0,1fr);align-items:start;gap:clamp(30px,5vw,70px)}
.catalog-page .support-layout>*{min-width:0}
.catalog-page .support-sidebar{position:sticky;top:calc(var(--header) + 24px);padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);backdrop-filter:blur(15px)}
.catalog-page .support-sidebar nav{display:grid;gap:5px;margin:15px 0 24px}
.catalog-page .support-sidebar nav a{padding:9px 0;color:var(--muted);font-size:.78rem;line-height:1.5;border-bottom:1px solid var(--line)}
.catalog-page .support-sidebar nav a:hover{color:var(--cyan)}
.catalog-page .support-notice{padding-top:23px;border-top:1px solid var(--line2)}
.catalog-page .support-notice h3{font-size:.98rem;line-height:1.4}
.catalog-page .support-notice p{margin:11px 0 18px;color:var(--muted);font-size:.77rem;line-height:1.8;overflow-wrap:anywhere}
.catalog-page .support-notice .btn{white-space:normal;text-align:center}
.catalog-page .support-section{scroll-margin-top:calc(var(--header) + 25px);margin-bottom:50px}
.catalog-page .support-section:last-child{margin-bottom:0}
.catalog-page .support-section h2{font-size:clamp(1.4rem,2.7vw,1.9rem);line-height:1.2}
.catalog-page .support-section .support-intro{margin:14px 0 23px;color:var(--muted);font-size:.85rem;line-height:1.8}
.catalog-page .support-section .eyebrow{font-size:.61rem;margin-bottom:12px}
.catalog-page .support-section .faq-list{max-width:none;margin-top:24px}
.catalog-page .support-search{margin:0 auto 42px;max-width:740px}
.catalog-page .support-search .search-field{width:100%}
.catalog-page .support-search .catalog-meta{margin-top:14px;text-align:center}
.catalog-page .policy-meta{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:28px;color:var(--dim);font-size:.72rem}
.catalog-page .policy-meta a{color:var(--cyan)}
.catalog-page .policy-source{margin-bottom:38px;padding:20px 24px;border:1px solid var(--line2);border-radius:var(--radius2);background:var(--panel);font-size:.8rem;line-height:1.8;color:var(--muted)}
.catalog-page .policy-document p{overflow-wrap:anywhere}
.catalog-page .policy-document .support-section>p{margin-top:17px;font-size:.91rem;line-height:1.95;color:var(--muted)}
.catalog-page .policy-document a:not(.btn){text-decoration:underline;text-underline-offset:4px}
.catalog-page .policy-document .support-section>.btn{margin-top:22px}
.catalog-page .policy-contact{padding:30px;border:1px solid var(--line2);border-radius:var(--radius);background:linear-gradient(130deg,rgba(34,211,238,.05),rgba(139,92,246,.07)),var(--panel)}
.catalog-page .policy-contact h3{font-size:1.2rem;line-height:1.4}
.catalog-page .policy-contact p{margin:13px 0 20px;color:var(--muted);font-size:.85rem;line-height:1.8}
.catalog-page .policy-contact .hero-actions{gap:10px;margin:0;justify-content:flex-start}
.catalog-page .release-list{position:relative;display:grid;gap:22px;padding-left:28px}
.catalog-page .release-list:before{content:"";position:absolute;left:4px;inset-block:15px;background:linear-gradient(var(--cyan),var(--blue),var(--violet),transparent);width:1px}
.catalog-page .release-card{position:relative;min-width:0;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);backdrop-filter:blur(14px)}
.catalog-page .release-card:before{content:"";position:absolute;top:40px;left:-29px;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px var(--bg),0 0 20px rgba(34,211,238,.3)}
.catalog-page .release-card.featured,.catalog-page .release-card:first-child{border-color:rgba(34,211,238,.26);background:radial-gradient(ellipse at 100% 0,rgba(59,130,246,.13),transparent 65%),var(--panel)}
.catalog-page .release-card header,.catalog-page .release-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:16px}
.catalog-page .release-version{font-size:1.25rem;line-height:1.4}
.catalog-page .release-date{color:var(--dim);font-size:.73rem;font-family:Inter,system-ui,sans-serif;letter-spacing:0}
.catalog-page .release-tags{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0 18px}
.catalog-page .release-tags span{display:inline-flex;padding:5px 10px;border:1px solid var(--line2);border-radius:999px;background:rgba(34,211,238,.04);color:var(--cyan);font-size:.65rem;font-weight:600}
.catalog-page .release-changes{display:grid;gap:9px;color:var(--muted);font-size:.85rem;line-height:1.8}
.catalog-page ul.release-changes li{position:relative;padding-left:18px}
.catalog-page ul.release-changes li:before{content:"·";position:absolute;left:0;color:var(--cyan);font-weight:800}
.catalog-page .blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.catalog-page .blog-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden;backdrop-filter:blur(14px)}
.catalog-page .blog-card.featured,.catalog-page .blog-card.blog-featured{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.1fr}
.catalog-page .blog-grid>.blog-card{padding:30px}
.catalog-page .blog-art{position:relative;display:grid;place-items:center;min-height:210px;padding:40px;background:radial-gradient(ellipse at 35% 35%,rgba(34,211,238,.15),transparent 65%),linear-gradient(140deg,rgba(59,130,246,.08),rgba(139,92,246,.16));border-bottom:1px solid var(--line);color:var(--cyan);overflow:hidden}
.catalog-page .blog-art svg{width:min(220px,80%);height:auto;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.catalog-page .blog-art:before{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(120,160,255,.1);border-radius:50%;box-shadow:0 0 0 30px rgba(120,160,255,.03),0 0 0 60px rgba(120,160,255,.02)}
.catalog-page .blog-art>*{position:relative;z-index:1}
.catalog-page .blog-card.featured .blog-art,.catalog-page .blog-featured .blog-art{min-height:330px;border-bottom:0;border-right:1px solid var(--line)}
.catalog-page .blog-art>span{font-size:.62rem;letter-spacing:.16em;font-weight:700;text-align:center}
.catalog-page .blog-copy,.catalog-page .blog-card-content,.catalog-page .blog-body{padding:30px}
.catalog-page .blog-card h2,.catalog-page .blog-card h3{font-size:1.25rem;line-height:1.35}
.catalog-page .blog-card.featured h2,.catalog-page .blog-featured h3{font-size:clamp(1.7rem,3vw,2.35rem)}
.catalog-page .blog-meta{display:flex;flex-wrap:wrap;gap:9px 16px;margin-bottom:18px;color:var(--dim);font-size:.7rem}
.catalog-page .blog-excerpt{margin:16px 0 24px;color:var(--muted);font-size:.86rem;line-height:1.85}
.catalog-page .blog-card>.blog-copy,.catalog-page .blog-card>.blog-card-content,.catalog-page .blog-body{display:flex;flex-direction:column;flex:1}
.catalog-page .blog-card .btn{align-self:flex-start;margin-top:auto;white-space:normal;text-align:left}
.catalog-page .resource-inline-link{align-self:flex-start;margin-top:14px;color:var(--muted);font-size:.77rem;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){
  .catalog-page .support-hero .hero-copy{text-align:left}
  .catalog-page .support-hero .hero-desc{margin-inline:0}
  .catalog-page .support-layout{grid-template-columns:220px minmax(0,1fr);gap:30px}
  .catalog-page .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  .catalog-page .support-layout{grid-template-columns:1fr}
  .catalog-page .support-sidebar{position:static;padding:22px}
  .catalog-page .support-sidebar nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:12px}
  .catalog-page .support-sidebar nav a{padding-block:8px}
  .catalog-page .support-notice{margin-top:20px}
  .catalog-page .support-section{margin-bottom:40px}
  .catalog-page .blog-card.featured,.catalog-page .blog-featured{grid-template-columns:1fr}
  .catalog-page .blog-card.featured .blog-art,.catalog-page .blog-featured .blog-art{min-height:230px;border-right:0;border-bottom:1px solid var(--line)}
}
@media(max-width:560px){
  .catalog-page .support-topics{gap:8px}
  .catalog-page .support-topics a{font-size:.67rem;padding:8px 12px}
  .catalog-page .policy-meta{display:grid;gap:14px}
  .catalog-page .policy-source,.catalog-page .policy-contact{padding:22px}
  .catalog-page .release-list{padding-left:21px}
  .catalog-page .release-card{padding:23px 20px}
  .catalog-page .release-card:before{left:-22px}
  .catalog-page .release-version{font-size:1.1rem}
  .catalog-page .blog-grid{grid-template-columns:1fr}
  .catalog-page .blog-copy,.catalog-page .blog-card-content,.catalog-page .blog-body,.catalog-page .blog-grid>.blog-card{padding:24px}
}

/* OwnSMMPanel — mobile-friendly blog and article refresh. */
.blog-page .support-hero .hero-copy{max-width:880px}
.blog-page .support-hero .hero-desc{max-width:720px}
.blog-page .managed-post-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.blog-page .managed-post-list>.blog-featured{grid-column:auto;grid-template-columns:1fr;min-width:0}
.blog-page .managed-post-list>.blog-featured .blog-art{min-height:210px;border-right:0;border-bottom:1px solid var(--line)}
.blog-page .managed-post-list>.blog-featured:first-child{grid-column:1/-1;grid-template-columns:.92fr 1.08fr}
.blog-page .managed-post-list>.blog-featured:first-child .blog-art{min-height:310px;border-right:1px solid var(--line);border-bottom:0}
.blog-page .blog-body{min-width:0;justify-content:center}
.blog-page .blog-meta{align-items:center;gap:8px 16px}
.blog-page .blog-excerpt{overflow-wrap:anywhere}
.blog-page .article-container{width:min(100%,880px);max-width:880px;margin-inline:auto}
.blog-page .blog-reading-section{padding-top:28px}
.blog-page .managed-article{padding:clamp(24px,5vw,56px);background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 65px rgba(0,0,0,.12);color:var(--text);line-height:1.88;font-size:clamp(.94rem,1.5vw,1.06rem);overflow-wrap:break-word;word-break:normal}
.blog-page .managed-article p{margin:0 0 1.45em;max-width:75ch}
.blog-page .managed-article p:last-child{margin-bottom:0}
.blog-page .blog-article-hero .hero-copy{max-width:980px}
.blog-page .blog-article-hero h1{overflow-wrap:break-word;line-height:1.16}
.blog-page .blog-back-link{margin-top:26px;white-space:normal}
@media(max-width:800px){
  .blog-page .managed-post-list{grid-template-columns:1fr;gap:18px}
  .blog-page .managed-post-list>.blog-featured:first-child{grid-template-columns:1fr}
  .blog-page .managed-post-list>.blog-featured:first-child .blog-art{min-height:190px;border-right:0;border-bottom:1px solid var(--line)}
}
@media(max-width:560px){
  .blog-page .page-hero{padding-top:28px;padding-bottom:42px}
  .blog-page .page-hero h1{font-size:clamp(2rem,9vw,3rem);line-height:1.13;letter-spacing:-.035em}
  .blog-page .page-hero .hero-desc{font-size:.89rem;line-height:1.75}
  .blog-page .breadcrumb{gap:6px 9px;margin-bottom:24px;line-height:1.6}
  .blog-page .managed-post-list>.blog-featured .blog-art,.blog-page .blog-featured .blog-art{min-height:155px;padding:18px}
  .blog-page .blog-featured .blog-art svg{max-width:160px}
  .blog-page .managed-post-list>.blog-featured:first-child .blog-art{min-height:175px}
  .blog-page .blog-body,.blog-page .blog-copy,.blog-page .blog-card-content{padding:22px 20px}
  .blog-page .blog-featured h3,.blog-page .blog-card.featured h2{font-size:clamp(1.35rem,5.5vw,1.85rem);line-height:1.25}
  .blog-page .blog-meta{margin-bottom:10px;font-size:.7rem}
  .blog-page .blog-excerpt{margin:13px 0 20px;font-size:.85rem;line-height:1.7}
  .blog-page .blog-card .btn{display:flex;width:100%;justify-content:center;text-align:center;align-items:center;min-height:44px}
  .blog-page .blog-grid{gap:15px}
  .blog-page .blog-grid>.blog-card{padding:22px 19px}
  .blog-page .blog-reading-section{padding-top:12px;padding-bottom:45px}
  .blog-page .managed-article{padding:24px 20px;border-radius:18px;font-size:.95rem;line-height:1.85}
  .blog-page .blog-article-hero h1{font-size:clamp(2rem,9vw,2.85rem)}
  .blog-page .blog-back-link{display:flex;justify-content:center;width:100%}
}

.blog-page .managed-article h2{font-size:clamp(1.25rem,2.8vw,1.75rem);line-height:1.35;letter-spacing:-.025em;margin:1.8em 0 .75em;color:var(--text)}
.blog-page .managed-article h2:first-child{margin-top:0}
@media(max-width:560px){.blog-page .managed-article h2{font-size:1.25rem;margin-top:1.55em}}
/* Higher specificity than the desktop featured-grid selector. */
@media(max-width:800px){
 .blog-page .blog-card.blog-featured{grid-template-columns:minmax(0,1fr)}
 .blog-page .blog-card.blog-featured .blog-art{min-height:185px;border-right:0;border-bottom:1px solid var(--line)}
}