@font-face{font-family:Poppins;font-weight:600;font-style:normal;font-display:swap;src:url(fonts/Poppins-SemiBold.ttf) format("truetype")}
@font-face{font-family:Poppins;font-weight:700;font-style:normal;font-display:swap;src:url(fonts/Poppins-Bold.ttf) format("truetype")}
:root{--ink:#2D2A3E;--muted:#716B89;--accent:#6A4FD6;--deep:#5539C4;--light:#9B82F0;--main:#7A5FDD;--border:#E3DAF6;--chip:#F1ECFA;--pale:#F5F1FD;--bgTop:#FCF7FC;--bgBottom:#F7F1FB;--star:#FFD27A;--starLine:#E8A93A;--shadow:0 10px 30px rgba(106,79,214,.12);--shadowSm:0 4px 14px rgba(106,79,214,.10);--grad:linear-gradient(135deg,#9B82F0,#6A4FD6);--head:Poppins,-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);font:16.5px/1.65 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;overflow-wrap:break-word;
background:radial-gradient(520px 420px at 8% -4%,rgba(155,130,240,.28),transparent 70%),radial-gradient(560px 460px at 100% 14%,rgba(246,179,199,.32),transparent 70%),radial-gradient(640px 520px at 0% 62%,rgba(155,130,240,.16),transparent 70%),linear-gradient(180deg,var(--bgTop),var(--bgBottom));background-attachment:fixed;min-height:100vh}
a{color:var(--accent)}
h1,h2,h3{font-family:var(--head);font-weight:700;line-height:1.18;letter-spacing:-.01em;margin:0}
.top{position:sticky;top:0;z-index:10;background:rgba(252,247,252,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding-top:env(safe-area-inset-top)}
.nav{max-width:1080px;margin:0 auto;padding:12px max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:center;gap:12px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--head);font-weight:700;font-size:21px}
.brand svg{width:34px;height:34px;flex:none}
.links a{color:var(--muted);text-decoration:none;margin-left:20px;font-weight:600;font-size:15px}
.links a:hover{color:var(--accent)}
.star{width:18px;height:18px;vertical-align:-3px;flex:none}
.hero{padding:44px 0 28px}
.hero-in{max-width:1080px;margin:0 auto;padding:0 max(20px,env(safe-area-inset-left));display:grid;grid-template-columns:1fr;gap:28px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadowSm);border-radius:999px;padding:7px 16px;font-weight:600;font-size:14px;color:var(--deep)}
.hero h1{font-size:34px;margin:18px 0 14px}
.hero-txt p{font-size:18px;color:var(--muted);margin:0 0 26px;max-width:540px}
.btn{display:inline-block;background:var(--grad);color:#fff;font-family:var(--head);font-weight:600;font-size:16px;padding:15px 28px;border-radius:999px;box-shadow:0 10px 24px rgba(106,79,214,.32);text-decoration:none}
.btn[aria-disabled=true]{cursor:default;opacity:.92}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.badges span{background:#fff;border:1px solid var(--border);border-radius:999px;padding:6px 13px;font-size:13.5px;color:var(--muted);box-shadow:var(--shadowSm)}
.hero-img img,.row-img img{width:100%;height:auto;display:block;border-radius:26px;box-shadow:var(--shadow);background:#fff}
.wrap{max-width:1080px;margin:0 auto;padding:52px max(20px,env(safe-area-inset-left))}
.center{text-align:center}
h2{font-size:28px}
.sub{color:var(--muted);margin:10px auto 30px;max-width:620px}
.row{display:grid;grid-template-columns:1fr;gap:22px;align-items:center;margin:34px 0}
.kick{display:inline-block;background:var(--chip);color:var(--deep);font-weight:600;font-size:13px;border-radius:999px;padding:4px 12px;margin-bottom:10px}
.row-txt h2{font-size:25px;margin-bottom:10px}
.row-txt p{margin:0;color:var(--muted)}
.grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:26px}
.card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:22px;box-shadow:var(--shadowSm)}
.card h3{font-size:17px;margin-bottom:6px}
.card p{margin:0;color:var(--muted);font-size:15px}
.plans{display:grid;grid-template-columns:1fr;gap:16px;max-width:720px;margin:0 auto}
.plan{background:#fff;border:1px solid var(--border);border-radius:24px;padding:26px;box-shadow:var(--shadowSm)}
.plan.plus{border:2px solid var(--light);box-shadow:var(--shadow)}
.plan h3{font-size:22px}
.plan ul{margin:14px 0 0;padding-left:20px;color:var(--muted)}
.plan li{margin:4px 0}
.tag{display:inline-flex;align-items:center;gap:5px;font-family:system-ui,-apple-system,sans-serif;font-size:12px;font-weight:700;color:var(--deep);background:#FFF3D6;border:1px solid #F5DFA8;padding:3px 10px;border-radius:999px;margin-left:8px;vertical-align:middle}
.tag .star{width:13px;height:13px}
.private{background:var(--grad);color:#fff;border-radius:28px;padding:34px 26px;box-shadow:0 14px 36px rgba(106,79,214,.3)}
.private p{margin:12px 0 0;color:rgba(255,255,255,.92)}
.private a{color:#fff;font-weight:600}
main.doc{max-width:760px;margin:0 auto;padding:36px max(20px,env(safe-area-inset-left)) calc(64px + env(safe-area-inset-bottom))}
.doc h1{font-size:32px;margin-bottom:8px}
.doc .updated{color:var(--muted);margin:0 0 26px}
.doc h2{font-size:21px;margin:38px 0 10px}
.doc p,.doc li{color:#3b3750}
.doc ul{padding-left:22px}
.callout{background:#fff;border:1px solid var(--border);border-left:5px solid var(--light);border-radius:18px;padding:16px 20px;margin:22px 0;box-shadow:var(--shadowSm)}
table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadowSm);margin:16px 0;font-size:15px}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:top}
tr:last-child td{border-bottom:0}
th{background:var(--pale);color:var(--muted);font-weight:600;font-size:13.5px}
details{background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px 18px;margin:10px 0;box-shadow:var(--shadowSm)}
summary{font-weight:600;cursor:pointer}
details p{margin:10px 0 0}
mark.todo{background:#FFF3D6;color:#8a5a00;border-radius:6px;padding:1px 6px;font-weight:600}
.foot{border-top:1px solid var(--border);background:rgba(255,255,255,.6);color:var(--muted);font-size:14px;padding-bottom:env(safe-area-inset-bottom)}
.foot-in{max-width:1080px;margin:0 auto;padding:24px max(20px,env(safe-area-inset-left));display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.foot a{color:var(--muted);margin-left:16px}
.foot .links a:first-child{margin-left:0}
@media(min-width:760px){
body{font-size:17px}
.hero{padding:70px 0 40px}
.hero-in{grid-template-columns:.9fr 1.1fr;gap:40px}
.hero h1{font-size:46px}
h2{font-size:34px}
.row{grid-template-columns:1fr 1fr;gap:44px;margin:56px 0}
.row.flip .row-img{order:2}
.row-txt h2{font-size:30px}
.grid{grid-template-columns:repeat(3,1fr)}
.plans{grid-template-columns:1fr 1fr}
.private{padding:44px}
.doc h1{font-size:38px}
}
@media(max-width:430px){.links a{margin-left:11px;font-size:13.5px}.brand{font-size:17px;gap:8px}.brand svg{width:30px;height:30px}.foot a{margin-left:12px}th,td{padding:10px}}