:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navy:#07182f;--navy-2:#0d2545;--navy-3:#17365f;--cobalt:#3153d4;--cobalt-dark:#2444bb;--cobalt-soft:#edf1ff;--canvas:#f7f8fb;--surface:#fff;--surface-alt:#f1f4f9;--ink:#101d31;--muted:#5f6b7d;--muted-strong:#46546a;--line:#dfe5ed;--line-strong:#cbd4e1;--success:#168765;--success-soft:#e7f7f1;--danger:#c93838;--radius-sm:10px;--radius:16px;--radius-lg:24px;--radius-xl:32px;--shadow-sm:0 8px 24px #07182f12;--shadow-md:0 22px 60px #07182f1c;--shadow-lg:0 34px 90px #07182f29;--container:1320px;--header-height:76px;color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;scroll-padding-top:calc(var(--header-height) + 18px)}body{background:var(--canvas);min-width:320px;min-height:100vh;color:var(--ink);margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}body::selection{background:#3153d433}button,input,textarea,select{font:inherit}button{color:inherit}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}p,h1,h2,h3,ol,ul,figure{margin-top:0}h1,h2,h3{color:var(--navy);letter-spacing:-.035em;text-wrap:balance;margin-bottom:0;font-weight:720;line-height:1.08}h1{font-size:clamp(2.7rem,5vw,4.8rem)}h2{font-size:clamp(2rem,3.4vw,3.35rem)}h3{font-size:clamp(1.35rem,2vw,1.8rem)}:focus-visible{outline-offset:3px;outline:3px solid #3153d47a}#root,.app-shell{min-height:100vh}.skip-link{z-index:1000;border-radius:var(--radius-sm);background:var(--surface);color:var(--navy);box-shadow:var(--shadow-md);padding:10px 14px;font-size:.875rem;font-weight:750;transition:transform .18s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:100;min-height:var(--header-height);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-bottom:1px solid #dfe5ede6;position:sticky;top:0}.header-inner{width:min(calc(100% - 64px), var(--container));min-height:var(--header-height);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(24px,4vw,64px);margin-inline:auto;display:grid}.brand{color:var(--navy);align-items:center;gap:11px;display:inline-flex}.brand>span:last-child{align-items:baseline;gap:5px;display:flex}.brand strong{letter-spacing:-.025em;font-size:1.05rem}.brand small{color:var(--cobalt);letter-spacing:.1em;text-transform:uppercase;font-size:.66rem;font-weight:800}.brand-mark,.primery-mini-mark,.primery-button-mark{color:var(--cobalt);flex:none;display:block}.brand-mark{width:36px;height:36px}.primery-mini-mark,.primery-button-mark{width:25px;height:25px}.merchant-button--primery .primery-button-mark{color:#fff}.scenario-nav{justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.scenario-nav a{border-radius:var(--radius-sm);min-height:42px;color:var(--muted-strong);white-space:nowrap;align-items:center;gap:7px;padding:9px 13px;font-size:.86rem;font-weight:700;transition:background-color .18s,color .18s;display:inline-flex}.scenario-nav a span{color:var(--cobalt);font-size:.68rem;font-weight:850}.scenario-nav a:hover,.scenario-nav a[aria-current=page]{background:var(--cobalt-soft);color:var(--navy)}.button{white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:52px;padding:13px 21px;font-size:.95rem;font-weight:750;line-height:1;transition:transform .18s,background-color .18s,border-color .18s,color .18s,box-shadow .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--cobalt);color:#fff;box-shadow:0 12px 28px #3153d438}.button-primary:hover{background:var(--cobalt-dark);color:#fff;box-shadow:0 15px 34px #3153d44a}.button-secondary{border-color:var(--line-strong);color:var(--navy);background:#ffffffd1}.button-secondary:hover{background:#fff;border-color:#aebbd0}.button-small{border-radius:10px;min-height:42px;padding:10px 16px;font-size:.875rem}main{min-height:calc(100vh - var(--header-height))}.eyebrow,.section-index{color:var(--cobalt);letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;font-size:.74rem;font-weight:850;line-height:1.4}.hero-lead{max-width:720px;color:var(--muted);margin:26px 0 0;font-size:clamp(1.06rem,1.4vw,1.2rem)}.catalog-hero{width:min(calc(100% - 64px), var(--container));grid-template-columns:minmax(0,.88fr) minmax(430px,.72fr);align-items:center;gap:clamp(48px,7vw,112px);margin-inline:auto;padding-block:clamp(72px,8vw,126px);display:grid}.catalog-hero h1{max-width:800px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.hero-chips{flex-wrap:wrap;gap:9px;margin:28px 0 0;padding:0;list-style:none;display:flex}.hero-chips li{border:1px solid var(--line);color:var(--muted-strong);background:#ffffffb8;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:700}.hero-collage{border-radius:var(--radius-xl);background:var(--surface);min-height:600px;box-shadow:var(--shadow-lg);border:1px solid #dfe5edd6;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid;transform:rotate(1deg)}.hero-collage a{background:var(--surface-alt);border-radius:20px;min-height:280px;position:relative;overflow:hidden}.hero-collage a:nth-child(2),.hero-collage a:nth-child(3){transform:translateY(18px)}.hero-collage img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.hero-collage a:hover img{transform:scale(1.035)}.hero-collage span{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07182fc2;border:1px solid #ffffffa6;border-radius:12px;padding:10px 12px;font-size:.78rem;font-weight:750;position:absolute;bottom:12px;left:12px;right:12px}.catalog-section,.catalog-note,.mode-hero,.demo-layout,.script-panel{width:min(calc(100% - 64px), var(--container));margin-inline:auto}.catalog-section{padding-block:clamp(86px,9vw,140px)}.section-heading{grid-template-columns:minmax(0,1.2fr) minmax(280px,.56fr);align-items:end;gap:clamp(36px,6vw,94px);margin-bottom:clamp(42px,6vw,72px);display:grid}.section-heading>p,.section-heading>div>p:last-child{color:var(--muted);margin-bottom:3px}.section-heading--compact{grid-template-columns:minmax(0,.8fr) minmax(280px,.6fr);margin-bottom:28px}.scenario-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.scenario-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);grid-template-columns:minmax(220px,.72fr) minmax(0,1fr);transition:transform .22s,box-shadow .22s,border-color .22s;display:grid;overflow:hidden}.scenario-card:hover{box-shadow:var(--shadow-md);border-color:#c4cee0;transform:translateY(-4px)}.scenario-card-media{background:var(--surface-alt);min-height:430px;position:relative;overflow:hidden}.scenario-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.scenario-card:hover .scenario-card-media img{transform:scale(1.025)}.scenario-card-media span{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07182fdb;border-radius:13px;justify-content:center;align-items:center;width:42px;height:42px;font-size:.75rem;font-weight:850;display:inline-flex;position:absolute;top:18px;left:18px}.scenario-card-content{flex-direction:column;min-width:0;padding:clamp(26px,3vw,42px);display:flex}.scenario-card-kicker{color:var(--cobalt);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:.72rem;font-weight:850}.scenario-card-content>p:not(.scenario-card-kicker){color:var(--muted);margin:18px 0 0}.scenario-card-mode{border-top:1px solid var(--line);gap:3px;margin-top:auto;padding:14px 0;display:grid}.scenario-card-mode span{color:var(--muted);font-size:.72rem}.scenario-card-mode strong{color:var(--navy-2);font-size:.86rem}.scenario-card-action{color:var(--cobalt);justify-content:space-between;align-items:center;margin-top:12px;font-weight:800;display:inline-flex}.catalog-note{border-radius:var(--radius-xl);background:var(--navy);color:#fff;grid-template-columns:minmax(0,.8fr) minmax(340px,1.2fr);align-items:center;gap:clamp(34px,6vw,88px);margin-bottom:clamp(80px,9vw,132px);padding:clamp(42px,5vw,74px);display:grid}.catalog-note h2{color:#fff}.catalog-note .eyebrow{color:#9db0ff}.catalog-note ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}.catalog-note li{color:#ffffffd6;grid-template-columns:42px 1fr;align-items:center;gap:14px;display:grid}.catalog-note li span{color:#afbdff;border:1px solid #fff3;border-radius:13px;justify-content:center;align-items:center;width:42px;height:42px;font-size:.75rem;font-weight:850;display:inline-flex}.boundary-note,.primery-action-hint{color:var(--muted);align-items:flex-start;gap:10px;font-size:.78rem;display:flex}.catalog-note .boundary-note{color:#ffffffa3;border-top:1px solid #ffffff21;grid-column:1/-1;margin:0;padding-top:24px}.boundary-note>span,.primery-action-hint>span{border:1px solid;border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:.68rem;font-weight:800;display:inline-flex}.mode-hero{padding-block:clamp(58px,7vw,100px) clamp(44px,6vw,80px)}.back-link{color:var(--cobalt);margin-bottom:34px;font-size:.9rem;font-weight:750;display:inline-flex}.mode-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(330px,.62fr);align-items:end;gap:clamp(44px,8vw,118px);display:grid}.mode-placement-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);padding:25px 28px}.mode-placement-card>span{color:var(--cobalt);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.72rem;font-weight:850;display:block}.mode-placement-card>strong{color:var(--navy);font-size:1.04rem;display:block}.mode-placement-card>p{color:var(--muted);margin:10px 0 0;font-size:.88rem}.demo-layout{grid-template-columns:minmax(0,1.62fr) minmax(360px,.72fr);align-items:start;gap:30px;padding-bottom:clamp(82px,10vw,144px);display:grid}.scenario-stage,.config-panel,.script-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm)}.scenario-stage{border-radius:var(--radius-lg);overflow:hidden}.scenario-breadcrumbs{border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:8px;padding:17px 24px;font-size:.76rem;display:flex}.scenario-breadcrumbs a:hover{color:var(--cobalt)}.scenario-breadcrumbs strong{color:var(--navy)}.product-card{grid-template-columns:minmax(330px,.98fr) minmax(0,1fr);min-width:0;display:grid}.product-media{background:#ebe6df;min-height:690px;position:relative;overflow:hidden}.product-photo{object-fit:cover;width:100%;height:100%}.product-media-label{z-index:1;color:#fff;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07182fb8;border:1px solid #ffffff9e;border-radius:999px;padding:8px 11px;font-size:.7rem;font-weight:800;position:absolute;top:20px;left:20px}.product-content{flex-direction:column;min-width:0;padding:clamp(30px,4vw,54px);display:flex}.product-collection{color:var(--cobalt);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-size:.75rem;font-weight:850}.product-id{color:var(--muted);margin:10px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem}.product-description{color:var(--muted);margin:24px 0 0}.product-price{color:var(--navy);letter-spacing:-.03em;margin-top:24px;font-size:clamp(1.45rem,2vw,1.9rem);font-weight:780}.merchant-benefits{flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.merchant-benefits li{border:1px solid var(--line);color:var(--muted-strong);border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:700}.launcher-target-wrap{margin-top:auto;padding-top:36px}.merchant-actions,.merchant-action-stack{gap:10px;display:grid}.merchant-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.merchant-button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:52px;padding:12px 16px;font-weight:780;transition:transform .18s,background-color .18s,border-color .18s;display:inline-flex}.merchant-button:hover{transform:translateY(-1px)}.merchant-button--secondary,.merchant-button--cart{border-color:var(--line-strong);color:var(--navy);background:#fff}.merchant-button--primery{background:var(--cobalt);color:#fff;box-shadow:0 13px 28px #3153d438}.launcher-slot{background:var(--cobalt-soft);border:1px dashed #aebbd0;border-radius:12px;min-height:52px}.launcher-slot:empty:before{min-height:50px;color:var(--muted);content:"Слот для кнопки Primery";justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.primery-action-hint{margin:17px 0 0}.config-panel{top:calc(var(--header-height) + 24px);border-radius:var(--radius-lg);padding:clamp(26px,3vw,38px);position:sticky}.config-panel>p:not(.eyebrow){color:var(--muted);margin:18px 0 0}.selector-list{border-top:1px solid var(--line);margin:30px 0 0;display:grid}.selector-list>div{border-bottom:1px solid var(--line);gap:7px;padding:16px 0;display:grid}.selector-list dt{color:var(--muted);font-size:.74rem}.selector-list dd{min-width:0;color:var(--navy);margin:0;font-size:.88rem;font-weight:700}code{color:var(--navy-2);overflow-wrap:anywhere;background:#f4f6fb;border:1px solid #dce3f1;border-radius:7px;padding:3px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem}.config-callout{border-radius:var(--radius);background:var(--cobalt-soft);gap:13px;margin-top:25px;padding:18px;display:flex}.config-callout strong{color:var(--navy);font-size:.86rem}.config-callout p{color:var(--muted);margin:6px 0 0;font-size:.76rem}.script-panel{border-radius:var(--radius-lg);margin-bottom:clamp(80px,9vw,130px);padding:clamp(34px,5vw,62px)}.script-intro,.field-help{color:var(--muted)}.script-intro{margin-bottom:24px}.script-form{gap:12px;display:grid}.script-form-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.script-form-row .ant-input,.script-form-row .ant-btn{min-height:48px}.field-help{margin:0;font-size:.78rem}.loader-message{margin-top:18px}.site-footer{width:min(calc(100% - 64px), var(--container));border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) minmax(280px,.58fr);align-items:start;gap:clamp(28px,5vw,72px);margin-inline:auto;padding-block:42px 54px;display:grid}.brand--footer{align-self:start}.site-footer strong{color:var(--navy)}.site-footer p{color:var(--muted);margin:5px 0 0;font-size:.82rem}.footer-disclaimer{max-width:430px}.ant-result{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);width:min(100% - 40px,680px);box-shadow:var(--shadow-sm);margin:80px auto}@media (width<=1180px){.header-inner{grid-template-columns:auto minmax(0,1fr)}.scenario-nav{justify-content:flex-end}.header-cta{display:none}.catalog-hero{grid-template-columns:minmax(0,.9fr) minmax(390px,.7fr);gap:48px}.scenario-card{grid-template-columns:minmax(190px,.66fr) minmax(0,1fr)}.demo-layout{grid-template-columns:minmax(0,1fr)}.config-panel{position:static}}@media (width<=920px){.site-header{position:relative}.header-inner{width:min(calc(100% - 40px), var(--container));grid-template-columns:1fr;gap:10px;padding-block:13px 10px}.brand{justify-self:start}.scenario-nav{overscroll-behavior-x:contain;scrollbar-width:none;justify-content:flex-start;width:100%;overflow-x:auto}.scenario-nav::-webkit-scrollbar{display:none}.scenario-nav a{min-height:44px}.catalog-hero,.mode-hero-grid,.section-heading,.catalog-note{grid-template-columns:minmax(0,1fr)}.catalog-hero{width:min(calc(100% - 40px), var(--container))}.hero-collage{min-height:520px;transform:none}.scenario-card-grid{grid-template-columns:minmax(0,1fr)}.catalog-note .boundary-note{grid-column:auto}.catalog-section,.catalog-note,.mode-hero,.demo-layout,.script-panel,.site-footer{width:min(calc(100% - 40px), var(--container))}.site-footer{grid-template-columns:auto minmax(0,1fr)}.footer-disclaimer{grid-column:1/-1}}@media (width<=700px){h1{font-size:clamp(2.35rem,12vw,3.7rem)}h2{font-size:clamp(1.85rem,9vw,2.8rem)}.catalog-hero{padding-block:52px 76px}.hero-actions{display:grid}.hero-collage{gap:8px;min-height:430px;padding:10px}.hero-collage a{min-height:200px}.hero-collage a:nth-child(2),.hero-collage a:nth-child(3){transform:none}.scenario-card{grid-template-columns:minmax(0,1fr)}.scenario-card-media{aspect-ratio:4/3;min-height:auto}.product-card{grid-template-columns:minmax(0,1fr)}.product-media{aspect-ratio:4/5;min-height:auto}.merchant-actions,.script-form-row,.site-footer{grid-template-columns:minmax(0,1fr)}.footer-disclaimer{grid-column:auto}}@media (width<=480px){.header-inner,.catalog-hero,.catalog-section,.catalog-note,.mode-hero,.demo-layout,.script-panel,.site-footer{width:min(calc(100% - 28px), var(--container))}.brand-mark{width:34px;height:34px}.hero-collage{border-radius:22px;min-height:390px}.hero-collage a{border-radius:15px;min-height:180px}.hero-collage span{padding:8px;font-size:.68rem;bottom:8px;left:8px;right:8px}.scenario-card-content,.product-content,.config-panel,.script-panel,.catalog-note{padding:24px}.scenario-breadcrumbs{padding:14px 18px}.mode-placement-card{padding:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}