@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#f6f2ea;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#11120f;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,select{font:inherit}button{cursor:pointer}:root{--cream:#f6f2ea;--muted:#a9aa9f;--line:#f6f2ea1f}.app-shell{background:#11120f;min-height:100vh;padding:28px 18px;position:relative;overflow:hidden}.app-shell:before{content:"";opacity:.06;pointer-events:none;background-image:linear-gradient(#ffffff38 1px,#0000 1px),linear-gradient(90deg,#ffffff38 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.ambient{filter:blur(100px);opacity:.16;pointer-events:none;border-radius:50%;width:430px;height:430px;position:fixed}.ambient-one{background:#ff5722;top:-250px;right:-180px}.ambient-two{background:#d29a36;bottom:-280px;left:-180px}.phone-page{z-index:1;max-width:620px;margin:0 auto;padding:2px 0 28px;position:relative}.topbar{align-items:center;gap:13px;padding:10px 2px 25px;display:flex}.brand-mark{background:linear-gradient(135deg,#ff7c34,#d8371f);border-radius:13px;place-items:center;width:40px;height:40px;font-size:22px;font-weight:800;display:grid;box-shadow:0 0 24px #ff662740}.eyebrow,.preview-label{letter-spacing:.17em;color:#ffb04b;font:500 10px/1 DM Mono,monospace}.topbar h1{letter-spacing:-.06em;color:var(--cream);margin:7px 0 0;font-size:25px;line-height:1.1}.help-button{border:1px solid var(--line);color:#dcd9d0;background:#ffffff0a;border-radius:50%;width:32px;height:32px;margin-left:auto;font-weight:700}.intro-card{background:linear-gradient(100deg,#ff6f271f,#ffffff09);border:1px solid #ffb04b33;border-radius:18px;align-items:center;gap:12px;margin-bottom:28px;padding:15px 16px;display:flex}.intro-icon{color:#17100b;background:#ff6b27;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}.intro-icon svg,.generate-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.intro-card strong{font-size:13px;display:block}.intro-card p{color:var(--muted);margin:3px 0 0;font-size:12px}.form-stack{flex-direction:column;display:flex}.field-label{letter-spacing:.08em;text-transform:uppercase;color:#d5d1c5;margin-bottom:9px;font:500 11px DM Mono,monospace}.company-label{margin-top:27px}.select-wrap{position:relative}.select-wrap select{appearance:none;border:1px solid var(--line);width:100%;color:var(--cream);background:#1a1b17;border-radius:14px;outline:none;padding:15px 44px 15px 15px}.select-wrap select:focus{border-color:#ff8b3d}.select-wrap svg{fill:none;stroke:#a9aa9f;stroke-width:2px;pointer-events:none;width:18px;position:absolute;top:17px;right:15px}.selected-person{background:#ffffff09;border-radius:13px;align-items:center;gap:10px;margin-top:9px;padding:9px 11px;display:flex}.selected-person>span{color:#ffb04b;background:#292a23;border-radius:10px;place-items:center;width:31px;height:31px;font:500 11px DM Mono,monospace;display:grid}.selected-person b,.selected-person small{display:block}.selected-person b{font-size:12px}.selected-person small{color:var(--muted);margin-top:1px;font-size:10px}.selected-person i{color:#ff9c48;margin-left:auto;font-size:13px;font-style:normal}.company-list{gap:9px;display:grid}.company-card{text-align:left;border:1px solid var(--line);width:100%;color:var(--cream);background:#ffffff09;border-radius:16px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.company-card:hover,.company-card.selected{border-color:var(--company-accent);background:linear-gradient(90deg,#ffffff14,#ffffff06);transform:translateY(-1px)}.company-logo{background:color-mix(in srgb,var(--company-accent) 20%,#1b1c18);border:1px solid color-mix(in srgb,var(--company-accent) 65%,transparent);width:40px;height:40px;color:var(--company-accent);border-radius:12px;flex:none;place-items:center;font:500 11px DM Mono,monospace;display:grid}.company-copy{min-width:0;display:block}.company-copy b,.company-copy small,.company-copy em{display:block}.company-copy b{font-size:13px}.company-copy small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11px;overflow:hidden}.company-copy em{color:var(--company-accent);margin-top:5px;font:10px DM Mono,monospace}.radio{color:#15130f;background:0 0;border:1px solid #66685e;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;margin-left:auto;font-size:11px;display:grid}.selected .radio{background:var(--company-accent);border-color:var(--company-accent)}.preview-strip{border:1px solid var(--line);background:#ffffff06;border-radius:17px;align-items:center;gap:13px;margin-top:25px;padding:12px;display:flex}.preview-art{border:2px solid var(--company-accent);width:57px;height:76px;color:var(--company-accent);background:linear-gradient(145deg,#27221d,#11120f);border-radius:8px;flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex}.preview-art span{font:500 9px DM Mono,monospace}.preview-art b{text-align:center;color:var(--cream);margin-top:8px;font-size:7px;line-height:1.15}.preview-art i{margin-top:8px;font:500 9px DM Mono,monospace}.preview-strip strong{margin-top:5px;font-size:13px;display:block}.preview-strip p{color:var(--muted);margin:3px 0 0;font-size:11px}.generate-button{color:#fff7ea;background:linear-gradient(100deg,#ff772c,#ed481f);border:0;border-radius:15px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:22px;padding:17px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 12px 30px #ec4b1e38}.generate-button:hover{transform:translateY(-2px);box-shadow:0 15px 35px #ec4b1e4d}.generate-button:disabled{opacity:.7;cursor:wait;transform:none}.generate-button span{margin-left:4px;font-size:21px;line-height:12px}.result-message{text-align:center;color:#ffbf75;margin-top:13px;font-size:12px}.safe-note{text-align:center;color:#7f8178;margin:13px 0 0;font-size:10px}.safe-note b{color:#bdb9ad;font-weight:600}footer{text-align:center;color:#64665e;letter-spacing:.04em;margin-top:35px;font:10px DM Mono,monospace}footer span{color:#ff7b35;margin:0 4px}.generation-status{text-align:center;color:#777a71;letter-spacing:.02em;min-height:14px;margin-top:9px;font:10px DM Mono,monospace}.generation-status.active{color:#ffb04b}@media (width<=480px){.app-shell{padding:18px 15px}.topbar{padding-top:5px}.topbar h1{font-size:23px}.intro-card{margin-bottom:24px}.company-copy small{max-width:220px}.preview-strip{align-items:flex-start}.preview-strip p{max-width:230px}}