:root{--bg:#04070b;--bg-soft:#0a1118;--panel:#0c131b;--panel-2:#101a24;--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.12);--text:#f4f7fb;--muted:#9ba8b7;--muted-2:#7f8a98;--green:#41ea79;--green-2:#22c55e;--green-3:#0d8f3f;--white:#ffffff;--shadow:0 30px 90px rgba(0,0,0,.45);--radius:26px;--radius-sm:18px;--container:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 78% 10%, rgba(65,234,121,.08), transparent 18%),radial-gradient(circle at 18% 18%, rgba(65,234,121,.05), transparent 18%),linear-gradient(180deg,#030507 0%,#060a10 55%,#030507 100%);min-height:100vh;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}body,button,input,textarea,select{-webkit-font-smoothing:antialiased;moz-osx-font-smoothing:grayscale}::selection{background:rgba(65,234,121,.22)}.container{width:min(var(--container),calc(100% - 32px));margin:0 auto}.section{padding:100px 0}.section-sm{padding:70px 0}.tag{display:inline-flex;align-items:center;gap:10px;min-height:38px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:#dce5ef;font-size:12px;font-weight:700;letter-spacing:.15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.tag::before{content:"⚡";font-size:12px}.headline{max-width:760px;margin-bottom:22px}.headline h2{margin:18px 0 14px;font-size:clamp(34px,4.6vw,62px);line-height:.98;letter-spacing:-2px}.headline p{margin:0;color:var(--muted);font-size:19px;line-height:1.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 22px;border-radius:16px;font-weight:800;font-size:15px;transition:.25s ease;border:1px solid transparent;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn.primary{color:#08110c;background:linear-gradient(180deg,#58f18a 0%,#2dd465 100%);box-shadow:0 14px 36px rgba(65,234,121,.22)}.btn.secondary{color:#eef3f8;border-color:rgba(255,255,255,.10);background:rgba(255,255,255,.02)}.btn.ghost{color:#d5dde7;border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.025)}.site-shell{width:min(var(--container),calc(100% - 20px));margin:16px auto;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.05);background:radial-gradient(circle at 84% 16%, rgba(65,234,121,.12), transparent 22%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01)),linear-gradient(180deg,#05090d 0%,#05080d 100%);box-shadow:var(--shadow);position:relative}.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);background:rgba(4,7,11,.68);border-bottom:1px solid rgba(255,255,255,.05)}.nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.4px;font-size:20px}.brand-icon{position:relative;width:22px;height:22px;filter:drop-shadow(0 10px 24px rgba(65,234,121,.22))}.brand-icon::before,.brand-icon::after{content:"";position:absolute;border-radius:5px;background:linear-gradient(180deg,#72ff99 0%,#20b956 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 18px rgba(65,234,121,.18)}.brand-icon::before{width:22px;height:8px;left:0;top:7px}.brand-icon::after{width:8px;height:22px;left:7px;top:0}.brand .ila{color:#49e978;font-style:italic}.brand .plus{color:#fff;font-style:italic}.nav-menu{display:flex;align-items:center;gap:34px;color:#c2cbd7;font-size:14px}.nav-actions{display:flex;align-items:center;gap:14px}.nav-mobile{display:none;width:48px;height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#fff;font-size:20px}.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:28px;align-items:center;min-height:660px;padding:40px 34px 34px}.hero h1{margin:22px 0 0;font-size:clamp(46px,6vw,74px);line-height:.96;letter-spacing:-2.8px;max-width:650px}.hero h1 .accent{display:block;color:var(--green)}.hero p{margin:24px 0 0;max-width:580px;color:var(--muted);font-size:22px;line-height:1.58}.hero-cta{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}.hero-cta .btn{min-height:58px;padding:0 24px;border-radius:18px;font-size:17px}.hero-benefits{margin-top:28px;display:flex;gap:24px 28px;flex-wrap:wrap;color:#c7d1db;font-size:15px;font-weight:600}.hero-benefits span{padding-left:22px;position:relative}.hero-benefits span::before{content:"✓";position:absolute;left:0;top:0;color:#52ef81;font-weight:900}.hero-proof{margin-top:56px;padding-top:26px;border-top:1px solid rgba(255,255,255,.06);color:#8f9cac}.hero-proof p{margin:0 0 20px;font-size:15px;color:#b2bdcb;text-align:center;max-width:none}.proof-row{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;text-align:center;font-size:18px;color:#7d8796}.hero-visual{position:relative;min-height:580px;height:100%}.visual-glow{position:absolute;right:40px;top:82px;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle, rgba(65,234,121,.24) 0%, rgba(65,234,121,.10) 32%, transparent 68%);filter:blur(14px)}.screen-card{position:absolute;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.06);box-shadow:0 30px 70px rgba(0,0,0,.5)}.screen-card.light{width:325px;height:442px;right:92px;top:70px;background:linear-gradient(180deg,#fff 0%,#edf1f4 100%);transform:rotate(-8deg);z-index:1}.screen-card.dark{width:310px;height:440px;right:178px;top:154px;background:linear-gradient(180deg,#10161d 0%,#090c11 100%);transform:rotate(8deg);z-index:2}.screen-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;font-size:13px;color:#97a1ae}.mini-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13px}.mini-plus{position:relative;width:14px;height:14px}.mini-plus::before,.mini-plus::after{content:"";position:absolute;border-radius:4px;background:linear-gradient(180deg,#67ef90 0%,#2cc863 100%)}.mini-plus::before{width:14px;height:5px;left:0;top:4.5px}.mini-plus::after{width:5px;height:14px;left:4.5px;top:0}.light-body{padding:8px 24px 24px;color:#101317}.light-body h3{font-size:22px;line-height:1.24;margin:24px 0 10px;letter-spacing:-.6px}.light-body p{margin:0 0 18px;color:#6b7380;font-size:13px;line-height:1.55}.mini-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border-radius:12px;font-size:13px;font-weight:700;background:linear-gradient(180deg,#57ea83 0%,#31d266 100%);color:#0b120d}.light-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:18px;align-items:end}.metric-box{border-radius:20px;background:linear-gradient(180deg,#15191f 0%,#090b10 100%);color:#fff;padding:18px;min-height:122px;display:flex;flex-direction:column;justify-content:space-between}.metric-box strong{font-size:42px;line-height:1}.phone-box{border-radius:20px;background:#f4f7fa;border:1px solid #dde4ea;padding:18px;color:#1a2330;min-height:122px;display:flex;flex-direction:column;justify-content:space-between}.tag-mini{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#0f1720;color:#fff;font-size:11px;font-weight:800}.dark-body{padding:22px;display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - 58px)}.dark-pill{display:inline-flex;min-height:30px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.06);font-size:12px;align-items:center}.dark-title{font-size:30px;line-height:1.05;margin-top:16px;font-weight:900;letter-spacing:-1px}.dark-sub{font-size:13px;color:#9ca7b5;line-height:1.6;margin-top:12px;max-width:240px}.dark-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.thumb-box{height:76px;border-radius:16px;background:linear-gradient(180deg,#1a212a,#0e1319)}.bar{height:8px;border-radius:999px;background:rgba(255,255,255,.08);margin-top:10px}.bar.short{width:62%}.stats,.features,.themes,.pricing{display:grid;gap:22px}.stats{grid-template-columns:repeat(4,1fr)}.stat-card,.feature-card,.theme-card,.price-card,.detail-card,.legal-card,.contact-card,.contact-form,.faq-item{border-radius:26px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.015));box-shadow:0 25px 60px rgba(0,0,0,.25)}.stat-card{padding:26px}.stat-card strong{display:block;font-size:40px;letter-spacing:-1.6px}.stat-card span{display:block;margin-top:12px;color:#cfd8e4;font-size:15px}.gain{margin-top:14px;color:#59ef8a;font-size:13px;font-weight:700}.features{grid-template-columns:repeat(3,1fr)}.feature-card{padding:30px}.feature-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(65,234,121,.12);font-size:24px;margin-bottom:20px}.feature-card h3{margin:0;font-size:24px;letter-spacing:-.6px}.feature-card p{margin:12px 0 0;color:var(--muted);line-height:1.7;font-size:15px}.mini-list{margin-top:18px;display:grid;gap:10px;color:#ccd6e0;font-size:14px}.mini-list span{padding-left:18px;position:relative}.mini-list span::before{content:"•";position:absolute;left:0;color:#59ef8a}.themes{grid-template-columns:repeat(3,1fr)}.theme-card{overflow:hidden}.theme-preview{padding:18px;border-bottom:1px solid rgba(255,255,255,.06)}.theme-window{border-radius:20px;background:linear-gradient(180deg,#fff,#edf1f4);overflow:hidden}.theme-window .top{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#eef2f6}.dots{display:flex;gap:6px}.dots span{width:8px;height:8px;border-radius:50%;background:#c9d2dc}.theme-window .body{padding:14px}.hero-block{height:110px;border-radius:20px;background:linear-gradient(135deg,#13202c,#0b1015);margin-bottom:12px}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:10px}.box-a{height:82px;border-radius:16px;background:#dbe4ec}.stack{display:grid;gap:10px}.theme-body{padding:22px}.theme-kicker{display:inline-flex;min-height:30px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.05);align-items:center;font-size:12px;font-weight:800;color:#d7e2ee}.theme-body h3{margin:16px 0 10px;font-size:30px;letter-spacing:-1px}.theme-body p{margin:0;color:var(--muted);font-size:16px;line-height:1.65}.theme-meta{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:16px;color:#b8c5d4}.theme-meta strong{display:block;font-size:20px}.theme-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.dashboard-showcase{border-radius:28px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.02));box-shadow:0 30px 80px rgba(0,0,0,.28);overflow:hidden}.dashboard-grid{display:grid;grid-template-columns:280px 1fr}.sidebar{padding:28px;border-right:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}.side-menu{display:grid;gap:8px;margin-top:34px}.side-menu a{min-height:48px;padding:0 16px;border-radius:14px;display:flex;align-items:center;color:#c8d3df;background:transparent}.side-menu a.active{background:rgba(255,255,255,.05);color:#fff}.upgrade{margin-top:28px;padding:22px;border-radius:20px;background:rgba(65,234,121,.08);border:1px solid rgba(65,234,121,.18)}.upgrade h4{margin:0 0 8px;font-size:20px}.upgrade p{margin:0 0 18px;color:#d0dceb;line-height:1.6;font-size:14px}.dashboard-main{padding:26px}.dash-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.dash-top h3{margin:0;font-size:28px}.dash-note{color:#8490a0;margin-top:6px}.search{min-height:48px;display:flex;align-items:center;padding:0 18px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#8f9aa8;min-width:220px}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}.dash-metric{padding:20px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.dash-metric small{display:block;color:#8f9ba9}.dash-metric strong{display:block;font-size:32px;margin-top:12px}.delta{margin-top:10px;color:#59ef8a;font-size:13px;font-weight:700}.pricing{grid-template-columns:repeat(3,1fr)}.price-card{padding:28px;position:relative}.price-card h3{margin:0;font-size:28px}.price-card p{margin:12px 0 0;color:var(--muted);line-height:1.7}.price{margin-top:24px;font-size:42px;font-weight:900;letter-spacing:-1.8px}.price small{font-size:14px;color:#8e9aa9;font-weight:700}.price-list{display:grid;gap:12px;margin:24px 0 28px}.price-list span{padding-left:22px;position:relative;color:#d8e2ec}.price-list span::before{content:"✓";position:absolute;left:0;color:#59ef8a;font-weight:900}.popular{border-color:rgba(65,234,121,.28);box-shadow:0 30px 80px rgba(65,234,121,.09)}.popular-badge{position:absolute;top:20px;right:20px;display:inline-flex;min-height:32px;padding:0 12px;border-radius:999px;background:rgba(65,234,121,.14);color:#8cffb0;font-size:12px;font-weight:900;align-items:center}.cta{padding:38px;border-radius:30px;background:linear-gradient(135deg,#0f1720,#0a1118);border:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}.cta h2{margin:18px 0 0;font-size:clamp(34px,4.8vw,56px);line-height:1;letter-spacing:-2px}.cta p{margin:18px 0 0;color:#aeb9c8;font-size:18px;line-height:1.7}.cta-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cta-card{padding:22px;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.cta-card strong{display:block;font-size:34px}.cta-card span{display:block;margin-top:12px;color:#9eabba}.footer{padding:34px 0 26px;border-top:1px solid rgba(255,255,255,.06)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}.footer-grid h4{margin:0 0 14px}.footer-grid a,.footer-grid span,.footer-grid p{display:block;color:#aab6c4;margin:8px 0;line-height:1.7}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06);margin-top:24px;color:#8f9cab}.breadcrumb{display:flex;gap:10px;padding-top:24px;color:#97a6b6;font-size:14px}.detail-grid,.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}.theme-preview.large{padding:24px}.detail-card,.legal-card,.contact-card,.contact-form{padding:28px}.detail-card h1,.legal-card h1,.contact-card h2{margin:18px 0 12px;font-size:clamp(34px,4.4vw,58px);line-height:1;letter-spacing:-.05em}.detail-card p,.legal-card p,.contact-card p{margin:0;color:var(--muted);line-height:1.8}.detail-list,.contact-info{display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none;color:#d8e3ee}.detail-list li,.contact-info span{padding-left:18px;position:relative}.detail-list li::before{content:"•";position:absolute;left:0;color:#59ef8a}.contact-form{display:grid;gap:16px}.contact-form label{display:grid;gap:8px}.contact-form span{font-size:13px;font-weight:700;color:#d9e3ee}.contact-form input,.contact-form textarea{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#0a1218;color:#fff;padding:16px}.faq-list{display:grid;gap:14px}.faq-item{padding:0 22px}.faq-item summary{cursor:pointer;list-style:none;padding:22px 0;font-weight:800}.faq-item p{margin:0 0 20px;color:#b3beca;line-height:1.8}@media (max-width:1180px){.hero,.cta,.detail-grid,.contact-grid{grid-template-columns:1fr}.hero-visual{min-height:520px}.stats,.features,.themes,.pricing,.footer-grid,.metric-row{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.proof-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:860px){.nav-menu,.nav-actions a:first-child{display:none}.nav-mobile{display:grid;place-items:center}.hero{padding:20px 16px 18px;min-height:auto}.hero p{font-size:17px}.hero-proof{margin-top:36px}.proof-row{grid-template-columns:repeat(2,1fr);font-size:16px}.hero-visual{min-height:400px}.screen-card.light{width:260px;height:360px;right:36px;top:38px}.screen-card.dark{width:252px;height:356px;right:112px;top:105px}.stats,.features,.themes,.pricing,.metric-row,.footer-grid,.cta-cards,.detail-grid,.contact-grid{grid-template-columns:1fr}.nav{padding:0}.container{width:min(var(--container),calc(100% - 24px))}.hero-cta{display:grid;grid-template-columns:1fr}.theme-actions{display:grid}.footer-bottom{flex-direction:column;align-items:flex-start}.mobile-drawer__panel{width:min(420px,100%)}}
.mobile-drawer{position:fixed;inset:0;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:.2s ease;z-index:40}.mobile-drawer.is-open{opacity:1;pointer-events:auto}.mobile-drawer__panel{height:100%;margin-left:auto;background:#081018;padding:24px;border-left:1px solid rgba(255,255,255,.08);overflow-y:auto}.mobile-drawer__close{width:48px;height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#fff;font-size:28px}.mobile-drawer__nav{display:grid;gap:12px;margin-top:24px}.mobile-drawer__nav a{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.03)}.mobile-drawer__cta{background:linear-gradient(180deg,#58f18a 0%,#2dd465 100%);color:#08110c;font-weight:800}
.mobile-drawer__support{border:1px solid rgba(255,255,255,.08);text-align:center}.flash-banner{margin-top:18px;padding:16px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}.flash-banner--success{background:rgba(65,234,121,.12);border-color:rgba(65,234,121,.2)}.flash-banner--error{background:rgba(255,113,113,.10);border-color:rgba(255,113,113,.2)}.dash-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:16px}.panel{padding:22px;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.panel h4{margin:0 0 12px;font-size:20px}.panel p{margin:0;color:#98a7b7;line-height:1.7}.list{display:grid;gap:10px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}.list-item:last-child{border-bottom:0}.nav-menu a.is-active{color:#fff}.legal-card h1{margin:18px 0 12px}.detail-card h2{margin:12px 0 10px;font-size:34px;letter-spacing:-.04em}.footer-brand p{color:#aab6c4;line-height:1.7}.contact-form button{width:100%}@media (max-width:1180px){.dash-layout{grid-template-columns:1fr}}@media (max-width:860px){.flash-banner{margin-top:12px}.panel{padding:18px}}

.site-shell{
    width:min(1360px,calc(100% - 20px));
    margin:18px auto;
    border-radius:34px;
    border:1px solid rgba(255,255,255,.06);
    background:
        radial-gradient(circle at 84% 12%, rgba(65,234,121,.12), transparent 20%),
        radial-gradient(circle at 18% 16%, rgba(112,154,255,.08), transparent 16%),
        linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01)),
        linear-gradient(180deg,#05090d 0%,#04080d 100%);
}

.site-header{
    top:16px;
    margin:14px;
    border-radius:26px;
    border:1px solid rgba(255,255,255,.06);
    background:rgba(7,10,15,.76);
    box-shadow:0 18px 42px rgba(0,0,0,.18);
}

.nav-meta{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    min-height:54px;
    border-bottom:1px solid rgba(255,255,255,.06);
    color:#aeb8c5;
}

.nav-meta__eyebrow{
    display:flex;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
}

.nav-meta__pill{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:0 12px;
    border-radius:999px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    color:#e9f1fb;
    font-size:11px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.nav-meta__line,.nav-meta__support a{
    font-size:13px;
    color:#95a3b5;
}

.nav{
    min-height:92px;
    gap:24px;
}

.brand{
    font-size:22px;
    letter-spacing:-.05em;
}

.nav-menu{
    gap:28px;
}

.nav-menu a{
    position:relative;
    color:#bec8d4;
    font-weight:600;
}

.nav-menu a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-10px;
    width:100%;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,#59ef8a,#7ec8ff);
    opacity:0;
    transform:scaleX(.45);
    transition:.22s ease;
}

.nav-menu a:hover::after,
.nav-menu a.is-active::after{
    opacity:1;
    transform:scaleX(1);
}

.nav-actions__link{
    color:#d9e2ed;
    font-weight:700;
    font-size:14px;
}

.hero{
    padding:56px 42px 34px;
    gap:36px;
    min-height:700px;
}

.hero h1{
    max-width:720px;
}

.hero p{
    max-width:620px;
    font-size:21px;
}

.hero-benefits{
    gap:14px 22px;
}

.hero-benefits span{
    display:inline-flex;
    align-items:center;
    min-height:36px;
    padding:0 14px 0 34px;
    border-radius:999px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
}

.hero-proof{
    margin-top:44px;
}

.proof-row{
    padding:18px 0 0;
    color:#a2b0c1;
    font-size:15px;
}

.visual-glow{
    width:470px;
    height:470px;
    right:10px;
}

.screen-card{
    box-shadow:0 34px 90px rgba(0,0,0,.42);
}

.editorial-band{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:22px;
    align-items:stretch;
}

.editorial-band__copy,
.editorial-chip{
    border-radius:28px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));
    box-shadow:0 24px 70px rgba(0,0,0,.18);
}

.editorial-band__copy{
    padding:32px;
}

.editorial-band__copy h2{
    margin:18px 0 12px;
    font-size:clamp(30px,4vw,48px);
    line-height:1.02;
    letter-spacing:-.05em;
}

.editorial-band__copy p{
    margin:0;
    color:#a9b7c8;
    line-height:1.82;
    font-size:17px;
}

.editorial-band__stack{
    display:grid;
    grid-template-columns:1fr;
    gap:16px;
}

.editorial-chip{
    padding:24px;
}

.editorial-chip strong{
    display:block;
    font-size:34px;
    line-height:1;
    letter-spacing:-.05em;
}

.editorial-chip span{
    display:block;
    margin-top:10px;
    color:#97a8bb;
}

.headline{
    margin-bottom:28px;
}

.headline h2{
    margin:16px 0 12px;
    font-size:clamp(38px,4.8vw,64px);
}

.stats,.features,.themes,.pricing{
    gap:24px;
}

.stat-card,.feature-card,.theme-card,.price-card,.detail-card,.legal-card,.contact-card,.contact-form,.faq-item,.cta-card{
    border-color:rgba(255,255,255,.07);
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.018));
    box-shadow:0 28px 70px rgba(0,0,0,.22);
}

.feature-card{
    padding:34px;
}

.feature-card h3{
    font-size:28px;
}

.theme-card{
    border-radius:30px;
}

.theme-preview{
    padding:22px;
}

.theme-body{
    padding:24px 24px 26px;
}

.theme-body h3{
    font-size:32px;
}

.theme-actions .btn,
.footer-bottom__actions .btn{
    min-height:52px;
}

.dashboard-showcase{
    border-radius:32px;
    background:
        radial-gradient(circle at 86% 18%, rgba(65,234,121,.08), transparent 18%),
        linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.02));
}

.sidebar{
    background:rgba(255,255,255,.024);
}

.upgrade{
    border-radius:24px;
}

.price-card{
    border-radius:30px;
}

.cta{
    padding:42px;
    border-radius:34px;
}

.cta-cards{
    align-content:start;
}

.cta-card{
    min-height:150px;
}

.footer{
    padding:24px 0 0;
    background:linear-gradient(180deg,rgba(255,255,255,.01),rgba(255,255,255,0));
}

.footer-shell{
    width:100%;
    margin:0;
    border-radius:0 0 28px 28px;
    overflow:hidden;
    border-top:1px solid rgba(255,255,255,.07);
    border-right:0;
    border-bottom:0;
    border-left:0;
    background:
        radial-gradient(circle at 82% 10%, rgba(65,234,121,.09), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
    box-shadow:none;
}

.footer-shell__hero{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:28px;
    align-items:center;
    padding:38px 42px 34px;
    border-bottom:1px solid rgba(255,255,255,.07);
}

.footer-shell__hero-copy h2{
    margin:18px 0 10px;
    font-size:clamp(34px,4.5vw,64px);
    line-height:.98;
    letter-spacing:-.06em;
    max-width:880px;
}

.footer-shell__hero-copy p{
    margin:0;
    max-width:880px;
    color:#aebbc8;
    font-size:19px;
    line-height:1.72;
}

.footer-shell__hero-actions{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
}

.footer-shell__hero-actions .btn{
    min-height:76px;
    padding:0 30px;
    border-radius:24px;
    font-size:18px;
}

.footer-shell__body{
    display:grid;
    grid-template-columns:1.35fr .8fr .8fr .9fr;
    gap:28px;
    padding:36px 42px;
    border-bottom:1px solid rgba(255,255,255,.07);
}

.footer-shell__brand{
    padding-right:24px;
}

.footer-shell__brand-link{
    align-items:flex-start;
    font-size:24px;
}

.footer-shell__brand-link small{
    display:block;
    margin-top:8px;
    color:#9fb0c1;
    font-size:15px;
    font-weight:600;
    letter-spacing:-.01em;
}

.footer-shell__brand p{
    margin:28px 0 0;
    color:#aab8c7;
    font-size:18px;
    line-height:1.78;
    max-width:520px;
}

.footer-shell__brand-metrics{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    margin-top:26px;
}

.footer-shell__brand-metrics article{
    padding:18px 18px 16px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.06);
    background:rgba(255,255,255,.025);
}

.footer-shell__brand-metrics strong{
    display:block;
    font-size:28px;
    letter-spacing:-.05em;
}

.footer-shell__brand-metrics span{
    display:block;
    margin-top:10px;
    color:#99aab9;
    line-height:1.6;
}

.footer-shell__column{
    display:grid;
    align-content:start;
    gap:16px;
}

.footer-shell__column h4{
    margin:8px 0 4px;
    color:#9df1b6;
    font-size:13px;
    font-weight:900;
    letter-spacing:.16em;
}

.footer-shell__column a,
.footer-shell__column span{
    display:block;
    color:#dce4ed;
    font-size:16px;
    line-height:1.7;
}

.footer-shell__column a{
    transition:.22s ease;
}

.footer-shell__column a:hover{
    color:#fff;
    transform:translateX(2px);
}

.footer-shell__column span{
    color:#aab8c7;
}

.footer-shell__bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    padding:22px 42px 24px;
    color:#98a8b7;
    font-size:15px;
    line-height:1.6;
}

.mobile-drawer__panel{
    background:
        radial-gradient(circle at 84% 16%, rgba(65,234,121,.1), transparent 18%),
        #081018;
}

.mobile-drawer__brand{
    display:flex;
    align-items:center;
    gap:14px;
    padding:0 0 18px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.mobile-drawer__brand strong{
    display:block;
    font-size:22px;
    letter-spacing:-.04em;
}

.mobile-drawer__brand span:last-child{
    display:block;
    margin-top:4px;
    color:#8ea4b8;
    font-size:13px;
}

.mobile-drawer__nav{
    margin-top:20px;
}

.mobile-drawer__nav a{
    border:1px solid rgba(255,255,255,.06);
}

@media (max-width:1180px){
    .editorial-band{
        grid-template-columns:1fr;
    }
}

@media (max-width:860px){
    .site-header{
        margin:10px;
    }

    .nav-meta{
        display:none;
    }

    .hero{
        padding:28px 18px 18px;
    }

    .editorial-band__copy{
        padding:24px;
    }

    .footer-brand__metrics{
        grid-template-columns:1fr;
    }

    .footer-bottom__actions{
        width:100%;
        display:grid;
    }
}

.theme-showcase-hero__grid{display:grid;grid-template-columns:1.04fr .96fr;gap:28px;align-items:center}
.theme-showcase-hero__content h1{margin:20px 0 0;font-size:clamp(42px,5.6vw,76px);line-height:.96;letter-spacing:-.06em;max-width:760px}
.theme-showcase-hero__content p{margin:22px 0 0;max-width:660px;color:#aebacd;font-size:20px;line-height:1.75}
.theme-showcase-trust{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.theme-showcase-trust span,.theme-showcase-note{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);color:#dfe8f4;font-size:13px;font-weight:700}
.theme-showcase-note{margin-top:18px;color:#9eb0c3;font-weight:600}
.theme-showcase-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}
.theme-showcase-matrix__item{padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}
.theme-showcase-matrix__item small{display:block;color:#8fa3b8;font-size:11px;letter-spacing:.08em;font-weight:800}
.theme-showcase-matrix__item strong{display:block;margin-top:10px;font-size:18px;letter-spacing:-.03em}
.theme-showcase-hero__preview{position:relative;min-height:540px}
.theme-showcase-device{position:absolute;border-radius:30px;border:1px solid rgba(255,255,255,.08);box-shadow:0 36px 90px rgba(0,0,0,.32);overflow:hidden}
.theme-showcase-device--desktop{width:420px;height:470px;right:26px;top:28px;background:linear-gradient(180deg,#101722,#06090e)}
.theme-showcase-device--mobile{width:220px;height:430px;left:10px;bottom:10px;background:linear-gradient(180deg,#ffffff,#ebeff4);z-index:2}
.theme-showcase-device__bar{height:48px;display:flex;align-items:center;gap:8px;padding:0 18px;background:rgba(255,255,255,.03)}
.theme-showcase-device__bar span{width:10px;height:10px;border-radius:50%;background:#7f92a8}
.theme-showcase-device__screen{padding:18px;height:calc(100% - 48px)}
.theme-showcase-device__image{width:100%;height:100%;object-fit:cover;border-radius:20px}
.theme-showcase-device__image--mobile{border-radius:18px}
.theme-showcase-device__hero{height:180px;border-radius:24px;background:linear-gradient(135deg,#13202c,#0a0f15);border:1px solid rgba(255,255,255,.04)}
.theme-showcase-device__rows{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:16px}
.theme-showcase-device__rows div,.theme-showcase-device__mobile-top,.theme-showcase-device__mobile-cta,.theme-showcase-device__mobile-stack{border-radius:18px;background:rgba(255,255,255,.08);height:110px}
.theme-showcase-device__mobile-top{height:170px;background:linear-gradient(180deg,#dfe6ef,#f7fafc)}
.theme-showcase-device__mobile-cta{height:52px;margin-top:12px;background:linear-gradient(180deg,#58f18a 0%,#2dd465 100%)}
.theme-showcase-device__mobile-stack{height:150px;margin-top:12px;background:linear-gradient(180deg,#dce3ec,#eef2f6)}
.theme-preview-shell{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:20px;align-items:start}
.theme-preview-lead{padding:28px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));box-shadow:0 28px 70px rgba(0,0,0,.22);position:sticky;top:110px}
.theme-preview-lead__meta{display:flex;justify-content:space-between;gap:16px;align-items:center}
.theme-preview-lead__meta strong{font-size:16px;letter-spacing:-.02em}
.theme-preview-lead h3{margin:18px 0 12px;font-size:36px;line-height:1.02;letter-spacing:-.05em}
.theme-preview-lead p{margin:0;color:#9fb0c2;line-height:1.8}
.theme-preview-lead__stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}
.theme-preview-lead__stats div{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}
.theme-preview-lead__stats small{display:block;color:#8ea1b5;font-size:11px;letter-spacing:.08em;font-weight:800}
.theme-preview-lead__stats strong{display:block;margin-top:10px;font-size:28px;letter-spacing:-.05em}
.theme-preview-lead__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.theme-preview-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.theme-preview-showcase__item{border-radius:28px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));box-shadow:0 28px 70px rgba(0,0,0,.22);overflow:hidden}
.theme-preview-showcase__visual{padding:18px;border-bottom:1px solid rgba(255,255,255,.06)}
.theme-preview-showcase__image{width:100%;height:220px;object-fit:cover;border-radius:22px}
.theme-preview-showcase__frame{height:220px;border-radius:22px;background:linear-gradient(135deg,#111a24,#0a1016);position:relative}
.theme-preview-showcase__frame--mobile{background:linear-gradient(180deg,#f5f7fa,#dce4ed)}
.theme-preview-showcase__frame--panel{background:linear-gradient(180deg,#151d28,#0b1016)}
.theme-preview-showcase__frame::before{content:"";position:absolute;inset:16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015))}
.theme-preview-showcase__body{padding:22px}
.theme-preview-showcase__type{display:inline-flex;min-height:28px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);align-items:center;font-size:11px;font-weight:800;letter-spacing:.08em;color:#d5deea}
.theme-preview-showcase__body h3{margin:16px 0 10px;font-size:28px;letter-spacing:-.04em}
.theme-preview-showcase__body p{margin:0;color:#9fb0c2;line-height:1.7}
.theme-preview-showcase__body .btn{margin-top:18px}
.theme-showcase-card{padding:28px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));box-shadow:0 28px 70px rgba(0,0,0,.2)}
.theme-showcase-card__badge{display:inline-flex;min-height:32px;padding:0 12px;border-radius:999px;background:rgba(88,241,138,.14);color:#8bffb0;align-items:center;font-size:12px;font-weight:800}
.theme-showcase-card h3{margin:18px 0 10px;font-size:30px;letter-spacing:-.04em}
.theme-showcase-card p{margin:0;color:#9eb0c4;line-height:1.72}
.software-power{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:start}
.software-power__copy{padding:30px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015))}
.software-power__copy h2{margin:18px 0 12px;font-size:clamp(34px,4.2vw,54px);line-height:1;letter-spacing:-.05em}
.software-power__copy p{margin:0;color:#a7b6c8;line-height:1.82;font-size:17px}
.software-power__stack{display:grid;gap:12px;margin-top:22px}
.software-power__stack div{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06)}
.software-power__stack small{display:block;color:#8ea1b5;font-size:11px;letter-spacing:.08em;font-weight:800}
.software-power__stack strong{display:block;margin-top:8px;font-size:18px;letter-spacing:-.03em}
.software-power__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.software-power__card,.theme-why-card,.theme-trust-strip__item{padding:22px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));box-shadow:0 24px 60px rgba(0,0,0,.18)}
.software-power__card strong{display:block;font-size:24px;letter-spacing:-.03em}
.software-power__card p{margin:12px 0 0;color:#9db0c3;line-height:1.72}
.software-power__card span{display:inline-flex;margin-top:16px;min-height:30px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.04);align-items:center;color:#d5deea;font-size:12px;font-weight:800}
.theme-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.theme-why-card__top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.theme-why-card h3{margin:0;font-size:26px;letter-spacing:-.04em;max-width:260px}
.theme-why-card p{margin:14px 0 0;color:#9fb0c2;line-height:1.76}
.theme-why-card__metric{text-align:right}
.theme-why-card__metric strong{display:block;font-size:34px;letter-spacing:-.05em}
.theme-why-card__metric span{display:block;margin-top:8px;color:#8ea1b5;font-size:13px}
.theme-trust-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.theme-trust-strip__item strong{display:block;font-size:20px;letter-spacing:-.03em}
.theme-trust-strip__item span{display:block;margin-top:10px;color:#95a8bc}
@media (max-width:1180px){.theme-showcase-hero__grid,.software-power,.theme-preview-shell{grid-template-columns:1fr}.theme-preview-showcase,.theme-why-grid,.theme-trust-strip,.theme-showcase-matrix{grid-template-columns:1fr 1fr}.theme-showcase-hero__preview{min-height:460px}.theme-preview-lead{position:relative;top:auto}}
@media (max-width:860px){.theme-showcase-hero__content h1{font-size:40px}.theme-showcase-hero__content p{font-size:17px}.theme-preview-showcase,.theme-why-grid,.theme-trust-strip,.software-power__grid,.theme-showcase-matrix,.theme-preview-lead__stats{grid-template-columns:1fr}.theme-showcase-hero__preview{min-height:420px}.theme-showcase-device--desktop{width:280px;height:330px;right:10px}.theme-showcase-device--mobile{width:150px;height:300px}.theme-showcase-device__hero{height:120px}.theme-showcase-device__rows div{height:74px}}

.hero-visual--slider-mode{min-height:620px;display:flex;align-items:center;justify-content:center}
.hero-visual--slider-mode .visual-glow{right:78px;top:96px;width:470px;height:470px;background:radial-gradient(circle,rgba(65,234,121,.16) 0%,rgba(65,234,121,.08) 34%,transparent 72%);filter:blur(18px)}
.hero-visual-shell{position:absolute;border-radius:34px;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 70px rgba(0,0,0,.34);overflow:hidden;backdrop-filter:blur(12px)}
.hero-visual-shell::after{content:"";position:absolute;inset:auto 24px 26px;top:auto;height:72px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015))}
.hero-visual-shell--back{width:350px;height:476px;right:84px;top:58px;transform:rotate(-8deg);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(233,238,243,.9));color:#9aa4b1}
.hero-visual-shell--front{width:326px;height:464px;right:188px;top:152px;transform:rotate(8deg);background:linear-gradient(180deg,rgba(16,22,29,.92),rgba(8,12,17,.96));color:#f4f7fa}
.hero-visual-shell__head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;font-size:13px;font-weight:700}
.hero-visual-slider{position:relative;z-index:3;width:min(100%,440px);min-height:560px;display:flex;align-items:flex-end;justify-content:center}
.hero-visual-slider__track{position:relative;width:100%;height:100%;min-height:560px}
.hero-visual-slide{position:absolute;inset:0;opacity:0;transform:translateY(18px) scale(.965);transition:opacity .55s ease,transform .8s cubic-bezier(.22,.61,.36,1);pointer-events:none}
.hero-visual-slide.is-active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.hero-visual-slide__media{position:absolute;inset:0 0 82px;display:flex;align-items:center;justify-content:center;padding:8px}
.hero-visual-slide__image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 30px 50px rgba(0,0,0,.34))}
.hero-visual-slide__copy{position:absolute;left:0;right:0;bottom:0;display:grid;gap:8px;padding:18px 20px 20px;border-radius:24px;background:linear-gradient(180deg,rgba(10,16,23,.9),rgba(7,11,16,.96));border:1px solid rgba(255,255,255,.07);box-shadow:0 16px 40px rgba(0,0,0,.2)}
.hero-visual-slide__copy strong{font-size:20px;line-height:1.08;letter-spacing:-.03em}
.hero-visual-slide__copy span{color:#93a1b3;font-size:14px;line-height:1.6}
.hero-visual-slider__nav{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;align-items:center;gap:14px;z-index:4}
.hero-visual-slider__dots{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:999px;background:rgba(8,12,17,.78);border:1px solid rgba(255,255,255,.07);backdrop-filter:blur(14px)}
.hero-visual-slider__dot,.hero-visual-slider__arrow{border:0;cursor:pointer}
.hero-visual-slider__dot{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.22);transition:.24s ease}
.hero-visual-slider__dot.is-active{width:34px;background:linear-gradient(90deg,#6bff98 0%,#2bc55d 100%)}
.hero-visual-slider__arrow{width:44px;height:44px;border-radius:14px;background:rgba(8,12,17,.78);border:1px solid rgba(255,255,255,.08);color:#f4f8fb;font-size:30px;line-height:1;display:grid;place-items:center;backdrop-filter:blur(14px);transition:.24s ease}
.hero-visual-slider__arrow:hover{transform:translateY(-2px);background:rgba(12,19,26,.9)}

@media (max-width:1180px){
  .hero-visual--slider-mode{min-height:560px}
  .hero-visual-slider{width:min(100%,400px);min-height:520px}
  .hero-visual-slider__track{min-height:520px}
  .hero-visual-shell--back{right:54px;top:48px}
  .hero-visual-shell--front{right:136px;top:130px}
}

@media (max-width:860px){
  .hero-visual--slider-mode{min-height:430px}
  .hero-visual-shell--back{width:260px;height:356px;right:34px;top:34px}
  .hero-visual-shell--front{width:246px;height:346px;right:104px;top:98px}
  .hero-visual-slider{width:min(100%,320px);min-height:390px}
  .hero-visual-slider__track{min-height:390px}
  .hero-visual-slide__media{inset:0 0 102px}
  .hero-visual-slide__copy{padding:16px 16px 18px}
  .hero-visual-slide__copy strong{font-size:17px}
  .hero-visual-slide__copy span{font-size:13px}
  .hero-visual-slider__nav{bottom:10px}
}

:root{
    --font-body:"Manrope","Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    --font-display:"Inter","Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

body{
    font-family:var(--font-body);
    background:
        radial-gradient(circle at 84% 8%, rgba(65,234,121,.11), transparent 18%),
        radial-gradient(circle at 12% 14%, rgba(116,173,255,.08), transparent 18%),
        linear-gradient(180deg,#030508 0%,#050912 52%,#020407 100%);
}

h1,h2,h3,h4,.brand,.btn,.nav-menu a,.nav-menu__link,.theme-body h3,.headline h2,.detail-card h1,.legal-card h1,.contact-card h2{
    font-family:var(--font-display);
}

.tag::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:linear-gradient(180deg,#74f89f 0%,#2cc863 100%);
    box-shadow:0 0 0 4px rgba(65,234,121,.12);
}

.nav-meta__pill,
.theme-preview-showcase__type,
.theme-showcase-card__badge,
.theme-preview-lead__stats small,
.theme-showcase-matrix__item small,
.software-power__stack small{
    text-transform:none;
}

.nav-meta{
    min-height:58px;
}

.nav-meta__support{
    display:flex;
    align-items:center;
    gap:14px;
    color:#95a6b9;
    font-size:13px;
}

.nav-meta__support a{
    color:#eef3f8;
    font-weight:700;
}

.nav-actions__link{
    display:inline-flex;
    align-items:center;
    min-height:48px;
    padding:0 16px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.025);
}

.editorial-chip{
    min-height:132px;
}

.footer-callout{
    display:grid;
    grid-template-columns:1.05fr .95fr .82fr;
    gap:20px;
    padding:0 0 30px;
    margin-bottom:28px;
    border-bottom:1px solid rgba(255,255,255,.06);
}

.footer-callout__copy,
.footer-callout__stats,
.footer-callout__actions{
    padding:28px;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.07);
    background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));
    box-shadow:0 24px 60px rgba(0,0,0,.18);
}

.footer-callout__copy h2{
    margin:18px 0 12px;
    font-size:clamp(28px,3.8vw,44px);
    line-height:1.04;
    letter-spacing:-.05em;
}

.footer-callout__copy p{
    margin:0;
    color:#a8b8ca;
    line-height:1.82;
}

.footer-callout__stats{
    display:grid;
    gap:14px;
}

.footer-callout__stats article{
    padding:18px 20px;
    border-radius:20px;
    background:rgba(255,255,255,.025);
    border:1px solid rgba(255,255,255,.06);
}

.footer-callout__stats strong{
    display:block;
    font-size:34px;
    letter-spacing:-.05em;
}

.footer-callout__stats span{
    display:block;
    margin-top:10px;
    color:#98aabc;
}

.footer-callout__actions{
    display:grid;
    align-content:center;
    gap:12px;
}

.page-hero-section{
    padding:28px 0 82px;
}

.page-hero-shell{
    display:grid;
    grid-template-columns:1.08fr .92fr;
    gap:24px;
    align-items:stretch;
}

.page-hero-shell__copy,
.page-hero-shell__aside{
    padding:34px;
    border-radius:30px;
    border:1px solid rgba(255,255,255,.08);
    background:
        radial-gradient(circle at 84% 12%, rgba(65,234,121,.08), transparent 24%),
        linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));
    box-shadow:0 28px 80px rgba(0,0,0,.22);
}

.page-hero-shell__copy h1{
    margin:18px 0 14px;
    font-size:clamp(38px,4.8vw,66px);
    line-height:.98;
    letter-spacing:-.06em;
    max-width:800px;
}

.page-hero-shell__copy p,
.page-hero-shell__aside p{
    margin:0;
    color:#aab8c8;
    line-height:1.84;
    font-size:17px;
}

.page-hero-shell__highlights{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:22px;
}

.page-hero-shell__highlights span{
    display:inline-flex;
    align-items:center;
    min-height:38px;
    padding:0 16px;
    border-radius:999px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08);
    color:#dbe5f1;
    font-size:13px;
    font-weight:700;
}

.page-hero-shell__metrics{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-top:24px;
}

.page-hero-shell__metric{
    padding:18px 20px;
    border-radius:20px;
    background:rgba(255,255,255,.025);
    border:1px solid rgba(255,255,255,.06);
}

.page-hero-shell__metric small{
    display:block;
    color:#90a3b7;
    font-size:12px;
    font-weight:700;
}

.page-hero-shell__metric strong{
    display:block;
    margin-top:10px;
    font-size:20px;
    letter-spacing:-.03em;
}

.page-hero-shell__aside h2{
    margin:18px 0 12px;
    font-size:clamp(28px,3.6vw,40px);
    line-height:1.06;
    letter-spacing:-.05em;
}

.page-hero-shell__aside-grid{
    display:grid;
    gap:14px;
    margin-top:24px;
}

.page-hero-shell__aside-card{
    padding:18px 20px;
    border-radius:20px;
    background:rgba(255,255,255,.025);
    border:1px solid rgba(255,255,255,.06);
}

.page-hero-shell__aside-card small{
    display:block;
    color:#90a3b7;
    font-size:12px;
    font-weight:700;
}

.page-hero-shell__aside-card strong{
    display:block;
    margin-top:8px;
    font-size:19px;
    letter-spacing:-.03em;
}

.page-hero-shell__aside-card span{
    display:block;
    margin-top:10px;
    color:#a7b7c8;
    line-height:1.72;
    font-size:14px;
}

.theme-catalog__highlights{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:-6px;
    margin-bottom:24px;
}

.theme-catalog__highlights span{
    display:inline-flex;
    align-items:center;
    min-height:38px;
    padding:0 16px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.07);
    background:rgba(255,255,255,.03);
    color:#d9e4ef;
    font-size:13px;
    font-weight:700;
}

.theme-card__visual{
    position:relative;
    padding:18px;
    border-bottom:1px solid rgba(255,255,255,.06);
}

.theme-card__image{
    width:100%;
    height:280px;
    object-fit:cover;
    border-radius:22px;
}

.theme-card__chips{
    position:absolute;
    inset:34px 34px auto;
    display:flex;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
}

.theme-card__chip{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:0 12px;
    border-radius:999px;
    background:rgba(6,10,16,.76);
    border:1px solid rgba(255,255,255,.08);
    color:#eef4fa;
    font-size:12px;
    font-weight:800;
}

.theme-card__chip--accent{
    background:rgba(65,234,121,.18);
    color:#9affbf;
    border-color:rgba(65,234,121,.24);
}

.theme-card__visual-meta{
    display:flex;
    justify-content:space-between;
    gap:12px;
    margin-top:16px;
    color:#a8b7c7;
    font-size:13px;
}

.theme-card__header{
    display:flex;
    justify-content:space-between;
    gap:14px;
    align-items:flex-start;
}

.theme-card__price{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:0 12px;
    border-radius:999px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    color:#edf4fb;
    font-size:12px;
    font-weight:800;
}

.theme-card__bullets{
    display:grid;
    gap:10px;
    margin-top:18px;
}

.theme-card__bullets span{
    position:relative;
    padding-left:18px;
    color:#d4dfeb;
    line-height:1.6;
    font-size:14px;
}

.theme-card__bullets span::before{
    content:"•";
    position:absolute;
    left:0;
    top:0;
    color:#59ef8a;
    font-weight:900;
}

.feature-card__eyebrow,
.price-card__eyebrow{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:0 12px;
    border-radius:999px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    color:#dce6f1;
    font-size:12px;
    font-weight:800;
}

.price-card__eyebrow{
    margin-bottom:18px;
}

.reference-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}

.reference-card{
    border-radius:28px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));
    box-shadow:0 28px 70px rgba(0,0,0,.2);
}

.reference-card__visual{
    position:relative;
    padding:18px;
    border-bottom:1px solid rgba(255,255,255,.06);
}

.reference-card__screen{
    height:220px;
    padding:18px;
    border-radius:22px;
    background:linear-gradient(180deg,#edf3f9,#dbe3ec);
}

.reference-card__scene{
    width:100%;
    height:100%;
    border-radius:18px;
    background:
        linear-gradient(180deg,rgba(16,22,28,.86),rgba(12,17,22,.94)),
        linear-gradient(135deg,#152332,#0c131b);
    position:relative;
}

.reference-card__scene::before,
.reference-card__scene::after{
    content:"";
    position:absolute;
    left:18px;
    right:18px;
    border-radius:16px;
    background:rgba(255,255,255,.08);
}

.reference-card__scene::before{
    top:18px;
    height:92px;
}

.reference-card__scene::after{
    bottom:18px;
    height:64px;
}

.reference-card__chip{
    position:absolute;
    left:34px;
    top:34px;
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:0 12px;
    border-radius:999px;
    background:rgba(7,11,17,.78);
    border:1px solid rgba(255,255,255,.08);
    color:#eef4fa;
    font-size:12px;
    font-weight:800;
}

.reference-card__body{
    padding:22px 24px 24px;
}

.reference-card__meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}

.reference-card__meta span{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:0 12px;
    border-radius:999px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08);
    color:#d8e2ee;
    font-size:12px;
    font-weight:700;
}

.contact-card__rail{
    display:grid;
    gap:14px;
    margin-top:24px;
}

.contact-card__rail article{
    padding:18px 20px;
    border-radius:20px;
    background:rgba(255,255,255,.025);
    border:1px solid rgba(255,255,255,.06);
}

.contact-card__rail small{
    display:block;
    color:#8da2b7;
    font-size:12px;
    font-weight:700;
}

.contact-card__rail strong{
    display:block;
    margin-top:8px;
    font-size:19px;
    letter-spacing:-.03em;
}

.contact-card__rail span{
    display:block;
    margin-top:10px;
    color:#a3b3c5;
    line-height:1.7;
    font-size:14px;
}

.contact-form{
    padding:30px;
}

.contact-form input,
.contact-form textarea{
    border-color:rgba(255,255,255,.1);
    background:#0a1218;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.mobile-drawer__quick{
    display:grid;
    gap:12px;
    margin-top:22px;
}

.mobile-drawer__quick-item,
.mobile-drawer__support-card{
    padding:18px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
}

.mobile-drawer__quick-item strong,
.mobile-drawer__support-card strong{
    display:block;
    font-size:18px;
    letter-spacing:-.03em;
}

.mobile-drawer__quick-item span,
.mobile-drawer__support-card span{
    display:block;
    margin-top:10px;
    color:#96aabc;
    line-height:1.7;
    font-size:14px;
}

.mobile-drawer__support-card{
    margin-top:16px;
}

.mobile-drawer__support-card small{
    display:block;
    color:#8ea3b8;
    font-size:12px;
    font-weight:700;
}

@media (max-width:1180px){
    .page-hero-shell,
    .footer-callout,
    .footer-shell__hero,
    .footer-shell__body{
        grid-template-columns:1fr;
    }

    .page-hero-shell__metrics,
    .reference-grid,
    .footer-shell__brand-metrics{
        grid-template-columns:1fr 1fr;
    }

    .footer-shell__hero-actions{
        justify-content:flex-start;
    }
}

@media (max-width:860px){
    .page-hero-section{
        padding:18px 0 62px;
    }

    .page-hero-shell__copy,
    .page-hero-shell__aside{
        padding:24px;
    }

    .page-hero-shell__metrics,
    .reference-grid{
        grid-template-columns:1fr;
    }

    .theme-card__chips{
        inset:30px 30px auto;
    }

    .nav-meta__support{
        display:none;
    }

    .footer-shell{
        border-radius:0 0 22px 22px;
    }

    .footer-shell__hero,
    .footer-shell__body,
    .footer-shell__bottom{
        padding-left:22px;
        padding-right:22px;
    }

    .footer-shell__hero{
        gap:18px;
        padding-top:26px;
        padding-bottom:24px;
    }

    .footer-shell__hero-copy h2{
        font-size:clamp(32px,10vw,48px);
    }

    .footer-shell__hero-copy p,
    .footer-shell__brand p{
        font-size:16px;
    }

    .footer-shell__hero-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .footer-shell__hero-actions .btn{
        width:100%;
        min-height:58px;
        font-size:16px;
    }

    .footer-shell__brand{
        padding-right:0;
    }

    .footer-shell__brand-metrics{
        grid-template-columns:1fr;
    }

    .footer-shell__bottom{
        flex-direction:column;
        align-items:flex-start;
    }
}

/* Commercial polish */
body{
    background:
        linear-gradient(180deg,#05080c 0%,#081018 44%,#060a0f 100%);
}

.tag{
    background:rgba(255,255,255,.025);
    border-color:rgba(255,255,255,.07);
    box-shadow:none;
    color:#dbe4ee;
}

.tag::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:999px;
    background:#54ec86;
    box-shadow:none;
}

.site-shell{
    width:min(1320px,calc(100% - 24px));
    border-radius:28px;
    border-color:rgba(255,255,255,.06);
    background:
        linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.008)),
        linear-gradient(180deg,#071018 0%,#060d14 100%);
    box-shadow:0 24px 70px rgba(0,0,0,.26);
}

.site-header{
    box-shadow:none;
    background:rgba(8,12,17,.86);
}

.nav-meta{
    min-height:50px;
}

.nav-meta__pill{
    background:rgba(255,255,255,.03);
    border-color:rgba(255,255,255,.07);
}

.nav-meta__line,.nav-meta__support span,.nav-meta__support a{
    color:#8fa0b2;
}

.headline{
    max-width:900px;
}

.headline h2{
    font-size:clamp(34px,4.4vw,56px);
    line-height:1.04;
    letter-spacing:-.055em;
}

.headline p{
    color:#a7b5c5;
    font-size:18px;
    line-height:1.78;
}

.hero{
    min-height:640px;
    padding:46px 38px 26px;
    gap:30px;
}

.hero h1{
    font-size:clamp(44px,5.6vw,68px);
    line-height:1.01;
    letter-spacing:-.065em;
}

.hero p{
    font-size:19px;
    line-height:1.72;
    color:#aab7c6;
}

.hero-benefits span{
    background:rgba(255,255,255,.022);
    border-color:rgba(255,255,255,.06);
}

.hero-proof{
    border-top-color:rgba(255,255,255,.05);
}

.proof-row{
    font-size:14px;
    color:#93a1b2;
}

.visual-glow{
    opacity:.42;
    filter:blur(26px);
}

.stat-card,.feature-card,.theme-card,.price-card,.detail-card,.legal-card,.contact-card,.contact-form,.faq-item,.cta-card,.page-hero-shell__copy,.page-hero-shell__aside{
    border-color:rgba(255,255,255,.07);
    background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.012));
    box-shadow:0 16px 36px rgba(0,0,0,.16);
}

.feature-card,.price-card,.detail-card,.contact-card,.contact-form{
    border-radius:22px;
}

.feature-icon{
    background:rgba(84,236,134,.1);
}

.feature-card__eyebrow,.price-card__eyebrow,.theme-kicker,.theme-card__price{
    background:rgba(255,255,255,.03);
    border-color:rgba(255,255,255,.07);
}

.theme-card{
    border-radius:24px;
}

.theme-card__visual{
    padding:14px;
    background:rgba(255,255,255,.014);
}

.theme-card__image{
    height:248px;
    border-radius:18px;
}

.theme-card__chips{
    inset:24px 24px auto;
}

.theme-card__chip{
    background:rgba(8,12,17,.78);
}

.theme-card__chip--accent{
    background:rgba(84,236,134,.12);
    color:#a9f5c0;
    border-color:rgba(84,236,134,.18);
}

.theme-body{
    padding:22px 22px 24px;
}

.theme-body h3{
    font-size:28px;
    line-height:1.08;
}

.theme-body p{
    color:#a9b7c6;
}

.theme-card__visual-meta{
    color:#97a8ba;
}

.theme-card__bullets span{
    color:#ced8e3;
    font-size:13px;
}

.reference-card{
    border-radius:24px;
}

.reference-card__screen{
    background:#111922;
}

.reference-card__image{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:18px;
}

.reference-card__chip{
    background:rgba(8,12,17,.82);
}

.reference-card__body p{
    color:#a9b7c6;
}

.cta{
    background:linear-gradient(180deg,#0d141b,#0a1218);
    box-shadow:0 18px 44px rgba(0,0,0,.18);
}

.cta h2{
    font-size:clamp(32px,4.2vw,50px);
    letter-spacing:-.05em;
}

.cta p{
    font-size:17px;
}

.footer-shell{
    background:
        linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.012)),
        linear-gradient(180deg,#0b1217 0%,#0a1116 100%);
}

.page-hero-shell__copy h1{
    letter-spacing:-.055em;
}

.page-hero-shell__copy p,
.page-hero-shell__aside p{
    color:#a7b5c5;
}

@media (max-width:860px){
    .site-shell{
        width:min(100%,calc(100% - 12px));
        border-radius:22px;
    }

    .hero{
        padding:28px 18px 18px;
        min-height:auto;
    }

    .hero p,
    .headline p{
        font-size:16px;
    }

    .theme-card__image{
        height:220px;
    }
}

/* Structural premium direction */
.editorial-band{
    grid-template-columns:minmax(0,1.16fr) minmax(280px,.84fr);
    gap:26px;
    align-items:start;
}

.editorial-band__copy{
    padding:38px 38px 34px;
    min-height:100%;
}

.editorial-band__stack{
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-content:start;
}

.editorial-chip:first-child{
    grid-column:1 / -1;
    min-height:144px;
}

.editorial-chip:nth-child(2){
    transform:translateY(18px);
}

.home-signal__shell{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
    gap:24px;
    align-items:start;
}

.home-signal__lead{
    padding:36px 38px;
    border-radius:30px;
    border:1px solid rgba(255,255,255,.07);
    background:
        radial-gradient(circle at 88% 14%, rgba(65,234,121,.08), transparent 22%),
        linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.014));
    box-shadow:0 20px 48px rgba(0,0,0,.16);
}

.home-signal__lead h2{
    margin:18px 0 14px;
    max-width:760px;
    font-size:clamp(34px,4.6vw,58px);
    line-height:1;
    letter-spacing:-.06em;
}

.home-signal__lead p{
    margin:0;
    max-width:780px;
    color:#aab8c8;
    font-size:18px;
    line-height:1.82;
}

.home-signal__points{
    display:grid;
    gap:12px;
    margin-top:24px;
}

.home-signal__points span{
    display:flex;
    align-items:center;
    min-height:54px;
    padding:0 18px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.06);
    background:rgba(255,255,255,.025);
    color:#dbe5f1;
    font-weight:700;
}

.home-signal__stats{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    align-items:start;
}

.home-signal__stats .stat-card{
    min-height:172px;
}

.home-signal__stats .stat-card--anchor{
    grid-column:1 / -1;
    min-height:220px;
    padding:32px;
    background:
        radial-gradient(circle at 82% 18%, rgba(65,234,121,.12), transparent 20%),
        linear-gradient(180deg,rgba(255,255,255,.036),rgba(255,255,255,.016));
}

.home-signal__stats .stat-card:nth-child(2){
    transform:translateY(10px);
}

.home-signal__stats .stat-card:nth-child(3){
    transform:translateY(-12px);
}

.home-signal__stats .stat-card:nth-child(4){
    transform:translateY(22px);
}

.features-shell{
    display:grid;
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
    gap:26px;
    align-items:start;
}

.features-shell__intro{
    position:sticky;
    top:116px;
    padding:36px 38px;
    border-radius:30px;
    border:1px solid rgba(255,255,255,.07);
    background:
        radial-gradient(circle at 90% 10%, rgba(65,234,121,.08), transparent 24%),
        linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.014));
    box-shadow:0 20px 52px rgba(0,0,0,.18);
}

.features-shell__intro h2{
    margin:18px 0 14px;
    font-size:clamp(34px,4.4vw,56px);
    line-height:1;
    letter-spacing:-.06em;
}

.features-shell__intro p{
    margin:0;
    color:#a9b7c6;
    line-height:1.84;
    font-size:18px;
}

.features-shell__support{
    display:grid;
    gap:14px;
    margin-top:24px;
}

.features-shell__support article{
    padding:18px 20px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.06);
    background:rgba(255,255,255,.022);
}

.features-shell__support strong{
    display:block;
    font-size:18px;
    letter-spacing:-.03em;
}

.features-shell__support span{
    display:block;
    margin-top:8px;
    color:#97a9bc;
    line-height:1.68;
}

.features-shell__grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);
    gap:18px;
    align-items:start;
}

.feature-card--spotlight{
    min-height:100%;
    padding:38px;
}

.feature-card--spotlight h3{
    font-size:34px;
    line-height:1.02;
}

.features-shell__rail{
    display:grid;
    gap:18px;
    transform:translateY(28px);
}

.theme-catalog{
    display:grid;
    gap:22px;
}

.theme-catalog__featured{
    display:grid;
    grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
    gap:24px;
    padding:22px;
    border-radius:32px;
    border:1px solid rgba(255,255,255,.07);
    background:
        radial-gradient(circle at 84% 12%, rgba(65,234,121,.08), transparent 22%),
        linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.014));
    box-shadow:0 22px 56px rgba(0,0,0,.18);
}

.theme-catalog__featured-copy{
    padding:16px 10px 14px 8px;
}

.theme-catalog__featured-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
}

.theme-catalog__featured-copy h3{
    margin:18px 0 12px;
    max-width:560px;
    font-size:clamp(34px,4.6vw,58px);
    line-height:.98;
    letter-spacing:-.06em;
}

.theme-catalog__featured-copy p{
    margin:0;
    max-width:620px;
    color:#a7b6c6;
    font-size:18px;
    line-height:1.8;
}

.theme-catalog__featured-bullets{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:24px;
}

.theme-catalog__featured-bullets span{
    display:flex;
    align-items:center;
    min-height:52px;
    padding:0 16px 0 34px;
    position:relative;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.06);
    background:rgba(255,255,255,.022);
    color:#d5dfeb;
    font-weight:700;
}

.theme-catalog__featured-bullets span::before{
    content:"";
    position:absolute;
    left:14px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:linear-gradient(180deg,#74f89f 0%,#2cc863 100%);
    box-shadow:0 0 0 4px rgba(65,234,121,.12);
}

.theme-catalog__featured-foot{
    display:grid;
    gap:18px;
    margin-top:26px;
}

.theme-catalog__featured-visual{
    display:grid;
    align-content:start;
    gap:14px;
}

.theme-catalog__featured-visual .theme-card__image{
    height:100%;
    min-height:400px;
    border-radius:26px;
}

.theme-catalog__featured-visual .theme-preview{
    height:100%;
    min-height:400px;
    padding:0;
    border:0;
}

.theme-catalog__featured-meta{
    display:flex;
    justify-content:space-between;
    gap:14px;
    flex-wrap:wrap;
    padding:0 6px;
    color:#99a9bb;
    font-size:14px;
    font-weight:700;
}

.theme-catalog__support{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    width:min(920px,100%);
    margin:-10px 0 0 auto;
}

.theme-card--compact .theme-card__image{
    height:220px;
}

.theme-card--compact .theme-body h3{
    font-size:30px;
    line-height:1.04;
    letter-spacing:-.045em;
}

.theme-card--compact .theme-body p{
    font-size:15px;
    line-height:1.72;
}

.theme-card--compact .theme-card__bullets{
    gap:12px;
}

.theme-card--compact .theme-actions{
    margin-top:24px;
}

.themes--mosaic{
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:18px;
    margin-top:26px;
}

.themes--mosaic .theme-card{
    grid-column:span 4;
}

.themes--mosaic .theme-card:nth-child(3n+1){
    grid-column:span 5;
}

.themes--mosaic .theme-card:nth-child(3n+2){
    grid-column:span 7;
}

.themes--mosaic .theme-card:nth-child(even){
    transform:translateY(20px);
}

.dashboard-showcase{
    padding:30px;
}

.dashboard-showcase__intro{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);
    gap:18px;
    margin-bottom:20px;
}

.dashboard-showcase__copy,
.dashboard-showcase__notes article,
.dashboard-stage__rail .dashboard-rail-card{
    border-radius:28px;
    border:1px solid rgba(255,255,255,.07);
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.014));
    box-shadow:0 18px 44px rgba(0,0,0,.16);
}

.dashboard-showcase__copy{
    padding:30px 32px;
}

.dashboard-showcase__copy h2{
    margin:18px 0 12px;
    font-size:clamp(34px,4.4vw,56px);
    line-height:1;
    letter-spacing:-.06em;
}

.dashboard-showcase__copy p{
    margin:0;
    color:#a8b7c6;
    font-size:18px;
    line-height:1.82;
}

.dashboard-showcase__notes{
    display:grid;
    gap:14px;
}

.dashboard-showcase__notes article{
    padding:20px 22px;
}

.dashboard-showcase__notes strong{
    display:block;
    font-size:19px;
    letter-spacing:-.03em;
}

.dashboard-showcase__notes span{
    display:block;
    margin-top:8px;
    color:#96a7ba;
    line-height:1.68;
}

.dashboard-stage{
    display:grid;
    grid-template-columns:240px minmax(0,1fr) 250px;
    gap:18px;
    align-items:start;
}

.dashboard-stage .sidebar,
.dashboard-stage .dashboard-main{
    border-radius:28px;
    border:1px solid rgba(255,255,255,.07);
    background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));
}

.dashboard-stage .sidebar{
    position:relative;
    top:22px;
}

.dashboard-stage__rail{
    display:grid;
    gap:16px;
}

.dashboard-rail-card{
    padding:22px;
}

.dashboard-rail-card small{
    display:block;
    color:#90a3b6;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
}

.dashboard-rail-card strong{
    display:block;
    margin-top:10px;
    font-size:26px;
    line-height:1.06;
    letter-spacing:-.04em;
}

.dashboard-rail-card p{
    margin:12px 0 0;
    color:#9aabbe;
    line-height:1.72;
}

.panel__eyebrow{
    display:inline-flex;
    min-height:30px;
    padding:0 12px;
    border-radius:999px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.07);
    color:#d7e2ed;
    font-size:12px;
    font-weight:800;
    align-items:center;
}

.panel--chart{
    overflow:hidden;
}

.panel-chart{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    align-items:end;
    gap:12px;
    margin-top:22px;
    min-height:220px;
    padding:18px;
    border-radius:22px;
    background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.008));
    border:1px solid rgba(255,255,255,.05);
}

.panel-chart span{
    display:block;
    border-radius:999px 999px 14px 14px;
    background:linear-gradient(180deg,rgba(111,249,157,.95) 0%, rgba(77,219,125,.44) 58%, rgba(77,219,125,.12) 100%);
    box-shadow:0 8px 24px rgba(65,234,121,.14);
}

.theme-showcase-hero__decision{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-top:20px;
}

.theme-showcase-hero__decision-card{
    padding:18px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.06);
    background:rgba(255,255,255,.022);
}

.theme-showcase-hero__decision-card strong{
    display:block;
    font-size:16px;
    letter-spacing:-.03em;
}

.theme-showcase-hero__decision-card span{
    display:block;
    margin-top:8px;
    color:#96a8bb;
    line-height:1.68;
    font-size:14px;
}

.theme-showcase-matrix{
    grid-template-columns:repeat(4,minmax(0,1fr));
}

.theme-showcase-matrix__item:first-child,
.theme-showcase-matrix__item:last-child{
    grid-column:span 2;
}

.theme-showcase-hero__preview{
    min-height:600px;
}

.theme-showcase-device--desktop{
    width:456px;
    height:500px;
    right:4px;
}

.theme-showcase-device--mobile{
    left:20px;
    bottom:28px;
}

.theme-preview-shell{
    grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);
    gap:22px;
}

.theme-preview-stage{
    display:grid;
    gap:18px;
}

.theme-preview-stage__primary{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);
    gap:18px;
    padding:18px;
    border-radius:30px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.014));
    box-shadow:0 22px 56px rgba(0,0,0,.18);
}

.theme-preview-stage__primary-visual{
    min-height:320px;
}

.theme-preview-stage__primary-visual .theme-preview-showcase__image,
.theme-preview-stage__primary-visual .theme-preview-showcase__frame{
    height:100%;
    min-height:320px;
    border-radius:24px;
}

.theme-preview-stage__primary-body{
    padding:8px 4px 8px 6px;
}

.theme-preview-stage__primary-top{
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:center;
    flex-wrap:wrap;
}

.theme-preview-stage__signal{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:0 12px;
    border-radius:999px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
    color:#d6e1ed;
    font-size:12px;
    font-weight:800;
}

.theme-preview-stage__primary h3{
    margin:18px 0 12px;
    font-size:clamp(30px,3.6vw,46px);
    line-height:1.02;
    letter-spacing:-.05em;
}

.theme-preview-stage__primary p{
    margin:0;
    color:#a1b2c5;
    font-size:17px;
    line-height:1.78;
}

.theme-preview-stage__primary-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:22px;
}

.theme-preview-stage__rail{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    width:min(92%,100%);
    margin-left:auto;
}

.theme-preview-showcase__item--compact .theme-preview-showcase__image,
.theme-preview-showcase__item--compact .theme-preview-showcase__frame{
    height:180px;
}

.page-hero-shell{
    grid-template-columns:minmax(0,1.14fr) minmax(300px,.86fr);
    gap:28px;
    align-items:start;
}

.page-hero-shell__copy{
    padding:40px 42px 36px;
}

.page-hero-shell__aside{
    padding:34px;
    margin-top:48px;
}

.page-hero-shell__metrics{
    grid-template-columns:repeat(6,minmax(0,1fr));
}

.page-hero-shell__metric{
    grid-column:span 2;
}

.page-hero-shell__metric:first-child{
    grid-column:span 3;
    padding:22px 24px;
}

.page-hero-shell__metric:nth-child(2){
    grid-column:span 3;
}

.page-hero-shell__aside-card:first-child{
    min-height:148px;
}

.reference-grid{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:18px;
}

.reference-card{
    grid-column:span 4;
}

.reference-card:first-child{
    grid-column:span 7;
    grid-row:span 2;
}

.reference-card:nth-child(2){
    grid-column:span 5;
    transform:translateY(18px);
}

.reference-card:nth-child(3){
    grid-column:span 5;
    margin-top:-22px;
}

@media (max-width:1180px){
    .home-signal__shell,
    .features-shell,
    .theme-catalog__featured,
    .dashboard-showcase__intro,
    .dashboard-stage,
    .theme-preview-stage__primary,
    .page-hero-shell{
        grid-template-columns:1fr;
    }

    .features-shell__intro{
        position:relative;
        top:auto;
    }

    .theme-catalog__support,
    .theme-preview-stage__rail{
        width:100%;
        margin:0;
    }

    .themes--mosaic{
        grid-template-columns:1fr 1fr;
    }

    .themes--mosaic .theme-card,
    .themes--mosaic .theme-card:nth-child(3n+1),
    .themes--mosaic .theme-card:nth-child(3n+2),
    .reference-card,
    .reference-card:first-child,
    .reference-card:nth-child(2),
    .reference-card:nth-child(3){
        grid-column:span 1;
        grid-row:auto;
        transform:none;
        margin-top:0;
    }

    .reference-grid{
        grid-template-columns:1fr 1fr;
    }

    .page-hero-shell__aside{
        margin-top:0;
    }
}

@media (max-width:860px){
    .editorial-band,
    .home-signal__shell,
    .features-shell__grid,
    .theme-catalog__support,
    .theme-preview-stage__rail,
    .reference-grid{
        grid-template-columns:1fr;
    }

    .editorial-band__stack{
        grid-template-columns:1fr;
    }

    .editorial-chip:first-child,
    .home-signal__stats .stat-card--anchor{
        grid-column:auto;
    }

    .home-signal__stats,
    .theme-showcase-hero__decision,
    .theme-showcase-matrix,
    .page-hero-shell__metrics,
    .themes--mosaic{
        grid-template-columns:1fr;
    }

    .home-signal__stats .stat-card:nth-child(2),
    .home-signal__stats .stat-card:nth-child(3),
    .home-signal__stats .stat-card:nth-child(4),
    .features-shell__rail,
    .reference-card:nth-child(2){
        transform:none;
    }

    .theme-showcase-matrix__item:first-child,
    .theme-showcase-matrix__item:last-child,
    .page-hero-shell__metric,
    .page-hero-shell__metric:first-child,
    .page-hero-shell__metric:nth-child(2){
        grid-column:auto;
    }

    .theme-showcase-device--desktop{
        width:286px;
        height:338px;
        right:8px;
    }

    .theme-showcase-device--mobile{
        width:156px;
        height:300px;
        left:2px;
        bottom:12px;
    }

    .theme-preview-stage__primary-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .home-signal__lead,
    .features-shell__intro,
    .theme-catalog__featured,
    .dashboard-showcase,
    .page-hero-shell__copy,
    .page-hero-shell__aside{
        padding-left:22px;
        padding-right:22px;
    }
}

/* Luxury mobile menu */
body.mobile-menu-open{
    overflow:hidden;
}

.nav-mobile{
    position:relative;
    overflow:hidden;
    transition:border-color .24s ease, background .24s ease, transform .24s ease;
}

.nav-mobile__bars i{
    transition:transform .24s ease, opacity .24s ease;
    transform-origin:center;
}

.nav-mobile.is-active{
    background:rgba(255,255,255,.05);
    border-color:rgba(255,255,255,.16);
}

.nav-mobile.is-active .nav-mobile__bars i:nth-child(1){
    transform:translateY(6px) rotate(45deg);
}

.nav-mobile.is-active .nav-mobile__bars i:nth-child(2){
    opacity:0;
}

.nav-mobile.is-active .nav-mobile__bars i:nth-child(3){
    transform:translateY(-6px) rotate(-45deg);
}

.mobile-drawer{
    background:rgba(2,6,10,.6);
    backdrop-filter:blur(10px);
    transition:opacity .32s ease, backdrop-filter .32s ease;
}

.mobile-drawer__panel{
    width:min(430px,100%);
    position:relative;
    display:grid;
    align-content:start;
    gap:16px;
    padding:20px 18px 18px;
    border-left:1px solid rgba(255,255,255,.06);
    background:
        radial-gradient(circle at 84% 10%, rgba(65,234,121,.10), transparent 18%),
        radial-gradient(circle at 14% 22%, rgba(93,129,201,.08), transparent 16%),
        linear-gradient(180deg, rgba(9,16,23,.98), rgba(6,11,17,.99));
    transform:translateX(72px) scale(.985);
    box-shadow:-24px 0 60px rgba(0,0,0,.32);
    opacity:.01;
    transition:transform .4s cubic-bezier(.22,.61,.36,1), opacity .3s ease, box-shadow .3s ease;
}

.mobile-drawer__panel::before{
    content:"";
    position:absolute;
    top:18px;
    bottom:18px;
    left:10px;
    width:3px;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(112,255,154,.92) 0%, rgba(41,196,92,.28) 100%);
    box-shadow:0 0 20px rgba(65,234,121,.22);
    opacity:.01;
    transform:translateX(10px) scaleY(.45);
    transform-origin:top;
    transition:transform .42s cubic-bezier(.22,.61,.36,1), opacity .3s ease;
}

.mobile-drawer.is-open .mobile-drawer__panel{
    transform:translateX(0) scale(1);
    opacity:1;
    box-shadow:-28px 0 72px rgba(0,0,0,.38);
}

.mobile-drawer.is-open .mobile-drawer__panel::before{
    opacity:1;
    transform:translateX(0) scaleY(1);
}

.mobile-drawer__topbar,
.mobile-drawer__hero,
.mobile-drawer__menu-shell,
.mobile-drawer__action-grid,
.mobile-drawer__support-card{
    opacity:0;
    transform:translateY(16px);
    transition:opacity .34s ease, transform .42s cubic-bezier(.22,.61,.36,1);
}

.mobile-drawer.is-open .mobile-drawer__topbar{
    opacity:1;
    transform:translateY(0);
}

.mobile-drawer.is-open .mobile-drawer__hero{
    opacity:1;
    transform:translateY(0);
    transition-delay:.04s;
}

.mobile-drawer.is-open .mobile-drawer__menu-shell{
    opacity:1;
    transform:translateY(0);
    transition-delay:.1s;
}

.mobile-drawer.is-open .mobile-drawer__action-grid{
    opacity:1;
    transform:translateY(0);
    transition-delay:.16s;
}

.mobile-drawer.is-open .mobile-drawer__support-card{
    opacity:1;
    transform:translateY(0);
    transition-delay:.22s;
}

.mobile-drawer__topbar{
    display:flex;
    justify-content:space-between;
    gap:16px;
    align-items:center;
}

.mobile-drawer__close{
    flex:0 0 auto;
    width:46px;
    height:46px;
    border-radius:16px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 12px 24px rgba(0,0,0,.16);
}

.mobile-drawer__brand{
    display:grid;
    justify-items:start;
    gap:18px;
    padding:2px 0 0;
    border-bottom:0;
}

.mobile-drawer__brand-copy{
    display:grid;
    max-width:278px;
    gap:0;
    align-content:start;
}

.mobile-drawer__brand .mobile-drawer__brand-lead{
    display:block;
    max-width:none;
    color:#a8b7c8;
    font-size:14px;
    line-height:1.68;
    letter-spacing:-.01em;
}

.mobile-drawer__brand-logo{
    margin-top:2px;
}

.mobile-drawer__hero{
    display:grid;
    gap:14px;
}

.mobile-drawer__hero-copy{
    padding:4px 2px 0;
}

.mobile-drawer__hero-copy h2{
    margin:16px 0 10px;
    max-width:340px;
    font-size:clamp(30px,6.6vw,40px);
    line-height:1.02;
    letter-spacing:-.06em;
}

.mobile-drawer__hero-copy p{
    margin:0;
    color:#a8b7c8;
    font-size:15px;
    line-height:1.74;
}

.mobile-drawer__composition{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.mobile-drawer__composition-card{
    padding:18px 18px 19px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.07);
    background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.014));
    box-shadow:0 18px 36px rgba(0,0,0,.16);
}

.mobile-drawer__composition-card small{
    display:block;
    color:#8ea4b9;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
}

.mobile-drawer__composition-card strong{
    display:block;
    margin-top:10px;
    font-size:26px;
    line-height:1.04;
    letter-spacing:-.05em;
}

.mobile-drawer__composition-card span{
    display:block;
    margin-top:10px;
    color:#9dafc2;
    line-height:1.68;
}

.mobile-drawer__composition-card--primary{
    grid-column:1 / -1;
    width:auto;
    min-height:154px;
    background:
        radial-gradient(circle at 84% 20%, rgba(65,234,121,.10), transparent 24%),
        linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.014));
}

.mobile-drawer__composition-stack{
    display:contents;
}

.mobile-drawer__composition-card--accent{
    background:
        radial-gradient(circle at 82% 18%, rgba(65,234,121,.06), transparent 24%),
        linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.014));
}

.mobile-drawer__menu-shell{
    margin-top:4px;
    padding:18px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.07);
    background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012));
    box-shadow:0 16px 34px rgba(0,0,0,.14);
}

.mobile-drawer__menu-head{
    display:grid;
    gap:8px;
    padding:0 2px 6px;
}

.mobile-drawer__menu-kicker{
    color:#8fa5ba;
    font-size:11px;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.mobile-drawer__panel-link{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:58px;
    padding:14px 16px;
    border-radius:18px;
    border:1px solid rgba(88,241,138,.22);
    background:linear-gradient(180deg, rgba(88,241,138,.22), rgba(45,212,101,.14));
    box-shadow:0 16px 30px rgba(45,212,101,.14);
    color:#eafff0;
    text-decoration:none;
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}

.mobile-drawer__panel-link:hover{
    transform:translateY(-2px);
    border-color:rgba(126,245,170,.34);
    box-shadow:0 18px 34px rgba(45,212,101,.18);
    background:linear-gradient(180deg, rgba(88,241,138,.26), rgba(45,212,101,.16));
}

.mobile-drawer__panel-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    border-radius:14px;
    background:rgba(6,17,12,.28);
    border:1px solid rgba(255,255,255,.12);
    color:#f4fff8;
    flex-shrink:0;
}

.mobile-drawer__panel-icon svg{
    width:20px;
    height:20px;
    display:block;
}

.mobile-drawer__panel-label{
    display:block;
    font-size:19px;
    font-weight:800;
    line-height:1.05;
    letter-spacing:-.04em;
}

.mobile-drawer__nav{
    display:grid;
    gap:9px;
    margin-top:12px;
}

.mobile-drawer__link{
    display:grid;
    grid-template-columns:40px minmax(0,1fr);
    gap:14px;
    align-items:flex-start;
    min-height:88px;
    padding:15px 16px 15px 14px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.06);
    background:rgba(255,255,255,.024);
    box-shadow:0 10px 24px rgba(0,0,0,.08);
    transition:transform .22s ease, border-color .22s ease, background .22s ease;
}

.mobile-drawer__link:hover{
    transform:translateY(-2px);
    border-color:rgba(255,255,255,.11);
    background:rgba(255,255,255,.034);
}

.mobile-drawer__link-index{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    border-radius:14px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.06);
    color:#dce5ef;
    font-size:12px;
    font-weight:800;
}

.mobile-drawer__link-copy strong{
    display:block;
    font-size:18px;
    line-height:1.1;
    letter-spacing:-.03em;
}

.mobile-drawer__link-copy small{
    display:block;
    margin-top:8px;
    color:#95aabd;
    line-height:1.62;
    font-size:13px;
}

.mobile-drawer__action-grid{
    display:grid;
    gap:10px;
}

.mobile-drawer__cta,
.mobile-drawer__support{
    display:grid;
    gap:8px;
    padding:18px 18px 20px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.07);
    text-align:left;
}

.mobile-drawer__cta{
    background:linear-gradient(180deg,#58f18a 0%,#2dd465 100%);
    color:#08110c;
    box-shadow:0 18px 34px rgba(65,234,121,.18);
}

.mobile-drawer__support{
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012));
}

.mobile-drawer__cta strong,
.mobile-drawer__support strong{
    font-size:20px;
    letter-spacing:-.04em;
}

.mobile-drawer__cta span,
.mobile-drawer__support span{
    color:inherit;
    opacity:.82;
    line-height:1.65;
    font-size:14px;
}

.mobile-drawer__support-card{
    margin-top:0;
    padding:18px 18px 20px;
    border-radius:22px;
    background:
        radial-gradient(circle at 84% 18%, rgba(65,234,121,.08), transparent 24%),
        linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012));
    box-shadow:0 14px 30px rgba(0,0,0,.12);
}

.mobile-drawer__support-card small{
    display:block;
    color:#8ea3b8;
    font-size:11px;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.mobile-drawer__support-card strong{
    display:block;
    margin-top:10px;
    font-size:22px;
    line-height:1.14;
    letter-spacing:-.04em;
}

.mobile-drawer__support-card span{
    display:block;
    margin-top:10px;
    color:#99afc2;
    line-height:1.7;
}

@media (max-width:860px){
    .nav-mobile{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
    }

    .mobile-drawer__panel{
        width:min(100%,420px);
    }

    .mobile-drawer__composition{
        grid-template-columns:1fr 1fr;
    }
}

@media (max-width:560px){
    .mobile-drawer__panel{
        gap:14px;
        padding:18px 14px 16px;
    }

    .mobile-drawer__topbar,
    .mobile-drawer__menu-shell,
    .mobile-drawer__support-card{
        padding-left:16px;
        padding-right:16px;
    }

    .mobile-drawer__composition{
        grid-template-columns:1fr;
    }

    .mobile-drawer__composition-card--primary{
        min-height:142px;
    }

    .mobile-drawer__link{
        min-height:auto;
    }
}

@media (prefers-reduced-motion: reduce){
    .mobile-drawer,
    .mobile-drawer__panel,
    .mobile-drawer__panel::before,
    .mobile-drawer__topbar,
    .mobile-drawer__hero,
    .mobile-drawer__menu-shell,
    .mobile-drawer__action-grid,
    .mobile-drawer__support-card,
    .mobile-drawer__link,
    .nav-mobile__bars i{
        transition:none !important;
        animation:none !important;
        transform:none !important;
    }
}

/* premium front directional overrides */
[hidden]{
    display:none !important;
}

.hero{
    gap:44px;
    min-height:720px;
    padding:58px 34px 30px;
}

.hero-copy{
    position:relative;
    z-index:2;
}

.hero-copy h1{
    max-width:760px;
}

.hero-copy p{
    max-width:620px;
}

.hero-storyline{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
    gap:16px;
    margin-top:34px;
    max-width:700px;
}

.hero-storyline__card{
    display:grid;
    gap:10px;
    padding:22px 22px 24px;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.016));
    box-shadow:0 24px 54px rgba(0,0,0,.18);
}

.hero-storyline__card small,
.hero-stage__rail-card small,
.pricing-stage__intro small,
.references-stage__lead-copy small,
.references-stage__aside small,
.contact-form__meta small,
.cta-card small{
    color:#89a0b6;
    font-size:11px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.hero-storyline__card strong{
    font-size:22px;
    line-height:1.08;
    letter-spacing:-.04em;
}

.hero-storyline__card span{
    color:#9eb0c2;
    line-height:1.72;
}

.hero-storyline__card--raised{
    transform:translateY(34px);
}

.hero-proof{
    margin-top:70px;
}

.hero-proof p{
    max-width:600px;
    text-align:left;
}

.proof-row{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    text-align:left;
    font-size:14px;
}

.proof-row div{
    padding:15px 18px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.07);
    background:rgba(255,255,255,.025);
    color:#d3dde8;
    font-weight:700;
}

.hero-visual--slider-mode{
    min-height:620px;
}

.hero-stage__orbit{
    position:absolute;
    border-radius:999px;
    filter:blur(2px);
    pointer-events:none;
}

.hero-stage__orbit--back{
    right:4px;
    top:30px;
    width:280px;
    height:280px;
    border:1px solid rgba(65,234,121,.10);
    background:radial-gradient(circle,rgba(65,234,121,.10) 0%,transparent 70%);
}

.hero-stage__orbit--front{
    left:18px;
    bottom:98px;
    width:170px;
    height:170px;
    border:1px solid rgba(255,255,255,.06);
    background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 68%);
}

.hero-visual-shell--back,
.hero-visual-shell--front,
.hero-stage__rail{
    display:none;
}

.hero-visual-slider{
    width:min(100%,520px);
    min-height:620px;
    margin-left:auto;
    margin-right:auto;
}

.hero-visual-slider__track{
    min-height:620px;
}

.hero-visual-slide__media{
    inset:0;
    padding:18px 12px 26px;
    border-radius:36px;
    background:linear-gradient(180deg,rgba(8,12,17,.16),rgba(8,12,17,0));
}

.hero-visual-slide__image{
    filter:drop-shadow(0 36px 60px rgba(0,0,0,.34));
}

.hero-visual-slide__frame{
    position:absolute;
    inset:0;
    display:grid;
    align-content:space-between;
    gap:18px;
    padding:24px;
    border-radius:34px;
    border:1px solid rgba(255,255,255,.08);
    background:
        radial-gradient(circle at 78% 16%, rgba(65,234,121,.08), transparent 28%),
        linear-gradient(180deg,rgba(13,19,27,.92),rgba(8,12,17,.98));
    box-shadow:0 30px 64px rgba(0,0,0,.24);
}

.hero-visual-slide__eyebrow{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 14px;
    border-radius:999px;
    background:rgba(255,255,255,.06);
    width:max-content;
    color:#dfe8f1;
    font-size:12px;
    font-weight:800;
}

.hero-visual-slide__frame strong{
    display:block;
    font-size:38px;
    line-height:.98;
    letter-spacing:-.06em;
    max-width:360px;
}

.hero-visual-slide__frame p{
    margin:0;
    max-width:360px;
    color:#9fb2c4;
    line-height:1.76;
    font-size:16px;
}

.hero-visual-slide__tiles{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.hero-visual-slide__tiles span{
    display:flex;
    align-items:flex-end;
    min-height:108px;
    padding:16px;
    border-radius:22px;
    background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.014));
    border:1px solid rgba(255,255,255,.06);
    color:#d7e0ea;
    font-size:14px;
    line-height:1.45;
}

.hero-visual-slide__copy{
    display:none;
}

.hero-stage__rail{
    position:absolute;
    left:0;
    bottom:10px;
    z-index:4;
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
    gap:14px;
    width:min(84%,480px);
}

.hero-stage__rail-card{
    display:grid;
    gap:10px;
    padding:20px 20px 22px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.015));
    box-shadow:0 18px 42px rgba(0,0,0,.18);
}

.hero-stage__rail-card strong{
    font-size:20px;
    line-height:1.08;
    letter-spacing:-.04em;
}

.hero-stage__rail-card span{
    color:#9caebf;
    line-height:1.68;
    font-size:14px;
}

.hero-stage__rail-card--lead{
    min-height:178px;
    grid-row:span 2;
}

.hero-stage__rail-card--offset{
    margin-left:26px;
}

.theme-showcase__toolbar{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:22px;
    margin:24px auto 0;
}

.theme-showcase__filters{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.theme-showcase__filter{
    min-height:44px;
    padding:0 18px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.024);
    color:#d8e2ec;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
    transition:transform .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
}

.theme-showcase__filter:hover{
    transform:translateY(-1px);
    border-color:rgba(255,255,255,.13);
}

.theme-showcase__filter.is-active{
    color:#08110c;
    background:linear-gradient(180deg,#62f393 0%,#2ecf67 100%);
    border-color:transparent;
    box-shadow:0 14px 28px rgba(65,234,121,.14);
}

.theme-showcase__toolbar-note{
    display:grid;
    gap:6px;
    max-width:320px;
    color:#97aabd;
    line-height:1.65;
}

.theme-showcase__toolbar-note strong{
    color:#f2f6f9;
    font-size:18px;
    letter-spacing:-.03em;
}

.theme-catalog{
    grid-template-columns:minmax(0,1.14fr) minmax(380px,.86fr);
    gap:28px;
    margin-top:28px;
    align-items:start;
}

.theme-catalog__featured{
    min-height:640px;
    align-items:stretch;
}

.theme-catalog__featured-copy{
    padding:34px;
}

.theme-catalog__featured-copy h3{
    max-width:540px;
    font-size:clamp(36px,4.6vw,54px);
    line-height:.96;
}

.theme-catalog__featured-copy p{
    max-width:520px;
}

.theme-catalog__featured-visual{
    min-height:100%;
    padding:24px;
}

.theme-catalog__featured-visual .theme-card__image{
    height:100%;
    min-height:430px;
    object-fit:cover;
    border-radius:26px;
}

.theme-catalog__featured-visual .theme-preview{
    height:100%;
    min-height:430px;
    border-radius:26px;
}

.theme-catalog__support{
    display:grid;
    grid-template-columns:1fr;
    gap:22px;
    width:min(430px,100%);
    margin:0 0 0 auto;
}

.theme-card--compact{
    display:grid;
    grid-template-columns:1fr;
    align-items:stretch;
    min-height:100%;
}

.theme-card--compact .theme-card__visual{
    min-height:280px;
    padding:20px;
}

.theme-card--compact .theme-card__image{
    height:260px;
    object-position:center top;
}

.theme-card--compact .theme-preview{
    min-height:260px;
    padding:0;
    border-bottom:0;
}

.theme-card--compact .theme-body{
    padding:24px 24px 26px;
}

.themes--mosaic{
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:18px;
    margin-top:22px;
}

.themes--mosaic > .theme-card{
    grid-column:span 4;
    height:100%;
}

.theme-card--wide{
    grid-column:span 8 !important;
    display:grid;
    grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
}

.theme-card--tall .theme-card__visual{
    min-height:300px;
}

.theme-card--accent{
    transform:translateY(26px);
}

.theme-card--plain{
    transform:translateY(-14px);
}

.theme-card__visual{
    position:relative;
}

.theme-card__image{
    width:100%;
    height:100%;
    object-fit:cover;
}

.theme-card__bullets{
    display:grid;
    gap:10px;
    margin-top:18px;
}

.theme-card__bullets span{
    padding-left:18px;
    position:relative;
    color:#cbd7e3;
    font-size:14px;
}

.theme-card__bullets span::before{
    content:"•";
    position:absolute;
    left:0;
    color:#60f08f;
}

.theme-showcase__empty{
    display:grid;
    gap:8px;
    margin-top:24px;
    padding:24px 28px;
    border-radius:26px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.012));
}

.theme-showcase__empty strong{
    font-size:22px;
    letter-spacing:-.04em;
}

.theme-showcase__empty span{
    color:#98adbf;
    line-height:1.72;
}

.pricing-stage{
    display:grid;
    grid-template-columns:minmax(0,.76fr) minmax(0,1.04fr) minmax(280px,.86fr);
    gap:20px;
    align-items:start;
}

.pricing-stage__intro{
    display:grid;
    gap:14px;
    padding:28px;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.013));
    box-shadow:0 25px 60px rgba(0,0,0,.18);
}

.pricing-stage__intro strong{
    font-size:32px;
    line-height:1.02;
    letter-spacing:-.05em;
}

.pricing-stage__intro p{
    margin:0;
    color:#9cb0c2;
    line-height:1.76;
}

.pricing-stage__intro-grid{
    display:grid;
    gap:12px;
    margin-top:8px;
}

.pricing-stage__intro-grid div{
    display:flex;
    flex-direction:column;
    gap:6px;
    padding:18px;
    border-radius:20px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
}

.pricing-stage__intro-grid span,
.pricing-stage__foot small{
    color:#86a0b6;
    font-size:11px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.pricing-stage__intro-grid strong{
    font-size:18px;
    line-height:1.18;
    letter-spacing:-.03em;
}

.price-card--lead{
    min-height:100%;
    padding:34px;
    background:
        radial-gradient(circle at 84% 14%, rgba(65,234,121,.08), transparent 22%),
        linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.014));
}

.price-card__footnote{
    display:grid;
    gap:8px;
    margin:0 0 24px;
    padding:18px 18px 20px;
    border-radius:22px;
    background:rgba(255,255,255,.026);
    border:1px solid rgba(255,255,255,.06);
}

.price-card__footnote strong{
    font-size:18px;
    letter-spacing:-.03em;
}

.price-card__footnote span{
    color:#9baebf;
    line-height:1.7;
}

.pricing-stage__stack{
    display:grid;
    gap:18px;
}

.price-card--side{
    padding:24px;
}

.pricing-stage__foot{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin-top:20px;
}

.pricing-stage__foot article{
    display:grid;
    gap:8px;
    padding:20px 22px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.07);
    background:rgba(255,255,255,.024);
}

.pricing-stage__foot strong{
    font-size:20px;
    line-height:1.16;
    letter-spacing:-.04em;
}

.references-stage{
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);
    gap:22px;
    align-items:start;
}

.references-stage__lead{
    display:grid;
    grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
    gap:18px;
    padding:22px;
    border-radius:30px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.014));
    box-shadow:0 24px 62px rgba(0,0,0,.18);
}

.references-stage__lead-visual{
    position:relative;
}

.references-stage__lead-visual .reference-card__screen{
    height:100%;
    min-height:340px;
}

.references-stage__lead-copy{
    display:grid;
    align-content:center;
    gap:14px;
    padding:10px 4px;
}

.references-stage__lead-copy h3{
    margin:0;
    font-size:clamp(34px,4vw,48px);
    line-height:.96;
    letter-spacing:-.05em;
}

.references-stage__lead-copy p{
    margin:0;
    color:#9fb0c0;
    line-height:1.78;
}

.references-stage__lead-points{
    display:grid;
    gap:10px;
    margin-top:6px;
}

.references-stage__lead-points span{
    padding-left:18px;
    position:relative;
    color:#d5dfea;
}

.references-stage__lead-points span::before{
    content:"•";
    position:absolute;
    left:0;
    color:#62f08f;
}

.references-stage__aside{
    display:grid;
    gap:16px;
}

.references-stage__aside article{
    display:grid;
    gap:10px;
    padding:24px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.07);
    background:rgba(255,255,255,.025);
}

.references-stage__aside strong{
    font-size:24px;
    line-height:1.08;
    letter-spacing:-.04em;
}

.references-stage__aside span{
    color:#9cafbf;
    line-height:1.72;
}

.reference-grid{
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:18px;
    margin-top:22px;
}

.reference-grid > .reference-card{
    grid-column:span 4;
}

.reference-card--wide{
    grid-column:span 6 !important;
}

.references-stage__footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-top:20px;
    padding:24px 28px;
    border-radius:26px;
    border:1px solid rgba(255,255,255,.07);
    background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));
}

.references-stage__footer strong{
    max-width:720px;
    font-size:24px;
    line-height:1.16;
    letter-spacing:-.04em;
}

.faq-stage{
    display:grid;
    grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
    gap:22px;
    align-items:start;
}

.faq-stage__intro{
    display:grid;
    gap:16px;
    padding:30px;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.014));
    box-shadow:0 22px 54px rgba(0,0,0,.16);
}

.faq-stage__intro h2{
    margin:0;
    font-size:clamp(34px,4.4vw,52px);
    line-height:.98;
    letter-spacing:-.05em;
}

.faq-stage__intro p{
    margin:0;
    color:#9db0c1;
    line-height:1.78;
}

.faq-stage__chips{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.faq-stage__chips span{
    min-height:38px;
    display:inline-flex;
    align-items:center;
    padding:0 14px;
    border-radius:999px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.06);
    color:#dce5ee;
    font-size:13px;
    font-weight:700;
}

.faq-stage__list{
    gap:14px;
}

.faq-item{
    padding:0 24px;
}

.faq-item summary{
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center;
    gap:14px;
}

.faq-item__index{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:38px;
    min-height:38px;
    border-radius:14px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.06);
    color:#dce5ef;
    font-size:12px;
    font-weight:900;
}

.contact-stage{
    align-items:start;
    gap:22px;
}

.contact-stage__story{
    overflow:hidden;
    position:relative;
    background:
        radial-gradient(circle at 84% 14%, rgba(65,234,121,.08), transparent 22%),
        linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.014));
}

.contact-stage__support{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-top:22px;
}

.contact-stage__support article{
    display:grid;
    gap:8px;
    padding:18px;
    border-radius:20px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
}

.contact-stage__support strong{
    font-size:18px;
    line-height:1.18;
    letter-spacing:-.03em;
}

.contact-form--premium{
    padding:30px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.014));
}

.contact-form__meta{
    display:grid;
    gap:10px;
    padding:0 2px 6px;
}

.contact-form__meta strong{
    font-size:28px;
    line-height:1.08;
    letter-spacing:-.05em;
}

.contact-form__meta span{
    color:#97acbf;
    line-height:1.72;
    font-size:15px;
}

.contact-form__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.contact-form__footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-top:4px;
}

.contact-form__footer span{
    max-width:360px;
    color:#92a7ba;
    line-height:1.72;
    font-size:14px;
}

.cta{
    position:relative;
    overflow:hidden;
    padding:46px;
    grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
    gap:26px;
    background:
        radial-gradient(circle at 84% 18%, rgba(65,234,121,.09), transparent 24%),
        linear-gradient(135deg,#0d151d,#091017);
}

.cta::before{
    content:"";
    position:absolute;
    inset:auto auto -120px -80px;
    width:280px;
    height:280px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 72%);
    pointer-events:none;
}

.cta-stage__copy{
    position:relative;
    z-index:1;
}

.cta-stage__actions{
    align-items:flex-start;
}

.cta-cards{
    grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
    align-items:start;
}

.cta-card{
    display:grid;
    gap:10px;
    min-height:138px;
}

.cta-card--lead{
    min-height:242px;
    grid-row:span 2;
}

.cta-card strong{
    font-size:28px;
    line-height:1.02;
    letter-spacing:-.05em;
}

.cta-card span{
    line-height:1.72;
}

.cta-card--offset{
    transform:translateX(24px);
}

@media (max-width:1180px){
    .hero{
        grid-template-columns:1fr;
        min-height:auto;
    }

    .hero-storyline{
        grid-template-columns:repeat(2,minmax(0,1fr));
        max-width:none;
    }

    .hero-storyline__card--raised{
        transform:translateY(18px);
    }

    .hero-visual--slider-mode{
        min-height:560px;
    }

    .theme-showcase__toolbar,
    .pricing-stage,
    .references-stage,
    .faq-stage,
    .cta{
        grid-template-columns:1fr;
    }

    .theme-catalog,
    .references-stage__lead{
        grid-template-columns:1fr;
    }

    .theme-card--wide,
    .theme-card--compact{
        grid-template-columns:1fr;
    }

    .themes--mosaic > .theme-card,
    .reference-grid > .reference-card,
    .reference-card--wide{
        grid-column:span 6 !important;
    }

    .pricing-stage__stack,
    .contact-form__grid,
    .pricing-stage__foot{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .references-stage__footer,
    .contact-form__footer{
        flex-direction:column;
        align-items:flex-start;
    }
}

@media (max-width:860px){
    .hero{
        padding:32px 16px 22px;
        gap:28px;
    }

    .hero-storyline,
    .proof-row,
    .pricing-stage__foot,
    .contact-stage__support,
    .contact-form__grid,
    .cta-cards{
        grid-template-columns:1fr;
    }

    .cta-stage__notice{
        margin-top:18px;
    }

    .cta-stage__notice span{
        min-height:38px;
        padding:0 14px;
        font-size:11px;
    }

    .hero-storyline__card--raised,
    .hero-stage__rail-card--offset,
    .theme-card--accent,
    .theme-card--plain,
    .cta-card--offset{
        transform:none;
        margin-left:0;
    }

    .hero-visual--slider-mode{
        min-height:420px;
    }

    .hero-visual-slider{
        width:min(100%,340px);
        min-height:420px;
        margin-right:auto;
    }

    .hero-visual-slider__track{
        min-height:420px;
    }

    .hero-visual-slide__frame{
        inset:0;
        padding:18px;
    }

    .hero-visual-slide__frame strong{
        font-size:28px;
        max-width:none;
    }

    .hero-visual-slide__frame p{
        font-size:14px;
    }

    .hero-visual-slide__tiles{
        grid-template-columns:1fr;
    }

    .theme-showcase__filters{
        width:100%;
        overflow:auto;
        padding-bottom:4px;
    }

    .theme-showcase__toolbar{
        flex-direction:column;
        align-items:flex-start;
    }

    .theme-showcase__toolbar-note{
        max-width:none;
    }

    .themes--mosaic > .theme-card,
    .reference-grid > .reference-card{
        grid-column:span 12 !important;
    }

    .price-card--lead,
    .price-card--side,
    .cta,
    .contact-form--premium,
    .faq-stage__intro,
    .references-stage__lead,
    .references-stage__aside article,
    .pricing-stage__intro{
        padding:24px;
    }

    .pricing-stage__stack,
    .pricing-stage__foot{
        grid-template-columns:1fr;
    }

    .contact-form__footer .btn{
        width:100%;
    }
}

/* Front recalibration */
.home-intro{
    display:grid;
    grid-template-columns:minmax(0,1.06fr) minmax(320px,.94fr);
    gap:24px;
    align-items:stretch;
}

.home-intro__copy,
.home-intro__card,
.home-rhythm__copy,
.home-rhythm__card{
    border-radius:28px;
    border:1px solid rgba(255,255,255,.07);
    background:
        radial-gradient(circle at 84% 12%, rgba(65,234,121,.05), transparent 20%),
        linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.014));
    box-shadow:0 20px 52px rgba(0,0,0,.18);
}

.home-intro__copy{
    padding:36px 38px;
}

.home-intro__copy h2{
    margin:18px 0 14px;
    font-size:clamp(34px,4.4vw,58px);
    line-height:1;
    letter-spacing:-.06em;
}

.home-intro__copy p{
    margin:0;
    color:#a8b6c5;
    font-size:18px;
    line-height:1.82;
}

.home-intro__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    align-content:start;
}

.home-intro__card{
    min-height:146px;
    padding:26px;
    display:grid;
    align-content:space-between;
    gap:12px;
}

.home-intro__card strong{
    font-size:42px;
    line-height:1;
    letter-spacing:-.05em;
}

.home-intro__card span{
    color:#c6d2df;
    line-height:1.6;
}

.home-intro__card--wide{
    grid-column:1 / -1;
    min-height:128px;
}

.home-rhythm{
    display:grid;
    grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
    gap:24px;
    align-items:start;
}

.home-rhythm__copy{
    padding:34px 36px;
}

.home-rhythm__copy h2{
    margin:18px 0 14px;
    font-size:clamp(34px,4.2vw,54px);
    line-height:1;
    letter-spacing:-.06em;
}

.home-rhythm__copy p{
    margin:0;
    color:#a5b3c2;
    line-height:1.8;
    font-size:18px;
}

.home-rhythm__actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    margin-top:26px;
}

.home-rhythm__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.home-rhythm__card{
    min-height:190px;
    padding:26px;
    display:grid;
    gap:12px;
    align-content:start;
}

.home-rhythm__card small{
    color:#89a0b5;
    font-size:11px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.home-rhythm__card strong{
    font-size:28px;
    line-height:1.08;
    letter-spacing:-.05em;
}

.home-rhythm__card span{
    color:#a3b2c1;
    line-height:1.72;
}

.home-rhythm__card--wide{
    grid-column:1 / -1;
    min-height:158px;
}

.features-shell__rail{
    transform:none;
}

.theme-catalog{
    gap:24px;
}

.theme-catalog__featured{
    padding:24px;
    gap:24px;
}

.theme-catalog__support{
    width:100%;
    margin:0;
}

.themes--mosaic{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.themes--mosaic .theme-card{
    grid-column:auto;
}

.theme-card--catalog{
    display:flex;
    flex-direction:column;
    min-height:100%;
}

.theme-card--catalog .theme-card__visual{
    min-height:270px;
}

.theme-card--catalog .theme-card__image{
    height:270px;
}

.theme-card--catalog .theme-body{
    flex:1;
}

.pricing-stage{
    grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);
    gap:18px;
}

.pricing-stage__stack{
    grid-column:1 / -1;
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.reference-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.reference-grid > .reference-card,
.reference-card--wide{
    grid-column:auto !important;
}

@media (max-width:1180px){
    .home-intro,
    .home-rhythm{
        grid-template-columns:1fr;
    }
}

@media (max-width:860px){
    .home-intro__grid,
    .home-rhythm__grid,
    .themes--mosaic,
    .reference-grid{
        grid-template-columns:1fr;
    }

    .home-intro__copy,
    .home-rhythm__copy,
    .home-intro__card,
    .home-rhythm__card{
        padding:24px;
    }

    .pricing-stage__stack{
        grid-template-columns:1fr;
    }
}

/* Front rebuild: stable premium system */
.site-shell{
    width:min(1360px,calc(100% - 28px));
    margin:18px auto 24px;
    border-radius:34px;
    border:1px solid rgba(255,255,255,.06);
    background:
        radial-gradient(circle at 84% 10%, rgba(65,234,121,.08), transparent 20%),
        linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006)),
        linear-gradient(180deg,#05090d 0%,#060b10 100%);
    box-shadow:0 28px 78px rgba(0,0,0,.28);
}

.site-header{
    background:rgba(6,10,14,.88);
}

.nav-meta,
.nav{
    width:min(1288px,calc(100% - 40px));
    margin:0 auto;
}

.hero{
    grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);
    gap:44px;
    min-height:690px;
    padding:54px 46px 46px;
}

.hero-copy{
    max-width:680px;
}

.hero h1{
    font-size:clamp(48px,5.6vw,72px);
    line-height:.98;
    letter-spacing:-.07em;
}

.hero p{
    max-width:620px;
    color:#a7b6c6;
    font-size:19px;
    line-height:1.78;
}

.hero-benefits{
    gap:12px;
}

.hero-benefits span{
    min-height:42px;
    padding:0 18px 0 36px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.07);
    background:rgba(255,255,255,.024);
    font-size:14px;
}

.hero-proof{
    margin-top:42px;
    padding-top:22px;
}

.hero-proof p{
    text-align:left;
}

.home-intro,
.home-rhythm{
    grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);
    gap:28px;
    align-items:stretch;
}

.home-intro__copy,
.home-rhythm__copy{
    padding:40px 42px;
    border-radius:30px;
    border:1px solid rgba(255,255,255,.07);
    background:
        radial-gradient(circle at 86% 12%, rgba(65,234,121,.05), transparent 22%),
        linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.014));
    box-shadow:0 22px 58px rgba(0,0,0,.18);
}

.home-intro__copy h2,
.home-rhythm__copy h2{
    font-size:clamp(36px,4.2vw,56px);
    line-height:1.02;
    letter-spacing:-.06em;
}

.home-intro__copy p,
.home-rhythm__copy p{
    color:#a7b6c6;
    font-size:18px;
    line-height:1.82;
}

.home-intro__grid,
.home-rhythm__grid{
    gap:18px;
}

.home-intro__card,
.home-rhythm__card{
    min-height:176px;
    padding:28px;
    border-radius:26px;
    border:1px solid rgba(255,255,255,.07);
    background:
        linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.012)),
        linear-gradient(180deg,#0d141a,#091016);
    box-shadow:0 18px 42px rgba(0,0,0,.14);
}

.home-intro__card--wide,
.home-rhythm__card--wide{
    min-height:144px;
}

.features-shell{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    gap:28px;
    align-items:start;
}

.features-shell__intro{
    position:relative;
    top:auto;
    padding:40px 42px;
    border-radius:30px;
}

.features-shell__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
}

.feature-card{
    min-height:100%;
    padding:30px;
    border-radius:26px;
}

.feature-card--spotlight{
    grid-column:1 / -1;
    min-height:320px;
    padding:40px;
}

.feature-card--spotlight h3{
    max-width:720px;
}

.features-shell__rail{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
    transform:none;
}

.theme-showcase__toolbar{
    align-items:flex-end;
    gap:24px;
    margin-top:30px;
}

.theme-showcase__toolbar-note{
    max-width:360px;
}

.theme-catalog{
    display:grid;
    grid-template-columns:minmax(0,1.06fr) minmax(380px,.94fr);
    gap:32px;
    margin-top:32px;
    align-items:start;
}

.theme-catalog__featured{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(430px,.9fr);
    gap:30px;
    min-height:660px;
    padding:30px;
    border-radius:32px;
    background:
        radial-gradient(circle at 86% 10%, rgba(65,234,121,.08), transparent 22%),
        linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.014));
    box-shadow:0 24px 62px rgba(0,0,0,.2);
}

.theme-catalog__featured-copy{
    padding:6px 4px 8px;
}

.theme-catalog__featured-copy h3{
    max-width:560px;
    font-size:clamp(40px,4vw,58px);
    line-height:.98;
    letter-spacing:-.065em;
}

.theme-catalog__featured-copy p{
    max-width:560px;
    color:#a9b7c6;
    font-size:18px;
    line-height:1.8;
}

.theme-catalog__featured-bullets{
    gap:14px;
    margin-top:26px;
}

.theme-catalog__featured-foot{
    gap:20px;
    margin-top:28px;
}

.theme-catalog__featured-visual{
    padding:0;
    gap:16px;
}

.theme-catalog__featured-visual .theme-card__image,
.theme-catalog__featured-visual .theme-preview{
    min-height:470px;
    height:100%;
    border-radius:28px;
}

.theme-catalog__featured-meta{
    padding:0 4px;
}

.theme-catalog__support{
    display:grid;
    grid-template-columns:1fr;
    gap:22px;
    width:100%;
    margin:0;
}

.theme-card{
    border-radius:30px;
    border:1px solid rgba(255,255,255,.07);
    background:
        linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012)),
        linear-gradient(180deg,#0c1318,#091016);
    box-shadow:0 20px 48px rgba(0,0,0,.16);
    overflow:hidden;
}

.theme-card__visual{
    padding:20px;
    border-bottom:1px solid rgba(255,255,255,.06);
}

.theme-card__image{
    height:296px;
    border-radius:24px;
}

.theme-card__chips{
    inset:36px 36px auto 36px;
    justify-content:flex-start;
    gap:10px;
}

.theme-card__visual-meta{
    margin-top:18px;
    color:#92a3b5;
    font-size:14px;
}

.theme-card--compact,
.theme-card--catalog{
    display:flex;
    flex-direction:column;
    min-height:100%;
}

.theme-card--compact .theme-card__image{
    height:288px;
    object-position:center top;
}

.theme-card--compact .theme-preview,
.theme-card--catalog .theme-preview{
    min-height:288px;
    padding:0;
    border-bottom:0;
}

.theme-card--catalog .theme-card__image{
    height:280px;
}

.theme-body{
    flex:1;
    display:grid;
    align-content:start;
    padding:24px 24px 26px;
}

.theme-body h3{
    margin:18px 0 12px;
    font-size:32px;
    line-height:1.04;
    letter-spacing:-.05em;
}

.theme-body p{
    color:#a7b6c6;
    font-size:16px;
    line-height:1.76;
}

.theme-card__bullets{
    gap:12px;
    margin-top:20px;
}

.theme-card__bullets span{
    font-size:14px;
}

.theme-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:24px;
}

.theme-actions .btn{
    width:100%;
}

.themes--mosaic{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
    margin-top:30px;
}

.themes--mosaic > .theme-card,
.themes--mosaic .theme-card,
.theme-card--wide,
.theme-card--accent,
.theme-card--plain{
    grid-column:auto !important;
    transform:none !important;
    margin-left:0 !important;
}

.pricing-stage{
    grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);
    gap:28px;
}

.pricing-stage__intro,
.price-card--lead,
.price-card--side{
    border-radius:30px;
}

.pricing-stage__intro{
    padding:34px;
}

.pricing-stage__stack{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
    grid-column:auto;
}

.price-card--lead{
    padding:36px;
}

.pricing-stage__foot{
    gap:18px;
    margin-top:24px;
}

.references-stage{
    grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
    gap:26px;
}

.references-stage__lead{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    gap:22px;
    padding:24px;
    border-radius:30px;
}

.references-stage__lead-visual .reference-card__screen{
    min-height:360px;
}

.references-stage__aside{
    gap:18px;
}

.references-stage__aside article{
    border-radius:24px;
}

.reference-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
    margin-top:24px;
}

.reference-grid > .reference-card,
.reference-card--wide,
.reference-card:first-child,
.reference-card:nth-child(2),
.reference-card:nth-child(3){
    grid-column:auto !important;
    transform:none !important;
}

.reference-card{
    min-height:100%;
    border-radius:28px;
}

.reference-card__screen{
    min-height:270px;
}

.reference-card__body{
    padding:24px;
}

.references-stage__footer{
    margin-top:24px;
    padding:26px 28px;
    border-radius:28px;
}

.faq-stage{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    gap:24px;
}

.faq-stage__intro{
    padding:34px;
    border-radius:30px;
}

.contact-stage{
    grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
    gap:24px;
}

.contact-stage__story,
.contact-form--premium{
    padding:34px;
    border-radius:30px;
}

.contact-form__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.contact-form__footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.contact-form__footer .btn{
    min-width:220px;
}

.cta{
    grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);
    gap:22px;
    padding:34px;
    border-radius:32px;
    background:
        radial-gradient(circle at 84% 16%, rgba(65,234,121,.06), transparent 18%),
        linear-gradient(180deg,#0c1217 0%,#090f14 100%);
}

.cta-stage__copy{
    align-self:center;
}

.cta-cards{
    grid-template-columns:1fr;
    gap:14px;
}

.cta-card{
    min-height:unset;
    border-radius:22px;
}

.footer{
    padding:24px 0 0;
    background:none;
}

.footer-shell{
    width:100%;
    margin:0;
    border-top:1px solid rgba(255,255,255,.06);
    border-right:0;
    border-bottom:0;
    border-left:0;
    border-radius:0 0 34px 34px;
    background:
        radial-gradient(circle at 88% 10%, rgba(65,234,121,.05), transparent 20%),
        linear-gradient(180deg,#060b0f 0%,#04080c 100%);
    box-shadow:none;
}

.footer-shell__meta,
.footer-shell__body,
.footer-shell__bottom{
    width:min(1288px,calc(100% - 40px));
    margin:0 auto;
}

.footer-shell__meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    min-height:58px;
    padding:18px 0;
    border-bottom:1px solid rgba(255,255,255,.06);
}

.footer-shell__meta-copy{
    display:flex;
    align-items:center;
    gap:20px;
    color:#8ea0b4;
    line-height:1.6;
}

.footer-shell__meta-copy p{
    margin:0;
}

.footer-shell__meta-pill{
    display:inline-flex;
    align-items:center;
    min-height:40px;
    padding:0 18px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
    color:#eef4fb;
    font-size:13px;
    font-weight:800;
    letter-spacing:.08em;
}

.footer-shell__meta-actions{
    display:flex;
    align-items:center;
    gap:20px;
    color:#8ea0b4;
}

.footer-shell__meta-actions a{
    color:#eef4fb;
    font-weight:800;
}

.footer-shell__body{
    display:grid;
    grid-template-columns:1.24fr .72fr .72fr .96fr;
    gap:30px;
    padding:34px 0 30px;
    border-bottom:1px solid rgba(255,255,255,.06);
}

.footer-shell__brand{
    padding-right:18px;
}

.footer-shell__brand-link{
    align-items:center;
}

.footer-shell__brand-link small{
    margin-top:6px;
}

.footer-shell__brand p{
    margin:24px 0 0;
    max-width:520px;
    color:#98aabc;
    font-size:17px;
    line-height:1.8;
}

.footer-shell__brand-metrics{
    gap:14px;
    margin-top:24px;
}

.footer-shell__brand-metrics article{
    border-radius:20px;
    background:rgba(255,255,255,.02);
}

.footer-shell__column{
    gap:14px;
}

.footer-shell__column h4{
    margin:4px 0 6px;
    color:#8cf0b1;
    font-size:12px;
    letter-spacing:.18em;
}

.footer-shell__column a,
.footer-shell__column span{
    color:#d5dfea;
    font-size:15px;
    line-height:1.7;
}

.footer-shell__column span{
    color:#97aabc;
}

.footer-shell__column-actions{
    display:grid;
    gap:12px;
    margin-top:16px;
}

.footer-shell__column-actions .btn{
    width:100%;
    min-height:52px;
}

.footer-shell__bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:18px 0 24px;
    color:#7f91a3;
    font-size:14px;
}

.page-hero-shell{
    grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);
    gap:28px;
}

.page-hero-shell__copy,
.page-hero-shell__aside{
    border-radius:30px;
}

@media (max-width:1180px){
    .hero,
    .home-intro,
    .home-rhythm,
    .features-shell,
    .pricing-stage,
    .references-stage,
    .faq-stage,
    .contact-stage,
    .cta,
    .page-hero-shell,
    .theme-catalog{
        grid-template-columns:1fr;
    }

    .theme-catalog__featured,
    .references-stage__lead{
        grid-template-columns:1fr;
    }

    .features-shell__grid,
    .features-shell__rail,
    .pricing-stage__stack,
    .reference-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .footer-shell__meta,
    .footer-shell__body,
    .footer-shell__bottom{
        width:min(100%,calc(100% - 40px));
    }

    .footer-shell__meta,
    .footer-shell__bottom{
        flex-direction:column;
        align-items:flex-start;
    }

    .footer-shell__body{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .features-shell__intro{
        position:relative;
    }
}

@media (max-width:860px){
    .site-shell{
        width:min(100%,calc(100% - 14px));
        border-radius:24px;
    }

    .nav-meta,
    .nav,
    .footer-shell__meta,
    .footer-shell__body,
    .footer-shell__bottom{
        width:min(100%,calc(100% - 24px));
    }

    .hero{
        padding:34px 18px 26px;
        gap:30px;
        min-height:auto;
    }

    .hero p,
    .headline p,
    .home-intro__copy p,
    .home-rhythm__copy p{
        font-size:16px;
    }

    .home-intro__grid,
    .home-rhythm__grid,
    .features-shell__grid,
    .features-shell__rail,
    .themes--mosaic,
    .pricing-stage__stack,
    .reference-grid,
    .contact-form__grid,
    .footer-shell__body{
        grid-template-columns:1fr;
    }

    .home-intro__copy,
    .home-rhythm__copy,
    .home-intro__card,
    .home-rhythm__card,
    .features-shell__intro,
    .feature-card,
    .feature-card--spotlight,
    .theme-catalog__featured,
    .pricing-stage__intro,
    .price-card--lead,
    .price-card--side,
    .references-stage__lead,
    .references-stage__aside article,
    .faq-stage__intro,
    .contact-stage__story,
    .contact-form--premium,
    .cta{
        padding:24px;
    }

    .theme-catalog__featured-visual .theme-card__image,
    .theme-catalog__featured-visual .theme-preview,
    .theme-card__image,
    .theme-card--compact .theme-card__image,
    .theme-card--catalog .theme-card__image{
        height:250px;
        min-height:250px;
    }

    .theme-actions,
    .contact-form__footer,
    .footer-shell__meta-copy,
    .footer-shell__meta-actions{
        grid-template-columns:1fr;
        flex-direction:column;
        align-items:flex-start;
    }

    .theme-actions .btn,
    .footer-shell__column-actions .btn,
    .contact-form__footer .btn{
        width:100%;
    }

    .footer-shell{
        border-radius:0 0 24px 24px;
    }
}

/* Final disciplined theme catalog and detail system */
.theme-catalog-section .headline{
    margin-bottom:26px;
}

.theme-showcase__toolbar{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:24px;
    margin-top:28px;
}

.theme-showcase__filters{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.theme-showcase__toolbar-note{
    max-width:340px;
    text-align:right;
}

.theme-catalog-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
    margin-top:28px;
    align-items:stretch;
}

.theme-catalog-grid--related{
    margin-top:0;
}

.theme-card--catalog-grid{
    display:flex;
    flex-direction:column;
    min-height:100%;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.08);
    background:
        linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012)),
        linear-gradient(180deg,#0b1117 0%,#091017 100%);
    box-shadow:0 22px 54px rgba(0,0,0,.18);
    overflow:hidden;
}

.theme-card--catalog-grid .theme-card__visual{
    display:block;
    padding:20px;
    border-bottom:1px solid rgba(255,255,255,.06);
}

.theme-card--catalog-grid .theme-card__image,
.theme-card--catalog-grid .theme-preview{
    width:100%;
    height:100%;
    min-height:100%;
    border-radius:22px;
}

.theme-card--catalog-grid .theme-preview{
    padding:0;
    border:0;
}

.theme-card--catalog-grid .theme-window{
    height:100%;
}

.theme-card--catalog-grid .theme-window .body{
    min-height:calc(100% - 48px);
}

.theme-body--catalog{
    flex:1;
    display:flex;
    flex-direction:column;
    padding:22px 22px 24px;
}

.theme-card__meta-row{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:14px;
}

.theme-card--catalog-grid .theme-card__chip{
    min-height:30px;
    padding:0 12px;
}

.theme-card__title-link{
    color:inherit;
}

.theme-body--catalog h3{
    margin:0;
    font-size:28px;
    line-height:1.1;
    letter-spacing:-.045em;
}

.theme-card__description{
    margin:14px 0 0;
    color:#a6b5c4;
    font-size:15px;
    line-height:1.72;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    min-height:78px;
}

.theme-card__feature-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}

.theme-card__feature-tags span{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 12px;
    border-radius:999px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.07);
    color:#d5deea;
    font-size:13px;
    line-height:1.4;
}

.theme-actions--catalog{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:auto;
    padding-top:22px;
}

.theme-actions--catalog .btn{
    width:100%;
    min-height:52px;
}

.theme-detail-hero{
    padding-top:10px;
}

.theme-detail-hero__grid{
    display:grid;
    grid-template-columns:minmax(0,.94fr) minmax(420px,1.06fr);
    gap:28px;
    align-items:start;
}

.theme-detail-hero__copy,
.theme-detail-hero__visual-shell,
.theme-preview-section__lead,
.theme-preview-card{
    border-radius:28px;
    border:1px solid rgba(255,255,255,.08);
    background:
        linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.014)),
        linear-gradient(180deg,#0c131a 0%,#091017 100%);
    box-shadow:0 24px 56px rgba(0,0,0,.18);
}

.theme-detail-hero__copy{
    padding:30px;
}

.theme-detail-hero__eyebrow{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:18px;
}

.theme-detail-hero__copy h1{
    margin:0;
    font-size:clamp(40px,4.8vw,64px);
    line-height:.98;
    letter-spacing:-.06em;
}

.theme-detail-hero__copy > p{
    margin:20px 0 0;
    color:#a8b6c5;
    font-size:18px;
    line-height:1.8;
}

.theme-detail-hero__actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:28px;
}

.theme-detail-hero__badges{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:24px;
}

.theme-detail-hero__badges span{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 14px;
    border-radius:999px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08);
    color:#dce6f1;
    font-size:13px;
    font-weight:700;
}

.theme-detail-hero__highlights{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-top:26px;
}

.theme-detail-hero__highlights article,
.theme-detail-hero__meta div,
.theme-preview-section__stats div{
    padding:18px;
    border-radius:20px;
    background:rgba(255,255,255,.025);
    border:1px solid rgba(255,255,255,.06);
}

.theme-detail-hero__highlights strong{
    display:block;
    font-size:16px;
    letter-spacing:-.03em;
}

.theme-detail-hero__highlights span{
    display:block;
    margin-top:10px;
    color:#99adbf;
    font-size:14px;
    line-height:1.65;
}

.theme-detail-hero__meta{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-top:18px;
}

.theme-detail-hero__meta small,
.theme-preview-section__stats small{
    display:block;
    color:#8ea1b4;
    font-size:11px;
    letter-spacing:.1em;
    font-weight:800;
}

.theme-detail-hero__meta strong,
.theme-preview-section__stats strong{
    display:block;
    margin-top:10px;
    font-size:22px;
    letter-spacing:-.04em;
}

.theme-detail-hero__visual-shell{
    padding:22px;
}

.theme-detail-hero__frame{
    aspect-ratio:16 / 10;
    border-radius:24px;
    overflow:hidden;
    background:linear-gradient(180deg,#111923,#0b1016);
}

.theme-detail-hero__frame img,
.theme-detail-hero__frame .theme-preview,
.theme-detail-hero__frame .theme-window{
    width:100%;
    height:100%;
}

.theme-detail-hero__frame img{
    object-fit:cover;
}

.theme-detail-hero__frame .theme-preview{
    padding:0;
    border:0;
}

.theme-detail-hero__visual-caption{
    display:flex;
    justify-content:space-between;
    gap:16px;
    align-items:flex-start;
    margin-top:16px;
}

.theme-detail-hero__visual-caption strong{
    font-size:18px;
    letter-spacing:-.03em;
}

.theme-detail-hero__visual-caption span{
    max-width:340px;
    color:#98abbd;
    line-height:1.7;
    text-align:right;
}

.theme-preview-section__head{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);
    gap:24px;
    align-items:end;
    margin-bottom:22px;
}

.theme-preview-section__stats{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.theme-preview-section__lead{
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:flex-end;
    padding:24px 26px;
    margin-bottom:22px;
}

.theme-preview-section__lead h3{
    margin:16px 0 10px;
    font-size:32px;
    letter-spacing:-.05em;
}

.theme-preview-section__lead p{
    margin:0;
    color:#9db0c2;
    line-height:1.75;
    max-width:720px;
}

.theme-preview-section__lead-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.theme-preview-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}

.theme-preview-card{
    display:flex;
    flex-direction:column;
    overflow:hidden;
}

.theme-preview-card__media{
    padding:18px;
    border-bottom:1px solid rgba(255,255,255,.06);
}

.theme-preview-card__media .theme-preview-showcase__image,
.theme-preview-card__media .theme-preview-showcase__frame{
    width:100%;
    height:auto;
    aspect-ratio:16 / 10;
    border-radius:20px;
}

.theme-preview-card__body{
    display:flex;
    flex-direction:column;
    flex:1;
    gap:12px;
    padding:22px;
}

.theme-preview-card__body h3{
    margin:0;
    font-size:26px;
    letter-spacing:-.04em;
}

.theme-preview-card__body p{
    margin:0;
    color:#9db0c2;
    line-height:1.72;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
}

.theme-preview-card__body .btn{
    margin-top:auto;
}

@media (max-width:1180px){
    .theme-catalog-grid,
    .theme-preview-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .theme-detail-hero__grid,
    .theme-preview-section__head{
        grid-template-columns:1fr;
    }
}

@media (max-width:860px){
    .theme-showcase__toolbar{
        align-items:flex-start;
    }

    .theme-showcase__toolbar-note{
        max-width:none;
        text-align:left;
    }

    .theme-catalog-grid,
    .theme-preview-grid,
    .theme-detail-hero__highlights,
    .theme-detail-hero__meta,
    .theme-preview-section__stats{
        grid-template-columns:1fr;
    }

    .theme-card--catalog-grid .theme-card__image,
    .theme-card--catalog-grid .theme-preview{
        min-height:240px;
    }

    .theme-actions--catalog,
    .theme-detail-hero__actions,
    .theme-preview-section__lead,
    .theme-preview-section__lead-actions{
        grid-template-columns:1fr;
        flex-direction:column;
        align-items:flex-start;
    }

    .theme-actions--catalog .btn,
    .theme-detail-hero__actions .btn,
    .theme-preview-section__lead-actions .btn{
        width:100%;
    }

    .theme-detail-hero__copy,
    .theme-detail-hero__visual-shell,
    .theme-preview-section__lead,
    .theme-preview-card{
        border-radius:24px;
    }

    .theme-detail-hero__copy,
    .theme-detail-hero__visual-shell{
        padding:24px;
    }

    .theme-detail-hero__visual-caption{
        flex-direction:column;
    }

.theme-detail-hero__visual-caption span{
    max-width:none;
    text-align:left;
    }
}

/* Global site energy rails */
:root{
    --site-scroll-progress:0;
}

.site-shell{
    isolation:isolate;
}

.site-shell::before,
.site-shell::after{
    content:"";
    position:absolute;
    pointer-events:none;
    z-index:0;
    transition:opacity .24s ease, transform .32s ease;
}

.site-shell::before{
    top:104px;
    bottom:108px;
    left:18px;
    width:2px;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(112,255,154,.78) 0%, rgba(55,204,103,.16) 100%);
    box-shadow:0 0 16px rgba(65,234,121,.16);
    opacity:calc(.16 + (var(--site-scroll-progress) * .26));
    transform:scaleY(calc(.92 + (var(--site-scroll-progress) * .08)));
    transform-origin:top;
}

.site-shell::after{
    left:18px;
    right:18px;
    bottom:18px;
    height:1px;
    background:linear-gradient(90deg, rgba(98,244,140,.42) 0%, rgba(98,244,140,.12) 18%, rgba(255,255,255,.04) 50%, rgba(98,244,140,.12) 82%, rgba(98,244,140,.32) 100%);
    opacity:calc(.18 + (var(--site-scroll-progress) * .18));
}

.site-header,
.footer-shell,
.cta,
.theme-card--catalog-grid,
.theme-preview-card,
.theme-detail-hero__copy,
.theme-detail-hero__visual-shell,
.theme-preview-section__lead,
.page-hero-shell__copy,
.page-hero-shell__aside{
    position:relative;
    z-index:1;
}

.site-header::after,
.footer-shell::before,
.cta::before,
.theme-card--catalog-grid::before,
.theme-preview-card::before,
.theme-detail-hero__copy::before,
.theme-detail-hero__visual-shell::before,
.theme-preview-section__lead::before,
.page-hero-shell__copy::before,
.page-hero-shell__aside::before{
    content:"";
    position:absolute;
    top:0;
    left:22px;
    right:22px;
    height:1px;
    border-radius:999px;
    pointer-events:none;
    background:linear-gradient(90deg, rgba(103,246,145,.30) 0%, rgba(103,246,145,.08) 22%, rgba(255,255,255,.03) 50%, rgba(103,246,145,.08) 78%, rgba(103,246,145,.24) 100%);
    opacity:calc(.42 + (var(--site-scroll-progress) * .2));
}

.site-header::after{
    left:28px;
    right:28px;
    top:auto;
    bottom:0;
    height:1px;
    opacity:calc(.24 + (var(--site-scroll-progress) * .28));
    box-shadow:0 0 14px rgba(65,234,121,.08);
}

.footer-shell::before{
    left:28px;
    right:28px;
    box-shadow:0 0 12px rgba(65,234,121,.08);
}

.site-is-scrolled .site-header::after{
    box-shadow:0 0 18px rgba(65,234,121,.12);
}

.theme-card--catalog-grid::before,
.theme-preview-card::before{
    left:18px;
    right:18px;
}

@media (max-width:860px){
    .site-shell::before{
        top:92px;
        bottom:92px;
        left:12px;
        opacity:calc(.12 + (var(--site-scroll-progress) * .2));
    }

    .site-shell::after{
        left:12px;
        right:12px;
        bottom:12px;
    }

    .site-header::after,
    .footer-shell::before,
    .cta::before,
    .theme-card--catalog-grid::before,
    .theme-preview-card::before,
    .theme-detail-hero__copy::before,
    .theme-detail-hero__visual-shell::before,
    .theme-preview-section__lead::before,
    .page-hero-shell__copy::before,
    .page-hero-shell__aside::before{
        left:16px;
        right:16px;
    }
}

/* Premium front refinement: hero, cards, CTA, pricing, sliders */
.hero{
    gap:40px;
    min-height:700px;
    padding:48px 40px 40px;
}

.hero-copy{
    max-width:680px;
}

.hero h1{
    margin-top:24px;
    max-width:720px;
    font-size:clamp(50px,6vw,78px);
    line-height:.94;
    letter-spacing:-.075em;
}

.hero p{
    margin-top:26px;
    max-width:610px;
    color:#acbac9;
    font-size:20px;
    line-height:1.78;
}

.hero-cta{
    margin-top:36px;
    gap:14px;
}

.hero-cta .btn{
    min-height:56px;
    padding:0 24px;
    border-radius:17px;
    box-shadow:none;
}

.hero-cta .btn.primary{
    box-shadow:0 18px 42px rgba(65,234,121,.18);
}

.hero-cta .btn.secondary{
    background:rgba(255,255,255,.03);
}

.hero-benefits{
    gap:14px 18px;
    margin-top:30px;
}

.hero-benefits span{
    min-height:38px;
    padding:0 16px 0 34px;
    border-radius:999px;
    background:rgba(255,255,255,.025);
    border:1px solid rgba(255,255,255,.06);
    color:#d4deea;
    font-size:14px;
}

.hero-benefits span::before{
    left:14px;
    top:50%;
    transform:translateY(-50%);
}

.hero-storyline{
    gap:16px;
    margin-top:34px;
}

.hero-storyline__card{
    padding:20px 20px 18px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.07);
    background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012));
    box-shadow:0 18px 42px rgba(0,0,0,.12);
}

.hero-storyline__card strong{
    font-size:21px;
    line-height:1.24;
}

.hero-storyline__card span{
    color:#99adbf;
    line-height:1.72;
}

.hero-storyline__card--raised{
    transform:none;
    border-color:rgba(65,234,121,.12);
}

.hero-proof{
    margin-top:38px;
    padding-top:24px;
}

.hero-proof p{
    color:#9dafbf;
    font-size:14px;
    text-align:left;
}

.proof-row{
    gap:14px;
    grid-template-columns:repeat(3,minmax(0,1fr));
    text-align:left;
}

.proof-row > div{
    min-height:48px;
    display:flex;
    align-items:center;
    padding:0 14px;
    border-radius:15px;
    background:rgba(255,255,255,.025);
    border:1px solid rgba(255,255,255,.06);
    color:#d8e2ee;
    font-size:14px;
    font-weight:700;
}

.hero-visual--slider-mode{
    min-height:640px;
}

.hero-visual-slider{
    width:min(100%,470px);
    min-height:590px;
}

.hero-visual-slider__track{
    min-height:590px;
}

.hero-visual-slide{
    transform:translateY(14px) scale(.976);
}

.hero-visual-slide__media{
    inset:0 0 92px;
    padding:12px;
}

.hero-visual-slide__image{
    filter:drop-shadow(0 34px 54px rgba(0,0,0,.28));
}

.hero-visual-slide__frame{
    padding:26px;
    border-radius:30px;
    border:1px solid rgba(255,255,255,.07);
    background:
        radial-gradient(circle at 84% 12%, rgba(65,234,121,.09), transparent 20%),
        linear-gradient(180deg,rgba(15,22,30,.96),rgba(8,12,18,.98));
    box-shadow:0 28px 70px rgba(0,0,0,.22);
}

.hero-visual-slide__frame strong{
    font-size:34px;
    line-height:1.02;
}

.hero-visual-slide__frame p{
    color:#9caebe;
    font-size:15px;
    line-height:1.76;
}

.hero-visual-slide__tiles{
    gap:10px;
    margin-top:18px;
}

.hero-visual-slide__tiles span{
    min-height:34px;
    padding:0 12px;
    border-radius:999px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
    color:#d8e2ed;
    font-size:13px;
}

.hero-visual-slider__nav{
    bottom:14px;
    gap:12px;
}

.hero-visual-slider__dots{
    padding:12px 16px;
    box-shadow:0 18px 38px rgba(0,0,0,.18);
}

.hero-visual-slider__arrow{
    width:46px;
    height:46px;
    border-radius:15px;
    box-shadow:0 14px 30px rgba(0,0,0,.16);
}

.theme-card--catalog-grid{
    transition:border-color .24s ease, box-shadow .24s ease, transform .24s ease, background .24s ease;
}

.theme-card--catalog-grid:hover{
    transform:translateY(-4px);
    border-color:rgba(255,255,255,.11);
    box-shadow:0 30px 66px rgba(0,0,0,.22);
}

.theme-card--catalog-grid .theme-card__visual{
    padding:18px;
}

.theme-card--catalog-grid .theme-card__image,
.theme-card--catalog-grid .theme-preview{
    transition:transform .38s cubic-bezier(.22,.61,.36,1), filter .24s ease;
}

.theme-card--catalog-grid:hover .theme-card__image,
.theme-card--catalog-grid:hover .theme-preview{
    transform:scale(1.02);
}

.theme-body--catalog{
    padding:24px;
}

.theme-card__meta-row{
    margin-bottom:16px;
}

.theme-body--catalog h3{
    font-size:30px;
}

.theme-card__description{
    color:#aab9c8;
}

.theme-card__feature-tags{
    margin-top:20px;
}

.theme-card__feature-tags span{
    background:rgba(255,255,255,.024);
    color:#d3deea;
}

.theme-actions--catalog{
    gap:10px;
    padding-top:24px;
}

.theme-actions--catalog .btn{
    min-height:50px;
    border-radius:15px;
}

.cta{
    gap:28px;
    padding:42px;
    border-radius:32px;
    background:
        radial-gradient(circle at 82% 18%, rgba(65,234,121,.10), transparent 20%),
        linear-gradient(135deg,#0d141b,#091017);
    box-shadow:0 26px 68px rgba(0,0,0,.2);
}

.cta-stage__copy{
    max-width:660px;
}

.cta h2{
    margin-top:16px;
    font-size:clamp(38px,4.8vw,60px);
    line-height:.98;
    letter-spacing:-.065em;
}

.cta p{
    color:#aab7c6;
}

.cta-stage__actions{
    gap:12px;
}

.cta-stage__actions .btn{
    min-height:54px;
}

.cta--single{
    grid-template-columns:1fr;
    gap:0;
}

.cta--single .cta-stage__copy{
    max-width:none;
}

.cta-stage__notice{
    display:flex;
    margin-top:22px;
}

.cta-stage__notice span{
    display:inline-flex;
    align-items:center;
    min-height:40px;
    padding:0 16px;
    border-radius:999px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08);
    color:#dce7f3;
    font-size:12px;
    font-weight:800;
    letter-spacing:.02em;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.cta-cards{
    gap:14px;
}

.cta-card{
    padding:24px;
    border-radius:22px;
    background:rgba(255,255,255,.024);
    box-shadow:none;
}

.cta-card--lead{
    background:
        radial-gradient(circle at 82% 20%, rgba(65,234,121,.08), transparent 22%),
        rgba(255,255,255,.028);
}

.cta-card strong{
    font-size:28px;
    line-height:1.18;
    letter-spacing:-.04em;
}

.cta-card span{
    color:#9cadbf;
    line-height:1.7;
}

.pricing-stage{
    gap:24px;
    align-items:stretch;
}

.pricing-stage__intro,
.price-card--lead,
.price-card--side{
    border-radius:28px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012)),
        linear-gradient(180deg,#0c1319,#091017);
    box-shadow:0 22px 58px rgba(0,0,0,.18);
}

.pricing-stage__intro{
    padding:30px;
}

.pricing-stage__intro strong{
    font-size:34px;
    line-height:1.12;
    letter-spacing:-.05em;
}

.pricing-stage__intro p{
    color:#9fafbf;
    line-height:1.76;
}

.pricing-stage__intro-grid{
    margin-top:22px;
    gap:12px;
}

.pricing-stage__intro-grid div{
    min-height:98px;
    padding:18px;
    border-radius:20px;
    background:rgba(255,255,255,.024);
}

.price-card--lead{
    padding:30px;
    border-color:rgba(255,255,255,.09);
}

.price-card--side{
    padding:26px;
}

.price-card h3{
    font-size:30px;
    letter-spacing:-.04em;
}

.price-card p{
    color:#aab7c6;
}

.price{
    font-size:46px;
}

.price-list{
    gap:10px;
}

.price-list span{
    color:#d7e1ec;
}

.price-card__footnote{
    margin:26px 0 24px;
    padding:18px;
    border-radius:20px;
    background:rgba(255,255,255,.024);
    border:1px solid rgba(255,255,255,.06);
}

.price-card__footnote span{
    color:#97abbe;
    line-height:1.68;
}

.pricing-stage__foot{
    gap:16px;
    margin-top:24px;
}

.pricing-stage__foot article{
    min-height:118px;
    padding:20px;
    border-radius:22px;
    background:rgba(255,255,255,.022);
    border:1px solid rgba(255,255,255,.06);
}

.pricing-stage__foot strong{
    font-size:22px;
    line-height:1.24;
}

.theme-preview-section__head{
    margin-bottom:24px;
}

.theme-preview-section__lead{
    padding:26px 28px;
    margin-bottom:24px;
}

.theme-preview-section__lead h3{
    font-size:34px;
}

.theme-preview-section__lead p{
    color:#a0b2c4;
}

.theme-preview-grid{
    gap:18px;
}

.theme-preview-card{
    transition:border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.theme-preview-card:hover{
    transform:translateY(-3px);
    border-color:rgba(255,255,255,.11);
    box-shadow:0 28px 64px rgba(0,0,0,.2);
}

.theme-preview-card__media{
    padding:16px;
}

.theme-preview-card__media .theme-preview-showcase__image,
.theme-preview-card__media .theme-preview-showcase__frame{
    border-radius:18px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.theme-preview-card__body{
    padding:20px;
}

.theme-preview-card__body h3{
    font-size:24px;
    line-height:1.16;
}

.theme-preview-card__body p{
    color:#9fb1c3;
}

@media (max-width:1180px){
    .hero{
        min-height:auto;
        padding:42px 30px 34px;
    }

    .proof-row{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .hero-visual--slider-mode{
        min-height:560px;
    }

    .cta,
    .pricing-stage{
        gap:20px;
    }
}

@media (max-width:860px){
    .hero{
        gap:28px;
        padding:32px 18px 24px;
    }

    .hero h1{
        font-size:clamp(40px,12vw,56px);
    }

    .hero p{
        font-size:16px;
    }

    .hero-benefits,
    .hero-storyline,
    .proof-row,
    .cta-cards,
    .pricing-stage__intro-grid,
    .pricing-stage__foot{
        grid-template-columns:1fr;
    }

    .hero-benefits{
        display:grid;
    }

    .hero-visual--slider-mode{
        min-height:430px;
    }

    .hero-visual-slider{
        width:min(100%,340px);
        min-height:410px;
    }

    .hero-visual-slider__track{
        min-height:410px;
    }

    .hero-visual-slide__media{
        inset:0 0 88px;
    }

    .hero-visual-slide__frame{
        padding:20px;
    }

    .hero-visual-slide__frame strong{
        font-size:26px;
    }

    .cta{
        padding:28px 24px;
    }

    .pricing-stage__intro,
    .price-card--lead,
    .price-card--side,
    .theme-preview-section__lead{
        padding:24px;
    }
}

/* Hero column separation refinement */
.hero{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    align-items:stretch;
    gap:34px;
}

.hero-main{
    display:grid;
    grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
    gap:40px;
    align-items:center;
}

.hero-lower{
    display:grid;
    gap:26px;
}

.hero-storyline{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin-top:0;
    max-width:none;
}

.hero-storyline__card--raised{
    transform:none;
}

.hero-proof{
    margin-top:0;
    padding-top:0;
    max-width:940px;
}

@media (max-width:1180px){
    .hero-main{
        grid-template-columns:1fr;
        gap:30px;
    }

    .hero-storyline{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:860px){
    .hero-main{
        gap:28px;
    }

    .hero-lower{
        gap:20px;
    }

    .hero-storyline{
        grid-template-columns:1fr;
    }
}

/* Final restrained premium front direction */
:root{
    --site-scroll-progress:0;
}

body{
    font-family:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    background:
        radial-gradient(circle at 82% 0%, rgba(65,234,121,.04), transparent 16%),
        radial-gradient(circle at 12% 18%, rgba(255,255,255,.03), transparent 20%),
        linear-gradient(180deg,#020407 0%,#05080c 58%,#030507 100%);
}

h1,h2,h3,h4,h5,h6,
.brand,
.btn,
.tag,
.nav-menu a,
.nav-meta__pill,
.footer-shell__meta-pill{
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.site-shell{
    width:min(1360px,calc(100% - 18px));
    margin:16px auto;
    border-radius:34px;
    border:1px solid rgba(255,255,255,.05);
    background:
        radial-gradient(circle at 88% 0%, rgba(65,234,121,.05), transparent 18%),
        linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006)),
        linear-gradient(180deg,#04070b 0%,#05080c 100%);
    box-shadow:0 36px 120px rgba(0,0,0,.42);
}

.site-shell::before{
    left:16px;
    width:1px;
    opacity:calc(.08 + (var(--site-scroll-progress) * .08));
    background:linear-gradient(180deg, rgba(101,255,145,.56) 0%, rgba(101,255,145,.06) 100%);
    box-shadow:0 0 10px rgba(65,234,121,.12);
    animation:site-edge-pulse 12s ease-in-out infinite;
}

.site-shell::after{
    left:16px;
    right:16px;
    height:1px;
    opacity:calc(.10 + (var(--site-scroll-progress) * .08));
    background:linear-gradient(90deg, rgba(101,255,145,0) 0%, rgba(101,255,145,.28) 18%, rgba(255,255,255,.05) 50%, rgba(101,255,145,.28) 82%, rgba(101,255,145,0) 100%);
    background-size:180% 100%;
    animation:site-line-flow 16s linear infinite;
}

.site-header{
    margin:14px 14px 0;
    top:14px;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.06);
    background:rgba(6,9,13,.86);
    box-shadow:0 20px 44px rgba(0,0,0,.24);
}

.site-header::after,
.footer-shell::before,
.theme-card--catalog-grid::before,
.references-stage__lead::before,
.reference-card::before,
.faq-stage__intro::before,
.faq-item::before{
    content:"";
    position:absolute;
    left:18px;
    right:18px;
    top:0;
    height:1px;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(101,255,145,0) 0%, rgba(101,255,145,.26) 22%, rgba(255,255,255,.12) 50%, rgba(101,255,145,.26) 78%, rgba(101,255,145,0) 100%);
    background-size:180% 100%;
    opacity:.65;
    pointer-events:none;
    animation:site-line-flow 18s linear infinite;
}

.nav-meta{
    min-height:52px;
    color:#97a7ba;
}

.nav-meta__pill,
.footer-shell__meta-pill{
    background:rgba(255,255,255,.035);
    border-color:rgba(255,255,255,.08);
    color:#eef3f8;
}

.nav-menu a{
    color:#c8d2dd;
}

.nav-menu a::after{
    background:linear-gradient(90deg, rgba(101,255,145,.72), rgba(255,255,255,.38));
}

.btn.primary{
    background:linear-gradient(180deg,#63ef92 0%,#31d467 100%);
    box-shadow:0 14px 34px rgba(65,234,121,.14);
}

.btn.secondary,
.btn.ghost{
    background:rgba(255,255,255,.02);
    border-color:rgba(255,255,255,.08);
}

.btn.is-soon{
    cursor:default;
    pointer-events:none;
    opacity:.86;
    filter:saturate(.72);
    box-shadow:none;
}

.hero{
    padding:44px 40px 24px;
    gap:28px;
    min-height:auto;
}

.hero-main{
    grid-template-columns:minmax(0,1fr) minmax(460px,.96fr);
    gap:48px;
    align-items:center;
}

.hero-copy{
    padding-top:8px;
}

.hero h1{
    max-width:690px;
    margin-top:18px;
    font-size:clamp(50px,6vw,76px);
    letter-spacing:-.065em;
}

.hero h1 .accent{
    color:transparent;
    background:linear-gradient(90deg,#ffffff 0%,#f1f5f9 58%,#8fffaf 100%);
    -webkit-background-clip:text;
    background-clip:text;
}

.hero p{
    margin-top:22px;
    max-width:600px;
    color:#9eacbb;
    font-size:20px;
    line-height:1.72;
}

.hero-benefits{
    gap:12px 14px;
}

.hero-benefits span{
    min-height:38px;
    padding:0 14px 0 34px;
    background:rgba(255,255,255,.024);
    border-color:rgba(255,255,255,.06);
}

.hero-storyline{
    gap:18px;
}

.hero-storyline__card{
    padding:22px 22px 20px;
    border-radius:24px;
    background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.01));
    border-color:rgba(255,255,255,.07);
    box-shadow:0 22px 50px rgba(0,0,0,.16);
}

.hero-storyline__card--raised{
    border-color:rgba(255,255,255,.10);
}

.hero-proof{
    border-top:1px solid rgba(255,255,255,.05);
}

.proof-row > div{
    background:rgba(255,255,255,.022);
}

.hero-visual{
    min-height:620px;
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
}

.visual-glow{
    right:26px;
    top:78px;
    width:380px;
    height:380px;
    background:radial-gradient(circle, rgba(65,234,121,.13) 0%, rgba(65,234,121,.04) 34%, transparent 72%);
    filter:blur(24px);
    opacity:.72;
}

.hero-visual-slider{
    position:relative;
    width:min(100%,560px);
    min-height:620px;
    padding-bottom:82px;
}

.hero-visual-slider__track{
    min-height:538px;
}

.hero-visual-slide{
    transform:translateY(8px) scale(.988);
}

.hero-visual-slide__media{
    inset:0 0 84px;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
}

.hero-visual-slide__image{
    width:100%;
    height:100%;
    object-fit:contain;
    filter:drop-shadow(0 24px 58px rgba(0,0,0,.24));
}

.hero-visual-slide__frame{
    padding:28px;
    background:
        radial-gradient(circle at 82% 10%, rgba(65,234,121,.05), transparent 18%),
        linear-gradient(180deg,rgba(13,19,26,.96),rgba(8,11,16,.98));
    box-shadow:0 24px 58px rgba(0,0,0,.2);
}

.hero-visual-slider__nav{
    bottom:12px;
    left:50%;
    transform:translateX(-50%);
    gap:12px;
}

.hero-visual-slider__dots{
    padding:11px 15px;
    background:rgba(7,10,14,.88);
    border-color:rgba(255,255,255,.08);
    box-shadow:0 18px 32px rgba(0,0,0,.18);
}

.hero-visual-slider__arrow{
    width:44px;
    height:44px;
    background:rgba(7,10,14,.88);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 14px 28px rgba(0,0,0,.18);
}

.hero-visual-slider__arrow:hover{
    border-color:rgba(101,255,145,.18);
    background:rgba(10,14,18,.94);
}

.theme-catalog-section{
    padding-top:72px;
}

.theme-showcase__toolbar{
    align-items:center;
    margin-top:24px;
}

.theme-showcase__filter{
    min-height:42px;
    padding:0 18px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.02);
    color:#cbd5e1;
    font-weight:700;
    transition:border-color .24s ease, background .24s ease, color .24s ease, transform .24s ease;
}

.theme-showcase__filter.is-active,
.theme-showcase__filter:hover{
    color:#f6fafc;
    border-color:rgba(101,255,145,.24);
    background:rgba(255,255,255,.04);
    transform:translateY(-1px);
}

.theme-showcase__toolbar-note strong{
    display:block;
    color:#eef4fa;
}

.theme-showcase__toolbar-note span{
    display:block;
    margin-top:6px;
    color:#93a3b4;
    line-height:1.66;
}

.theme-catalog-grid{
    gap:28px;
    margin-top:30px;
}

.theme-card--catalog-grid{
    position:relative;
    border-radius:28px;
    border-color:rgba(255,255,255,.07);
    background:
        linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012)),
        linear-gradient(180deg,#0a0f15 0%,#080d12 100%);
    box-shadow:0 26px 62px rgba(0,0,0,.18);
    transition:border-color .24s ease, box-shadow .24s ease, transform .24s ease;
}

.theme-card--catalog-grid:hover{
    transform:translateY(-4px);
    border-color:rgba(255,255,255,.1);
    box-shadow:0 32px 78px rgba(0,0,0,.24);
}

.theme-card--catalog-grid .theme-card__visual{
    padding:18px;
}

.theme-card--catalog-grid .theme-card__image{
    object-fit:cover;
}

.theme-body--catalog{
    padding:22px 22px 24px;
}

.theme-body--catalog h3{
    font-size:28px;
}

.theme-card__description{
    color:#9fb0c0;
    min-height:82px;
}

.theme-card__feature-tags span{
    background:rgba(255,255,255,.03);
    border-color:rgba(255,255,255,.06);
    color:#d9e2eb;
}

.theme-actions--catalog{
    margin-top:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.theme-actions--catalog .btn{
    width:100%;
    min-height:50px;
}

.references-stage{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
    gap:24px;
    align-items:stretch;
}

.references-stage__lead,
.references-stage__aside article,
.reference-card,
.references-stage__footer{
    position:relative;
    border:1px solid rgba(255,255,255,.07);
    background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.012));
    box-shadow:0 24px 56px rgba(0,0,0,.16);
}

.references-stage__lead{
    border-radius:30px;
    overflow:hidden;
}

.references-stage__aside{
    display:grid;
    gap:18px;
}

.references-stage__aside article{
    border-radius:24px;
    padding:24px;
}

.reference-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
    margin-top:28px;
}

.reference-grid > .reference-card,
.reference-card--wide{
    grid-column:span 1 !important;
}

.reference-card{
    border-radius:26px;
    overflow:hidden;
}

.reference-card__visual{
    padding:18px 18px 0;
}

.reference-card__screen{
    aspect-ratio:16 / 10;
    border-radius:22px;
    overflow:hidden;
    background:linear-gradient(180deg,#0f1620,#0a1017);
}

.reference-card__image{
    width:100%;
    height:100%;
    object-fit:cover;
}

.reference-card__body{
    padding:22px;
}

.reference-card__body p{
    color:#9eb0c1;
}

.faq-stage{
    grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
    gap:24px;
}

.faq-stage__intro{
    position:relative;
    overflow:hidden;
    padding:32px;
    border-radius:30px;
    border-color:rgba(255,255,255,.07);
    background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.012));
    box-shadow:0 24px 56px rgba(0,0,0,.16);
}

.faq-stage__intro p{
    color:#9eafbf;
}

.faq-stage__chips span{
    background:rgba(255,255,255,.03);
}

.faq-item{
    position:relative;
    overflow:hidden;
    border-radius:24px;
    border-color:rgba(255,255,255,.07);
    background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.012));
    box-shadow:0 22px 48px rgba(0,0,0,.14);
}

.faq-item summary{
    min-height:88px;
}

.footer{
    padding:20px 0 16px;
    background:transparent;
}

.footer-shell{
    position:relative;
    width:min(1328px,calc(100% - 28px));
    margin:0 auto 14px;
    border-radius:28px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.06);
    background:
        radial-gradient(circle at 86% 0%, rgba(65,234,121,.05), transparent 18%),
        linear-gradient(180deg,#05090d 0%,#04070b 100%);
    box-shadow:0 24px 64px rgba(0,0,0,.22);
}

.footer-shell__meta,
.footer-shell__bar,
.footer-shell__bottom{
    width:min(1260px,calc(100% - 40px));
    margin:0 auto;
}

.footer-shell__meta{
    min-height:54px;
    padding:16px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border-bottom:1px solid rgba(255,255,255,.06);
}

.footer-shell__meta-copy{
    display:flex;
    align-items:center;
    gap:18px;
    color:#8fa0b3;
}

.footer-shell__meta-copy p{
    margin:0;
}

.footer-shell__meta-actions{
    display:flex;
    align-items:center;
    gap:18px;
    color:#8fa0b3;
}

.footer-shell__meta-actions a{
    color:#f0f5f9;
    font-weight:800;
}

.footer-shell__bar{
    min-height:112px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    border-bottom:1px solid rgba(255,255,255,.06);
}

.footer-shell__brand-link{
    font-size:22px;
}

.footer-shell__brand-link small{
    display:block;
    margin-top:4px;
    color:#8090a3;
    font-size:12px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.footer-shell__menu{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:18px 26px;
}

.footer-shell__menu a{
    color:#c4ced8;
    font-size:15px;
    font-weight:600;
}

.footer-shell__actions{
    display:flex;
    align-items:center;
    gap:12px;
}

.footer-shell__contact-link{
    color:#dfe7ef;
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
}

.footer-shell__actions .btn{
    min-height:50px;
}

.footer-shell__bottom{
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    color:#8797aa;
    font-size:13px;
}

@keyframes site-line-flow{
    0%{background-position:0% 50%}
    100%{background-position:180% 50%}
}

@keyframes site-edge-pulse{
    0%,100%{opacity:.10}
    50%{opacity:.18}
}

@media (prefers-reduced-motion: reduce){
    .site-shell::before,
    .site-shell::after,
    .site-header::after,
    .footer-shell::before,
    .theme-card--catalog-grid::before,
    .references-stage__lead::before,
    .reference-card::before,
    .faq-stage__intro::before,
    .faq-item::before{
        animation:none;
    }
}

@media (max-width:1180px){
    .hero-main,
    .references-stage,
    .faq-stage,
    .footer-shell__bar{
        grid-template-columns:1fr;
    }

    .footer-shell__bar{
        display:grid;
        padding:22px 0;
    }

    .footer-shell__menu{
        justify-content:flex-start;
    }

    .footer-shell__actions{
        flex-wrap:wrap;
        justify-content:flex-start;
    }
}

@media (max-width:860px){
    .site-shell{
        width:min(100%,calc(100% - 10px));
        border-radius:26px;
    }

    .site-header{
        margin:10px 10px 0;
        border-radius:22px;
    }

    .site-shell::before,
    .site-shell::after{
        display:none;
    }

    .hero{
        padding:26px 18px 18px;
    }

    .hero-main{
        grid-template-columns:1fr;
        gap:28px;
    }

    .hero-visual{
        min-height:420px;
    }

    .hero-visual-slider{
        width:100%;
        min-height:430px;
        padding-bottom:72px;
    }

    .hero-visual-slider__track{
        min-height:360px;
    }

    .theme-showcase__toolbar{
        align-items:flex-start;
    }

    .theme-showcase__toolbar-note{
        max-width:none;
        text-align:left;
    }

    .theme-catalog-grid,
    .reference-grid{
        grid-template-columns:1fr;
    }

    .footer-shell{
        width:min(100%,calc(100% - 20px));
        margin:0 auto 10px;
        border-radius:22px;
    }

    .footer-shell__meta,
    .footer-shell__bar,
    .footer-shell__bottom{
        width:min(100%,calc(100% - 26px));
    }

    .footer-shell__meta,
    .footer-shell__bottom{
        flex-direction:column;
        align-items:flex-start;
        justify-content:center;
    }
}

/* Final front refinement v2 */
body{
    background:
        radial-gradient(circle at 86% 8%, rgba(88,244,132,.05), transparent 16%),
        radial-gradient(circle at 14% 20%, rgba(93,180,255,.06), transparent 18%),
        radial-gradient(circle at 52% 100%, rgba(88,244,132,.035), transparent 28%),
        linear-gradient(180deg,#05080c 0%,#070b10 52%,#06090d 100%);
}

.site-shell{
    background:
        radial-gradient(circle at 88% 6%, rgba(88,244,132,.06), transparent 16%),
        radial-gradient(circle at 6% 72%, rgba(106,174,255,.045), transparent 18%),
        linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006)),
        linear-gradient(180deg,#06090d 0%,#070b10 100%);
}

.site-shell::before{
    display:none;
}

.site-shell::after{
    opacity:calc(.08 + (var(--site-scroll-progress) * .06));
    background:linear-gradient(90deg, rgba(88,244,132,0) 0%, rgba(88,244,132,.18) 18%, rgba(255,255,255,.05) 50%, rgba(88,244,132,.18) 82%, rgba(88,244,132,0) 100%);
}

.hero{
    padding-top:40px;
    padding-bottom:30px;
}

.hero-main{
    align-items:stretch;
}

.hero-copy{
    position:relative;
    padding:34px 32px;
    border-radius:34px;
    border:1px solid rgba(255,255,255,.06);
    background:
        radial-gradient(circle at 14% 8%, rgba(88,244,132,.10), transparent 22%),
        linear-gradient(160deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.012) 54%, rgba(255,255,255,.01) 100%);
    box-shadow:0 26px 64px rgba(0,0,0,.18);
    overflow:hidden;
}

.hero-copy::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg, rgba(88,244,132,.16), rgba(88,244,132,0) 18%),
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0) 18%);
    mix-blend-mode:screen;
    opacity:.34;
}

.hero-copy > *{
    position:relative;
    z-index:1;
}

.hero-copy p{
    color:#a6b3c2;
}

.hero-benefits span{
    background:rgba(255,255,255,.03);
}

.hero-visual{
    min-height:640px;
    align-items:stretch;
}

.visual-glow{
    right:34px;
    top:58px;
    width:420px;
    height:420px;
    background:radial-gradient(circle, rgba(88,244,132,.16) 0%, rgba(88,244,132,.05) 36%, transparent 72%);
    filter:blur(28px);
}

.hero-visual-slider{
    width:100%;
    max-width:580px;
    min-height:640px;
    margin-left:auto;
    padding-bottom:76px;
}

.hero-visual-slider__track{
    min-height:560px;
}

.hero-visual-slide__media,
.hero-visual-slide__showcase{
    position:absolute;
    inset:0 0 86px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    border-radius:34px;
    overflow:hidden;
    background:
        radial-gradient(circle at 82% 10%, rgba(88,244,132,.12), transparent 24%),
        linear-gradient(180deg,#10161d 0%,#090d12 100%);
    border:1px solid rgba(255,255,255,.06);
    box-shadow:0 30px 70px rgba(0,0,0,.22);
}

.hero-visual-slide__showcase img,
.hero-visual-slide__media img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.hero-visual-slide__mock{
    width:100%;
    height:100%;
    display:grid;
    grid-template-rows:auto 1fr auto auto;
    gap:18px;
    padding:22px;
    border-radius:28px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.96),rgba(241,245,249,.98));
}

.hero-visual-slide__mock-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
}

.hero-visual-slide__mock-dots{
    display:flex;
    gap:6px;
}

.hero-visual-slide__mock-dots i{
    width:9px;
    height:9px;
    border-radius:999px;
    background:#ced8e4;
    display:block;
}

.hero-visual-slide__mock-chip{
    min-height:32px;
    padding:0 12px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    background:rgba(17,24,39,.07);
    color:#334155;
    font-size:12px;
    font-weight:800;
}

.hero-visual-slide__mock-screen{
    border-radius:24px;
    background:linear-gradient(180deg,#101923,#0b1118);
    min-height:100%;
    position:relative;
    overflow:hidden;
}

.hero-visual-slide__mock-screen::before{
    content:"";
    position:absolute;
    inset:16px 16px auto;
    height:56%;
    border-radius:18px;
    background:linear-gradient(135deg, rgba(88,244,132,.20), rgba(255,255,255,.04) 56%, rgba(255,255,255,.02) 100%);
}

.hero-visual-slide__mock-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
}

.hero-visual-slide__mock-grid span{
    height:72px;
    border-radius:18px;
    background:linear-gradient(180deg,#d7e1ec,#e9eef4);
}

.hero-visual-slide__mock-grid span:nth-child(2){
    width:82%;
}

.hero-visual-slide__mock-grid span:nth-child(3){
    width:68%;
}

.hero-visual-slide__mock-bars{
    display:grid;
    gap:10px;
}

.hero-visual-slide__mock-bars i{
    display:block;
    height:10px;
    border-radius:999px;
    background:#d7e1ec;
}

.hero-visual-slide__mock-bars i:nth-child(1){width:72%}
.hero-visual-slide__mock-bars i:nth-child(2){width:58%}
.hero-visual-slide__mock-bars i:nth-child(3){width:64%}

.hero-visual-slider__nav{
    bottom:12px;
    gap:10px;
}

.hero-visual-slider__dots{
    background:rgba(7,10,14,.84);
}

.hero-visual-slider__arrow{
    background:rgba(7,10,14,.84);
}

.theme-catalog-section{
    padding-top:84px;
}

.theme-catalog__highlights{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.theme-catalog__highlights span{
    min-height:58px;
    display:flex;
    align-items:center;
    padding:0 18px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.06);
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.014));
    color:#d3dde8;
    font-size:14px;
    font-weight:700;
}

.theme-showcase__toolbar{
    padding:20px 22px;
    border-radius:26px;
    border:1px solid rgba(255,255,255,.06);
    background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.012));
}

.theme-showcase__filter{
    border-color:rgba(255,255,255,.07);
}

.theme-showcase__filter.is-active,
.theme-showcase__filter:hover{
    background:rgba(255,255,255,.05);
    border-color:rgba(88,244,132,.18);
    color:#f4f8fb;
}

.theme-card--catalog-grid{
    border-color:rgba(255,255,255,.06);
    background:
        radial-gradient(circle at 88% 0%, rgba(88,244,132,.05), transparent 20%),
        linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012)),
        linear-gradient(180deg,#0b1016 0%,#091018 100%);
}

.theme-card--catalog-grid .theme-card__visual{
    padding:18px;
}

.theme-card__feature-tags span{
    background:rgba(255,255,255,.024);
}

.references-stage__lead-copy h3{
    font-size:clamp(34px,4vw,50px);
}

.references-stage__reserved{
    position:relative;
    min-height:100%;
    display:flex;
    flex-direction:column;
    gap:18px;
    justify-content:space-between;
    padding:30px;
    border-radius:30px;
    overflow:hidden;
    border:1px solid rgba(88,244,132,.16);
    background:
        radial-gradient(circle at 84% 16%, rgba(88,244,132,.14), transparent 24%),
        linear-gradient(180deg,#0a1110 0%,#091016 100%);
    box-shadow:0 30px 72px rgba(0,0,0,.2);
}

.references-stage__reserved::after{
    content:"";
    position:absolute;
    right:-48px;
    bottom:-52px;
    width:180px;
    height:180px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(88,244,132,.18) 0%, rgba(88,244,132,0) 72%);
    pointer-events:none;
}

.references-stage__reserved > *{
    position:relative;
    z-index:1;
}

.references-stage__reserved strong{
    font-size:clamp(34px,4.4vw,54px);
    line-height:.94;
    letter-spacing:-.06em;
}

.references-stage__reserved span{
    color:#bdd4c6;
    line-height:1.78;
}

.references-stage__reserved-points{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.references-stage__reserved-points span{
    min-height:36px;
    display:inline-flex;
    align-items:center;
    padding:0 14px;
    border-radius:999px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    color:#eef4f8;
    font-size:13px;
    font-weight:700;
}

.reference-grid{
    gap:26px;
}

.reference-card__body h3{
    margin:10px 0 10px;
    font-size:28px;
    line-height:1.08;
    letter-spacing:-.04em;
}

.reference-card__meta span{
    background:rgba(255,255,255,.025);
}

@media (max-width:1180px){
    .theme-catalog__highlights{
        grid-template-columns:1fr;
    }
}

@media (max-width:860px){
    .hero-copy{
        padding:24px 22px;
        border-radius:28px;
    }

    .container{
        width:min(var(--container),calc(100% - 18px));
    }

    .site-shell{
        width:min(100%,calc(100% - 6px));
        margin:8px auto;
        border-radius:22px;
    }

    .site-header{
        margin:8px 8px 0;
        top:8px;
        border-radius:20px;
    }

    .nav-meta,
    .nav{
        padding-left:8px;
        padding-right:8px;
    }

    .hero-visual{
        min-height:auto;
    }

    .hero-visual-slider{
        max-width:none;
        min-height:440px;
        padding-bottom:64px;
    }

    .hero-visual-slider__track{
        min-height:364px;
    }

    .hero-visual-slide__media,
    .hero-visual-slide__showcase{
        inset:0 0 68px;
        padding:10px;
        border-radius:22px;
    }

    .hero-visual-slide__mock{
        padding:15px;
        gap:10px;
        border-radius:20px;
    }

    .hero-visual-slide__mock-grid span{
        height:54px;
        border-radius:14px;
    }

    .theme-showcase__toolbar{
        padding:16px;
    }

    .references-stage__reserved{
        padding:24px;
        border-radius:24px;
    }

    .footer-shell{
        width:min(100%,calc(100% - 10px));
    }

    .footer-shell__meta,
    .footer-shell__bar,
    .footer-shell__bottom{
        width:min(100%,calc(100% - 18px));
    }
}

/* Hero redesign */
.hero{
    padding:44px 34px 30px;
}

.hero-main{
    grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
    gap:42px;
    align-items:center;
}

.hero-copy{
    padding:38px 36px 34px;
    border-radius:34px;
    border:1px solid rgba(255,255,255,.06);
    background:
        radial-gradient(circle at 10% 8%, rgba(88,244,132,.06), transparent 18%),
        linear-gradient(180deg,rgba(12,16,22,.96),rgba(8,12,17,.985));
    box-shadow:0 28px 68px rgba(0,0,0,.18);
}

.hero-copy::after{
    background:
        linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,0) 14%),
        linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,0) 22%);
    opacity:.22;
}

.hero-copy__eyebrow{
    display:flex;
    align-items:center;
    gap:16px;
}

.hero-copy__line{
    display:block;
    width:100%;
    max-width:132px;
    height:1px;
    background:linear-gradient(90deg, rgba(255,255,255,.18), rgba(255,255,255,0));
}

.hero h1{
    margin-top:22px;
    max-width:620px;
    font-size:clamp(58px,7vw,86px);
    line-height:.92;
    letter-spacing:-.072em;
}

.hero h1 .accent{
    color:transparent;
    background:linear-gradient(90deg,#f6fbff 0%,#dff8ea 68%,#7cffaa 100%);
    -webkit-background-clip:text;
    background-clip:text;
}

.hero p{
    margin-top:22px;
    max-width:560px;
    color:#adbac8;
    font-size:19px;
    line-height:1.72;
}

.hero-cta{
    margin-top:30px;
    gap:14px;
}

.hero-cta .btn{
    min-height:58px;
    border-radius:18px;
    padding:0 24px;
}

.hero-benefits{
    margin-top:28px;
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    max-width:520px;
}

.hero-benefit-card{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:54px;
    padding:0 16px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.06);
    background:rgba(255,255,255,.022);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}

.hero-benefit-card__dot{
    width:8px;
    height:8px;
    border-radius:999px;
    background:linear-gradient(180deg,#84ffae,#39d66b);
    box-shadow:0 0 0 6px rgba(88,244,132,.10),0 0 14px rgba(88,244,132,.14);
    flex:0 0 auto;
}

.hero-benefit-card strong{
    color:#dce5ef;
    font-size:15px;
    font-weight:700;
    line-height:1.45;
}

.hero-visual{
    min-height:650px;
}

.visual-glow{
    right:42px;
    top:70px;
    width:430px;
    height:430px;
    background:radial-gradient(circle, rgba(88,244,132,.18) 0%, rgba(88,244,132,.05) 34%, transparent 72%);
    filter:blur(30px);
    opacity:.84;
}

.hero-visual-slider{
    width:100%;
    max-width:620px;
    min-height:650px;
    margin-left:auto;
    padding-bottom:78px;
}

.hero-visual-slider__track{
    min-height:566px;
}

.hero-visual-slide__media,
.hero-visual-slide__showcase{
    inset:0 0 82px;
    padding:20px;
    border-radius:34px;
    background:
        radial-gradient(circle at 88% 12%, rgba(88,244,132,.10), transparent 20%),
        linear-gradient(180deg,#0c1117 0%,#080c11 100%);
    border:1px solid rgba(255,255,255,.06);
    box-shadow:0 32px 74px rgba(0,0,0,.24);
}

.hero-visual-slide__image{
    width:100%;
    height:100%;
    object-fit:contain;
}

.hero-visual-slide__mock{
    width:100%;
    height:100%;
    display:grid;
    grid-template-rows:auto 1fr auto auto auto;
    gap:14px;
    padding:22px;
    border-radius:30px;
    background:linear-gradient(180deg,#f7f9fc 0%,#eef3f8 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}

.hero-visual-slide__mock-top{
    align-items:center;
}

.hero-visual-slide__mock-chip{
    min-height:34px;
    padding:0 14px;
    background:rgba(15,23,42,.08);
    color:#374151;
}

.hero-visual-slide__mock-screen{
    min-height:248px;
    border-radius:28px;
    background:linear-gradient(180deg,#0d131a,#090d12);
    position:relative;
    overflow:hidden;
}

.hero-visual-slide__mock-screen::before{
    content:"";
    position:absolute;
    inset:18px 20px auto;
    height:34%;
    border-radius:22px;
    background:linear-gradient(135deg, rgba(88,244,132,.18), rgba(255,255,255,.03) 54%, rgba(255,255,255,.02) 100%);
}

.hero-visual-slide__mock-screen::after{
    content:"";
    position:absolute;
    inset:auto 20px 22px;
    height:18px;
    border-radius:999px;
    background:rgba(255,255,255,.06);
}

.hero-visual-slide__mock-callout{
    display:grid;
    gap:4px;
    padding:16px 18px;
    border-radius:20px;
    background:linear-gradient(180deg,#101722,#0b1017);
    box-shadow:0 18px 34px rgba(0,0,0,.12);
}

.hero-visual-slide__mock-callout small{
    color:#7cffaa;
    font-size:11px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.hero-visual-slide__mock-callout strong{
    color:#f4f8fb;
    font-size:22px;
    line-height:1.08;
    letter-spacing:-.04em;
}

.hero-visual-slide__mock-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
}

.hero-visual-slide__mock-grid span{
    width:100% !important;
    height:52px;
    border-radius:16px;
    background:linear-gradient(180deg,#e0e8f0,#d7e0ea);
}

.hero-visual-slide__mock-grid span:nth-child(2){
    width:84% !important;
}

.hero-visual-slide__mock-grid span:nth-child(3){
    width:72% !important;
}

.hero-visual-slide__mock-footer{
    display:grid;
    gap:10px;
}

.hero-visual-slide__mock-footer i{
    display:block;
    height:10px;
    border-radius:999px;
    background:#d4dce6;
}

.hero-visual-slide__mock-footer i:nth-child(1){width:78%}
.hero-visual-slide__mock-footer i:nth-child(2){width:64%}
.hero-visual-slide__mock-footer i:nth-child(3){width:58%}

.hero-visual-slider__nav{
    left:auto;
    right:18px;
    bottom:12px;
    transform:none;
    gap:10px;
}

.hero-visual-slider__dots{
    padding:11px 15px;
    background:rgba(8,12,17,.88);
}

.hero-visual-slider__arrow{
    width:46px;
    height:46px;
}

@media (max-width:1180px){
    .hero-main{
        grid-template-columns:1fr;
        gap:24px;
    }

    .hero-copy{
        max-width:none;
    }

    .hero-visual-slider{
        max-width:none;
    }
}

@media (max-width:860px){
    .hero{
        padding:20px 12px 16px;
    }

    .hero-copy{
        padding:22px 18px 18px;
        border-radius:24px;
    }

    .hero-copy__eyebrow{
        gap:12px;
    }

    .hero h1{
        margin-top:18px;
        font-size:clamp(44px,12vw,58px);
        max-width:10ch;
    }

    .hero p{
        font-size:17px;
        line-height:1.68;
    }

    .hero-cta{
        display:grid;
        grid-template-columns:1fr;
    }

    .hero-benefits{
        max-width:none;
    }

    .hero-benefit-card{
        min-height:50px;
        padding:0 14px;
    }

    .hero-visual{
        min-height:auto;
    }

    .hero-visual-slider{
        min-height:430px;
        padding-bottom:66px;
    }

    .hero-visual-slider__track{
        min-height:352px;
    }

    .hero-visual-slide__media,
    .hero-visual-slide__showcase{
        inset:0 0 70px;
        padding:12px;
        border-radius:24px;
    }

    .hero-visual-slide__mock{
        padding:14px;
        gap:10px;
        border-radius:22px;
    }

    .hero-visual-slide__mock-screen{
        min-height:176px;
        border-radius:22px;
    }

    .hero-visual-slide__mock-callout{
        padding:14px 15px;
        border-radius:16px;
    }

    .hero-visual-slide__mock-callout strong{
        font-size:18px;
    }

    .hero-visual-slide__mock-grid span{
        height:44px;
        border-radius:14px;
    }

    .hero-visual-slider__nav{
        left:50%;
        right:auto;
        transform:translateX(-50%);
        bottom:10px;
    }
}

/* Hero final refinement */
.hero{
    padding:22px 16px 10px;
}

.hero-main{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:22px;
    align-items:stretch;
}

.hero-copy{
    min-height:100%;
    padding:30px 30px 26px;
    gap:22px;
    border-radius:34px;
    background:
        radial-gradient(circle at 14% 18%, rgba(88,244,132,.08), transparent 26%),
        linear-gradient(180deg, rgba(13,18,25,.98) 0%, rgba(8,12,18,.96) 100%);
    border:1px solid rgba(255,255,255,.06);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 30px 80px rgba(0,0,0,.22);
}

.hero-copy__eyebrow{
    gap:14px;
}

.hero-copy__line{
    flex:1;
    height:1px;
    background:linear-gradient(90deg, rgba(88,244,132,.26), rgba(255,255,255,.05));
}

.hero h1{
    margin:0;
    max-width:7.2ch;
    font-size:clamp(60px, 6vw, 94px);
    line-height:.92;
    letter-spacing:-.07em;
}

.hero h1 .accent{
    color:#eefaf2;
    background:linear-gradient(135deg,#ffffff 0%,#d6f8df 48%,#8cffb5 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.hero p{
    max-width:38ch;
    margin:0;
    font-size:19px;
    line-height:1.72;
    color:rgba(221,229,238,.82);
}

.hero-cta{
    gap:14px;
}

.hero-cta .btn{
    min-width:168px;
    min-height:58px;
    border-radius:20px;
}

.hero-benefits{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    margin-top:auto;
}

.hero-benefit-card{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:14px;
    align-items:flex-start;
    min-height:auto;
    padding:16px 18px;
    border-radius:22px;
    background:rgba(255,255,255,.025);
    border:1px solid rgba(255,255,255,.05);
    box-shadow:none;
}

.hero-benefit-card__dot{
    display:none;
}

.hero-benefit-card__index{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:14px;
    background:rgba(88,244,132,.12);
    border:1px solid rgba(88,244,132,.18);
    color:#84ffb0;
    font-size:12px;
    font-weight:800;
    letter-spacing:.14em;
}

.hero-benefit-card__copy{
    display:grid;
    gap:4px;
}

.hero-benefit-card__copy small{
    color:#8ea0b3;
    font-size:11px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.hero-benefit-card__copy strong{
    color:#f7fbfe;
    font-size:17px;
    line-height:1.26;
    letter-spacing:-.03em;
}

.hero-benefit-card__copy span{
    color:rgba(200,210,221,.72);
    font-size:14px;
    line-height:1.52;
}

.hero-visual{
    min-height:620px;
    padding:14px;
    border-radius:38px;
    background:
        radial-gradient(circle at 84% 14%, rgba(88,244,132,.12), transparent 24%),
        linear-gradient(180deg, rgba(10,15,21,.97) 0%, rgba(7,11,16,.98) 100%);
    border:1px solid rgba(255,255,255,.06);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 34px 90px rgba(0,0,0,.28);
}

.hero-visual-slider{
    min-height:592px;
    padding-bottom:94px;
}

.hero-visual-slider__track{
    min-height:592px;
}

.hero-visual-slide__media,
.hero-visual-slide__showcase{
    inset:0 0 92px;
    padding:0;
    overflow:visible;
    border-radius:32px;
    background:none;
    border:0;
    box-shadow:none;
}

.hero-visual-slide__media-frame,
.hero-visual-slide__mock{
    position:relative;
    width:100%;
    height:100%;
    border-radius:32px;
    overflow:hidden;
    background:linear-gradient(180deg,#f8fafc 0%,#eef3f8 100%);
    border:1px solid rgba(255,255,255,.55);
    box-shadow:
        0 26px 70px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.75);
}

.hero-visual-slide__media-bar,
.hero-visual-slide__mock-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:18px 20px 0;
}

.hero-visual-slide__media-dots,
.hero-visual-slide__mock-dots{
    display:inline-flex;
    gap:6px;
}

.hero-visual-slide__media-dots i,
.hero-visual-slide__mock-dots i{
    width:8px;
    height:8px;
    border-radius:999px;
    background:#d2d9e4;
}

.hero-visual-slide__media-kicker,
.hero-visual-slide__mock-chip{
    min-height:36px;
    padding:0 14px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    background:rgba(15,23,42,.08);
    color:#415166;
    font-size:12px;
    font-weight:800;
    letter-spacing:.04em;
}

.hero-visual-slide__media-body{
    position:relative;
    height:calc(100% - 54px);
    padding:16px 18px 18px;
}

.hero-visual-slide__image{
    width:100%;
    height:100%;
    object-fit:contain;
    filter:drop-shadow(0 26px 38px rgba(13,22,33,.18));
}

.hero-visual-slide__mock{
    display:grid;
    grid-template-rows:auto 220px 1fr auto;
    gap:16px;
    padding:0 0 18px;
}

.hero-visual-slide__mock-screen{
    margin:0 18px;
    min-height:220px;
    border-radius:28px;
    background:linear-gradient(180deg,#0f151d 0%,#0a0f15 100%);
    position:relative;
    overflow:hidden;
}

.hero-visual-slide__mock-screen::before{
    content:"";
    position:absolute;
    inset:20px 24px auto;
    height:74px;
    border-radius:22px;
    background:linear-gradient(90deg, rgba(88,244,132,.16), rgba(255,255,255,.02) 72%);
}

.hero-visual-slide__mock-screen::after{
    content:"";
    position:absolute;
    inset:auto 24px 24px;
    height:78px;
    border-radius:24px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
        linear-gradient(90deg, rgba(88,244,132,.08), transparent 58%);
}

.hero-visual-slide__mock-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 152px;
    gap:14px;
    padding:0 18px;
}

.hero-visual-slide__mock-main{
    display:grid;
    gap:14px;
}

.hero-visual-slide__mock-callout{
    display:grid;
    gap:6px;
    padding:18px 18px 16px;
    border-radius:22px;
    background:linear-gradient(180deg,#101722 0%,#0a1017 100%);
    box-shadow:0 18px 32px rgba(0,0,0,.12);
}

.hero-visual-slide__mock-callout small{
    color:#7cffaa;
    font-size:11px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.hero-visual-slide__mock-callout strong{
    color:#f4f8fb;
    font-size:28px;
    line-height:1.04;
    letter-spacing:-.05em;
}

.hero-visual-slide__mock-callout span{
    color:rgba(214,223,233,.74);
    font-size:14px;
    line-height:1.5;
}

.hero-visual-slide__mock-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.hero-visual-slide__mock-grid span{
    width:100% !important;
    min-height:74px;
    border-radius:18px;
    background:linear-gradient(180deg,#e2eaf3 0%,#d6dee8 100%);
}

.hero-visual-slide__mock-grid span:nth-child(3){
    grid-column:1 / -1;
}

.hero-visual-slide__mock-side{
    display:grid;
    align-content:start;
    gap:12px;
    padding:14px;
    border-radius:22px;
    background:linear-gradient(180deg,#eef3f8 0%,#dde5ef 100%);
}

.hero-visual-slide__mock-side i,
.hero-visual-slide__mock-footer i{
    display:block;
    border-radius:999px;
    background:#d1d9e4;
}

.hero-visual-slide__mock-side i:nth-child(1){
    height:76px;
}

.hero-visual-slide__mock-side i:nth-child(2),
.hero-visual-slide__mock-side i:nth-child(3){
    height:54px;
}

.hero-visual-slide__mock-footer{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    padding:0 18px;
}

.hero-visual-slide__mock-footer i{
    height:11px;
}

.hero-visual-slide__floating-card{
    position:absolute;
    left:20px;
    right:auto;
    bottom:20px;
    z-index:2;
    display:grid;
    gap:4px;
    width:min(300px,calc(100% - 40px));
    padding:16px 18px;
    border-radius:22px;
    background:rgba(8,12,17,.92);
    border:1px solid rgba(255,255,255,.06);
    box-shadow:0 20px 40px rgba(0,0,0,.24);
    backdrop-filter:blur(12px);
}

.hero-visual-slide__floating-card small{
    color:#7dffad;
    font-size:11px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.hero-visual-slide__floating-card strong{
    color:#fbfdff;
    font-size:24px;
    line-height:1.06;
    letter-spacing:-.05em;
}

.hero-visual-slide__floating-card span{
    color:rgba(212,221,231,.74);
    font-size:14px;
    line-height:1.52;
}

.hero-visual-slider__nav{
    right:20px;
    bottom:18px;
    gap:10px;
}

.hero-visual-slider__dots{
    min-height:46px;
    padding:10px 16px;
    background:rgba(8,12,17,.92);
    border:1px solid rgba(255,255,255,.06);
}

.hero-visual-slider__arrow{
    width:46px;
    height:46px;
    background:rgba(8,12,17,.92);
    border-color:rgba(255,255,255,.08);
}

@media (max-width:1180px){
    .hero-main{
        grid-template-columns:1fr;
    }

    .hero-copy{
        padding:26px 24px 22px;
    }

    .hero h1{
        max-width:8ch;
        font-size:clamp(54px,8vw,82px);
    }
}

@media (max-width:860px){
    .hero{
        padding:16px 10px 8px;
    }

    .hero-main{
        gap:16px;
    }

    .hero-copy{
        padding:22px 18px 18px;
        border-radius:26px;
        gap:18px;
    }

    .hero h1{
        font-size:clamp(44px,12vw,62px);
        max-width:8.5ch;
    }

    .hero p{
        font-size:17px;
        line-height:1.64;
    }

    .hero-cta{
        display:grid;
        grid-template-columns:1fr;
    }

    .hero-cta .btn{
        width:100%;
    }

    .hero-benefit-card{
        grid-template-columns:38px minmax(0,1fr);
        gap:12px;
        padding:14px;
    }

    .hero-benefit-card__index{
        width:38px;
        height:38px;
        border-radius:12px;
    }

    .hero-benefit-card__copy strong{
        font-size:15px;
    }

    .hero-benefit-card__copy span{
        font-size:13px;
    }

    .hero-visual{
        min-height:auto;
        padding:10px;
        border-radius:28px;
    }

    .hero-visual-slider{
        min-height:468px;
        padding-bottom:84px;
    }

    .hero-visual-slider__track{
        min-height:468px;
    }

    .hero-visual-slide__media,
    .hero-visual-slide__showcase{
        inset:0 0 84px;
        border-radius:24px;
    }

    .hero-visual-slide__media-frame,
    .hero-visual-slide__mock{
        border-radius:24px;
    }

    .hero-visual-slide__media-bar,
    .hero-visual-slide__mock-top{
        padding:14px 14px 0;
    }

    .hero-visual-slide__media-body{
        padding:10px 10px 12px;
    }

    .hero-visual-slide__mock{
        grid-template-rows:auto 160px 1fr auto;
        gap:12px;
        padding-bottom:12px;
    }

    .hero-visual-slide__mock-screen{
        margin:0 12px;
        min-height:160px;
        border-radius:20px;
    }

    .hero-visual-slide__mock-layout{
        grid-template-columns:1fr;
        gap:10px;
        padding:0 12px;
    }

    .hero-visual-slide__mock-callout{
        padding:14px;
        border-radius:18px;
    }

    .hero-visual-slide__mock-callout strong{
        font-size:20px;
    }

    .hero-visual-slide__mock-grid{
        gap:10px;
    }

    .hero-visual-slide__mock-grid span{
        min-height:56px;
        border-radius:14px;
    }

    .hero-visual-slide__mock-side{
        grid-template-columns:repeat(3,minmax(0,1fr));
        align-content:stretch;
        padding:12px;
    }

    .hero-visual-slide__mock-side i{
        height:44px !important;
    }

    .hero-visual-slide__mock-footer{
        padding:0 12px;
    }

    .hero-visual-slide__floating-card{
        left:12px;
        right:12px;
        bottom:12px;
        width:auto;
        padding:14px 15px;
        border-radius:18px;
    }

    .hero-visual-slide__floating-card strong{
        font-size:18px;
    }

    .hero-visual-slide__floating-card span{
        font-size:13px;
    }

    .hero-visual-slider__nav{
        left:50%;
        right:auto;
        transform:translateX(-50%);
        bottom:12px;
    }
}

/* Hero minimal product welcome */
.hero{
    padding:18px 14px 8px;
}

.hero-main{
    position:relative;
    grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);
    gap:12px;
    padding:12px;
    border-radius:40px;
    background:
        radial-gradient(circle at 84% 18%, rgba(88,244,132,.09), transparent 22%),
        radial-gradient(circle at 18% 86%, rgba(88,244,132,.05), transparent 24%),
        linear-gradient(180deg, rgba(10,14,20,.98) 0%, rgba(7,11,16,.98) 100%);
    border:1px solid rgba(255,255,255,.06);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 30px 90px rgba(0,0,0,.22);
}

.hero-copy{
    padding:34px 32px 30px;
    border-radius:30px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.015) 0%, rgba(255,255,255,.008) 100%),
        linear-gradient(180deg, rgba(12,17,24,.72) 0%, rgba(9,13,19,.84) 100%);
    border:1px solid rgba(255,255,255,.05);
    box-shadow:none;
    gap:18px;
}

.hero-copy::after{
    display:none;
}

.hero-copy__eyebrow{
    gap:12px;
}

.hero-copy__line{
    opacity:.72;
}

.hero h1{
    max-width:6.8ch;
    font-size:clamp(56px,5.4vw,88px);
    line-height:.93;
    letter-spacing:-.075em;
}

.hero p{
    max-width:34ch;
    font-size:18px;
    line-height:1.66;
    color:rgba(216,225,235,.82);
}

.hero-cta{
    margin-top:2px;
    gap:12px;
}

.hero-cta .btn{
    min-width:154px;
    min-height:56px;
    border-radius:18px;
}

.hero-benefits{
    display:none !important;
}

.hero-visual{
    min-height:100%;
    padding:0;
    border-radius:30px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,.01) 100%),
        linear-gradient(180deg, rgba(10,14,19,.92) 0%, rgba(7,10,15,.95) 100%);
    border:1px solid rgba(255,255,255,.05);
    box-shadow:none;
}

.hero-stage__orbit{
    display:none;
}

.visual-glow{
    inset:12% 10% auto auto;
    width:240px;
    height:240px;
    background:radial-gradient(circle, rgba(88,244,132,.12) 0%, rgba(88,244,132,.04) 34%, transparent 68%);
    opacity:.85;
}

.hero-visual-slider{
    min-height:560px;
    padding:6px 6px 84px;
}

.hero-visual-slider__track{
    min-height:458px;
}

.hero-visual-slide__media,
.hero-visual-slide__showcase{
    inset:0 0 74px;
    border-radius:30px;
    overflow:hidden;
}

.hero-visual-slide__media-frame,
.hero-visual-slide__mock{
    border-radius:26px;
}

.hero-visual-slide__media-frame{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    background:linear-gradient(180deg,#f7fafc 0%,#edf2f7 100%);
    border:1px solid rgba(255,255,255,.58);
    box-shadow:
        0 24px 56px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.86);
}

.hero-visual-slide__media-bar,
.hero-visual-slide__mock-top{
    padding:16px 18px 0;
}

.hero-visual-slide__media-body{
    height:calc(100% - 50px);
    padding:14px 14px 16px;
}

.hero-visual-slide__image{
    object-fit:contain;
    filter:drop-shadow(0 18px 28px rgba(15,24,36,.14));
}

.hero-visual-slide__mock{
    display:grid;
    grid-template-rows:auto 240px 1fr auto;
    gap:14px;
    padding:0 0 18px;
    overflow:hidden;
    background:linear-gradient(180deg,#f7fafc 0%,#eef3f8 100%);
    border:1px solid rgba(255,255,255,.58);
    box-shadow:
        0 24px 56px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.86);
}

.hero-visual-slide__mock-screen{
    margin:0 16px;
    min-height:240px;
    border-radius:26px;
    background:linear-gradient(180deg,#0f151c 0%,#0a0f15 100%);
}

.hero-visual-slide__mock-screen::before{
    inset:18px 20px auto;
    height:68px;
    border-radius:20px;
}

.hero-visual-slide__mock-screen::after{
    inset:auto 20px 18px;
    height:88px;
    border-radius:22px;
}

.hero-visual-slide__mock-grid{
    grid-template-columns:1fr;
    gap:12px;
    padding:0 16px;
}

.hero-visual-slide__mock-grid span{
    min-height:70px;
    border-radius:16px;
    background:linear-gradient(180deg,#dde6f0 0%,#d5deea 100%);
}

.hero-visual-slide__mock-grid span:nth-child(2){
    width:86% !important;
}

.hero-visual-slide__mock-grid span:nth-child(3){
    width:74% !important;
    grid-column:auto;
}

.hero-visual-slide__mock-footer{
    grid-template-columns:1fr;
    gap:10px;
    padding:0 16px;
}

.hero-visual-slide__mock-footer i{
    height:10px;
}

.hero-visual-slide__mock-footer i:nth-child(1){width:76%}
.hero-visual-slide__mock-footer i:nth-child(2){width:62%}
.hero-visual-slide__mock-footer i:nth-child(3){width:54%}

.hero-visual-slide__mock-callout,
.hero-visual-slide__mock-layout,
.hero-visual-slide__mock-side,
.hero-visual-slide__floating-card{
    display:none !important;
}

.hero-visual-slider__nav{
    left:50%;
    right:auto;
    transform:translateX(-50%);
    bottom:16px;
}

.hero-visual-slider__dots{
    background:rgba(8,12,17,.94);
}

@media (max-width:1180px){
    .hero-main{
        grid-template-columns:1fr;
        gap:10px;
        padding:10px;
    }

    .hero-copy,
    .hero-visual{
        border-radius:26px;
    }

    .hero h1{
        max-width:8ch;
        font-size:clamp(50px,7vw,74px);
    }
}

@media (max-width:860px){
    .hero{
        padding:12px 8px 4px;
    }

    .hero-main{
        border-radius:28px;
        padding:8px;
        gap:8px;
    }

    .hero-copy{
        padding:20px 16px 18px;
        border-radius:22px;
        gap:14px;
    }

    .hero h1{
        max-width:8.2ch;
        font-size:clamp(40px,11vw,54px);
    }

    .hero p{
        max-width:none;
        font-size:16px;
        line-height:1.58;
    }

    .hero-cta{
        grid-template-columns:1fr;
    }

    .hero-visual{
        border-radius:22px;
    }

    .hero-visual-slider{
        min-height:404px;
        padding:12px 12px 72px;
    }

    .hero-visual-slider__track{
        min-height:320px;
    }

    .hero-visual-slide__media,
    .hero-visual-slide__showcase{
        inset:0 0 62px;
        border-radius:20px;
    }

    .hero-visual-slide__media-frame,
    .hero-visual-slide__mock{
        border-radius:20px;
    }

    .hero-visual-slide__media-bar,
    .hero-visual-slide__mock-top{
        padding:12px 12px 0;
    }

    .hero-visual-slide__media-body{
        padding:10px 10px 12px;
    }

    .hero-visual-slide__mock{
        grid-template-rows:auto 152px 1fr auto;
        gap:10px;
        padding-bottom:12px;
    }

    .hero-visual-slide__mock-screen{
        margin:0 12px;
        min-height:152px;
        border-radius:18px;
    }

    .hero-visual-slide__mock-grid,
    .hero-visual-slide__mock-footer{
        padding:0 12px;
    }

    .hero-visual-slide__mock-grid span{
        min-height:52px;
        border-radius:12px;
    }

    .hero-visual-slider__nav{
        bottom:10px;
    }
}

/* Hero true single-column layout */
.hero{
    padding:16px 14px 8px;
}

.hero-main{
    grid-template-columns:1fr;
    gap:10px;
    max-width:1240px;
    margin:0 auto;
    padding:10px;
    border-radius:36px;
}

.hero-copy{
    padding:28px 28px 12px;
    border-radius:28px;
    background:transparent;
    border:0;
}

.hero h1{
    max-width:8ch;
    font-size:clamp(56px,5.2vw,84px);
}

.hero p{
    max-width:44ch;
}

.hero-visual{
    padding:0;
    min-height:auto;
    border-radius:28px;
    background:transparent;
    border:0;
}

.visual-glow{
    inset:8% 8% auto auto;
}

.hero-visual-slider{
    min-height:520px;
    padding:0 0 78px;
}

.hero-visual-slider__track{
    min-height:430px;
}

.hero-visual-slide__media,
.hero-visual-slide__showcase{
    inset:0 0 72px;
    border-radius:26px;
}

.hero-visual-slide__media-frame,
.hero-visual-slide__mock{
    border-radius:26px;
}

.hero-visual-slide__mock{
    grid-template-rows:auto 250px 1fr auto;
}

.hero-visual-slider__nav{
    left:50%;
    right:auto;
    transform:translateX(-50%);
    bottom:14px;
}

@media (max-width:860px){
    .hero{
        padding:10px 8px 4px;
    }

    .hero-main{
        padding:8px;
        gap:8px;
        border-radius:26px;
    }

    .hero-copy{
        padding:20px 16px 10px;
        border-radius:22px;
    }

    .hero h1{
        max-width:8.5ch;
        font-size:clamp(40px,11vw,52px);
    }

    .hero p{
        max-width:none;
    }

    .hero-visual{
        border-radius:22px;
    }

    .hero-visual-slider{
        min-height:388px;
        padding:0 0 66px;
    }

    .hero-visual-slider__track{
        min-height:304px;
    }

    .hero-visual-slide__media,
    .hero-visual-slide__showcase{
        inset:0 0 58px;
        border-radius:20px;
    }

    .hero-visual-slide__media-frame,
    .hero-visual-slide__mock{
        border-radius:20px;
    }

    .hero-visual-slide__mock{
        grid-template-rows:auto 148px 1fr auto;
    }
}

/* Hero unified desktop layout */
.hero{
    padding:16px 14px 8px;
}

.hero-main{
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
    gap:10px;
    max-width:1240px;
    margin:0 auto;
    padding:10px;
    border-radius:36px;
}

.hero-copy{
    padding:28px 28px 20px;
    border-radius:26px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.018) 0%, rgba(255,255,255,.008) 100%),
        linear-gradient(180deg, rgba(12,17,24,.74) 0%, rgba(9,13,19,.84) 100%);
    border:1px solid rgba(255,255,255,.045);
}

.hero h1{
    max-width:7.2ch;
    font-size:clamp(56px,5.2vw,86px);
}

.hero p{
    max-width:35ch;
}

.hero-visual{
    min-height:100%;
    padding:0;
    border-radius:26px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.018) 0%, rgba(255,255,255,.008) 100%),
        linear-gradient(180deg, rgba(10,14,19,.92) 0%, rgba(7,10,15,.95) 100%);
    border:1px solid rgba(255,255,255,.045);
}

.hero-visual-slider{
    min-height:540px;
    padding:16px 16px 76px;
}

.hero-visual-slider__track{
    min-height:444px;
}

.hero-visual-slide__media,
.hero-visual-slide__showcase{
    inset:0 0 68px;
}

.hero-visual-slider__nav{
    left:50%;
    right:auto;
    transform:translateX(-50%);
    bottom:14px;
}

@media (max-width:1180px){
    .hero-main{
        grid-template-columns:1fr;
        gap:10px;
    }
}

@media (max-width:860px){
    .hero-main{
        padding:8px;
        gap:8px;
    }

    .hero-copy{
        padding:20px 16px 16px;
        border-radius:22px;
    }

    .hero h1{
        max-width:8.5ch;
        font-size:clamp(40px,11vw,52px);
    }

    .hero p{
        max-width:none;
    }

    .hero-visual{
        border-radius:22px;
    }

    .hero-visual-slider{
        min-height:388px;
        padding:12px 12px 66px;
    }

    .hero-visual-slider__track{
        min-height:304px;
    }

    .hero-visual-slide__media,
    .hero-visual-slide__showcase{
        inset:0 0 58px;
    }
}

/* Hero desktop: left copy standalone */
.hero-main{
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
    gap:26px;
    padding:0;
    background:none;
    border:0;
    box-shadow:none;
    max-width:1240px;
}

.hero-copy{
    align-self:center;
    padding:8px 4px 8px 0;
    border-radius:0;
    background:none;
    border:0;
    box-shadow:none;
}

.hero-copy__eyebrow{
    margin-bottom:4px;
}

.hero h1{
    max-width:6.9ch;
    font-size:clamp(58px,5.4vw,90px);
}

.hero p{
    max-width:33ch;
}

.hero-visual{
    padding:12px;
    border-radius:30px;
    background:
        radial-gradient(circle at 82% 18%, rgba(88,244,132,.09), transparent 22%),
        linear-gradient(180deg, rgba(12,17,24,.9) 0%, rgba(7,10,15,.95) 100%);
    border:1px solid rgba(255,255,255,.05);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 30px 80px rgba(0,0,0,.22);
}

.hero-visual-slider{
    min-height:546px;
    padding:14px 14px 74px;
}

.hero-visual-slider__track{
    min-height:456px;
}

@media (max-width:1180px){
    .hero-main{
        grid-template-columns:1fr;
        gap:10px;
        padding:8px;
        border-radius:28px;
        background:
            radial-gradient(circle at 84% 18%, rgba(88,244,132,.09), transparent 22%),
            linear-gradient(180deg, rgba(10,14,20,.98) 0%, rgba(7,11,16,.98) 100%);
        border:1px solid rgba(255,255,255,.06);
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.04),
            0 30px 90px rgba(0,0,0,.22);
    }

    .hero-copy{
        padding:22px 18px 14px;
        border-radius:22px;
    }

    .hero-visual{
        padding:0;
        border-radius:22px;
        background:none;
        border:0;
        box-shadow:none;
    }
}

/* Hero desktop cohesion pass */
.hero{
    padding:18px 0 12px;
}

.hero-main{
    width:min(var(--container), calc(100% - 32px));
    margin:0 auto;
    grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
    gap:8px;
    padding:0;
    align-items:center;
    background:none;
    border:0;
    box-shadow:none;
}

.hero-copy{
    max-width:600px;
    padding:18px 24px 18px 0;
    gap:16px;
    background:none;
    border:0;
    border-radius:0;
    box-shadow:none;
}

.hero-copy__eyebrow{
    gap:10px;
    margin-bottom:6px;
}

.hero-copy__line{
    max-width:120px;
    flex:0 0 120px;
    opacity:.6;
}

.hero h1{
    max-width:8.7ch;
    font-size:clamp(50px,5vw,78px);
    line-height:.9;
    letter-spacing:-.07em;
}

.hero p{
    max-width:34ch;
    font-size:18px;
    line-height:1.62;
}

.hero-cta{
    margin-top:4px;
}

.hero-visual{
    position:relative;
    margin-left:-10px;
    padding:8px;
    min-height:580px;
    border-radius:32px;
    overflow:hidden;
    background:
        radial-gradient(circle at 78% 18%, rgba(88,244,132,.10), transparent 24%),
        linear-gradient(180deg, rgba(11,16,22,.96) 0%, rgba(7,10,15,.98) 100%);
    border:1px solid rgba(255,255,255,.05);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 26px 64px rgba(0,0,0,.22);
}

.hero-visual::before{
    display:none;
}

.hero-visual-slider{
    min-height:552px;
    height:100%;
    padding:0;
}

.hero-visual-slider__track{
    min-height:552px;
}

.hero-visual-slide__media,
.hero-visual-slide__showcase{
    inset:0;
    border-radius:28px;
    overflow:hidden;
}

.hero-visual-slide__media-frame,
.hero-visual-slide__mock{
    border-radius:24px;
}

.hero-visual-slide__mock{
    grid-template-rows:auto 260px 1fr auto;
}

.hero-visual-slide__mock-screen{
    margin:0 14px;
    min-height:260px;
}

.hero-visual-slide__mock-grid{
    padding:0 14px;
}

.hero-visual-slide__mock-footer{
    padding:0 14px;
}

.hero-visual-slider__nav{
    bottom:12px;
}

@media (max-width:1180px){
    .hero-main{
        width:min(var(--container), calc(100% - 24px));
        grid-template-columns:1fr;
        gap:10px;
        padding:8px;
        border-radius:28px;
        background:
            radial-gradient(circle at 84% 18%, rgba(88,244,132,.09), transparent 22%),
            linear-gradient(180deg, rgba(10,14,20,.98) 0%, rgba(7,11,16,.98) 100%);
        border:1px solid rgba(255,255,255,.06);
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.04),
            0 30px 90px rgba(0,0,0,.22);
    }

    .hero-copy{
        max-width:none;
        padding:22px 18px 14px;
    }

    .hero-visual{
        margin-left:0;
        padding:0;
        min-height:auto;
        border-radius:22px;
        background:none;
        border:0;
        box-shadow:none;
    }

    .hero-visual::before{
        display:none;
    }
}

@media (max-width:860px){
    .hero{
        padding:12px 0 6px;
    }

    .hero-main{
        width:min(var(--container), calc(100% - 16px));
        gap:8px;
    }

    .hero-copy{
        padding:20px 16px 14px;
        gap:14px;
    }

    .hero-copy__line{
        max-width:72px;
        flex-basis:72px;
    }

    .hero h1{
        max-width:8.4ch;
        font-size:clamp(40px,10.8vw,54px);
    }

    .hero p{
        max-width:none;
        font-size:16px;
        line-height:1.56;
    }

    .hero-visual-slider{
        min-height:384px;
        padding:10px 10px 64px;
    }

    .hero-visual-slider__track{
        min-height:306px;
    }

    .hero-visual-slide__media,
    .hero-visual-slide__showcase{
        inset:0 0 58px;
        border-radius:18px;
    }

    .hero-visual-slide__media-frame,
    .hero-visual-slide__mock{
        border-radius:18px;
    }

    .hero-visual-slide__mock{
        grid-template-rows:auto 150px 1fr auto;
    }

    .hero-visual-slide__mock-screen{
        min-height:150px;
        margin:0 10px;
    }

    .hero-visual-slide__mock-grid,
    .hero-visual-slide__mock-footer{
        padding:0 10px;
    }
}

/* Section alignment sync */
.theme-catalog-section,
.references-section{
    padding-top:84px;
}

.theme-catalog-section + .references-section{
    padding-top:0;
    margin-top:-26px;
}

.references-section + .section{
    padding-top:22px;
    margin-top:-18px;
}

.theme-catalog-section > .headline,
.references-section > .headline{
    width:min(var(--container), calc(100% - 32px));
    max-width:none;
    margin:0 auto 24px;
}

.theme-catalog__highlights,
.theme-showcase__toolbar,
.theme-catalog-grid,
.theme-showcase__empty,
.references-stage,
.reference-grid{
    width:min(var(--container), calc(100% - 32px));
    margin-left:auto;
    margin-right:auto;
}

.theme-catalog__highlights{
    margin-bottom:18px;
}

.theme-showcase__toolbar,
.references-stage{
    margin-bottom:22px;
}

@media (max-width:860px){
    .theme-catalog-section,
    .references-section{
        padding-top:64px;
    }

    .theme-catalog-section + .references-section{
        padding-top:0;
        margin-top:-24px;
    }

    .references-section + .section{
        padding-top:18px;
        margin-top:-14px;
    }

    .theme-catalog-section > .headline,
    .references-section > .headline,
    .theme-catalog__highlights,
    .theme-showcase__toolbar,
    .theme-catalog-grid,
    .theme-showcase__empty,
    .references-stage,
    .reference-grid{
        width:min(var(--container), calc(100% - 16px));
    }
}

/* Hero top breathing room */
.hero{
    padding:28px 0 12px;
}

.hero-main{
    margin-top:4px;
}

.hero-visual{
    margin-top:10px;
}

@media (max-width:1180px){
    .hero-main{
        margin-top:0;
    }

    .hero-visual{
        margin-top:0;
    }
}

@media (max-width:860px){
    .hero{
        padding:12px 0 6px;
    }
}

/* Hero value stack and fixed slider width */
.hero-main{
    grid-template-columns:minmax(0,1fr) minmax(420px,500px);
    gap:clamp(24px,3vw,52px);
    align-items:center;
}

.hero-copy{
    max-width:none;
    padding:18px 0 18px 0;
}

.hero h1{
    max-width:620px;
    font-size:clamp(54px,4.7vw,78px);
    text-wrap:balance;
}

.hero p{
    max-width:580px;
}

.hero-visual{
    width:100%;
    max-width:500px;
    justify-self:end;
    margin-top:0;
}

.hero-visual-slider{
    min-height:534px;
}

.hero-visual-slider__track{
    min-height:438px;
}

.hero-value-stack{
    display:grid;
    gap:12px;
    margin-top:8px;
    max-width:540px;
}

.hero-value-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    grid-auto-rows:1fr;
    align-items:stretch;
}

.hero-value-card,
.hero-value-wide{
    position:relative;
    display:grid;
    gap:4px;
    padding:16px 18px 16px 22px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.06);
    background:
        linear-gradient(180deg, rgba(255,255,255,.024) 0%, rgba(255,255,255,.012) 100%),
        linear-gradient(180deg, rgba(11,16,22,.82) 0%, rgba(8,12,18,.9) 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.hero-value-card{
    min-height:112px;
    height:100%;
}

.hero-value-card strong,
.hero-value-wide strong{
    color:#f8fbfe;
    font-size:24px;
    line-height:1;
    letter-spacing:-.05em;
}

.hero-value-card span,
.hero-value-wide span{
    color:rgba(205,216,228,.72);
    font-size:13px;
    line-height:1.5;
}

.hero-value-card::before,
.hero-value-wide::before{
    content:"";
    position:absolute;
    inset:8px auto 8px 8px;
    width:4px;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(88,244,132,.92), rgba(88,244,132,.18));
}

.hero-value-wide{
    grid-column:1 / -1;
    padding:18px 20px 18px 22px;
}

.hero-mobile-banner{
    display:none;
}

.hero-visual-slide__media-frame,
.hero-visual-slide__mock{
    position:relative;
    border:1px solid rgba(255,255,255,.62);
    box-shadow:
        0 28px 60px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.92);
}

.hero-visual-slide__media-frame::before,
.hero-visual-slide__mock::before{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:inherit;
    border:1px solid rgba(255,255,255,.24);
    pointer-events:none;
}

.hero-visual-slide__media-frame::after,
.hero-visual-slide__mock::after{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:92px;
    background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0));
    pointer-events:none;
    opacity:.58;
}

@media (max-width:1180px){
    .hero-main{
        grid-template-columns:1fr;
    }

    .hero-copy{
        padding:22px 18px 14px;
    }

    .hero h1{
        max-width:8.8ch;
    }

    .hero p{
        max-width:none;
    }

    .hero-visual{
        max-width:none;
        justify-self:stretch;
    }

    .hero-value-stack{
        max-width:none;
    }
}

@media (max-width:860px){
    .hero-main{
        grid-template-columns:1fr;
        gap:8px;
    }

    .hero-copy{
        padding:20px 16px 14px;
    }

    .hero h1{
        max-width:8.8ch;
        font-size:clamp(40px,10.2vw,54px);
    }

    .hero-value-stack{
        gap:10px;
        margin-top:4px;
    }

    .hero-value-grid{
        grid-template-columns:1fr 1fr;
        gap:10px;
    }

    .hero-value-card,
    .hero-value-wide{
        padding:14px 14px 14px 18px;
        border-radius:16px;
    }

    .hero-value-card::before,
    .hero-value-wide::before{
        inset:7px auto 7px 7px;
        width:4px;
    }

    .hero-value-card{
        min-height:96px;
    }

    .hero-value-card strong,
    .hero-value-wide strong{
        font-size:19px;
    }

    .hero-value-card span,
    .hero-value-wide span{
        font-size:12px;
    }

    .hero-value-wide{
        display:none;
    }

    .hero-mobile-banner{
        display:grid;
        gap:4px;
        margin:0 16px 8px;
        width:auto;
        max-width:none;
        justify-self:stretch;
        padding:14px 14px 14px 18px;
        border-radius:16px;
        border:1px solid rgba(255,255,255,.06);
        background:
            linear-gradient(180deg, rgba(255,255,255,.024) 0%, rgba(255,255,255,.012) 100%),
            linear-gradient(180deg, rgba(11,16,22,.82) 0%, rgba(8,12,18,.9) 100%);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
        position:relative;
    }

    .hero-mobile-banner::before{
        content:"";
        position:absolute;
        inset:7px auto 7px 7px;
        width:4px;
        border-radius:999px;
        background:linear-gradient(180deg, rgba(88,244,132,.92), rgba(88,244,132,.18));
    }

    .hero-mobile-banner strong{
        color:#f8fbfe;
        font-size:19px;
        line-height:1;
        letter-spacing:-.05em;
    }

    .hero-mobile-banner span{
        color:rgba(205,216,228,.72);
        font-size:12px;
        line-height:1.5;
    }

    .hero-visual{
        max-width:none;
    }

    .hero-visual-slider{
        min-height:384px;
    }

    .hero-visual-slider__track{
        min-height:306px;
    }
}

/* Hero rotating local badge */
.hero-main{
    --hero-slider-width:432px;
    position:relative;
}

.hero-rotator{
    position:absolute;
    left:calc(100% - var(--hero-slider-width) - 10px);
    top:50%;
    z-index:4;
    width:112px;
    height:112px;
    display:grid;
    place-items:center;
    transform:translate(-50%, -50%);
    pointer-events:none;
}

.hero-rotator::before{
    content:"";
    position:absolute;
    inset:14px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(88,244,132,.16) 0%, rgba(88,244,132,.04) 42%, rgba(7,10,15,0) 72%);
    filter:blur(8px);
    opacity:.9;
}

.hero-rotator__core{
    position:relative;
    z-index:2;
    width:56px;
    height:56px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:linear-gradient(180deg, rgba(12,17,24,.98) 0%, rgba(7,10,15,.98) 100%);
    border:1px solid rgba(88,244,132,.18);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 12px 28px rgba(0,0,0,.18);
    color:#f6fbff;
    font-size:16px;
    font-weight:900;
    letter-spacing:-.05em;
}

.hero-rotator__ring{
    position:absolute;
    inset:0;
    width:112px;
    height:112px;
    animation:hero-rotator-spin 14s linear infinite;
}

.hero-rotator__ring text{
    fill:rgba(170,244,196,.9);
    font-size:7.6px;
    font-weight:800;
    letter-spacing:.11em;
    text-transform:uppercase;
}

@keyframes hero-rotator-spin{
    from{transform:rotate(0deg)}
    to{transform:rotate(360deg)}
}

@media (max-width:1180px){
    .hero-rotator{
        display:none;
    }
}

/* Hero desktop size restore */
.hero-main{
    --hero-slider-width:472px;
    grid-template-columns:minmax(0,1fr) 472px;
    gap:clamp(10px,1vw,14px);
}

.hero-visual{
    max-width:472px;
}

.hero-visual-slider{
    min-height:518px;
}

.hero-visual-slider__track{
    min-height:422px;
}

@media (max-width:1180px){
    .hero-main{
        --hero-slider-width:0px;
        grid-template-columns:1fr;
    }

    .hero-visual{
        max-width:none;
    }
}

/* Hero spacing tighten */
.hero-main{
    grid-template-columns:minmax(0,1.06fr) 432px;
    gap:clamp(8px,.8vw,12px);
}

.hero-visual{
    max-width:432px;
}

.hero-visual-slider{
    min-height:484px;
}

.hero-visual-slider__track{
    min-height:390px;
}

@media (max-width:1180px){
    .hero-main{
        grid-template-columns:1fr;
    }

    .hero-visual{
        max-width:none;
    }
}

/* Hero desktop final lock */
.hero-main{
    --hero-slider-width:486px;
    grid-template-columns:minmax(0,1.08fr) 486px;
    gap:8px;
}

.hero-copy{
    padding-right:0;
}

.hero h1{
    max-width:680px;
}

.hero p{
    max-width:620px;
}

.hero-value-stack{
    max-width:560px;
}

.hero-visual{
    max-width:486px;
}

.hero-visual-slider{
    min-height:520px;
}

.hero-visual-slider__track{
    min-height:424px;
}

@media (max-width:1180px){
    .hero-main{
        --hero-slider-width:0px;
        grid-template-columns:1fr;
        gap:10px;
    }

    .hero-copy{
        padding-right:18px;
    }

    .hero-visual{
        max-width:none;
    }
}

/* Hero breathing room polish */
.hero-copy{
    gap:20px;
}

.hero p{
    margin:0;
}

.hero-cta{
    margin-top:8px;
}

.hero-value-stack{
    margin-top:18px;
}

@media (max-width:860px){
    .hero-copy{
        gap:16px;
    }

    .hero-cta{
        margin-top:6px;
    }

    .hero-value-stack{
        margin-top:12px;
    }
}

/* Front premium rhythm polish */
.headline .tag{
    position:relative;
    overflow:visible;
}

.headline .tag::after{
    content:"";
    position:absolute;
    top:50%;
    left:calc(100% + 14px);
    width:clamp(96px,12vw,172px);
    height:1px;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(88,244,132,.22), rgba(88,244,132,.08) 34%, rgba(88,244,132,0) 100%);
    box-shadow:0 0 10px rgba(88,244,132,.04);
    transform:translateY(-50%);
    pointer-events:none;
}

.btn.primary{
    box-shadow:0 10px 22px rgba(65,234,121,.12);
}

.hero-cta .btn.primary{
    box-shadow:0 10px 24px rgba(65,234,121,.14);
}

.hero-copy{
    max-width:728px;
}

.hero h1{
    max-width:none;
    font-size:clamp(56px,5.9vw,78px);
    line-height:.92;
    letter-spacing:-.052em;
}

.hero-title-main,
.hero-title-accent{
    display:block;
}

.hero-title-main{
    white-space:nowrap;
}

.hero-title-accent{
    margin-top:.02em;
}

.hero p{
    max-width:59ch;
}

.hero-value-stack{
    max-width:620px;
}

.theme-catalog-section{
    padding-top:58px;
}

.theme-catalog-section > .headline{
    margin-bottom:20px;
}

.theme-catalog-section__intro{
    display:grid;
    grid-template-columns:minmax(0,1.02fr) minmax(280px,.62fr);
    gap:32px;
    align-items:end;
}

.theme-catalog-section__copy{
    min-width:0;
}

.theme-catalog-section__title{
    margin:16px 0 0;
    color:#f4f7f9;
    font-size:clamp(34px,4.4vw,60px);
    line-height:.98;
    letter-spacing:-.05em;
}

.theme-catalog-section__eyebrow{
    display:block;
    margin-top:14px;
    color:#d7e6d9;
    font-size:clamp(20px,2vw,28px);
    line-height:1.2;
    letter-spacing:-.035em;
}

.theme-catalog-section__visual{
    display:flex;
    justify-content:flex-end;
    align-items:flex-end;
    min-height:100%;
}

.theme-catalog-section__visual-card{
    position:relative;
    width:min(100%, 360px);
    min-height:256px;
    border:none;
    background:none;
    box-shadow:none;
    overflow:visible;
}

.theme-catalog-section__visual-card::before{
    display:none;
    content:none;
}

.theme-catalog-section__visual-card::after{
    display:none;
    content:none;
}

.theme-catalog-section__visual-line{
    display:none;
}

.theme-catalog-section__visual-line--short{
    display:none;
}

.theme-catalog-section__visual-line--mid{
    display:none;
}

.theme-catalog-section__visual-line--long{
    display:none;
}

.theme-catalog-section__visual-bars{
    position:absolute;
    right:0;
    bottom:0;
    display:flex;
    align-items:flex-end;
    gap:20px;
}

.theme-catalog-section__visual-bars span{
    position:relative;
    width:32px;
    border-radius:999px 999px 10px 10px;
    background:
        linear-gradient(180deg, rgba(198,245,212,.045) 0%, rgba(88,244,132,.14) 64%, rgba(88,244,132,.02) 100%);
    box-shadow:0 0 18px rgba(88,244,132,.03);
    opacity:.54;
}

.theme-catalog-section__visual-bars span::before{
    content:"";
    position:absolute;
    top:-12px;
    right:-2px;
    width:12px;
    height:12px;
    border-top:1.25px solid rgba(198,245,212,.42);
    border-right:1.25px solid rgba(198,245,212,.42);
    transform:rotate(45deg);
    opacity:.68;
}

.theme-catalog-section__visual-bars span:nth-child(1){
    height:108px;
}

.theme-catalog-section__visual-bars span:nth-child(2){
    height:156px;
}

.theme-catalog-section__visual-bars span:nth-child(3){
    height:212px;
}

.theme-panel-intro{
    margin-top:24px;
}

.theme-panel-intro__grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.theme-panel-intro__card{
    display:grid;
    grid-template-columns:72px minmax(0,1fr);
    grid-template-areas:
        "icon title"
        "desc desc";
    align-items:center;
    column-gap:16px;
    row-gap:14px;
    min-height:188px;
    padding:24px 24px 22px;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.06);
    background:
        radial-gradient(circle at 12% 12%, rgba(88,244,132,.045), transparent 22%),
        linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.008)),
        linear-gradient(180deg, #081018 0%, #060b10 100%);
    box-shadow:0 18px 42px rgba(0,0,0,.14);
    position:relative;
    overflow:hidden;
}

.theme-panel-intro__card::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(140deg, rgba(255,255,255,.028), transparent 32%);
    opacity:.62;
}

.theme-panel-intro__icon{
    grid-area:icon;
    width:72px;
    height:72px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.06);
    background:
        radial-gradient(circle at 28% 24%, rgba(88,244,132,.10), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
        linear-gradient(180deg, #0d151d 0%, #090f15 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03),
        0 14px 28px rgba(0,0,0,.12);
    position:relative;
    display:block;
}

.theme-panel-intro__icon::before,
.theme-panel-intro__icon::after{
    content:"";
    position:absolute;
    display:block;
}

.theme-panel-intro__icon--stack::before{
    inset:18px 20px;
    border-radius:11px;
    border:1.25px solid rgba(198,245,212,.58);
    box-shadow:
        8px -8px 0 -6px rgba(88,244,132,.1),
        8px -8px 0 0 rgba(198,245,212,.28),
        14px -14px 0 -10px rgba(88,244,132,.07),
        14px -14px 0 -4px rgba(198,245,212,.16);
}

.theme-panel-intro__icon--ads::before{
    inset:14px;
    border-radius:12px;
    border:1.2px solid rgba(198,245,212,.34);
    background:
        linear-gradient(180deg, rgba(198,245,212,.3), rgba(198,245,212,.3)) left 0 top 11px / 100% 1px no-repeat,
        radial-gradient(circle, rgba(198,245,212,.44) 0 22%, transparent 24%) left 7px top 5px / 4px 4px no-repeat,
        radial-gradient(circle, rgba(198,245,212,.36) 0 22%, transparent 24%) left 14px top 5px / 4px 4px no-repeat,
        radial-gradient(circle, rgba(198,245,212,.28) 0 22%, transparent 24%) left 21px top 5px / 4px 4px no-repeat,
        linear-gradient(180deg, rgba(88,244,132,.06), rgba(88,244,132,.015));
}

.theme-panel-intro__icon--ads::after{
    left:22px;
    top:28px;
    width:28px;
    height:20px;
    background:
        linear-gradient(180deg, rgba(88,244,132,.12), rgba(88,244,132,.05)) left 2px bottom 0 / 3px 7px no-repeat,
        linear-gradient(180deg, rgba(88,244,132,.16), rgba(88,244,132,.06)) left 11px bottom 0 / 3px 11px no-repeat,
        linear-gradient(180deg, rgba(88,244,132,.2), rgba(88,244,132,.07)) left 20px bottom 0 / 3px 15px no-repeat,
        linear-gradient(134deg, transparent 0 24%, rgba(198,245,212,.72) 25% 33%, rgba(198,245,212,.42) 34% 39%, transparent 40%) center / 100% 100% no-repeat,
        radial-gradient(circle, rgba(198,245,212,.82) 0 22%, transparent 24%) right 1px top 1px / 6px 6px no-repeat;
}

.theme-panel-intro__icon--layout::before{
    inset:15px;
    border-radius:11px;
    border:1.25px solid rgba(198,245,212,.42);
    background:
        linear-gradient(180deg, rgba(198,245,212,.42), rgba(198,245,212,.42)) left 50% top 0 / 1.25px 100% no-repeat,
        linear-gradient(180deg, rgba(198,245,212,.42), rgba(198,245,212,.42)) left 0 top 50% / 100% 1.25px no-repeat;
}

.theme-panel-intro__icon--layout::after{
    inset:22px;
    border-radius:9px;
    background:
        radial-gradient(circle at 30% 30%, rgba(88,244,132,.14), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}

.theme-panel-intro__icon--trust::before{
    left:14px;
    top:16px;
    width:36px;
    height:28px;
    border:1.2px solid rgba(198,245,212,.4);
    border-radius:12px;
    clip-path:polygon(0 0,100% 0,100% 78%,62% 78%,50% 100%,48% 78%,0 78%);
    background:
        radial-gradient(circle at 24% 30%, rgba(88,244,132,.12), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}

.theme-panel-intro__icon--trust::after{
    left:26px;
    top:27px;
    width:11px;
    height:6px;
    border-left:1.7px solid rgba(198,245,212,.74);
    border-bottom:1.7px solid rgba(198,245,212,.74);
    transform:rotate(-45deg);
}

.theme-panel-intro__content{
    display:contents;
}

.theme-panel-intro__content h3{
    grid-area:title;
    margin:0 0 8px;
    color:#eff5fb;
    font-size:clamp(18px,1.25vw,23px);
    line-height:1.1;
    letter-spacing:-.05em;
    white-space:nowrap;
    align-self:center;
}

.theme-panel-intro__content p{
    grid-area:desc;
    margin:0;
    max-width:none;
    color:#aab7c4;
    font-size:15px;
    line-height:1.58;
}

.theme-panel-intro + .theme-showcase__toolbar{
    margin-top:34px;
}

.theme-showcase__toolbar{
    justify-content:flex-start;
}

.theme-showcase__toolbar-note{
    display:none;
}

@media (max-width:1180px){
    .theme-panel-intro__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .theme-catalog-section__intro{
        grid-template-columns:1fr;
    }

    .theme-catalog-section__visual{
        display:none;
    }
}

@media (max-width:860px){
    .headline .tag::after{
        width:clamp(84px, 30vw, 160px);
        left:calc(100% + 10px);
        background:linear-gradient(90deg, rgba(88,244,132,.24), rgba(88,244,132,.08) 38%, rgba(88,244,132,0) 100%);
        box-shadow:0 0 8px rgba(88,244,132,.035);
    }

    .hero h1{
        font-size:clamp(34px,10vw,46px);
        line-height:.94;
        letter-spacing:-.045em;
    }

    .hero-title-main{
        white-space:normal;
    }

    .hero-title-accent{
        margin-top:.08em;
    }

    .theme-catalog-section{
        padding-top:38px;
    }

    .theme-catalog-section__intro{
        display:block;
    }

    .theme-catalog-section__eyebrow{
        margin-top:12px;
        font-size:clamp(18px,5.4vw,24px);
    }

    .theme-panel-intro{
        margin-top:20px;
    }

    .theme-panel-intro__grid{
        grid-template-columns:1fr;
        gap:14px;
    }

    .theme-panel-intro__card{
        grid-template-columns:64px minmax(0,1fr);
        grid-template-areas:
            "icon title"
            "desc desc";
        column-gap:14px;
        row-gap:12px;
        min-height:auto;
        padding:20px 18px;
        border-radius:22px;
    }

    .theme-panel-intro__icon{
        width:64px;
        height:64px;
        border-radius:18px;
    }

    .theme-panel-intro__icon--stack::before{
        inset:16px 18px;
        border-radius:10px;
        box-shadow:
            6px -6px 0 -5px rgba(88,244,132,.1),
            6px -6px 0 0 rgba(198,245,212,.24);
    }

    .theme-panel-intro__icon--ads::before{
        inset:12px;
        border-radius:10px;
    }

    .theme-panel-intro__icon--ads::after{
        left:18px;
        top:24px;
        width:22px;
        height:16px;
    }

    .theme-panel-intro__icon--layout::before{
        inset:14px;
        border-radius:10px;
    }

    .theme-panel-intro__icon--layout::after{
        inset:20px;
        border-radius:8px;
    }

    .theme-panel-intro__icon--trust::before{
        left:13px;
        top:15px;
        width:30px;
        height:23px;
    }

    .theme-panel-intro__icon--trust::after{
        left:23px;
        top:24px;
        width:10px;
        height:5px;
    }

    .theme-panel-intro__content h3{
        margin-bottom:6px;
        font-size:clamp(17px,4.7vw,22px);
        line-height:1.1;
        white-space:nowrap;
    }

    .theme-panel-intro__content p{
        max-width:none;
        font-size:14px;
        line-height:1.5;
    }

    .theme-panel-intro + .theme-showcase__toolbar{
        margin-top:28px;
    }

    body[data-page-mode="theme-catalog"] .theme-catalog-grid .theme-card--catalog-grid.ui-reveal{
        opacity:1;
        transform:none;
        transition:
            box-shadow .38s var(--ui-motion-ease),
            border-color .38s var(--ui-motion-ease),
            background .38s var(--ui-motion-ease);
    }

    body[data-page-mode="theme-catalog"] .theme-card--catalog-grid{
        content-visibility:visible;
        contain-intrinsic-size:auto;
    }
}

/* Section headline hierarchy calm down */
.headline{
    max-width:700px;
    margin-bottom:18px;
}

.headline h2{
    margin:14px 0 10px;
    font-size:clamp(28px,3.35vw,46px);
    line-height:1.04;
    letter-spacing:-.045em;
}

.headline p{
    max-width:62ch;
    font-size:17px;
    line-height:1.68;
    color:#a7b3c0;
}

@media (max-width:860px){
    .headline{
        margin-bottom:14px;
    }

    .headline h2{
        margin:12px 0 8px;
        font-size:clamp(24px,7.2vw,34px);
        line-height:1.08;
    }

    .headline p{
        font-size:15px;
        line-height:1.62;
    }
}

/* Hero primary CTA dark premium pass */
.hero .hero-cta .btn.primary{
    color:#f4f7fb;
    background:
        linear-gradient(180deg, rgba(22,28,36,.98) 0%, rgba(10,14,20,.98) 100%);
    border-color:rgba(255,255,255,.08);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 10px 24px rgba(0,0,0,.18);
}

.hero .hero-cta .btn.primary:hover{
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 14px 28px rgba(0,0,0,.22);
}

/* Hero copy comfort polish */
.hero p{
    margin-top:8px;
    max-width:62ch;
}

.hero-cta{
    margin-top:14px;
}

.hero-value-card,
.hero-value-wide,
.hero-mobile-banner{
    border-radius:18px;
    border:1px solid rgba(255,255,255,.06);
    background:
        linear-gradient(180deg, rgba(255,255,255,.026) 0%, rgba(255,255,255,.012) 100%),
        linear-gradient(180deg, rgba(11,16,22,.84) 0%, rgba(8,12,18,.92) 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

@media (max-width:860px){
    .hero-value-stack{
        margin-top:16px;
    }

    .hero-mobile-banner{
        margin:-2px 16px 8px;
        gap:4px;
    }
}

/* Site shell unity polish */
.site-shell{
    overflow:hidden;
    border-radius:34px;
    background:
        radial-gradient(circle at 86% 10%, rgba(88,244,132,.06), transparent 18%),
        radial-gradient(circle at 16% 18%, rgba(88,244,132,.03), transparent 16%),
        linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.004)),
        linear-gradient(180deg, #04070b 0%, #05080c 100%);
}

.site-shell > main{
    position:relative;
    z-index:1;
    padding-bottom:6px;
}

.site-header,
.footer-shell{
    width:auto;
    margin-left:14px;
    margin-right:14px;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.06);
    background:
        radial-gradient(circle at 88% 0%, rgba(88,244,132,.05), transparent 18%),
        linear-gradient(180deg, rgba(9,13,18,.92) 0%, rgba(5,8,12,.92) 100%);
    box-shadow:0 18px 42px rgba(0,0,0,.18);
}

.site-header{
    margin-top:14px;
    margin-bottom:0;
}

.footer{
    padding:10px 0 14px;
}

.footer-shell{
    margin-top:6px;
    margin-bottom:14px;
    box-shadow:0 18px 38px rgba(0,0,0,.16);
}

.footer-shell__meta,
.footer-shell__bar,
.footer-shell__bottom{
    width:auto;
    padding-left:22px;
    padding-right:22px;
}

.footer-shell__meta{
    min-height:52px;
}

.footer-shell__bar{
    min-height:96px;
}

.footer-shell__bottom{
    min-height:54px;
}

.footer-shell__menu a{
    color:#c8d2dd;
}

.footer-shell__actions .btn{
    min-height:52px;
}

@media (max-width:860px){
    .site-shell{
        border-radius:24px;
    }

    .site-shell > main{
        padding-bottom:2px;
    }

    .site-header,
    .footer-shell{
        margin-left:8px;
        margin-right:8px;
        border-radius:20px;
    }

    .site-header{
        margin-top:8px;
    }

    .footer{
        padding:8px 0 10px;
    }

    .footer-shell{
        margin-top:4px;
        margin-bottom:8px;
    }

    .footer-shell__meta,
    .footer-shell__bar,
    .footer-shell__bottom{
        width:auto;
        padding-left:16px;
        padding-right:16px;
    }
}

/* Shell unity pass v2 */
.site-shell{
    padding-bottom:6px;
}

.site-header,
.footer-shell{
    margin-left:12px;
    margin-right:12px;
    border-radius:30px;
    background:
        linear-gradient(180deg, rgba(9,12,17,.94) 0%, rgba(5,8,12,.94) 100%);
    border:1px solid rgba(255,255,255,.06);
}

.site-header{
    box-shadow:0 16px 36px rgba(0,0,0,.16);
}

.footer{
    padding:6px 0 12px;
}

.footer-shell{
    margin-top:0;
    margin-bottom:10px;
    box-shadow:0 16px 34px rgba(0,0,0,.14);
}

.nav-meta,
.footer-shell__meta{
    min-height:52px;
}

.nav,
.footer-shell__bar{
    min-height:92px;
}

.footer-shell__meta,
.footer-shell__bar,
.footer-shell__bottom{
    width:auto;
    padding-left:26px;
    padding-right:26px;
}

.footer-shell__meta-copy,
.footer-shell__meta-actions{
    color:#95a3b5;
    font-size:13px;
}

.footer-shell__meta-pill{
    min-height:30px;
    padding:0 12px;
    font-size:11px;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.footer-shell__bar{
    display:grid;
    grid-template-columns:minmax(180px,auto) 1fr minmax(250px,auto);
    align-items:center;
    gap:24px;
}

.footer-shell__menu{
    justify-content:center;
    gap:24px 30px;
}

.footer-shell__menu a{
    position:relative;
    padding-bottom:2px;
}

.footer-shell__menu a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-8px;
    width:100%;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(101,255,145,.72), rgba(255,255,255,.32));
    opacity:0;
    transform:scaleX(.42);
    transition:.22s ease;
}

.footer-shell__menu a:hover::after{
    opacity:1;
    transform:scaleX(1);
}

.footer-shell__actions{
    justify-content:flex-end;
}

.footer-shell__bottom{
    min-height:56px;
    color:#8797aa;
}

@media (max-width:1180px){
    .footer-shell__bar{
        grid-template-columns:1fr;
        justify-items:start;
    }

    .footer-shell__menu{
        justify-content:flex-start;
    }

    .footer-shell__actions{
        justify-content:flex-start;
    }
}

@media (max-width:860px){
    .site-shell{
        padding-bottom:2px;
    }

    .site-header,
    .footer-shell{
        margin-left:8px;
        margin-right:8px;
        border-radius:20px;
    }

    .footer{
        padding:4px 0 8px;
    }

    .footer-shell{
        margin-bottom:8px;
    }

    .footer-shell__meta,
    .footer-shell__bar,
    .footer-shell__bottom{
        padding-left:16px;
        padding-right:16px;
    }

    .footer-shell__menu a::after{
        bottom:-6px;
    }
}

/* Original shell continuity restore */
.noise{
    position:absolute;
    inset:0;
    pointer-events:none;
    background-image:radial-gradient(rgba(255,255,255,.03) .7px, transparent .7px);
    background-size:8px 8px;
    opacity:.12;
    z-index:0;
}

.noise::before,
.noise::after{
    content:"";
    position:absolute;
    inset:auto;
    border-radius:999px;
    pointer-events:none;
    will-change:transform, opacity;
}

.noise::before{
    top:54px;
    right:clamp(36px, 7vw, 108px);
    width:clamp(220px, 30vw, 420px);
    height:1px;
    background:linear-gradient(90deg, rgba(88,244,132,0) 0%, rgba(88,244,132,.32) 20%, rgba(182,255,208,.72) 52%, rgba(88,244,132,.24) 82%, rgba(88,244,132,0) 100%);
    opacity:calc(.24 + (var(--site-scroll-progress) * .18));
    box-shadow:0 0 10px rgba(88,244,132,.10), 0 0 22px rgba(88,244,132,.06);
    transform:translate3d(calc(var(--site-scroll-progress) * -18px), 0, 0);
    animation:noise-neon-drift 15s ease-in-out infinite;
}

.noise::after{
    top:18px;
    right:clamp(28px, 5vw, 88px);
    width:clamp(180px, 20vw, 300px);
    height:clamp(180px, 20vw, 300px);
    background:radial-gradient(circle, rgba(88,244,132,.12) 0%, rgba(88,244,132,.05) 26%, rgba(88,244,132,.018) 42%, rgba(88,244,132,0) 70%);
    filter:blur(14px);
    opacity:calc(.32 + (var(--site-scroll-progress) * .12));
    transform:translate3d(calc(var(--site-scroll-progress) * -22px), calc(var(--site-scroll-progress) * 8px), 0);
    animation:noise-neon-float 18s ease-in-out infinite;
}

.site-shell{
    padding-bottom:0;
    border-radius:30px;
    overflow:hidden;
    background:
        radial-gradient(circle at 84% 16%, rgba(65,234,121,.12), transparent 22%),
        linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)),
        linear-gradient(180deg, #05090d 0%, #05080d 100%);
    box-shadow:var(--shadow);
}

.site-shell::before,
.site-shell::after,
.site-header::after,
.footer-shell::before{
    display:none;
}

.site-shell > .site-header,
.site-shell > main,
.site-shell > .footer{
    position:relative;
    z-index:1;
}

.site-header{
    margin:0;
    top:0;
    border-radius:0;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.05);
    background:rgba(4,7,11,.68);
    box-shadow:none;
}

.footer{
    padding:0;
    background:transparent;
}

.footer-shell{
    width:auto;
    margin:0;
    border-radius:0;
    border:0;
    border-top:1px solid rgba(255,255,255,.06);
    background:transparent;
    box-shadow:none;
}

.footer-shell__meta,
.footer-shell__bar,
.footer-shell__bottom{
    width:min(var(--container), calc(100% - 32px));
    margin:0 auto;
    padding-left:0;
    padding-right:0;
}

.footer-shell__meta{
    min-height:54px;
}

.footer-shell__bar{
    min-height:96px;
    grid-template-columns:minmax(180px,auto) 1fr minmax(250px,auto);
}

.footer-shell__bottom{
    min-height:58px;
}

@media (max-width:1180px){
    .footer-shell__bar{
        grid-template-columns:1fr;
    }
}

@media (max-width:860px){
    .site-shell{
        width:min(100%, calc(100% - 10px));
        margin:8px auto;
        border-radius:20px;
    }

    .site-header{
        border-radius:0;
        margin:0;
    }

    .footer-shell{
        margin:0;
        border-radius:0;
    }

    .footer-shell__meta,
    .footer-shell__bar,
    .footer-shell__bottom{
        width:min(var(--container), calc(100% - 24px));
    }

    .noise::before{
        top:46px;
        right:18px;
        width:140px;
        opacity:calc(.18 + (var(--site-scroll-progress) * .12));
    }

    .noise::after{
        top:10px;
        right:8px;
        width:132px;
        height:132px;
        filter:blur(12px);
        opacity:calc(.22 + (var(--site-scroll-progress) * .08));
    }
}

@keyframes noise-neon-drift{
    0%,100%{transform:translate3d(calc(var(--site-scroll-progress) * -18px), 0, 0)}
    50%{transform:translate3d(calc(var(--site-scroll-progress) * -28px), 2px, 0)}
}

@keyframes noise-neon-float{
    0%,100%{transform:translate3d(calc(var(--site-scroll-progress) * -22px), calc(var(--site-scroll-progress) * 8px), 0)}
    50%{transform:translate3d(calc(var(--site-scroll-progress) * -34px), calc(8px + (var(--site-scroll-progress) * 12px)), 0)}
}

@media (prefers-reduced-motion: reduce){
    .noise::before,
    .noise::after{
        animation:none;
    }
}

/* Noise and header neon soften */
.noise{
    opacity:.08;
}

.noise::before{
    top:50px;
    right:clamp(40px, 7vw, 112px);
    width:clamp(180px, 24vw, 320px);
    background:linear-gradient(90deg, rgba(88,244,132,0) 0%, rgba(88,244,132,.12) 24%, rgba(182,255,208,.24) 52%, rgba(88,244,132,.08) 80%, rgba(88,244,132,0) 100%);
    opacity:calc(.10 + (var(--site-scroll-progress) * .08));
    box-shadow:0 0 6px rgba(88,244,132,.05), 0 0 14px rgba(88,244,132,.03);
}

.noise::after{
    top:14px;
    right:clamp(20px, 4vw, 72px);
    width:clamp(140px, 16vw, 220px);
    height:clamp(140px, 16vw, 220px);
    background:radial-gradient(circle, rgba(88,244,132,.05) 0%, rgba(88,244,132,.02) 28%, rgba(88,244,132,.008) 42%, rgba(88,244,132,0) 70%);
    filter:blur(16px);
    opacity:calc(.14 + (var(--site-scroll-progress) * .06));
}

.site-header::after{
    content:"";
    display:block;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:1px;
    background:linear-gradient(90deg, rgba(88,244,132,0) 0%, rgba(88,244,132,.18) 18%, rgba(168,255,198,.42) 50%, rgba(88,244,132,.18) 82%, rgba(88,244,132,0) 100%);
    background-size:180% 100%;
    opacity:calc(.26 + (var(--site-scroll-progress) * .08));
    box-shadow:0 0 8px rgba(88,244,132,.05);
    animation:site-line-flow 18s linear infinite;
    pointer-events:none;
}

@media (max-width:1180px){
    .hero-main{
        width:auto;
        padding:0;
        border:0;
        border-radius:0;
        background:none;
        box-shadow:none;
    }
}

@media (max-width:860px){
    .noise{
        opacity:.06;
    }

    .noise::before{
        top:44px;
        right:12px;
        width:116px;
        opacity:calc(.08 + (var(--site-scroll-progress) * .04));
    }

    .noise::after{
        top:10px;
        right:4px;
        width:96px;
        height:96px;
        filter:blur(12px);
        opacity:calc(.10 + (var(--site-scroll-progress) * .03));
    }

    .site-header::after{
        opacity:.18;
    }

    .hero-main{
        width:auto;
        padding:0;
        border:0;
        border-radius:0;
        background:none;
        box-shadow:none;
    }

    .hero-copy{
        padding-left:0;
        padding-right:0;
    }

    .hero-mobile-banner{
        margin:0 0 8px;
    }
}

/* Mobile hero containment fix */
@media (max-width:860px){
    .hero{
        padding:14px 0 8px;
    }

    .hero-main{
        gap:10px;
        padding:0 10px;
    }

    .hero-copy{
        padding:0 2px;
    }

    .hero-cta{
        margin-top:12px;
    }

    .hero-value-stack{
        margin-top:10px;
    }

    .hero-mobile-banner{
        margin:0;
    }
}

/* Mobile eyebrow line fill */
@media (max-width:860px){
    .hero-copy__eyebrow{
        gap:12px;
    }

    .hero-copy__line{
        flex:1 1 auto;
        max-width:none;
        width:auto;
        min-width:44px;
        height:1px;
        opacity:.42;
        background:linear-gradient(90deg, rgba(88,244,132,.26), rgba(88,244,132,.08) 34%, rgba(88,244,132,0) 100%);
    }
}

/* Shared premium dark CTA */
.btn.premium-dark,
.btn.offer-premium{
    color:#bff5cd;
    background:
        linear-gradient(180deg, rgba(28,49,38,.96) 0%, rgba(18,33,27,.98) 100%);
    border:1px solid rgba(88,244,132,.22);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 8px 20px rgba(0,0,0,.16),
        0 0 0 1px rgba(88,244,132,.04);
}

.btn.premium-dark:hover,
.btn.offer-premium:hover{
    color:#d5ffe0;
    border-color:rgba(88,244,132,.28);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 12px 24px rgba(0,0,0,.18),
        0 0 0 1px rgba(88,244,132,.06);
}

.btn.theme-build-cta{
    gap:0;
    padding-inline:22px;
    justify-content:center;
    min-height:56px;
    font-size:15px;
    font-weight:700;
    letter-spacing:-.015em;
    color:#07110b;
    border:1px solid rgba(140,219,169,.28);
    background:#46c975;
    background-image:none;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 8px 18px rgba(19,78,43,.14);
    overflow:visible;
    isolation:auto;
}

.btn.theme-build-cta::after{
    content:none;
}

.btn.theme-build-cta::before{
    content:none;
}

.btn-whatsapp::before{
    content:"";
    width:15px;
    height:22px;
    flex:0 0 15px;
    display:inline-block;
    background:
        linear-gradient(180deg, #ffe97d 0%, #ffd82f 42%, #f4c300 100%);
    box-shadow:
        0 0 10px rgba(255,214,77,.16),
        0 0 1px rgba(255,240,170,.44);
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 24'%3E%3Cpath d='M9.13 1.05 2.65 11.14c-.3.47.03 1.09.59 1.09h4.12l-1.45 10.08c-.1.7.8 1.07 1.22.5l6.2-8.5c.35-.49 0-1.18-.61-1.18H8.86l1.49-11.21c.09-.67-.86-1.04-1.22-.47Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 24'%3E%3Cpath d='M9.13 1.05 2.65 11.14c-.3.47.03 1.09.59 1.09h4.12l-1.45 10.08c-.1.7.8 1.07 1.22.5l6.2-8.5c.35-.49 0-1.18-.61-1.18H8.86l1.49-11.21c.09-.67-.86-1.04-1.22-.47Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
    transform:translateY(-1px);
    transition:
        transform .34s var(--ui-motion-ease),
        filter .34s var(--ui-motion-ease),
        opacity .34s var(--ui-motion-ease);
}

.btn-idea::before{
    content:none;
    display:none;
}

.btn.btn-idea,
.theme-card__cta.btn-idea{
    background-image:linear-gradient(90deg, rgba(88,244,132,0), rgba(88,244,132,.82), rgba(88,244,132,0));
    background-repeat:no-repeat;
    background-size:0 1px;
    background-position:50% calc(100% - 11px);
    transition:
        transform .34s var(--ui-motion-ease),
        box-shadow .34s var(--ui-motion-ease),
        border-color .34s var(--ui-motion-ease),
        background-color .34s var(--ui-motion-ease),
        opacity .34s var(--ui-motion-ease),
        background-size .36s var(--ui-motion-ease);
}


/* Premium micro-polish pass */
.site-header{
    overflow:visible;
}

.site-header::after{
    left:22px;
    right:22px;
    bottom:-1px;
    height:1px;
    opacity:calc(.10 + (var(--site-scroll-progress) * .04));
    background:linear-gradient(90deg, rgba(88,244,132,0) 0%, rgba(88,244,132,.05) 18%, rgba(189,255,213,.18) 50%, rgba(88,244,132,.05) 82%, rgba(88,244,132,0) 100%);
    background-size:210% 100%;
    box-shadow:0 0 6px rgba(88,244,132,.028);
    animation:site-line-flow 22s linear infinite;
}

.hero-visual-slider{
    position:relative;
    isolation:isolate;
}

.hero-visual-slider::before{
    display:none;
}

.hero-visual-slider::after{
    display:none;
}

.hero-visual-slider__track{
    position:relative;
    z-index:2;
}

.hero-visual-slide__media-frame,
.hero-visual-slide__mock{
    overflow:hidden;
    background:
        radial-gradient(circle at 78% 10%, rgba(88,244,132,.04), transparent 24%),
        linear-gradient(180deg, rgba(14,20,27,.98) 0%, rgba(9,13,18,.98) 100%);
}

.hero-visual-slide__media-body{
    position:relative;
    overflow:hidden;
    background:
        linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)),
        linear-gradient(180deg, rgba(9,13,18,.98) 0%, rgba(7,10,15,.98) 100%);
}

.hero-visual-slide__media-body::after{
    content:"";
    position:absolute;
    top:-10%;
    left:-24%;
    width:42%;
    height:138%;
    background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.016) 38%, rgba(194,255,214,.08) 52%, rgba(255,255,255,.016) 64%, rgba(255,255,255,0) 100%);
    transform:translate3d(-165%,0,0) rotate(14deg);
    opacity:0;
    mix-blend-mode:screen;
    pointer-events:none;
    z-index:2;
    animation:hero-sheen 12s ease-in-out infinite;
}

.hero-visual-slide__media{
    display:flex;
    align-items:stretch;
    justify-content:stretch;
    padding:0;
    background:none;
}

.hero-visual-slide__image--plain{
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    object-fit:cover;
    object-position:center top;
    border-radius:0;
    filter:drop-shadow(0 22px 36px rgba(0,0,0,.18));
    transform:scale(1.08);
}

.hero-visual-slide__image,
.theme-card--catalog-grid .theme-card__image,
.theme-card--catalog-grid .theme-preview{
    transition:transform .45s ease, filter .45s ease;
}

.hero-visual-slide.is-active .hero-visual-slide__image{
    transform:scale(1.12) translateY(-1px);
    filter:drop-shadow(0 34px 62px rgba(0,0,0,.32));
}

.theme-card--catalog-grid{
    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease,
        background .28s ease;
}

.theme-card--catalog-grid::after{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:inherit;
    pointer-events:none;
    background:linear-gradient(180deg, rgba(255,255,255,.045) 0%, rgba(255,255,255,0) 18%);
    opacity:.42;
}

.theme-card--catalog-grid .theme-card__visual{
    position:relative;
    overflow:hidden;
}

.theme-card--catalog-grid .theme-card__visual::after{
    content:"";
    position:absolute;
    left:18px;
    right:18px;
    bottom:0;
    height:46%;
    border-radius:0 0 22px 22px;
    background:linear-gradient(180deg, rgba(4,7,11,0) 0%, rgba(4,7,11,.14) 100%);
    pointer-events:none;
}

.theme-card--catalog-grid:hover{
    transform:translateY(-4px);
    border-color:rgba(88,244,132,.14);
    box-shadow:0 24px 52px rgba(0,0,0,.19);
}

.theme-card--catalog-grid:hover .theme-card__image,
.theme-card--catalog-grid:hover .theme-preview{
    transform:scale(1.018);
    filter:saturate(1.03);
}

.references-stage__lead,
.references-stage__aside article,
.reference-card{
    overflow:hidden;
}

.references-stage__lead::after,
.references-stage__aside article::after,
.reference-card::after{
    content:"";
    position:absolute;
    top:-28px;
    right:-26px;
    width:168px;
    height:168px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(88,244,132,.08) 0%, rgba(88,244,132,.028) 34%, rgba(88,244,132,0) 72%);
    filter:blur(26px);
    opacity:.18;
    pointer-events:none;
}

.references-stage__lead::after{
    width:220px;
    height:220px;
    opacity:.22;
}

.reference-card__screen{
    position:relative;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 18px 34px rgba(0,0,0,.16);
}

.reference-card__screen::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:42px;
    background:
        radial-gradient(circle at 24px 21px, rgba(255,255,255,.65) 0 3px, transparent 4px),
        radial-gradient(circle at 37px 21px, rgba(255,255,255,.42) 0 3px, transparent 4px),
        radial-gradient(circle at 50px 21px, rgba(255,255,255,.32) 0 3px, transparent 4px),
        linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
    border-bottom:1px solid rgba(255,255,255,.08);
    z-index:2;
    pointer-events:none;
}

.reference-card__screen::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 26%),
        linear-gradient(135deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 34%);
    pointer-events:none;
    z-index:2;
}

.reference-card__image,
.reference-card__scene{
    transform:scale(1.01);
    transform-origin:center top;
}

@keyframes hero-sheen{
    0%, 100%{
        transform:translate3d(-165%,0,0) rotate(14deg);
        opacity:0;
    }
    18%{
        opacity:.08;
    }
    48%{
        transform:translate3d(220%,0,0) rotate(14deg);
        opacity:.24;
    }
    60%{
        opacity:0;
    }
}

@media (max-width:860px){
    .hero-visual-slide__media-body::after{
        display:none !important;
        opacity:0 !important;
        animation:none !important;
    }

    .hero-visual{
        margin-left:0;
        padding:8px;
        min-height:auto;
        border-radius:24px;
    }

    .hero-visual-slider{
        min-height:420px;
        height:auto;
        padding:0 0 62px;
    }

    .hero-visual-slider__track{
        min-height:420px;
    }

    .hero-visual-slide__media{
        inset:0 0 58px;
        padding:10px 10px 0;
        border-radius:20px;
        background:linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0));
    }

    .hero-visual-slide__image--plain{
        border-radius:16px;
        object-fit:contain;
        object-position:center center;
        transform:none !important;
        filter:drop-shadow(0 14px 20px rgba(0,0,0,.14));
    }

    .hero-visual-slide.is-active .hero-visual-slide__image{
        transform:none !important;
        filter:drop-shadow(0 16px 24px rgba(0,0,0,.16));
    }

    .site-header::after{
        left:16px;
        right:16px;
        opacity:.09;
    }

    .hero-visual-slider::before{
        display:none;
    }

    .hero-visual{
        padding:6px;
    }

    .hero-visual-slider__nav{
        bottom:10px;
    }

    .theme-card--catalog-grid:hover{
        transform:none;
    }

    .theme-card--catalog-grid::after{
        opacity:.34;
    }

    .references-stage__lead::after,
    .references-stage__aside article::after,
    .reference-card::after{
        top:-16px;
        right:-18px;
        width:118px;
        height:118px;
        opacity:.14;
        filter:blur(20px);
    }
}

@media (prefers-reduced-motion: reduce){
    .hero-visual-slide__media-body::after{
        animation:none;
        opacity:.14;
        transform:translate3d(-18%,0,0) rotate(14deg);
    }

    .hero-visual-slide__image,
    .theme-card--catalog-grid,
    .theme-card--catalog-grid .theme-card__image,
    .theme-card--catalog-grid .theme-preview{
        transition:none !important;
    }
}

/* Hero stabilization */
.hero-visual-slide__media-body::after{
    display:none !important;
    opacity:0 !important;
    animation:none !important;
}

.hero-visual{
    overflow:hidden;
}

.hero-visual-slider,
.hero-visual-slider__track,
.hero-visual-slide{
    height:100%;
}

.hero-visual-slider{
    min-height:540px !important;
    padding:0 0 64px !important;
}

.hero-visual-slider__track{
    min-height:540px !important;
}

.hero-visual-slide{
    position:absolute;
    inset:0;
}

.hero-visual-slide__media{
    position:absolute;
    inset:12px 12px 72px !important;
    padding:0 !important;
    display:block !important;
    border-radius:30px !important;
    overflow:hidden !important;
    background:none !important;
}

.hero-visual-slide__image,
.hero-visual-slide__image--plain{
    display:block;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    min-width:100%;
    min-height:100%;
    margin:0;
    border-radius:30px !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:none !important;
    filter:none !important;
    background:#05080d;
}

.hero-visual-slide.is-active .hero-visual-slide__image{
    transform:none !important;
    filter:none !important;
}

.hero-value-wide,
.hero-mobile-banner{
    display:grid;
    gap:5px;
    padding:18px 20px 18px 22px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.06);
    background:
        linear-gradient(180deg, rgba(255,255,255,.026) 0%, rgba(255,255,255,.012) 100%),
        linear-gradient(180deg, rgba(11,16,22,.84) 0%, rgba(8,12,18,.92) 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.hero-mobile-banner{
    display:none;
}

.hero-mobile-banner::before,
.hero-mobile-banner::after{
    display:none !important;
    content:none !important;
    animation:none !important;
}

.hero-mobile-banner strong,
.hero-value-wide strong{
    font-size:19px;
    line-height:1;
    letter-spacing:-.05em;
}

.hero-mobile-banner span,
.hero-value-wide span{
    font-size:12px;
    line-height:1.5;
    color:rgba(205,216,228,.72);
}

@media (max-width:860px){
    .hero-value-grid{
        gap:12px;
    }

    .hero-value-wide{
        display:none;
    }

    .hero-mobile-banner{
        display:grid !important;
        width:100%;
        margin:0 !important;
        padding:14px 16px 14px 18px !important;
        border-radius:16px !important;
    }

    .hero-visual{
        padding:6px !important;
        border-radius:24px !important;
        min-height:auto !important;
    }

    .hero-visual-slider{
        min-height:430px !important;
        padding:0 0 56px !important;
    }

    .hero-visual-slider__track{
        min-height:430px !important;
    }

    .hero-visual-slide__media{
        inset:8px 8px 56px !important;
        border-radius:20px !important;
    }

    .hero-visual-slide__image,
    .hero-visual-slide__image--plain{
        border-radius:20px !important;
        object-fit:cover !important;
        object-position:center center !important;
    }
}

/* Canonical hero system */
.hero{
    padding:18px 0 12px !important;
}

.hero > .hero-main{
    width:min(var(--container), calc(100% - 32px)) !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) minmax(0, 500px) !important;
    gap:18px !important;
    align-items:start !important;
    padding:0 !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
    position:relative;
}

.hero .hero-copy{
    align-self:start !important;
    max-width:none !important;
    padding:18px 12px 12px 0 !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
}

.hero .hero-copy__eyebrow{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:8px !important;
}

.hero .hero-copy__line{
    flex:0 0 112px;
    width:112px;
    max-width:112px;
    height:1px;
    opacity:.34;
    background:linear-gradient(90deg, rgba(88,244,132,.28), rgba(88,244,132,0));
}

.hero h1{
    max-width:8.7ch !important;
    margin:0 !important;
    font-size:clamp(54px, 5vw, 82px) !important;
    line-height:.92 !important;
    letter-spacing:-.072em !important;
}

.hero p{
    max-width:33ch !important;
    margin:16px 0 0 !important;
    font-size:18px !important;
    line-height:1.62 !important;
}

.hero .hero-cta{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:22px !important;
}

.hero .hero-cta .btn{
    min-height:58px;
}

.hero .hero-value-stack{
    display:grid;
    gap:12px;
    margin-top:18px !important;
    max-width:640px;
}

.hero .hero-value-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.hero .hero-value-card,
.hero .hero-value-wide,
.hero .hero-mobile-banner{
    display:grid;
    gap:5px;
    padding:18px 20px 18px 22px !important;
    border-radius:18px !important;
    border:1px solid rgba(255,255,255,.06) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.026) 0%, rgba(255,255,255,.012) 100%),
        linear-gradient(180deg, rgba(11,16,22,.84) 0%, rgba(8,12,18,.92) 100%) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
    overflow:hidden;
}

.hero .hero-value-card::before,
.hero .hero-value-wide::before{
    content:"";
    position:absolute;
    inset:8px auto 8px 8px;
    width:4px;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(88,244,132,.92), rgba(88,244,132,.18));
}

.hero .hero-value-card,
.hero .hero-value-wide{
    position:relative;
}

.hero .hero-value-card strong,
.hero .hero-value-wide strong,
.hero .hero-mobile-banner strong{
    font-size:19px !important;
    line-height:1 !important;
    letter-spacing:-.05em !important;
}

.hero .hero-value-card span,
.hero .hero-value-wide span,
.hero .hero-mobile-banner span{
    font-size:12px !important;
    line-height:1.5 !important;
    color:rgba(205,216,228,.72) !important;
}

.hero .hero-mobile-banner{
    display:none;
}

/* Theme catalog card refresh */
.theme-catalog-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:24px;
}

.theme-catalog-grid .theme-card--catalog-grid{
    position:relative;
    display:grid;
    grid-template-rows:auto 1fr;
    min-height:100%;
    overflow:hidden;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.08);
    background:
        linear-gradient(180deg, rgba(255,255,255,.032) 0%, rgba(255,255,255,.015) 100%),
        linear-gradient(180deg, rgba(7,10,15,.98) 0%, rgba(6,8,13,.985) 100%);
    box-shadow:0 22px 48px rgba(0,0,0,.16);
}

.theme-catalog-grid .theme-card--catalog-grid::after{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:27px;
    pointer-events:none;
    background:linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 18%);
    opacity:.42;
}

.theme-catalog-grid .theme-card--catalog-grid .theme-card__visual{
    position:relative;
    display:block;
    padding:0;
    border-bottom:0;
    box-sizing:border-box;
    aspect-ratio:3 / 4;
    margin:16px 16px 0;
    overflow:hidden;
    border-radius:22px;
    background:
        radial-gradient(circle at 22% 12%, rgba(88,244,132,.16) 0%, rgba(88,244,132,0) 34%),
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
        linear-gradient(180deg, #0b1118 0%, #090d13 100%);
    border:1px solid rgba(255,255,255,.06);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}

.theme-catalog-grid .theme-card__image,
.theme-catalog-grid .theme-preview,
.theme-catalog-grid .theme-card__poster{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-position:center center;
    object-fit:cover;
    border-radius:inherit;
    transition:transform .45s ease, filter .45s ease;
}

.theme-catalog-grid .theme-preview{
    padding:18px;
}

.theme-card__poster{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 18% 18%, rgba(110,255,155,.16) 0%, rgba(110,255,155,0) 30%),
        linear-gradient(145deg, rgba(10,17,24,.98) 0%, rgba(7,11,16,.98) 46%, rgba(8,13,18,1) 100%);
}

.theme-card__poster::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(120deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,0) 24%),
        radial-gradient(circle at 84% 18%, rgba(88,244,132,.10) 0%, rgba(88,244,132,0) 24%);
    pointer-events:none;
}

.theme-card__poster-glow{
    position:absolute;
    width:58%;
    height:58%;
    left:-6%;
    bottom:-8%;
    border-radius:50%;
    background:radial-gradient(circle, rgba(88,244,132,.22) 0%, rgba(88,244,132,.06) 32%, rgba(88,244,132,0) 72%);
    filter:blur(18px);
    opacity:.85;
}

.theme-card__poster-panel{
    position:absolute;
    left:10%;
    right:10%;
    top:12%;
    height:36%;
    border-radius:24px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.02) 100%),
        linear-gradient(180deg, rgba(12,21,28,.95) 0%, rgba(10,16,23,.98) 100%);
    border:1px solid rgba(255,255,255,.05);
    box-shadow:0 16px 30px rgba(0,0,0,.18);
}

.theme-card__poster-panel--secondary{
    left:18%;
    right:18%;
    top:auto;
    bottom:14%;
    height:22%;
    border-radius:20px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.015) 100%),
        linear-gradient(180deg, rgba(11,18,25,.94) 0%, rgba(8,13,19,.98) 100%);
}

.theme-card__poster-line{
    position:absolute;
    left:18%;
    right:28%;
    bottom:23%;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(113,255,156,.65) 0%, rgba(113,255,156,.18) 62%, rgba(113,255,156,0) 100%);
    box-shadow:0 0 18px rgba(88,244,132,.12);
}

.theme-card__poster--ajans,
.theme-card__poster--creative-agency{
    background:
        radial-gradient(circle at 20% 22%, rgba(118,255,162,.18) 0%, rgba(118,255,162,0) 30%),
        linear-gradient(145deg, #0a1219 0%, #070c12 52%, #081018 100%);
}

.theme-card__poster--saas,
.theme-card__poster--launch-system{
    background:
        radial-gradient(circle at 72% 16%, rgba(94,175,255,.18) 0%, rgba(94,175,255,0) 24%),
        radial-gradient(circle at 18% 76%, rgba(88,244,132,.12) 0%, rgba(88,244,132,0) 28%),
        linear-gradient(145deg, #0b1219 0%, #091019 48%, #071018 100%);
}

.theme-card__poster--eticaret,
.theme-card__poster--shop-elevate{
    background:
        radial-gradient(circle at 78% 18%, rgba(255,204,108,.14) 0%, rgba(255,204,108,0) 24%),
        radial-gradient(circle at 22% 80%, rgba(88,244,132,.14) 0%, rgba(88,244,132,0) 30%),
        linear-gradient(145deg, #111015 0%, #0b0e13 48%, #091018 100%);
}

.theme-card__poster--saglik,
.theme-card__poster--clinic-signature{
    background:
        radial-gradient(circle at 76% 18%, rgba(128,219,255,.18) 0%, rgba(128,219,255,0) 24%),
        radial-gradient(circle at 18% 82%, rgba(88,244,132,.12) 0%, rgba(88,244,132,0) 30%),
        linear-gradient(145deg, #0b1318 0%, #081017 50%, #091018 100%);
}

.theme-card__poster--kurumsal,
.theme-card__poster--legal-craft{
    background:
        radial-gradient(circle at 74% 18%, rgba(196,214,255,.16) 0%, rgba(196,214,255,0) 26%),
        radial-gradient(circle at 24% 76%, rgba(88,244,132,.1) 0%, rgba(88,244,132,0) 30%),
        linear-gradient(145deg, #0e1116 0%, #0a0e14 52%, #091018 100%);
}

.theme-card__poster--hizmet,
.theme-card__poster--service-pulse{
    background:
        radial-gradient(circle at 20% 20%, rgba(88,244,132,.18) 0%, rgba(88,244,132,0) 28%),
        radial-gradient(circle at 78% 72%, rgba(100,171,255,.14) 0%, rgba(100,171,255,0) 24%),
        linear-gradient(145deg, #0b1217 0%, #091018 50%, #08111a 100%);
}

.theme-catalog-grid .theme-window{
    height:100%;
}

.theme-catalog-grid .theme-body--catalog{
    display:flex;
    flex-direction:column;
    padding:22px 22px 0;
}

.theme-card__content{
    display:grid;
    gap:10px;
}

.theme-card__kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:rgba(201,214,226,.72);
    font-size:12px;
    font-weight:700;
    letter-spacing:.02em;
}

.theme-card__kicker::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:linear-gradient(180deg, rgba(110,255,155,.95) 0%, rgba(48,190,96,.95) 100%);
    box-shadow:0 0 0 5px rgba(88,244,132,.08);
}

.theme-catalog-grid .theme-card__title-link{
    display:block;
    font-size:clamp(24px, 1.9vw, 30px);
    line-height:1.08;
    letter-spacing:-.038em;
    color:#f4f7fb;
}

.theme-catalog-grid .theme-card__description{
    margin:0;
    color:rgba(207,218,229,.72);
    font-size:15px;
    line-height:1.7;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    min-height:76px;
}

.theme-card__footer{
    position:relative;
    margin-top:auto;
    min-height:112px;
    padding-top:18px;
}

.theme-card__stats{
    display:grid;
    grid-template-columns:1fr 1fr;
    border-top:1px solid rgba(255,255,255,.055);
    transition:opacity .28s ease, transform .28s ease;
}

.theme-card__price-block,
.theme-card__rating-block{
    min-height:92px;
    padding:16px 16px 18px;
    display:grid;
    align-content:center;
    gap:6px;
}

.theme-card__rating-block{
    border-left:1px solid rgba(255,255,255,.055);
}

.theme-card__rating-value{
    font-size:22px;
    line-height:1;
    letter-spacing:-.04em;
    color:#f7fbff;
}

.theme-card__stat-label{
    color:rgba(197,210,222,.58);
    font-size:10px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.theme-card__price-value{
    font-size:26px;
    line-height:1;
    letter-spacing:-.05em;
    color:#f8fbff;
}

.theme-card__stars{
    display:flex;
    align-items:center;
    gap:3px;
    font-size:18px;
    line-height:1;
}

.theme-card__stars span{
    color:rgba(255,209,90,.22);
    text-shadow:0 6px 16px rgba(0,0,0,.14);
}

.theme-card__stars span.is-active{
    color:#d7a83f;
    text-shadow:0 10px 22px rgba(215,168,63,.14);
}

.theme-card__cta{
    position:absolute;
    left:16px;
    right:16px;
    bottom:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:52px;
    padding:0 20px;
    border-radius:16px;
    color:#dff4e6;
    font-size:15px;
    font-weight:800;
    letter-spacing:.01em;
    border:1px solid rgba(110,255,155,.12);
    background:
        linear-gradient(180deg, rgba(19,29,24,.92) 0%, rgba(10,15,13,.96) 100%),
        linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
    box-shadow:inset 0 1px 0 rgba(129,255,176,.08);
    opacity:0;
    transform:translateY(10px);
    pointer-events:none;
    transition:
        opacity .28s ease,
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease;
}

@media (hover:hover) and (pointer:fine){
    .theme-catalog-grid .theme-card--catalog-grid:hover{
        transform:translateY(-3px);
        border-color:rgba(88,244,132,.12);
        box-shadow:0 26px 54px rgba(0,0,0,.18);
    }

    .theme-catalog-grid .theme-card--catalog-grid:hover .theme-card__image,
    .theme-catalog-grid .theme-card--catalog-grid:hover .theme-preview,
    .theme-catalog-grid .theme-card--catalog-grid:hover .theme-card__poster{
        transform:scale(1.018);
        filter:saturate(1.04);
    }

    .theme-catalog-grid .theme-card--catalog-grid:hover .theme-card__stats{
        opacity:.08;
        transform:translateY(8px);
    }

    .theme-catalog-grid .theme-card--catalog-grid:hover .theme-card__cta{
        opacity:1;
        transform:translateY(0);
        pointer-events:auto;
        border-color:rgba(110,255,155,.18);
        box-shadow:inset 0 1px 0 rgba(129,255,176,.09);
    }
}

@media (max-width:1180px){
    .theme-catalog-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .theme-catalog-grid .theme-card__title-link{
        font-size:clamp(22px, 3vw, 28px);
    }
}

@media (max-width:860px){
    .theme-catalog-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .theme-catalog-grid .theme-card--catalog-grid .theme-card__visual{
        margin:14px 14px 0;
        border-radius:20px;
        aspect-ratio:3 / 4;
        background:
            radial-gradient(circle at 18% 12%, rgba(88,244,132,.12) 0%, rgba(88,244,132,0) 32%),
            linear-gradient(180deg, rgba(12,18,24,.98) 0%, rgba(8,12,17,.99) 100%);
    }

    .theme-catalog-grid .theme-card__image,
    .theme-catalog-grid .theme-preview,
    .theme-catalog-grid .theme-card__poster{
        border-radius:inherit;
    }

    .theme-catalog-grid .theme-body--catalog{
        padding:20px 18px 0;
    }

    .theme-catalog-grid .theme-card__title-link{
        font-size:28px;
    }

    .theme-catalog-grid .theme-card__description{
        min-height:auto;
        font-size:15px;
    }

    .theme-card__footer{
        min-height:auto;
        padding-top:16px;
        padding-bottom:16px;
    }

    .theme-card__price-block,
    .theme-card__rating-block{
        min-height:86px;
        padding:16px 14px 18px;
    }

    .theme-card__price-value{
        font-size:24px;
    }

    .theme-card__rating-value{
        font-size:20px;
    }

    .theme-card__stars{
        font-size:16px;
    }

    .theme-card__cta{
        position:static;
        min-height:50px;
        margin-top:12px;
        border-radius:14px;
        opacity:1;
        transform:none;
        pointer-events:auto;
    }
}

.theme-catalog-section__footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-top:28px;
    padding:22px 26px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.06);
    background:linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.01));
}

.theme-catalog-section__footer strong{
    max-width:760px;
    font-size:22px;
    line-height:1.22;
    letter-spacing:-.04em;
    color:#eef3f8;
}

@media (max-width:860px){
    .theme-catalog-section__footer{
        flex-direction:column;
        align-items:stretch;
        padding:18px;
        margin-top:20px;
    }

    .theme-catalog-section__footer strong{
        font-size:18px;
    }
}

/* Logo refresh */
.brand{
    gap:0;
}

.site-header .brand{
    position:relative;
    isolation:isolate;
    display:inline-flex;
    align-items:center;
}

.site-header .brand::before{
    content:"";
    position:absolute;
    left:-16px;
    top:50%;
    width:128px;
    height:74px;
    transform:translateY(-50%);
    border-radius:999px;
    background:
        radial-gradient(circle at 22% 50%, rgba(88,244,132,.11) 0%, rgba(88,244,132,.04) 36%, rgba(88,244,132,0) 74%),
        radial-gradient(circle at 84% 44%, rgba(88,244,132,.05) 0%, rgba(88,244,132,0) 52%);
    filter:blur(14px);
    opacity:.62;
    z-index:-1;
    pointer-events:none;
}

.site-header .brand::after{
    content:"";
    position:absolute;
    left:-20px;
    top:50%;
    width:96px;
    height:58px;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(182,255,207,.22) 46%, rgba(255,255,255,0) 100%);
    transform:translate(-110%,-50%) skewX(-18deg);
    opacity:0;
    pointer-events:none;
    mix-blend-mode:screen;
    animation:brand-sheen-free 8.2s ease-in-out infinite;
}

.brand-logo{
    display:block;
    width:auto;
    height:64px;
    object-fit:contain;
    filter:drop-shadow(0 10px 24px rgba(88,244,132,.08));
}

.brand-logo--header{
    position:relative;
    z-index:1;
    height:54px;
}

.footer-shell__brand-link{
    align-items:flex-start;
}

.footer-shell__brand-stack{
    display:grid;
    gap:8px;
}

.footer-shell__brand-logo{
    height:60px;
}

.footer-shell__brand-link small{
    color:rgba(201,214,226,.62);
    font-size:12px;
    font-weight:700;
    letter-spacing:.03em;
}

.mobile-drawer__brand{
    gap:18px;
}

.mobile-drawer__brand-logo{
    display:block;
    width:auto;
    height:58px;
    object-fit:contain;
    flex:none;
    margin-top:2px;
    filter:drop-shadow(0 10px 24px rgba(88,244,132,.12));
}

.mobile-floatbar{
    position:fixed;
    left:9px;
    right:0;
    bottom:calc(env(safe-area-inset-bottom, 0px) + 12px);
    z-index:48;
    width:auto;
    max-width:none;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate3d(calc(100% + 18px), 0, 0) scale(.98);
    transform-origin:right center;
    transition:
        transform .44s cubic-bezier(.22,.82,.22,1),
        opacity .32s cubic-bezier(.22,.82,.22,1);
}

.mobile-floatbar.is-visible{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate3d(0, 0, 0) scale(1);
}

.mobile-floatbar--theme-detail{
    left:12px;
    right:12px;
    bottom:calc(env(safe-area-inset-bottom, 0px) + 12px);
    transform:translate3d(0, calc(100% + 16px), 0) scale(.98);
    transform-origin:center bottom;
}

.mobile-floatbar--theme-detail.is-visible{
    transform:translate3d(0, 0, 0) scale(1);
}

.mobile-floatbar__surface{
    position:relative;
    display:grid;
    grid-template-columns:auto minmax(112px, 124px);
    align-items:center;
    justify-content:space-between;
    gap:14px;
    min-height:74px;
    padding:10px 12px;
    border-radius:28px 0 0 28px;
    border:1px solid rgba(255,255,255,.10);
    border-right:0;
    overflow:hidden;
    background:
        radial-gradient(circle at 14% 18%, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 24%),
        radial-gradient(circle at 82% 84%, rgba(88,244,132,.075) 0%, rgba(88,244,132,0) 38%),
        linear-gradient(180deg, rgba(18,19,22,.96) 0%, rgba(9,10,12,.985) 100%);
    box-shadow:
        0 10px 22px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.075),
        inset 0 -1px 0 rgba(0,0,0,.22),
        0 0 0 1px rgba(255,255,255,.025),
        0 0 18px rgba(88,244,132,.035);
    backdrop-filter:blur(14px) saturate(132%);
    -webkit-backdrop-filter:blur(14px) saturate(132%);
}

.mobile-floatbar--theme-detail .mobile-floatbar__surface{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:10px;
    min-height:0;
    padding:10px;
    border-radius:24px;
    border-right:1px solid rgba(255,255,255,.10);
}

.mobile-floatbar__cta{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:54px;
    padding:0 14px;
    border-radius:16px;
    font-size:15px;
    font-weight:800;
    letter-spacing:-.02em;
    text-align:center;
    text-decoration:none;
    transition:
        transform .24s cubic-bezier(.22,.74,.18,1),
        border-color .24s cubic-bezier(.22,.74,.18,1),
        background .24s cubic-bezier(.22,.74,.18,1),
        box-shadow .24s cubic-bezier(.22,.74,.18,1);
}

.mobile-floatbar__cta--secondary{
    color:#eef4f8;
    border:1px solid rgba(255,255,255,.10);
    background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
}

.mobile-floatbar__cta--primary{
    color:#08110c;
    border:1px solid rgba(88,244,132,.18);
    background:linear-gradient(180deg,#58f18a 0%,#2dd465 100%);
    box-shadow:0 14px 28px rgba(88,244,132,.18);
}

.mobile-floatbar__cta:hover{
    transform:translateY(-1px);
}

.software-city-page{
    padding-top:18px;
}
.software-city-page__grid{
    display:grid;
    grid-template-columns:minmax(0,1.55fr) minmax(320px,.72fr);
    gap:28px;
    align-items:start;
}
.software-city-page__main{
    min-width:0;
}
.software-city-page__hero,
.software-city-section,
.software-city-cta,
.software-city-rating,
.software-city-faq{
    position:relative;
    border-radius:30px;
    border:1px solid rgba(255,255,255,.075);
    background:
        linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.012)),
        radial-gradient(circle at 18% 12%,rgba(88,244,132,.055),transparent 32%),
        #090d0b;
    box-shadow:
        0 22px 48px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.05);
    overflow:hidden;
}
.software-city-page__hero::before,
.software-city-section::before,
.software-city-cta::before,
.software-city-rating::before,
.software-city-faq::before,
.software-city-page__card::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 24%);
    opacity:.82;
}
.software-city-page__hero{
    padding:34px 34px 30px;
}
.software-city-page__eyebrow,
.software-city-rating__eyebrow,
.software-city-faq__eyebrow,
.software-city-page__card-label,
.html-sitemap-page__eyebrow{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:0 14px;
    border-radius:999px;
    background:rgba(255,255,255,.038);
    border:1px solid rgba(255,255,255,.07);
    color:#dce7ef;
    font-size:11px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.software-city-page__hero h1{
    margin:18px 0 0;
    color:#f4f7f9;
    font-size:clamp(34px,4.4vw,62px);
    line-height:1.02;
    letter-spacing:-.055em;
}
.software-city-page__intro{
    margin-top:18px;
    display:grid;
    gap:14px;
    color:#a7b7c7;
    font-size:17px;
    line-height:1.82;
}
.software-city-page__intro p{
    margin:0;
}
.software-city-page__hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:24px;
}
.software-city-page__hero-actions .btn{
    min-height:56px;
}
.software-city-cluster{
    display:grid;
    gap:18px;
    margin-top:18px;
}
.software-city-cluster__block{
    position:relative;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.07);
    background:
        linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012)),
        radial-gradient(circle at 18% 12%,rgba(88,244,132,.038),transparent 34%),
        #090d0b;
    box-shadow:
        0 18px 38px rgba(0,0,0,.15),
        inset 0 1px 0 rgba(255,255,255,.04);
    padding:24px 26px;
    overflow:hidden;
}
.software-city-cluster__block::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(180deg,rgba(255,255,255,.055),transparent 24%);
    pointer-events:none;
}
.software-city-cluster__eyebrow{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:0 14px;
    border-radius:999px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.075);
    color:#dce7ef;
    font-size:11px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.software-city-cluster__trust{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:16px;
}
.software-city-cluster__trust-card{
    padding:18px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.06);
    background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.01));
}
.software-city-cluster__trust-card h3{
    margin:0 0 10px;
    color:#f4f7f9;
    font-size:19px;
    line-height:1.18;
    letter-spacing:-.03em;
}
.software-city-cluster__trust-card p{
    margin:0;
    color:#a8b9c9;
    font-size:14px;
    line-height:1.74;
}
.software-city-cluster__links{
    display:grid;
    gap:12px;
    margin-top:16px;
}
.software-city-cluster__link{
    display:grid;
    gap:6px;
    padding:18px 20px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.065);
    background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.01));
    text-decoration:none;
    transition:
        transform .28s cubic-bezier(.22,.74,.18,1),
        border-color .28s cubic-bezier(.22,.74,.18,1),
        background .28s cubic-bezier(.22,.74,.18,1);
}
.software-city-cluster__link strong{
    color:#f4f7f9;
    font-size:17px;
    line-height:1.3;
    letter-spacing:-.02em;
}
.software-city-cluster__link span{
    color:#9bb0c2;
    font-size:14px;
    line-height:1.6;
}
.software-city-cluster__link:hover{
    transform:translateY(-2px);
    border-color:rgba(125,242,148,.18);
    background:linear-gradient(180deg,rgba(255,255,255,.036),rgba(255,255,255,.014));
}
.software-city-page__sections{
    display:grid;
    gap:18px;
    margin-top:18px;
}
.software-city-section{
    padding:28px 30px 26px;
}
.software-city-section h2{
    margin:0 0 16px;
    color:#f4f7f9;
    font-size:clamp(26px,2.4vw,38px);
    line-height:1.08;
    letter-spacing:-.04em;
}
.software-city-section__copy{
    display:grid;
    gap:14px;
    color:#a8b9c9;
    font-size:16px;
    line-height:1.82;
}
.software-city-section__copy p{
    margin:0;
}
.software-city-section__list{
    list-style:none;
    margin:18px 0 0;
    padding:0;
    display:grid;
    gap:12px;
}
.software-city-section__list li{
    position:relative;
    padding:16px 18px 16px 44px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.06);
    background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012));
    color:#edf2f6;
    font-size:16px;
    line-height:1.6;
}
.software-city-section__list li::before{
    content:"";
    position:absolute;
    left:18px;
    top:50%;
    width:14px;
    height:2px;
    border-radius:999px;
    transform:translateY(-50%);
    background:linear-gradient(90deg,rgba(236,242,247,.78),rgba(145,162,154,.48));
    box-shadow:none;
}
.software-city-cta{
    margin-top:18px;
    padding:28px 30px 30px;
    display:grid;
    gap:14px;
}
.software-city-cta__note{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    align-self:flex-start;
    min-height:34px;
    padding:0 16px;
    border-radius:999px;
    background:rgba(255,255,255,.038);
    border:1px solid rgba(255,255,255,.07);
    color:#ecf2f7;
    font-size:12px;
    font-weight:700;
    letter-spacing:.02em;
}
.software-city-cta h2{
    margin:0;
    color:#f4f7f9;
    font-size:clamp(28px,3vw,40px);
    line-height:1.08;
    letter-spacing:-.045em;
}
.software-city-cta p{
    margin:0;
    max-width:820px;
    color:#a6b7c7;
    font-size:16px;
    line-height:1.8;
}
.software-city-cta .btn{
    justify-self:start;
    min-height:56px;
}
.software-city-rating,
.software-city-faq{
    margin-top:18px;
    padding:28px 30px 30px;
}
.software-city-rating__head,
.software-city-faq__head{
    display:grid;
    gap:14px;
}
.software-city-rating__head h2,
.software-city-faq__head h2{
    margin:0;
    color:#f4f7f9;
    font-size:clamp(28px,3vw,42px);
    line-height:1.08;
    letter-spacing:-.045em;
}
.software-city-rating__head p{
    margin:0;
    color:#a6b7c7;
    font-size:16px;
    line-height:1.76;
}
.software-city-rating__summary{
    display:grid;
    gap:14px;
    margin-top:20px;
    padding:20px 22px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.06);
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012));
}
.software-city-rating__stars{
    display:flex;
    gap:8px;
    font-size:28px;
    line-height:1;
}
.software-city-rating__stars span{
    color:rgba(215,168,63,.22);
    text-shadow:0 6px 16px rgba(0,0,0,.14);
}
.software-city-rating__stars span.is-active{
    color:#d7a83f;
    text-shadow:0 10px 22px rgba(215,168,63,.14);
}
.software-city-rating__stats{
    display:grid;
    gap:6px;
}
.software-city-rating__stats strong{
    color:#f4f7f9;
    font-size:18px;
}
.software-city-rating__stats span{
    color:#a6b7c7;
    font-size:14px;
}
.software-city-rating__form{
    margin-top:18px;
}
.front-rating-state{
    display:grid;
    gap:6px;
    margin-bottom:14px;
    padding:14px 16px;
    border-radius:18px;
    border:1px solid rgba(88,244,132,.14);
    background:linear-gradient(180deg,rgba(88,244,132,.10),rgba(255,255,255,.02));
}
.front-rating-state strong{
    color:#f4f7f9;
    font-size:14px;
    letter-spacing:-.02em;
}
.front-rating-state span{
    color:#a6b7c7;
    font-size:13px;
    line-height:1.65;
}
.software-city-rating__vote-row{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
}
.software-city-rating__vote{
    min-height:56px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012));
    color:#d6a740;
    font-size:26px;
    line-height:1;
    cursor:pointer;
    transition:
        transform .26s cubic-bezier(.22,.74,.18,1),
        border-color .26s cubic-bezier(.22,.74,.18,1),
        background .26s cubic-bezier(.22,.74,.18,1),
        box-shadow .26s cubic-bezier(.22,.74,.18,1);
}
.software-city-rating__vote:hover{
    transform:translateY(-2px);
    border-color:rgba(214,167,64,.24);
    background:linear-gradient(180deg,rgba(214,167,64,.12),rgba(255,255,255,.018));
    box-shadow:0 16px 28px rgba(0,0,0,.16);
}
.software-city-rating__vote:disabled,
.theme-product-rating__vote:disabled{
    cursor:not-allowed;
    transform:none;
    color:rgba(214,167,64,.40);
    border-color:rgba(255,255,255,.05);
    background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.008));
    box-shadow:none;
    opacity:.72;
}
.software-city-faq__list{
    display:grid;
    gap:16px;
    margin-top:20px;
}
.software-city-faq__item{
    padding:20px 22px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.06);
    background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012));
}
.software-city-faq__item h3{
    margin:0 0 12px;
    color:#f4f7f9;
    font-size:22px;
    line-height:1.26;
    letter-spacing:-.03em;
}
.software-city-faq__item p{
    margin:0;
    color:#a6b7c7;
    font-size:15px;
    line-height:1.78;
}
.software-city-page__rail{
    position:sticky;
    top:12px;
    align-self:start;
}
.software-city-page__sticky{
    display:grid;
    gap:16px;
}
.software-city-page__card{
    position:relative;
    border-radius:30px;
    border:1px solid rgba(255,255,255,.075);
    background:
        linear-gradient(180deg, rgba(255,255,255,.034), rgba(255,255,255,.014)),
        radial-gradient(circle at 18% 14%, rgba(88,244,132,.07), transparent 34%),
        #090d0b;
    box-shadow:
        0 22px 52px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.05);
    overflow:hidden;
    padding:24px;
}
.software-city-page__card-media{
    margin:0 0 18px;
    overflow:hidden;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.075);
    background:#08100b;
}
.software-city-page__card-media picture,
.software-city-page__card-media img{
    display:block;
    width:100%;
}
.software-city-page__card-media img{
    min-height:280px;
    object-fit:cover;
    object-position:center top;
}
.software-city-page__rail-actions{
    display:grid;
    gap:12px;
    margin-top:2px;
}
.software-city-page__rail-actions .btn{
    width:100%;
    justify-content:center;
    min-height:58px;
    border-radius:20px;
}
.html-sitemap-page__hero{
    display:grid;
    gap:16px;
    margin-bottom:22px;
}
.html-sitemap-page__hero h1{
    margin:0;
    color:#f4f7f9;
    font-size:clamp(34px,4vw,56px);
    line-height:1.02;
    letter-spacing:-.055em;
}
.html-sitemap-page__hero p{
    margin:0;
    max-width:760px;
    color:#a7b7c7;
    font-size:17px;
    line-height:1.82;
}
.html-sitemap-page__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}
.html-sitemap-page__card{
    position:relative;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.075);
    background:
        linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.012)),
        radial-gradient(circle at 18% 12%,rgba(88,244,132,.055),transparent 32%),
        #090d0b;
    box-shadow:
        0 22px 48px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.05);
    padding:24px 26px;
}
.html-sitemap-page__card h2{
    margin:0 0 16px;
    color:#f4f7f9;
    font-size:26px;
    line-height:1.12;
    letter-spacing:-.04em;
}
.html-sitemap-page__card ul{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    gap:10px;
}
.html-sitemap-page__card a{
    color:#dfe8f0;
    text-decoration:none;
    transition:color .28s cubic-bezier(.22,.74,.18,1), transform .28s cubic-bezier(.22,.74,.18,1);
}
.html-sitemap-page__card a:hover{
    color:#7df294;
    transform:translateX(2px);
}

@media (max-width:1180px){
    .software-city-page__grid{
        grid-template-columns:1fr;
    }
    .software-city-page__rail{
        position:relative;
        top:auto;
    }
}
@media (max-width:860px){
    .software-city-page{
        padding-top:10px;
    }
    .software-city-page__grid{
        gap:18px;
    }
    .software-city-page__hero,
    .software-city-cluster__block,
    .software-city-section,
    .software-city-cta,
    .software-city-rating,
    .software-city-faq,
    .software-city-page__card{
        padding:20px 18px;
        border-radius:24px;
    }
    .software-city-section__list li,
    .software-city-faq__item,
    .software-city-rating__summary{
        border-radius:18px;
        padding:16px;
    }
    .software-city-page__card-media{
        border-radius:18px;
        margin-bottom:16px;
    }
    .software-city-page__card-media img{
        min-height:220px;
    }
    .software-city-cluster__trust{
        grid-template-columns:1fr;
    }
    .software-city-page__hero-actions{
        display:grid;
        grid-template-columns:1fr;
    }
    .software-city-page__hero-actions .btn,
    .software-city-page__rail-actions .btn,
    .software-city-cta .btn{
        width:100%;
        justify-content:center;
    }
    .software-city-rating__vote-row{
        gap:8px;
    }
    .software-city-rating__vote{
        min-height:50px;
        border-radius:16px;
        font-size:22px;
    }
    .html-sitemap-page__grid{
        grid-template-columns:1fr;
    }
}

.mobile-floatbar__surface::before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:1px;
    background:linear-gradient(90deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.06) 38%, rgba(88,244,132,.12) 82%, rgba(88,244,132,0) 100%);
    pointer-events:none;
}

.mobile-floatbar__surface::after{
    content:"";
    position:absolute;
    left:28px;
    top:50%;
    width:96px;
    height:56px;
    border-radius:999px;
    transform:translateY(-50%);
    background:radial-gradient(circle, rgba(88,244,132,.095) 0%, rgba(88,244,132,0) 74%);
    opacity:.68;
    pointer-events:none;
}

.mobile-floatbar__brand{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:auto;
    padding:0 2px 0 0;
    border-radius:0;
    background:none;
    border:0;
    box-shadow:none;
}

.mobile-floatbar__brand-logo{
    width:auto;
    height:44px;
    object-fit:contain;
    filter:drop-shadow(0 12px 22px rgba(88,244,132,.2));
}

.mobile-floatbar__actions{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:10px;
    align-self:stretch;
    min-width:124px;
}

.mobile-floatbar__panel,
.mobile-floatbar__menu{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:0;
    align-self:stretch;
    margin:0;
    padding:0;
    border-radius:14px;
    border:0;
    cursor:pointer;
    background:
        radial-gradient(circle at 18% 16%, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 34%),
        linear-gradient(180deg, rgba(24,26,30,.96) 0%, rgba(12,13,16,.98) 100%);
    border:1px solid rgba(255,255,255,.06);
    overflow:hidden;
    box-shadow:
        inset 1px 0 0 rgba(255,255,255,.03),
        inset 0 1px 0 rgba(255,255,255,.04),
        0 5px 12px rgba(0,0,0,.09);
}

.mobile-floatbar__panel{
    color:#effff3;
    text-decoration:none;
    background:
        radial-gradient(circle at 18% 16%, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 34%),
        linear-gradient(180deg, rgba(46,112,67,.96) 0%, rgba(17,46,27,.98) 100%);
    border:1px solid rgba(126,245,170,.16);
    box-shadow:
        inset 1px 0 0 rgba(255,255,255,.04),
        inset 0 1px 0 rgba(255,255,255,.06),
        0 8px 18px rgba(11,42,22,.22),
        0 0 0 1px rgba(126,245,170,.04);
}

.mobile-floatbar__panel::before,
.mobile-floatbar__menu::before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:1px;
    background:linear-gradient(90deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%);
    pointer-events:none;
}

.mobile-floatbar__panel-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
}

.mobile-floatbar__panel-icon svg{
    display:block;
    width:24px;
    height:24px;
    color:#effff4;
    filter:drop-shadow(0 6px 12px rgba(12,30,18,.16));
}

.mobile-floatbar__menu-bars{
    position:relative;
    display:grid;
    gap:5px;
    transition:opacity .24s ease, transform .24s ease;
}

.mobile-floatbar__menu-bars i{
    display:block;
    width:22px;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(236,247,241,.96) 0%, rgba(160,255,194,.62) 100%);
    box-shadow:none;
}

.mobile-floatbar__menu-bars i:nth-child(2){
    width:16px;
    margin-left:6px;
}

.mobile-floatbar__menu-bars i:nth-child(3){
    width:20px;
    margin-left:2px;
}

.mobile-floatbar__scrollup{
    position:absolute;
    inset:50% auto auto 50%;
    width:24px;
    height:24px;
    transform:translate(-50%, -50%);
    opacity:0;
    transition:opacity .24s ease, transform .24s ease;
    pointer-events:none;
}

.mobile-floatbar__scrollup i{
    position:absolute;
    display:block;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(236,247,241,.96) 0%, rgba(160,255,194,.72) 100%);
}

.mobile-floatbar__scrollup i:nth-child(1){
    left:11px;
    top:5px;
    width:2px;
    height:14px;
}

.mobile-floatbar__scrollup i:nth-child(2),
.mobile-floatbar__scrollup i:nth-child(3){
    top:5px;
    width:2px;
    height:10px;
    transform-origin:top center;
}

.mobile-floatbar__scrollup i:nth-child(2){
    left:8px;
    transform:rotate(46deg);
}

.mobile-floatbar__scrollup i:nth-child(3){
    left:14px;
    transform:rotate(-46deg);
}

.mobile-floatbar.is-upward .mobile-floatbar__menu-bars{
    opacity:0;
    transform:translateY(4px) scale(.92);
}

.mobile-floatbar.is-upward .mobile-floatbar__scrollup{
    opacity:1;
    transform:translate(-50%, -50%) scale(1);
}

body.mobile-menu-open .mobile-floatbar{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translate3d(calc(100% + 18px), 0, 0) scale(.98) !important;
    z-index:0 !important;
}

@media (max-width:860px){
    .site-header .brand{
        margin-left:-6px;
    }

    .site-header .brand-logo--header{
        height:62px;
    }

    .footer-shell__brand-logo{
        height:50px;
    }

    body{
        padding-bottom:96px;
    }

    .mobile-floatbar__surface{
        grid-template-columns:auto minmax(122px, 132px);
        gap:12px;
    }

    .mobile-floatbar--theme-detail .mobile-floatbar__surface{
        grid-template-columns:repeat(2, minmax(0,1fr));
        gap:10px;
    }

    .mobile-floatbar__brand-logo{
        height:40px;
    }

    .mobile-floatbar__actions{
        min-width:122px;
        gap:8px;
    }

    .mobile-floatbar__panel,
    .mobile-floatbar__menu{
        min-height:0;
        margin:0;
        padding:0;
    }

    .mobile-floatbar__cta{
        min-height:52px;
        padding:0 12px;
        border-radius:14px;
        font-size:14px;
    }
}

@media (min-width:861px){
    .mobile-floatbar{
        display:none;
    }
}

@keyframes brand-sheen{
    0%, 74%, 100%{
        transform:skewX(-18deg) translateX(0);
        opacity:0;
    }
    78%{
        opacity:.08;
    }
    86%{
        transform:skewX(-18deg) translateX(420%);
        opacity:.22;
    }
    92%{
        opacity:0;
    }
}

@keyframes brand-sheen-free{
    0%, 74%, 100%{
        transform:translate(-110%,-50%) skewX(-18deg);
        opacity:0;
    }
    78%{
        opacity:.07;
    }
    86%{
        transform:translate(120%,-50%) skewX(-18deg);
        opacity:.18;
    }
    92%{
        opacity:0;
    }
}

@media (prefers-reduced-motion: reduce){
    .site-header .brand::after{
        animation:none;
        opacity:0;
    }
}

/* References showcase refactor */
.references-showcase{
    display:grid;
    grid-template-columns:minmax(290px, .9fr) minmax(0, 1.5fr);
    gap:24px;
    align-items:stretch;
}

.references-showcase__intro{
    min-width:0;
}

.references-showcase__reserved{
    position:relative;
    min-height:100%;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:24px;
    padding:38px 36px 34px;
    border-radius:32px;
    overflow:hidden;
    border:1px solid rgba(88,244,132,.14);
    background:
        radial-gradient(circle at 86% 12%, rgba(88,244,132,.16) 0%, rgba(88,244,132,.05) 24%, rgba(88,244,132,0) 56%),
        radial-gradient(circle at 8% 86%, rgba(88,244,132,.08) 0%, rgba(88,244,132,0) 32%),
        linear-gradient(135deg, rgba(88,244,132,.04) 0%, rgba(88,244,132,0) 36%),
        linear-gradient(180deg, rgba(9,14,18,.98) 0%, rgba(7,10,14,.98) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 28px 68px rgba(0,0,0,.24);
}

.references-showcase__reserved::after{
    content:"";
    position:absolute;
    inset:auto -48px -52px auto;
    width:178px;
    height:178px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(88,244,132,.18) 0%, rgba(88,244,132,0) 72%);
    opacity:.34;
    pointer-events:none;
}

.references-showcase__reserved::before{
    content:"";
    position:absolute;
    inset:18px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.035);
    pointer-events:none;
}

.references-showcase__reserved > *{
    position:relative;
    z-index:1;
}

.references-showcase__reserved-icon{
    position:absolute;
    top:50%;
    right:20px;
    transform:translateY(-50%);
    width:24px;
    height:auto;
    display:block;
    pointer-events:none;
    opacity:.56;
    z-index:0;
    filter:drop-shadow(0 6px 12px rgba(0,0,0,.10));
}

.references-showcase__reserved small{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#d6e3dc;
    font-size:11px;
    font-weight:700;
    letter-spacing:.22em;
    text-transform:uppercase;
}

.references-showcase__reserved small::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#58f484;
    box-shadow:0 0 16px rgba(88,244,132,.35);
}

.references-showcase__reserved strong{
    font-size:clamp(38px, 4.2vw, 60px);
    line-height:.9;
    letter-spacing:-.07em;
    max-width:10ch;
    text-wrap:balance;
}

.references-showcase__reserved strong span{
    color:#dfffe9;
    text-shadow:
        0 0 18px rgba(88,244,132,.18),
        0 0 36px rgba(88,244,132,.08);
}

.references-showcase__reserved p{
    margin:0;
    color:#bfd2c7;
    line-height:1.92;
    max-width:33ch;
    font-size:15px;
}

.references-showcase__rail{
    position:relative;
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:18px;
    padding:18px 18px 16px;
    border-radius:32px;
    border:1px solid rgba(255,255,255,.07);
    background:
        linear-gradient(180deg, rgba(15,20,24,.92) 0%, rgba(10,14,18,.96) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 26px 60px rgba(0,0,0,.18);
}

.references-showcase__rail::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:
        radial-gradient(circle at 76% 18%, rgba(88,244,132,.08) 0%, rgba(88,244,132,.02) 24%, rgba(88,244,132,0) 54%);
    pointer-events:none;
}

.references-showcase__viewport{
    position:relative;
    overflow:hidden;
    min-width:0;
    border-radius:26px;
    touch-action:pan-y;
    cursor:grab;
}

.references-showcase__viewport.is-dragging{
    cursor:grabbing;
}

.references-showcase__track{
    display:flex;
    gap:16px;
    will-change:transform;
    transform:translate3d(0,0,0);
}

.reference-slider-card{
    flex:0 0 calc((100% - 32px) / 3);
    min-width:0;
}

.reference-slider-card__media{
    position:relative;
    aspect-ratio:4 / 5.15;
    overflow:hidden;
    border-radius:28px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)),
        linear-gradient(180deg, #0d1418 0%, #0b1217 100%);
    border:1px solid rgba(255,255,255,.06);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 20px 38px rgba(0,0,0,.18);
}

.reference-slider-card__media::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg, rgba(6,8,10,.02) 0%, rgba(6,8,10,.12) 42%, rgba(6,8,10,.8) 100%);
    pointer-events:none;
}

.reference-slider-card__image,
.reference-slider-card__scene{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.reference-slider-card__scene{
    background:
        radial-gradient(circle at 18% 20%, rgba(88,244,132,.12) 0%, rgba(88,244,132,0) 28%),
        radial-gradient(circle at 82% 76%, rgba(88,244,132,.09) 0%, rgba(88,244,132,0) 26%),
        linear-gradient(180deg, #0f1518 0%, #0b1014 100%);
}

.reference-slider-card__overlay{
    position:absolute;
    left:18px;
    right:18px;
    bottom:18px;
    z-index:1;
}

.reference-slider-card__notice{
    max-width:24ch;
    display:grid;
    gap:0;
    padding:13px 15px 14px;
    border-radius:18px;
    background:rgba(8,12,14,.48);
    border:1px solid rgba(255,255,255,.11);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    backdrop-filter:blur(10px);
}

.reference-slider-card__notice strong{
    margin:0;
    color:#f4f7fa;
    font-size:13px;
    font-weight:600;
    line-height:1.5;
    letter-spacing:-.02em;
}

.references-showcase__controls{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
}

.references-showcase__arrow{
    width:44px;
    height:44px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.1);
    background:rgba(255,255,255,.03);
    color:#edf4f7;
    font-size:24px;
    line-height:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:background .25s ease,border-color .25s ease,transform .25s ease,opacity .25s ease;
}

.references-showcase__arrow:hover{
    transform:translateY(-1px);
    border-color:rgba(88,244,132,.18);
    background:rgba(255,255,255,.06);
}

.references-showcase__arrow:disabled{
    opacity:.42;
    transform:none;
}

.references-showcase__dots{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-width:88px;
}

.references-showcase__dot{
    width:9px;
    height:9px;
    border-radius:999px;
    border:none;
    background:rgba(255,255,255,.18);
    transition:width .28s ease, background .28s ease, opacity .28s ease;
    opacity:.82;
}

.references-showcase__dot.is-active{
    width:34px;
    background:#58f484;
    opacity:1;
}

.references-showcase.is-static .references-showcase__controls{
    display:none;
}

.references-showcase__footer{
    width:min(var(--container), calc(100% - 32px));
    margin:22px auto 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:22px 26px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.06);
    background:linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.01));
}

.references-showcase__footer strong{
    max-width:760px;
    font-size:22px;
    line-height:1.22;
    letter-spacing:-.04em;
    color:#eef3f8;
}

@media (max-width:1120px){
    .references-showcase{
        grid-template-columns:1fr;
    }

    .reference-slider-card{
        flex-basis:calc((100% - 16px) / 2);
    }
}

@media (max-width:860px){
    .references-showcase{
        gap:16px;
    }

    .references-showcase__reserved{
        padding:26px 22px 24px;
        border-radius:28px;
    }

    .references-showcase__reserved-icon{
        top:50%;
        right:18px;
        transform:translateY(-50%);
        width:18px;
        height:auto;
        display:block;
        opacity:.48;
    }

    .references-showcase__reserved strong{
        font-size:34px;
        max-width:none;
    }

    .references-showcase__rail{
        padding:12px 12px 14px;
        border-radius:28px;
    }

    .references-showcase__viewport{
        border-radius:22px;
    }

    .reference-slider-card{
        flex-basis:100%;
    }

    .reference-slider-card__media{
        aspect-ratio:4 / 5.35;
        border-radius:24px;
    }

    .reference-slider-card__overlay{
        left:16px;
        right:16px;
        bottom:16px;
    }

    .reference-slider-card__notice{
        max-width:23ch;
        padding:12px 14px 13px;
        border-radius:16px;
    }

    .reference-slider-card__notice strong{
        font-size:12px;
        line-height:1.45;
    }

    .references-showcase__controls{
        gap:10px;
    }

    .references-showcase__arrow{
        width:40px;
        height:40px;
    }

    .references-showcase__footer{
        width:min(var(--container), calc(100% - 16px));
        margin-top:18px;
        flex-direction:column;
        align-items:stretch;
        padding:18px;
    }
}

/* FAQ premium polish */
.faq-stage{
    grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);
    gap:26px;
    align-items:start;
}

.faq-stage__intro{
    position:relative;
    overflow:hidden;
    gap:18px;
    padding:34px 34px 30px;
    border-radius:32px;
    border:1px solid rgba(255,255,255,.07);
    background:
        radial-gradient(circle at 84% 14%, rgba(88,244,132,.1) 0%, rgba(88,244,132,.03) 22%, rgba(88,244,132,0) 54%),
        linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.012));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 28px 64px rgba(0,0,0,.18);
}

.faq-stage__intro::after{
    content:"";
    position:absolute;
    inset:18px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.035);
    pointer-events:none;
}

.faq-stage__intro > *{
    position:relative;
    z-index:1;
}

.faq-stage__intro h2{
    margin:2px 0 0;
    font-size:clamp(36px,4.2vw,56px);
    line-height:.96;
    letter-spacing:-.06em;
    text-wrap:balance;
}

.faq-stage__intro p{
    color:#adbdcc;
    line-height:1.84;
    font-size:16px;
    max-width:34ch;
}

.faq-stage__chips{
    gap:10px;
}

.faq-stage__chips span{
    min-height:40px;
    padding:0 15px;
    border-radius:999px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.08);
    color:#edf3f7;
    font-size:12px;
    font-weight:700;
    letter-spacing:.01em;
}

.faq-stage__intro .btn{
    margin-top:4px;
    width:fit-content;
}

.faq-stage__list{
    display:grid;
    gap:16px;
}

.faq-item{
    position:relative;
    overflow:hidden;
    padding:0;
    border-radius:26px;
    border:1px solid rgba(255,255,255,.075);
    background:
        linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.012));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 24px 54px rgba(0,0,0,.15);
    transition:border-color .28s ease, transform .28s ease, box-shadow .28s ease, background .28s ease;
}

.faq-item[open]{
    border-color:rgba(88,244,132,.14);
    background:
        radial-gradient(circle at 86% 16%, rgba(88,244,132,.08) 0%, rgba(88,244,132,.02) 22%, rgba(88,244,132,0) 52%),
        linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.014));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 28px 62px rgba(0,0,0,.17);
}

.faq-item summary{
    position:relative;
    min-height:unset;
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:16px;
    padding:24px 24px 24px 24px;
    cursor:pointer;
    list-style:none;
}

.faq-item summary::-webkit-details-marker{
    display:none;
}

.faq-item summary::after{
    content:"+";
    width:36px;
    height:36px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.035);
    color:#eff4f8;
    font-size:19px;
    font-weight:500;
    transition:transform .25s ease, border-color .25s ease, background .25s ease, color .25s ease;
}

.faq-item[open] summary::after{
    content:"−";
    transform:rotate(180deg);
    border-color:rgba(88,244,132,.16);
    background:rgba(88,244,132,.08);
    color:#bff9cf;
}

.faq-item__index{
    min-width:42px;
    min-height:42px;
    border-radius:15px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    color:#e8eef5;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
}

.faq-item summary > span:last-child{
    color:#f3f7fa;
    font-size:20px;
    font-weight:700;
    line-height:1.32;
    letter-spacing:-.03em;
}

.faq-item p{
    margin:0;
    padding:0 24px 24px 82px;
    color:#b6c3cf;
    font-size:15px;
    line-height:1.82;
}

@media (max-width:1180px){
    .faq-stage{
        grid-template-columns:1fr;
    }

    .faq-stage__intro p{
        max-width:none;
    }
}

@media (max-width:860px){
    .faq-stage{
        gap:18px;
    }

    .faq-stage__intro{
        padding:26px 22px 22px;
        border-radius:28px;
    }

    .faq-stage__intro h2{
        font-size:clamp(30px, 9vw, 40px);
    }

    .faq-stage__intro p{
        font-size:15px;
        line-height:1.74;
    }

    .faq-stage__intro .btn{
        width:100%;
    }

    .faq-item{
        border-radius:22px;
    }

    .faq-item summary{
        grid-template-columns:auto 1fr;
        padding:20px 18px 18px;
    }

    .faq-item summary::after{
        grid-column:2;
        justify-self:end;
        margin-top:-36px;
        width:32px;
        height:32px;
        font-size:18px;
    }

    .faq-item__index{
        min-width:38px;
        min-height:38px;
    }

    .faq-item summary > span:last-child{
        font-size:18px;
        line-height:1.34;
        padding-right:42px;
    }

    .faq-item p{
        padding:0 18px 20px 18px;
        font-size:14px;
        line-height:1.72;
    }
}

/* FAQ intro refinement */
.faq-stage{
    gap:30px;
}

.faq-stage__questions{
    order:2;
    display:grid;
    gap:16px;
    align-content:start;
}

.faq-stage__questions-bar{
    display:flex;
    align-items:center;
    gap:14px;
    align-self:flex-start;
    min-width:min(100%, 360px);
    margin-bottom:2px;
}

.faq-stage__questions-pill{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:38px;
    padding:0 16px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.028);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
    color:#dce5ef;
    font-size:12px;
    font-weight:700;
    letter-spacing:.12px;
}

.faq-stage__questions-pill::before{
    content:"";
    width:10px;
    height:10px;
    border-radius:50%;
    background:#58f484;
    box-shadow:0 0 16px rgba(88,244,132,.18);
}

.faq-stage__questions-line{
    flex:1;
    height:1px;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(88,244,132,.22), rgba(88,244,132,0));
}

.faq-stage__intro{
    order:1;
    gap:22px;
    padding:42px 40px 36px;
    border-radius:34px;
    border-color:rgba(255,255,255,.06);
    background:
        radial-gradient(circle at 86% 14%, rgba(88,244,132,.12) 0%, rgba(88,244,132,.028) 24%, rgba(88,244,132,0) 58%),
        radial-gradient(circle at 8% 82%, rgba(88,244,132,.07) 0%, rgba(88,244,132,0) 30%),
        linear-gradient(145deg, rgba(8,12,16,.98) 0%, rgba(5,8,12,.98) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 30px 70px rgba(0,0,0,.2);
}

.faq-stage__intro::after{
    inset:18px;
    border-radius:26px;
    border-color:rgba(255,255,255,.03);
}

.faq-stage__eyebrow-row{
    display:flex;
    align-items:center;
    gap:14px;
    align-self:flex-start;
    min-width:min(100%, 360px);
}

.faq-stage__eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:38px;
    padding:0 16px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
    color:#dce5ef;
    font-size:12px;
    font-weight:700;
    letter-spacing:.12px;
}

.faq-stage__eyebrow::before{
    content:"";
    width:10px;
    height:10px;
    border-radius:50%;
    background:#58f484;
    box-shadow:0 0 16px rgba(88,244,132,.18);
}

.faq-stage__line{
    flex:1;
    height:1px;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(88,244,132,.22), rgba(88,244,132,0));
}

.faq-stage__intro h2{
    margin:0;
    max-width:12ch;
    font-size:clamp(40px,4.8vw,60px);
    line-height:.9;
    letter-spacing:-.07em;
    text-wrap:balance;
}

.faq-stage__headline-accent{
    display:inline-block;
    position:relative;
    margin-bottom:.1em;
    color:transparent;
    font-weight:900;
    background:linear-gradient(90deg, #ffffff 0%, #b8ffd0 42%, #f3fff8 100%);
    -webkit-background-clip:text;
    background-clip:text;
    filter:drop-shadow(0 10px 26px rgba(88,244,132,.12));
}

.faq-stage__headline-accent::after{
    content:"";
    position:absolute;
    left:.08em;
    bottom:-.05em;
    width:70%;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(88,244,132,.78), rgba(88,244,132,.12) 58%, rgba(88,244,132,0));
}

.faq-stage__intro h2 span{
    display:block;
    color:#f4f8fb;
}

.faq-stage__intro p{
    max-width:33ch;
    color:#afbec9;
    font-size:16px;
    line-height:1.9;
}

.faq-stage__chips{
    display:grid;
    gap:12px;
}

.faq-stage__chips span{
    min-height:auto;
    padding:0 0 0 18px;
    border:none;
    border-radius:0;
    background:transparent;
    color:#dfe8ef;
    font-size:14px;
    font-weight:600;
    line-height:1.6;
    position:relative;
}

.faq-stage__chips span::before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#58f484;
    box-shadow:0 0 14px rgba(88,244,132,.16);
}

.faq-stage__intro .btn{
    margin-top:8px;
}

@media (max-width:860px){
    .faq-stage__questions{
        gap:14px;
    }

    .faq-stage__questions-bar{
        min-width:100%;
        gap:12px;
    }

    .faq-stage__questions-pill{
        min-height:38px;
        padding:0 16px;
        font-size:12px;
    }

    .faq-stage__questions-line{
        min-width:44px;
    }

    .faq-stage__intro{
        padding:28px 22px 24px;
        gap:18px;
    }

    .faq-stage__eyebrow{
        min-height:38px;
        padding:0 16px;
        font-size:12px;
    }

    .faq-stage__eyebrow-row{
        min-width:100%;
        gap:12px;
    }

    .faq-stage__line{
        min-width:44px;
    }

    .faq-stage__intro h2{
        max-width:none;
        font-size:clamp(30px,9vw,40px);
    }

    .faq-stage__intro p{
        max-width:none;
        font-size:15px;
        line-height:1.74;
    }

    .faq-stage__chips{
        gap:10px;
    }

    .faq-stage__chips span{
        font-size:13px;
        line-height:1.55;
    }
}

/* Footer premium mobile/desktop cleanup */
.footer-shell__meta{
    align-items:center;
    gap:22px;
}

.footer-shell__meta-actions{
    display:grid;
    justify-items:end;
    gap:10px;
}

.footer-shell__socials{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
}

.footer-shell__socials a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    padding:0 14px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.026);
    color:#e7eef5;
    font-size:12px;
    font-weight:700;
    letter-spacing:.02em;
    transition:border-color .22s ease, background .22s ease, transform .22s ease;
}

.footer-shell__socials a:hover{
    transform:translateY(-1px);
    border-color:rgba(88,244,132,.18);
    background:rgba(255,255,255,.04);
}

.footer-shell__bar{
    grid-template-columns:minmax(180px,auto) minmax(0,1fr);
    gap:24px;
}

.footer-shell__menu{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
    gap:14px 28px;
}

.footer-shell__bottom{
    gap:16px;
}

@media (max-width:1180px){
    .footer-shell__meta{
        grid-template-columns:1fr;
        align-items:start;
    }

    .footer-shell__meta-actions{
        justify-items:start;
    }

    .footer-shell__socials{
        justify-content:flex-start;
    }

    .footer-shell__bar{
        grid-template-columns:1fr;
        gap:22px;
    }

    .footer-shell__menu{
        justify-content:flex-start;
    }
}

@media (max-width:860px){
    .footer{
        padding:4px 0 10px;
    }

    .footer-shell__meta{
        gap:16px;
        padding-top:16px;
        padding-bottom:16px;
    }

    .footer-shell__meta-copy p{
        line-height:1.64;
    }

    .footer-shell__meta-actions{
        width:100%;
        gap:10px;
    }

    .footer-shell__socials{
        display:grid;
        grid-template-columns:repeat(3, minmax(0, 1fr));
        width:100%;
        gap:10px;
    }

    .footer-shell__socials a{
        width:100%;
        min-height:38px;
        padding:0 10px;
        font-size:11px;
    }

    .footer-shell__bar{
        gap:18px;
        min-height:auto;
        padding-top:18px;
        padding-bottom:18px;
    }

    .footer-shell__brand-link{
        width:100%;
    }

    .footer-shell__menu{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        display:grid;
        width:100%;
        gap:12px 18px;
    }

    .footer-shell__menu a{
        display:block;
        padding-bottom:6px;
        font-size:14px;
        line-height:1.4;
    }

    .footer-shell__bottom{
        min-height:auto;
        padding-top:16px;
        padding-bottom:16px;
        display:grid;
        gap:8px;
    }
}

/* Motion-safe premium front polish */
:root{
    --ui-motion-duration:.74s;
    --ui-motion-distance:18px;
    --ui-motion-ease:cubic-bezier(.22,.78,.18,1);
    --ui-hover-lift:-5px;
    --ui-hover-shadow:0 28px 54px rgba(0,0,0,.18);
}

.ui-reveal{
    opacity:0;
    transform:translate3d(0, var(--reveal-distance, var(--ui-motion-distance)), 0) scale(.986);
    transition:
        opacity var(--reveal-duration, var(--ui-motion-duration)) var(--ui-motion-ease) var(--reveal-delay, 0ms),
        transform var(--reveal-duration, var(--ui-motion-duration)) var(--ui-motion-ease) var(--reveal-delay, 0ms);
    will-change:opacity, transform;
}

.ui-reveal.is-visible{
    opacity:1;
    transform:translate3d(0, 0, 0) scale(1);
    will-change:auto;
}

:where(.btn, .theme-card__cta){
    position:relative;
    overflow:hidden;
    isolation:isolate;
    backface-visibility:hidden;
    transition:
        transform .34s var(--ui-motion-ease),
        box-shadow .34s var(--ui-motion-ease),
        border-color .34s var(--ui-motion-ease),
        background-color .34s var(--ui-motion-ease),
        opacity .34s var(--ui-motion-ease);
}

:where(.btn, .theme-card__cta)::after{
    content:"";
    position:absolute;
    top:-1px;
    bottom:-1px;
    left:-44%;
    width:32%;
    transform:translate3d(-140%, 0, 0) skewX(-20deg);
    background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.22), rgba(255,255,255,0));
    opacity:0;
    pointer-events:none;
    transition:
        transform .82s cubic-bezier(.18,.82,.18,1),
        opacity .28s ease;
}

:where(.btn.offer-premium, .btn.premium-dark)::after{
    left:-48%;
    width:34%;
    background:linear-gradient(90deg, rgba(210,255,223,0), rgba(238,255,244,.32), rgba(151,255,183,.22), rgba(210,255,223,0));
}

.theme-catalog-grid .theme-card__title-link,
.footer-shell__menu a{
    position:relative;
}

.theme-catalog-grid .theme-card__title-link::after,
.footer-shell__menu a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-6px;
    width:100%;
    height:1px;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(88,244,132,0), rgba(88,244,132,.86), rgba(88,244,132,0));
    transform:scaleX(.22);
    transform-origin:left center;
    opacity:0;
    transition:
        transform .32s var(--ui-motion-ease),
        opacity .32s var(--ui-motion-ease);
}

.theme-catalog-grid .theme-card__title-link:hover::after,
.footer-shell__menu a:hover::after{
    transform:scaleX(1);
    opacity:.86;
}

.theme-panel-intro__card,
.theme-catalog-grid .theme-card--catalog-grid,
.reference-slider-card__media,
.faq-item,
.references-showcase__reserved,
.references-showcase__rail{
    transform:translate3d(0, 0, 0);
    transition:
        transform .38s var(--ui-motion-ease),
        box-shadow .38s var(--ui-motion-ease),
        border-color .38s var(--ui-motion-ease),
        background .38s var(--ui-motion-ease);
}

.theme-panel-intro__card::before,
.theme-catalog-grid .theme-card--catalog-grid::before,
.reference-slider-card__media::before,
.faq-item::after{
    content:"";
    position:absolute;
    inset:auto 14% -28% 14%;
    height:42%;
    border-radius:50%;
    background:radial-gradient(circle, rgba(88,244,132,.12) 0%, rgba(88,244,132,.03) 44%, rgba(88,244,132,0) 78%);
    opacity:0;
    pointer-events:none;
    transform:translate3d(0, 10px, 0);
    transition:
        opacity .38s var(--ui-motion-ease),
        transform .38s var(--ui-motion-ease);
}

.faq-item::after{
    inset:auto 22% -30% 22%;
    height:46%;
}

@media (hover:hover) and (pointer:fine){
    :where(.btn, .theme-card__cta):hover{
        transform:translate3d(0, -3px, 0) scale(1.02);
        box-shadow:0 18px 34px rgba(0,0,0,.16);
    }

    :where(.btn, .theme-card__cta):hover::after{
        opacity:.84;
        transform:translate3d(520%, 0, 0) skewX(-20deg);
    }

    :where(.btn.offer-premium, .btn.premium-dark):hover::after{
        opacity:.92;
        transform:translate3d(560%, 0, 0) skewX(-20deg);
    }

    .btn.offer-premium.btn-whatsapp:hover::before,
    .btn.premium-dark.btn-whatsapp:hover::before{
        filter:
            drop-shadow(0 0 12px rgba(88,244,132,.18))
            drop-shadow(0 0 2px rgba(196,255,215,.34));
        transform:translateY(-1px) scale(1.04);
    }

    .btn.theme-build-cta:hover{
        transform:none;
        color:#061009;
        border-color:rgba(158,228,185,.36);
        background:#52d37f;
        background-image:none;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.14),
            0 10px 20px rgba(19,78,43,.16);
    }

    .btn.btn-idea:hover,
    .theme-card__cta.btn-idea:hover{
        background-size:calc(100% - 48px) 1px;
    }

    .btn.btn-idea:hover::before,
    .theme-card__cta.btn-idea:hover::before{
        filter:drop-shadow(0 3px 10px rgba(88,244,132,.18));
        transform:translateY(-.5px) scale(1.03);
    }

    .theme-panel-intro__card:hover,
    .theme-catalog-grid .theme-card--catalog-grid:hover,
    .reference-slider-card__media:hover,
    .faq-item:hover,
    .references-showcase__reserved:hover,
    .references-showcase__rail:hover{
        transform:translate3d(0, var(--ui-hover-lift), 0);
        box-shadow:var(--ui-hover-shadow);
    }

    .theme-panel-intro__card:hover::before,
    .theme-catalog-grid .theme-card--catalog-grid:hover::before,
    .reference-slider-card__media:hover::before,
    .faq-item:hover::after{
        opacity:.9;
        transform:translate3d(0, 0, 0);
    }

    .references-showcase__arrow:hover{
        transform:translate3d(0, -2px, 0) scale(1.03);
    }
}

.theme-panel-intro__card{
    overflow:hidden;
}

.theme-panel-intro__card::after{
    opacity:.6;
}

.theme-catalog-section__visual-card{
    overflow:hidden;
}

.theme-catalog-section__visual-bars span{
    transform-origin:center bottom;
    animation:theme-bars-rise 7.4s ease-in-out infinite;
}

.theme-catalog-section__visual-bars span:nth-child(2){
    animation-delay:.8s;
}

.theme-catalog-section__visual-bars span:nth-child(3){
    animation-delay:1.6s;
}

.references-showcase__reserved strong span{
    display:inline-block;
    transform:translate3d(0, 0, 0);
}

@keyframes hero-premium-float-a{
    0%,100%{
        transform:translate3d(0, 0, 0) scale(1);
        opacity:.54;
    }
    50%{
        transform:translate3d(16px, -12px, 0) scale(1.04);
        opacity:.72;
    }
}

@keyframes hero-premium-float-b{
    0%,100%{
        transform:translate3d(0, 0, 0) scale(1);
        opacity:.42;
    }
    50%{
        transform:translate3d(-14px, 10px, 0) scale(1.05);
        opacity:.58;
    }
}

@keyframes theme-bars-rise{
    0%,100%{
        transform:translate3d(0, 0, 0) scaleY(1);
        opacity:.48;
    }
    50%{
        transform:translate3d(0, -6px, 0) scaleY(1.08);
        opacity:.82;
    }
}

@media (max-width:860px){
    :root{
        --ui-motion-duration:.5s;
        --ui-motion-distance:12px;
        --ui-hover-lift:-2px;
    }

    .site-shell main > section.hero > .hero-main::before,
    .site-shell main > section.hero > .hero-main::after,
    .theme-catalog-section__visual-bars span{
        animation-duration:0s !important;
        animation:none !important;
    }

    .site-shell main > section.hero > .hero-main::before{
        width:180px;
        left:-28px;
        top:24px;
        opacity:.38;
    }

    .site-shell main > section.hero > .hero-main::after{
        width:190px;
        right:-16px;
        bottom:28px;
        opacity:.32;
    }

    .ui-hero-stage .hero-copy,
    .ui-hero-stage .hero-rotator,
    .ui-hero-stage .hero-visual,
    .ui-hero-stage .hero-value-stack > *{
        transition-duration:.56s;
    }

    .ui-reveal{
        transform:translate3d(0, 12px, 0) scale(.992);
    }

    .theme-catalog-grid .theme-card__title-link::after,
    .footer-shell__menu a::after{
        bottom:-4px;
    }
}

@media (prefers-reduced-motion: reduce){
    .ui-reveal,
    .ui-hero-stage .hero-copy,
    .ui-hero-stage .hero-rotator,
    .ui-hero-stage .hero-visual,
    .ui-hero-stage .hero-value-stack > *,
    .theme-catalog-section__visual-bars span,
    .site-shell main > section.hero > .hero-main::before,
    .site-shell main > section.hero > .hero-main::after{
        animation:none !important;
        transition:none !important;
        transform:none !important;
        opacity:1 !important;
        will-change:auto !important;
    }

    :where(.btn, .theme-card__cta)::after{
        display:none;
    }
}

/* Refined responsive and accessibility pass */
.theme-panel-intro__card,
.theme-catalog-grid .theme-card--catalog-grid,
.reference-slider-card__media,
.references-showcase__reserved,
.references-showcase__rail,
.faq-item,
.footer-shell{
    contain:paint;
}

:where(.btn, .theme-card__cta, .nav-menu a, .footer-shell__menu a, .references-showcase__arrow, .faq-item summary):focus-visible{
    outline:none;
    box-shadow:
        0 0 0 1px rgba(7,10,15,.96),
        0 0 0 3px rgba(88,244,132,.24),
        0 16px 32px rgba(0,0,0,.14);
}

.nav-menu a:focus-visible::after,
.footer-shell__menu a:focus-visible::after,
.theme-catalog-grid .theme-card__title-link:focus-visible::after{
    transform:scaleX(1);
    opacity:.86;
}

.hero .hero-copy__eyebrow .tag,
.faq-stage__eyebrow,
.faq-stage__questions-pill,
.references-showcase__reserved small{
    backdrop-filter:saturate(120%);
}

.site-shell main > section.hero .hero-visual{
    isolation:isolate;
}

.site-shell main > section.hero .hero-visual::after{
    content:"";
    position:absolute;
    inset:14px;
    border-radius:24px;
    pointer-events:none;
    background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 22%);
    opacity:.54;
}

.site-shell main > section.hero .hero-visual-slide__image,
.site-shell main > section.hero .hero-visual-slide__image--plain{
    object-position:center top !important;
}

.theme-catalog-section__intro{
    align-items:end;
}

.theme-catalog-section__copy{
    max-width:720px;
}

.theme-catalog-section__visual{
    align-self:stretch;
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
}

.theme-catalog-section__visual-card{
    min-height:220px;
    width:min(100%, 320px);
    background:
        radial-gradient(circle at 72% 24%, rgba(88,244,132,.08) 0%, rgba(88,244,132,.025) 22%, rgba(88,244,132,0) 58%),
        linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.006));
    box-shadow:none;
}

.theme-panel-intro__card{
    box-shadow:0 16px 36px rgba(0,0,0,.12);
}

.theme-panel-intro__content p,
.references-showcase__reserved p,
.faq-stage__intro p,
.footer-shell__meta-copy p{
    text-wrap:pretty;
}

.theme-catalog-section__footer,
.references-showcase__footer{
    backdrop-filter:saturate(118%);
}

.reference-slider-card__notice{
    max-width:22ch;
    padding:12px 14px 13px;
    background:rgba(8,12,14,.34);
    border-color:rgba(255,255,255,.08);
}

.reference-slider-card__notice strong{
    font-size:12px;
    line-height:1.48;
}

.faq-stage__questions,
.faq-stage__intro{
    min-width:0;
}

.faq-stage__questions-bar,
.faq-stage__eyebrow-row{
    min-width:min(100%, 392px);
}

.faq-item summary{
    min-height:90px;
}

.footer-shell__meta{
    min-height:unset;
}

.footer-shell__meta-copy{
    max-width:640px;
}

.footer-shell__socials a{
    min-width:104px;
}

.footer-shell__menu{
    gap:12px 22px;
}

.footer-shell__menu a{
    opacity:.94;
}

@media (max-width:1180px){
    .theme-catalog-section__intro{
        gap:18px;
    }

    .theme-catalog-section__copy{
        max-width:none;
    }

    .reference-slider-card__notice{
        max-width:24ch;
    }

    .faq-stage__questions-bar,
    .faq-stage__eyebrow-row{
        min-width:min(100%, 360px);
    }
}

@media (max-width:860px){
    .theme-panel-intro__card,
    .theme-catalog-grid .theme-card--catalog-grid,
    .reference-slider-card__media,
    .references-showcase__reserved,
    .references-showcase__rail,
    .faq-item,
    .footer-shell{
        contain:layout paint;
    }

    .site-shell main > section.hero .hero-visual::after{
        inset:8px;
        border-radius:18px;
        opacity:.38;
    }

    .site-shell main > section.hero .hero-visual-slide__image,
    .site-shell main > section.hero .hero-visual-slide__image--plain{
        object-position:center center !important;
    }

    .theme-catalog-section__visual{
        display:none;
    }

    .theme-catalog-section__footer,
    .references-showcase__footer{
        gap:14px;
    }

    .reference-slider-card__notice{
        max-width:21ch;
        padding:11px 13px 12px;
        background:rgba(8,12,14,.42);
    }

    .faq-item summary{
        min-height:84px;
    }

    .footer-shell__socials a{
        min-width:0;
    }
}

@media (prefers-reduced-motion: reduce){
    .theme-catalog-section__visual-card,
    .site-shell main > section.hero .hero-visual::after{
        backdrop-filter:none;
    }
}

/* Theme catalog visual bars only */
.theme-catalog-section__visual-card{
    position:relative !important;
    width:min(100%, 320px) !important;
    min-width:220px !important;
    min-height:220px !important;
    padding:0 !important;
    background:none !important;
    border:none !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    overflow:visible !important;
}

.theme-catalog-section__visual-bars{
    position:absolute !important;
    right:0 !important;
    bottom:0 !important;
    display:flex !important;
    align-items:flex-end !important;
}

/* Calm premium motion and inner-page polish */
:root{
    --ui-motion-duration:.66s;
    --ui-motion-distance:14px;
    --ui-hover-lift:-3px;
    --ui-hover-shadow:0 18px 38px rgba(0,0,0,.14);
}

.ui-reveal{
    transform:translate3d(0, var(--reveal-distance, var(--ui-motion-distance)), 0) scale(.992);
}

.site-header::after,
.footer-shell::before,
.theme-card--catalog-grid::before,
.references-stage__lead::before,
.reference-card::before,
.faq-stage__intro::before,
.faq-item::before,
.noise::before,
.noise::after,
.site-shell main > section.hero > .hero-main::before,
.site-shell main > section.hero > .hero-main::after,
.hero-rotator__ring,
.hero-visual-slide__media-body::after,
.theme-catalog-section__visual-bars span,
.site-header .brand::after{
    animation:none !important;
}

.site-header::after,
.footer-shell::before,
.theme-card--catalog-grid::before,
.references-stage__lead::before,
.reference-card::before,
.faq-stage__intro::before,
.faq-item::before{
    background-size:100% 100% !important;
}

.site-header::after{
    opacity:calc(.09 + (var(--site-scroll-progress) * .03)) !important;
    box-shadow:0 0 4px rgba(88,244,132,.02) !important;
}

.noise::before,
.noise::after,
.site-shell main > section.hero > .hero-main::before,
.site-shell main > section.hero > .hero-main::after,
.hero-visual-slide__media-body::after{
    will-change:auto !important;
}

.noise::before{
    opacity:calc(.08 + (var(--site-scroll-progress) * .04)) !important;
}

.noise::after{
    opacity:calc(.11 + (var(--site-scroll-progress) * .04)) !important;
}

.site-shell main > section.hero > .hero-main::before{
    opacity:.36;
    transform:translate3d(4px, -4px, 0);
}

.site-shell main > section.hero > .hero-main::after{
    opacity:.28;
    transform:translate3d(-4px, 4px, 0);
}

.hero-rotator__ring{
    transform:rotate(-18deg);
}

.site-header .brand::after{
    opacity:.12 !important;
    transform:translate(-22%,-50%) skewX(-18deg) !important;
}

.theme-catalog-section__visual-bars span{
    opacity:.62 !important;
    transform:none !important;
}

.page-hero-shell__copy,
.page-hero-shell__aside,
.page-hero-shell__metric,
.page-hero-shell__aside-card,
.theme-preview-section__head,
.theme-preview-section__lead,
.theme-preview-card,
.theme-preview-showcase__item,
.software-power__card,
.theme-why-card,
.theme-trust-strip__item,
.pricing-stage__intro,
.price-card--lead,
.price-card--side,
.pricing-stage__foot article,
.cta,
.cta-card,
.contact-stage__story,
.contact-form--premium,
.legal-card,
.detail-card{
    position:relative;
    transform:translate3d(0, 0, 0);
    transition:
        transform .34s var(--ui-motion-ease),
        box-shadow .34s var(--ui-motion-ease),
        border-color .34s var(--ui-motion-ease),
        background-color .34s var(--ui-motion-ease),
        opacity .34s var(--ui-motion-ease);
}

.page-hero-shell,
.pricing-stage,
.theme-preview-section,
.contact-stage{
    row-gap:22px;
}

.page-hero-shell__copy,
.page-hero-shell__aside,
.pricing-stage__intro,
.theme-preview-section__lead,
.cta,
.contact-stage__story,
.contact-form--premium,
.legal-card,
.detail-card{
    box-shadow:0 20px 44px rgba(0,0,0,.14);
}

.page-hero-shell__metric,
.page-hero-shell__aside-card,
.pricing-stage__foot article,
.theme-trust-strip__item{
    box-shadow:0 14px 30px rgba(0,0,0,.10);
}

.theme-preview-showcase__item,
.theme-preview-card,
.software-power__card,
.theme-why-card,
.price-card--lead,
.price-card--side,
.cta-card{
    box-shadow:0 18px 38px rgba(0,0,0,.13);
}

@media (hover:hover) and (pointer:fine){
    .page-hero-shell__aside:hover,
    .page-hero-shell__metric:hover,
    .page-hero-shell__aside-card:hover,
    .theme-preview-section__lead:hover,
    .theme-preview-card:hover,
    .theme-preview-showcase__item:hover,
    .software-power__card:hover,
    .theme-why-card:hover,
    .theme-trust-strip__item:hover,
    .pricing-stage__intro:hover,
    .price-card--lead:hover,
    .price-card--side:hover,
    .pricing-stage__foot article:hover,
    .cta:hover,
    .cta-card:hover,
    .contact-stage__story:hover,
    .contact-form--premium:hover,
    .legal-card:hover,
    .detail-card:hover{
        transform:translate3d(0, var(--ui-hover-lift), 0);
        box-shadow:var(--ui-hover-shadow);
        border-color:rgba(255,255,255,.1);
    }
}

.page-hero-shell__copy h1,
.theme-preview-section__lead h3,
.pricing-stage__intro strong,
.cta-stage__copy h2,
.legal-card h1,
.detail-card h1,
.detail-card h2{
    text-wrap:balance;
}

.page-hero-shell__copy p,
.page-hero-shell__aside p,
.theme-preview-section__lead p,
.pricing-stage__intro p,
.cta-stage__copy p,
.legal-card p,
.detail-card p{
    color:rgba(207,218,229,.78);
}

.legal-stage{
    padding-top:18px;
    padding-bottom:84px;
}

.legal-stage__shell{
    display:block;
}

.legal-card--document{
    padding:42px 42px 38px;
    background:
        radial-gradient(circle at 84% 14%, rgba(88,244,132,.08) 0%, rgba(88,244,132,.02) 28%, rgba(88,244,132,0) 58%),
        linear-gradient(180deg, rgba(255,255,255,.028) 0%, rgba(255,255,255,.01) 100%),
        linear-gradient(180deg, rgba(8,12,17,.96) 0%, rgba(6,10,14,.98) 100%);
    border-color:rgba(255,255,255,.08);
}

.legal-document__intro{
    display:grid;
    gap:18px;
    padding-bottom:28px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.legal-document__eyebrow{
    width:max-content;
}

.legal-document__intro h1{
    margin:0;
    font-size:clamp(36px, 4.4vw, 58px);
    line-height:.98;
    letter-spacing:-.06em;
}

.legal-document__lead{
    margin:0;
    max-width:68ch;
    font-size:18px;
    line-height:1.9;
    color:rgba(215,225,236,.86);
}

.legal-document__meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px 12px;
}

.legal-document__meta span{
    display:inline-flex;
    align-items:center;
    min-height:38px;
    padding:0 15px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.07);
    background:rgba(255,255,255,.03);
    color:#dbe5ef;
    font-size:13px;
    font-weight:700;
}

.legal-document__body{
    display:grid;
    gap:28px;
    margin-top:30px;
}

.legal-document__section{
    display:grid;
    gap:14px;
}

.legal-document__section h2{
    margin:0;
    font-size:clamp(24px, 2.4vw, 32px);
    line-height:1.08;
    letter-spacing:-.045em;
    color:#f5f8fb;
}

.legal-document__section p{
    margin:0;
    font-size:16px;
    line-height:1.95;
    color:rgba(210,220,231,.82);
}

.legal-document__list{
    display:grid;
    gap:10px;
    margin:0;
    padding:0;
    list-style:none;
}

.legal-document__list li{
    position:relative;
    padding-left:18px;
    font-size:15px;
    line-height:1.85;
    color:rgba(210,220,231,.8);
}

.legal-document__list li::before{
    content:"•";
    position:absolute;
    left:0;
    top:0;
    color:#61ef8f;
    font-weight:900;
}

.legal-document__section--company{
    margin-top:6px;
    padding-top:24px;
    border-top:1px solid rgba(255,255,255,.08);
}

.legal-document__company{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:16px 18px;
}

.legal-document__company div{
    display:grid;
    gap:6px;
    padding:18px 18px 16px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.07);
    background:rgba(255,255,255,.024);
}

.legal-document__company strong{
    font-size:12px;
    letter-spacing:.05em;
    text-transform:uppercase;
    color:#95a9bc;
}

.legal-document__company span{
    font-size:15px;
    line-height:1.75;
    color:#eef3f8;
}

.page-hero-shell__highlights span,
.pricing-stage__intro-grid div,
.contact-stage__support span{
    transition:
        background-color .32s var(--ui-motion-ease),
        border-color .32s var(--ui-motion-ease),
        color .32s var(--ui-motion-ease);
}

.page-hero-shell__metric,
.page-hero-shell__aside-card,
.pricing-stage__foot article,
.contact-form--premium input,
.contact-form--premium textarea{
    transition:
        border-color .32s var(--ui-motion-ease),
        background-color .32s var(--ui-motion-ease),
        box-shadow .32s var(--ui-motion-ease),
        transform .32s var(--ui-motion-ease);
}

/* Themes page premium lift */
.page-hero-section--themes{
    padding-top:24px;
    padding-bottom:76px;
}

.page-hero-shell--themes{
    grid-template-columns:minmax(0,1.06fr) minmax(320px,.94fr);
    gap:30px;
    align-items:stretch;
}

.page-hero-shell--themes .page-hero-shell__copy,
.page-hero-shell--themes .page-hero-shell__aside{
    overflow:hidden;
    backdrop-filter:saturate(122%);
}

.page-hero-shell--themes .page-hero-shell__copy{
    padding:46px 46px 40px;
    background:
        radial-gradient(circle at 86% 16%, rgba(88,244,132,.11) 0%, rgba(88,244,132,.035) 24%, rgba(88,244,132,0) 56%),
        linear-gradient(180deg, rgba(255,255,255,.034) 0%, rgba(255,255,255,.014) 100%),
        linear-gradient(180deg, rgba(8,12,17,.96) 0%, rgba(6,10,14,.98) 100%);
    border-color:rgba(255,255,255,.08);
}

.page-hero-shell--themes .page-hero-shell__copy > .tag,
.page-hero-shell--themes .page-hero-shell__aside > .tag{
    display:none !important;
}

.page-hero-shell--themes .page-hero-shell__copy::after{
    content:"";
    position:absolute;
    right:-42px;
    bottom:-58px;
    width:220px;
    height:220px;
    border-radius:50%;
    pointer-events:none;
    background:radial-gradient(circle, rgba(88,244,132,.14) 0%, rgba(88,244,132,.05) 34%, rgba(88,244,132,0) 72%);
    opacity:.76;
}

.page-hero-shell--themes .page-hero-shell__copy h1{
    max-width:12ch;
    margin:0 0 16px;
    font-size:clamp(42px,4.9vw,72px);
    line-height:.95;
    letter-spacing:-.072em;
}

.page-hero-shell--themes .page-hero-shell__copy p{
    max-width:60ch;
    color:rgba(214,224,235,.82);
    font-size:17px;
    line-height:1.88;
}

.page-hero-shell--themes .page-hero-shell__highlights{
    gap:10px 12px;
    margin-top:24px;
}

.page-hero-shell--themes .page-hero-shell__highlights span{
    min-height:40px;
    padding:0 16px;
    background:rgba(255,255,255,.026);
    border-color:rgba(255,255,255,.07);
    color:#dde7f2;
    font-size:13px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.page-hero-shell--themes .hero-cta{
    margin-top:30px;
}

.page-hero-shell--themes .page-hero-shell__metrics{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
    margin-top:30px;
}

.page-hero-shell--themes .page-hero-shell__metric,
.page-hero-shell--themes .page-hero-shell__metric:first-child,
.page-hero-shell--themes .page-hero-shell__metric:nth-child(2){
    grid-column:auto;
}

.page-hero-shell--themes .page-hero-shell__metric{
    position:relative;
    min-height:108px;
    padding:20px 22px 18px;
    border-radius:24px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.012) 100%),
        linear-gradient(180deg, rgba(9,14,19,.96), rgba(7,10,15,.98));
    border-color:rgba(255,255,255,.07);
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}

.page-hero-shell--themes .page-hero-shell__metric::before{
    content:"";
    position:absolute;
    top:0;
    left:22px;
    right:22px;
    height:1px;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(88,244,132,.36), rgba(88,244,132,.08), rgba(255,255,255,.02));
    opacity:.64;
}

.page-hero-shell--themes .page-hero-shell__metric small{
    color:#93a7bb;
    font-size:11px;
    letter-spacing:.03em;
    text-transform:uppercase;
}

.page-hero-shell--themes .page-hero-shell__metric strong{
    margin-top:12px;
    font-size:24px;
    letter-spacing:-.045em;
}

.page-hero-shell--themes .page-hero-shell__aside{
    margin-top:0;
    padding:40px 36px 36px;
    background:
        radial-gradient(circle at 18% 12%, rgba(255,255,255,.038) 0%, rgba(255,255,255,.012) 24%, rgba(255,255,255,0) 64%),
        radial-gradient(circle at 84% 18%, rgba(88,244,132,.09) 0%, rgba(88,244,132,.03) 26%, rgba(88,244,132,0) 58%),
        linear-gradient(180deg, rgba(9,14,19,.96) 0%, rgba(5,9,13,.98) 100%);
    border-color:rgba(255,255,255,.075);
}

.page-hero-shell--themes .page-hero-shell__aside h2{
    max-width:11ch;
    margin:0 0 14px;
    font-size:clamp(30px,3.4vw,44px);
    line-height:1.02;
    letter-spacing:-.06em;
}

.page-hero-shell--themes .page-hero-shell__aside p{
    color:rgba(208,219,231,.78);
    line-height:1.86;
}

.page-hero-shell--themes .page-hero-shell__aside-grid{
    gap:12px;
    margin-top:26px;
}

.page-hero-shell--themes .page-hero-shell__aside-card{
    min-height:102px;
    padding:18px 18px 16px;
    border-radius:22px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.028) 0%, rgba(255,255,255,.012) 100%),
        linear-gradient(180deg, rgba(10,15,21,.9), rgba(8,12,18,.96));
    border-color:rgba(255,255,255,.065);
    box-shadow:0 12px 26px rgba(0,0,0,.09);
}

.page-hero-shell--themes .page-hero-shell__aside-card small{
    color:#8fa5ba;
    letter-spacing:.03em;
    text-transform:uppercase;
}

.page-hero-shell--themes .page-hero-shell__aside-card strong{
    margin-top:10px;
    font-size:21px;
    letter-spacing:-.04em;
}

.page-hero-shell--themes .page-hero-shell__aside-card span{
    margin-top:8px;
    color:rgba(205,217,229,.74);
    line-height:1.68;
}

@media (max-width:860px){
    :root{
        --ui-motion-duration:.46s;
        --ui-motion-distance:10px;
        --ui-hover-lift:-1px;
        --ui-hover-shadow:0 12px 24px rgba(0,0,0,.10);
    }

    .page-hero-shell,
    .pricing-stage,
    .theme-preview-section,
    .contact-stage{
        row-gap:18px;
    }

    .page-hero-shell__copy,
    .page-hero-shell__aside,
    .pricing-stage__intro,
    .theme-preview-section__lead,
    .cta,
    .contact-stage__story,
    .contact-form--premium,
    .legal-card,
    .detail-card{
        box-shadow:0 14px 26px rgba(0,0,0,.10);
    }

    .page-hero-section--themes{
        padding-bottom:60px;
    }

    .page-hero-shell--themes{
        gap:18px;
    }

    .legal-stage{
        padding-top:8px;
        padding-bottom:62px;
    }

    .legal-card--document{
        padding:28px 22px 24px;
    }

    .legal-document__intro{
        gap:14px;
        padding-bottom:22px;
    }

    .legal-document__lead{
        font-size:16px;
        line-height:1.84;
    }

    .legal-document__meta{
        display:grid;
        grid-template-columns:1fr;
    }

    .legal-document__body{
        gap:24px;
        margin-top:24px;
    }

    .legal-document__section h2{
        font-size:24px;
    }

    .legal-document__section p,
    .legal-document__list li,
    .legal-document__company span{
        font-size:15px;
        line-height:1.82;
    }

    .legal-document__company{
        grid-template-columns:1fr;
        gap:12px;
    }

    .page-hero-shell--themes .page-hero-shell__copy,
    .page-hero-shell--themes .page-hero-shell__aside{
        padding:30px 22px 24px;
        border-radius:26px;
    }

    .page-hero-shell--themes .page-hero-shell__copy h1,
    .page-hero-shell--themes .page-hero-shell__aside h2{
        max-width:none;
    }

    .page-hero-shell--themes .page-hero-shell__metrics{
        grid-template-columns:1fr 1fr;
        gap:12px;
        margin-top:24px;
    }

    .page-hero-shell--themes .page-hero-shell__metric{
        min-height:94px;
        padding:17px 16px 15px;
        border-radius:20px;
    }

    .page-hero-shell--themes .page-hero-shell__metric strong{
        margin-top:10px;
        font-size:20px;
    }

    .page-hero-shell--themes .page-hero-shell__aside-card{
        min-height:unset;
        padding:16px 16px 14px;
        border-radius:20px;
    }
}

@media (prefers-reduced-motion: reduce){
    .site-header::after,
    .footer-shell::before,
    .theme-card--catalog-grid::before,
    .references-stage__lead::before,
    .reference-card::before,
    .faq-stage__intro::before,
    .faq-item::before,
    .noise::before,
    .noise::after,
    .site-shell main > section.hero > .hero-main::before,
    .site-shell main > section.hero > .hero-main::after,
    .hero-rotator__ring,
    .hero-visual-slide__media-body::after,
    .theme-catalog-section__visual-bars span,
    .site-header .brand::after{
        transform:none !important;
    }
}

/* Theme catalog reveal refinement */
.theme-catalog-section__intro.ui-reveal,
.theme-panel-intro__card.ui-reveal,
.theme-catalog-grid .theme-card--catalog-grid.ui-reveal,
.theme-catalog-section__footer.ui-reveal{
    --reveal-duration:.88s;
    --reveal-distance:12px;
}

.theme-catalog-section__intro.ui-reveal{
    --reveal-duration:.9s;
    --reveal-distance:12px;
    transition-timing-function:cubic-bezier(.2,.76,.22,1);
}

.theme-panel-intro__card.ui-reveal{
    --reveal-duration:.84s;
    --reveal-distance:12px;
}

.theme-catalog-grid .theme-card--catalog-grid.ui-reveal{
    --reveal-duration:.86s;
    --reveal-distance:12px;
}

.theme-catalog-section__footer.ui-reveal{
    --reveal-duration:.82s;
    --reveal-distance:10px;
}

.theme-catalog-section--home .theme-catalog-section__intro.ui-reveal,
.theme-catalog-section--home .theme-panel-intro__card.ui-reveal,
.theme-catalog-section--home .theme-catalog-grid .theme-card--catalog-grid.ui-reveal,
.theme-catalog-section--home .theme-catalog-section__footer.ui-reveal{
    --reveal-duration:.42s;
    --reveal-distance:6px;
}

.theme-panel-intro__card.ui-reveal,
.theme-catalog-grid .theme-card--catalog-grid.ui-reveal{
    opacity:0;
    transform:translate3d(0, var(--reveal-distance), 0) scale(.992);
    transition:
        opacity var(--reveal-duration) var(--ui-motion-ease) var(--reveal-delay, 0ms),
        transform var(--reveal-duration) var(--ui-motion-ease) var(--reveal-delay, 0ms),
        box-shadow .38s var(--ui-motion-ease),
        border-color .38s var(--ui-motion-ease),
        background .38s var(--ui-motion-ease);
}

.theme-panel-intro__card.ui-reveal.is-visible,
.theme-catalog-grid .theme-card--catalog-grid.ui-reveal.is-visible{
    opacity:1;
    transform:translate3d(0, 0, 0) scale(1);
}

@media (max-width:860px){
    .theme-catalog-section__intro.ui-reveal,
    .theme-panel-intro__card.ui-reveal,
    .theme-catalog-grid .theme-card--catalog-grid.ui-reveal,
    .theme-catalog-section__footer.ui-reveal{
        --reveal-duration:.62s;
        --reveal-distance:6px;
    }

    .theme-catalog-section--home .theme-catalog-section__intro.ui-reveal,
    .theme-catalog-section--home .theme-panel-intro__card.ui-reveal,
    .theme-catalog-section--home .theme-catalog-grid .theme-card--catalog-grid.ui-reveal,
    .theme-catalog-section--home .theme-catalog-section__footer.ui-reveal{
        --reveal-duration:.34s;
        --reveal-distance:4px;
    }

    body[data-page-mode="theme-catalog"] .theme-catalog-grid .theme-card--catalog-grid.ui-reveal,
    body[data-page-mode="theme-catalog"] .theme-catalog-section__footer.ui-reveal{
        opacity:1 !important;
        transform:none !important;
        transition:
            box-shadow .38s var(--ui-motion-ease),
            border-color .38s var(--ui-motion-ease),
            background .38s var(--ui-motion-ease) !important;
    }

    body[data-page-mode="theme-catalog"] .theme-catalog-grid,
    body[data-page-mode="theme-catalog"] .theme-catalog-grid .theme-card--catalog-grid{
        content-visibility:visible !important;
        contain-intrinsic-size:auto !important;
    }
}

@media (prefers-reduced-motion: no-preference){
    .hero-rotator__ring{
        animation:hero-rotator-spin 16s linear infinite !important;
    }

    .theme-catalog-section__visual-bars span{
        transform-origin:center bottom;
        animation:theme-bars-rise 8.6s ease-in-out infinite !important;
    }
}

body[data-page-mode="theme-catalog"] .theme-catalog-section__intro.ui-reveal,
body[data-page-mode="theme-catalog"] .theme-panel-intro__card.ui-reveal,
body[data-page-mode="theme-catalog"] .theme-catalog-grid .theme-card--catalog-grid.ui-reveal,
body[data-page-mode="theme-catalog"] .theme-catalog-section__footer.ui-reveal{
    --reveal-duration:.24s;
    --reveal-distance:0px;
}

body[data-page-mode="theme-catalog"] .theme-catalog-section__visual-bars span{
    animation:none !important;
}

@supports (content-visibility: auto){
    body[data-page-mode="home"] .theme-catalog-section,
    body[data-page-mode="home"] .references-showcase,
    body[data-page-mode="home"] .faq-section{
        content-visibility:auto;
        contain-intrinsic-size:900px;
    }

    body[data-page-mode="theme-catalog"] .theme-card--catalog-grid{
        content-visibility:auto;
        contain-intrinsic-size:560px;
    }
}

/* Services mega menu */
.nav-menu__item{
    position:relative;
    overflow:visible;
}

.nav-menu__link{
    position:relative;
    display:inline-flex;
    align-items:center;
    min-height:42px;
    font-family:var(--font-display);
    color:#c8d2dd;
    font-weight:600;
    background:none;
    border:0;
    padding:0;
    font:inherit;
    cursor:pointer;
    transition:color .22s ease, opacity .22s ease;
    opacity:1;
    -webkit-appearance:none;
    appearance:none;
}

.nav-menu__link:hover,
.nav-menu__link.is-active,
.nav-menu__item--mega.is-active > .nav-menu__link,
.nav-menu__item--mega.is-open > .nav-menu__link{
    color:#eef3f8;
}

.nav-menu__link::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-10px;
    width:100%;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,#59ef8a,#7ec8ff);
    opacity:0;
    transform:scaleX(.45);
    transition:.22s ease;
}

.nav-menu__link:hover::after,
.nav-menu__link.is-active::after,
.nav-menu__item--mega.is-active > .nav-menu__link::after{
    opacity:1;
    transform:scaleX(1);
}

.nav-mega-menu{
    position:absolute;
    top:calc(100% - 4px);
    left:50%;
    transform:translateX(-50%) translateY(12px);
    width:min(1120px,calc(100vw - 56px));
    display:block;
    padding:20px;
    border-radius:32px;
    border:1px solid rgba(255,255,255,.09);
    background:
        radial-gradient(circle at 12% 14%, rgba(88,244,132,.10), transparent 24%),
        radial-gradient(circle at 88% 12%, rgba(126,200,255,.05), transparent 22%),
        linear-gradient(180deg, rgba(12,16,21,.985), rgba(7,10,14,.995));
    box-shadow:
        0 30px 72px rgba(0,0,0,.30),
        0 8px 20px rgba(0,0,0,.12);
    opacity:0;
    pointer-events:none;
    transition:
        opacity .28s cubic-bezier(.22,.74,.18,1),
        transform .28s cubic-bezier(.22,.74,.18,1);
    z-index:5200;
}

.nav-mega-menu::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-18px;
    height:18px;
}

.nav-menu__item--mega:hover .nav-mega-menu,
.nav-menu__item--mega:focus-within .nav-mega-menu,
.nav-menu__item--mega.is-open .nav-mega-menu{
    opacity:1;
    pointer-events:auto;
    transform:translateX(-50%) translateY(0);
}

.nav-menu__item--mega.is-open > .nav-menu__link::after{
    opacity:1;
    transform:scaleX(1);
}

.nav-mega-menu__link{
    position:relative;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.065);
    background:linear-gradient(180deg,rgba(255,255,255,.042),rgba(255,255,255,.016));
    overflow:hidden;
}

.nav-mega-menu__grid{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    grid-auto-flow:dense;
    gap:16px;
}

.nav-mega-menu__link{
    display:block;
    min-height:154px;
    padding:22px 22px 20px;
    grid-column:span 4;
    transition:
        transform .28s cubic-bezier(.22,.74,.18,1),
        border-color .28s cubic-bezier(.22,.74,.18,1),
        background .28s cubic-bezier(.22,.74,.18,1),
        box-shadow .28s cubic-bezier(.22,.74,.18,1);
}

.nav-mega-menu__link::before{
    content:"";
    position:absolute;
    left:20px;
    right:20px;
    top:0;
    height:1px;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(88,244,132,.34), rgba(255,255,255,.06), rgba(255,255,255,0));
    opacity:.72;
}

.nav-mega-menu__link::after{
    content:"↗";
    position:absolute;
    right:18px;
    bottom:18px;
    display:grid;
    place-items:center;
    width:30px;
    height:30px;
    border-radius:999px;
    color:rgba(240,246,250,.84);
    font-size:14px;
    font-weight:700;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.06);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.nav-mega-menu__link:nth-child(1){
    grid-column:span 5;
    min-height:168px;
    background:
        radial-gradient(circle at 18% 18%, rgba(88,244,132,.08), transparent 34%),
        linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.018));
}

.nav-mega-menu__link:nth-child(2){
    grid-column:span 7;
    min-height:168px;
    background:
        radial-gradient(circle at 84% 16%, rgba(126,200,255,.08), transparent 30%),
        linear-gradient(180deg,rgba(255,255,255,.046),rgba(255,255,255,.018));
}

.nav-mega-menu__link:nth-child(3),
.nav-mega-menu__link:nth-child(4),
.nav-mega-menu__link:nth-child(5){
    min-height:154px;
}

.nav-mega-menu__link:nth-child(6),
.nav-mega-menu__link:nth-child(7){
    grid-column:span 6;
    min-height:148px;
}

.nav-mega-menu__link small{
    display:block;
    color:#86f0a7;
    font-size:11px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.nav-mega-menu__link strong{
    display:block;
    margin-top:10px;
    color:#f5f8fa;
    max-width:15ch;
    font-size:21px;
    line-height:1.08;
    letter-spacing:-.035em;
    text-wrap:balance;
}

.nav-mega-menu__link span{
    display:block;
    max-width:30ch;
    margin-top:11px;
    color:#94a6b6;
    font-size:14px;
    line-height:1.72;
}

.nav-mega-menu__link:hover{
    transform:translateY(-3px);
    border-color:rgba(88,244,132,.18);
    background:
        radial-gradient(circle at 18% 16%, rgba(88,244,132,.07), transparent 28%),
        linear-gradient(180deg,rgba(255,255,255,.054),rgba(255,255,255,.024));
    box-shadow:0 18px 38px rgba(0,0,0,.20);
}

.nav-mega-menu__link:hover::after{
    background:rgba(88,244,132,.12);
    border-color:rgba(88,244,132,.18);
}

.mobile-drawer__link-group{
    display:grid;
    gap:10px;
}

.mobile-drawer__sublinks{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    padding-left:52px;
}

.mobile-drawer__sublink{
    display:grid;
    gap:6px;
    padding:14px 14px 13px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.06);
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.016));
}

.mobile-drawer__sublink strong{
    color:#eef3f8;
    font-size:14px;
    line-height:1.35;
    letter-spacing:-.02em;
}

.mobile-drawer__sublink small{
    color:#86f0a7;
    font-size:11px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.site-shell,
.site-header,
.nav,
.nav-menu{
    overflow:visible !important;
}

.site-header{
    position:sticky;
    z-index:5200 !important;
    isolation:isolate;
    contain:none !important;
}

.nav-menu__item--mega{
    z-index:5201;
}

.nav-menu__item--mega.is-open{
    z-index:5202;
}

.nav{
    position:relative;
    z-index:5201;
}

.nav-menu{
    position:static;
    z-index:5201;
}

.nav-menu__item--mega{
    position:static;
}

.nav-menu__item--mega .nav-menu__link--trigger{
    position:relative;
    z-index:5203;
}

.mobile-drawer__link--heading{
    cursor:default;
}

.mobile-drawer{
    z-index:6200 !important;
}

.mobile-drawer__panel{
    z-index:6201;
}

@media (max-width:1180px){
    .nav-mega-menu{
        width:min(920px,calc(100vw - 48px));
    }

    .nav-mega-menu__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .nav-mega-menu__link,
    .nav-mega-menu__link:nth-child(1),
    .nav-mega-menu__link:nth-child(2),
    .nav-mega-menu__link:nth-child(6),
    .nav-mega-menu__link:nth-child(7){
        grid-column:span 1;
        min-height:154px;
    }
}

@media (max-width:860px){
    .nav-menu__item--mega{
        display:none;
    }

    .mobile-drawer__sublinks{
        grid-template-columns:1fr;
        padding-left:0;
    }
}

[data-theme-guard],
[data-theme-guard] *{
    -webkit-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
}

[data-theme-guard] img{
    -webkit-user-drag:none;
    user-drag:none;
    pointer-events:none;
}

.theme-guard-lockscreen{
    min-height:100vh;
    display:grid;
    place-items:center;
    padding:32px;
    background:
        radial-gradient(circle at 18% 16%, rgba(88,244,132,.08), transparent 24%),
        linear-gradient(180deg,#040606,#0b1110 54%,#070909 100%);
}

.theme-guard-lockscreen__card{
    width:min(520px,100%);
    display:grid;
    gap:16px;
    padding:28px 26px;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg, rgba(10,14,13,.94), rgba(7,10,9,.98));
    box-shadow:0 18px 38px rgba(0,0,0,.24);
    text-align:left;
}

.theme-guard-lockscreen__card strong{
    color:#f4f7fb;
    font-size:24px;
    line-height:1.12;
    letter-spacing:-.04em;
}

.theme-guard-lockscreen__card p{
    margin:0;
    color:#a9b6be;
    font-size:15px;
    line-height:1.7;
}

.theme-guard-lockscreen__link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:0 18px;
    border-radius:15px;
    background:linear-gradient(135deg,#71f59a,#29bb61);
    color:#071009;
    font-weight:800;
    letter-spacing:-.02em;
    text-decoration:none;
}

.theme-demo-screen{
    padding-top:20px;
}

.theme-demo-screen__grid{
    display:grid;
    grid-template-columns:minmax(0,1.4fr) minmax(320px,.76fr);
    gap:28px;
    align-items:start;
}

.theme-demo-screen__frame{
    position:relative;
    overflow:hidden;
    border-radius:32px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));
    box-shadow:0 18px 34px rgba(0,0,0,.22);
}

.theme-demo-screen__frame img{
    display:block;
    width:100%;
    aspect-ratio:4/3;
    object-fit:cover;
}

.theme-demo-screen__placeholder{
    min-height:420px;
    background:
        linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.015)),
        radial-gradient(circle at 20% 18%, rgba(88,244,132,.12), transparent 30%),
        #0a1110;
}

.theme-demo-screen__card{
    position:sticky;
    top:108px;
    display:grid;
    gap:16px;
    padding:24px;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg,rgba(11,15,14,.94),rgba(7,10,9,.98));
    box-shadow:0 18px 36px rgba(0,0,0,.22);
}

.theme-demo-screen__eyebrow{
    color:#86f0a7;
    font-size:11px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.theme-demo-screen__card h1{
    margin:0;
    color:#f4f7fb;
    font-size:clamp(30px,3vw,44px);
    line-height:1.04;
    letter-spacing:-.05em;
}

.theme-demo-screen__card p{
    margin:0;
    color:#a8b5bd;
    font-size:15px;
    line-height:1.78;
}

.theme-demo-screen__actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

@media (max-width:980px){
    .theme-demo-screen__grid{
        grid-template-columns:1fr;
    }

    .theme-demo-screen__card{
        position:relative;
        top:auto;
    }
}

@media (max-width:860px){
    .site-header,
    .mobile-drawer,
    .mobile-floatbar__surface{
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
    }

    .site-header{
        background:rgba(4,7,11,.94) !important;
    }

    .site-header::after,
    .site-header .brand::after{
        opacity:.04 !important;
        box-shadow:none !important;
    }

    .mobile-drawer{
        background:rgba(2,6,10,.78) !important;
    }

    .mobile-drawer__panel{
        box-shadow:-12px 0 28px rgba(0,0,0,.22) !important;
        transform:translateX(42px) scale(.992);
    }

    .mobile-drawer.is-open .mobile-drawer__panel{
        box-shadow:-14px 0 32px rgba(0,0,0,.24) !important;
    }

    .mobile-drawer__panel::before{
        box-shadow:none !important;
        opacity:.7;
    }

    .mobile-floatbar__surface{
        background:linear-gradient(180deg, rgba(18,19,22,.98) 0%, rgba(9,10,12,1) 100%) !important;
        box-shadow:
            0 8px 20px rgba(0,0,0,.14),
            inset 0 1px 0 rgba(255,255,255,.05),
            inset 0 -1px 0 rgba(0,0,0,.16) !important;
    }

    .mobile-floatbar__surface::before,
    .mobile-floatbar__surface::after{
        opacity:.18 !important;
        filter:none !important;
    }

    .hero .visual-glow,
    .site-shell main > section.hero > .hero-main::before,
    .site-shell main > section.hero > .hero-main::after{
        display:none !important;
    }
}

.theme-catalog-section--archive .theme-catalog-section__intro{
    display:grid;
    grid-template-columns:minmax(0,1fr) 224px;
    align-items:center;
    justify-items:start;
    gap:28px;
    text-align:left;
}

.theme-catalog-section--archive .theme-catalog-section__copy{
    margin-inline:0;
    text-align:left;
}

.theme-catalog-section__success-mark{
    display:grid;
    place-items:center;
    width:224px;
    height:224px;
    justify-self:end;
    opacity:.92;
}

.theme-catalog-section__success-mark svg{
    width:224px;
    height:224px;
    display:block;
}

.theme-archive-toolbar{
    display:grid;
    gap:22px;
    margin:4px auto 34px;
    padding:28px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:32px;
    background:
        radial-gradient(circle at top left, rgba(50,255,168,.12), transparent 34%),
        linear-gradient(180deg, rgba(13,18,31,.92), rgba(8,11,19,.98));
    box-shadow:
        0 28px 80px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.06);
}

.theme-archive-toolbar__head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    text-align:left;
}

.theme-archive-toolbar__eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:10px;
    color:rgba(230,236,255,.72);
    font-size:.79rem;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.theme-archive-toolbar__head h2{
    margin:0;
    font-size:clamp(1.52rem,2.2vw,2.3rem);
    line-height:1.06;
    letter-spacing:-.03em;
}

.theme-archive-toolbar__meta{
    display:grid;
    gap:4px;
    min-width:240px;
    padding:15px 17px;
    border-radius:22px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    text-align:left;
}

.theme-archive-toolbar__meta strong{
    font-size:1.12rem;
}

.theme-archive-toolbar__meta span{
    color:rgba(230,236,255,.68);
    font-size:.92rem;
    line-height:1.55;
}

.theme-archive-toolbar__form{
    display:flex;
    align-items:flex-start;
    gap:12px;
    flex-wrap:wrap;
}

.theme-archive-toolbar__mobile-trigger{
    display:none;
}

.theme-archive-toolbar__search-shell{
    position:relative;
    flex:1 1 520px;
    min-width:280px;
}

.theme-archive-toolbar__field{
    display:flex;
    align-items:center;
    gap:14px;
    min-height:70px;
    padding:0 20px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.12);
    background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

.theme-archive-toolbar.is-open .theme-archive-toolbar__field{
    border-color:rgba(64,224,166,.28);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 0 0 4px rgba(44,201,146,.08);
}

.theme-archive-toolbar__field span{
    color:rgba(230,236,255,.72);
    font-size:1.06rem;
}

.theme-archive-toolbar__field input{
    width:100%;
    border:0;
    outline:0;
    background:transparent;
    color:#fff;
    font-size:1.04rem;
    font-weight:500;
}

.theme-archive-toolbar__field input::placeholder{
    color:rgba(230,236,255,.42);
}

.theme-archive-toolbar__suggestions{
    position:absolute;
    top:calc(100% + 10px);
    left:0;
    right:0;
    z-index:18;
    padding:10px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.1);
    background:rgba(8,11,18,.96);
    box-shadow:0 28px 70px rgba(0,0,0,.34);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}

.theme-archive-toolbar__suggestions-list{
    display:grid;
    gap:8px;
}

.theme-archive-toolbar__suggestion{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:14px 16px;
    border-radius:18px;
    text-decoration:none;
    color:#fff;
    background:rgba(255,255,255,.03);
    border:1px solid transparent;
    transition:transform .2s ease, border-color .2s ease, background .2s ease;
}

.theme-archive-toolbar__suggestion:hover,
.theme-archive-toolbar__suggestion.is-active{
    transform:translateY(-1px);
    border-color:rgba(61,224,164,.2);
    background:rgba(30,39,62,.72);
}

.theme-archive-toolbar__suggestion-copy{
    display:grid;
    gap:4px;
}

.theme-archive-toolbar__suggestion-copy strong{
    font-size:.98rem;
    line-height:1.4;
}

.theme-archive-toolbar__suggestion-copy small{
    color:rgba(230,236,255,.56);
    font-size:.82rem;
}

.theme-archive-toolbar__suggestion-copy mark{
    color:#fff;
    background:rgba(63,224,165,.18);
    border-radius:8px;
    padding:0 .2em;
}

.theme-archive-toolbar__suggestion-arrow{
    color:rgba(230,236,255,.45);
    font-size:1rem;
}

.theme-archive-toolbar__suggestion--empty{
    cursor:default;
    color:rgba(230,236,255,.74);
}

.theme-archive-toolbar__results-link{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    margin-top:2px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
    color:#f7fbff;
    text-decoration:none;
    font-weight:600;
    transition:transform .2s ease, border-color .2s ease, background .2s ease;
}

.theme-archive-toolbar__results-link:hover{
    transform:translateY(-1px);
    border-color:rgba(61,224,164,.22);
    background:rgba(30,39,62,.72);
}

.theme-search-modal{
    position:fixed;
    inset:0;
    z-index:7600;
    display:grid;
    align-items:flex-end;
    background:rgba(3,7,12,.46);
}

.theme-search-modal[hidden]{
    display:none !important;
}

.theme-search-modal__backdrop{
    position:absolute;
    inset:0;
}

.theme-search-modal__sheet{
    position:relative;
    z-index:1;
    width:min(100%, 640px);
    margin:0 auto;
    padding:18px 18px 22px;
    border-radius:30px 30px 0 0;
    border:1px solid rgba(255,255,255,.08);
    border-bottom:0;
    background:
        linear-gradient(180deg, rgba(11,16,26,.98) 0%, rgba(7,10,18,1) 100%);
    box-shadow:0 -24px 64px rgba(0,0,0,.42);
}

.theme-search-modal__topbar{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:16px;
}

.theme-search-modal__eyebrow{
    display:inline-flex;
    margin-bottom:8px;
    color:rgba(230,236,255,.64);
    font-size:.76rem;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.theme-search-modal__topbar h2{
    margin:0;
    font-size:clamp(1.4rem, 5vw, 1.86rem);
    line-height:1.08;
    letter-spacing:-.04em;
    color:#f7fbff;
}

.theme-search-modal__close{
    width:48px;
    height:48px;
    flex:0 0 48px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    color:#f7fbff;
    font-size:1.8rem;
    line-height:1;
}

.theme-search-modal__body{
    gap:16px;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none;
}

.theme-search-modal-open{
    overflow:hidden;
}

.theme-catalog-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    margin:34px auto 0;
    flex-wrap:wrap;
}

.theme-catalog-pagination__pages{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    flex-wrap:wrap;
}

.theme-catalog-pagination__page,
.theme-catalog-pagination__nav{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:48px;
    min-height:48px;
    padding:0 18px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.1);
    background:rgba(255,255,255,.04);
    color:#f5f7ff;
    text-decoration:none;
    transition:transform .2s ease, border-color .2s ease, background .2s ease;
}

.theme-catalog-pagination__page.is-current{
    background:linear-gradient(135deg, rgba(31,178,116,.22), rgba(14,111,77,.34));
    border-color:rgba(68,221,155,.35);
}

.theme-catalog-pagination__page:hover,
.theme-catalog-pagination__nav:hover{
    transform:translateY(-2px);
    border-color:rgba(255,255,255,.22);
}

.theme-catalog-pagination__ellipsis{
    color:rgba(230,236,255,.56);
    padding:0 2px;
}

@media (max-width:920px){
    .theme-catalog-section--archive .theme-catalog-section__intro{
        grid-template-columns:1fr;
    }

    .theme-catalog-section__success-mark{
        display:none;
    }

    .theme-archive-toolbar__head{
        align-items:flex-start;
        flex-direction:column;
    }

    .theme-archive-toolbar__meta{
        min-width:0;
        width:100%;
    }
}

@media (max-width:860px){
    .theme-archive-toolbar{
        gap:14px;
        margin-bottom:18px;
        padding:16px 14px;
        border-radius:22px;
    }

    .theme-archive-toolbar__eyebrow{
        margin-bottom:8px;
        font-size:.74rem;
        letter-spacing:.12em;
    }

    .theme-archive-toolbar__head{
        gap:10px;
    }

    .theme-archive-toolbar__head h2{
        font-size:clamp(1.62rem, 9vw, 2.2rem);
        line-height:1.04;
    }

    .theme-archive-toolbar__meta{
        min-width:0;
        gap:2px;
        padding:12px 14px;
        border-radius:20px;
    }

    .theme-archive-toolbar__form{
        gap:0;
        align-items:stretch;
        flex-direction:column;
    }

    .theme-archive-toolbar__form--desktop{
        display:none;
    }

    .theme-archive-toolbar__mobile-trigger{
        display:flex;
        align-items:center;
        gap:14px;
        width:100%;
        min-height:66px;
        padding:0 16px;
        border-radius:22px;
        border:1px solid rgba(107,240,176,.24);
        background:
            radial-gradient(circle at 12% 50%, rgba(79,226,159,.16), rgba(79,226,159,0) 28%),
            linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035));
        color:#f7fbff;
        text-align:left;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.08),
            0 10px 26px rgba(0,0,0,.18),
            0 0 0 1px rgba(70,208,145,.06);
    }

    .theme-archive-toolbar__mobile-trigger-icon{
        display:grid;
        place-items:center;
        width:36px;
        height:36px;
        border-radius:12px;
        background:linear-gradient(180deg, rgba(72,220,153,.18), rgba(72,220,153,.08));
        color:rgba(240,255,248,.94);
        font-size:1rem;
        flex:0 0 36px;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
    }

    .theme-archive-toolbar__mobile-trigger-copy{
        display:flex;
        align-items:center;
        min-height:100%;
    }

    .theme-archive-toolbar__mobile-trigger-copy strong{
        font-size:1.02rem;
        line-height:1.15;
        font-weight:800;
        letter-spacing:-.01em;
    }

    .theme-archive-toolbar__field{
        width:100%;
        min-height:60px;
        padding:0 15px;
        border-radius:22px;
    }

.theme-archive-toolbar__form .btn{
    width:100%;
    justify-content:center;
}

.theme-archive-toolbar__submit{
    min-height:56px;
}

    .theme-archive-toolbar__search-shell{
        width:100%;
        min-width:0;
    }

    .theme-search-modal__body .theme-archive-toolbar__form--modal{
        display:flex;
    }

    .theme-archive-toolbar__suggestions{
        position:absolute;
        top:calc(100% + 8px);
        left:0;
        right:0;
        margin-top:0;
        padding:8px;
        border-radius:20px;
    }

    .theme-archive-toolbar__suggestions[hidden]{
        display:none !important;
        margin-top:0;
        padding:0;
        border:0;
        box-shadow:none;
    }

    body[data-page-mode="theme-catalog"] .theme-catalog-grid .theme-card--catalog-grid.ui-reveal,
    body[data-page-mode="theme-catalog"] .theme-catalog-section__footer.ui-reveal{
        opacity:1 !important;
        transform:none !important;
        transition:
            box-shadow .38s var(--ui-motion-ease),
            border-color .38s var(--ui-motion-ease),
            background .38s var(--ui-motion-ease) !important;
    }

    body[data-page-mode="theme-catalog"] .theme-catalog-grid,
    body[data-page-mode="theme-catalog"] .theme-catalog-grid .theme-card--catalog-grid{
        content-visibility:visible !important;
        contain-intrinsic-size:auto !important;
    }

    .theme-search-modal__sheet{
        width:100%;
        padding:16px 14px 18px;
        border-radius:26px 26px 0 0;
    }
}

.about-premium{
    position:relative;
    padding-top:22px;
}

.about-premium::before{
    display:none;
}

.about-premium__hero,
.about-premium__intro,
.about-premium__benefits-shell,
.about-premium__vision{
    position:relative;
    z-index:1;
}

.about-premium__hero{
    display:grid;
    grid-template-columns:minmax(0, 1.02fr) minmax(360px, .98fr);
    gap:26px;
    align-items:stretch;
    position:relative;
    padding:12px 0 4px;
}

.about-premium__hero::after{
    display:none;
}

.about-premium__copy,
.about-premium__visual,
.about-premium__service-card,
.about-premium__workflow-card,
.about-premium__benefit-card,
.about-premium__vision-card,
.about-premium__reference-card,
.about-premium__closing{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(10, 16, 26, .82);
    box-shadow:0 30px 80px rgba(0,0,0,.34);
    backdrop-filter:blur(16px);
}

.about-premium__copy,
.about-premium__visual{
    border-radius:34px;
}

.about-premium__copy{
    padding:36px;
}

.about-premium__copy::before,
.about-premium__visual::before,
.about-premium__closing::before{
    content:"";
    position:absolute;
    inset:auto;
    pointer-events:none;
}

.about-premium__copy::before{
    display:none;
}

.about-premium__copy h1{
    margin:0 0 12px;
    font-size:clamp(44px, 6vw, 78px);
    line-height:.9;
    letter-spacing:-.07em;
    max-width:11ch;
    text-wrap:balance;
}

.about-premium__hero-accent{
    display:block;
    color:transparent;
    background:linear-gradient(90deg, #f8fbff 0%, #d2ddff 46%, #ffffff 100%);
    -webkit-background-clip:text;
    background-clip:text;
    text-shadow:0 10px 26px rgba(210,221,255,.1);
}

.about-premium__copy h2{
    margin:0 0 14px;
    max-width:17ch;
    font-size:clamp(22px, 2.6vw, 34px);
    line-height:1.08;
    letter-spacing:-.04em;
    color:#f3f8ff;
}

.about-premium__copy p,
.about-premium__section-head p,
.about-premium__intro-copy p,
.about-premium__service-card p,
.about-premium__workflow-card p,
.about-premium__benefit-card p,
.about-premium__vision-copy p,
.about-premium__reference-card p,
.about-premium__closing p{
    margin:0;
    color:rgba(225,233,244,.76);
    font-size:1.03rem;
    line-height:1.82;
}

.about-premium__actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:22px;
}

.about-premium__quicklinks{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:14px;
}

.about-premium__quicklinks a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 14px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    color:#f2f6ff;
    font-size:.88rem;
    font-weight:700;
    letter-spacing:.01em;
    transition:transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.about-premium__quicklinks a:hover{
    transform:translateY(-2px);
    border-color:rgba(125,158,255,.28);
    background:rgba(22,30,48,.78);
    box-shadow:0 18px 38px rgba(0,0,0,.26);
}

.about-premium__actions--center{
    justify-content:center;
}

.about-premium__stats{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:14px;
    margin-top:24px;
}

.about-premium__stats article{
    padding:18px 18px 20px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
}

.about-premium__stats small,
.about-premium__service-card small,
.about-premium__workflow-step,
.about-premium__vision-card small,
.about-premium__reference-card small{
    display:block;
    color:rgba(182,195,214,.72);
    font-size:.8rem;
    font-weight:700;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.about-premium__stats strong{
    display:block;
    margin-top:10px;
    font-size:1.34rem;
    letter-spacing:-.04em;
}

.about-premium__visual{
    padding:20px;
    min-height:100%;
    display:flex;
    align-items:stretch;
}

.about-premium__visual::before{
    display:none;
}

.about-premium__visual-frame{
    position:relative;
    flex:1 1 auto;
    min-height:520px;
    height:100%;
    border-radius:28px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(10, 16, 26, .9);
}

.about-premium__visual-frame img{
    width:100%;
    height:100%;
    min-height:520px;
    object-fit:cover;
    filter:saturate(1.05) brightness(.58) contrast(1.08);
}

.about-premium__visual-frame::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(5,10,18,.12), rgba(3,6,11,.7));
}

.about-premium__visual-glow{
    position:absolute;
    right:10%;
    bottom:8%;
    width:34%;
    aspect-ratio:1;
    border-radius:50%;
    background:rgba(255,255,255,.06);
    filter:blur(22px);
    opacity:.28;
}

.about-premium__visual-card{
    position:absolute;
    z-index:2;
    padding:18px 18px 20px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.1);
    background:rgba(11, 18, 29, .78);
    box-shadow:0 26px 60px rgba(0,0,0,.32);
    backdrop-filter:blur(18px);
}

.about-premium__visual-card strong,
.about-premium__service-card h3,
.about-premium__workflow-card h3,
.about-premium__benefit-card h3,
.about-premium__vision-card strong,
.about-premium__closing h2{
    display:block;
    margin-top:10px;
    color:#f5f8ff;
    letter-spacing:-.04em;
}

.about-premium__visual-card span{
    display:block;
    margin-top:10px;
    color:rgba(232,239,247,.76);
    line-height:1.7;
}

.about-premium__visual-card--main{
    left:0;
    bottom:22px;
    max-width:320px;
}

.about-premium__visual-card--float{
    top:22px;
    right:0;
    max-width:250px;
}

.about-premium__section{
    position:relative;
    z-index:1;
    padding:36px 0;
}

.about-premium__section-head{
    display:grid;
    gap:14px;
    margin-bottom:18px;
}

.about-premium__section-head h2{
    margin:0;
    max-width:14ch;
    font-size:clamp(32px, 4.2vw, 56px);
    line-height:.98;
    letter-spacing:-.06em;
    text-wrap:balance;
}

.about-premium__section-head--wide{
    margin-bottom:20px;
}

.about-premium__section-head--wide h2{
    max-width:1100px;
}

.about-premium__section-head--wide p{
    max-width:980px;
}

.about-premium__section-head--manifest h2{
    font-size:clamp(36px, 5vw, 64px);
    max-width:1100px;
}

.about-premium__headline-line{
    display:block;
}

.about-premium__headline-secondary{
    display:block;
    color:#f5f8ff;
    text-shadow:0 10px 26px rgba(12,18,28,.18);
}

.about-premium__section-head--split{
    grid-template-columns:minmax(0,1fr) minmax(280px,420px);
    align-items:end;
}

.about-premium__section-meta{
    display:grid;
    gap:16px;
}

.about-premium__section-icons{
    display:flex;
    align-items:center;
    gap:12px;
}

.about-premium__section-icon{
    position:relative;
    display:inline-flex;
    width:54px;
    height:54px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.about-premium__section-icon::before,
.about-premium__section-icon::after{
    content:"";
    position:absolute;
}

.about-premium__section-icon--layers::before{
    left:14px;
    top:14px;
    width:26px;
    height:18px;
    border-radius:8px;
    border:1.5px solid rgba(244,247,255,.84);
}

.about-premium__section-icon--layers::after{
    left:18px;
    top:22px;
    width:18px;
    height:1.5px;
    background:rgba(244,247,255,.78);
    box-shadow:0 6px 0 rgba(244,247,255,.58);
}

.about-premium__section-icon--signal::before{
    left:15px;
    bottom:14px;
    width:6px;
    height:12px;
    border-radius:999px;
    background:rgba(244,247,255,.82);
    box-shadow:10px -4px 0 rgba(244,247,255,.66), 20px -10px 0 rgba(244,247,255,.48);
}

.about-premium__section-icon--spark::before{
    left:17px;
    top:13px;
    width:20px;
    height:28px;
    background:linear-gradient(180deg, rgba(244,247,255,.92), rgba(244,247,255,.52));
    clip-path:polygon(52% 0, 100% 38%, 62% 38%, 84% 100%, 22% 58%, 48% 58%, 0 20%);
}

.about-premium__section-icon--shield::before{
    left:16px;
    top:12px;
    width:22px;
    height:28px;
    border:1.5px solid rgba(244,247,255,.84);
    clip-path:polygon(50% 0, 100% 18%, 100% 60%, 50% 100%, 0 60%, 0 18%);
}

.about-premium__section-icon--speed::before{
    left:13px;
    top:20px;
    width:28px;
    height:14px;
    border-top:1.5px solid rgba(244,247,255,.84);
    border-right:1.5px solid rgba(244,247,255,.84);
    border-radius:0 20px 0 0;
    transform:skewX(-22deg);
}

.about-premium__section-icon--speed::after{
    left:26px;
    top:16px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:rgba(244,247,255,.84);
}

.about-premium__section-icon--orbit::before{
    left:12px;
    top:12px;
    width:28px;
    height:28px;
    border:1.5px solid rgba(244,247,255,.52);
    border-radius:50%;
}

.about-premium__section-icon--orbit::after{
    left:21px;
    top:21px;
    width:10px;
    height:10px;
    border-radius:50%;
    background:rgba(244,247,255,.86);
    box-shadow:12px -8px 0 rgba(244,247,255,.4);
}

.about-premium__intro{
    display:grid;
    grid-template-columns:minmax(0, .86fr) minmax(0, 1.14fr);
    gap:20px;
    align-items:start;
}

.about-premium__story-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:12px;
}

.about-premium__story-card{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(10, 16, 26, .82);
    box-shadow:0 30px 80px rgba(0,0,0,.3);
    padding:22px;
}

.about-premium__story-card::before{
    content:"";
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    height:1px;
    background:linear-gradient(90deg, rgba(255,255,255,.18), rgba(255,255,255,0));
}

.about-premium__story-card p{
    margin:0;
    color:rgba(225,233,244,.78);
    font-size:1rem;
    line-height:1.82;
}

.about-premium__intro-copy{
    display:grid;
    gap:14px;
}

.about-premium__services{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:14px;
}

.about-premium__service-card,
.about-premium__workflow-card,
.about-premium__benefit-card,
.about-premium__vision-card,
.about-premium__reference-card{
    border-radius:28px;
    padding:20px;
    transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.about-premium__service-link{
    display:flex;
    flex-direction:column;
    min-height:100%;
}

.about-premium__service-icon{
    position:relative;
    display:inline-flex;
    width:50px;
    height:50px;
    margin-bottom:14px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.035);
}

.about-premium__service-icon::before,
.about-premium__service-icon::after{
    content:"";
    position:absolute;
}

.about-premium__service-icon--theme::before{
    left:15px;
    top:15px;
    width:26px;
    height:18px;
    border:1.5px solid rgba(244,247,255,.84);
    border-radius:8px;
}

.about-premium__service-icon--theme::after{
    left:19px;
    top:23px;
    width:18px;
    height:1.5px;
    background:rgba(244,247,255,.78);
    box-shadow:0 5px 0 rgba(244,247,255,.55);
}

.about-premium__service-icon--optimize::before{
    left:15px;
    top:15px;
    width:24px;
    height:24px;
    border-radius:50%;
    border:1.5px solid rgba(244,247,255,.84);
}

.about-premium__service-icon--optimize::after{
    left:27px;
    top:17px;
    width:1.5px;
    height:20px;
    background:rgba(244,247,255,.82);
    box-shadow:-8px 8px 0 rgba(244,247,255,.52);
    transform:rotate(28deg);
}

.about-premium__service-icon--code::before{
    left:13px;
    top:20px;
    width:10px;
    height:10px;
    border-left:1.5px solid rgba(244,247,255,.84);
    border-bottom:1.5px solid rgba(244,247,255,.84);
    transform:rotate(45deg);
}

.about-premium__service-icon--code::after{
    right:13px;
    top:20px;
    width:10px;
    height:10px;
    border-right:1.5px solid rgba(244,247,255,.84);
    border-top:1.5px solid rgba(244,247,255,.84);
    transform:rotate(45deg);
    box-shadow:-10px 6px 0 -5px rgba(244,247,255,.68);
}

.about-premium__service-icon--saas::before{
    left:14px;
    top:14px;
    width:28px;
    height:10px;
    border-radius:999px;
    border:1.5px solid rgba(244,247,255,.84);
    box-shadow:0 9px 0 rgba(255,255,255,0), 0 18px 0 rgba(255,255,255,0);
}

.about-premium__service-icon--saas::after{
    left:14px;
    top:23px;
    width:28px;
    height:18px;
    border-radius:10px;
    border:1.5px solid rgba(244,247,255,.48);
}

.about-premium__service-icon--mobile::before{
    left:19px;
    top:11px;
    width:18px;
    height:32px;
    border-radius:8px;
    border:1.5px solid rgba(244,247,255,.84);
}

.about-premium__service-icon--mobile::after{
    left:25px;
    top:37px;
    width:6px;
    height:2px;
    border-radius:999px;
    background:rgba(244,247,255,.84);
}

.about-premium__service-icon--ads::before{
    left:14px;
    bottom:14px;
    width:6px;
    height:10px;
    border-radius:999px;
    background:rgba(244,247,255,.82);
    box-shadow:10px -6px 0 rgba(244,247,255,.66), 20px -12px 0 rgba(244,247,255,.52);
}

.about-premium__service-icon--ads::after{
    left:14px;
    top:16px;
    width:26px;
    height:1.5px;
    background:rgba(244,247,255,.32);
}

.about-premium__service-card::before,
.about-premium__workflow-card::before,
.about-premium__benefit-card::before,
.about-premium__vision-card::before,
.about-premium__reference-card::before{
    content:"";
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    height:1px;
    background:linear-gradient(90deg, rgba(255,255,255,.18), rgba(255,255,255,0));
}

.about-premium__service-card:hover,
.about-premium__workflow-card:hover,
.about-premium__benefit-card:hover,
.about-premium__vision-card:hover,
.about-premium__reference-card:hover{
    transform:translateY(-6px);
    border-color:rgba(139,164,255,.24);
    box-shadow:0 38px 94px rgba(0,0,0,.42);
}

.about-premium__service-card h3,
.about-premium__workflow-card h3,
.about-premium__benefit-card h3{
    margin:12px 0 12px;
    font-size:1.42rem;
    line-height:1.16;
}

.about-premium__service-card p{
    margin-bottom:auto;
}

.about-premium__service-linkline{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:16px;
    padding-top:14px;
    border-top:1px solid rgba(255,255,255,.08);
    color:#eef4ff;
    font-weight:700;
    letter-spacing:-.01em;
}

.about-premium__service-linkline i{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    border-radius:50%;
    background:rgba(255,255,255,.06);
    font-style:normal;
    transition:transform .22s ease, background .22s ease;
}

.about-premium__service-card:hover .about-premium__service-linkline i{
    transform:translate(2px,-2px);
    background:rgba(88,244,132,.12);
}

.about-premium__workflow{
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:14px;
}

.about-premium__workflow-step{
    color:#8fb2ff;
}

.about-premium__benefits{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:10px;
}

.about-premium__benefits-shell{
    display:grid;
    grid-template-columns:minmax(280px, .82fr) minmax(0, 1.18fr);
    gap:12px;
    align-items:start;
}

.about-premium__benefits-lead{
    position:relative;
    display:grid;
    gap:10px;
    padding:18px;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(10,16,26,.82);
    box-shadow:0 30px 80px rgba(0,0,0,.3);
}

.about-premium__benefits-lead h2{
    margin:0;
    font-size:clamp(30px, 4vw, 52px);
    line-height:1.02;
    letter-spacing:-.06em;
}

.about-premium__headline-accent{
    display:block;
    color:transparent;
    background:linear-gradient(90deg, #ffffff 0%, #c8d6ff 46%, #f7fbff 100%);
    -webkit-background-clip:text;
    background-clip:text;
    text-shadow:0 8px 28px rgba(255,255,255,.08);
}

.about-premium__headline-accent--emerald{
    background:linear-gradient(90deg, #f2fff8 0%, #8ef2bc 42%, #dcfff0 100%);
    -webkit-background-clip:text;
    background-clip:text;
    text-shadow:0 12px 30px rgba(98, 255, 179, .12);
}

.about-premium__headline-accent--violet{
    background:linear-gradient(90deg, #fbf7ff 0%, #bfa6ff 44%, #efe6ff 100%);
    -webkit-background-clip:text;
    background-clip:text;
    text-shadow:0 12px 30px rgba(162, 121, 255, .12);
}

.about-premium__headline-accent--amber{
    background:linear-gradient(90deg, #fff8eb 0%, #ffc970 45%, #fff1c8 100%);
    -webkit-background-clip:text;
    background-clip:text;
    text-shadow:0 12px 30px rgba(255, 191, 90, .12);
}

.about-premium__headline-accent--cyan{
    background:linear-gradient(90deg, #ecfdff 0%, #84ecff 46%, #dffaff 100%);
    -webkit-background-clip:text;
    background-clip:text;
    text-shadow:0 12px 30px rgba(95, 225, 255, .12);
}

.about-premium__headline-accent--rose{
    background:linear-gradient(90deg, #fff2f8 0%, #ff8db7 44%, #ffe0ea 100%);
    -webkit-background-clip:text;
    background-clip:text;
    text-shadow:0 12px 30px rgba(255, 124, 178, .12);
}

.about-premium__headline-accent--gold{
    background:linear-gradient(90deg, #fffaf0 0%, #f2c677 46%, #fff0cf 100%);
    -webkit-background-clip:text;
    background-clip:text;
    text-shadow:0 12px 30px rgba(242, 198, 119, .12);
}

.about-premium__headline-accent--azure{
    background:linear-gradient(90deg, #f5fbff 0%, #8ab7ff 46%, #e1eeff 100%);
    -webkit-background-clip:text;
    background-clip:text;
    text-shadow:0 12px 30px rgba(120, 163, 255, .12);
}

.about-premium__headline-secondary--mist{
    color:#f4f8ff;
}

.about-premium__headline-secondary--violet-soft{
    color:#ede4ff;
}

.about-premium__headline-secondary--amber-soft{
    color:#fff0cf;
}

.about-premium__headline-secondary--cyan-soft{
    color:#defaff;
}

.about-premium__headline-secondary--rose-soft{
    color:#ffe3eb;
}

.about-premium__headline-secondary--gold-soft{
    color:#fff0d6;
}

.about-premium__headline-secondary--azure-soft{
    color:#e5efff;
}

.about-premium__benefits-grid{
    display:block;
}

.about-premium__section-icons--benefits{
    padding-top:4px;
}

.about-premium__benefit-card h3{
    font-size:1.16rem;
}

.about-premium__benefit-card:last-child{
    grid-column:auto;
}

.about-premium__vision{
    display:grid;
    grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr);
    gap:14px;
    align-items:start;
}

.about-premium__vision-copy{
    display:grid;
    gap:14px;
}

.about-premium__vision-cards{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:10px;
}

.about-premium__vision-card strong{
    font-size:1.34rem;
    line-height:1.18;
}

.about-premium__references-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:10px;
}

.about-premium__closing{
    padding:28px;
    border-radius:34px;
    text-align:center;
    background:rgba(9,14,24,.86);
}

.about-premium__closing::before{
    display:none;
}

.about-premium__closing h2{
    margin:14px auto 12px;
    max-width:16ch;
    font-size:clamp(32px,4.4vw,56px);
    line-height:1;
}

.about-premium__closing p{
    max-width:760px;
    margin:0 auto;
}

@media (max-width:1200px){
    .about-premium__services{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }

    .about-premium__workflow{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }

    .about-premium__story-grid,
    .about-premium__benefits,
    .about-premium__vision-cards{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }
}

@media (max-width:980px){
    .about-premium__hero,
    .about-premium__intro,
    .about-premium__vision,
    .about-premium__section-head--split{
        grid-template-columns:1fr;
    }

    .about-premium__section-icons{
        display:none;
    }

    .about-premium__visual-frame,
    .about-premium__visual-frame img{
        min-height:420px;
    }

    .about-premium__benefits{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }

    .about-premium__references-grid{
        grid-template-columns:1fr;
    }

    .about-premium__section-head--wide h2,
    .about-premium__section-head--manifest h2{
        max-width:unset;
    }

    .about-premium__headline-line{
        display:inline;
    }
}

@media (max-width:720px){
    .about-premium{
        padding-top:18px;
    }

    .about-premium__hero{
        align-items:start;
    }

    .about-premium__section{
        padding:24px 0;
    }

    .about-premium__copy,
    .about-premium__visual,
    .about-premium__service-card,
    .about-premium__workflow-card,
    .about-premium__benefit-card,
    .about-premium__vision-card,
    .about-premium__reference-card,
    .about-premium__closing{
        border-radius:24px;
    }

    .about-premium__copy{
        padding:28px 22px;
    }

    .about-premium__copy h1{
        max-width:12ch;
    }

    .about-premium__copy h2{
        max-width:unset;
    }

    .about-premium__quicklinks{
        gap:10px;
    }

    .about-premium__quicklinks a{
        width:100%;
        justify-content:space-between;
        min-height:46px;
    }

    .about-premium__stats,
    .about-premium__services,
    .about-premium__workflow,
    .about-premium__benefits,
    .about-premium__story-grid,
    .about-premium__vision-cards{
        grid-template-columns:1fr;
    }

    .about-premium__visual{
        display:block;
        padding:14px;
    }

    .about-premium__hero::after,
    .about-premium__copy::before,
    .about-premium__visual::before{
        display:none;
    }

    .about-premium__benefits-lead{
        padding:22px;
    }

    .about-premium__visual-frame,
    .about-premium__visual-frame img{
        min-height:320px;
    }

    .about-premium__visual-frame{
        height:auto;
    }

    .about-premium__visual-card{
        position:relative;
        inset:auto;
        max-width:none;
        margin-top:14px;
    }

    .about-premium__closing{
        padding:28px 20px;
    }

.about-premium__benefit-card:last-child{
        grid-column:auto;
    }
}

@media (min-width:861px){
    .site-header,
    .hero-visual-shell,
    .hero .hero-visual-slider__dots,
    .hero .hero-visual-slider__arrow{
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
    }

    .site-header{
        background:rgba(7,10,15,.92) !important;
    }

}

/* Accessibility contrast tune-up */
:root{
    --muted:#b5c0cb;
    --muted-2:#98a6b5;
}

.nav-meta__line,
.nav-meta__support,
.nav-meta__support span,
.nav-meta__support a{
    color:#c4d0dc !important;
}

.hero-proof{
    color:#bcc8d5 !important;
}

.hero-proof p{
    color:#d3dce6 !important;
}

.proof-row{
    color:#b1bdca !important;
}

.screen-head{
    color:#5a6674 !important;
}

.light-body p{
    color:#4f5968 !important;
}

.dark-sub,
.hero-visual-slide__copy span{
    color:#c1cad6 !important;
}

.theme-archive-toolbar__eyebrow,
.theme-archive-toolbar__meta span,
.theme-archive-toolbar__field span,
.theme-search-modal__eyebrow{
    color:rgba(230,236,255,.84) !important;
}

.theme-archive-toolbar__field input::placeholder{
    color:rgba(230,236,255,.66) !important;
}

.theme-archive-toolbar__suggestion-copy small,
.theme-archive-toolbar__suggestion-arrow,
.theme-archive-toolbar__suggestion--empty{
    color:rgba(230,236,255,.76) !important;
}

/* Public editorial alignment revamp */
.page-hero-shell--editorial{
    grid-template-columns:1fr !important;
    gap:18px !important;
    align-items:start !important;
}

.page-hero-shell--editorial .page-hero-shell__copy{
    padding:40px 42px 36px;
    max-width:none;
}

.page-hero-shell__headline{
    margin:18px 0 0;
    font-size:clamp(38px,5vw,66px);
    line-height:.98;
    letter-spacing:-.07em;
    text-wrap:balance;
}

.page-hero-shell__headline-line{
    display:block;
}

.page-hero-shell__headline-accent{
    display:block;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}

.page-hero-shell--tone-emerald .page-hero-shell__headline-accent{
    background-image:linear-gradient(135deg,#f6fff9 0%,#94ffba 40%,#53d98c 100%);
}

.page-hero-shell--tone-violet .page-hero-shell__headline-accent{
    background-image:linear-gradient(135deg,#faf7ff 0%,#d8c0ff 42%,#a17cff 100%);
}

.page-hero-shell--tone-gold .page-hero-shell__headline-accent{
    background-image:linear-gradient(135deg,#fffaf0 0%,#ffd98a 45%,#d7a23b 100%);
}

.page-hero-shell--tone-azure .page-hero-shell__headline-accent{
    background-image:linear-gradient(135deg,#f8fcff 0%,#b3dcff 42%,#64a9ff 100%);
}

.page-hero-shell--tone-cyan .page-hero-shell__headline-accent{
    background-image:linear-gradient(135deg,#f3feff 0%,#9cecff 42%,#41bdd8 100%);
}

.page-hero-shell__support-copy{
    display:grid;
    gap:8px;
    margin-top:18px;
    max-width:72ch;
}

.page-hero-shell__support-copy strong{
    display:block;
    color:#f6fbff;
    font-size:21px;
    line-height:1.24;
    letter-spacing:-.04em;
}

.page-hero-shell__support-copy span{
    display:block;
    color:#b0bed0;
    font-size:16px;
    line-height:1.76;
}

.page-hero-shell__support-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-top:26px;
}

.page-hero-shell__support-card{
    display:grid;
    gap:8px;
    min-height:132px;
    padding:18px 20px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.07);
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012));
    box-shadow:0 18px 40px rgba(0,0,0,.14);
}

.page-hero-shell__support-card small{
    color:#8fa4b8;
    font-size:11px;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.page-hero-shell__support-card strong{
    display:block;
    color:#f3f8ff;
    font-size:20px;
    line-height:1.18;
    letter-spacing:-.04em;
}

.page-hero-shell__support-card span{
    display:block;
    color:#aebdce;
    font-size:14px;
    line-height:1.64;
}

.faq-stage{
    gap:18px !important;
}

.faq-stage__intro{
    padding:34px 34px 32px;
    align-content:start;
}

.faq-stage__intro h2{
    margin:14px 0 0;
    font-size:clamp(34px,4.4vw,58px);
    line-height:1;
    letter-spacing:-.06em;
}

.faq-stage__intro h2 span{
    display:block;
}

.faq-stage__intro p{
    margin-top:14px;
    max-width:58ch;
}

.contact-card__rail{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.contact-stage__support{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.cta-stage__copy h2{
    max-width:16ch;
}

.software-city-page__hero h1{
    max-width:14ch;
}

.software-city-page__intro p,
.software-city-cluster__trust-card p,
.software-city-cluster__link span,
.software-city-section__copy p,
.software-city-cta p,
.software-city-faq__item p{
    color:#b5c1cf;
}

@media (max-width:1100px){
    .page-hero-shell__support-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:860px){
    .page-hero-shell--editorial .page-hero-shell__copy{
        padding:22px;
    }

    .page-hero-shell__headline{
        font-size:clamp(34px,9vw,48px);
    }

    .page-hero-shell__support-grid,
    .contact-card__rail,
    .contact-stage__support{
        grid-template-columns:1fr;
    }

    .faq-stage__intro{
        padding:24px 22px;
    }
}

/* Local software editorial stage */
.software-local-stage{
    padding-top:8px;
}

.software-local-stage__grid{
    display:grid;
    grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);
    gap:20px;
    align-items:stretch;
}

.software-local-stage__media,
.software-local-stage__card{
    position:relative;
    border-radius:30px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg,rgba(14,20,33,.84),rgba(8,12,20,.9));
    box-shadow:0 24px 62px rgba(0,0,0,.2);
    overflow:hidden;
}

.software-local-stage__media picture,
.software-local-stage__media img{
    display:block;
    width:100%;
    height:100%;
}

.software-local-stage__media img{
    min-height:520px;
    object-fit:cover;
}

.software-local-stage__stack{
    display:grid;
    gap:16px;
}

.software-local-stage__mini-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.software-local-stage__card{
    display:grid;
    gap:10px;
    padding:22px;
}

.software-local-stage__card--lead{
    padding:26px 24px;
}

.software-local-stage__card small{
    color:#8fa6bb;
    font-size:11px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.software-local-stage__card strong{
    color:#f4f8fc;
    font-size:clamp(22px,2.2vw,32px);
    line-height:1.08;
    letter-spacing:-.05em;
}

.software-local-stage__mini-grid .software-local-stage__card strong,
.software-local-stage__links strong{
    font-size:18px;
    line-height:1.16;
    letter-spacing:-.03em;
}

.software-local-stage__card span,
.software-local-stage__links span{
    color:#b4c6d7;
    font-size:15px;
    line-height:1.72;
}

.software-local-stage__links{
    display:grid;
    gap:10px;
}

.software-local-stage__links a{
    display:grid;
    gap:6px;
    padding:16px 18px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.06);
    background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012));
    text-decoration:none;
    color:inherit;
    transition:border-color .24s ease, transform .24s ease, background .24s ease;
}

.software-local-stage__links a:hover{
    transform:translateY(-2px);
    border-color:rgba(255,255,255,.14);
    background:linear-gradient(180deg,rgba(255,255,255,.044),rgba(255,255,255,.016));
}

.software-local-content{
    padding-top:8px;
}

@media (max-width:1100px){
    .software-local-stage__grid{
        grid-template-columns:1fr;
    }

    .software-local-stage__media img{
        min-height:380px;
    }

    .software-local-stage__mini-grid{
        grid-template-columns:1fr;
    }
}

@media (max-width:860px){
    .software-local-stage{
        padding-top:2px;
    }

    .software-local-stage__grid{
        gap:16px;
    }

    .software-local-stage__media,
    .software-local-stage__card{
        border-radius:24px;
    }

    .software-local-stage__card{
        padding:18px;
    }

    .software-local-stage__card--lead{
        padding:20px 18px;
    }

    .software-local-stage__media img{
        min-height:280px;
    }

    .software-local-stage__links a{
        padding:14px 16px;
        border-radius:18px;
    }
}

/* Packages page refresh */
.page-hero-section--packages{
    padding-top:18px;
    padding-bottom:54px;
}

.page-hero-shell--packages{
    display:block;
}

.page-hero-shell--packages .page-hero-shell__aside{
    display:none;
}

.page-hero-shell--packages .page-hero-shell__copy{
    max-width:none;
    margin:0 auto;
    padding:54px 56px 42px;
    text-align:left;
    overflow:hidden;
}

.page-hero-shell--packages .page-hero-shell__headline{
    max-width:none;
}

.page-hero-shell--packages .page-hero-shell__copy::after{
    content:"";
    position:absolute;
    right:98px;
    top:50%;
    width:200px;
    height:200px;
    transform:translateY(-50%) rotate(-7deg);
    pointer-events:none;
    opacity:.7;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none'%3E%3Crect x='26' y='46' width='54' height='108' rx='18' stroke='rgba(196,248,214,0.9)' stroke-width='5.5'/%3E%3Crect x='120' y='58' width='54' height='96' rx='18' stroke='rgba(126,200,255,0.92)' stroke-width='5.5'/%3E%3Cpath d='M52 76h20' stroke='rgba(255,255,255,0.22)' stroke-width='4.5' stroke-linecap='round'/%3E%3Cpath d='M52 96h16' stroke='rgba(255,255,255,0.14)' stroke-width='4.5' stroke-linecap='round'/%3E%3Cpath d='M52 116h18' stroke='rgba(255,255,255,0.14)' stroke-width='4.5' stroke-linecap='round'/%3E%3Cpath d='M146 84h20' stroke='rgba(255,255,255,0.22)' stroke-width='4.5' stroke-linecap='round'/%3E%3Cpath d='M146 104h16' stroke='rgba(255,255,255,0.14)' stroke-width='4.5' stroke-linecap='round'/%3E%3Cpath d='M146 124h18' stroke='rgba(255,255,255,0.14)' stroke-width='4.5' stroke-linecap='round'/%3E%3Cpath d='M92 86h20' stroke='rgba(120,255,175,0.72)' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M102 76l10 10-10 10' stroke='rgba(120,255,175,0.72)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M108 114H88' stroke='rgba(126,200,255,0.74)' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M98 104l-10 10 10 10' stroke='rgba(126,200,255,0.74)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='100' cy='100' r='78' stroke='rgba(255,255,255,0.06)' stroke-width='1.5'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    filter:drop-shadow(0 18px 34px rgba(53,193,104,.12));
}

.page-hero-shell--packages .page-hero-shell__copy::before{
    content:"";
    position:absolute;
    right:116px;
    top:50%;
    width:190px;
    height:190px;
    transform:translateY(-50%);
    border-radius:50%;
    pointer-events:none;
    background:
        radial-gradient(circle, rgba(103,255,153,.12) 0%, rgba(103,255,153,.04) 30%, rgba(103,255,153,0) 68%),
        radial-gradient(circle at 40% 38%, rgba(126,200,255,.08) 0%, rgba(126,200,255,0) 58%);
    opacity:.66;
}

.page-hero-shell--packages .page-hero-shell__copy h1{
    max-width:min(820px, calc(100% - 220px));
    margin:0 0 14px;
    font-size:clamp(44px,5.4vw,78px);
    line-height:.94;
    letter-spacing:-.075em;
    position:relative;
    z-index:1;
}

.page-hero-shell--packages .page-hero-shell__copy p{
    max-width:min(680px, calc(100% - 240px));
    font-size:18px;
    line-height:1.66;
    position:relative;
    z-index:1;
}

.page-hero-shell--packages .hero-cta{
    margin-top:28px;
    position:relative;
    z-index:1;
}

.pricing-sheet-section{
    padding-top:0;
    padding-bottom:90px;
}

.pricing-sheet{
    display:grid;
    gap:0;
}

.pricing-sheet__grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
    align-items:stretch;
}

.pricing-sheet__card{
    position:relative;
    display:grid;
    gap:22px;
    align-content:start;
    min-height:100%;
    padding:32px 30px 30px;
    border-radius:30px;
    border:1px solid rgba(255,255,255,.09);
    background:
        radial-gradient(circle at 88% 10%, rgba(126,200,255,.06) 0%, rgba(126,200,255,0) 30%),
        linear-gradient(180deg, rgba(255,255,255,.042) 0%, rgba(255,255,255,.016) 100%),
        linear-gradient(180deg, rgba(9,13,18,.985) 0%, rgba(5,8,12,.995) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03),
        0 24px 56px rgba(0,0,0,.2);
    overflow:hidden;
}

.pricing-sheet__card--preferred{
    border-color:rgba(125,255,170,.42);
    background:
        radial-gradient(circle at 84% 10%, rgba(103,255,153,.16) 0%, rgba(103,255,153,.04) 28%, rgba(103,255,153,0) 54%),
        radial-gradient(circle at 16% 12%, rgba(255,223,130,.08) 0%, rgba(255,223,130,0) 28%),
        linear-gradient(180deg, rgba(255,255,255,.062) 0%, rgba(255,255,255,.018) 100%),
        linear-gradient(180deg, rgba(8,13,17,.99) 0%, rgba(5,9,12,.998) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 38px 94px rgba(65,234,121,.16),
        0 22px 60px rgba(0,0,0,.24);
}

.pricing-sheet__card--preferred::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    padding:1px;
    background:linear-gradient(145deg, rgba(132,255,179,.78), rgba(239,210,116,.26), rgba(132,255,179,0));
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    opacity:.8;
}

.pricing-sheet__badge{
    position:absolute;
    top:20px;
    right:20px;
    display:inline-flex;
    align-items:center;
    min-height:36px;
    padding:0 14px;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(255,248,224,.1), rgba(123,255,171,.06));
    border:1px solid rgba(255,255,255,.12);
    color:#edf5ee;
    font-size:12px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:none;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.09),
        0 10px 22px rgba(94,223,134,.08);
}

.pricing-sheet__card-top{
    display:grid;
    gap:12px;
}

.pricing-sheet__card-top h3{
    margin:0;
    padding-right:128px;
    font-size:clamp(30px,3.4vw,39px);
    line-height:.98;
    letter-spacing:-.058em;
}

.pricing-sheet__card-top p{
    margin:0;
    max-width:34ch;
    color:#c1ccd8;
    font-size:15px;
    line-height:1.74;
}

.pricing-sheet__price-wrap{
    display:flex;
    align-items:flex-end;
    gap:12px;
    padding-bottom:18px;
    border-bottom:1px solid rgba(255,255,255,.07);
}

.pricing-sheet__price{
    font-size:clamp(38px,4vw,54px);
    font-weight:900;
    line-height:.9;
    letter-spacing:-.07em;
    text-wrap:balance;
}

.pricing-sheet__price--quote{
    font-size:clamp(28px,3.2vw,40px);
    font-weight:700;
    line-height:1.04;
    letter-spacing:-.03em;
    color:#edf3f8;
}

.pricing-sheet__period{
    padding-bottom:8px;
    color:#94a6b8;
    font-size:14px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.pricing-sheet__price-note{
    margin:-8px 0 0;
    color:#9bb0c2;
    font-size:14px;
    line-height:1.75;
}

.pricing-sheet__difference{
    display:grid;
    gap:7px;
    padding:20px 20px 18px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.08);
    background:
        radial-gradient(circle at 86% 18%, rgba(126,200,255,.05) 0%, rgba(126,200,255,0) 34%),
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018));
}

.pricing-sheet__difference small{
    color:#96aabc;
    font-size:11px;
    font-weight:800;
    letter-spacing:.2em;
    text-transform:uppercase;
}

.pricing-sheet__difference strong{
    color:#f5f8fc;
    font-size:16px;
    line-height:1.62;
}

.pricing-sheet__features{
    display:grid;
    gap:12px;
    margin:0;
    padding:0;
    list-style:none;
}

.pricing-sheet__features li{
    position:relative;
    padding-left:24px;
    color:#d8e2eb;
    font-size:15px;
    line-height:1.74;
}

.pricing-sheet__features li::before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:10px;
    height:10px;
    border-radius:50%;
    background:linear-gradient(180deg,#7bffab 0%,#30cf68 100%);
    box-shadow:0 0 0 4px rgba(65,234,121,.09);
}

.pricing-sheet__fit{
    margin:0;
    color:#a8b8c8;
    font-size:14px;
    line-height:1.76;
}

.pricing-sheet__button{
    width:100%;
    min-height:60px;
    margin-top:auto;
    justify-self:stretch;
    font-size:16px;
    border-radius:20px;
}

@media (hover:hover) and (pointer:fine){
    .pricing-sheet__card{
        transition:transform .26s ease, box-shadow .26s ease, border-color .26s ease, background-color .26s ease;
    }

    .pricing-sheet__card:hover{
        transform:translateY(-4px);
        border-color:rgba(255,255,255,.12);
        box-shadow:0 34px 84px rgba(0,0,0,.24);
    }
}

@media (max-width:1100px){
    .pricing-sheet__grid{
        grid-template-columns:1fr;
    }
}

@media (max-width:860px){
    .page-hero-section--packages{
        padding-bottom:22px;
    }

    .page-hero-shell--packages .page-hero-shell__copy{
        padding:30px 22px 22px;
    }

    .page-hero-shell--packages .page-hero-shell__copy::before,
    .page-hero-shell--packages .page-hero-shell__copy::after{
        display:none;
    }

    .page-hero-shell--packages .page-hero-shell__copy h1{
        max-width:none;
        font-size:clamp(38px,10vw,54px);
        line-height:.96;
    }

    .page-hero-shell--packages .hero-cta{
        gap:12px;
    }

    .page-hero-shell--packages .hero-cta .btn{
        min-height:56px;
        border-radius:18px;
    }

    .page-hero-shell--packages .page-hero-shell__copy p{
        max-width:none;
        font-size:16px;
        line-height:1.62;
    }

    .pricing-sheet-section{
        padding-top:2px;
        padding-bottom:54px;
    }

    .pricing-sheet{
        gap:0;
    }

    .pricing-sheet__card{
        gap:18px;
        padding:24px 18px 20px;
        border-radius:26px;
        box-shadow:0 18px 42px rgba(0,0,0,.18);
    }

    .pricing-sheet__card--preferred{
        order:-1;
        box-shadow:
            0 24px 56px rgba(65,234,121,.14),
            0 20px 42px rgba(0,0,0,.18);
    }

    .pricing-sheet__badge{
        position:static;
        width:max-content;
        margin-bottom:2px;
    }

    .pricing-sheet__card-top h3{
        padding-right:0;
        font-size:32px;
    }

    .pricing-sheet__price{
        font-size:42px;
    }

    .pricing-sheet__price--quote{
        font-size:34px;
        line-height:1.08;
    }

    .pricing-sheet__button{
        min-height:58px;
        font-size:15px;
        border-radius:20px;
    }
}

.packages-explainer-section{
    padding-top:0;
    padding-bottom:92px;
}

.packages-explainer{
    width:min(1320px,calc(100% - 32px));
}

.packages-explainer__shell{
    display:grid;
    gap:28px;
    padding:34px;
    border-radius:34px;
    border:1px solid rgba(255,255,255,.08);
    background:
        radial-gradient(circle at 86% 12%, rgba(126,200,255,.06) 0%, rgba(126,200,255,0) 26%),
        radial-gradient(circle at 12% 16%, rgba(103,255,153,.07) 0%, rgba(103,255,153,0) 24%),
        linear-gradient(180deg, rgba(255,255,255,.032) 0%, rgba(255,255,255,.014) 100%),
        linear-gradient(180deg, rgba(8,12,17,.985) 0%, rgba(6,9,13,.995) 100%);
    box-shadow:0 30px 78px rgba(0,0,0,.22);
}

.packages-explainer__head{
    display:grid;
    gap:16px;
    max-width:980px;
}

.packages-explainer__eyebrow{
    display:inline-flex;
    align-items:center;
    width:max-content;
    min-height:36px;
    padding:0 14px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
    color:#dde7f0;
    font-size:12px;
    font-weight:800;
    letter-spacing:.16em;
    text-transform:uppercase;
}

.packages-explainer__head h2{
    margin:0;
    max-width:12ch;
    font-size:clamp(42px,5vw,68px);
    line-height:.94;
    letter-spacing:-.072em;
    text-wrap:balance;
}

.packages-explainer__head p{
    margin:0;
    max-width:60ch;
    color:#c1cddb;
    font-size:19px;
    line-height:1.78;
}

.packages-explainer__story{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);
    gap:18px;
    align-items:stretch;
}

.packages-explainer__story-copy,
.packages-explainer__quote,
.packages-explainer__card{
    border-radius:28px;
    border:1px solid rgba(255,255,255,.07);
    background:linear-gradient(180deg, rgba(255,255,255,.028) 0%, rgba(255,255,255,.012) 100%);
    box-shadow:0 20px 48px rgba(0,0,0,.14);
}

.packages-explainer__story-copy{
    display:grid;
    gap:14px;
    padding:24px 26px;
}

.packages-explainer__story-copy p{
    margin:0;
    color:#c7d2de;
    font-size:17px;
    line-height:1.76;
}

.packages-explainer__quote{
    display:grid;
    align-content:center;
    gap:10px;
    padding:26px;
    background:
        radial-gradient(circle at 76% 20%, rgba(103,255,153,.08) 0%, rgba(103,255,153,0) 36%),
        linear-gradient(180deg, rgba(255,255,255,.034) 0%, rgba(255,255,255,.012) 100%);
}

.packages-explainer__quote strong{
    color:#e6edf5;
    font-size:15px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.packages-explainer__quote span{
    color:#f4f8fc;
    font-size:clamp(24px,2.6vw,34px);
    font-weight:800;
    line-height:1.18;
    letter-spacing:-.05em;
}

.packages-explainer__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.packages-explainer__card{
    display:grid;
    gap:18px;
    padding:26px;
}

.packages-explainer__card h3{
    margin:0;
    font-size:clamp(28px,3.2vw,38px);
    line-height:1.02;
    letter-spacing:-.05em;
}

.packages-explainer__card p{
    margin:0;
    color:#bcc8d6;
    font-size:16px;
    line-height:1.74;
}

.packages-explainer__subhead{
    padding-top:4px;
}

.packages-explainer__subhead strong{
    color:#eef4fa;
    font-size:16px;
    line-height:1.3;
}

.packages-explainer__list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.packages-explainer__list span{
    display:flex;
    align-items:flex-start;
    min-height:100%;
    padding:16px 18px 16px 42px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.07);
    background:rgba(255,255,255,.022);
    color:#d5e0ea;
    font-size:15px;
    line-height:1.58;
    position:relative;
}

.packages-explainer__list span::before{
    content:"";
    position:absolute;
    left:18px;
    top:18px;
    width:10px;
    height:10px;
    border-radius:50%;
    background:linear-gradient(180deg,#7fffad 0%,#2fc767 100%);
    box-shadow:0 0 0 4px rgba(65,234,121,.08);
}

@media (max-width:1100px){
    .packages-explainer__story,
    .packages-explainer__grid,
    .packages-explainer__list{
        grid-template-columns:1fr;
    }
}

@media (max-width:860px){
    .packages-explainer-section{
        padding-bottom:58px;
    }

    .packages-explainer{
        width:min(100%,calc(100% - 24px));
    }

    .packages-explainer__shell{
        gap:18px;
        padding:22px 18px;
        border-radius:28px;
    }

    .packages-explainer__head h2{
        max-width:none;
        font-size:clamp(31px,9vw,42px);
    }

    .packages-explainer__head p{
        font-size:16px;
        line-height:1.68;
    }

    .packages-explainer__story-copy,
    .packages-explainer__quote,
    .packages-explainer__card{
        border-radius:22px;
    }

    .packages-explainer__story-copy,
    .packages-explainer__quote,
    .packages-explainer__card{
        padding:20px 18px;
    }

    .packages-explainer__quote span{
        font-size:26px;
        line-height:1.2;
    }

    .packages-explainer__card h3{
        font-size:30px;
    }

    .packages-explainer__list span{
        padding:14px 16px 14px 40px;
        border-radius:18px;
    }
}

.packages-explainer__shell{
    gap:20px;
}

.packages-explainer__head{
    max-width:1040px;
}

.packages-explainer__head h2{
    max-width:12ch;
}

.packages-explainer__article{
    display:grid;
    gap:20px;
    padding:36px 36px 34px;
    border-radius:34px;
    border:1px solid rgba(255,255,255,.08);
    background:
        radial-gradient(circle at 88% 14%, rgba(126,200,255,.06) 0%, rgba(126,200,255,0) 30%),
        radial-gradient(circle at 14% 16%, rgba(103,255,153,.05) 0%, rgba(103,255,153,0) 28%),
        linear-gradient(180deg, rgba(255,255,255,.034) 0%, rgba(255,255,255,.012) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03),
        0 26px 62px rgba(0,0,0,.18);
}

.packages-explainer__article h3{
    margin:10px 0 2px;
    font-size:clamp(30px,3.4vw,40px);
    line-height:1;
    letter-spacing:-.055em;
}

.packages-explainer__article p{
    margin:0;
    max-width:76ch;
    color:#ccd6df;
    font-size:18px;
    line-height:1.92;
}

.packages-explainer__article p:first-of-type{
    font-size:20px;
    line-height:1.88;
    color:#e7eef5;
}

@media (max-width:860px){
    .packages-explainer__head h2{
        max-width:none;
    }

    .packages-explainer__article{
        gap:16px;
        padding:24px 18px 22px;
        border-radius:26px;
    }

    .packages-explainer__article h3{
        font-size:30px;
    }

    .packages-explainer__article p{
        max-width:none;
        font-size:16px;
        line-height:1.8;
    }

    .packages-explainer__article p:first-of-type{
        font-size:17px;
        line-height:1.82;
    }
}

/* Packages explainer editorial upgrade */
.packages-explainer__shell--editorial{
    gap:26px;
    padding:46px 42px 42px;
}

.packages-explainer__head--editorial{
    margin-bottom:0;
}

.packages-explainer__head--editorial h2{
    max-width:1100px;
}

.packages-explainer__head--editorial p{
    max-width:72ch;
    color:#c9d3dd;
    font-size:19px;
    line-height:1.82;
}

.packages-explainer__article--editorial{
    gap:22px;
    padding:42px 40px 38px;
    border-radius:36px;
    background:
        radial-gradient(circle at 88% 14%, rgba(126,200,255,.08) 0%, rgba(126,200,255,0) 30%),
        radial-gradient(circle at 14% 16%, rgba(103,255,153,.06) 0%, rgba(103,255,153,0) 28%),
        linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.014) 100%);
}

.packages-explainer__article--editorial h3{
    margin:14px 0 2px;
}

.packages-explainer__article--editorial p{
    max-width:82ch;
}

.packages-explainer__article--editorial p:first-of-type{
    font-size:21px;
    line-height:1.9;
    color:#eef4fa;
}

@media (max-width:860px){
    .packages-explainer__shell--editorial{
        gap:20px;
        padding:26px 18px 22px;
    }

    .packages-explainer__head--editorial p{
        font-size:16px;
        line-height:1.72;
    }

    .packages-explainer__article--editorial{
        gap:16px;
        padding:26px 18px 22px;
        border-radius:28px;
    }

    .packages-explainer__article--editorial p:first-of-type{
        font-size:17px;
        line-height:1.82;
    }
}

/* Contact page premium rebuild */
.contact-page-premium{
    padding-top:34px;
    padding-bottom:28px;
}

.contact-page-premium__grid{
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:22px;
    align-items:stretch;
}

.contact-page-premium__card,
.contact-page-premium__map-card{
    display:grid;
    gap:18px;
    align-content:start;
}

.contact-page-premium__card h2{
    margin:0;
    font-size:clamp(30px,4vw,48px);
    line-height:1.02;
    letter-spacing:-.05em;
}

.contact-page-premium__card p{
    margin:0;
    color:#9db1c3;
    line-height:1.78;
}

.contact-page-premium__list{
    display:grid;
    gap:14px;
    margin-top:4px;
}

.contact-page-premium__item{
    display:grid;
    gap:8px;
    padding:18px 18px 20px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.06);
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.014));
}

.contact-page-premium__item small{
    color:#89a06e;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.contact-page-premium__item strong,
.contact-page-premium__item a{
    color:#edf4fb;
    font-size:17px;
    line-height:1.55;
    font-weight:700;
}

.contact-page-premium__actions{
    margin-top:4px;
}

.contact-page-premium__map-card{
    overflow:hidden;
}

.contact-page-premium__map-frame{
    position:relative;
    min-height:100%;
    border-radius:24px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.06);
    background:#081018;
    box-shadow:0 22px 56px rgba(0,0,0,.18);
}

.contact-page-premium__map-frame iframe{
    display:block;
    width:100%;
    height:100%;
    min-height:540px;
    filter:saturate(.92) contrast(1.02);
    opacity:0;
    transition:opacity .32s ease;
}

.contact-page-premium__map-frame.is-loaded iframe{
    opacity:1;
}

.contact-page-premium__map-placeholder{
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    gap:12px;
    text-align:center;
    padding:34px;
    background:
        radial-gradient(circle at 50% 26%, rgba(65,234,121,.18), transparent 30%),
        linear-gradient(180deg, rgba(9,16,24,.9), rgba(7,12,18,.98));
    color:#dbe6ef;
}

.contact-page-premium__map-frame.is-loaded .contact-page-premium__map-placeholder{
    opacity:0;
    pointer-events:none;
}

.contact-page-premium__map-pin{
    width:18px;
    height:18px;
    border-radius:999px 999px 999px 0;
    transform:rotate(-45deg);
    background:linear-gradient(180deg,#73ff9a 0%,#25c75b 100%);
    box-shadow:0 0 0 6px rgba(65,234,121,.08);
}

.contact-page-premium__map-placeholder strong{
    font-size:22px;
    letter-spacing:-.04em;
}

.contact-page-premium__map-placeholder span{
    max-width:320px;
    color:#9bb0c2;
    line-height:1.7;
}

.contact-page-services{
    padding-top:4px;
    padding-bottom:58px;
}

.contact-page-services__headline{
    max-width:840px;
}

.contact-page-services__grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

.contact-page-services__item{
    display:grid;
    gap:8px;
    min-height:118px;
    padding:22px 22px 24px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.07);
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.014));
    box-shadow:0 18px 44px rgba(0,0,0,.15);
    transition:transform .24s ease,border-color .24s ease,background .24s ease;
}

.contact-page-services__item:hover{
    transform:translateY(-3px);
    border-color:rgba(126,245,170,.22);
    background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.016));
}

.contact-page-services__item strong{
    color:#edf4fb;
    font-size:22px;
    line-height:1.08;
    letter-spacing:-.04em;
}

.contact-page-services__item span{
    color:#93a8bb;
    font-size:13px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.services-index-page{
    padding-top:20px;
}

.services-index-page__head{
    margin-bottom:22px;
}

.services-index-page__head h1{
    margin:0;
    font-size:clamp(38px,4.8vw,62px);
    line-height:.96;
    letter-spacing:-.06em;
}

.services-index-page__headline-line,
.services-index-page__headline-accent{
    display:block;
}

.services-index-page__headline-accent{
    margin-top:8px;
    max-width:14ch;
    background-image:linear-gradient(135deg,#f5fff8 0%,#97ffbd 38%,#5adf90 72%,#b7dcff 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}

.services-index-page__grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

.services-index-page__card{
    display:grid;
    gap:10px;
    min-height:210px;
    padding:24px 24px 22px;
    border-radius:26px;
    border:1px solid rgba(255,255,255,.07);
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.014));
    box-shadow:0 18px 44px rgba(0,0,0,.14);
    transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease;
}

.services-index-page__card:hover{
    transform:translateY(-4px);
    border-color:rgba(126,245,170,.18);
    background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.018));
    box-shadow:0 24px 52px rgba(0,0,0,.18);
}

.services-index-page__card small{
    color:#8fb0ff;
    font-size:11px;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.services-index-page__card strong{
    color:#f1f6fb;
    font-size:28px;
    line-height:1.02;
    letter-spacing:-.05em;
}

.services-index-page__card p{
    margin:0;
    color:#aabacc;
    font-size:15px;
    line-height:1.72;
}

@media (max-width:1180px){
    .services-index-page__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:860px){
    .contact-page-premium{
        padding-top:24px;
        padding-bottom:18px;
    }

    .contact-page-services{
        padding-top:0;
        padding-bottom:42px;
    }

    .contact-page-premium__grid,
    .contact-page-services__grid,
    .services-index-page__grid{
        grid-template-columns:1fr;
    }

    .contact-page-premium__map-frame iframe{
        min-height:420px;
    }

    .services-index-page{
        padding-top:8px;
    }

    .services-index-page__head{
        margin-bottom:16px;
    }

    .services-index-page__card{
        min-height:0;
        padding:20px 20px 18px;
        border-radius:22px;
    }

    .services-index-page__headline-accent{
        max-width:none;
    }

    .services-index-page__card strong{
        font-size:24px;
    }
}