@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;450;500;550;600;650;700;750;800&display=swap');
:root{--blue:#2d62ed;--ink:#17191e;--muted:#777c87;--line:#e6e8ee;--paper:#f8f9fc;--font:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;color:var(--ink);background:#fff;font-family:var(--font);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #2d62ed;outline-offset:5px}button,summary{touch-action:manipulation}svg{display:block}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.wrap{max-width:1280px;width:calc(100% - 112px);margin:auto}.header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.logo{display:flex;align-items:center;font-size:25px;letter-spacing:-1.1px;font-weight:800;white-space:nowrap}.logo-light{font-weight:500}.logo-mark{position:relative;display:grid;place-items:center;background:var(--blue);color:white;width:33px;height:33px;border-radius:10px;font-size:27px;margin-right:10px;font-weight:700;line-height:1}.logo-mark>span{font-size:17px;position:absolute;right:1px;top:0}.logo small{font-size:8px;font-weight:650;letter-spacing:1px;background:#f0f2f7;color:#7d8290;padding:4px 5px;margin-left:9px;align-self:flex-start;margin-top:5px;border-radius:4px}.header nav{display:flex;gap:31px;font-size:12px;font-weight:600}.header nav a{transition:color .2s}.header nav a:hover{color:var(--blue)}.header-cta{display:flex;align-items:center;gap:13px;border:1px solid #dfe2e9;border-radius:8px;padding:13px 16px;font-size:11px;font-weight:700;transition:background .2s,transform .2s}.header-cta svg{width:17px;height:17px}.header-cta:hover{background:#f3f5f9;transform:translateY(-2px)}.menu-toggle{display:none}.hero{min-height:650px;display:grid;grid-template-columns:47% 53%;align-items:center;padding:35px 0 48px}.hero-copy{position:relative;z-index:2;padding-top:8px}.eyebrow{font-size:9px;font-weight:750;letter-spacing:1.75px;display:flex;align-items:center;gap:10px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #eef3ff}h1{font-size:clamp(42px,4.3vw,64px);line-height:1.16;letter-spacing:-3.1px;font-weight:650;margin:27px 0 24px;white-space:nowrap}.blue-word{color:var(--blue);position:relative}.blue-word svg{position:absolute;left:-1px;bottom:-11px;width:100%;height:13px;fill:none;stroke:#8eb0ff;stroke-width:2.5;stroke-linecap:round}.hero-description{font-size:14px;line-height:1.9;color:#777b85;max-width:365px;margin:0 0 32px}.hero-actions{display:flex;align-items:center;gap:27px}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:26px;border-radius:8px;padding:17px 22px;font-size:12px;font-weight:650;transition:transform .2s,box-shadow .2s,background .2s}.button svg{width:19px;height:19px}.dark{color:#fff;background:#191b20}.dark:hover{background:#2e3443;transform:translateY(-3px);box-shadow:0 7px 18px #18233b1a}.dark:active{transform:translateY(0)}.text-link{font-size:11px;font-weight:650;display:flex;gap:14px;align-items:center}.text-link span{font-size:18px;color:#777}.text-link:hover{color:var(--blue)}.hero-assurance{display:flex;gap:14px;align-items:center;font-size:9px;color:#8b9099;margin-top:32px}.hero-assurance span{display:flex;gap:6px;align-items:center}.hero-assurance svg{width:16px;height:16px;fill:none;stroke:#858c9b;stroke-width:1.3}.hero-assurance i{height:3px;width:3px;border-radius:50%;background:#c7ccd6}.scene-area{position:relative;isolation:isolate;width:100%;height:560px}.scene-halo{position:absolute;inset:0 -40px 0 -25px;z-index:-1;background:radial-gradient(ellipse at 52% 51%,#e9efff 0%,#f4f7ff 34%,#fff 69%)}.scene-scaler{position:absolute;inset:0;overflow:visible}.scene{position:absolute;width:680px;height:600px;left:50%;top:48%;transform:translate(-50%,-50%) scale(var(--scene-scale,1));transform-origin:center;perspective:1000px}.box-back,.box-front,.flap{position:absolute;inset:0;width:680px;height:600px;pointer-events:none}.box-back{z-index:2}.flap-back{z-index:3;transform-origin:413px 321px}.flap-left{z-index:3;transform-origin:280px 318px}.box-front{z-index:8}.flap-front{z-index:9;transform-origin:343px 372px}.product{position:absolute;left:343px;top:338px;z-index:5;width:180px;height:150px;margin:-75px 0 0 -90px;opacity:0;will-change:transform,opacity}.product svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(4px 14px 9px #1b2a461c);transition:filter .3s}.product:hover svg{filter:drop-shadow(4px 20px 10px #1b2a4630)}.sneaker{width:210px;height:125px;margin:-62px 0 0 -105px}.headphones{width:133px;height:150px;margin:-75px 0 0 -66px}.computer{width:212px;height:155px;margin:-77px 0 0 -106px}.photo{width:151px;height:119px;margin:-60px 0 0 -75px}.accessory{width:90px;height:135px;margin:-67px 0 0 -45px}.ground-shadow{position:absolute;left:207px;top:502px;width:292px;height:51px;background:radial-gradient(ellipse,#29477c38,transparent 70%);filter:blur(7px);z-index:0}.orbit{position:absolute;border:1px dashed #d6e1f5;left:78px;top:178px;width:530px;height:310px;border-radius:50%;transform:rotate(-17deg);opacity:.6;z-index:0}.orbit-two{left:105px;top:131px;width:474px;height:390px;transform:rotate(30deg);opacity:.22}.spark{position:absolute;font-size:27px;color:#6189ef;font-weight:400}.spark-one{left:145px;top:119px}.spark-two{left:549px;top:323px;font-size:20px;color:#9eb6f6}.spark-three{left:398px;top:93px;font-size:17px}.scene-label{position:absolute;display:flex;align-items:center;gap:8px;font-size:10px;background:#fffffff2;border:1px solid #fff;border-radius:8px;padding:11px 14px;box-shadow:0 7px 22px #24447d09;z-index:10;white-space:nowrap;opacity:0}.label-eu{left:18px;top:264px;transform:rotate(-5deg)}.label-eu span{color:var(--blue);font-size:16px}.label-ua{right:14px;top:420px;transform:rotate(5deg)}.label-ua span{font-size:16px}.replay{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:8px;border:0;background:transparent;color:#777f90;font-size:10px;white-space:nowrap;transition:color .2s}.replay:hover{color:var(--blue)}.replay svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5}.scene-caption{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:1.45px;color:#a0a5b1;white-space:nowrap}.brand-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#3b3f47}.brand-strip>span:first-child{font-size:8px;font-weight:650;line-height:1.8;letter-spacing:1px;color:#8f939d;min-width:150px}.store-word{font-size:25px;font-weight:750;letter-spacing:-1.3px;opacity:.65}.zalando{font-size:22px;font-weight:500}.zalando span{font-size:30px;margin-left:3px}.amazon{position:relative;font-weight:700}.amazon span{position:absolute;left:27px;top:9px;font-size:42px}.nike{font-style:italic;font-weight:800;letter-spacing:-2px}.nike span{display:inline-block;transform:scaleX(1.7);margin-left:10px;font-size:30px}.apple{font-size:25px;font-weight:550;letter-spacing:-1.2px}.cos{font-family:Georgia,serif;font-size:31px;letter-spacing:-2px}.brand-strip .more-stores{font-size:9px;color:#979ba5;font-weight:500}.section{padding:86px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:36px}.section-heading .eyebrow,.request-section .eyebrow,.faq .eyebrow{font-size:8px;color:#838997;letter-spacing:1.4px}h2{font-size:30px;letter-spacing:-1.3px;line-height:1.3;font-weight:600;margin:15px 0 0}.section-heading>p{font-size:12px;line-height:1.8;color:#828793;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps article{border-top:1px solid var(--line);padding-top:21px}.step-num{display:flex;justify-content:space-between;color:var(--blue);font-size:12px;font-weight:650}.step-num>span{font-size:18px;color:#b2bdd5}.steps h3{font-size:16px;font-weight:650;margin:22px 0 10px;letter-spacing:-.3px}.steps p{font-size:12px;line-height:1.9;color:#838793;max-width:280px;margin:0}.catalog{padding-top:30px}.demo-pill{font-size:9px;color:#8a919e;background:#f4f5f8;border-radius:20px;padding:8px 12px}.filters{display:flex;gap:9px;margin-bottom:25px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:#fff;color:#737b8b;border-radius:30px;font-size:10px;padding:10px 17px;transition:background .2s,color .2s,transform .2s}.filters button:hover{transform:translateY(-2px);color:var(--blue)}.filters button.active{color:#fff;background:#1b1d22;border-color:#1b1d22}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;min-height:330px}.catalog-card[hidden]{display:none}.product-select{text-align:left;border:0;padding:0;background:transparent;width:100%;color:inherit}.card-art{height:244px;border-radius:12px;position:relative;display:grid;place-items:center;overflow:hidden;background:#f4f6fa}.art-shoe{background:#f1f4fa}.art-headphones{background:#f5f4f1}.art-watch{background:#f0f4f8}.card-art>svg{width:72%;height:70%;filter:drop-shadow(0 14px 8px #192c461a);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.art-shoe>svg{transform:rotate(-17deg)}.art-headphones>svg{height:65%;transform:rotate(12deg)}.art-watch>svg{height:78%;transform:rotate(20deg)}.product-select:hover .card-art>svg{transform:translateY(-8px) rotate(0) scale(1.05)}.card-tag{position:absolute;top:17px;left:17px;font-size:8px;color:#7d8596;background:#fff9;border-radius:20px;padding:6px 9px}.card-plus{position:absolute;right:15px;bottom:15px;background:#fff;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:15px;transition:background .2s,color .2s}.product-select:hover .card-plus{background:var(--blue);color:#fff}.card-meta{padding:18px 0 0}.card-meta>span{font-size:7px;letter-spacing:1.3px;color:#979ca6}.card-meta h3{font-size:14px;letter-spacing:-.2px;font-weight:650;margin:8px 0 6px}.card-meta p{font-size:11px;color:#9297a2;margin:0}.catalog-note{font-size:9px;color:#9a9fab;line-height:1.6;margin:28px 0 0}.request-section{background:#f3f6fd;border:1px solid #e8eefb;border-radius:16px;padding:49px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.request-section h2{font-size:33px}.request-section p,.faq>div>p{font-size:12px;line-height:1.9;color:#8a909e;margin-bottom:0}form label{font-size:10px;font-weight:650;display:block;margin-bottom:12px}.input-row{display:flex;gap:7px;background:#fff;border:1px solid #e2e7f1;border-radius:9px;padding:6px}.input-row input{background:transparent;border:0;width:100%;min-width:0;padding-left:9px;font-size:11px;color:#303a4b}.input-row input::placeholder{color:#a8afbe}.input-row input:focus{outline-offset:2px}.input-row .button{padding:13px 15px}.request-section .input-hint{font-size:9px;line-height:1.7;margin-top:12px}.form-result{font-size:11px;line-height:1.8;color:#2454b2;background:#e7eeff;padding:14px;border-radius:7px;margin-top:15px;overflow-wrap:anywhere}.faq{display:grid;grid-template-columns:1fr 1.25fr;gap:70px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:21px 0}summary{display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;font-size:12px;font-weight:600;list-style:none}summary::-webkit-details-marker{display:none}summary span{color:#828a9b;font-size:20px;font-weight:400;transition:transform .25s}details[open] summary span{transform:rotate(45deg)}details p{font-size:11px;line-height:1.9;color:#828999;margin-bottom:0;max-width:490px}footer{border-top:1px solid var(--line);padding:30px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}footer .logo{font-size:20px}footer>span{font-size:10px;color:#8c929f}footer>small{font-size:8px;color:#a0a5af}dialog{width:min(470px,calc(100% - 36px));border:1px solid #e2e7f0;border-radius:18px;padding:40px;box-shadow:0 25px 100px #18356826;color:var(--ink)}dialog::backdrop{background:#0c17384d;backdrop-filter:blur(5px)}dialog h2{font-size:26px;margin-top:20px}dialog p{font-size:13px;line-height:1.9;color:#7f8794;margin:18px 0 25px}dialog small{display:block;color:#959ca9;font-size:9px;margin-top:20px}.dialog-close{position:absolute;right:16px;top:12px;font-size:25px;background:transparent;border:0;color:#8c93a1}.dialog-close:hover{color:var(--blue)}
@media(min-width:1450px){.hero{min-height:700px}.scene-area{height:610px}h1{font-size:66px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.header nav{gap:17px;font-size:10px}.header-cta{font-size:9px;padding:12px}.hero{min-height:580px}.scene-area{height:490px}h1{font-size:49px;letter-spacing:-2.5px}.hero-description{font-size:12px;max-width:320px}.hero-actions{gap:18px}.button{font-size:11px;padding:16px 18px;gap:20px}.hero-assurance{font-size:8px;gap:9px}.brand-strip{gap:20px}.brand-strip .more-stores{display:none}.section{padding:65px 0}.card-art{height:210px}.request-section{gap:35px;padding:35px}.catalog{padding-top:15px}}
@media(max-width:800px){.wrap{width:calc(100% - 44px)}.header{height:80px;gap:15px}.logo{font-size:23px}.header nav{display:none;position:absolute;left:22px;right:22px;top:72px;z-index:30;padding:22px;background:white;box-shadow:0 15px 40px #12285a15;border:1px solid var(--line);border-radius:12px;font-size:13px;flex-direction:column;gap:24px}.header nav.open{display:flex}.menu-toggle{display:block;border:0;background:#f4f6fa;width:36px;height:36px;border-radius:7px;font-size:19px;color:#34415c}.header-cta{margin-left:auto;padding:10px;font-size:9px;gap:8px}.header-cta svg{width:14px}.hero{grid-template-columns:1fr;padding-top:52px;min-height:auto;text-align:center;gap:0;padding-bottom:35px}.hero-copy{padding:0}.hero-copy .eyebrow{justify-content:center;font-size:8px}h1{font-size:57px;letter-spacing:-2.9px;margin-top:23px}.hero-description{margin:0 auto 25px;font-size:13px;max-width:370px}.hero-actions,.hero-assurance{justify-content:center}.hero-actions{gap:25px}.hero-assurance{margin-top:22px;font-size:9px}.scene-area{height:510px;max-width:600px;margin:auto;margin-top:5px}.scene-caption{bottom:-8px}.replay{bottom:15px}.scene-halo{inset:5px -10px}.brand-strip{padding:25px 0;flex-wrap:wrap;justify-content:center;gap:27px}.brand-strip>span:first-child{min-width:100%;text-align:center;font-size:7px}.brand-strip>span:first-child br{display:none}.store-word{font-size:22px}.zalando{font-size:20px}.apple{font-size:22px}.cos{font-size:26px}.section-heading{align-items:flex-start;margin-bottom:27px}.section-heading>p{display:none}h2{font-size:26px}.steps{gap:24px}.steps h3{font-size:14px}.steps p{font-size:11px}.products-grid{gap:16px}.card-art{height:180px}.card-tag{display:none}.card-meta h3{font-size:12px}.card-meta p{font-size:10px}.request-section{grid-template-columns:1fr;gap:27px;padding:30px}.request-section h2{font-size:30px}.request-section p br{display:none}.faq{grid-template-columns:1fr;gap:30px}footer{flex-wrap:wrap}footer>span{display:none}}
@media(max-width:480px){.wrap{width:calc(100% - 40px)}.header-cta{font-size:8px;border:0;padding:0;max-width:100px;line-height:1.7}.header-cta svg{display:none}.header .logo small{display:none}.header{height:75px}.hero{padding-top:44px}h1{font-size:45px;letter-spacing:-2.2px;line-height:1.2;margin-bottom:25px}.hero-description{font-size:12px;line-height:1.9;max-width:300px}.desktop-br{display:none}.hero-actions{gap:22px}.hero-actions .button{font-size:10px;padding:15px;gap:18px}.text-link{font-size:10px}.hero-assurance{font-size:8px;gap:9px}.scene-area{height:355px;margin-top:14px}.replay{bottom:4px;font-size:9px}.scene-caption{bottom:-17px;font-size:6px;letter-spacing:1.2px}.brand-strip{gap:24px 22px}.store-word{font-size:20px}.zalando{font-size:18px}.nike{font-size:19px}.nike span{font-size:21px;margin-left:6px}.apple{font-size:19px}.cos{font-size:23px}.brand-strip>span:first-child{font-size:6px}.section{padding:54px 0}.section-heading{margin-bottom:24px}h2{font-size:24px;letter-spacing:-1px}.section-heading .eyebrow{font-size:7px;letter-spacing:1.1px}.steps{grid-template-columns:1fr;gap:25px}.steps article{display:grid;grid-template-columns:40px 1fr;gap:3px 13px;padding-top:18px}.step-num{grid-row:1 / 3;display:block;padding-top:4px}.step-num>span{display:none}.steps h3{margin:0 0 6px;font-size:15px}.steps p{font-size:12px;max-width:100%}.catalog{padding-top:0}.demo-pill{display:none}.filters{gap:6px}.filters button{font-size:9px;padding:9px 11px}.products-grid{grid-template-columns:1fr;gap:27px;min-height:0}.card-art{height:240px}.card-art>svg{width:70%;height:76%}.art-headphones>svg{height:68%}.art-watch>svg{height:82%}.card-meta h3{font-size:15px}.card-meta p{font-size:11px}.card-meta>span{font-size:8px}.card-tag{display:block}.catalog-note{font-size:8px}.request-section{padding:27px 22px}.request-section h2{font-size:27px}.request-section p{font-size:11px}summary{font-size:11px;line-height:1.7}details{padding:18px 0}footer{padding:24px 0;gap:15px}footer>small{font-size:7px}dialog{padding:32px 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;animation-iteration-count:1!important}.product{will-change:auto}}
/* Reference-matched edition: luminous blue-white canvas, photographic cutouts,
   and a cardboard box with real CSS 3D faces and hinged lids. */
body{background:#f7f9fd}main{overflow:hidden}.wrap{max-width:1320px;width:calc(100% - 104px)}.hero-shell{position:relative;background:radial-gradient(ellipse at 81% 41%,#e4eafb80 0,transparent 48%),linear-gradient(115deg,#f3f6fe 0%,#f7f8fc 43%,#e9effb 100%);border-bottom:1px solid #e1e7f1}.header{height:91px;border-bottom-color:#e4e9f480;max-width:1320px}.logo{font-size:23px;font-weight:750;letter-spacing:-.8px;gap:8px}.brand-icon{width:26px;height:28px;fill:none;stroke:#0d1728;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.temp-name{font-size:8px;font-weight:500;letter-spacing:.4px;color:#8b95a8;margin-left:5px}.header nav{gap:30px;font-size:11px;color:#69758c}.header nav a{position:relative}.header nav .current{color:#101b30}.header nav .current:after{content:'';position:absolute;width:16px;height:2px;border-radius:2px;left:50%;bottom:-13px;transform:translateX(-50%);background:#3f7ddd}.header-tools{display:flex;gap:27px;align-items:center}.search-button{padding:8px}.search-button svg{width:20px;height:20px;stroke:#0a1428;stroke-width:1.5;fill:none}.sign-in{color:white;background:linear-gradient(#101e35,#020b18);border:1px solid #293448;border-radius:30px;padding:10px 25px;font-size:10px;box-shadow:inset 0 1px 2px #ffffff30;transition:transform .2s}.sign-in:hover{transform:translateY(-2px)}.hero{grid-template-columns:51% 49%;min-height:555px;padding:0;position:relative}.hero-copy{padding:20px 0 35px}.hero h1{font-size:clamp(38px,4.05vw,64px);font-weight:700;letter-spacing:-2.3px;line-height:1.12;margin:0 0 25px}.blue-word{color:#3c7ee8;text-shadow:0 2px 1px #fff,0 3px 2px #427cdd20}.hero-description{font-size:15px;line-height:1.65;max-width:520px;color:#152238;margin:0 0 27px}.hero-actions{gap:13px}.hero .button{border-radius:40px;padding:18px 25px;font-size:11px;gap:25px;white-space:nowrap}.dark{background:linear-gradient(#142238,#020a16);box-shadow:inset 0 1px 2px #ffffff20,0 6px 12px #27374908}.dark:hover{background:linear-gradient(#243d64,#0b1730)}.light{background:#ffffffa8;color:#111c2c;box-shadow:inset 0 1px 0 #fff;border:1px solid #ffffff70}.light:hover{background:#fff;transform:translateY(-3px)}.hero-small-note{color:#8792a6;font-size:9px;display:flex;gap:7px;align-items:center;margin-top:28px}.hero-small-note>span{width:4px;height:4px;border-radius:50%;background:#5c8fe4}.scene-area{height:555px;position:relative}.scene-halo{background:none;inset:0}.scene{perspective:1100px;top:50%;width:680px;height:600px;isolation:isolate}.ground-shadow{left:193px;top:506px;width:335px;height:54px;background:radial-gradient(ellipse,#422a4240 0%,#5f517d19 35%,transparent 72%);filter:blur(8px);z-index:0}.warm-halo{position:absolute;left:90px;top:170px;width:490px;height:340px;background:radial-gradient(ellipse,#ffbd6960,#ffe2bd30 40%,transparent 68%);opacity:0;pointer-events:none;z-index:0}.light-cone{position:absolute;left:204px;top:150px;width:280px;height:240px;clip-path:polygon(0 0,100% 0,70% 100%,25% 100%);background:linear-gradient(0deg,#ffdb9a60,#ffe6b615 70%,transparent);filter:blur(16px);opacity:0;z-index:1;pointer-events:none}.product{left:343px;top:335px;width:180px;height:180px;margin:-90px 0 0 -90px;z-index:6;filter:drop-shadow(2px 12px 9px #493f4a20);opacity:0;will-change:transform,opacity}.product-art,.card-product{width:100%;height:100%;background-image:url('assets/products-atlas.png');background-size:300% 200%;background-repeat:no-repeat}.atlas-sneaker{background-position:0 0}.atlas-laptop{background-position:50% 0}.atlas-camera{background-position:100% 0}.atlas-headphones{background-position:0 100%}.atlas-perfume{background-position:50% 100%}.atlas-hoodie{background-position:100% 100%}.sneaker{width:178px;height:178px;margin:-89px 0 0 -89px}.computer{width:211px;height:211px;margin:-105px 0 0 -105px}.photo{width:148px;height:148px;margin:-74px 0 0 -74px;z-index:8}.headphones{width:174px;height:174px;margin:-87px 0 0 -87px}.accessory{width:139px;height:139px;margin:-69px 0 0 -69px;z-index:7}.hoodie{width:191px;height:191px;margin:-95px 0 0 -95px;z-index:9}.box-position{position:absolute;left:343px;top:418px;width:240px;height:176px;transform:translate(-50%,-50%);perspective:1100px;z-index:4}.box-3d{position:relative;width:240px;height:176px;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(-26deg) rotateZ(4deg)}.box-face{position:absolute;width:240px;height:176px;left:50%;top:50%;margin:-88px 0 0 -120px;backface-visibility:visible;transform-style:preserve-3d;background-color:#b88b62;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8 .17' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23512d12' opacity='.13' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E"),linear-gradient(110deg,#d5b18b70,#90633c40);border:1px solid #a17b55;box-shadow:inset 0 1px 1px #f2d9b991}.box-front-face{transform:translateZ(90px);background-color:#c7a17d}.box-right-face{width:180px;margin-left:-90px;transform:rotateY(90deg) translateZ(120px);background-color:#9e795a;background-image:linear-gradient(90deg,#a17b5b,#ba936b);border-color:#957050}.box-left-face{width:180px;margin-left:-90px;transform:rotateY(-90deg) translateZ(120px);background-color:#a2784e}.box-back-face{transform:rotateY(180deg) translateZ(90px);background-color:#ae845c}.box-bottom{height:180px;margin-top:-90px;transform:rotateX(-90deg) translateZ(88px);background:#92704a}.eu-badge{position:absolute;width:78px;height:65px;left:76px;top:56px;border-radius:2px;background:linear-gradient(120deg,#163b9d,#08267c);box-shadow:0 1px 2px #63432244,inset 0 0 1px #000;transform:rotate(-1deg)}.eu-badge svg{width:100%;height:100%}.tape{display:block;position:absolute;background:linear-gradient(90deg,#dfc3a545,#e4c8a350,#c9a78440);border-left:1px solid #f2dfc124;border-right:1px solid #aa825823}.tape-front{width:19px;height:36px;right:21px;top:0}.tape-side{width:16px;height:34px;left:22px;top:0}.parcel-sticker{position:absolute;width:22px;height:34px;bottom:25px;right:17px;background:#d3b49788;transform:rotate(-4deg)}.handle-mark{position:absolute;bottom:15px;left:16px;font-size:13px;color:#7a553e;opacity:.35}.box-lid{position:absolute;width:240px;height:90px;left:0;top:0;transform-origin:50% 0;background-color:#c6a079;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7 .15' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%236d421b' opacity='.12' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E"),linear-gradient(90deg,#e0bd9866,#ab7e5144);border:1px solid #a7825f;box-shadow:inset 0 1px 1px #ffe8c699;backface-visibility:visible;will-change:transform}.lid-front{transform:translateZ(90px) rotateX(-90deg);--closed:translateZ(90px) rotateX(-90deg);--opened:translateZ(90px) rotateX(-218deg)}.lid-back{transform:translateZ(-90px) rotateX(90deg);--closed:translateZ(-90px) rotateX(90deg);--opened:translateZ(-90px) rotateX(218deg);background-color:#cfa77d}.lid-left,.lid-right{width:180px;height:120px;left:30px;top:-30px;transform-origin:50% 0;background-color:#b58f68}.lid-left{--closed:translateX(-120px) rotateY(-90deg) rotateX(90deg);--opened:translateX(-120px) rotateY(-90deg) rotateX(218deg);transform:var(--closed)}.lid-right{--closed:translateX(120px) rotateY(90deg) rotateX(90deg);--opened:translateX(120px) rotateY(90deg) rotateX(218deg);transform:var(--closed)}.inside-glow{position:absolute;left:0;top:0;width:240px;height:180px;transform:translateY(-89px) rotateX(90deg);background:radial-gradient(ellipse,#ffe7b1bb,transparent 65%);opacity:0;pointer-events:none;mix-blend-mode:screen}.spark{z-index:10;color:#fff;text-shadow:0 0 10px #fffbdb;opacity:0}.spark-one{left:153px;top:196px;font-size:16px}.spark-two{left:571px;top:467px;font-size:22px}.spark-three{left:463px;top:103px;font-size:13px}.spark-four{left:211px;top:129px;font-size:12px}.route-badge{position:absolute;right:12px;top:92px;background:#ffffffc9;backdrop-filter:blur(12px);padding:18px 50px 18px 22px;border:1px solid #fff6;border-radius:35px;font-size:12px;line-height:1.55;color:#142b5c;z-index:12;box-shadow:0 3px 30px #f5f8ff}.route-badge>span{position:absolute;right:-7px;top:2px;border-radius:50%;background:#e5f0ffbd;width:39px;height:39px;display:grid;place-items:center}.route-badge svg{width:20px;height:20px;fill:none;stroke:#3675eb;stroke-width:1.6}.replay{bottom:10px;font-size:9px;color:#6e7f9c;z-index:15}.benefit-bar{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:26px;padding:29px 0 31px;border-top:1px solid #e9edf780}.benefit-bar>div{display:flex;align-items:center;gap:17px}.benefit-icon{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;padding:6px;border-radius:12px;font-size:28px;color:#183466;background:#f7faff95;fill:none;stroke:#193568;stroke-width:1.35}.benefit-icon.percent{font-size:25px;font-weight:450}.benefit-bar p{font-size:10px;font-weight:650;margin:0;color:#182c50;line-height:1.7}.benefit-bar small{display:block;font-size:8px;font-weight:400;color:#677b9f}.section{padding-top:65px;padding-bottom:65px}.section-chip{display:inline-flex;background:#e7f0ff;color:#2169de!important;padding:8px 13px;border-radius:30px;font-size:9px!important;letter-spacing:0!important;font-weight:550}h2{font-weight:650;letter-spacing:-1px}.section-heading>p{display:none}.how{padding-top:55px}.steps{grid-template-columns:repeat(4,1fr);gap:22px}.steps article{background:#ffffff92;border:1px solid #fff9;border-radius:20px;padding:24px 24px 26px;position:relative;box-shadow:0 10px 30px #43629402}.step-num{position:absolute;right:21px;top:22px;color:#a7b8d4;font-size:11px;font-weight:400}.step-num>span{display:none}.step-icon{display:grid;place-items:center;width:51px;height:51px;border-radius:50%;background:#e4eeff;color:#286bf2;font-size:27px;margin-bottom:28px}.steps h3{font-size:14px;letter-spacing:-.3px;margin:0 0 11px}.steps p{font-size:11px;color:#6d7a91;line-height:1.7}.catalog{padding-top:20px}.card-art{background:#eaf0f7}.card-product{width:210px;height:210px;filter:drop-shadow(0 14px 8px #192c461a);transition:transform .5s}.product-select:hover .card-product{transform:translateY(-8px) rotate(-5deg)}.request-section{background:linear-gradient(115deg,#edf3fd,#f9fafc);border-color:#fff;border-radius:21px}.faq{padding-top:75px}.hero-shell + .section{margin-top:0}footer{background:transparent}.temp-name{opacity:.6}
@media(min-width:1450px){.hero{min-height:620px}.scene-area{height:620px}.hero h1{font-size:66px}.hero-description{font-size:16px}.hero .button{font-size:12px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.header nav{gap:21px;font-size:10px}.hero h1{font-size:46px}.hero-description{font-size:12px;max-width:390px}.hero .button{font-size:9px;padding:15px 18px;gap:16px}.hero{min-height:490px}.scene-area{height:490px}.header-tools{gap:15px}.header .logo{font-size:20px}.temp-name{display:none}.steps{gap:16px}.steps article{padding:20px 18px}.steps h3{font-size:12px}.steps p{font-size:10px}.benefit-bar{gap:15px}.benefit-bar>div{gap:11px}.benefit-bar p{font-size:9px}.benefit-bar small{font-size:7px}}
@media(max-width:800px){.wrap{width:calc(100% - 44px)}.header{height:78px}.header nav{left:22px;right:22px;top:70px}.header nav .current:after{display:none}.header-tools{gap:12px}.header .logo{font-size:21px}.sign-in{padding:9px 20px}.hero{grid-template-columns:1fr;padding-top:35px;text-align:center}.hero-copy{padding:0}.hero h1{font-size:56px;letter-spacing:-2px;margin-bottom:21px}.hero-description{font-size:13px;max-width:460px;margin:0 auto 25px}.hero .button{font-size:11px;padding:17px 24px}.hero-actions{gap:12px}.hero-small-note{justify-content:center;margin-top:20px}.scene-area{height:490px;margin:0 auto;max-width:600px}.replay{bottom:0}.benefit-bar{grid-template-columns:repeat(2,1fr);max-width:500px;gap:20px 32px;padding:28px 0 31px}.benefit-bar>div{gap:13px}.benefit-bar p{font-size:10px}.benefit-bar small{font-size:8px}.steps{grid-template-columns:repeat(2,1fr);gap:18px}.steps article{padding:25px}.steps h3{font-size:14px}.steps p{font-size:12px}.section{padding:50px 0}.how{padding-top:40px}.card-product{width:165px;height:165px}.request-section{padding:30px}.catalog{padding-top:15px}}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}.header{height:73px}.header .logo{font-size:20px;gap:6px}.brand-icon{width:23px;height:25px}.header-tools{gap:11px}.sign-in{font-size:9px;padding:9px 17px}.search-button{padding:3px}.search-button svg{width:17px}.menu-toggle{width:30px;height:30px;font-size:17px}.hero{padding-top:41px}.hero h1{font-size:39px;letter-spacing:-1.5px;line-height:1.12;margin-bottom:20px}.hero-description{font-size:11px;line-height:1.75;max-width:320px}.hero-actions{gap:9px}.hero .button{font-size:9px;padding:15px 15px;gap:12px}.hero .button svg{width:15px;height:15px}.hero-small-note{font-size:8px;margin-top:19px}.scene-area{height:345px;margin-top:10px;margin-bottom:18px}.replay{bottom:-5px;font-size:9px}.benefit-bar{gap:20px 15px;padding-top:24px}.benefit-bar>div{gap:9px}.benefit-icon{width:32px;height:32px;font-size:24px;padding:5px;border-radius:10px}.benefit-bar p{font-size:8px}.benefit-bar small{font-size:6.7px}.steps{gap:12px}.steps article{display:block;padding:21px 16px 23px;border-radius:17px}.step-icon{width:42px;height:42px;font-size:24px;margin-bottom:21px}.step-num{right:14px;top:20px;font-size:9px}.steps h3{font-size:11px;line-height:1.5}.steps p{font-size:10px;line-height:1.7}.card-product{width:230px;height:230px}.section{padding:40px 0}.how{padding-top:35px}.catalog{padding-top:10px}.request-section{padding:27px 22px}.faq{gap:23px}.section-heading{margin-bottom:24px}.hero .button.light{font-size:8.6px}}
@media(prefers-reduced-motion:reduce){.product,.box-lid{will-change:auto}.product-art{transition:none}}
.lid-left,.lid-right{top:0}.lid-left{--closed:translateX(-120px) rotateY(-90deg) rotateX(-90deg);--opened:translateX(-120px) rotateY(-90deg) rotateX(-218deg)}.lid-right{--closed:translateX(120px) rotateY(90deg) rotateX(-90deg);--opened:translateX(120px) rotateY(90deg) rotateX(-218deg)}
.box-position,.box-3d{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.box-face{-webkit-backface-visibility:visible;transform-style:flat}.lid-front{--opened:translateZ(90px) rotateX(-278deg)}.lid-back{--opened:translateZ(-90px) rotateX(260deg)}.lid-left{--opened:translateX(-120px) rotateY(-90deg) rotateX(-266deg)}.lid-right{--opened:translateX(120px) rotateY(90deg) rotateX(-266deg)}.inside-glow{mix-blend-mode:normal}
/* Keep the replay control clear of the box on all viewport sizes. */
.scene-area .replay{bottom:-8px}.hero-shell .hero{padding-bottom:25px}.scene{top:47%}.box-position{left:334px;top:409px;transform:translate(-50%,-50%) scale(.87)}.ground-shadow{left:199px;top:495px;width:290px}.route-badge{right:9px;top:93px}
@media(max-width:800px){.hero-shell .hero{padding-bottom:20px}.scene-area .replay{bottom:0}.scene{top:48%}}
@media(max-width:480px){.hero-shell .hero{padding-bottom:5px}.scene-area .replay{bottom:-5px}.scene{top:46%}}
/* V3: material-rich rendered parcel, filled rim and integrated product shadows. */
.parcel-render{position:absolute;left:93px;top:83px;width:500px;height:500px;z-index:9;filter:drop-shadow(0 13px 11px #60494b22);transform-origin:50% 70%;pointer-events:none}
.parcel-frame{position:absolute;inset:0;background-image:url('assets/parcel-states-v3.png');background-size:300% 100%;background-repeat:no-repeat;will-change:opacity}
.parcel-closed{background-position:0 0;opacity:1}.parcel-opening{background-position:50% 0;opacity:0}.parcel-open{background-position:100% 0;opacity:0}
.scene .product{z-index:6;filter:drop-shadow(3px 11px 8px #6e4b5223)}
.scene .sneaker{width:176px;height:176px;margin:-88px 0 0 -88px}.scene .sneaker-second{width:147px;height:147px;margin:-73px 0 0 -73px;z-index:7}.sneaker-second .product-art{transform:scaleX(-1) rotate(-12deg)}
.scene .computer{width:211px;height:211px;margin:-105px 0 0 -105px}.scene .accessory{width:129px;height:129px;margin:-64px 0 0 -64px;z-index:8}.scene .headphones{width:176px;height:176px;margin:-88px 0 0 -88px}
.warm-halo{left:40px;top:155px;width:580px;height:340px;background:radial-gradient(ellipse at 48% 52%,#ffe0b4c9 0%,#ffe8c28c 24%,#f9dfd741 43%,transparent 69%);filter:blur(13px);z-index:0}
.light-cone{left:176px;top:192px;width:335px;height:240px;clip-path:none;border-radius:50%;background:radial-gradient(ellipse at 50% 70%,#fff0caab,transparent 67%);filter:blur(19px);z-index:1}
.ground-shadow{left:194px;top:511px;width:310px;height:54px;background:radial-gradient(ellipse,#5d4b5f4a 0%,#63566e1c 35%,transparent 70%);filter:blur(8px)}
.route-badge{z-index:12;right:3px;top:94px}.spark-one{left:135px;top:212px}.spark-two{left:576px;top:449px}.scene .spark{z-index:11}.scene-halo{background:radial-gradient(ellipse at 57% 50%,#e6eaf773,transparent 66%)}
@media(prefers-reduced-motion:reduce){.parcel-frame{will-change:auto}}
.parcel-render{left:153px;top:207px;width:370px;height:370px}.parcel-open{transform:translate(-3px,-4px)}.ground-shadow{left:190px;top:508px;width:310px;height:49px}
/* Stable lower body prevents double edges while the rendered lid poses blend. */
.parcel-body{background-position:100% 0;clip-path:inset(38% 0 0 0);transform:translate(-3px,-4px);opacity:1}
.parcel-closed,.parcel-opening{clip-path:inset(0 0 62% 0);transform-origin:50% 37%}
.product-art.atlas-sneaker,.card-product.atlas-sneaker{clip-path:inset(2% 3% 11% 3%)}
.warm-halo{background:radial-gradient(ellipse at 43% 53%,#ffd8a3dc 0%,#ffe1b68f 22%,#f9dfd744 43%,transparent 68%)}
.parcel-render{perspective:1000px}
.parcel-body{clip-path:inset(38% 8% 0 11%)}
.product-art.atlas-perfume,.card-product.atlas-perfume{clip-path:inset(3% 7% 3% 5%)}
.product-art.atlas-headphones,.card-product.atlas-headphones{clip-path:inset(3% 4% 3% 3%)}

/* V5: complete, padded silhouettes. The source poses extend across their
   nominal atlas cells, so sample a wider area and exclude adjacent poses. */
.parcel-frame{inset:auto;left:-40px;top:0;width:450px;height:370px;background-size:1110px 370px;transform:none;transform-origin:50% 50%}
.parcel-closed{background-position:40px 0;clip-path:inset(0 64px 0 0)}
.parcel-opening{background-position:-330px 0;clip-path:polygon(20px 0,430px 0,430px 108px,380px 135px,380px 370px,20px 370px)}
.parcel-open{background-position:-700px 0;clip-path:polygon(65px 0,450px 0,450px 370px,0 370px,0 125px,65px 95px);transform:translate(-3px,-4px)}

/* V6: one stationary body. Pose caps follow the actual angled rim instead
   of a horizontal crop; affine registration matches the front-face corners. */
.parcel-render{transform:none!important;perspective:none}
.parcel-frame{transform-origin:0 0}
.parcel-body{display:block;background-position:-700px 0;transform:none;clip-path:polygon(67px 150px,300px 158px,365px 150px,365px 289px,300px 325px,67px 305px);opacity:1}
.parcel-closed{clip-path:polygon(0 0,386px 0,386px 110px,376px 110px,309px 146px,72px 134px,0 134px);transform:matrix(0.9796872,-0.0156525,-0.0062451,0.9054122,-1.6858057,30.8339359)}
.parcel-opening{clip-path:polygon(20px 0,430px 0,430px 108px,365px 123px,299px 147px,69px 141px,20px 141px);transform:matrix(1.0071686,0.0062997,-0.0032895,0.9440789,-0.4024387,17.5621946)}
.parcel-open{transform:none;clip-path:polygon(65px 0,450px 0,450px 154px,365px 154px,300px 160px,67px 153px,0 153px,0 125px,65px 95px)}

/* Align all three visible rim corners, including the far right corner. */
.parcel-closed{transform:matrix(0.9782961,0.0216147,0.0207574,0.1990555,-5.1173619,120.4018666)}
.parcel-opening{transform:matrix(1.0052580,0.0246768,0.0664159,0.2952738,-9.8758067,105.6191793)}

/* A single complete closed-state body supplies the front and right wall. */
.parcel-body{background-position:40px 0;transform:none;clip-path:polygon(71px 130px,309px 143px,378px 106px,378px 278px,309px 321px,71px 304px)}
.parcel-closed{transform:none}
.parcel-opening{transform:matrix(1.0282363,0.0247688,0.0032775,1.0427895,1.2130255,-14.6476495)}
.parcel-open{transform:matrix(1.0208121,0.0176506,0.0070163,1.1047356,1.5153448,-34.0575027)}