:root{--ink:#191920;--muted:#64646b;--paper:#f4f3ef;--purple:#7044e8}body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}header,main,footer{max-width:1440px}header{padding:26px 5%;border-color:#d7d5d0}main{padding:0 5%}.review{background:#26242d;color:#dedbe7;letter-spacing:.13em;font-size:10px}.brand{font-size:29px}.brand b{color:var(--purple)}nav{font-size:13px;gap:35px}.eyebrow{font-size:10px;letter-spacing:.19em;color:#66528a}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:white;z-index:100}.skip:focus{top:20px}.cinema{grid-template-columns:1fr 1.05fr;gap:30px;padding:55px 0 65px;min-height:720px;align-items:center}.cinema h1{font-size:clamp(56px,6.7vw,96px);line-height:.95;letter-spacing:-.065em;font-weight:700;margin:28px 0}.cinema h1 em{color:#79717f}.cinema p{font-size:16px;max-width:410px;line-height:1.7;color:var(--muted)}.live-dot{display:inline-block;background:#7850db;width:7px;height:7px;border-radius:50%;margin-right:10px}.button{border-radius:3px;min-height:52px;font-size:12px;transition:background .2s,transform .2s}.primary{background:var(--ink);border-color:var(--ink)}.primary:hover{background:#5130a1;transform:translateY(-2px);text-decoration:none}.secondary{border-color:#bab7c0;color:var(--ink)}.secondary:hover{background:#e8e4ee;text-decoration:none}.hero-foot{font-size:11px;letter-spacing:.025em;margin-top:28px;color:#747078}.hero-foot span{padding:0 12px}.stage{height:580px;position:relative;isolation:isolate;perspective:1000px;overflow:hidden;border-radius:4px;background:radial-gradient(ellipse at 50% 38%,#efebfb 0,#e4dff0 43%,#d5cfe0 100%)}.stage:after{content:'';position:absolute;width:65%;height:40px;background:#3c2459;filter:blur(24px);opacity:.24;bottom:82px;left:18%;border-radius:50%;z-index:-1}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#fff5 1px,transparent 1px),linear-gradient(90deg,#fff5 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(transparent,#000);transform:perspective(500px) rotateX(55deg) scale(1.4);transform-origin:bottom}.stage-label{position:absolute;top:27px;left:28px;font-size:9px;letter-spacing:.18em;color:#655675}.sculpture{position:absolute;width:255px;height:310px;left:50%;top:50%;transform-style:preserve-3d;transform:translate(-50%,-44%) rotateZ(-9deg) rotateY(-18deg) rotateX(5deg);animation:float 7s ease-in-out infinite}.bag-front{position:absolute;inset:0;background:linear-gradient(120deg,#a480fb,#7041cd 50%,#4b288b);box-shadow:inset 1px 1px 0 #d3b7ff,15px 22px 40px #49307338;border-radius:8px 8px 14px 14px;display:flex;flex-direction:column;justify-content:space-between;padding:55px 28px 25px;color:#f7eeff;overflow:hidden}.bag-front:after{content:'↗';position:absolute;font-size:220px;line-height:1;right:-18px;bottom:0;opacity:.12}.bag-name{font-size:38px;letter-spacing:-2px;line-height:1.05}.bag-name strong{font-size:60px;letter-spacing:-4px}.bag-bottom{font-size:7px;letter-spacing:.13em;max-width:130px}.bag-side{position:absolute;left:100%;top:3px;width:36px;height:303px;background:linear-gradient(90deg,#512a90,#8d67ca);transform:skewY(-26deg);transform-origin:left;border-radius:0 4px 8px 0}.bag-handle{position:absolute;border:13px solid #8152cb;border-bottom:0;border-radius:80px 80px 0 0;width:120px;height:92px;left:67px;top:-71px;box-shadow:inset 3px 0 0 #c1a0f2,3px 0 0 #553092}.orbit{position:absolute;width:480px;height:480px;border:1px solid #ffffff91;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(65deg) rotateZ(-30deg);z-index:-1}.orbit-two{width:610px;height:610px;transform:translate(-50%,-50%) rotateX(65deg) rotateZ(30deg)}.float-label{position:absolute;background:#ffffffdc;backdrop-filter:blur(12px);padding:14px 18px;border:1px solid #fff;border-radius:4px;font-size:10px;box-shadow:0 12px 30px #3b285812}.label-margin{top:125px;right:20px}.label-margin i{display:inline-block;width:6px;height:6px;background:#7750b5;border-radius:50%;margin-right:7px}.label-plan{bottom:100px;left:22px}.label-plan span{font-size:9px;display:block;letter-spacing:.15em;color:#8a789e;margin-bottom:4px}.stage-bottom{position:absolute;bottom:22px;left:26px;right:26px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:9px;color:#645472}.motion-toggle{border:0;border-bottom:1px solid #8f7e9e;background:transparent;padding:7px 0;font-size:9px;color:#4b3c5a;cursor:pointer}.paused .sculpture{animation-play-state:paused}.editorial-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;border-top:1px solid #d2ced6;border-bottom:1px solid #d2ced6}.editorial-strip>span{font-size:10px;letter-spacing:.12em;color:#7c7384}.editorial-strip strong{font-size:22px;letter-spacing:-.6px}.editorial-strip a{font-size:11px}.section{padding:86px 0}.section h2{font-size:clamp(32px,4vw,53px);letter-spacing:-1.9px;max-width:850px}.lead{font-size:16px;color:var(--muted);max-width:650px}.card{border:1px solid #d7d3da;border-radius:4px;padding:35px;box-shadow:none;transition:transform .3s,border-color .3s;background:#faf9f7}.card:hover{transform:translateY(-4px);border-color:#89729e}.card h3{font-size:29px}.card .tag{font-size:10px}.card.shopee{border-top:3px solid #e37342}.card.ml{border-top:3px solid #d7b93d}.price{font-size:48px;letter-spacing:-2px;margin-top:16px}.price small{letter-spacing:0}.panel{border-radius:4px;background:#eae6ef}.dark{border-radius:4px;background:#26202f;padding:50px}.catalog{border-radius:3px}.catalog a{background:#faf9f7;transition:background .2s}.catalog a:hover{background:#eae5f2;text-decoration:none}.catalog a[hidden]{display:none}.catalog strong{font-size:16px}.catalog span{font-size:13px}.method-console{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin:0 0 65px;background:#24202c;color:white;padding:48px;border-radius:4px}.method-console .eyebrow{color:#bba1df}.method-console h2{font-size:38px;color:#f7f4fb;letter-spacing:-1.5px}.method-console p{font-size:14px;color:#bbb2c7}.method-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:28px}.method-controls button{padding:13px;text-align:left;background:transparent;border:1px solid #615569;border-radius:3px;color:#d8cde2;font-size:11px;cursor:pointer}.method-controls button[aria-pressed=true]{background:#d9c4fc;color:#292033;border-color:#d9c4fc}.method-display{border-left:1px solid #51445d;padding-left:42px;display:flex;flex-direction:column;justify-content:center}.method-display>span:first-child{font-size:100px;line-height:1;letter-spacing:-8px;color:#b795e3;font-weight:700}.method-display h3{font-size:26px;letter-spacing:-1px;margin:20px 0 5px}.method-caption{font-size:8px;letter-spacing:.17em;color:#9b8daa;margin-top:25px}.reveal{animation:arrive .7s ease both}footer{margin-top:20px;padding:50px 5%;background:#e9e6ed}footer .brand{font-size:42px}.back{margin-top:30px}.checkout{max-width:850px}.checkout h1{font-size:52px;letter-spacing:-2px}.checkout h2{font-size:22px}.checkout #price{font-size:25px;font-weight:700;padding:28px 0}.status{border-color:#7853ae;background:#e9e2f2}.progress-line{position:fixed;top:0;left:0;height:3px;background:#8d59eb;z-index:50;width:0;pointer-events:none}@keyframes float{0%,100%{transform:translate(-50%,-44%) rotateZ(-9deg) rotateY(-18deg) rotateX(5deg)}50%{transform:translate(-50%,-48%) rotateZ(-5deg) rotateY(-8deg) rotateX(2deg)}}@keyframes arrive{from{opacity:.3;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:950px){.cinema{gap:20px;min-height:620px}.cinema h1{font-size:65px}.stage{height:500px}.sculpture{scale:.85}.label-margin{top:80px}.method-console{gap:30px;padding:30px}.method-console h2{font-size:30px}}@media(max-width:760px){header{padding:20px 6%}main{padding:0 6%}nav{font-size:12px;gap:20px}.cinema{grid-template-columns:1fr;padding:38px 0;gap:30px}.cinema h1{font-size:clamp(58px,13vw,83px)}.cinema p{font-size:15px;max-width:450px}.cinema .actions{max-width:100%}.stage{height:470px}.hero-foot{margin-top:20px}.editorial-strip{flex-wrap:wrap;gap:12px}.editorial-strip>span{width:100%;font-size:9px}.editorial-strip strong{font-size:19px}.editorial-strip a{font-size:10px}.section{padding:52px 0}.section h2{letter-spacing:-1px}.card{padding:25px}.method-console{grid-template-columns:1fr;padding:25px;margin-bottom:40px;gap:30px}.method-display{border-left:0;border-top:1px solid #51445d;padding:28px 0 0}.method-display>span:first-child{font-size:70px}.method-display h3{font-size:24px}.method-console h2{font-size:32px}.dark{padding:28px}.steps{gap:16px}.actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.button{font-size:11px}.price{font-size:43px}.checkout h1{font-size:40px}.review{letter-spacing:.04em}.label-margin{right:12px}.label-plan{left:12px}.stage-bottom{left:18px;right:18px}.stage-bottom>span{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-toggle{display:none}}