.btn,.menu-toggle,.tab-button{cursor:pointer}:root{--bg:#f6f4ef;--bg-soft:#ebe6dc;--surface:#ffffff;--surface-dark:#111827;--text:#18202e;--muted:#344054;--muted-soft:#4c586a;--line:#ded6c9;--accent:#5f381a;--accent-dark:#2d1807;--accent-soft:#ead8c5;--success:#1d6f42;--error:#b42318;--shadow:0 22px 70px rgba(17, 24, 39, .11);--radius:24px;--container:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);line-height:1.6}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}[hidden]{display:none!important}.container{width:min(100% - 32px,var(--container));margin-inline:auto}h1,h2,h3,p{margin-top:0}h1{margin-bottom:24px;font-size:clamp(2.55rem, 6vw, 5.35rem);line-height:.98;letter-spacing:-.075em}h2{margin-bottom:16px;font-size:clamp(2rem, 4vw, 3.35rem);line-height:1.05;letter-spacing:-.055em}h3{margin-bottom:10px;font-size:1.15rem;line-height:1.25;letter-spacing:-.025em}.contact-copy p,.faq-list p,.form-note,.hero-stats span,.hero-text,.muted-text,.payment-note,.prestashop-benefits span,.price-card li,.price-note,.profile-card span,.profile-note,.profile-status small,.profile-status span,.result-list span,.service-card p,.timeline-item p,.version-item span,.version-note,p:not(.eyebrow){color:var(--muted)}.site-header{position:sticky;top:0;z-index:20;background:rgba(246,244,239,.88);border-bottom:1px solid rgba(222,214,201,.75);backdrop-filter:blur(16px)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:900;letter-spacing:-.035em}.brand img{border-radius:14px}.main-nav{display:flex;align-items:center;gap:18px;color:#344054;font-size:.94rem}.main-nav a{transition:color .2s}.contact-links a,.main-nav a:hover,.telegram-link{color:var(--accent)}.menu-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.lang-link,.nav-contact,.telegram-link{display:inline-flex;align-items:center}.lang-link,.nav-contact{background:rgba(255,255,255,.65)}.menu-toggle span{width:18px;height:2px;border-radius:999px;background:var(--text)}.nav-contact,.telegram-link{gap:8px}.nav-contact{padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--text);font-weight:900}.nav-contact img,.telegram-link img{width:24px;height:24px;flex:0 0 auto;border-radius:8px}.lang-link{justify-content:center;min-width:42px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:var(--accent);font-weight:950}.hero{overflow:hidden;padding:84px 0 56px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:54px}.hero-content{scroll-margin-top:96px}.eyebrow{margin:0 0 14px;color:#4b2a12;font-size:.78rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.hero-text,.section-head p:not(.eyebrow){font-size:1.08rem}.hero-text{max-width:680px;margin-bottom:30px}.hero-actions,.payment-actions,.profile-actions{display:flex;flex-wrap:wrap;gap:14px}.hero-actions{margin-bottom:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 20px;border:1px solid transparent;border-radius:999px;font-weight:850;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-1px)}.btn:focus-visible,.payment-inline-link:focus-visible,.tab-button:focus-visible{outline:rgba(95,56,26,.35) solid 3px;outline-offset:3px}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 14px 32px rgba(76,42,18,.22)}.btn-primary:focus-visible,.btn-primary:hover{background:var(--accent-dark)}.btn-secondary{border-color:var(--line);background:rgba(255,255,255,.7);color:var(--text)}.btn-secondary:focus-visible,.btn-secondary:hover{border-color:#b79a7a;background:#fff}.btn-small{min-height:40px;padding:9px 14px;font-size:.9rem}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:650px}.hero-stats div{padding:16px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.55)}.hero-stats strong{display:block;font-size:1.2rem;line-height:1.1}.hero-stats span{display:block;margin-top:4px;font-size:.88rem}.hero-card{position:relative;padding:22px;border:1px solid rgba(222,214,201,.95);border-radius:34px;background:linear-gradient(135deg,#fff 0,#eee3d5 100%);box-shadow:var(--shadow)}.hero-card::after,.hero-card::before{content:"";position:absolute;z-index:-1;border-radius:999px;filter:blur(8px)}.hero-card::before{top:-40px;right:-50px;width:190px;height:190px;background:rgba(164,107,53,.18)}.hero-card::after{bottom:-36px;left:-40px;width:160px;height:160px;background:rgba(17,24,39,.12)}.section{padding:82px 0}.muted{background:var(--bg-soft)}.section-head{max-width:800px;margin:0 auto 42px;text-align:center}.section-head.align-left{margin-inline:0;text-align:left}.trust-strip{padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.42)}.trust-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;color:#344054;font-weight:850;text-align:center}.trust-grid-five{grid-template-columns:repeat(5,1fr)}.trust-grid span{padding:12px;border-radius:16px;background:rgba(255,255,255,.6)}.cards-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards-grid{align-items:stretch}.faq-list details,.form-card,.price-card,.pricing-note-box,.profile-tabs,.result-list div,.service-card,.version-card{border:1px solid var(--line);background:rgba(255,255,255,.72);box-shadow:0 14px 44px rgba(17,24,39,.06)}.service-card{padding:26px;border-radius:var(--radius)}.service-card img{margin-bottom:18px}.process-layout{display:grid;grid-template-columns:.85fr 1.15fr;align-items:start;gap:56px}.faq-list,.profile-cards,.result-list,.timeline{display:grid;gap:16px}.timeline-item{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:24px;border:1px solid rgba(222,214,201,.95);border-radius:var(--radius);background:#fff}.timeline-item>span{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:18px;background:var(--accent-soft);color:var(--accent);font-weight:900}.pricing-grid-wide{grid-template-columns:.9fr 1.25fr .9fr}.price-card{position:relative;padding:30px;border-radius:28px}.price-card.featured{transform:translateY(-10px);border-color:#151922;background:#151922;color:#fff}.price-card.featured .price,.price-card.featured .price-note,.price-card.featured li,.split-section .muted-text,.split-section .result-list span,.split-section p{color:#e5e7eb}.price-card.featured .btn-primary{background:#895326}.price-card ul{display:grid;gap:10px;margin:0 0 24px;padding-left:20px}.price{margin-bottom:20px;color:var(--accent);font-size:2rem;font-weight:950;letter-spacing:-.04em}.price-note{font-size:1.05rem;letter-spacing:0}.badge{display:inline-flex;margin-bottom:18px;padding:6px 10px;border-radius:999px;background:#f4d6b7;color:#2d1807;font-size:.78rem;font-weight:900}.middle-list-card ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px}.pricing-note-box{margin-top:22px;padding:22px 24px;border-radius:24px;background:#fff7ec;color:#4a2b12}.pricing-note-box strong{display:block;margin-bottom:6px;color:#2d1807}.split-section{background:var(--surface-dark);color:#fff}.split-section .eyebrow,.split-section .result-list strong{color:#f6d3b1}.split-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:54px}.result-list div{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:18px;padding:22px;border-color:rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.08);box-shadow:none}.result-list strong{font-size:1.1rem}.contact-grid,.faq-layout,.payment-grid,.prestashop-grid{display:grid;align-items:start}.prestashop-grid{grid-template-columns:1fr .9fr;gap:42px}.prestashop-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}.prestashop-benefits div{padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.64)}.prestashop-benefits strong{display:block;margin-bottom:6px}.form-card,.version-card{padding:28px;border-radius:30px;background:#fff}.version-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.version-card h3{margin-bottom:0;font-size:1.55rem}.version-list{display:grid;gap:12px;margin-top:18px}.version-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:#f7f3ed}.profile-card span,.profile-card strong,.profile-status span,.profile-status strong,.version-item span,.version-item strong{display:block}.iframe-fallback a,.version-item a{color:var(--accent);font-weight:900}.profile-tabs{overflow:hidden;border-radius:30px;background:#fff}.tab-buttons{display:flex;flex-wrap:wrap;gap:10px;padding:18px;border-bottom:1px solid var(--line);background:#f8f6f1}.tab-button{padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--text);font-weight:850}.tab-button.is-active{border-color:var(--surface-dark);background:var(--surface-dark);color:#fff}.profile-panel{padding:22px}.profile-summary{display:grid;min-height:260px;place-items:center;align-content:center;padding:30px;border:1px dashed #c8bdae;border-radius:24px;background:#fbfaf7;text-align:center}.profile-metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.profile-card,.profile-status{border:1px solid var(--line);border-radius:20px;background:#fff}.profile-card{padding:18px}.profile-card strong{margin-top:4px;font-size:1.18rem}.profile-status{display:grid;gap:6px;padding:18px;border-radius:22px;background:#f8f6f1}.profile-status.is-ok{border-color:rgba(29,111,66,.25);background:rgba(29,111,66,.06)}.profile-status.is-warning{border-color:rgba(180,35,24,.25);background:rgba(180,35,24,.06)}.payment-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);align-items:stretch;gap:38px}.payment-actions{margin-top:22px}.payment-note{margin-top:16px}.payment-card{display:grid;align-content:center;gap:14px;padding:30px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,#fff 0,#f3eee6 100%);box-shadow:0 18px 54px rgba(17,24,39,.08)}.payment-card-icon{display:inline-flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:22px;background:#111827;color:#fff;box-shadow:inset 0 -5px 0 rgba(137,83,38,.65);font-size:1.45rem;font-weight:950}.payment-card h3,.payment-card p{margin-bottom:0}.payment-checks{display:grid;gap:8px;margin:2px 0 0;padding-left:20px;color:var(--muted)}.payment-inline-link{display:inline-flex;align-items:center;justify-content:center;width:max-content;margin-top:4px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(17,24,39,.06);color:var(--accent);font-weight:900}.payment-inline-link:focus-visible,.payment-inline-link:hover{border-color:#b79a7a;background:#fff}.faq-layout{grid-template-columns:.7fr 1.3fr;gap:52px}.faq-list details{padding:20px 22px;border-radius:20px;background:#fff}.faq-list summary{cursor:pointer;font-weight:850}.faq-list p{margin:14px 0 0}.contact-section{padding-bottom:96px}.contact-grid{grid-template-columns:.9fr 1.1fr;gap:54px}.contact-links{display:grid;gap:10px;margin-top:24px;font-weight:850}.lead-form{display:grid;gap:18px}.lead-form label{display:grid;gap:8px;color:#344054;font-weight:850}.lead-form input,.lead-form select,.lead-form textarea{width:100%;padding:13px 14px;border:1px solid #d0d5dd;border-radius:16px;background:#fff;color:var(--text);outline:0;transition:border-color .2s,box-shadow .2s}.lead-form textarea{min-height:130px;resize:vertical}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(95,56,26,.12)}.hidden-field{position:absolute;left:-9999px;opacity:0}.form-note{margin:0;font-size:.9rem}.form-error{margin:0;padding:12px 14px;border:1px solid #fecdca;border-radius:14px;background:#fef3f2;color:var(--error);font-weight:750}.thanks-card{padding:16px;text-align:center}.thanks-card h3{color:var(--success);font-size:1.7rem}.thanks-card p{margin-bottom:24px}.site-footer{padding:42px 0;background:#0e131b;color:#fff}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:28px}.footer-brand{margin-bottom:12px}.site-footer p{max-width:430px;margin-bottom:0;color:#d1d5db}.footer-links{display:flex;flex-wrap:wrap;gap:16px;color:#d1d5db}.footer-links a:hover,.site-footer a:hover{color:#fff}@media (prefers-contrast:more){:root{--muted:#1f2937;--accent:#4b2a12;--accent-dark:#2d1807}.footer-links,.site-footer p,.split-section .result-list span,.split-section p{color:#fff}}@media (max-width:1080px){.main-nav{gap:12px;font-size:.9rem}}@media (max-width:960px){.menu-toggle{display:inline-flex}.main-nav{position:absolute;top:76px;left:16px;right:16px;display:none;flex-direction:column;align-items:stretch;padding:18px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}.main-nav.is-open{display:flex}.nav-contact{justify-content:center}.contact-grid,.faq-layout,.hero-grid,.middle-list-card ul,.payment-grid,.prestashop-benefits,.prestashop-grid,.process-layout,.split-grid{grid-template-columns:1fr}.cards-grid,.pricing-grid,.trust-grid,.trust-grid-five{grid-template-columns:repeat(2,1fr)}.price-card.featured{transform:none}.payment-card{padding:24px}.payment-inline-link{width:100%}}@media (max-width:680px){.container{width:min(100% - 24px,var(--container))}.hero{padding-top:56px}.section{padding:62px 0}.cards-grid,.hero-stats,.pricing-grid,.profile-metric-grid,.result-list div,.timeline-item,.trust-grid,.trust-grid-five{grid-template-columns:1fr}.hero-actions .btn,.lead-form .btn,.payment-actions .btn,.price-card .btn{width:100%}.footer-inner,.version-card-head,.version-item{flex-direction:column;align-items:flex-start}}
.support-plan-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:24px;margin-top:24px;padding:28px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,#151922 0,#242937 100%);color:#fff;box-shadow:0 18px 54px rgba(17,24,39,.12);overflow:hidden}.support-plan-card h3{margin:14px 0 10px;color:#fff;font-size:1.75rem}.support-plan-card p,.support-plan-card li{color:#e5e7eb}.support-plan-card ul{display:grid;gap:10px;margin:18px 0 0;padding-left:20px}.support-plan-side{display:grid;align-content:center;gap:16px;padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(255,255,255,.08)}.support-plan-price{margin:0!important;color:#fff!important;font-size:3.1rem;font-weight:950;letter-spacing:-.05em;line-height:.95}.support-plan-price span{display:block;margin-top:8px;color:#d6d9e4;font-size:1.02rem;font-weight:850;letter-spacing:0}.support-plan-note{margin:0}.support-plan-actions{display:flex;flex-wrap:wrap;gap:12px}.support-plan-actions .btn{width:auto}.support-plan-actions .btn-secondary{border-color:rgba(255,255,255,.24);background:#fff;color:#151922}.support-plan-actions .btn-secondary:hover{background:#f6efe7}@media (max-width:960px){.support-plan-card{grid-template-columns:1fr}.support-plan-side{align-content:start}.support-plan-actions .btn{width:100%}}@media (max-width:680px){.support-plan-card{margin-top:18px;padding:20px;border-radius:24px}.support-plan-card h3{font-size:1.45rem}.support-plan-side{padding:18px}.support-plan-price{font-size:2.5rem}}

.hero-card--commerce{
    min-height:430px;
    padding:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.hero-panel{
    position:relative;
    width:100%;
    max-width:560px;
    padding:22px;
    border:1px solid rgba(255,255,255,.7);
    border-radius:30px;
    background:linear-gradient(180deg,rgba(255,255,255,.72) 0%,rgba(244,238,228,.96) 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 24px 52px rgba(17,24,39,.10);
    overflow:hidden;
}

.hero-panel::before{
    content:"";
    position:absolute;
    left:-28px;
    bottom:-40px;
    width:140px;
    height:140px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(95,56,26,.14),rgba(95,56,26,0) 68%);
    pointer-events:none;
}

.hero-panel::after{
    content:"";
    position:absolute;
    top:-54px;
    right:-48px;
    width:170px;
    height:170px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(17,24,39,.18),rgba(17,24,39,0) 70%);
    opacity:.55;
    animation:heroGlow 8s ease-in-out infinite;
    pointer-events:none;
}

.hero-panel__top{
    position:relative;
    z-index:2;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.hero-chip{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:7px 12px;
    border:1px solid rgba(95,56,26,.12);
    border-radius:999px;
    background:rgba(255,255,255,.58);
    color:var(--accent-dark);
    font-size:.78rem;
    font-weight:850;
    letter-spacing:.01em;
}

.hero-chip--dark{
    background:var(--surface-dark);
    border-color:rgba(17,24,39,.15);
    color:#fff;
}

.hero-window{
    position:relative;
    margin-top:18px;
    padding:16px;
    border-radius:26px;
    background:linear-gradient(180deg,#101827 0%,#13213a 100%);
    overflow:hidden;
}

.hero-window::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(transparent 0, rgba(255,255,255,.035) 100%),
        radial-gradient(circle at 82% 18%,rgba(255,255,255,.08),transparent 28%);
    pointer-events:none;
}

.hero-window::after{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
    background-size:32px 32px;
    opacity:.32;
    mask-image:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.08));
    pointer-events:none;
}

.hero-window__toolbar{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
}

.hero-window__dots{
    display:flex;
    gap:8px;
}

.hero-window__dots span{
    width:9px;
    height:9px;
    border-radius:50%;
    background:rgba(255,255,255,.55);
}

.hero-window__dots span:nth-child(2){
    background:rgba(234,216,197,.9);
}

.hero-window__dots span:nth-child(3){
    background:rgba(95,56,26,.8);
}

.hero-window__status{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#e5e7eb;
    font-size:.75rem;
    font-weight:700;
    letter-spacing:.02em;
}

.hero-status-dot{
    width:9px;
    height:9px;
    border-radius:50%;
    background:#8bd3a8;
    box-shadow:0 0 0 6px rgba(139,211,168,.14);
    animation:heroPulse 2.8s ease-in-out infinite;
}

.hero-window__body{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:64px 1fr;
    gap:14px;
    margin-top:16px;
}

.hero-sidebar{
    display:grid;
    align-content:start;
    gap:12px;
    padding-top:8px;
}

.hero-sidebar__item{
    display:block;
    height:44px;
    border-radius:14px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.08);
}

.hero-sidebar__item.is-active{
    background:linear-gradient(180deg,rgba(234,216,197,.26),rgba(95,56,26,.22));
    border-color:rgba(234,216,197,.18);
}

.hero-canvas{
    position:relative;
    min-height:240px;
}

.hero-card-mini{
    position:absolute;
    top:16px;
    left:0;
    width:min(68%,250px);
    padding:14px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:22px;
    background:rgba(255,255,255,.09);
    backdrop-filter:blur(10px);
    box-shadow:0 18px 36px rgba(0,0,0,.24);
}

.hero-card-mini__thumb{
    width:100%;
    height:84px;
    border-radius:16px;
    background:
        linear-gradient(135deg,rgba(234,216,197,.95),rgba(255,255,255,.72));
    position:relative;
    overflow:hidden;
}

.hero-card-mini__thumb::before{
    content:"";
    position:absolute;
    inset:18px 22px;
    border:3px solid rgba(95,56,26,.75);
    border-top-width:5px;
    border-radius:18px 18px 14px 14px;
}

.hero-card-mini__thumb::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:14px;
    width:44px;
    height:6px;
    margin-left:-22px;
    border-radius:999px;
    background:rgba(95,56,26,.18);
}

.hero-card-mini__content{
    margin-top:12px;
}

.hero-line{
    display:block;
    height:8px;
    border-radius:999px;
    background:rgba(255,255,255,.62);
    margin-top:10px;
}

.hero-line--lg{width:78%}
.hero-line--md{width:58%}
.hero-line--sm{width:36%}

.hero-price-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:14px;
}

.hero-price-row strong{
    color:#fff;
    font-size:1rem;
    font-weight:900;
    letter-spacing:-.02em;
}

.hero-btn-mini{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:6px 11px;
    border-radius:999px;
    background:rgba(234,216,197,.92);
    color:#2d1807;
    font-size:.74rem;
    font-weight:900;
}

.hero-floating-badge{
    position:absolute;
    display:inline-flex;
    align-items:center;
    min-height:36px;
    padding:8px 12px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.1);
    backdrop-filter:blur(10px);
    color:#fff;
    font-size:.76rem;
    font-weight:850;
    box-shadow:0 14px 28px rgba(0,0,0,.18);
    white-space:nowrap;
}

.hero-floating-badge--modules{
    top:18px;
    right:6px;
}

.hero-floating-badge--seo{
    top:74px;
    right:40px;
}

.hero-chart{
    position:absolute;
    right:8px;
    bottom:12px;
    display:flex;
    align-items:flex-end;
    gap:8px;
    width:112px;
    height:98px;
    padding:14px 14px 12px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(8px);
    box-shadow:0 16px 28px rgba(0,0,0,.18);
}

.hero-chart__bar{
    display:block;
    flex:1 1 0;
    border-radius:999px 999px 6px 6px;
    background:linear-gradient(180deg,rgba(234,216,197,.95),rgba(95,56,26,.92));
}

.hero-chart__bar--1{height:34%}
.hero-chart__bar--2{height:52%}
.hero-chart__bar--3{height:76%}
.hero-chart__bar--4{height:60%}

.hero-cart-card{
    position:absolute;
    left:44px;
    bottom:18px;
    display:flex;
    align-items:center;
    gap:12px;
    width:190px;
    padding:12px 14px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(10,16,29,.72);
    backdrop-filter:blur(12px);
    box-shadow:0 18px 36px rgba(0,0,0,.22);
}

.hero-cart-card__icon{
    position:relative;
    width:40px;
    height:40px;
    flex:0 0 40px;
    border-radius:14px;
    background:linear-gradient(180deg,rgba(234,216,197,.98),rgba(195,150,104,.96));
}

.hero-cart-card__icon::before{
    content:"";
    position:absolute;
    left:10px;
    top:12px;
    width:17px;
    height:11px;
    border:2px solid rgba(45,24,7,.88);
    border-top-width:3px;
    border-radius:4px;
}

.hero-cart-card__icon::after{
    content:"";
    position:absolute;
    left:9px;
    bottom:9px;
    width:18px;
    height:4px;
    border-radius:999px;
    background:rgba(45,24,7,.18);
}

.hero-cart-card__text strong{
    display:block;
    color:#fff;
    font-size:.86rem;
    line-height:1.2;
}

.hero-cart-card__text span{
    display:block;
    margin-top:2px;
    color:#cbd5e1;
    font-size:.72rem;
    line-height:1.25;
}

.hero-connector{
    position:absolute;
    height:1px;
    background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0));
    opacity:.45;
}

.hero-connector--one{
    top:112px;
    left:210px;
    width:160px;
    transform:rotate(-8deg);
}

.hero-connector--two{
    left:142px;
    bottom:84px;
    width:164px;
    transform:rotate(14deg);
}

.hero-float--1{animation:heroFloatY 7.2s ease-in-out infinite}
.hero-float--2{animation:heroFloatY 8.4s ease-in-out infinite -1.6s}
.hero-float--3{animation:heroFloatY 7.8s ease-in-out infinite -3.1s}
.hero-float--4{animation:heroFloatY 9.2s ease-in-out infinite -2.2s}
.hero-float--5{animation:heroFloatY 8.8s ease-in-out infinite -4.2s}

@keyframes heroFloatY{
    0%,100%{transform:translate3d(0,0,0)}
    50%{transform:translate3d(0,-8px,0)}
}

@keyframes heroPulse{
    0%,100%{transform:scale(1);opacity:.82}
    50%{transform:scale(1.08);opacity:1}
}

@keyframes heroGlow{
    0%,100%{opacity:.42}
    50%{opacity:.82}
}

@media (max-width:960px){
    .hero-card--commerce{
        min-height:380px;
    }

    .hero-panel{
        max-width:620px;
    }
}

@media (max-width:680px){
    .hero-card--commerce{
        min-height:350px;
        padding:12px;
    }

    .hero-panel{
        padding:16px;
        border-radius:24px;
    }

    .hero-panel__top{
        gap:8px;
    }

    .hero-chip{
        min-height:28px;
        padding:6px 10px;
        font-size:.72rem;
    }

    .hero-window{
        padding:14px;
        border-radius:22px;
    }

    .hero-window__body{
        grid-template-columns:52px 1fr;
        gap:10px;
    }

    .hero-sidebar__item{
        height:36px;
        border-radius:12px;
    }

    .hero-canvas{
        min-height:210px;
    }

    .hero-card-mini{
        width:min(78%,210px);
        padding:12px;
        border-radius:18px;
    }

    .hero-card-mini__thumb{
        height:72px;
        border-radius:14px;
    }

    .hero-floating-badge{
        min-height:32px;
        padding:7px 10px;
        font-size:.7rem;
    }

    .hero-floating-badge--modules{
        top:12px;
        right:0;
    }

    .hero-floating-badge--seo{
        top:60px;
        right:20px;
    }

    .hero-chart{
        width:92px;
        height:82px;
        padding:12px 12px 10px;
        gap:6px;
        border-radius:18px;
    }

    .hero-cart-card{
        left:18px;
        bottom:8px;
        width:164px;
        padding:10px 12px;
        gap:10px;
        border-radius:16px;
    }

    .hero-cart-card__icon{
        width:34px;
        height:34px;
        flex-basis:34px;
        border-radius:12px;
    }

    .hero-cart-card__icon::before{
        left:8px;
        top:10px;
        width:14px;
        height:9px;
    }

    .hero-cart-card__icon::after{
        left:8px;
        bottom:8px;
        width:15px;
    }

    .hero-cart-card__text strong{
        font-size:.8rem;
    }

    .hero-cart-card__text span{
        font-size:.68rem;
    }

    .hero-connector--one{
        top:92px;
        left:160px;
        width:112px;
    }

    .hero-connector--two{
        left:104px;
        bottom:68px;
        width:116px;
    }
}

@media (prefers-reduced-motion:reduce){
    .hero-panel::after,
    .hero-status-dot,
    .hero-float--1,
    .hero-float--2,
    .hero-float--3,
    .hero-float--4,
    .hero-float--5{
        animation:none !important;
    }
}