:root{color:#0d0d0d;background:#fdfefe;font-family:Satoshi,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--page-max: 1440px}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{margin:0;overflow:hidden}button,input{font:inherit}.page-shell{position:relative;height:100svh;min-height:720px;padding-top:73px;overflow:hidden;background:#fdfefe;--grid-x: 50vw;--grid-y: 50vh;--edge-inset: clamp(44px, 4vw, 64px)}.background-lines,.background-lines-hover,.grid-gradient-lines{position:absolute;inset:-1px;z-index:0;width:auto;height:auto;pointer-events:none}.background-lines,.background-lines-hover{opacity:0;background-image:linear-gradient(#ccd5e0 1px,transparent 1px),linear-gradient(90deg,#ccd5e0 1px,transparent 1px);background-size:99px 99px;background-position:29px -23px}.background-lines{top:130px;bottom:-130px;opacity:0;background-position:29px -154px;mask-image:radial-gradient(circle at 50% 72%,#000 0 34%,rgba(0,0,0,.72) 48%,transparent 68%);-webkit-mask-image:radial-gradient(circle at 50% 72%,#000 0 34%,rgba(0,0,0,.72) 48%,transparent 68%);animation:backgroundLinesReveal 1.2s cubic-bezier(.22,1,.36,1) 2.85s both;clip-path:circle(0% at 50% 50%)}.background-lines-hover{opacity:0;mask-image:radial-gradient(circle 210px at var(--grid-x) var(--grid-y),rgba(0,0,0,.95) 0 18%,rgba(0,0,0,.46) 54%,transparent 78%);-webkit-mask-image:radial-gradient(circle 210px at var(--grid-x) var(--grid-y),rgba(0,0,0,.95) 0 18%,rgba(0,0,0,.46) 54%,transparent 78%);transition:opacity .26s ease}.background-lines:before,.background-lines-hover:before{content:none}.background-lines:after,.background-lines-hover:after{content:"";position:absolute;inset:0}.background-lines:after{background:radial-gradient(circle at 50% 50%,transparent 0 39%,rgba(253,254,254,.18) 54%,#fdfefe 73%),linear-gradient(180deg,#fdfefe,#fdfefe00 18% 72%,#fdfefe)}.background-lines-hover:after{background:radial-gradient(circle 210px at var(--grid-x) var(--grid-y),transparent 0 56%,rgba(253,254,254,.78) 100%)}.background-lines-hover.is-interactive{opacity:.52}.grid-gradient-lines{opacity:0;--gradient-a: #0093ea;--gradient-b: #003cf5;--gradient-soft-a: rgba(0, 147, 234, 0);--gradient-soft-b: rgba(0, 60, 245, 0);mask-image:radial-gradient(circle 216px at var(--grid-x) var(--grid-y),rgba(0,0,0,.98) 0 20%,rgba(0,0,0,.58) 55%,transparent 80%);-webkit-mask-image:radial-gradient(circle 216px at var(--grid-x) var(--grid-y),rgba(0,0,0,.98) 0 20%,rgba(0,0,0,.58) 55%,transparent 80%);transition:opacity .22s ease}.grid-gradient-lines:before,.grid-gradient-lines:after{content:"";position:absolute;inset:0;background:radial-gradient(circle 230px at var(--grid-x) var(--grid-y),rgba(0,147,234,.9) 0%,rgba(0,90,241,.86) 36%,rgba(0,60,245,.5) 58%,rgba(0,60,245,0) 82%);background-size:100% 100%;background-position:0 0;mask-image:linear-gradient(to bottom,#000 0 1px,transparent 1px);mask-repeat:repeat;mask-size:100% 99px;mask-position:0 -23px;-webkit-mask-image:linear-gradient(to bottom,#000 0 1px,transparent 1px);-webkit-mask-repeat:repeat;-webkit-mask-size:100% 99px;-webkit-mask-position:0 -23px}.grid-gradient-lines:after{mask-image:linear-gradient(to right,#000 0 1px,transparent 1px);mask-repeat:repeat;mask-size:99px 100%;mask-position:29px 0;-webkit-mask-image:linear-gradient(to right,#000 0 1px,transparent 1px);-webkit-mask-repeat:repeat;-webkit-mask-size:99px 100%;-webkit-mask-position:29px 0}.grid-gradient-lines.is-interactive{opacity:.76}.brand{position:relative;top:32px;display:flex;justify-content:center;height:32px;opacity:0;animation:heroFade .62s ease 80ms both}.brand img{width:125px;height:32px;display:block}.hero{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:min(100%,var(--page-max));margin:0 auto;padding:clamp(116px,14.65vh,150px) 24px 0;text-align:center}.eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:27px;padding:0 14px 0 11px;color:#38383a;font-size:16px;line-height:1;letter-spacing:0;background:#f7fafd;border-radius:8px;border:0;box-shadow:0 14px 28px #00000024,0 1px #ffffffe6 inset;opacity:0;animation:heroFade .62s ease .24s both}.spark{position:relative;width:14px;height:14px;flex:0 0 14px}.spark:before,.spark:after{content:"";position:absolute;inset:0;margin:auto;background:linear-gradient(135deg,#13b5ff,#0c83df)}.spark:before{width:18px;height:18px;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.spark:after{display:none}h1{max-width:740px;margin:13px 0 0;color:#0d0d0d;font-size:clamp(52px,4.45vw,64px);font-weight:500;line-height:1.1;letter-spacing:0;opacity:0;animation:heroFade .72s ease .46s both}h1 span{display:block}.subcopy{display:flex;flex-direction:column;gap:6px;margin:30px 0 0;color:#0d0d0d;font-size:16px;font-weight:400;line-height:1.2;letter-spacing:0;opacity:0;animation:heroFade .68s ease .84s both}.notify-form{display:grid;grid-template-columns:minmax(240px,449px) 119px;gap:15px;width:min(100%,583px);margin-top:38px;opacity:0;animation:formReveal .72s cubic-bezier(.22,1,.36,1) 1.28s both}.notify-form input{width:100%;height:44px;padding:0 16px;color:#111;background:#f7f9fd;border:0;border-radius:8px;outline:none;box-shadow:0 12px 18px #00000021,0 1px 1px #fffffff2 inset}.notify-form input::placeholder{color:#75777f;opacity:1}.notify-form input:focus{border-color:#0d0d0d38;box-shadow:0 12px 18px #00000021,0 0 0 3px #0d0d0d14}.notify-form button{height:44px;color:#fff;font-size:16px;font-weight:500;background:#070707;border:0;border-radius:8px;cursor:pointer;box-shadow:0 1px #ffffff1f inset}.notify-form button:hover{background:#151515}.product-preview{position:relative;z-index:1;width:min(calc(100% - 40px),1125px);height:496px;margin:49px auto 0;overflow:hidden;border:1px solid rgba(226,232,240,.72);border-bottom:0;border-radius:0;background:#fff;box-shadow:0 -1px #f0f2f6cc,0 26px 65px #1e28371f;opacity:0;animation:previewReveal .8s cubic-bezier(.22,1,.36,1) 1.54s both}.preview-app{--border: #e2e8f0;--border-soft: #eef2f7;--text: #0f172a;--muted: #64748b;--muted-2: #94a3b8;--blue: #2563eb;--blue-soft: #eff6ff;--green: #047857;--red: #be123c;display:flex;width:100%;height:100%;color:var(--text);text-align:left;background:radial-gradient(circle at 74% 0%,rgba(37,99,235,.035),transparent 35%),linear-gradient(180deg,#fff,#f8fafc);transform-origin:top left}.preview-sidebar{width:43px;flex:0 0 43px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 8px;border-right:1px solid var(--border);background:#ffffffe0}.preview-sidebar button,.preview-sidebar span{width:17px;height:17px;display:grid;place-items:center;border:1px solid var(--border);border-radius:7px;background:#fff;color:#64748b;font-size:6px;font-weight:600}.preview-sidebar button{color:#94a3b8;cursor:default}.preview-sidebar span.active{width:26px;height:26px;border-color:#dbeafe;background:var(--blue-soft);color:var(--blue)}.preview-main{min-width:0;flex:1;display:flex;flex-direction:column}.preview-topbar{height:54px;display:flex;align-items:center;justify-content:space-between;gap:34px;padding:10px 26px 10px 25px;border-bottom:1px solid var(--border);background:#ffffffdb}.preview-search,.preview-top-actions span{display:inline-flex;align-items:center;height:26px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--muted);font-size:7.5px;white-space:nowrap}.preview-search{width:268px;flex:0 0 268px;justify-content:flex-start;padding:0 17px;background:#f8fafc;color:var(--muted-2)}.preview-search:before{content:"⌕";margin-right:4px}.preview-top-actions{display:flex;align-items:center;gap:14px;min-width:0}.preview-top-actions span{padding:0 15px}.preview-top-actions i{width:4px;height:4px;margin-right:5px;border-radius:50%;background:var(--blue)}.preview-content{padding:22px 39px 34px 59px}.preview-hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.dashboard-pill{display:inline-flex;align-items:center;height:17px;margin-bottom:11px;padding:0 9px;border:1px solid #dbeafe;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:7px;font-weight:600}.preview-hero-row h2{margin:0;color:#0f172a;font-size:28px;font-weight:600;line-height:1;letter-spacing:-.02em}.preview-hero-row p{margin:10px 0 0;color:var(--muted);font-size:8px}.preview-actions{display:flex;gap:9px;padding-bottom:5px}.preview-actions button{height:29px;padding:0 14px;color:#334155;font-size:8px;background:#fff;border:1px solid var(--border);border-radius:9px}.preview-actions .primary{border-color:#bfdbfe;color:var(--blue);font-weight:600}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metric-card{position:relative;display:block;min-height:76px;padding:14px 46px 14px 13px;border:1px solid var(--border);border-radius:11px;background:#fff;box-shadow:0 11px 30px #0f172a0b}.metric-copy,.metric-card p,.metric-card span,.metric-card strong{margin:0}.metric-copy{min-width:0}.metric-card p{color:var(--muted);font-size:7px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card strong{display:block;margin-top:7px;color:#0f172a;font-size:18px;font-weight:600;line-height:1}.metric-trend{position:absolute;left:13px;bottom:12px;right:46px;color:var(--muted);font-size:7px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-chart-box{position:absolute;top:13px;right:13px;width:24px;height:24px;display:grid;place-items:center;border:1px solid #dbe3ee;border-radius:9px;background:#fff;transform:translateZ(0);overflow:hidden}.metric-chart-box:before{content:"";position:absolute;inset:2px;border-radius:7px;opacity:0}.metric-chart-box.up:before{background:linear-gradient(180deg,#10b98129,#10b98100)}.metric-chart-box.down:before{background:linear-gradient(180deg,#f43f5e00,#f43f5e29)}.metric-chart{position:relative;z-index:1;width:15px;height:15px;overflow:visible}.metric-chart path{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:32;stroke-dashoffset:0}.metric-chart.up path{stroke:var(--green)}.metric-chart.down path{stroke:var(--red)}.metric-chart-box.is-animating .metric-chart path{animation:chartDraw 1.15s cubic-bezier(.22,1,.36,1) var(--metric-delay, 0ms) both}.metric-chart-box.is-animating:before{animation:chartGlow 1.15s cubic-bezier(.22,1,.36,1) var(--metric-delay, 0ms) both}.metric-chart-box.up.is-animating .metric-chart{animation:chartRise 1.15s cubic-bezier(.22,1,.36,1) var(--metric-delay, 0ms) both}.metric-chart-box.down.is-animating .metric-chart{animation:chartFall 1.15s cubic-bezier(.22,1,.36,1) var(--metric-delay, 0ms) both}.preview-lower{display:grid;grid-template-columns:minmax(0,1fr) 262px;gap:13px;margin-top:14px}.command-panel,.decision-card{border:1px solid #dfe7f1;border-radius:14px;background:#fff;box-shadow:0 14px 40px #0f172a0b}.command-panel{min-height:169px;padding:17px 18px;background:linear-gradient(180deg,#fff,#fbfdff)}.command-meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:8px}.command-meta b{display:inline-grid;width:15px;height:15px;place-items:center;margin-right:7px;border:1px solid #dbeafe;border-radius:5px;color:var(--blue);background:var(--blue-soft)}.command-panel h3{margin:14px 0 16px;color:#0f172a;font-size:20px;font-weight:600;line-height:1.08;letter-spacing:-.02em}.command-box{display:flex;align-items:center;justify-content:space-between;min-height:63px;padding:14px;border:1px solid #dfe7f1;border-radius:14px;background:#fff;color:var(--muted-2);font-size:9px;box-shadow:0 12px 32px #0f172a0f}.command-box div{display:flex;gap:8px}.command-box button{width:26px;height:26px;border:1px solid var(--border);border-radius:9px;background:#fff;color:#334155;font-size:14px}.command-box button:last-child{color:var(--blue)}.decision-card{min-height:169px;padding:16px}.decision-label,.decision-card p,.decision-card h3,.decision-card span{margin:0}.decision-label{color:var(--blue);font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.decision-head{display:flex;justify-content:space-between;gap:12px;margin-top:12px}.decision-head h3{color:#0f172a;font-size:15px;font-weight:600}.decision-head span{display:block;margin-top:5px;color:var(--muted-2);font-size:8px}.decision-head b{height:18px;padding:0 9px;border:1px solid #bbf7d0;border-radius:999px;color:var(--green);font-size:7px;line-height:17px;text-transform:uppercase}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.mini-grid div{min-height:52px;padding:11px;border:1px solid var(--border);border-radius:10px;background:#f8fafc}.mini-grid span,.info-block span{display:block;color:var(--muted-2);font-size:8px}.mini-grid strong{display:block;margin-top:7px;color:#0f172a;font-size:15px;font-weight:600;line-height:1.12}.mini-grid div:last-child strong{font-size:8px}.info-block{margin-top:16px;padding-top:13px;border-top:1px solid var(--border-soft)}.info-block p{margin-top:7px;color:#334155;font-size:9px}.edge-copy{position:fixed;left:var(--edge-inset);bottom:clamp(38px,6.8vh,72px);z-index:6;margin:0;padding:6px 8px;color:#0d0d0d94;font-size:14px;font-weight:400;line-height:1;letter-spacing:0;background:#fdfefebd;border-radius:7px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;animation:socialDockReveal .72s cubic-bezier(.22,1,.36,1) 1.98s both}.social-dock{position:fixed;right:var(--edge-inset);bottom:clamp(34px,6.8vh,68px);z-index:6;display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;transform:translateY(14px);animation:socialDockReveal .72s cubic-bezier(.22,1,.36,1) 1.98s both}.social-dock-initial,.social-dock-extra{display:flex;flex-direction:column;align-items:center;gap:10px}.social-dock-initial{transition:transform .52s cubic-bezier(.22,1,.36,1)}.social-dock.is-expanded .social-dock-initial{transform:translateY(-14px)}.social-dock-extra{max-height:0;margin-top:-10px;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-10px) scale(.98);transition:max-height .56s cubic-bezier(.22,1,.36,1),margin-top .56s cubic-bezier(.22,1,.36,1),opacity .28s ease,transform .56s cubic-bezier(.22,1,.36,1)}.social-dock.is-expanded .social-dock-extra{max-height:162px;margin-top:-4px;opacity:1;pointer-events:auto;transform:translateY(-8px) scale(1);transition:max-height .62s cubic-bezier(.22,1,.36,1),margin-top .62s cubic-bezier(.22,1,.36,1),opacity .36s ease .12s,transform .62s cubic-bezier(.22,1,.36,1)}.social-link,.social-toggle{width:46px;height:46px;display:grid;place-items:center;color:#0d0d0d;background:#fdfefe;border:1px solid rgba(226,232,240,.72);border-radius:999px;box-shadow:0 22px 14px #0f172a14,0 10px 7px #0f172a12,0 4px 3px #0f172a0f,0 1px #fffffff2 inset}.social-link{position:relative;text-decoration:none;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease}.social-link:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 24px 15px #0f172a1a,0 12px 8px #0f172a14,0 5px 3px #0f172a0f,0 1px #fffffff2 inset}.social-icon-wrap{position:relative;width:27px;height:27px;display:grid;place-items:center}.social-glyph,.social-glyph svg{display:block;width:27px;height:27px}.social-glyph{color:#0d0d0d;transition:color .24s ease,opacity .24s ease,transform .24s cubic-bezier(.22,1,.36,1)}.social-glyph-gradient{position:absolute;inset:0;opacity:0}.social-link:hover .social-glyph{color:var(--social-color);transform:scale(1.04)}.social-link.instagram:hover .social-glyph-base{opacity:0}.social-link.instagram:hover .social-glyph-gradient{opacity:1}.social-toggle{position:relative;cursor:pointer;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .25s ease}.social-toggle:hover{transform:rotate(45deg) scale(1.04)}.social-dock.is-expanded .social-toggle{transform:rotate(45deg)}.social-dock.is-expanded .social-toggle:hover{transform:rotate(45deg) scale(1.04)}.social-toggle span{position:absolute;width:21px;height:5px;border-radius:999px;background:#0d0d0d;transition:background .24s ease,transform .42s cubic-bezier(.22,1,.36,1)}.social-toggle span:last-child{transform:rotate(90deg)}.social-toggle:hover span,.social-dock.is-expanded .social-toggle span{background:linear-gradient(135deg,#0d2054,#4ab9ff)}.social-toggle:focus-visible,.social-link:focus-visible{outline:3px solid rgba(13,131,223,.2);outline-offset:3px}@keyframes chartDraw{0%{stroke-dashoffset:32;opacity:0}58%,to{stroke-dashoffset:0;opacity:1}}@keyframes chartGlow{0%{opacity:0;transform:scale(.72)}48%{opacity:1;transform:scale(1)}to{opacity:.82;transform:scale(1)}}@keyframes chartRise{0%{opacity:0;transform:translateY(7px) scale(.9) rotate(-3deg)}64%{opacity:1;transform:translateY(-2px) scale(1.05) rotate(1deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes chartFall{0%{opacity:0;transform:translateY(-7px) scale(.9) rotate(3deg)}64%{opacity:1;transform:translateY(2px) scale(1.05) rotate(-1deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes heroFade{0%{opacity:0;transform:translateY(12px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes formReveal{0%{opacity:0;transform:translateY(14px) scale(.985);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes previewReveal{0%{opacity:0;transform:translateY(18px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes backgroundLinesReveal{0%{opacity:0;clip-path:circle(0% at 50% 72%);transform:scale(.985);filter:blur(10px)}45%{opacity:.34}to{opacity:.61;clip-path:circle(68% at 50% 72%);transform:scale(1);filter:blur(0)}}@keyframes socialDockReveal{0%{opacity:0;transform:translateY(18px) scale(.98);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:980px){.page-shell{padding-top:42px;--edge-inset: clamp(28px, 5vw, 48px)}.hero{padding-top:138px}.product-preview{width:min(calc(100% - 40px),1128px);height:calc((100vw - 40px) * 496 / 1125);max-height:420px;margin-top:44px}.preview-app{width:1125px;height:496px;transform:scale(calc((100vw - 40px) / 1125))}}@media(max-width:680px){.page-shell{min-height:100svh;padding-top:32px;--edge-inset: clamp(20px, 5.4vw, 30px)}.brand{top:18px;height:29px}.brand img{width:108px;height:auto}.hero{padding:clamp(86px,13vh,112px) 18px 0}.eyebrow{height:28px;padding:0 12px 0 10px;font-size:13px}h1{max-width:348px;margin-top:18px;font-size:clamp(37px,10.8vw,46px);line-height:1.05}.subcopy{max-width:330px;gap:5px;margin-top:24px;font-size:14px;line-height:1.34}.notify-form{grid-template-columns:1fr;width:min(100%,360px);gap:10px;margin-top:26px}.notify-form input,.notify-form button{height:46px}.product-preview{width:calc(100% - 24px);height:calc((100vw - 24px) * 496 / 1125);min-height:148px;margin-top:26px}.preview-app{width:1125px;height:496px;transform:scale(calc((100vw - 24px) / 1125))}.edge-copy{bottom:18px;padding:5px 7px;font-size:12px}.social-dock{bottom:18px;gap:8px}.social-dock-initial,.social-dock-extra{gap:8px}.social-dock.is-expanded .social-dock-initial{transform:translateY(-10px)}.social-dock.is-expanded .social-dock-extra{max-height:138px;margin-top:-2px;transform:translateY(-6px) scale(1)}.social-link,.social-toggle{width:40px;height:40px}.social-icon-wrap,.social-glyph,.social-glyph svg{width:23px;height:23px}.social-toggle span{width:18px;height:4px}}@media(max-width:380px),(max-height:760px){.page-shell{padding-top:24px}.brand{top:12px}.hero{padding-top:78px}.subcopy{margin-top:18px}.notify-form,.product-preview{margin-top:20px}}