@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&family=Open+Sans:wght@300;400;500;600;700;800&family=Roboto+Mono:wght@400;500;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--p1:#f5f5f0;--p1-rgb:245, 245, 240;--p2:#d4af37;--p2-rgb:212, 175, 55;--p3:#0c0c0c;--p3-rgb:12, 12, 12;--p4:#b8860b;--p4-rgb:184, 134, 11;--p5:silver;--p5-rgb:192, 192, 192;--bg:#080808;--bg-rgb:8, 8, 8;--bg2:#111;--bg2-rgb:17, 17, 17;--bg3:#1a1a1a;--bg3-rgb:26, 26, 26;--bg4:#222;--bg4-rgb:34, 34, 34;--accent:var(--p2);--accent-rgb:var(--p2-rgb);--accent2:var(--p4);--accent2-rgb:var(--p4-rgb);--teal:var(--p5);--teal-rgb:var(--p5-rgb);--highlight:var(--p2);--highlight-rgb:var(--p2-rgb);--purple:var(--p4);--purple-rgb:var(--p4-rgb);--blue:var(--p5);--blue-rgb:var(--p5-rgb);--pink:var(--p1);--pink-rgb:var(--p1-rgb);--text:var(--p1);--text-rgb:var(--p1-rgb);--muted:#7a7a6e;--border:rgba(var(--p2-rgb), .15);--card:rgba(var(--p4-rgb), .08);--glass:rgba(var(--p4-rgb), .04)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Open Sans,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb), .25);border-radius:3px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}.section{padding:clamp(44px,5vw,72px) 0}.section-sm{padding:clamp(28px,3.5vw,48px) 0}.tag{border:1px solid rgba(var(--accent-rgb), .3);background:rgba(var(--accent-rgb), .07);color:var(--accent);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;border-radius:100px;align-items:center;gap:7px;margin-bottom:14px;padding:5px 13px;font-family:Roboto Mono,monospace;font-size:clamp(10px,1vw,12px);font-weight:600;display:inline-flex}.tag-teal{border-color:rgba(var(--teal-rgb), .28);background:rgba(var(--teal-rgb), .07);color:var(--teal)}.tag-purple{border-color:rgba(var(--highlight-rgb), .28);background:rgba(var(--highlight-rgb), .07);color:var(--highlight)}.tag-blue{border-color:rgba(var(--accent2-rgb), .28);background:rgba(var(--accent2-rgb), .07);color:var(--accent2)}.section-title{letter-spacing:-.02em;overflow-wrap:break-word;word-break:keep-all;-webkit-hyphens:none;hyphens:none;margin-bottom:16px;font-family:Roboto,sans-serif;font-size:clamp(28px,3.8vw,54px);font-weight:900;line-height:1.08}.section-sub{color:var(--muted);max-width:600px;margin-bottom:40px;font-size:clamp(15px,1.6vw,19px);font-weight:400;line-height:1.8}.caption-label{letter-spacing:2px;text-transform:uppercase;color:var(--muted);opacity:.7;font-family:Roboto Mono,monospace;font-size:11px}.caption-primary{font-family:Roboto,sans-serif;font-size:clamp(18px,2vw,26px);font-weight:700;line-height:1.2}.caption-secondary{color:var(--muted);font-size:13px;line-height:1.6}.grad-text{background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grad-text-teal{background:linear-gradient(135deg, var(--teal), var(--highlight));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grad-text-purple{background:linear-gradient(135deg, var(--highlight), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;cursor:pointer;box-shadow:0 6px 28px rgba(var(--accent-rgb), .28);white-space:nowrap;border:none;border-radius:13px;align-items:center;gap:8px;padding:12px 22px;font-family:Roboto,sans-serif;font-size:clamp(13px,1.1vw,15px);font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-primary:hover{box-shadow:0 12px 36px rgba(var(--accent-rgb), .42);transform:translateY(-2px)}.btn-outline{border:1.5px solid rgba(var(--text-rgb), .18);color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border-radius:13px;align-items:center;gap:8px;padding:11px 20px;font-family:Roboto,sans-serif;font-size:clamp(13px,1.1vw,15px);font-weight:600;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.btn-outline:hover{border-color:var(--accent);background:rgba(var(--accent-rgb), .07)}.card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:clamp(18px,2.5vw,28px)}.divider{background:var(--border);height:1px}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.phone-frame,.phone-frame *{font-family:Inter,system-ui,-apple-system,sans-serif!important}.phone-frame{background:var(--bg2);border:1.5px solid rgba(var(--accent-rgb), .12);box-shadow:0 32px 64px #000000bf, 0 0 40px rgba(var(--accent-rgb), .04), inset 0 1px 0 #ffffff0a;border-radius:clamp(26px,4vw,40px);position:relative;overflow:hidden}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--muted);letter-spacing:.3px;font-size:13px;font-weight:600}.form-input,.form-select,.form-textarea{background:var(--bg4);border:1px solid var(--border);color:var(--text);border-radius:11px;outline:none;width:100%;padding:12px 14px;font-family:Open Sans,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:rgba(var(--accent-rgb), .5);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .08)}.form-textarea{resize:vertical;min-height:110px}.form-select option{background:var(--bg4)}