:root{--bg: #FAF8F3;--surface: #fff;--text: #1A1A1A;--text2: #6B6B6B;--brand: #F4C645;--brand-d: #D4A915;--brand-l: #FFF9E0;--border: #E8E4DC;--dark: #0F0F0F;--dark2: #1A1A1A;--dark3: #242424;--font: "Stolzl", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--pw: 270px;--ph: 556px;--pb: 10px;--pr: 44px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}.gw{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-d) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.line-mask{display:block;overflow:hidden;line-height:1.05}.hw{display:inline-block}.nav{position:fixed;top:0;left:0;right:0;z-index:900;padding:1.1rem 0;transition:background .35s ease,box-shadow .35s ease}.nav.scrolled{background:#faf8f3d1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--border)}.nav-inner{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text);font-weight:800;font-size:1.35rem}.logo-img{height:2rem;width:auto}.btn-nav{background:var(--brand);color:var(--text);border:none;padding:.55rem 1.4rem;border-radius:12px;font-weight:700;font-family:var(--font);font-size:.9rem;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}.btn-nav:hover{background:var(--brand-d);transform:translateY(-1px);box-shadow:0 4px 16px #f4c64566}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:7rem 2rem 5rem}.hero-dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(0,0,0,.07) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:0}.hero-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:600;color:var(--text2);margin-bottom:1.4rem;letter-spacing:.01em}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--brand);display:inline-block;animation:blink 2.4s ease-in-out infinite}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.hero-h1{font-size:clamp(3rem,6vw,5.2rem);font-weight:900;line-height:1;letter-spacing:-.035em;margin-bottom:1.5rem}.hero-body{font-size:1.1rem;color:var(--text2);line-height:1.68;margin-bottom:2rem;max-width:420px}.hero-cta{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.cta-btn{border:none;background:none;cursor:pointer;padding:0;line-height:0;transition:transform .2s,filter .2s}.cta-btn:hover{transform:scale(1.04);filter:brightness(1.06)}.badge-img{height:54px;width:auto;display:block}.hero-sub{font-size:.8rem;color:var(--text2);font-weight:500}.hero-right{display:flex;justify-content:center;align-items:center}.hero-phone-wrap{position:relative;display:inline-block}.chip{position:absolute;display:inline-flex;align-items:center;background:#fffffff0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:100px;padding:.5rem .95rem;font-size:.78rem;font-weight:700;color:var(--text);white-space:nowrap;box-shadow:0 8px 28px #00000021,0 0 0 1px #0000000f;z-index:10;opacity:0}.chip-a{top:18%;right:calc(100% + 14px)}.chip-b{bottom:22%;right:calc(100% + 14px)}.chip-c{top:48%;left:calc(100% + 14px)}.scroll-hint{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:.6rem;opacity:0}.scroll-hint-text{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text2)}.scroll-hint-bar{width:1.5px;height:38px;background:linear-gradient(to bottom,var(--text2),transparent);animation:hint-slide 1.8s ease-in-out infinite;transform-origin:top}@keyframes hint-slide{0%{transform:scaleY(0);transform-origin:top;opacity:1}49%{transform:scaleY(1);transform-origin:top;opacity:1}50%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom;opacity:.3}}.iphone{position:relative;display:inline-block}.iphone-frame-img{display:block;width:var(--pw);height:auto;object-fit:contain}.hero-iphone{--pw: 280px}.sc-phone-1,.sc-phone-2{--pw: 230px}.dl-iphone{--pw: 260px}.hero-video-wrap{position:relative;display:inline-block;line-height:0;width:280px;aspect-ratio:9 / 19.5;overflow:hidden;border-radius:44px}.hero-video-wrap .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:44px;transform:scale(.93);transform-origin:center center}.hero-video-wrap .hero-frame-overlay{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;z-index:2}.iphone-video-wrap{position:relative;display:inline-block;line-height:0;width:256px;aspect-ratio:9 / 19.5;overflow:hidden;border-radius:44px}.story-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:44px;transform:scale(.93);transform-origin:center center}.iphone-frame-overlay{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;z-index:2}.scr,.story-scr{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.ph-placeholder{text-align:center;padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.3rem}.ph-icon{font-size:2.2rem;display:block;margin-bottom:.5rem;animation:ph-pulse 2.2s ease-in-out infinite}@keyframes ph-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.ph-placeholder strong{font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;display:block}.ph-placeholder span{font-size:.65rem;opacity:.6;font-weight:500}.scr-hero{background:linear-gradient(150deg,#fff4cc,#f4c645);color:#4a3300}#scr1{background:linear-gradient(150deg,#0d1b2a,#1a2e4a);color:#fffc}#scr2{background:linear-gradient(150deg,#f2ede8,#e2d9cf);color:#2a1f14}#scr3{background:linear-gradient(150deg,#4c3aff,#7b3fe4);color:#ffffffe0}#scr4{background:linear-gradient(150deg,#0070f3,#0050cc);color:#ffffffe6}.scr-sc1{background:linear-gradient(150deg,#fff8e8,#ffe89a);color:#3d2800}.scr-sc2{background:linear-gradient(150deg,#eff6ff,#c3ddfe);color:#1a3a6e}.scr-dl{background:linear-gradient(150deg,#141420,#22223a);color:#ffffffbf}.story-scr{opacity:0;z-index:1;transition:none}.story{background:var(--bg);position:relative}.story-dots{position:fixed;left:1.75rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.55rem;z-index:200;opacity:0;transition:opacity .4s ease;pointer-events:none}.story-dots.visible{opacity:1}.sdot{width:6px;height:6px;border-radius:50%;background:#0000002e;transition:background .3s,transform .3s}.sdot.active{background:var(--brand-d);transform:scale(1.7)}.story-layout{display:grid;grid-template-columns:1fr 1fr;max-width:1200px;margin:0 auto;padding:0 2rem}.story-sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center}.ann{position:absolute;background:#fffffff5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:100px;padding:.48rem .9rem;font-size:.72rem;font-weight:700;color:var(--text);white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem;box-shadow:0 6px 22px #00000029,0 0 0 1px #0000000d;pointer-events:none;z-index:30;opacity:0}#ann1{top:24%;left:calc(100% + 12px)}#ann2{top:54%;right:calc(100% + 12px)}#ann3{top:36%;left:calc(100% + 12px)}#ann4{bottom:20%;right:calc(100% + 12px)}.story-steps-col{padding:14vh 0 14vh 3.5rem}.story-step{min-height:90vh;display:flex;align-items:center}.step-box{max-width:420px}.step-tag{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-d);background:var(--brand-l);padding:.3rem .8rem;border-radius:100px;margin-bottom:1.1rem}.step-h2{font-size:clamp(2rem,3.2vw,2.75rem);font-weight:800;line-height:1.1;letter-spacing:-.025em;margin-bottom:.9rem}.step-h2 em{font-style:normal;color:var(--brand-d)}.step-p{font-size:1rem;color:var(--text2);line-height:1.68;margin-bottom:1.35rem}.step-list{list-style:none;display:flex;flex-direction:column;gap:.55rem}.step-list li{display:flex;align-items:center;gap:.6rem;font-size:.88rem;font-weight:500;color:var(--text2)}.step-list li:before{content:"";flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--brand)}.features{background:var(--dark);color:#f0f0f0;padding:7rem 2rem}.features-inner{max-width:1100px;margin:0 auto}.features-head{text-align:center;margin-bottom:4rem}.sec-tag{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-d);background:#f4c64524;padding:.38rem 1rem;border-radius:100px;margin-bottom:1.1rem}.sec-h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1;letter-spacing:-.025em;margin-bottom:.9rem;color:#f0f0f0}.sec-p{font-size:1.05rem;color:#f0f0f080;max-width:540px;margin:0 auto;line-height:1.65}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}@media(min-width:768px){.feat-card:nth-child(1){grid-column:1;grid-row:1 / 3}.feat-card:nth-child(2){grid-column:2;grid-row:1}.feat-card:nth-child(3){grid-column:3;grid-row:1}.feat-card:nth-child(4){grid-column:2;grid-row:2}.feat-card:nth-child(5){grid-column:3;grid-row:2 / 4}.feat-card:nth-child(6){grid-column:1 / 3;grid-row:3;display:flex;align-items:center;gap:2rem}.feat-card:nth-child(6) p{max-width:340px}}.feat-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:1.75rem;transition:background .25s,border-color .25s,transform .25s}.feat-card:hover{background:#ffffff12;border-color:#f4c6454d;transform:translateY(-2px)}.feat-icon{font-size:1.8rem;margin-bottom:.85rem;display:block}.feat-card h3{font-size:1.1rem;font-weight:700;margin-bottom:.45rem;color:#f0f0f0}.feat-card p{font-size:.88rem;color:#f0f0f07a;line-height:1.58}.showcase{background:var(--bg);padding:7rem 2rem;overflow:hidden}.showcase-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.showcase-tag{color:var(--brand-d);background:var(--brand-l)}.sec-h2-light{color:var(--text)}.sec-p-light{color:var(--text2);margin:0}.stats-row{display:flex;align-items:center;gap:1.5rem;margin-top:2.5rem;flex-wrap:wrap}.stat{text-align:center}.stat-num{font-size:2.4rem;font-weight:900;letter-spacing:-.04em;line-height:1;color:var(--text);margin-bottom:.2rem}.stat-label{font-size:.78rem;color:var(--text2);font-weight:500}.stat-sep{width:1px;height:36px;background:var(--border);flex-shrink:0}.showcase-phones{display:flex;align-items:flex-end;justify-content:center;gap:1.5rem;position:relative;z-index:1}.showcase-phone-wrap{position:relative;display:inline-block;line-height:0;width:var(--pw);aspect-ratio:9 / 19.5;overflow:hidden;border-radius:44px}.showcase-phone-wrap .showcase-phone-screen{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:44px;transform:scale(.93);transform-origin:center center}.showcase-phone-wrap .showcase-phone-frame{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;z-index:2}.sc-phone-1{transform:rotate(-4deg) translateY(18px);--pw: 230px}.sc-phone-2{transform:rotate(3deg) translateY(-14px);--pw: 230px}.download{background:var(--dark);padding:7rem 2rem 0;text-align:center;position:relative;overflow:hidden}.dl-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:800px;height:500px;background:radial-gradient(ellipse at center top,rgba(244,198,69,.2) 0%,transparent 65%);pointer-events:none;z-index:0}.dl-inner{position:relative;z-index:1;max-width:680px;margin:0 auto}.sec-tag-dl{color:#fff9;background:#ffffff14}.dl-h2{font-size:clamp(2.8rem,6vw,5rem);font-weight:900;line-height:1;letter-spacing:-.04em;color:#f0f0f0;margin-bottom:1.2rem;margin-top:.5rem}.dl-p{font-size:1.05rem;color:#f0f0f080;margin-bottom:2.5rem}.dl-actions{display:flex;flex-direction:column;align-items:center;gap:.8rem;margin-bottom:0}.dl-note{font-size:.78rem;color:#f0f0f059;font-weight:500}.dl-phone-wrap{margin-top:4rem;display:flex;justify-content:center;position:relative;z-index:1}.dl-phone-wrap .iphone-frame-img{display:block;width:260px;height:auto;object-fit:contain}.dl-iphone.iphone-frame-img{filter:drop-shadow(0 0 80px rgba(244,198,69,.15)) drop-shadow(0 40px 60px rgba(0,0,0,.4))}.footer{background:#080808;padding:2rem;border-top:1px solid rgba(255,255,255,.05)}.footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#ffffff4d;text-decoration:none;font-size:.82rem;transition:color .2s}.footer-links a:hover{color:#ffffffa6}.footer-copy{color:#fff3;font-size:.8rem}.modal-ol{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.modal-ol.open{opacity:1;visibility:visible}.modal-bd{position:absolute;inset:0;background:#080808a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-box{position:relative;background:#fff;border-radius:24px;padding:2.5rem 2.5rem 2rem;max-width:390px;width:100%;text-align:center;box-shadow:0 24px 60px #00000038;transform:scale(.94);transition:transform .25s ease}.modal-ol.open .modal-box{transform:scale(1)}.modal-x{position:absolute;top:0;right:0;width:44px;height:44px;border:none;background:var(--text);color:#fff;font-size:1.5rem;border-radius:0 24px 0 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.modal-x:hover{background:#000}.modal-ttl{font-size:1.25rem;font-weight:700;margin-bottom:.25rem;color:var(--text)}.modal-sub{font-size:.86rem;color:var(--text2);margin-bottom:1.4rem}.modal-qr-wrap{background:#fff;padding:1rem;border-radius:14px;display:inline-block;margin-bottom:1.25rem;border:1px solid var(--border)}.modal-qr-img{display:block;width:240px;height:240px;max-width:100%}.modal-link{color:#0070f3;font-weight:700;font-size:.9rem;text-decoration:none}.modal-link:hover{text-decoration:underline}@media(max-width:960px){.hero-inner{grid-template-columns:1fr;text-align:center}.hero-left{order:2}.hero-right{order:1}.hero-body{max-width:100%}.hero-cta{justify-content:center}.chip-a,.chip-b{right:auto;left:calc(100% + 10px)}.story-layout{grid-template-columns:1fr}.story-phone-col{display:none}.story-steps-col{padding:5vh 0}.story-step{min-height:auto;padding:4rem 0}.story-dots{display:none}.showcase-inner{grid-template-columns:1fr;text-align:center}.sec-p-light{margin:0 auto}.stats-row{justify-content:center}.feat-grid{grid-template-columns:1fr}.feat-card:nth-child(n){grid-column:auto!important;grid-row:auto!important;display:block}}@media(max-width:600px){.hero{padding:5.5rem 1.25rem 4rem}.hero-h1{font-size:2.75rem}.showcase{padding:5rem 1.25rem}.showcase-phones{flex-direction:column;align-items:center}.sc-phone-1,.sc-phone-2{transform:none}.download{padding:5rem 1.25rem 0}.dl-h2{font-size:2.6rem}.footer-inner{flex-direction:column;text-align:center}}