:root{--bg:#111014;--bg-alt:#17151c;--line:#f5f1ea24;--ink:#f5f1ea;--muted:#b3adbf;--accent:#d4ff3a;--violet:#8b6cff;--pink:#ff4fa3;--font-head:"Outfit", system-ui, sans-serif;--font-body:"Figtree", system-ui, sans-serif;--radius:26px;--ease:cubic-bezier(.2, .7, .2, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1.0625rem;line-height:1.65;overflow-x:hidden}body.menu-open{overflow:hidden}img,video{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3{font-family:var(--font-head);letter-spacing:-.01em;text-wrap:balance;margin:0;line-height:1.12}h2{font-size:clamp(2.1rem,3.4vw + 1.1rem,3.8rem);font-weight:700}h3{font-size:1.3rem;font-weight:600;line-height:1.25}p{text-wrap:pretty;margin:0}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--bg)}.icon{flex-shrink:0}.container{width:min(1100px,100% - 2.5rem);margin-inline:auto}.section{padding:clamp(4.5rem,10vw,8rem) 0}.section-alt{background:var(--bg-alt)}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.9rem;font-size:.9rem;font-weight:700}.lead{color:#c9c3d3;max-width:44ch;margin-top:1.4rem;font-size:clamp(1.1rem,1vw + .9rem,1.3rem)}.note{color:var(--muted);margin-top:1.6rem;font-size:.9rem}.accent{color:var(--accent)}.btn{background:var(--accent);color:var(--bg);transition:transform .2s var(--ease), box-shadow .2s ease;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:.9rem 1.7rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px #d4ff3a4d}.btn:active{transform:translateY(0)}.btn-small{padding:.5rem 1.2rem}.btn-big{padding:1.15rem 2.3rem;font-size:1.15rem}.btn-ghost{color:var(--ink);box-shadow:inset 0 0 0 2px var(--line);background:0 0}.btn-ghost:hover{box-shadow:inset 0 0 0 2px var(--ink)}.actions{flex-wrap:wrap;gap:.9rem;margin-top:2rem;display:flex}.progress{z-index:40;background:linear-gradient(90deg, var(--accent), var(--pink));height:3px;transform:scaleX(var(--progress,0));transform-origin:0;position:fixed;inset:0 0 auto}.header{z-index:30;align-items:center;gap:1rem;padding:.8rem clamp(1rem,4vw,3rem);display:flex;position:fixed;inset:0 0 auto}.header:before{content:"";-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);opacity:0;background:#111014cc;transition:opacity .3s;position:absolute;inset:0}.header.is-solid:before{opacity:1}.header>*{z-index:2;position:relative}.logo{font-family:var(--font-head);letter-spacing:0;color:var(--ink);align-items:center;gap:.3rem;font-size:1.6rem;font-weight:700;text-decoration:none;display:inline-flex}.logo-star{width:.9em;height:.9em;color:var(--accent);transition:transform .6s var(--ease)}.logo:hover .logo-star{transform:rotate(180deg)}.nav{gap:2rem;margin-left:auto;display:flex}.nav a{color:var(--ink);opacity:.75;font-weight:500;text-decoration:none;transition:opacity .2s;position:relative}.nav a:after{content:"";background:var(--accent);height:2px;transition:transform .3s var(--ease);position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.nav a:hover,.nav a.active{opacity:1}.nav a:hover:after,.nav a.active:after{transform:scaleX(1)}.menu-btn{color:var(--ink);background:0 0;border:0;padding:.3rem;display:none}.hero{--sx:70%;--sy:30%;--mx:0;--my:0;grid-template-columns:1.1fr .9fr;align-items:center;gap:2rem;min-height:100svh;padding:7rem clamp(1.25rem,6vw,5rem) 5rem;display:grid;position:relative;overflow:hidden}.glow{filter:blur(90px);pointer-events:none;border-radius:50%;animation:16s ease-in-out infinite alternate drift;position:absolute}.glow-a{background:var(--violet);opacity:.45;width:40vw;height:40vw;top:-14vw;right:-10vw}.glow-b{background:var(--pink);opacity:.25;width:30vw;height:30vw;animation-delay:-7s;bottom:-12vw;left:-8vw}@keyframes drift{to{transform:translate(3vw,2vw)scale(1.12)}}.spotlight{pointer-events:none;background:radial-gradient(420px circle at var(--sx) var(--sy), #d4ff3a1a, transparent 70%);position:absolute;inset:0}.hero-text{z-index:1;position:relative}.hero h1{letter-spacing:-.015em;font-size:clamp(2.5rem,4vw + 1.4rem,5.4rem);font-weight:700;line-height:1.1}.hero-eyebrow{box-shadow:inset 0 0 0 1px var(--line);opacity:0;animation:rise .7s var(--ease) forwards;background:#f5f1ea12;border-radius:999px;align-items:center;gap:.6rem;margin-bottom:1.4rem;padding:.4rem 1rem .4rem .8rem;font-size:.9rem;font-weight:500;display:inline-flex}.hero-eyebrow span{background:var(--accent);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #d4ff3a33}.word{vertical-align:top;margin:-.1em -.04em -.2em;padding:.1em .04em .2em;display:inline-block;overflow:hidden}.word>span{animation:wordUp .9s var(--ease) forwards;animation-delay:calc(var(--i) * 70ms + .15s);display:inline-block;transform:translateY(112%)}@keyframes wordUp{to{transform:none}}.hero-lead{color:#c9c3d3;max-width:38ch;margin-top:1.8rem;font-size:clamp(1.1rem,1vw + .9rem,1.35rem);line-height:1.55}.hero-lead,.hero-text .actions{opacity:0;animation:rise .8s var(--ease) forwards;animation-delay:1s;transform:translateY(20px)}.hero-text .actions{animation-delay:1.15s}@keyframes rise{to{opacity:1;transform:none}}.hero-art{z-index:1;position:relative}.frame{aspect-ratio:4/5;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-alt);max-height:68vh;transform:translate(calc(var(--mx) * -14px), calc(var(--my) * -10px)) rotate(3deg);margin-inline:auto;transition:transform .3s ease-out;overflow:hidden;box-shadow:0 30px 70px #00000080,0 0 0 8px #ffffff08}.frame-media,.frame-fallback{width:100%;height:100%}.frame-media,.clip-video{object-fit:cover}.frame-fallback{background:linear-gradient(135deg, var(--bg-alt), #24202d);color:var(--accent);place-items:center;display:grid}.frame-fallback svg{width:40%}.spin{animation:14s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ia{color:var(--violet)}.float-card{z-index:2;-webkit-backdrop-filter:blur(14px);color:var(--ink);background:#1e1b28d1;border-radius:20px;text-decoration:none;position:absolute;box-shadow:0 20px 50px #00000073,inset 0 0 0 1px #f5f1ea1f}.chat{width:min(250px,70%);transform:translate(calc(var(--mx) * 18px), calc(var(--my) * 14px));gap:.5rem;padding:.8rem;transition:transform .3s ease-out;animation:6s ease-in-out infinite bob;display:grid;top:9%;right:-9%}.bubble{opacity:0;max-width:92%;animation:pop .5s var(--ease) forwards;border-radius:16px;padding:.55rem .85rem;font-size:.88rem;line-height:1.35;transform:translateY(8px)scale(.96)}.bubble-in{background:#f5f1ea1f;border-bottom-left-radius:5px;justify-self:start;animation-delay:1.5s}.bubble-out{background:var(--accent);color:var(--bg);border-bottom-right-radius:5px;justify-self:end;font-weight:500;animation-delay:2.6s}.bubble-out span{opacity:.7;margin-left:.2rem;font-size:.75rem}@keyframes pop{to{opacity:1;transform:none}}@keyframes bob{50%{margin-top:-10px}}.prompt{width:min(360px,92%);transform:translate(calc(var(--mx) * -22px), calc(var(--my) * -12px));border-radius:999px;align-items:center;gap:.8rem;padding:.7rem .7rem .7rem 1rem;transition:transform .3s ease-out,box-shadow .3s;display:flex;bottom:8%;left:-12%}.prompt:hover{box-shadow:0 20px 50px #00000073, inset 0 0 0 1px var(--violet)}.spark{width:22px;height:22px;fill:var(--violet);flex-shrink:0;animation:3s ease-in-out infinite twinkle}@keyframes twinkle{50%{transform:scale(1.2)rotate(15deg)}}.prompt-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;min-height:1.5em;font-size:.98rem;font-weight:500;overflow:hidden}.typer{color:var(--accent)}.caret{vertical-align:text-bottom;background:var(--violet);width:2px;height:1.05em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.prompt-send{background:var(--accent);width:38px;height:38px;color:var(--bg);transition:transform .3s var(--ease);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.prompt:hover .prompt-send{transform:rotate(45deg)}.scroll-cue{z-index:1;border:2px solid #f5f1ea66;border-radius:14px;width:26px;height:42px;position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%)}.scroll-cue span{background:var(--accent);border-radius:2px;width:4px;height:8px;margin-left:-2px;animation:1.8s ease-in-out infinite cue;position:absolute;top:8px;left:50%}@keyframes cue{60%{opacity:0;transform:translateY(14px)}to{opacity:0}}.rows{border-bottom:1px solid var(--line);margin:3.2rem 0 0;padding:0;list-style:none}.row{border-top:1px solid var(--line);color:var(--ink);isolation:isolate;grid-template-columns:3.2rem 1fr auto 3.4rem;align-items:center;gap:1rem;padding:1.8rem 1rem;text-decoration:none;transition:color .35s;display:grid;position:relative;overflow:hidden}.row:before{content:"";z-index:-1;background:var(--accent);transform-origin:bottom;transition:transform .45s var(--ease);position:absolute;inset:0;transform:scaleY(0)}.row-n{font-family:var(--font-head);color:var(--muted);font-weight:700;transition:color .35s}.row-main{display:grid}.row-main strong{font-family:var(--font-head);letter-spacing:-.005em;font-size:clamp(1.4rem,1.6vw + 1rem,2.2rem);font-weight:600;line-height:1.2}.row-main span{color:var(--muted);transition:color .35s}.row-price{font-family:var(--font-head);white-space:nowrap;font-size:clamp(1.1rem,1vw + .9rem,1.5rem);font-weight:600}.row-go{width:3rem;height:3rem;box-shadow:inset 0 0 0 2px var(--line);transition:transform .4s var(--ease), box-shadow .3s ease;border-radius:50%;place-items:center;display:grid}@media (hover:hover){.row:hover{color:var(--bg)}.row:hover:before{transform:scaleY(1)}.row:hover .row-n,.row:hover .row-main span{color:#111014b3}.row:hover .row-go{box-shadow:inset 0 0 0 2px var(--bg);transform:rotate(45deg)}}.clips{grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.6rem);margin-top:3rem;display:grid}.clip-media{aspect-ratio:16/10;border:1px solid var(--line);background:var(--bg);transition:transform .5s var(--ease), border-color .3s;border-radius:20px;overflow:hidden}.clip-card:hover .clip-media{border-color:var(--accent);transform:translateY(-6px)}.clip-video{width:100%;height:100%}.clip-tag{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:1.1rem 0 .4rem;font-size:.8rem;font-weight:700;display:inline-block}.clip-card h3{font-size:1.15rem;line-height:1.2}.steps{grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,4vw,3rem);margin:3rem 0 0;padding:0;list-style:none;display:grid}.steps li{border-top:2px solid var(--line);padding-top:1.4rem}.step-num{font-family:var(--font-head);color:#0000;-webkit-text-stroke:1.5px var(--accent);margin-bottom:.6rem;font-size:clamp(3.2rem,4vw + 1.5rem,5rem);font-weight:700;line-height:1.1;display:block}.steps p{color:var(--muted);margin-top:.4rem}.contact{background:var(--bg-alt);position:relative;overflow:hidden}.contact-title{letter-spacing:-.015em;font-size:clamp(2.6rem,6vw + .8rem,6rem);font-weight:700;line-height:1.08}.contact-star{width:clamp(260px,42vw,560px);color:var(--violet);opacity:.35;transform:rotate(calc(var(--progress,0) * 720deg));pointer-events:none;margin-top:calc(clamp(260px,42vw,560px)/-2);position:absolute;top:50%;right:-8vw}.contact .container{z-index:1;position:relative}.socials{flex-wrap:wrap;gap:.6rem 1.6rem;margin:2.4rem 0 0;padding:0;list-style:none;display:flex}.socials a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:5px}.footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.6rem clamp(1.25rem,6vw,5rem);font-size:.9rem;display:flex}.footer .logo{font-size:1.3rem}.to-top{color:var(--ink);text-decoration:none}.to-top:hover{color:var(--accent)}.fab{z-index:35;background:var(--accent);width:58px;height:58px;color:var(--bg);opacity:0;pointer-events:none;transition:opacity .3s ease, transform .4s var(--ease);border-radius:50%;place-items:center;display:grid;position:fixed;bottom:1.2rem;right:1.2rem;transform:scale(.6)translateY(20px);box-shadow:0 10px 28px #00000080}.fab.show{opacity:1;pointer-events:auto;transform:none}.fab.show:after{content:"";border:2px solid var(--accent);border-radius:50%;animation:2.4s ease-out infinite ping;position:absolute;inset:0}@keyframes ping{to{opacity:0;transform:scale(1.6)}}.reveal{opacity:0;transition:opacity .7s ease, transform .7s var(--ease);transform:translateY(28px)}.reveal.is-in{opacity:1;transform:none}@media (width<=960px){.clips{grid-template-columns:1fr;max-width:560px}.menu-btn{margin-left:.2rem;display:block}.header-cta{margin-left:auto}.nav{z-index:1;background:var(--bg);opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;margin:0;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.nav.open{opacity:1;visibility:visible}.nav a{font-family:var(--font-head);opacity:1;font-size:2.2rem;font-weight:700}.hero{grid-template-columns:1fr;min-height:auto;padding-top:6.5rem;padding-bottom:4.5rem}.hero-art{width:min(100%,340px);margin:0 auto 1rem}.chat{right:-6%}.prompt{width:104%;left:-6%}.frame{max-height:none;transform:rotate(2deg)}.scroll-cue{display:none}.row{grid-template-columns:2.2rem 1fr auto;padding:1.4rem .2rem}.row-go{display:none}.steps{grid-template-columns:1fr}.footer{text-align:center;justify-content:center}}@media (width<=560px){.row{grid-template-columns:1fr auto;row-gap:.2rem}.row-n{display:none}}@media (width<=480px){.hero{padding-inline:1.25rem}.actions .btn{flex:100%}.fab{bottom:.9rem;right:.9rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.bubble,.word>span,.hero-eyebrow,.hero-lead,.hero-text .actions,.reveal{opacity:1;transform:none}}
