:root{--bg:#080b10;--panel:#10151d;--panel2:#141a24;--line:#252d3a;--text:#f5f7fb;--muted:#8d98aa;--blue:#71a7ff;--cyan:#74e7d5;--red:#ff7d85;--sans:"DM Sans",sans-serif;--mono:"JetBrains Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh;overflow-x:hidden}.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(120px);opacity:.09}.ambient-one{width:520px;height:520px;background:#377dff;right:-180px;top:-130px}.ambient-two{width:380px;height:380px;background:#4de2ca;left:-220px;bottom:0}.topbar{height:72px;border-bottom:1px solid #1b212b;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);position:relative;z-index:2}.brand{display:flex;gap:13px;align-items:center;color:#fff;text-decoration:none;font-weight:700;font-size:18px;letter-spacing:-.03em}.brand-muted{color:#8c97a7;font-weight:500}.brand-mark{width:25px;height:25px;display:grid;grid-template-columns:1fr 1fr;gap:2px;transform:rotate(4deg)}.brand-mark i{background:#62a2ff}.brand-mark i:nth-child(2){background:#76d4ff}.brand-mark i:nth-child(3){background:#4d77df}.brand-mark i:nth-child(4){background:#69dcc8}.status{font:11px var(--mono);text-transform:uppercase;letter-spacing:.09em;color:#919bad}.status-dot{width:7px;height:7px;background:#63e6bf;display:inline-block;border-radius:50%;margin-right:8px;box-shadow:0 0 10px #63e6bf}.shell{max-width:1200px;margin:0 auto;padding:72px 32px 100px;display:grid;grid-template-columns:.88fr 1.12fr;gap:80px;align-items:start}.intro{position:sticky;top:72px;padding-top:15px}.eyebrow{font:11px var(--mono);color:var(--blue);letter-spacing:.14em;display:flex;align-items:center;gap:14px}.eyebrow:before{content:"";width:30px;height:1px;background:var(--blue)}.eyebrow b{color:#4b5567;font-weight:400;margin-left:auto}.intro h1{font-size:clamp(46px,5.3vw,72px);line-height:.98;letter-spacing:-.065em;margin:30px 0 28px;font-weight:600}.intro h1 em{font-style:normal;color:#8aaeff}.intro>p{color:#9aa5b6;line-height:1.75;font-size:15px;max-width:480px}.intro code{font:12px var(--mono);color:#c4d7ff}.flow{display:flex;align-items:center;margin-top:55px}.flow-item b{display:flex;width:30px;height:30px;border:1px solid #333c4a;align-items:center;justify-content:center;font:10px var(--mono);color:#7c8798;margin-bottom:9px}.flow-item.active b{border-color:#648fe7;background:#172541;color:#9fc1ff}.flow-item span{font-size:10px;color:#788395;text-transform:uppercase;white-space:nowrap;letter-spacing:.05em}.flow>i{width:42px;height:1px;background:#29313d;margin:0 12px 24px}.panel,.results{background:linear-gradient(145deg,rgba(18,24,33,.98),rgba(12,16,23,.98));border:1px solid var(--line);padding:34px;box-shadow:0 24px 80px rgba(0,0,0,.32)}.panel-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:32px}.step-label,.output-head span{font:10px var(--mono);color:#6d7890;letter-spacing:.13em}.panel h2{font-size:24px;margin:7px 0 0;letter-spacing:-.04em}.secure-tag,.device-pill{font:10px var(--mono);color:#74d9c6;border:1px solid #28574e;background:#102a26;padding:7px 9px;text-transform:uppercase;letter-spacing:.05em}label{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin:22px 0 9px}label span{font:9px var(--mono);font-weight:400;color:#697485;text-transform:uppercase}.textarea-wrap{position:relative}textarea,input{width:100%;background:#090d13;border:1px solid #2b3442;color:#e8edf5;border-radius:0;outline:none;transition:border .2s,box-shadow .2s}textarea{resize:vertical;min-height:150px;padding:17px 60px 17px 17px;font:12px/1.65 var(--mono)}input{height:49px;padding:0 16px 0 46px;font:12px var(--mono)}textarea:focus,input:focus{border-color:#6798ef;box-shadow:0 0 0 3px rgba(76,128,221,.12)}textarea.invalid,input.invalid{border-color:var(--red)}.clear-button{position:absolute;right:9px;top:9px;background:#181e28;color:#7f8998;border:1px solid #29313c;font:9px var(--mono);padding:6px 8px;cursor:pointer}.input-wrap{position:relative}.device-icon{position:absolute;left:17px;top:14px;color:#81aaff;z-index:1}.field-error{color:#ff9298;font-size:11px;margin:5px 0 0;min-height:3px}.privacy-note{display:flex;gap:12px;background:#0d1820;border-left:2px solid #5e9fff;padding:13px 15px;margin:24px 0;color:#8d9bad}.privacy-note>span{color:#79aaff}.privacy-note p{font-size:11px;line-height:1.55;margin:0}.privacy-note strong{color:#b9c8dc;font-weight:600}.primary-button,.secondary-button{border:0;cursor:pointer;font-family:var(--sans);font-weight:600}.primary-button{width:100%;height:54px;background:#e7ecf5;color:#0b1018;display:flex;align-items:center;justify-content:center;position:relative;transition:.2s}.primary-button:hover{background:#fff;transform:translateY(-1px)}.primary-button:disabled{opacity:.7;cursor:wait}.primary-button .arrow{position:absolute;right:19px;font-size:18px}.spinner{display:none;width:17px;height:17px;border:2px solid #89909a;border-top-color:#10151d;border-radius:50%;animation:spin .7s linear infinite;margin-right:10px}.loading .spinner{display:inline-block}.loading .button-text:after{content:"…"}.results{margin-top:20px;padding:22px;animation:enter .4s ease both}.results[hidden],.alert[hidden]{display:none}.success-banner{display:flex;align-items:center;gap:13px;padding:5px 4px 20px;border-bottom:1px solid var(--line)}.success-banner .check{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#153b32;color:#72e2c5}.success-banner div{display:flex;flex-direction:column}.success-banner b{font-size:14px}.success-banner small{color:#7d899a;font-size:10px;margin-top:3px}.device-pill{margin-left:auto}.user-card{display:flex;align-items:center;padding:20px 0;gap:12px}.avatar{width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(135deg,#456fba,#57a99e);font-size:12px;font-weight:700}.user-card>div:nth-child(2){display:flex;flex-direction:column}.user-card small{font:8px var(--mono);letter-spacing:.11em;color:#6d7889}.user-card strong{font-size:14px;margin-top:3px}.user-card span{font-size:11px;color:#8490a1}.tenant{margin-left:auto!important;font:8px var(--mono);color:#667184;max-width:160px;text-align:right}.output-card{border:1px solid #293240;background:#090d13;margin-bottom:14px}.output-card.accent{border-color:#345b65}.output-head{height:49px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #252c37}.output-head div{display:flex;flex-direction:column;gap:3px}.output-head small{font:9px var(--mono);color:#8d9aac}.copy-button{background:#161d27;border:1px solid #2d3847;color:#aab6c6;padding:7px 11px;font:10px var(--mono);cursor:pointer}.copy-button.copied{color:#72dfc2;border-color:#356d60}.output-card pre{white-space:pre-wrap;word-break:break-all;max-height:145px;overflow:auto;margin:0;padding:15px;font:10px/1.7 var(--mono);color:#aab7ca}.secondary-button{width:100%;padding:13px;background:transparent;color:#8995a6;border:1px solid #2a3340;font-size:12px}.alert{background:#29151a;border:1px solid #67333c;color:#ffadb2;padding:14px 17px;margin-top:18px;font-size:12px;line-height:1.5}footer{border-top:1px solid #1b212b;color:#566172;display:flex;justify-content:space-between;padding:22px clamp(24px,5vw,80px);font:9px var(--mono);text-transform:uppercase;letter-spacing:.06em}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:850px){.shell{grid-template-columns:1fr;gap:45px;padding-top:48px}.intro{position:static}.intro h1{font-size:52px}.flow{margin-top:35px}.workspace{max-width:650px;width:100%}}@media(max-width:540px){.topbar{height:62px;padding:0 18px}.status{font-size:0}.status-dot{margin:0}.shell{padding:38px 16px 70px}.intro h1{font-size:42px}.intro>p{font-size:14px}.flow>i{width:18px;margin-left:7px;margin-right:7px}.flow-item span{font-size:8px}.panel,.results{padding:21px}.panel-head{display:block}.secure-tag{display:inline-block;margin-top:14px}.tenant{display:none}footer{display:block;line-height:1.8;padding:20px 18px}footer span{display:block}.device-pill{display:none}}