:root{--yellow:#ffc700;--ink:#18181b;--muted:#71717a;--line:#e7e5ee;--paper:#fff;--wash:#f8f7fc;--lilac:#f2effa;--mint:#dff7e8;--radius:22px;--shadow:0 24px 70px rgba(24,24,27,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fff 0,#fbfaff 38%,#f6f4fb 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.landing-nav{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;min-height:72px;padding:10px clamp(18px,4vw,64px);background:rgba(255,255,255,.9);border-bottom:1px solid rgba(231,229,238,.8);backdrop-filter:blur(16px)}.landing-brand{display:inline-flex;align-items:center;gap:10px}.landing-brand span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--yellow);font-size:22px;box-shadow:inset 0 -2px rgba(0,0,0,.08)}.landing-brand strong{font-size:15px;letter-spacing:-.02em}.landing-nav nav{display:flex;justify-content:center;gap:28px;color:#52525b;font-size:13px;font-weight:700}.landing-nav nav a:hover{color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:12px;padding:13px 18px;font-size:13px;font-weight:850;transition:.18s ease}.button:hover{transform:translateY(-1px)}.button-small{padding:10px 14px}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{color:var(--yellow)}.button-yellow{background:var(--yellow);color:var(--ink);box-shadow:0 10px 24px rgba(255,199,0,.22)}.button-yellow:hover{background:#ffd536}.button-ghost{background:#fff;border-color:var(--line)}.hero{max-width:1480px;margin:0 auto;padding:clamp(58px,8vw,112px) clamp(20px,5vw,78px) 58px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);gap:clamp(40px,6vw,92px);align-items:center}.hero-kicker,.section-kicker{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:950;letter-spacing:.13em;color:#6b5a00}.pulse{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12)}.hero h1{margin:16px 0 22px;font-size:clamp(48px,6vw,88px);line-height:.95;letter-spacing:-.065em}.hero h1 mark{background:linear-gradient(transparent 60%,rgba(255,199,0,.72) 60%);color:inherit;padding:0 .04em}.hero-copy>p{max-width:680px;margin:0;color:#52525b;font-size:clamp(16px,1.6vw,20px);line-height:1.65}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#71717a;font-size:11px;font-weight:750}.hero-visual{position:relative}.mock-window{overflow:hidden;border:1px solid #dedbe7;border-radius:26px;background:#fff;box-shadow:var(--shadow);transform:rotate(1deg)}.mock-top{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #ece9f2;background:#fff}.mock-logo{width:36px;height:36px;border-radius:10px;background:var(--yellow);display:grid;place-items:center;font-size:20px}.mock-top div{display:grid}.mock-top strong{font-size:12px}.mock-top small{font-size:7px;letter-spacing:.1em;color:#71717a}.mock-status{margin-left:auto;padding:5px 7px;border-radius:999px;background:#e8fff0;color:#14763c;font-size:7px;font-weight:950}.mock-body{display:grid;grid-template-columns:128px 1fr;min-height:420px}.mock-sidebar{padding:14px 9px;background:#fafafa;border-right:1px solid #ece9f2;display:grid;align-content:start;gap:5px}.mock-nav{padding:8px 9px;border-radius:8px;color:#71717a;font-size:8px;font-weight:800}.mock-nav.active{background:#e9e7f1;color:#18181b}.mock-stage{position:relative;padding:18px;background:radial-gradient(circle at 70% 10%,#fff9d8,transparent 25%),#f8f7fc}.mock-stage-head{display:flex;align-items:center;justify-content:space-between}.mock-stage-head div{display:grid}.mock-stage-head small{font-size:7px;color:#71717a;letter-spacing:.1em}.mock-stage-head strong{font-size:15px}.mock-pill{padding:6px 8px;border-radius:999px;background:#fff;border:1px solid #e6e2eb;font-size:7px;font-weight:850}.mock-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.emoji-card{min-height:132px;border:1px solid #e7e4ed;border-radius:16px;background:#fff;padding:13px;display:grid;place-items:center;box-shadow:0 7px 20px rgba(24,24,27,.05)}.emoji-card>span{font-size:50px;filter:drop-shadow(0 7px 8px rgba(0,0,0,.08))}.emoji-card>div{width:100%;display:flex;justify-content:space-between;align-items:end}.emoji-card strong{font-size:10px}.emoji-card small{font-size:7px;color:#71717a}.emoji-card.yellow{background:#fff9d7;border:3px solid #ffc700}.emoji-card.yellow>span{filter:drop-shadow(0 0 0 #18181b)}.emoji-card.dark{background:#18181b;color:#fff}.emoji-card.dark small{color:#d4d4d8}.emoji-card.mint{background:#ebfff2}.mock-toolbar{position:absolute;left:18px;right:18px;bottom:14px;display:flex;align-items:center;gap:7px;overflow:hidden;padding:8px 9px;border:1px solid #e3dfe9;border-radius:11px;background:#fff;box-shadow:0 10px 30px rgba(24,24,27,.12);font-size:7px}.mock-toolbar span{font-weight:900;margin-right:auto}.mock-toolbar b{background:#f2f0f6;border-radius:6px;padding:5px 7px}.mock-toolbar strong{background:var(--yellow);border-radius:6px;padding:5px 8px}.float-chip{position:absolute;padding:10px 13px;border:1px solid #e3dfe9;border-radius:999px;background:#fff;box-shadow:0 12px 30px rgba(24,24,27,.12);font-size:9px;font-weight:900}.chip-one{left:-28px;bottom:22px}.chip-two{right:-20px;top:36px;background:#18181b;color:#ffc700}.feature-strip{max-width:1320px;margin:0 auto;padding:12px clamp(20px,5vw,68px) 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-strip article{display:flex;gap:14px;padding:20px;border:1px solid #e5e2eb;border-radius:18px;background:rgba(255,255,255,.84)}.feature-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:13px;background:#fff4bd;font-size:24px}.feature-strip h2{margin:1px 0 6px;font-size:15px}.feature-strip p{margin:0;color:#71717a;font-size:11px;line-height:1.55}.workflow-section,.showcase-section,.local-section{max-width:1320px;margin:0 auto;padding:80px clamp(20px,5vw,68px)}.section-copy{max-width:630px}.section-copy.centered{margin:0 auto;text-align:center}.section-copy h2,.local-section h2,.final-cta h2{margin:10px 0 12px;font-size:clamp(34px,4vw,56px);line-height:1;letter-spacing:-.055em}.section-copy p,.local-section p,.final-cta p{margin:0;color:#71717a;font-size:14px;line-height:1.65}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:38px}.workflow-grid article{position:relative;min-height:235px;padding:20px;border:1px solid #e4e1e9;border-radius:20px;background:#fff}.workflow-grid article>span{position:absolute;right:16px;top:14px;color:#c0bbc9;font:900 11px ui-monospace,monospace}.workflow-emoji{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:#fff3b1;font-size:28px}.workflow-grid h3{margin:34px 0 7px;font-size:17px}.workflow-grid p{margin:0;color:#71717a;font-size:11px;line-height:1.55}.showcase-section{padding-top:40px}.style-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px}.style-card{min-height:280px;padding:14px;border:1px solid #e4e1e9;border-radius:22px;background:#fff;display:flex;flex-direction:column}.style-emoji{flex:1;display:grid;place-items:center;border-radius:16px;background:#f8f7fc;font-size:82px}.style-card>span{margin-top:14px;color:#8b7200;font-size:8px;font-weight:950;letter-spacing:.12em}.style-card>strong{margin-top:3px;font-size:13px}.style-card.sticker .style-emoji{background:#fff8ce;border:5px solid #ffc700;filter:drop-shadow(5px 6px 0 #18181b)}.style-card.mono .style-emoji{background:#18181b;filter:grayscale(1) contrast(1.3)}.style-card.neon{background:#18181b;color:#fff}.style-card.neon .style-emoji{background:#111;color:#fff;filter:drop-shadow(0 0 18px #ffc700)}.style-card.neon>span{color:#ffc700}.local-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.local-terminal{overflow:hidden;border:1px solid #29292d;border-radius:18px;background:#111114;color:#e5e5e5;box-shadow:0 26px 70px rgba(24,24,27,.18)}.terminal-head{display:flex;align-items:center;gap:6px;padding:11px 13px;border-bottom:1px solid #2e2e32;background:#18181b}.terminal-head span{width:8px;height:8px;border-radius:50%;background:#ff5f57}.terminal-head span:nth-child(2){background:#febc2e}.terminal-head span:nth-child(3){background:#28c840}.terminal-head b{margin-left:auto;color:#71717a;font-size:8px}.local-terminal pre{margin:0;padding:28px;font:700 13px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace}.local-terminal code{color:#f4f4f5}.final-cta{max-width:1180px;margin:40px auto 100px;padding:60px 24px;text-align:center;border:1px solid #ded9e5;border-radius:30px;background:radial-gradient(circle at 50% 0,#fff8c9 0,transparent 38%),#fff;box-shadow:0 24px 70px rgba(24,24,27,.08)}.cta-emoji{font-size:54px;margin-bottom:10px}.final-cta p{max-width:560px;margin:0 auto 24px}footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:24px clamp(20px,5vw,68px);border-top:1px solid #e5e2e9;background:#fff;color:#71717a;font-size:11px}footer p{margin:0;text-align:center}footer>a:last-child{font-weight:850;color:#18181b}@media(max-width:980px){.landing-nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:68px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-trust{justify-content:center}.hero-visual{max-width:760px;margin:0 auto;width:100%}.feature-strip{grid-template-columns:1fr}.workflow-grid{grid-template-columns:1fr 1fr}.style-showcase{grid-template-columns:1fr 1fr}.local-section{grid-template-columns:1fr}.chip-one{left:8px}.chip-two{right:8px}}@media(max-width:620px){.landing-nav{grid-template-columns:1fr auto;padding:8px 12px}.landing-brand strong{display:none}.button-small{font-size:0;padding:10px 12px}.button-small span{font-size:16px}.hero{padding:46px 16px 40px}.hero h1{font-size:47px}.hero-copy>p{font-size:15px}.hero-trust{gap:10px;font-size:9px}.mock-body{grid-template-columns:72px 1fr;min-height:360px}.mock-sidebar{padding:10px 5px}.mock-nav{font-size:0;padding:9px 4px;text-align:center}.mock-nav::first-letter{font-size:13px}.mock-cards{gap:6px}.emoji-card{min-height:108px;padding:8px}.emoji-card>span{font-size:38px}.mock-toolbar{left:8px;right:8px}.mock-toolbar b{display:none}.float-chip{font-size:7px;padding:7px 9px}.feature-strip{padding:8px 16px 46px}.workflow-section,.showcase-section,.local-section{padding:52px 16px}.workflow-grid,.style-showcase{grid-template-columns:1fr}.workflow-grid article{min-height:190px}.style-card{min-height:245px}.local-section{gap:26px}.local-terminal pre{padding:20px;font-size:11px}.final-cta{margin:20px 16px 60px;padding:46px 18px}footer{grid-template-columns:1fr auto}footer p{display:none}}