: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:"Manrope", 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{isolation:isolate;flex-direction:column;align-items:center;min-height:auto;padding:clamp(2.5rem,7vh,6rem) 1.5rem clamp(2rem,4vh,3.5rem);display:flex;position:relative}main:before,main:after{content:"";pointer-events:none;z-index:-1;filter:blur(8px);position:absolute;inset:auto}main:before{width:min(48vw,620px);height:min(48vw,620px);animation:ambientBloom 1.4s 80ms var(--ease-out) both;background:radial-gradient(circle,#e8614d33,#e8614d0a 45%,#0000 72%);top:-8rem;left:max(-12vw,-6rem)}main:after{width:min(38vw,480px);height:min(38vw,480px);animation:ambientBloom 1.5s .18s var(--ease-out) both;background:radial-gradient(circle,#f4a26126,#fff0 70%);top:8rem;right:max(-8vw,-4rem)}.hero-copy{flex-direction:column;align-items:center;width:min(100%,920px);margin-bottom:clamp(1.4rem,3vh,2rem);padding:clamp(1.5rem,3vw,2rem) 0 0;display:flex}.headline{font-family:var(--font-display);text-align:center;letter-spacing:-.05em;max-width:100%;animation:fadeUp .8s var(--ease-out) both;margin:0 auto .38em;font-size:clamp(1.9rem,4.9vw,4.2rem);font-weight:600;line-height:.98;position:relative}.headline-line{width:100%;display:block}@media (width>=769px){.headline{transform:translate(-.025em)}.headline-line{white-space:nowrap}}@media (width<=768px){.headline{white-space:normal;left:-.9rem;transform:none}.headline-line{white-space:normal}}@media (width<=490px){.headline{margin-bottom:.48em;font-size:clamp(1.14rem,5.7vw,1.38rem);line-height:1.02;left:-.45rem}.headline-line{white-space:nowrap}}@media (width<=430px){.headline{font-size:clamp(.92rem,4.7vw,1.12rem);left:-.3rem}.headline-line{white-space:nowrap}}@media (width<=390px){.headline{font-size:clamp(.64rem,3.6vw,.82rem)}}.subline{font-family:var(--font-body);color:#262626d6;text-align:center;max-width:38rem;animation:fadeUp .8s .15s var(--ease-out) both;margin:0 auto;font-size:clamp(1.02rem,1.38vw,1.26rem);font-weight:500;line-height:1.55}.animation-wrap{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(100%,980px);height:clamp(340px,60vh,700px);animation:heroStageIn 1s .24s var(--ease-out) both;background:linear-gradient(#fffc,#fffaf475);border:1px solid #ffffffd9;border-radius:30px;flex-direction:column;margin-bottom:clamp(1.4rem,3vh,2.25rem);padding:clamp(.75rem,1.8vw,1.2rem);display:flex;position:relative;box-shadow:0 28px 80px #6d4e361f,inset 0 1px #fffc}.animation-wrap:before{content:"";z-index:0;pointer-events:none;opacity:0;animation:frameGlowIn 1.1s .42s var(--ease-out) both;background:linear-gradient(135deg,#ffffffb3,#e8614d0f);border-radius:24px;position:absolute;inset:1rem}.wordmark{text-align:center;font:inherit;animation:fadeUp .6s .3s var(--ease-out) both;z-index:1;margin:0 0 14px;position:relative}.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{width:100%;min-height:0;transition:box-shadow .5s var(--ease-out), transform .5s var(--ease-out);z-index:1;transform-origin:top;animation:demoSettle 1.05s .32s var(--ease-out) both;border:1px solid #e8e5e0f2;border-radius:22px;flex:1;position:relative;overflow:hidden;box-shadow:0 8px 24px #221b1514,0 24px 70px #221b1529,0 40px 90px #221b151f}.app-frame:hover{transform:translateY(-4px);box-shadow:0 10px 28px #221b151a,0 28px 82px #221b1533,0 44px 110px #221b1524}.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;justify-items:center;gap:.55rem;margin-top:.4rem;padding:.75rem 1rem 0;display:grid}.cta-button{font-family:var(--font-body);color:var(--cream);cursor:pointer;transition:transform .45s var(--ease-out), box-shadow .45s var(--ease-out), background .25s var(--ease-out);letter-spacing:.005em;animation:ctaPulse .6s 2s var(--ease-out) both;background:linear-gradient(#eb6c57 0%,#d45542 100%);border:none;border-radius:999px;padding:1.02em 5em;font-size:clamp(.96rem,1.2vw,1.08rem);font-weight:600;position:relative;overflow:hidden;box-shadow:0 16px 34px #d4533f4d,0 6px 14px #00000024,inset 0 1px #ffffff59,inset 0 -2px #882e2147}.cta-label{z-index:1;text-shadow:0 1px 1px #68271d38;position:relative}.cta-shimmer{z-index:0;animation:shimmer .95s 1.45s var(--ease-out) both;background:linear-gradient(108deg,#0000 28%,#ffffff1f 42%,#ffffff57 50%,#ffffff1f 58%,#0000 72%);position:absolute;inset:0;transform:translate(-100%)}.cta-button:hover .cta-shimmer{animation:.7s forwards shimmer}.cta-button:hover{background:linear-gradient(#e3644f 0%,#cb4d3a 100%);animation:none;transform:translateY(-2px)scale(1.06);box-shadow:0 20px 42px #d4533f57,0 8px 18px #00000024,inset 0 1px #ffffff61,inset 0 -2px #882e213d}.cta-button:active{animation:none;transform:translateY(0)scale(1.02);box-shadow:0 10px 22px #d4533f3d,0 4px 10px #0000001f,inset 0 1px #ffffff4d,inset 0 -1px #882e2138}.cta-button:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.sub-cta{color:#3d3d3dd6;font-size:clamp(.82rem,.94vw,.92rem);font-weight:500;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:.85;cursor:not-allowed}.submit-button:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.submit-loading{align-items:center;gap:.35em;display:inline-flex}.submit-dots{align-items:center;gap:3px;margin-left:2px;display:inline-flex}.submit-dot{background:currentColor;border-radius:50%;width:4px;height:4px;display:inline-block}.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:1120px;color:var(--gray);margin:0 auto;padding:1.5rem 1.5rem 3.5rem}.section-intro{text-align:center;max-width:760px;margin:0 auto 2rem}.section-heading{max-width:34ch;margin:0 auto}.value-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:2.8rem;display:grid}.value-block{background:linear-gradient(#ffffffeb,#fff8f3cc);border:1px solid #e8e5e0f2;border-radius:24px;min-height:100%;margin-bottom:0;padding:1.5rem 1.45rem;box-shadow:0 18px 50px #3f2c190f,inset 0 1px #fffc}.value-block--wide{grid-column:1/-1}.seo-section h2{font-family:var(--font-display);color:var(--ink);letter-spacing:-.025em;margin-bottom:.55em;font-size:clamp(1.25rem,2vw,1.65rem);font-weight:700}.seo-section p{color:var(--ink-light);text-wrap:pretty;font-size:.94rem;font-weight:400;line-height:1.62}.seo-section p em{color:var(--ink);font-style:italic;font-weight:400}.faq-heading{border-top:none;margin-top:0;padding-top:0}.faq-shell{background:linear-gradient(#ffffffe0,#faf8f4c7);border:1px solid #e8e5e0f2;border-radius:28px;padding:1.9rem 2rem;box-shadow:0 18px 50px #3f2c190d,inset 0 1px #ffffffc2}.faq-item{border-top:1px solid #e8e5e0f2;margin-bottom:0;padding:1rem 0}.faq-item:first-of-type{border-top:none;padding-top:.35rem}.faq-item h3{font-family:var(--font-body);color:var(--ink);margin-bottom:.35em;font-size:1.03rem;font-weight:600}.faq-item p{margin-bottom:0;font-size:.9rem;line-height:1.58}.cta-area--bottom{margin-top:2.25rem;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-weight:400}.seo-footer{border-top:1px solid var(--gray-lighter);color:var(--gray-light);justify-content:center;align-items:center;gap:.5rem;margin-top:3rem;padding-top:1.5rem;font-size:.8rem;display:flex}.footer-logo{opacity:.45;border-radius:3px;width:1.1rem;height:1.1rem;transition:opacity .3s}.footer-logo:hover{opacity:.7}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes heroStageIn{0%{opacity:0;transform:translateY(22px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes demoSettle{0%{opacity:0;transform:translateY(18px)scale(.972);box-shadow:0 4px 12px #221b150a,0 16px 42px #221b1514,0 28px 64px #221b1514}to{opacity:1;transform:translateY(0)scale(1);box-shadow:0 8px 24px #221b1514,0 24px 70px #221b1529,0 40px 90px #221b151f}}@keyframes frameGlowIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes ambientBloom{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{transform:translate(-130%)}to{transform:translate(185%)}}@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:2rem 1.25rem}.hero-copy{margin-bottom:1.1rem}.headline{font-size:clamp(1.3rem,6.6vw,2.7rem)}.subline{max-width:32rem;font-size:clamp(.98rem,2.4vw,1.08rem)}.animation-wrap{width:min(100%,720px);height:clamp(260px,26rem,460px);padding:.7rem}.value-grid{grid-template-columns:1fr}.value-block--wide{grid-column:auto}.faq-shell{padding:1.4rem}}@media (width<=490px){main{padding:1.4rem 1rem calc(1.25rem + env(safe-area-inset-bottom))}.hero-copy{width:100%;padding-top:.4rem}.headline{white-space:nowrap;margin-bottom:.48em;font-size:clamp(1.14rem,5.7vw,1.38rem);line-height:1.12;left:-.45rem}.subline{max-width:26rem;font-size:.96rem;line-height:1.5}.animation-wrap{border-radius:22px;width:100%;height:clamp(280px,24rem,420px);margin-bottom:1.2rem;padding:.5rem}.cta-area{width:auto;padding:.7rem 1rem 0}.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}.seo-section{padding:1.2rem 1rem 2.5rem}.section-heading{max-width:20ch}.value-block,.faq-shell{border-radius:20px}}@media (height<=600px) and (width>=769px){.animation-wrap{height:clamp(160px,38vh,260px);margin-bottom:1rem}.headline{margin-bottom:.32em}.subline{font-size:.82rem}.cta-button{padding:.65em 1.8em;font-size:.88rem}.sub-cta{font-size:.75rem}}@media (height<=500px) and (width>=769px){.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,main:before,main:after,.animation-wrap:before,.app-frame,.reveal-grip,.sidebar-dot,.avatar-pip,.detail-action-btn.primary,.detail-action-btn.secondary,.sidebar-bar-fill:after{animation:none}}