@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700;800&display=swap";:root{--bg-main:#0f1115;--bg-surface:#1b1f29;--bg-surface-elevated:#242936;--text-primary:#f5f1e8;--text-secondary:#a9afbb;--color-primary:#f2c94c;--color-social:#f0755e;--color-info:#65afff;--color-success:#4cc38a;--color-warning:#f4b860;--color-error:#ff6b6b;--font-family:"Outfit", sans-serif;--text-display-size:48px;--text-display-lh:56px;--text-display-weight:800;--text-h1-size:36px;--text-h1-lh:42px;--text-h1-weight:800;--text-h2-size:28px;--text-h2-lh:34px;--text-h2-weight:800;--text-h3-size:22px;--text-h3-lh:28px;--text-h3-weight:700;--text-body-size:16px;--text-body-lh:24px;--text-body-weight:400;--text-body-small-size:14px;--text-body-small-lh:20px;--text-body-small-weight:400;--text-caption-size:12px;--text-caption-lh:16px;--text-caption-weight:500;--text-button-size:16px;--text-button-lh:20px;--text-button-weight:700;--spacing-xxs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:64px;--section-space:clamp(64px, 7vw, 96px);--anchor-offset:96px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-pill:999px;--shadow-subtle:0 2px 8px #0000000d;--shadow-card:0 10px 30px #00000026}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}section[id],div[id]{scroll-margin-top:var(--anchor-offset)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}.text-display{font-size:var(--text-display-size);line-height:var(--text-display-lh);font-weight:var(--text-display-weight)}.text-h1{font-size:var(--text-h1-size);line-height:var(--text-h1-lh);font-weight:var(--text-h1-weight)}.text-h2{font-size:var(--text-h2-size);line-height:var(--text-h2-lh);font-weight:var(--text-h2-weight)}.text-h3{font-size:var(--text-h3-size);line-height:var(--text-h3-lh);font-weight:var(--text-h3-weight)}.text-body{font-size:var(--text-body-size);line-height:var(--text-body-lh);font-weight:var(--text-body-weight)}.text-body-small{font-size:var(--text-body-small-size);line-height:var(--text-body-small-lh);font-weight:var(--text-body-small-weight);color:var(--text-secondary)}.text-caption{font-size:var(--text-caption-size);line-height:var(--text-caption-lh);font-weight:var(--text-caption-weight)}.text-button{font-size:var(--text-button-size);line-height:var(--text-button-lh);font-weight:var(--text-button-weight)}.container{max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.w-full{width:100%}.page-section{padding-top:var(--section-space);padding-bottom:var(--section-space)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-pill);font-size:var(--text-button-size);font-weight:var(--text-button-weight);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;transition:all .3s;display:inline-flex}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003}.btn:active{transform:translateY(0)}.btn:disabled{cursor:default;opacity:.68}.btn:disabled:hover{transform:none;box-shadow:0 4px 15px #f2c94c4d}.btn-primary{background-color:var(--color-primary);color:var(--bg-main);box-shadow:0 4px 15px #f2c94c4d}.btn-primary:hover{box-shadow:0 6px 25px #f2c94c66}.btn-secondary{background-color:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid #ffffff1a}.btn-secondary:hover{background-color:var(--bg-surface)}.card{background-color:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-card);border:1px solid #ffffff0d}.hover-elevate{transition:transform .3s,box-shadow .3s,border-color .3s}.hover-elevate:hover{border-color:#ffffff26;transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.card-glow{filter:blur(80px);opacity:.15;pointer-events:none;border-radius:50%;width:150px;height:150px;transition:opacity .3s;position:absolute;top:-50px;right:-50px}.hover-elevate:hover .card-glow{opacity:.3}.badge{padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--radius-pill);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);background-color:#ffffff1a;align-items:center;display:inline-flex}.badge-info{color:var(--color-info);background-color:#65afff26;border:1px solid #65afff4d}.text-gradient{background:linear-gradient(135deg, var(--color-primary), var(--color-social));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-circle{filter:blur(150px);opacity:.08;pointer-events:none;z-index:-1;border-radius:50%;width:50vw;height:50vw;position:absolute}.carousel-glow{background:var(--color-social);filter:blur(100px);opacity:.15;z-index:-1;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-section{min-height:calc(100vh - var(--anchor-offset));align-items:center;padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(48px,6vw,80px);display:flex}.hero-device-stage{isolation:isolate;flex:1;justify-content:center;align-items:center;min-height:610px;display:flex;position:relative}.iphone-frame{background:#0a0c11;border:7px solid #272b36;border-radius:42px;position:relative;overflow:hidden;box-shadow:0 26px 80px #00000094,inset 0 0 0 1px #ffffff29}.iphone-frame:before{content:"";z-index:1;background:#06070a;border-radius:0 0 14px 14px;width:34%;height:20px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.iphone-frame img{object-fit:cover;width:100%;height:100%;display:block}.hero-device-main{aspect-ratio:1320/2868;z-index:2;width:min(280px,54vw)}.hero-device-back{aspect-ratio:1320/2868;opacity:.78;z-index:1;width:min(205px,40vw);position:absolute;top:50%;right:max(4px,50% - 245px);transform:translateY(-50%)rotate(7deg)}.scenio-halo{filter:blur(90px);opacity:.22;pointer-events:none;z-index:-1;border-radius:50%;width:260px;height:260px;position:absolute}.scenio-halo-gold{background:var(--color-primary);top:12%;left:4%}.scenio-halo-coral{background:var(--color-social);bottom:12%;right:0}.scenio-halo-blue{background:var(--color-info);opacity:.16;top:22%;left:50%;transform:translate(-50%)}.app-showcase{padding:var(--section-space) 0}.app-showcase-heading{max-width:720px;margin:0 auto var(--section-space);text-align:center}.showcase-eyebrow{margin-bottom:var(--spacing-sm);color:var(--color-primary);font-size:var(--text-caption-size);letter-spacing:.14em;text-transform:uppercase;font-weight:700;display:inline-block}.showcase-list{gap:var(--section-space);flex-direction:column;display:flex}.showcase-row{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);align-items:center;gap:clamp(48px,8vw,104px);display:grid}.showcase-row-reverse .showcase-copy{order:2}.showcase-row-reverse .showcase-device-wrap{order:1}.showcase-copy{max-width:470px}.showcase-copy h3{margin-bottom:var(--spacing-md)}.showcase-copy p{color:var(--text-secondary);max-width:430px;font-size:18px}.showcase-device-wrap{isolation:isolate;justify-content:center;align-items:center;min-height:550px;display:flex;position:relative}.showcase-device{aspect-ratio:1320/2868;width:min(252px,100%)}header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-md) 0;background-color:#0f1115d9;border-bottom:1px solid #ffffff0d;position:sticky;top:0}header .container{gap:var(--spacing-md)}.brand-link{align-items:center;gap:var(--spacing-xs);color:var(--text-primary);flex-shrink:0;text-decoration:none;display:inline-flex}.brand-name{color:var(--text-primary);letter-spacing:-.02em;font-size:20px;font-weight:700}.header-cta{white-space:nowrap}.site-footer{padding:var(--section-space) 0;background-color:var(--bg-surface);border-top:1px solid #ffffff0d;margin-top:0}.footer-link{color:var(--text-secondary);font-size:var(--text-body-small-size);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--color-primary)}.footer-link[aria-disabled=true]{cursor:default}.footer-link[aria-disabled=true]:hover{color:var(--text-secondary)}.social-icon{color:var(--text-secondary);transition:color .2s,transform .2s;display:inline-flex}.social-icon:hover{color:var(--color-primary);transform:translateY(-2px)}.input-field{background-color:var(--bg-main);border-radius:var(--radius-sm);padding:var(--spacing-sm);color:var(--text-primary);font-family:var(--font-family);border:1px solid #ffffff1a;outline:none;flex:1}.input-field:focus{border-color:var(--color-primary)}@media (width<=900px){.hero-content{text-align:center;gap:var(--spacing-xxl);flex-direction:column}.hero-actions{justify-content:center}.nav-desktop{display:none}.text-display{font-size:36px;line-height:42px}.text-h1{font-size:28px;line-height:34px}.hero-section{min-height:auto}.hero-device-stage{width:100%;min-height:580px}.hero-device-main{width:min(266px,52vw)}.hero-device-back{width:min(190px,38vw);top:50%;right:calc(50% - 220px)}.showcase-row{gap:var(--spacing-xl);text-align:center;grid-template-columns:1fr}.showcase-row-reverse .showcase-copy,.showcase-row-reverse .showcase-device-wrap{order:initial}.showcase-copy{max-width:560px;margin:0 auto}.showcase-copy p{margin:0 auto}.showcase-device-wrap{min-height:520px;padding:0}.showcase-device{width:min(238px,70vw)}}@media (width<=480px){.header-cta{padding:10px 14px;font-size:13px}.hero-actions{flex-direction:column;align-items:stretch;width:100%}.hero-actions .btn{width:100%}.hero-section{padding-top:44px;padding-bottom:56px}.hero-content{gap:48px}.hero-device-stage{min-height:540px}.hero-device-back{display:none}.hero-device-main{width:min(248px,72vw)}.iphone-frame{border-width:6px;border-radius:36px}.iphone-frame:before{height:17px;top:8px}.scenio-halo{filter:blur(70px);width:180px;height:180px}.app-showcase-heading{margin-bottom:56px}.showcase-list{gap:64px}.showcase-row{gap:var(--spacing-lg)}.showcase-device-wrap{min-height:490px}.showcase-device{width:min(224px,68vw)}}