:root{--ink:#18201f;--muted:#64706c;--line:#dfe7e2;--paper:#fbfcf8;--surface:#fff;--mint:#9fe0c2;--leaf:#237a59;--coral:#f27c68;--sun:#f2be4b;--sky:#7db7d8;--violet:#8f7bd8;--shadow:0 18px 60px #1e302b1f}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{background:linear-gradient(180deg, #9fe0c240, transparent 280px), linear-gradient(90deg, #f2be4b1a, transparent 46%, #7db7d81f), var(--paper);min-height:100vh}.nav{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbfcf8e6;border-bottom:1px solid #dfe7e2e0;justify-content:space-between;align-items:center;gap:18px;padding:14px clamp(18px,4vw,56px);display:flex;position:sticky;top:0}.brand{letter-spacing:0;align-items:center;gap:10px;font-weight:800;display:flex}.brand-mark{background:var(--ink);color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.nav-links{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.nav-links a,.ghost-button,.primary-button,.icon-button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;display:inline-flex}.nav-links a,.ghost-button{color:var(--muted);background:0 0}.nav-links a:hover,.ghost-button:hover{color:var(--ink);background:#eef5ef}.language-switch{border:1px solid var(--line);min-height:40px;color:var(--muted);background:#fff;border-radius:8px;align-items:center;gap:4px;padding:0 6px;display:inline-flex}.language-switch button{min-width:34px;min-height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px}.language-switch button.active{color:#fff;background:var(--ink)}.disabled-control,.disabled-control:hover{cursor:not-allowed;opacity:.58;color:var(--muted);background:0 0}.primary-button{color:#fff;background:var(--leaf);box-shadow:0 10px 24px #237a5938}.primary-button:hover{background:#1b684b}.icon-button{border:1px solid var(--line);background:#fff;width:40px;padding:0}.page{width:min(1180px,100% - 36px);margin:0 auto;padding:34px 0 64px}.workspace{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:stretch;gap:24px;display:grid}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe0;border-radius:8px}.intro{padding:clamp(24px,5vw,48px)}.eyebrow{color:var(--leaf);text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:780px;margin-bottom:18px;font-size:clamp(38px,7vw,76px);line-height:.96}h2{letter-spacing:0;margin-bottom:14px;font-size:clamp(26px,4vw,42px);line-height:1.05}h3{margin-bottom:10px;font-size:18px}.inline-title{align-items:center;gap:8px;display:inline-flex}.lead{max-width:640px;color:var(--muted);font-size:18px;line-height:1.7}.actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.demo-stage{background:linear-gradient(#7db7d82e,#0000 45%),linear-gradient(#0000 56%,#9fe0c26b),#f7fbf7;min-height:520px;position:relative;overflow:hidden}.island{background:#b9dcc8;border-radius:50%;height:96px;position:absolute;bottom:44px;left:10%;right:10%;box-shadow:inset 0 -18px #237a5929}.pet-demo{filter:drop-shadow(0 22px 18px #18201f2b);width:min(300px,70%);animation:2.8s ease-in-out infinite petFloat;position:absolute;bottom:102px;left:50%;transform:translate(-50%)}@keyframes petFloat{0%,to{transform:translate(-50%)rotate(-1deg)}50%{transform:translate(-50%,-12px)rotate(1deg)}}.demo-bubble{border:1px solid var(--line);max-width:260px;color:var(--muted);background:#fff;border-radius:8px;padding:14px 16px;position:absolute;top:24px;right:22px;box-shadow:0 12px 34px #1e302b1f}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.card{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:160px;padding:20px}.card p,.small{color:var(--muted);line-height:1.6}.package-preview{object-fit:contain;background:#eef5ef;border-radius:8px;width:100%;max-height:220px}.form{gap:14px;display:grid}.field{gap:7px;display:grid}.field span{color:var(--muted);font-size:13px}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fff;border-radius:8px;padding:10px 12px}.split{grid-template-columns:.9fr 1.1fr;gap:22px;display:grid}.status-list{gap:10px;margin-top:16px;display:grid}.status-row{border:1px solid var(--line);background:#fff;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.status-row>span:first-child{min-width:0}.integration-box{border:1px solid var(--line);background:#fff;border-radius:8px;gap:12px;padding:12px;display:grid}.compact-form{gap:10px}.compact-actions{margin-top:0}.inline-form{flex:260px;gap:8px;min-width:min(100%,260px);display:flex}.inline-form input{border:1px solid var(--line);width:100%;min-height:40px;color:var(--ink);background:#fff;border-radius:8px;padding:9px 11px}.admin-inline-input{border:1px solid var(--line);min-width:min(100%,180px);min-height:40px;color:var(--ink);background:#fff;border-radius:8px;flex:180px;padding:9px 11px}.compact-checkbox{color:var(--muted);align-items:center;gap:7px;font-size:13px;display:inline-flex}.pill{min-height:28px;color:var(--leaf);background:#eef5ef;border-radius:999px;align-items:center;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.warning{color:#9c3a2b;background:#f27c6814;border-color:#f27c6861}.success{color:var(--leaf);background:#9fe0c238;border-color:#237a5957}.policy-page{max-width:920px}.policy-page h1{max-width:880px}.policy-section{border:1px solid var(--line);background:#ffffffe0;border-radius:8px;margin-top:18px;padding:22px;box-shadow:0 10px 30px #1e302b0f}.policy-section h2{font-size:clamp(22px,3vw,30px)}.policy-section p:last-child{margin-bottom:0}.legal-footer{color:var(--muted);background:#f4f8f3;border-top:1px solid #dfe7e2e0;justify-content:space-between;align-items:flex-start;gap:24px;padding:28px clamp(18px,4vw,56px);display:flex}.legal-footer strong{color:var(--ink)}.legal-footer p{max-width:520px;margin:8px 0 0;line-height:1.6}.legal-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:8px 16px;display:flex}.legal-footer a:hover{color:var(--leaf)}@media (max-width:880px){.workspace,.split,.grid{grid-template-columns:1fr}.nav{flex-direction:column;align-items:flex-start}.demo-stage{min-height:420px}.legal-footer{flex-direction:column}.legal-footer nav{justify-content:flex-start}}