:root{--cream:#faf8f4;--ink:#262626;--ink-light:#3d3d3d;--coral:#e8614d;--coral-hover:#d4533f;--coral-shadow:#e8614d4d;--gray:#9e9a94;--gray-light:#c4c0ba;--gray-lighter:#e8e5e0;--overlay:#26262673;--font-display:"Syne", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}body{font-family:var(--font-body);color:var(--ink);background-color:var(--cream);overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px;position:fixed;inset:0}main{flex-direction:column;align-items:center;min-height:auto;padding:clamp(2rem,6vh,5rem) 1.5rem 2.5vh;display:flex}.headline{font-family:var(--font-body);text-align:center;letter-spacing:-.02em;animation:fadeUp .8s var(--ease-out) both;margin-bottom:.8em;font-size:clamp(1rem,2.8vw,2.2rem);font-weight:500;line-height:1.3}.subline{font-family:var(--font-body);color:var(--gray);text-align:center;max-width:480px;animation:fadeUp .8s .15s var(--ease-out) both;margin-bottom:clamp(1.8rem,3.5vh,3rem);font-size:clamp(.88rem,1.15vw,1.12rem);font-weight:300;line-height:1.55}.animation-wrap{width:min(100%,780px);height:clamp(240px,55vh,520px);animation:fadeUp .8s .25s var(--ease-out) both;flex-direction:column;margin-bottom:clamp(1.5rem,3vh,2.5rem);display:flex}.wordmark{text-align:center;font:inherit;animation:fadeUp .6s .3s var(--ease-out) both;margin:0 0 12px}.wordmark-name{transition:letter-spacing .4s var(--ease-out);display:inline-grid}.wordmark-name:hover{letter-spacing:.08em}.wordmark-text{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;grid-area:1/1;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700}.wordmark-text.after{color:var(--coral)}.wordmark-text.before{color:#2c2c2c}.wordmark-tagline{text-align:center;font-family:var(--font-body);color:var(--ink-light);letter-spacing:.02em;white-space:nowrap;transition:color .3s, letter-spacing .4s var(--ease-out);margin-top:2px;font-size:clamp(.75rem,1.3vw,.9rem);display:block}.wordmark:hover .wordmark-tagline{color:var(--ink-light);letter-spacing:.04em}.app-frame{border:1px solid var(--gray-lighter);width:100%;min-height:0;transition:box-shadow .5s var(--ease-out), transform .5s var(--ease-out);border-radius:16px;flex:1;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000026,0 8px 20px #00000040,0 24px 48px #0003}.app-frame:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000002e,0 12px 28px #00000047,0 32px 60px #00000038}.panel-right{z-index:0;width:100%;height:100%;position:relative;overflow:hidden}.panel-left{z-index:2;position:absolute;inset:0;overflow:hidden}.reveal-slider{z-index:10;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.reveal-line{background:#fc0;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 6px #ffcc0080,0 0 12px #0003}.reveal-grip{z-index:1;pointer-events:auto;cursor:ew-resize;color:#333;touch-action:none;-webkit-user-select:none;user-select:none;background:#fc0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:box-shadow .15s,transform .15s;animation:2.5s ease-in-out infinite gripBreathe;display:flex;position:relative;box-shadow:0 2px 10px #ffcc0073,0 2px 8px #0000001f}.reveal-grip:hover{background:#e6b800;animation:none;transform:scale(1.1);box-shadow:0 2px 14px #fc09,0 2px 10px #00000026}.reveal-grip:active{animation:none;transform:scale(1.04)}.figma-editor{background:#1e1e1e;flex-direction:column;width:100%;height:100%;display:flex}.figma-toolbar{background:#2c2c2c;border-bottom:1px solid #3a3a3a;flex-shrink:0;align-items:center;gap:6px;height:32px;padding:4px 10px;display:flex}.fig-logo{flex-shrink:0;align-items:center;padding-right:4px;display:flex}.fig-divider{background:#4a4a4a;flex-shrink:0;width:1px;height:16px}.fig-tool{color:#8c8c8c;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.fig-tool.active{color:#fff;background:#4a4a4a}.fig-spacer{flex:1}.fig-filename{color:#b0b0b0;letter-spacing:.02em;font-size:7.5px;font-weight:500}.fig-zoom{color:#8c8c8c;font-size:7px;font-weight:500}.fig-share{color:#fff;background:#0d99ff;border-radius:4px;padding:3px 8px;font-size:6.5px;font-weight:600}.fig-avatar-sm{background:#6c5ce7;border-radius:50%;flex-shrink:0;width:18px;height:18px}.figma-main{flex:1;min-height:0;display:flex}.figma-layers{background:#252525;border-right:1px solid #3a3a3a;flex-shrink:0;width:120px;padding-bottom:8px;overflow:hidden}.fig-layers-header{color:#8c8c8c;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #3a3a3a;margin-bottom:2px;padding:8px 8px 5px;font-size:7px;font-weight:600}.fig-layer{cursor:default;align-items:center;gap:4px;padding:3px 8px;display:flex}.fig-layer.selected{background:#18a0fb26}.fig-layer-icon{color:#6c6c6c;text-align:center;flex-shrink:0;width:10px;font-size:7px}.fig-layer.selected .fig-layer-icon{color:#18a0fb}.fig-layer-name{color:#b0b0b0;white-space:nowrap;text-overflow:ellipsis;font-size:7px;overflow:hidden}.fig-layer.selected .fig-layer-name{color:#fff}.figma-canvas{background:#1e1e1e;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.canvas-dots{opacity:.5;background-image:radial-gradient(circle,#333 .5px,#0000 .5px);background-size:16px 16px;position:absolute;inset:0}.canvas-design{z-index:2;background:#fff;border-radius:8px;width:72%;height:78%;position:relative;overflow:visible}.selection-handles{pointer-events:none;z-index:10;position:absolute;inset:-1px}.sel-border{border:1.5px solid #18a0fb;border-radius:8px;position:absolute;inset:0}.sel-handle{background:#fff;border:1.5px solid #18a0fb;border-radius:1px;width:6px;height:6px;position:absolute}.sel-handle.top-left{top:-3px;left:-3px}.sel-handle.top-right{top:-3px;right:-3px}.sel-handle.bottom-left{bottom:-3px;left:-3px}.sel-handle.bottom-right{bottom:-3px;right:-3px}.sel-handle.top-mid{top:-3px;left:50%;transform:translate(-50%)}.sel-handle.bottom-mid{bottom:-3px;left:50%;transform:translate(-50%)}.sel-handle.left-mid{top:50%;left:-3px;transform:translateY(-50%)}.sel-handle.right-mid{top:50%;right:-3px;transform:translateY(-50%)}.sel-label{color:#18a0fb;white-space:nowrap;font-size:6.5px;font-weight:500;position:absolute;top:-16px;left:0}.static-design{border-radius:8px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.sd-topbar{border-bottom:1px solid var(--gray-lighter);flex-shrink:0;align-items:center;gap:5px;padding:5px 8px;display:flex}.sd-logo{background:linear-gradient(135deg, var(--coral), #f4a261);border-radius:3px;flex-shrink:0;width:12px;height:12px}.sd-tab-pills{gap:2px;padding-left:4px;display:flex}.sd-pill{background:var(--gray-lighter);border-radius:2px;width:16px;height:4px}.sd-pill.active{background:var(--ink);opacity:.5}.sd-spacer{flex:1}.sd-circle{background:var(--gray-lighter);border-radius:50%;flex-shrink:0;width:10px;height:10px}.sd-circle.avatar{background:linear-gradient(135deg,#d4b8a0,#e8d5c4)}.sd-line{background:var(--gray-lighter);border-radius:1.5px;height:3px}.sd-line.dark{background:var(--ink);opacity:.5;border-radius:2px;height:4px}.sd-line.w65{width:65%}.sd-line.w50{width:50%}.sd-line.w30{width:30%}.sd-badge{color:var(--coral);letter-spacing:.04em;text-transform:uppercase;background:#e8614d1a;border-radius:3px;width:fit-content;padding:1.5px 5px;font-size:5px;font-weight:600;display:inline-flex}.sd-badge.green{color:#4a9a80;background:#4a9a801f}.sd-hero{background:linear-gradient(145deg,#f0d5c8,#e8c0b0,#f4ddd2);flex-shrink:0;height:36%;position:relative;overflow:hidden}.sd-hero-split{gap:5px;padding:5px 6px;display:flex;position:absolute;inset:0}.sd-dropdown{flex-direction:column;flex-shrink:0;width:42%;display:flex}.sd-dd-trigger{border:1px solid var(--gray-lighter);background:#fff;border-bottom:none;border-radius:4px 4px 0 0;align-items:center;gap:3px;padding:4px 5px;display:flex}.sd-dd-chevron{border-left:2.5px solid #0000;border-right:2.5px solid #0000;border-top:3px solid var(--gray);width:0;height:0;margin-left:auto}.sd-dd-menu{border:1px solid var(--gray-lighter);background:#fff;border-top:none;border-radius:0 0 4px 4px;flex-direction:column;flex:1;gap:1px;padding:2px 0;display:flex}.sd-dd-item{background:var(--gray-lighter);border-radius:1.5px;width:65%;height:3px;margin:2px 5px}.sd-dd-item.active{background:var(--coral);opacity:.5}.sd-dd-sep{background:var(--gray-lighter);height:1px;margin:1px 5px}.sd-cards-col{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.sd-card-row{background:#fff;border:1px solid #0000000a;border-radius:5px;flex:1;min-height:0;display:flex;overflow:hidden}.sd-cr-img{background:linear-gradient(135deg,#e8a890,#d8907a);flex-shrink:0;width:38%}.sd-cr-img.blue{background:linear-gradient(135deg,#c8d5e0,#a8bfd0)}.sd-cr-body{flex-direction:column;flex:1;justify-content:center;gap:2px;padding:4px 5px;display:flex}.sd-info-row{justify-content:space-between;align-items:flex-start;gap:8px;padding:6px 8px 0;display:flex}.sd-info-left{flex:1}.sd-info-right{flex-direction:column;align-items:flex-end;display:flex}.sd-stars{gap:1px;display:flex}.sd-star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#f4a261;width:5px;height:5px}.sd-tab-bar{border-bottom:1px solid var(--gray-lighter);gap:0;margin-top:5px;padding:0 8px;display:flex;position:relative}.sd-tab{background:var(--gray-lighter);border-radius:1.5px;width:22px;height:3px;margin:4px 6px 5px 0}.sd-tab.active{background:var(--ink);opacity:.5}.sd-tab-line{background:var(--coral);border-radius:1px;width:22px;height:1.5px;position:absolute;bottom:-1px;left:8px}.sd-body{flex:1;grid-template-columns:1fr .8fr;gap:6px;min-height:0;padding:6px 8px;display:grid;overflow:hidden}.sd-body-left{flex-direction:column;gap:4px;display:flex}.sd-body-right{flex-direction:column;gap:3px;display:flex}.sd-stat-row{gap:4px;display:flex}.sd-stat-card{background:var(--cream);border:1px solid #00000008;border-radius:5px;flex-direction:column;flex:1;gap:2px;padding:4px 5px;display:flex}.sd-mini-bars{align-items:flex-end;gap:2px;height:20px;padding-top:2px;display:flex}.sd-bar{background:var(--coral);opacity:.3;border-radius:1.5px 1.5px 0 0;flex:1;min-height:2px}.sd-progress{flex-direction:column;gap:2px;display:flex}.sd-progress-track{background:var(--gray-lighter);border-radius:1.5px;height:3px;overflow:hidden}.sd-progress-fill{background:var(--coral);opacity:.6;border-radius:1.5px;width:65%;height:100%}.sd-list-item{background:var(--cream);border:1px solid #00000008;border-radius:4px;align-items:center;gap:4px;padding:3px 4px;display:flex}.sd-list-dot{border-radius:50%;flex-shrink:0;width:4px;height:4px}.sd-list-dot.d1{background:var(--coral);opacity:.6}.sd-list-dot.d2{opacity:.6;background:#6bb8a0}.sd-list-dot.d3{opacity:.6;background:#5b8db8}.sd-avatar-row{align-items:center;padding:1px 0;display:flex}.sd-avatar-dot{background:var(--gray-lighter);border:1px solid #fff;border-radius:50%;width:10px;height:10px}.sd-btn-row{gap:3px;margin-top:auto;display:flex}.sd-btn{border-radius:4px;flex:1;height:12px}.sd-btn.primary{background:var(--coral);opacity:.7}.sd-btn.secondary{background:var(--gray-lighter)}.live-app-wrap{background:#fff;width:100%;height:100%;overflow:hidden}.live-app{flex-direction:column;width:100%;height:100%;display:flex}.live-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--gray-lighter);z-index:3;background:#fff;flex-shrink:0;align-items:center;gap:10px;padding:8px 14px;display:flex;position:relative}.tb-logo{background:linear-gradient(135deg, var(--coral), #f4a261);border-radius:6px;flex-shrink:0;width:20px;height:20px}.tb-tabs{flex:1;gap:2px;padding-left:6px;display:flex;position:relative}.tb-tab{color:var(--gray);cursor:default;white-space:nowrap;letter-spacing:.01em;border-radius:4px;padding:3px 10px;font-size:7.5px;font-weight:500;position:relative}.tb-tab.active{color:var(--ink)}.tb-spacer{flex:1}.tb-bell{color:var(--gray);flex-shrink:0;position:relative}.tb-badge{background:var(--coral);border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;right:-4px}.tb-avatar{background:linear-gradient(135deg,#d4b8a0,#e8d5c4);border-radius:50%;flex-shrink:0;width:20px;height:20px}.detail-hero{flex-shrink:0;width:100%;height:36%;position:relative;overflow:hidden}.detail-hero-bg{background:linear-gradient(145deg,#f0d5c8,#e8c0b0,#f4ddd2);width:100%;height:100%}.hero-split{z-index:2;align-items:stretch;gap:8px;padding:8px 10px;display:flex;position:absolute;inset:0}.hero-dropdown{flex-direction:column;flex-shrink:0;width:42%;display:flex}.hdd-trigger{border:1px solid var(--gray-lighter);background:#fff;border-bottom:none;border-radius:6px 6px 0 0;align-items:center;gap:4px;padding:5px 7px;display:flex}.hdd-trigger-label{color:var(--gray);font-size:5px;font-weight:400}.hdd-trigger-value{color:var(--ink);font-size:6px;font-weight:600}.hdd-chevron{color:var(--gray);margin-left:auto}.hdd-menu{border:1px solid var(--gray-lighter);background:#fff;border-top:none;border-radius:0 0 6px 6px;flex-direction:column;flex:1;padding:2px 0;display:flex;box-shadow:0 6px 20px #00000014}.hdd-item{color:var(--ink-light);cursor:default;align-items:center;gap:4px;padding:4px 7px;font-size:6px;font-weight:400;display:flex}.hdd-item.active{color:var(--coral);background:#e8614d0d;font-weight:600}.hdd-icon-space{flex-shrink:0;width:6px}.hdd-divider{background:var(--gray-lighter);height:1px;margin:2px 7px}.hero-cards-col{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.hero-card-row{background:#fff;border:1px solid #0000000a;border-radius:8px;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 2px 10px #0000000f}.hcr-img{object-fit:cover;flex-shrink:0;width:38%}.hcr-body{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;padding:5px 7px;display:flex}.hcr-name{color:var(--ink);font-size:7px;font-weight:600}.hcr-meta{align-items:center;gap:6px;display:flex}.hcr-price{color:var(--ink);font-size:8px;font-weight:700}.hcr-rating{color:var(--gray);align-items:center;gap:2px;font-size:5.5px;font-weight:500;display:flex}.hcr-tags{gap:3px;display:flex}.hcr-tag{letter-spacing:.03em;text-transform:uppercase;border-radius:3px;padding:1.5px 4px;font-size:5px;font-weight:600}.hcr-tag.coral{color:var(--coral);background:#e8614d1a}.hcr-tag.green{color:#4a9a80;background:#4a9a801f}.hcr-tag.muted{background:var(--gray-lighter);color:var(--gray)}.rating-stars{align-items:center;gap:1px;display:flex}.rating-count{color:var(--gray);margin-left:3px;font-size:6px;font-weight:500}.avatar-stack{align-items:center;padding:2px 0;display:flex}.avatar-pip{border:1.5px solid #fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:2s ease-in-out infinite pip-bounce}.avatar-pip:first-child{animation-delay:0s}.avatar-pip:nth-child(2){animation-delay:.15s}.avatar-pip:nth-child(3){animation-delay:.3s}.avatar-pip:nth-child(4){animation-delay:.45s}@keyframes pip-bounce{0%,to{transform:translateY(0)}20%{transform:translateY(-5px)}40%{transform:translateY(0)}}.avatar-more{color:var(--gray);margin-left:4px;font-size:6px;font-weight:600}.mini-bars{align-items:flex-end;gap:3px;height:28px;padding-top:2px;display:flex}.mini-bar{background:var(--coral);border-radius:2px 2px 0 0;flex:1;min-height:2px}.chart-card{padding-bottom:5px!important}.stat-trend{margin-top:1px;font-size:5px;font-weight:600}.stat-trend.up{color:#4a9a80}.stat-trend.down{color:var(--coral)}.progress-row{flex-direction:column;gap:2px;display:flex}.progress-label{color:var(--gray);justify-content:space-between;font-size:5.5px;font-weight:400;display:flex}.progress-pct{color:var(--ink);font-weight:600}.progress-track{background:var(--gray-lighter);border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:var(--coral);border-radius:2px;height:100%}.sidebar-section-label{color:var(--gray);text-transform:uppercase;letter-spacing:.06em;font-size:5.5px;font-weight:600}.live-toast{z-index:20;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:flex;position:absolute;top:42px;right:10px;box-shadow:0 4px 20px #0000001f,0 1px 4px #0000000f}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.toast-icon.green{background:#4a9a801f}.toast-icon.blue{background:#5b8db81f}.toast-icon.coral{background:#e8614d1a}.toast-title{color:var(--ink);font-size:6px;font-weight:600}.toast-sub{color:var(--gray);font-size:5.5px}.detail-info{justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 14px 0;display:flex}.detail-info-left{flex:1}.detail-title{color:var(--ink);margin-bottom:2px;font-size:12px;font-weight:600}.detail-tag{color:var(--coral);letter-spacing:.04em;text-transform:uppercase;background:#e8614d1a;border-radius:4px;padding:2px 7px;font-size:6px;font-weight:600;display:inline-flex}.detail-price{color:var(--ink);letter-spacing:-.02em;font-size:16px;font-weight:600}.detail-tabs{border-bottom:1px solid var(--gray-lighter);gap:0;margin-top:8px;padding:0 14px;display:flex;position:relative}.detail-tab{color:var(--gray);cursor:default;padding:5px 10px;font-size:7px;font-weight:500;position:relative}.detail-tab.active{color:var(--ink)}.detail-tab-indicator{background:var(--coral);border-radius:1px;height:2px;position:absolute;bottom:-1px}.detail-body{flex:1;grid-template-columns:1fr .8fr;gap:10px;min-height:0;padding:10px 14px;display:grid;overflow:hidden}.detail-stats{flex-direction:column;gap:6px;display:flex}.stat-row{gap:6px;display:flex}.stat-card{background:var(--cream);border:1px solid #00000008;border-radius:8px;flex:1;padding:7px 8px}.stat-label{color:var(--gray);margin-bottom:2px;font-size:5.5px;font-weight:400}.stat-value{color:var(--ink);font-size:10px;font-weight:600}.stat-value.coral{color:var(--coral)}.stat-value.green{color:#4a9a80}.desc-lines{flex-direction:column;gap:3px;margin-top:4px;display:flex}.desc-line{background:var(--gray-lighter);border-radius:1.5px;height:3px}.detail-sidebar{flex-direction:column;gap:6px;display:flex}.sidebar-item{background:var(--cream);border:1px solid #00000008;border-radius:8px;align-items:center;gap:6px;padding:5px 7px;display:flex}.sidebar-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.4s ease-in-out infinite dot-pulse}.sidebar-dot.d1{background:var(--coral);opacity:.5;animation-delay:0s}.sidebar-dot.d2{opacity:.5;background:#6bb8a0;animation-delay:.45s}.sidebar-dot.d3{opacity:.5;background:#5b8db8;animation-delay:.9s}@keyframes dot-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(2.2)}}.sidebar-label{color:var(--ink-light);font-size:6px;font-weight:500}.sidebar-bar-track{background:var(--gray-lighter);border-radius:1.5px;flex:1;min-width:0;height:3px;overflow:hidden}.sidebar-bar-fill{border-radius:1.5px;height:100%;position:relative;overflow:hidden}.sidebar-bar-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff9 50%,#0000 100%);animation:1.8s ease-in-out infinite bar-shimmer;position:absolute;inset:0}@keyframes bar-shimmer{0%{transform:translate(-100%)}50%{transform:translate(200%)}50.1%,to{transform:translate(-100%)}}.sidebar-value{color:var(--gray);text-align:right;min-width:16px;font-size:6px}.detail-actions{gap:5px;margin-top:auto;display:flex}.detail-action-btn{letter-spacing:.02em;border-radius:6px;padding:4px 10px;font-size:6px;font-weight:600}.detail-action-btn.primary{background:var(--coral);color:#fff;animation:2s ease-in-out infinite btn-glow}@keyframes btn-glow{0%,to{transform:scale(1);box-shadow:0 0 #e8614d00}50%{transform:scale(1.06);box-shadow:0 0 12px 4px #e8614d73}}.detail-action-btn.secondary{background:var(--gray-lighter);color:var(--ink-light);animation:2.5s ease-in-out infinite btn-secondary-pulse}@keyframes btn-secondary-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.toggle-row{align-items:center;gap:5px;margin-top:2px;display:flex}.toggle-label{color:var(--gray);font-size:6px;font-weight:400}.toggle-track{background:var(--gray-lighter);border-radius:6px;flex-shrink:0;width:22px;height:12px;transition:background .3s;position:relative}.toggle-track.on{background:var(--coral)}.toggle-thumb{width:8px;height:8px;transition:left .3s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000026}.toggle-track.on .toggle-thumb{left:12px}.status-badge{letter-spacing:.03em;text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:5.5px;font-weight:600;display:inline-flex}.status-badge.active{color:#4a9a80;background:#4a9a801f}.status-badge.sold-out{color:var(--coral);background:#e8614d1a}.cta-area{text-align:center;animation:fadeUp .8s .5s var(--ease-out) both}.cta-button{font-family:var(--font-body);color:var(--cream);background:var(--coral);cursor:pointer;transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out), background .2s;letter-spacing:.01em;animation:ctaPulse .6s 2s var(--ease-out) both;border:none;border-radius:12px;padding:.85em 2.2em;font-size:clamp(.88rem,1.1vw,1rem);font-weight:500;position:relative;overflow:hidden;box-shadow:0 3px 6px #00000040,0 8px 24px #0003}.cta-label{z-index:1;position:relative}.cta-shimmer{z-index:0;background:linear-gradient(105deg,#0000 30%,#ffffff40 50%,#0000 70%);position:absolute;inset:0;transform:translate(-100%)}.cta-button:hover .cta-shimmer{animation:.7s forwards shimmer}.cta-button:hover{background:var(--coral-hover);transform:translateY(-2px);box-shadow:0 6px 12px #0000004d,0 16px 36px #00000040}.cta-button:active{transform:translateY(0)}.cta-button:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.sub-cta{color:var(--gray);margin-top:.75em;font-size:clamp(.78rem,.9vw,.88rem);font-weight:300;transition:color .3s}.sub-cta:hover{color:var(--ink-light)}.modal-backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(8px);z-index:1000;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--cream);border-radius:20px;width:min(440px,100%);padding:clamp(1.5rem,3vw,2.5rem);position:relative;box-shadow:0 24px 80px #0000002e}.modal-close{cursor:pointer;width:32px;height:32px;color:var(--gray);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--gray-lighter);color:var(--ink)}.modal-close:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.modal-title{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:.3em;font-size:clamp(1.3rem,2vw,1.6rem);font-weight:600}.modal-subtitle{color:var(--gray);margin-bottom:1.5em;font-size:.88rem;font-weight:300;line-height:1.5}.form-group{margin-bottom:1em}.form-label{color:var(--ink-light);margin-bottom:.4em;font-size:.8rem;font-weight:500;display:block}.form-label .required{color:var(--gray);margin-left:.3em;font-size:.75rem;font-weight:300}.form-input,.form-textarea{width:100%;font-family:var(--font-body);border:1.5px solid var(--gray-lighter);color:var(--ink);background:#ffffffb3;border-radius:10px;outline:none;padding:.7em .9em;font-size:.92rem;transition:border-color .2s,box-shadow .2s}.form-input::placeholder,.form-textarea::placeholder{color:var(--gray-light)}.form-input:focus,.form-textarea:focus{border-color:var(--coral);box-shadow:0 0 0 3px #e8614d1a}.form-textarea{resize:vertical;min-height:60px}.form-error{color:var(--coral);margin-top:.3em;font-size:.8rem}.submit-button{font-family:var(--font-body);color:var(--cream);background:var(--coral);cursor:pointer;width:100%;box-shadow:0 2px 8px var(--coral-shadow);border:none;border-radius:10px;margin-top:.5em;padding:.8em 1.8em;font-size:.95rem;font-weight:500;transition:background .2s,transform .2s,box-shadow .2s}.submit-button:hover:not(:disabled){background:var(--coral-hover);transform:translateY(-1px)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.submit-button:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.form-submit-error{color:var(--coral);text-align:center;margin-top:.8em;font-size:.85rem}.modal-success{text-align:center;padding:1.5rem 0}.success-check{color:#4a9a80;background:#6bb8a026;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1rem;display:flex}.success-title{font-family:var(--font-display);margin-bottom:.4em;font-size:1.4rem;font-weight:600}.success-subtitle{color:var(--gray);font-size:.9rem;font-weight:300}.success-close-button{font-family:var(--font-body);color:var(--gray);border:1px solid var(--gray-lighter);cursor:pointer;background:0 0;border-radius:8px;margin-top:1.2rem;padding:.5em 1.8em;font-size:.85rem;font-weight:500;transition:color .2s,border-color .2s}.success-close-button:hover{color:var(--ink-light);border-color:var(--gray)}.seo-section{max-width:640px;color:var(--gray);margin:0 auto;padding:.5rem 1.5rem 3rem}.value-block{margin-bottom:3.5rem}.seo-section h2{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;margin-bottom:.6em;font-size:clamp(1.15rem,1.8vw,1.4rem);font-weight:600}.seo-section p{color:var(--ink-light);text-align:justify;font-size:.95rem;font-weight:300;line-height:1.75}.seo-section p em{color:var(--ink);font-style:italic;font-weight:400}.faq-heading{border-top:1px solid var(--gray-lighter);margin-top:4rem;padding-top:2.5rem}.faq-item{margin-bottom:2rem}.faq-item h3{font-family:var(--font-body);color:var(--ink);margin-bottom:.4em;font-size:.95rem;font-weight:500}.faq-item p{margin-bottom:0;font-size:.9rem;line-height:1.7}.cta-area--bottom{margin-top:2rem;padding-top:0}.cta-area--bottom .sub-cta,.cta-area--bottom .social-proof{text-align:center;color:var(--gray);font-size:clamp(.78rem,.9vw,.88rem)}.social-proof{color:var(--gray-light);margin-top:.6em;font-size:clamp(.72rem,.85vw,.82rem);font-style:italic;font-weight:300}.seo-footer{border-top:1px solid var(--gray-lighter);color:var(--gray-light);margin-top:3rem;padding-top:1.5rem;font-size:.8rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{transform:translate(200%)}}@keyframes ctaPulse{0%{transform:scale(1);box-shadow:0 3px 6px #00000040,0 8px 24px #0003}50%{transform:scale(1.06);box-shadow:0 6px 12px #0000004d,0 16px 36px #00000040}to{transform:scale(1);box-shadow:0 3px 6px #00000040,0 8px 24px #0003}}@keyframes gripBreathe{0%,to{transform:scale(1);box-shadow:0 2px 10px #ffcc0073,0 2px 8px #0000001f}50%{transform:scale(1.06);box-shadow:0 2px 16px #ffcc00a6,0 2px 10px #00000026}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-light);border-radius:3px}@media (width<=768px){main{padding-top:2rem}.headline{font-size:clamp(.95rem,2.8vw,2.2rem)}.animation-wrap{width:min(100%,600px);height:clamp(200px,44vh,360px)}}@media (width<=480px){main{padding:2vh 1.5rem}.headline{margin-bottom:.5em;font-size:clamp(.85rem,4vw,1.8rem)}.subline{margin-bottom:1.2rem;font-size:.85rem}.animation-wrap{width:100%;height:clamp(280px,55vh,440px);margin-bottom:1.2rem}.figma-layers{width:80px}.fig-layer-name{font-size:6px}.canvas-design{width:78%;height:80%}.topbar{padding:6px 10px}.modal-card{border-radius:16px;padding:1.5rem}}@media (width>=769px){.headline{white-space:nowrap}}@media (height<=600px){.animation-wrap{height:clamp(160px,38vh,260px);margin-bottom:1rem}.headline{margin-bottom:.4em}.subline{margin-bottom:1rem;font-size:.82rem}.cta-button{padding:.65em 1.8em;font-size:.88rem}.sub-cta{margin-top:.5em;font-size:.75rem}}@media (height<=500px){.animation-wrap{height:clamp(130px,32vh,210px)}}@media (prefers-reduced-motion:reduce){.cta-button{transition:none;animation:none}.headline,.subline,.wordmark,.animation-wrap,.cta-area,.reveal-grip,.sidebar-dot,.avatar-pip,.detail-action-btn.primary,.detail-action-btn.secondary,.sidebar-bar-fill:after{animation:none}}