.landing{--mx:50vw;--my:30vh;--px:0;--py:0;--sy:0;position:relative;overflow:hidden}.landing em{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.spotlight{pointer-events:none;z-index:0;background:radial-gradient(520px circle at var(--mx) var(--my), #8b74ff29, transparent 60%), radial-gradient(900px 600px at 85% -10%, #ff5fa21f, transparent 60%), radial-gradient(800px 600px at 0% 10%, #8b74ff1a, transparent 60%);position:absolute;inset:0}.landing:before{content:"";z-index:0;pointer-events:none;opacity:.35;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 20%,#000,#0000);mask-image:radial-gradient(70% 60% at 50% 20%,#000,#0000)}.landing>:not(.modal-backdrop):not(.drop-overlay){z-index:1;position:relative}.land-nav{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0b108c;border-bottom:1px solid #ffffff0a;align-items:center;gap:20px;max-width:1200px;margin:0 auto;padding:14px 22px;display:flex;position:sticky;top:0}.land-nav nav{gap:22px;margin-left:auto;display:flex}.land-nav nav a{color:var(--muted);font-size:14px;text-decoration:none}.land-nav nav a:hover{color:var(--text)}.btn.big{border-radius:12px;padding:13px 22px;font-size:16px}.btn.ghost-outline{border-color:var(--border-strong);background:0 0}.btn.ghost-outline:hover{border-color:var(--text);background:#ffffff0a}.land-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:40px;max-width:1200px;min-height:calc(100dvh - 64px);margin:0 auto;padding:56px 22px 80px;display:grid;position:relative}.eyebrow{color:#c4b8ff;background:#8b74ff14;border:1px solid #8b74ff59;border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;display:inline-flex}.hero-copy h1{letter-spacing:-.045em;margin:18px 0;font-size:clamp(40px,6vw,76px);line-height:.98}.rotator{height:1.05em;display:block;overflow:hidden}.rotator-word{background:linear-gradient(90deg, var(--accent), var(--accent-2) 60%, #ffb86b);color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em;animation:.55s cubic-bezier(.2,.8,.2,1.2) word-in;display:inline-block}@keyframes word-in{0%{opacity:0;filter:blur(6px);transform:translateY(70%)rotateX(-60deg)}to{opacity:1;filter:none;transform:none}}.lede{color:var(--muted);max-width:540px;margin:0 0 28px;font-size:18px}.hero-ctas{flex-wrap:wrap;gap:12px;display:flex}.hero-ctas .btn.primary{box-shadow:0 10px 30px #8b74ff59}.hero-ctas .btn.primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px #8b74ff80}.hint-line{color:var(--faint);align-items:center;gap:6px;margin-top:16px;font-size:13px;display:inline-flex}.stickers{pointer-events:none;z-index:0;position:absolute;inset:0}.sticker{white-space:nowrap;opacity:.85;transform:translate(calc(var(--px) * var(--d) * 26px), calc(var(--py) * var(--d) * 26px - var(--sy) * var(--d) * .25px)) rotate(var(--r));font-family:Poppins,Noto Sans Devanagari,sans-serif;font-size:clamp(16px,2vw,26px);font-weight:900;transition:transform .25s cubic-bezier(.2,.8,.2,1);position:absolute}.st-pop{color:#fff;-webkit-text-stroke:5px #000;paint-order:stroke fill;font-size:clamp(22px,3vw,38px)}.st-deva{color:#ffe500;text-shadow:0 3px #000}.st-box{color:#fff;text-transform:uppercase;background:#22c55e;border-radius:8px;padding:2px 10px;font-family:Montserrat,sans-serif}.st-glow{color:#ff2d2d;text-shadow:0 0 14px #ff2d2de6,0 0 30px #ff2d2d99}.st-outline{color:#0000;-webkit-text-stroke:1.5px #fff9;font-family:Montserrat,sans-serif}.st-mint{color:#5eead4;font-size:clamp(22px,3vw,40px)}.st-script{color:#fff;font-family:Great Vibes,cursive;font-size:clamp(26px,3vw,40px);font-weight:400}.hero-stage{justify-content:center;display:flex;position:relative}.mascot-perch{z-index:3;transform:translate(calc(var(--px) * -6px), calc(var(--py) * -6px));transition:transform .3s;position:absolute;top:-64px;right:max(0px,50% - 250px)}.speech{white-space:nowrap;color:#15111f;opacity:0;pointer-events:none;background:#fff;border-radius:14px 14px 4px;padding:7px 12px;font-size:13px;font-weight:700;transition:all .2s;position:absolute;top:10px;right:120px;transform:translateY(6px)scale(.9)}.speech.show{opacity:1;transform:none}.mascot{filter:drop-shadow(0 18px 30px #8b74ff59);overflow:visible}.mascot .mascot-body{transform-box:fill-box;transform-origin:50% 100%;animation:3.2s ease-in-out infinite bob}.mascot .mascot-lid{transform-box:fill-box;transform-origin:50% 0;animation:5.5s infinite blink;transform:scaleY(0)}.mascot .mascot-eye:nth-of-type(2) .mascot-lid{animation-delay:40ms}.mascot .mascot-mouth{transition:d .25s}.mascot.mood-happy .mascot-body{animation:.6s ease-in-out infinite hop}.mascot.mood-excited .mascot-body{animation:.35s ease-in-out infinite wiggle}.mascot.mood-sleepy .mascot-lid{animation:none;transform:scaleY(.62)}.mascot.mood-sleepy .mascot-body{animation:5s ease-in-out infinite bob}.mascot:hover .mascot-body{animation:.4s ease-in-out 2 wiggle}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes hop{0%,to{transform:translateY(0)scale(1)}40%{transform:translateY(-14px)scale(.97,1.04)}70%{transform:translateY(0)scale(1.04,.96)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}@keyframes blink{0%,93%,to{transform:scaleY(0)}95%{transform:scaleY(1)}}.demo{width:min(100%,360px);transform:perspective(1200px) rotateY(calc(var(--px) * -6deg)) rotateX(calc(var(--py) * 4deg));flex-direction:column;align-items:center;gap:18px;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex}.phone-frame{aspect-ratio:9/18.5;background:linear-gradient(145deg,#2a2a38,#0e0e14);border-radius:44px;width:min(100%,300px);padding:10px;position:relative;box-shadow:0 0 0 1.5px #3a3a4c,0 40px 80px #0009,0 0 120px #8b74ff40}.phone-notch{z-index:4;background:#000;border-radius:14px;width:92px;height:24px;margin-left:-46px;position:absolute;top:18px;left:50%}.phone-screen{background:#0d0b14;border-radius:34px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.fake-video{background:linear-gradient(170deg,#2b1f45 0%,#160f25 45%,#2a1610 100%);position:absolute;inset:0}.blob{filter:blur(40px);opacity:.7;border-radius:50%;animation:9s ease-in-out infinite alternate drift;position:absolute}.b1{background:#8b74ff;width:70%;height:40%;top:8%;left:-10%}.b2{background:#ff5fa2;width:60%;height:35%;animation-duration:11s;top:40%;right:-15%}.b3{background:#ff9b5a;width:55%;height:30%;animation-duration:13s;bottom:-5%;left:10%}@keyframes drift{to{transform:translate(18%,-10%)scale(1.2)}}.creator{opacity:.85;background:radial-gradient(circle at 50% 22%,#1a1426 22%,#0000 23%),radial-gradient(50% 60% at 50% 100%,#1a1426 62%,#0000 63%);width:64%;height:40%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.demo-caption{z-index:2;width:90%;margin-top:18%;animation:.3s ease-out cap-in;position:relative}@keyframes cap-in{0%{opacity:.2;transform:scale(.85)}to{opacity:1;transform:none}}.phone-ui{z-index:3;color:#ffffffd9;text-align:center;flex-direction:column;gap:14px;font-size:11px;display:flex;position:absolute;bottom:70px;right:12px}.demo-controls{flex-direction:column;gap:10px;width:100%;display:flex}.demo-input input{border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14141ccc;border-radius:12px;width:100%;padding:12px 14px;font-size:15px}.demo-input input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.demo-chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.demo-chip{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#14141cb3;border-radius:99px;padding:6px 12px;font-size:13px;transition:all .15s}.demo-chip:hover{color:var(--text);border-color:var(--border-strong);transform:translateY(-1px)}.demo-chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.demo-chip.small{padding:4px 10px;font-size:12px}.land-section{text-align:center;max-width:1200px;margin:0 auto;padding:90px 22px}.land-section h2,.land-final h2{letter-spacing:-.035em;margin:0 0 14px;font-size:clamp(30px,4.4vw,54px);line-height:1.05}.section-lede{color:var(--muted);max-width:640px;margin:0 auto 40px;font-size:17px}.morph{border:1px solid var(--border);background:linear-gradient(160deg,#8b74ff1a,#ff5fa20f);border-radius:24px;flex-direction:column;align-items:center;gap:12px;min-width:min(100%,720px);padding:34px 44px;display:inline-flex}.morph-label{text-transform:uppercase;letter-spacing:.1em;color:#c4b8ff;font-size:12px}.morph-line{letter-spacing:-.02em;min-height:1.3em;margin:0;font-family:Poppins,Noto Sans Devanagari,sans-serif;font-size:clamp(28px,4.6vw,58px);font-weight:800;line-height:1.3}.wall{flex-direction:column;gap:14px;display:flex;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.wall-row{width:max-content;display:flex}.wall-track{gap:14px;padding-right:14px;animation:48s linear infinite marquee;display:flex}.wall-row.reverse .wall-track{animation-duration:56s;animation-direction:reverse}.wall:hover .wall-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-100%)}}.wall-card{aspect-ratio:4/5;border:1px solid #ffffff0f;border-radius:18px;flex:none;place-items:center;width:200px;transition:transform .25s,box-shadow .25s;display:grid;position:relative;overflow:hidden}.wall-card:hover{box-shadow:0 20px 40px #00000080, 0 0 0 1.5px var(--accent);z-index:2;transform:translateY(-6px)scale(1.04)}.wall-caption{width:90%}.wall-name{color:#fffc;background:#0006;border-radius:99px;padding:2px 8px;font-size:11px;position:absolute;bottom:9px;left:10px}.steps-row{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:10px 0 44px;padding:0;list-style:none;display:grid}.step{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:24px;position:relative}.step-icon{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:14px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 10px 24px #8b74ff59}.step-n{color:#ffffff0d;font-size:40px;font-weight:900;position:absolute;top:16px;right:20px}.step h3{margin:16px 0 6px;font-size:18px}.step p,.feature p{color:var(--muted);margin:0;font-size:14.5px}.features{text-align:left;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.feature{border:1px dashed var(--border);border-radius:16px;padding:18px}.feature h3{margin:0 0 6px;font-size:15px}.reveal{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}.land-final{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:70px 22px 90px;display:flex}.land-final h2{max-width:760px}.land-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:0 auto;padding:24px 22px 36px;display:flex}.drop-overlay{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:3px dashed var(--accent);background:#0b0b10d1;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:10px;font-size:22px;font-weight:700;animation:.15s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}@media (max-width:960px){.stickers .sticker{opacity:.35}.land-hero{grid-template-columns:1fr;gap:70px;min-height:0;padding-top:36px}.hero-copy{text-align:center}.hero-copy .lede{margin-left:auto;margin-right:auto}.hero-ctas{justify-content:center}.steps-row,.features{grid-template-columns:1fr}.land-nav nav{display:none}.land-nav .btn{margin-left:auto}.mascot-perch{right:6%}.speech{display:none}}@media (max-width:560px){.stickers{display:none}.features{grid-template-columns:1fr}.morph{padding:24px 18px}.land-footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after{transition:none!important;animation:none!important}.sticker,.demo,.mascot-perch{transform:rotate(var(--r,0deg))!important}.reveal{opacity:1;transform:none}.wall-row{width:auto;overflow-x:auto}.wall-track[aria-hidden=true]{display:none}}