@charset "UTF-8";:root{--color-background: #f9f6f0;--color-surface: #ffffff;--color-surface-alt: #f1eee8;--color-text-primary: #333333;--color-text-secondary: #676767;--color-brand: #0156ee;--color-brand-dark: #031d5d;--color-brand-contrast: #ffffff;--color-border: #e4ded2;--color-focus-ring: #0156ee;--color-success: #2f855a;--color-error: #c0392b;--color-chameleon-cold: #031d5d;--color-chameleon-hot: #f9f6f0;--color-viber: #7360f2;--color-telegram: #229ed9;--font-base: "Manrope", system-ui, sans-serif;--fs-h1: clamp(24px, 4.4vw, 60px);--fs-h2: clamp(28px, 3.2vw, 44px);--fs-h3: clamp(20px, 1.6vw, 26px);--fs-body: 16px;--fs-body-lg: clamp(16px, 1.2vw, 18px);--fs-caption: 14px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-6: 48px;--space-8: 64px;--space-12: 96px;--radius-card: 20px;--radius-button: 12px;--radius-input: 10px;--shadow-sm: 0 1px 2px rgba(3, 29, 93, .06);--shadow-md: 0 8px 24px rgba(3, 29, 93, .1), 0 2px 6px rgba(3, 29, 93, .06);--shadow-lg: 0 16px 40px rgba(3, 29, 93, .14);--container-width: 1180px;--header-height: 90px;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-micro: .18s;--duration-standard: .3s}@media (max-width: 1040px){:root{--header-height: 80px}}@media (max-width: 480px){:root{--header-height: 76px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{min-height:100dvh;-webkit-font-smoothing:antialiased;line-height:1.5;max-width:100vw;overflow-x:clip}img,picture{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;background:none;border:none;cursor:pointer}ul,ol{list-style:none}::selection{background:var(--color-brand);color:var(--color-brand-contrast)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}body{font-family:var(--font-base);background:var(--color-background);color:var(--color-text-primary);cursor:default}input[type=text],textarea{cursor:text}.wrap{max-width:var(--container-width);margin:0 auto;padding:0 var(--space-3);display:flow-root}@media (max-width: 480px){.wrap{padding:0 var(--space-2)}}@media (max-width: 360px){.wrap{padding:0 10px}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);height:48px;padding:0 var(--space-3);border-radius:var(--radius-button);font-family:var(--font-base);font-weight:700;font-size:15px;white-space:nowrap;transition:transform var(--duration-micro) var(--ease-out),box-shadow var(--duration-micro) var(--ease-out),background-color var(--duration-micro) var(--ease-out),border-color var(--duration-micro) var(--ease-out),color var(--duration-micro) var(--ease-out)}.btn:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-button)}.btn--primary{background:var(--color-brand);color:var(--color-brand-contrast);border:2px solid var(--color-brand-dark);box-shadow:0 4px 0 var(--color-brand-dark)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--color-brand-dark)}.btn--primary:active{transform:translateY(1px);box-shadow:0 2px 0 var(--color-brand-dark)}.btn--secondary{background:transparent;color:var(--color-text-primary);border:2px solid var(--color-border)}.btn--secondary:hover{border-color:var(--color-brand);color:var(--color-brand)}.btn--secondary:active{transform:translateY(1px)}@media (prefers-reduced-motion: reduce){.btn,.btn--primary,.btn--secondary{transition:none!important}.btn--primary:hover,.btn--primary:active,.btn--secondary:active{transform:none}}.nav{display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,1.3vw,28px);height:72px;padding:0 clamp(12px,1.3vw,26px);position:sticky;top:16px;z-index:999;background:var(--color-surface);border:1px solid var(--color-border);border-radius:21px;box-shadow:var(--shadow-md);margin-top:18px;transition:opacity .16s ease;animation:fade-in-up .48s var(--ease-out) both}.nav.nav-hidden{opacity:0;visibility:hidden;pointer-events:none}.nav a:focus-visible,.nav button:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-radius:8px}.brand{display:flex;align-items:center;gap:13px;font-family:var(--font-base);font-weight:700;font-size:16px;letter-spacing:-.02em;color:var(--color-text-primary);flex:none;transition:font-size .2s ease}.brand-mark{height:36px;width:auto;object-fit:contain;flex:none}.brand-txt{display:flex;flex-direction:column;line-height:1.02;margin-top:-2px}.brand-slogan{font-family:var(--font-base);font-weight:700;font-size:12px;line-height:1.2;letter-spacing:.01em;color:var(--color-brand);opacity:.8;margin-top:3px;transform:translateY(3px)}.nav-menu{display:flex;align-items:center;flex:1;min-width:0;gap:clamp(14px,1.7vw,32px)}.nav-links{display:flex;align-items:center;justify-content:space-evenly;flex-wrap:nowrap;flex:1 1 auto;min-width:0;max-width:540px;margin-inline:auto;gap:10px}.nav-links a{position:relative;color:var(--color-text-secondary);font-weight:600;font-size:16px;padding:4px 0 8px;white-space:nowrap;flex-shrink:0;transition:color .2s ease}.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--color-brand);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}.nav-links a.active{color:var(--color-text-primary)}.nav-contacts{display:flex;align-items:center;gap:clamp(8px,.9vw,16px);margin-left:auto}.contacts{display:flex;align-items:center;gap:clamp(6px,.6vw,9px);flex-shrink:0}.nav .nav-cta{height:46px;padding:0 20px;border-radius:15px;font-size:15px}.nav-right{display:flex;align-items:center;gap:12px;flex:none}.nav-quick{display:none;align-items:center;gap:8px;flex:none}.ico-phone{background:var(--color-brand-dark)}.ico-phone svg{width:18px;height:18px;color:var(--color-background)}.contact-phone{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-base);font-weight:600;font-size:clamp(13.5px,1vw,16px);color:var(--color-text-primary);white-space:nowrap;flex-shrink:0;transition:color .2s ease}.contact-phone svg{width:15px;height:15px;color:var(--color-brand);transition:transform .2s ease}.contact-phone:hover{color:var(--color-brand)}.contact-phone:hover svg{transform:rotate(-8deg)}.contact-phone:focus-visible{outline:3px solid var(--color-brand);outline-offset:4px;border-radius:6px}.ico-btn{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;flex:none}.ico-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.ico-btn:active{transform:translateY(0);opacity:.9}.ico-btn svg{width:20px;height:20px;display:block;fill:#fff}.ico-viber{background:var(--color-viber)}.ico-tg{background:var(--color-telegram)}.header-menu-cup{display:none;align-items:center;justify-content:center;width:44px;height:44px;flex:none;padding:0;border-radius:13px;background:var(--color-brand-dark);color:var(--color-background);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}.header-menu-cup__icons{position:relative;display:block;width:27px;height:27px;pointer-events:none}.header-menu-cup__icon{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;transform-origin:center;transition:opacity .22s ease,transform .22s ease}.header-menu-cup__icon--whole{opacity:1;transform:scale(1) rotate(0)}.header-menu-cup__icon--broken{opacity:0;transform:scale(.72) rotate(-5deg)}.header-menu-cup[aria-expanded=true]{background:var(--color-brand);color:var(--color-brand-contrast)}.header-menu-cup[aria-expanded=true] .header-menu-cup__icon--whole{opacity:0;transform:scale(.7) rotate(5deg)}.header-menu-cup[aria-expanded=true] .header-menu-cup__icon--broken{opacity:1;transform:scale(1) rotate(0)}.header-menu-cup__broken-part{transform-box:fill-box;transform-origin:center;transition:transform .26s ease}.header-menu-cup[aria-expanded=true] .header-menu-cup__broken-part--left{transform:translate(-1.6px,1.2px) rotate(-4deg)}.header-menu-cup[aria-expanded=true] .header-menu-cup__broken-part--right{transform:translate(1.6px,-1px) rotate(4deg)}@media (hover: hover) and (pointer: fine){.header-menu-cup:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}}.header-menu-cup:active{transform:translateY(0);opacity:.9}.header-menu-cup[aria-expanded=true]:focus-visible{outline-color:var(--color-background)}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;background:#031d5d73;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s ease}.mobile-menu-overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto}@media (prefers-reduced-motion: reduce){.header-menu-cup,.header-menu-cup__icon,.header-menu-cup__broken-part,.nav-menu,.mobile-menu-overlay,.nav,.nav .nav-cta{transition:none!important}}html.resizing .nav-menu,html.resizing .nav{transition:none!important}@media (max-width: 1180px){.nav .contact-phone{width:44px;height:44px;justify-content:center;padding:0;gap:0;border-radius:50%;background:var(--color-brand-dark);flex:none}.nav .contact-phone svg{color:var(--color-background)}.nav .contact-phone:hover{background:var(--color-text-primary)}.contact-phone-num{display:none}}@media (max-width: 1040px){.nav{gap:12px;padding:0 16px;height:62px}.nav-links{gap:8px}.nav .nav-cta{height:44px;padding:0 18px;font-size:14px}}@media (max-width: 950px){.brand{gap:8px}.brand-slogan{display:none}}@media (max-width: 910px){.header-menu-cup{display:inline-flex}.nav-quick{display:flex}.nav-menu{position:absolute;left:20px;right:20px;top:calc(100% + 10px);flex-direction:column;align-items:stretch;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-lg);min-height:0;max-height:0;overflow:hidden;opacity:0;padding:14px 18px 18px;transition:max-height .28s ease,opacity .22s ease}.nav.nav-open .nav-menu{opacity:1}.nav-links{flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:none;max-width:none;margin-inline:0;gap:2px;width:100%}.nav-links a{width:100%;padding:11px 2px;font-size:15px}.nav-contacts{margin-left:0;margin-top:8px;padding-top:14px;border-top:2px solid rgba(51,51,51,.14);width:100%;flex-wrap:wrap;gap:14px}.nav .contact-phone{width:auto;height:auto;justify-content:flex-start;display:inline-flex;font-size:16px;padding:10px 0;gap:8px;border:none;border-radius:0;background:none;box-shadow:none}.nav .contact-phone svg{color:var(--color-brand);width:15px;height:15px}.contact-phone-num{display:inline}}@media (min-width: 621px) and (max-width: 910px){.nav{margin-inline:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center}.brand{grid-column:1}.nav .nav-cta{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-tap-highlight-color:transparent}.nav .nav-cta:hover{transform:translate(-50%,calc(-50% - 2px))}.nav .nav-cta:active{transform:translate(-50%,calc(-50% + 1px))}.nav-right{grid-column:3}}@media (min-width: 641px) and (max-width: 910px){.nav{width:min(100% - 32px,760px)}}@media (min-width: 481px) and (max-width: 640px){.nav{width:min(100%,560px);margin-inline:auto}}@media (max-width: 760px){.nav-quick .ico-phone{display:none}}@media (max-width: 640px){.nav{padding:0 14px}.nav-menu{left:14px;right:14px}.nav-quick{display:none}}@media (min-width: 481px) and (max-width: 910px){.nav{height:62px;min-height:62px;padding-block:0;align-items:center}}@media (max-width: 480px){.nav{height:58px;min-height:58px}}@media (max-width: 620px){.brand-txt{display:none}.brand{padding:8px;margin:-8px}.nav .nav-cta{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-tap-highlight-color:transparent}.nav .nav-cta:hover{transform:translate(-50%,calc(-50% - 2px))}.nav .nav-cta:active{transform:translate(-50%,calc(-50% + 1px))}}.hero{display:flex;flex-direction:column}@media (min-width: 641px){.hero{min-height:calc(100vh - var(--header-height));min-height:calc(100svh - var(--header-height))}}@media (min-width: 641px) and (max-width: 959.98px) and (max-height: 554.98px){.hero{min-height:0}}.hero__container{display:flex;flex-direction:column;gap:var(--space-4);padding-block:var(--space-4)}@media (min-width: 641px){.hero__container{gap:var(--space-4);padding-block:var(--space-4)}}@media (min-width: 960px){.hero__container{flex:1 1 auto;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-3);padding-block:0;--hero-content-w: clamp(380px, 45.7627vw, 540px)}}.hero__content{min-width:0}@media (min-width: 960px){.hero__content{flex:0 1 var(--hero-content-w)}}.hero__content-inner{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);max-width:540px}.hero__visual{min-width:0;display:flex;align-items:center;justify-content:center}@media (min-width: 960px){.hero__visual{flex:1 1 0;justify-content:flex-start;align-self:stretch;margin-left:-16px}}@media (min-width: 641px) and (max-width: 959.98px){.hero__container{display:grid;grid-template-columns:var(--hero-content-w) 1fr;grid-template-areas:"benefits mug" "title mug" "subtitle mug" "actions mug" "products mug";gap:var(--space-3) var(--space-4);align-items:start;--hero-content-w: clamp(240px, 45.7627vw, 540px)}.hero__content,.hero__content-inner{display:contents}.hero__benefits{grid-area:benefits;max-width:var(--hero-content-w)}.hero__title{grid-area:title;max-width:var(--hero-content-w)}.hero__subtitle{grid-area:subtitle}.hero__actions{grid-area:actions}.hero__container .hero__actions{max-width:var(--hero-content-w)}.hero-products{grid-area:products}.hero__visual{grid-area:mug;align-self:stretch}.hero__visual-stage{height:100%}.hero__benefits,.hero__title,.hero__subtitle{animation:fade-in-up .56s var(--ease-out) both;animation-delay:90ms}}@media (min-width: 641px) and (max-width: 780px){.hero__container{grid-template-areas:"benefits benefits" "title mug" "subtitle mug" "actions mug" "products mug"}.hero__benefits{width:100%;max-width:none}.hero__visual{align-self:center}.hero__visual-stage{height:auto}}.hero__content-inner,.hero-products,.hero__actions{animation:fade-in-up .56s var(--ease-out) both}.hero__content-inner{animation-delay:90ms}.hero-products{animation-delay:.18s}.hero__actions{animation-delay:.26s}.hero__title{font-family:var(--font-base);font-weight:700;font-size:var(--fs-h1);line-height:1.1;letter-spacing:-.02em;color:var(--color-text-primary)}@media (max-width: 640px){.hero__title{width:100%;text-align:center;font-size:clamp(24px,4.4vw,28.2px);line-height:1.12}}.hero__subtitle{font-size:var(--fs-body-lg);line-height:1.6;color:var(--color-text-secondary);max-width:46ch}@media (max-width: 640px){.hero__subtitle{font-size:clamp(15px,3.8vw,17px)}}.hero__price-badge{display:inline-block;font-weight:700;color:var(--color-text-primary);background:var(--color-surface-alt);border-radius:6px;padding:1px 8px;white-space:nowrap;transition:opacity var(--duration-micro) var(--ease-out)}.hero__price-badge.is-swapping{opacity:0}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);max-width:540px;width:100%}.hero__cta{width:max(45%,155px);height:68px;padding:0 clamp(20px,4.1667vw,40px);font-size:17px;border-radius:14px;gap:var(--space-2);box-shadow:0 4px 0 var(--color-brand-dark),var(--shadow-lg)}.hero__cta:hover{box-shadow:0 6px 0 var(--color-brand-dark),0 20px 48px #031d5d2e}.hero__cta:active{box-shadow:0 2px 0 var(--color-brand-dark),0 8px 20px #031d5d1f}.hero__cta svg{width:22px;height:22px;flex:none}@media (max-width: 959.98px){.hero__cta svg{display:none}.hero__cta{padding:0 clamp(14px,3.6vw,30px)}}.hero__benefits{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0;padding:0;list-style:none;font-size:13px;line-height:1.5;color:var(--color-text-secondary)}@media (max-width: 640px){.hero__benefits{justify-content:center;text-align:center}}.hero__benefits li{display:flex;align-items:center;gap:6px}.hero__benefits li:not(:first-child):before{content:"·";margin-right:6px}.hero__benefits svg{display:none}@media (min-width: 960px){.hero__benefits{width:100%;flex-wrap:nowrap;justify-content:space-between;gap:var(--space-2)}.hero__benefits li{gap:8px;font-weight:600;white-space:nowrap}.hero__benefits li:not(:first-child):before{content:none}.hero__benefits svg{display:block;width:16px;height:16px;color:var(--color-brand);flex:none}}.hero-products{display:flex;flex-direction:column;gap:var(--space-1);width:100%;max-width:540px}@media (max-width: 640px){.hero__content-inner{max-width:none}.hero__benefits,.hero__title,.hero__visual,.hero-products,.hero__subtitle,.hero__actions{width:100%;max-width:none}}@media (max-width: 640px){.hero__content,.hero__content-inner{display:contents}.hero__container{gap:var(--space-3)}.hero__benefits{order:1}.hero__title{order:2}.hero__visual{order:3}.hero-products{order:4}.hero__subtitle{order:5}.hero__actions{order:6}.hero__cta{width:100%;max-width:none}}.hero-products__description{position:absolute;top:100%;left:var(--hero-desc-left, 0px);width:var(--hero-desc-width, 100%);margin:4px 0 0;min-height:18px;font-size:13px;line-height:1.4;text-align:center;color:var(--color-text-secondary);transition:opacity var(--duration-micro) var(--ease-out)}.hero-products__description.is-swapping{opacity:0}@media (max-width: 934px){.hero-products__description{display:none}}.hero-products__buttons{position:relative;display:flex;gap:var(--space-2);width:100%}.hero-products__item{flex:1 1 0;min-width:0;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-1) var(--space-2);border:1.5px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-surface);color:var(--color-text-secondary);font-family:var(--font-base);cursor:pointer;position:relative;transition:border-color var(--duration-micro) var(--ease-out),background var(--duration-micro) var(--ease-out),color var(--duration-micro) var(--ease-out)}.hero-products__item:hover{border-color:var(--color-brand)}.hero-products__item:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.hero-products__name{font-weight:700;font-size:var(--fs-caption);line-height:1.2}.hero-products__price{font-size:12px;line-height:1.2;opacity:.8}.hero-products__item.is-active{border:2px solid var(--color-brand);padding:calc(var(--space-1) - .5px) calc(var(--space-2) - .5px);background:var(--color-surface-alt);color:var(--color-text-primary)}.hero-products__item.is-active:after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--color-brand)}.hero__visual-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;padding-block:var(--space-4)}@media (max-width: 640px){.hero__visual-stage{padding-block:0}}@media (min-width: 641px) and (max-width: 959.98px){.hero__visual-stage{padding-block:var(--space-2);align-items:flex-end}}@media (min-width: 960px){.hero__visual-stage{height:100%;align-items:flex-start;margin-top:calc(-1 * var(--hero-mug-lift, 0px))}}.hero__stage-glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,#0156ee29,#0156ee00 72%);filter:blur(18px);animation:hero-glow-drift 12s ease-in-out infinite}@keyframes hero-glow-drift{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-52%,-48%) scale(1.06)}}.hero__cup-shadow{position:absolute;left:50%;bottom:2%;transform:translate(-50%);width:58%;height:9%;background:radial-gradient(closest-side,#031d5d4d,#031d5d00 75%);filter:blur(3px);z-index:0;opacity:0;transition:opacity .12s ease}.hero__visual-stage.is-fallback-ready .hero__cup-shadow{opacity:1}@media (min-width: 641px){.hero__cup-shadow{bottom:auto;top:var(--hero-shadow-top, 2%);height:auto;aspect-ratio:58/9}}.hero-mug{position:relative;z-index:1;width:100%;max-width:clamp(260px,42vw,480px);aspect-ratio:753/663;min-width:0;overflow:hidden}@media (max-width: 640px){.hero-mug{width:clamp(280px,78vw,460px);max-width:none;margin-inline:auto}}@media (min-width: 641px) and (max-width: 959.98px){.hero-mug{max-width:none}}@media (min-width: 960px){.hero-mug{max-width:min(720px,min(100vw,var(--container-width)) - var(--space-3) * 3 - var(--hero-content-w) + 16px + max(0px,100vw - var(--container-width)) / 2,(100svh - var(--header-height) - 220px) * 753 / 663)}}@media (min-width: 1180px){.hero-mug{width:auto;flex-shrink:0}}.hero-mug__fallback{display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .12s ease}.hero__visual-stage.is-fallback-ready .hero-mug__fallback{opacity:1}.hero-mug__canvas{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .1s ease;display:flex;align-items:center;justify-content:center}.hero-mug__canvas canvas{display:block;width:100%;height:100%;max-width:100%;max-height:100%}.hero__visual-stage .hero-mug.hero-3d-ready .hero-mug__fallback{opacity:0;pointer-events:none;transition:opacity 0ms linear .12s}.hero-3d-ready .hero-mug__canvas{opacity:1;pointer-events:auto}@media (min-width: 960px){.hero__visual-stage:not(.is-lift-ready) .hero__stage-glow,.hero__visual-stage:not(.is-lift-ready) .hero__cup-shadow,.hero__visual-stage:not(.is-lift-ready) .hero-mug__fallback,.hero__visual-stage:not(.is-lift-ready) .hero-mug__canvas{opacity:0}}.hero__bottom{flex:0 0 auto}@media (min-width: 960px) and (min-height: 700px){.hero__bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding-bottom:var(--space-3)}}.proof-strip{display:none;width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}@media (min-width: 960px) and (min-height: 700px){.proof-strip{display:block}}.proof-track{display:flex;align-items:center;gap:var(--space-2);width:max-content;white-space:nowrap;padding-block:var(--space-1);font-family:var(--font-base);font-size:13px;font-weight:600;color:var(--color-text-secondary);animation:proof-track-scroll 56s linear infinite}.proof-sep{color:var(--color-brand);opacity:.6}@keyframes proof-track-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero__scroll-hint{display:none}@keyframes hero-scroll-hint-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 960px) and (min-height: 700px){.hero__scroll-hint{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;padding:var(--space-1);color:var(--color-text-secondary);font-family:var(--font-base);font-size:13px;cursor:pointer;opacity:1;transition:opacity var(--duration-standard) var(--ease-out);animation:hero-scroll-hint-in .56s var(--ease-out) both;animation-delay:.34s}.hero__scroll-hint:hover{color:var(--color-text-primary)}.hero__scroll-hint:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.hero__scroll-hint.is-hidden{opacity:0;pointer-events:none}.hero__scroll-hint svg{width:18px;height:18px;animation:hero-scroll-bounce 1.8s ease-in-out infinite}}@keyframes hero-scroll-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.constructor [hidden]{display:none}.constructor{padding-block:var(--space-12) var(--space-8);scroll-margin-top:var(--header-height)}@media (max-width: 959.98px){.constructor{padding-block:var(--space-8) var(--space-6)}}@media (max-width: 640px){.constructor{padding-block:var(--space-6) var(--space-4)}}.constructor__head{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);max-width:620px;margin:0 auto var(--space-6);text-align:center}.constructor__eyebrow{display:inline-flex;align-items:center;gap:var(--space-1);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-brand)}.constructor__eyebrow:before{content:"";width:20px;height:2px;border-radius:2px;background:currentColor}.constructor__heading{font-family:var(--font-base);font-weight:700;font-size:var(--fs-h2);line-height:1.15;letter-spacing:-.02em;color:var(--color-text-primary);text-wrap:balance}.constructor__desc{font-size:var(--fs-body-lg);line-height:1.6;color:var(--color-text-secondary);text-wrap:pretty}.constructor__note{margin-top:var(--space-1);font-size:13px;font-weight:600;color:var(--color-text-secondary);opacity:.85}.constructor__workspace{display:grid;gap:var(--space-4);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-md)}@media (min-width: 960px){.constructor__workspace{grid-template-columns:minmax(0,58fr) minmax(0,42fr);padding:var(--space-4);align-items:start}}@media (min-width: 1180px){.constructor__workspace{gap:var(--space-6);padding:var(--space-6)}}.constructor__stage{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;border-radius:var(--radius-card);background:radial-gradient(circle at 50% 42%,var(--color-surface) 0%,var(--color-surface-alt) 72%);overflow:hidden}@media (min-width: 860px){.constructor__stage{aspect-ratio:1}}@media (max-width: 959.98px){.constructor__stage{max-width:520px;margin-inline:auto;width:100%}}@media (min-width: 960px){.constructor__stage{position:sticky;top:calc(var(--header-height) + var(--space-2))}}.constructor__stage-glow{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,#0156ee24,#0156ee00 72%);filter:blur(18px);pointer-events:none}.constructor__stage-shadow{position:absolute;left:50%;bottom:12%;transform:translate(-50%);width:46%;height:7%;background:radial-gradient(closest-side,#031d5d42,#031d5d00 75%);filter:blur(3px);pointer-events:none}.constructor__scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;transition:opacity var(--duration-standard) var(--ease-out);touch-action:pan-y}.constructor__scene.is-ready{opacity:1}.constructor__scene canvas{display:block}.constructor__stage-fallback{position:relative;z-index:2;max-width:30ch;padding:var(--space-2);text-align:center;font-size:var(--fs-caption);line-height:1.5;color:var(--color-text-secondary)}.constructor__zoom,.constructor__stage-hint{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--color-border);border-radius:999px;background:#ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);font-size:12px;font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.constructor__stage-hint{top:var(--space-2);left:var(--space-2);pointer-events:none}.constructor__stage-hint svg{width:14px;height:14px;flex:none;color:var(--color-brand)}.constructor__zoom{right:var(--space-2);bottom:var(--space-2);gap:2px;padding:4px}.constructor__zoom-btn,.constructor__zoom-value{display:inline-flex;align-items:center;justify-content:center;min-height:32px;border-radius:999px;color:var(--color-text-primary);font-family:var(--font-base);font-weight:700;font-size:12px;cursor:pointer;transition:background var(--duration-micro) var(--ease-out),color var(--duration-micro) var(--ease-out)}.constructor__zoom-btn{width:32px}.constructor__zoom-value{min-width:46px;padding-inline:6px}.constructor__zoom-btn:hover:not(:disabled),.constructor__zoom-value:hover:not(:disabled){background:var(--color-surface-alt);color:var(--color-brand)}.constructor__zoom-btn:disabled,.constructor__zoom-value:disabled{opacity:.4;cursor:default}.constructor__zoom-btn svg{width:14px;height:14px}.constructor__zoom-btn:focus-visible,.constructor__zoom-value:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media (max-width: 640px){.constructor__zoom-btn,.constructor__zoom-value{min-height:44px}.constructor__zoom-btn{width:44px}.constructor__zoom-btn svg{width:16px;height:16px}}.constructor__panel{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.constructor__group{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;border:0}.constructor__legend{padding:0;font-size:13px;font-weight:700;color:var(--color-text-primary)}.constructor__hint{font-size:12px;line-height:1.5;color:var(--color-text-secondary)}.constructor__error{font-size:12px;line-height:1.5;font-weight:600;color:var(--color-error)}.constructor__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1)}.constructor__card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;padding:var(--space-1);border:1.5px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-surface);color:var(--color-text-secondary);text-align:center;cursor:pointer;transition:border-color var(--duration-micro) var(--ease-out),background var(--duration-micro) var(--ease-out),color var(--duration-micro) var(--ease-out)}.constructor__card input{position:absolute;width:0;height:0;opacity:0}.constructor__card:hover{border-color:var(--color-brand)}.constructor__card:has(input:checked){padding:calc(var(--space-1) - .5px);border:2px solid var(--color-brand);background:var(--color-surface-alt);color:var(--color-text-primary)}.constructor__card:has(input:checked):after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--color-brand)}.constructor__card:has(input:focus-visible){outline:2px solid var(--color-focus-ring);outline-offset:2px}.constructor__card-name{font-weight:700;font-size:var(--fs-caption);line-height:1.2}.constructor__card-price{font-size:12px;line-height:1.2;opacity:.8}.constructor__segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-button)}.constructor__segment{position:relative;display:flex;align-items:center;justify-content:center;min-height:38px;padding:6px 4px;border-radius:calc(var(--radius-button) - 4px);font-size:12.5px;font-weight:600;line-height:1.2;text-align:center;color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-micro) var(--ease-out),color var(--duration-micro) var(--ease-out),box-shadow var(--duration-micro) var(--ease-out)}.constructor__segment input{position:absolute;width:0;height:0;opacity:0}.constructor__segment:hover{color:var(--color-text-primary)}.constructor__segment:has(input:checked){background:var(--color-surface);color:var(--color-brand);font-weight:700;box-shadow:var(--shadow-sm)}.constructor__segment:has(input:focus-visible){outline:2px solid var(--color-focus-ring);outline-offset:1px}.constructor__editor{display:flex;align-items:center;justify-content:center;padding:var(--space-2);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-input)}.constructor__editor-canvas{display:block;max-width:100%;border-radius:4px;box-shadow:var(--shadow-sm);touch-action:none;cursor:move}.constructor__tabs{display:flex;gap:var(--space-2);border-bottom:1px solid var(--color-border)}.constructor__tab{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 2px 10px;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-family:var(--font-base);font-weight:600;font-size:var(--fs-caption);cursor:pointer;transition:color var(--duration-micro) var(--ease-out),border-color var(--duration-micro) var(--ease-out)}.constructor__tab svg{width:16px;height:16px;flex:none}.constructor__tab:hover{color:var(--color-text-primary)}.constructor__tab.is-active{border-bottom-color:var(--color-brand);color:var(--color-brand);font-weight:700}.constructor__tab:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:4px}.constructor__tabpanel{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.constructor__tabpanel:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:4px;border-radius:var(--radius-input)}.constructor__slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);border-radius:var(--radius-input);transition:box-shadow var(--duration-micro) var(--ease-out)}.constructor__slots.is-dragover{box-shadow:0 0 0 2px var(--color-brand)}.constructor__slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:4/3;min-height:76px;padding:var(--space-1);border:1.5px dashed var(--color-border);border-radius:var(--radius-input);background-color:var(--color-surface-alt);background-size:cover;background-position:center;color:var(--color-text-secondary);font-family:var(--font-base);cursor:pointer;overflow:hidden;transition:border-color var(--duration-micro) var(--ease-out),color var(--duration-micro) var(--ease-out)}.constructor__slot svg{width:20px;height:20px}.constructor__slot:hover{border-color:var(--color-brand);color:var(--color-brand)}.constructor__slot:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.constructor__slot.is-filled{justify-content:flex-end;border-style:solid}.constructor__slot.is-active{border:2px solid var(--color-brand)}.constructor__slot-caption{font-size:11px;font-weight:700;line-height:1.2}.constructor__slot.is-filled .constructor__slot-caption{padding:3px 8px;border-radius:999px;background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--color-text-primary)}.constructor__slot.is-active .constructor__slot-caption{background:var(--color-brand);color:var(--color-brand-contrast)}.constructor__file-input{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.constructor__ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:44px;padding:0 var(--space-2);border:1.5px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-surface);color:var(--color-text-primary);font-family:var(--font-base);font-weight:600;font-size:13px;line-height:1.3;text-align:center;cursor:pointer;transition:border-color var(--duration-micro) var(--ease-out),color var(--duration-micro) var(--ease-out)}.constructor__ghost-btn svg{width:16px;height:16px;flex:none}.constructor__ghost-btn:hover:not(:disabled){border-color:var(--color-brand);color:var(--color-brand)}.constructor__ghost-btn:disabled{opacity:.45;cursor:default}.constructor__ghost-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.constructor__control{display:flex;flex-direction:column;gap:6px;min-width:0}.constructor__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:32px}.constructor__row-label{font-size:13px;font-weight:600;color:var(--color-text-primary)}.constructor__row-value{font-size:12px;font-weight:700;color:var(--color-text-secondary);white-space:nowrap}.constructor__switch{position:relative;flex:none;width:44px;height:26px;border-radius:999px;background:var(--color-border);cursor:pointer;transition:background var(--duration-micro) var(--ease-out)}.constructor__switch.is-on{background:var(--color-brand)}.constructor__switch-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--duration-micro) var(--ease-out)}.constructor__switch.is-on .constructor__switch-knob{transform:translate(18px)}.constructor__switch:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.constructor__range{width:100%;height:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}@media (max-width: 640px){.constructor__range{height:44px}}.constructor__range::-webkit-slider-runnable-track{height:6px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-alt)}.constructor__range::-moz-range-track{height:6px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-alt)}.constructor__range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin-top:-7px;border:2px solid var(--color-surface);border-radius:50%;background:var(--color-brand);box-shadow:var(--shadow-sm)}.constructor__range::-moz-range-thumb{width:18px;height:18px;border:2px solid var(--color-surface);border-radius:50%;background:var(--color-brand);box-shadow:var(--shadow-sm)}.constructor__range:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:999px}.constructor__field{width:100%;min-height:44px;padding:0 var(--space-2);border:1.5px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);color:var(--color-text-primary);font-family:var(--font-base);font-size:var(--fs-body);transition:border-color var(--duration-micro) var(--ease-out)}.constructor__field::placeholder{color:var(--color-text-secondary);opacity:.7}.constructor__field:hover{border-color:var(--color-brand)}.constructor__field:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px;border-color:var(--color-brand)}.constructor__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-4);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23676767' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px 16px;cursor:pointer}.constructor__swatches{display:flex;flex-wrap:wrap;gap:var(--space-1)}.constructor__swatch{position:relative;flex:none;width:32px;height:32px;border:1.5px solid var(--color-border);border-radius:50%;cursor:pointer;transition:transform var(--duration-micro) var(--ease-out),box-shadow var(--duration-micro) var(--ease-out)}.constructor__swatch:hover{transform:translateY(-1px)}.constructor__swatch.is-active{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-brand)}.constructor__swatch:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.constructor__swatch--none{background-color:#fff;background-image:linear-gradient(45deg,var(--color-border) 25%,transparent 25%),linear-gradient(-45deg,var(--color-border) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-border) 75%),linear-gradient(-45deg,transparent 75%,var(--color-border) 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.constructor__picker{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--space-1);min-height:36px;padding:0 10px 0 6px;border:1.5px solid var(--color-border);border-radius:999px;font-size:12px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--duration-micro) var(--ease-out)}.constructor__picker:hover{border-color:var(--color-brand);color:var(--color-brand)}.constructor__picker:focus-within{outline:2px solid var(--color-focus-ring);outline-offset:2px}.constructor__picker input[type=color]{width:24px;height:24px;padding:0;border:1px solid var(--color-border);border-radius:50%;background:none;cursor:pointer}.constructor__picker input[type=color]::-webkit-color-swatch-wrapper{padding:0}.constructor__picker input[type=color]::-webkit-color-swatch{border:none;border-radius:50%}.constructor__picker input[type=color]::-moz-color-swatch{border:none;border-radius:50%}.constructor__summary{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.constructor__price{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.constructor__price-label{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.constructor__price-value{font-family:var(--font-base);font-weight:800;font-size:24px;line-height:1.1;color:var(--color-text-primary)}.constructor__buy,.constructor__download{width:100%}.constructor__status{font-size:12px;line-height:1.5;color:var(--color-text-secondary)}.constructor__status:empty{display:none}.constructor__status.is-error{color:var(--color-error);font-weight:600}.constructor__status a{color:var(--color-brand);font-weight:700;text-decoration:underline}@media (max-width: 640px){.constructor__workspace{gap:var(--space-3);padding:var(--space-2)}.constructor__switch:before,.constructor__swatch:before{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:inherit}.constructor__swatch{width:36px;height:36px}.constructor__cards{gap:6px}.constructor__segmented{grid-template-columns:1fr}.constructor__segment{min-height:44px}.constructor__ghost-btn{font-size:12.5px}}@media (max-width: 360px){.constructor__card-name{font-size:12.5px}.constructor__card-price{font-size:11px}}