:root{--bg:#f5faf9;--card:#fff;--text:#102a2a;--muted:#657a78;--p:#0f766e;--p2:#14b8a6;--line:#dceae8;--shadow:0 20px 60px rgba(15,118,110,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Prompt,system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.65}a{text-decoration:none;color:inherit}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(15,118,110,.08)}.nav{height:76px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand>b{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;font-size:24px;box-shadow:0 8px 22px rgba(15,118,110,.24)}.brand strong,.brand small{display:block;line-height:1.1}.brand strong{font-size:20px}.brand small{font-size:9px;letter-spacing:.16em;color:var(--muted);margin-top:5px}nav{display:flex;gap:24px;font-size:14px;color:#35504f}.line{background:#06c755;color:#fff;padding:10px 16px;border-radius:13px;font-size:14px;font-weight:600}.hero{padding:88px 0 70px;background:radial-gradient(circle at 80% 10%,rgba(20,184,166,.18),transparent 32%),linear-gradient(#fff,#f5fbfa)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}.tag{display:inline-block;background:#e7f6f3;color:var(--p);padding:7px 11px;border-radius:99px;font-size:12px;font-weight:700;letter-spacing:.1em}h1{font-size:clamp(42px,6vw,70px);line-height:1.08;margin:18px 0 22px;letter-spacing:-.03em}h1 em{font-style:normal;color:var(--p)}.hero p{font-size:18px;color:#506766}.chips{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px;font-weight:500}.code{background:#0b2523;color:#c7f7f0;border-radius:26px;box-shadow:var(--shadow);overflow:hidden;transform:rotate(1deg)}.code i{display:block;height:44px;border-bottom:1px solid rgba(255,255,255,.08)}.code pre{margin:0;padding:28px;font:14px/1.8 ui-monospace,monospace;white-space:pre-wrap}.gen{padding:30px 0 90px}.card{background:#fff;border:1px solid #e0eeec;border-radius:28px;padding:38px;box-shadow:var(--shadow)}h2{font-size:36px;line-height:1.25;margin:12px 0 7px}.muted{margin-top:0;color:var(--muted)}form{margin-top:27px}form>label{display:block;font-weight:600;margin-bottom:8px}.input-row{display:grid;grid-template-columns:1fr auto;gap:12px}input[type=url],select{width:100%;border:1px solid #cbdedb;background:#fff;border-radius:14px;padding:15px 16px;font:400 15px Prompt;outline:none}input:focus,select:focus{border-color:var(--p);box-shadow:0 0 0 4px rgba(15,118,110,.08)}button{border:0;border-radius:14px;padding:12px 20px;font:600 14px Prompt;cursor:pointer;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;box-shadow:0 10px 24px rgba(15,118,110,.18)}button:hover{transform:translateY(-1px)}button:disabled{opacity:.65;cursor:wait}.opts{display:flex;gap:24px;align-items:end;flex-wrap:wrap;margin-top:18px}.opts label{font-size:13px;color:#506765}.opts select{margin-top:6px;padding:9px 12px}.check{display:flex;align-items:center;gap:8px;padding-bottom:8px}.check input{accent-color:var(--p);width:18px;height:18px}.status{display:flex;gap:14px;align-items:center;margin-top:24px;padding:17px;border-radius:15px;background:#eff9f7;border:1px solid #d7ece8}.status small{display:block;color:var(--muted)}.spin{width:27px;height:27px;border:3px solid #c8e6e1;border-top-color:var(--p);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.error{margin-top:24px;background:#fff1f0;border:1px solid #ffd1cc;color:#b42318;padding:14px 16px;border-radius:14px}.result{margin-top:25px;border-top:1px solid var(--line);padding-top:23px}.result-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.result-top h3{margin:0}.result-top>div{display:flex;gap:9px}.ghost{background:#eaf5f4;color:var(--p);box-shadow:none}textarea{width:100%;height:320px;margin-top:18px;border:0;border-radius:16px;padding:20px;resize:vertical;background:#0b2523;color:#c8f6ef;font:13px/1.7 ui-monospace,monospace}.how{padding:85px 0;background:#fff}.center{text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}.steps article{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fbfefd}.steps article>b{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e8f6f4;color:var(--p)}.steps h3{margin:17px 0 6px}.steps p{margin:0;color:var(--muted);font-size:14px}.tips{padding:82px 0}.tip-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.tips p{color:var(--muted)}.tipbox{background:#0d3733;color:#fff;padding:28px;border-radius:24px;box-shadow:var(--shadow)}.tipbox ul{padding-left:22px;color:#d8eeeb}.tipbox li+li{margin-top:10px}footer{background:#081c1b;color:#d7e6e4;padding:56px 0 26px}.foot{display:grid;grid-template-columns:1fr .6fr 1.1fr;gap:36px}.foot h3{color:#fff;margin-top:0}.foot p{font-size:13px;color:#9fb5b2;margin:8px 0}.copyright{border-top:1px solid rgba(255,255,255,.08);margin-top:36px;padding-top:20px;color:#7f9996;font-size:11px}@media(max-width:800px){nav,.line{display:none}.nav{height:68px}.hero{padding:58px 0 44px}.hero-grid,.tip-grid,.foot{grid-template-columns:1fr}.hero-grid{gap:30px}.code{transform:none}.card{padding:24px}.input-row{grid-template-columns:1fr}.input-row button{width:100%}.steps{grid-template-columns:1fr}.result-top{align-items:flex-start;flex-direction:column}.result-top>div{width:100%;flex-wrap:wrap}.result-top button{flex:1}h1{font-size:44px}h2{font-size:30px}}