:root{--ink:#14213d;--mut:#5b6678;--blue:#3358ff;--blued:#2443d6;--mint:#dff3ea;--mintd:#1f6b4f;--peach:#fde6dc;--line:#e4e8f0;--bg:#fbfcff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:400 1.0625rem/1.6 "Plus Jakarta Sans",system-ui,sans-serif;color:var(--ink);background:var(--bg)}
h1,h2,h3{letter-spacing:-.035em;line-height:1.08;margin:0 0 .5em;font-weight:500}h1{font-size:clamp(2.6rem,6vw,4.4rem)}h2{font-size:clamp(1.9rem,3.5vw,2.7rem)}h3{font-size:1.3rem;font-weight:600;letter-spacing:-.02em}
a{color:var(--blued)}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:20}
.wrap{max-width:1200px;margin:0 auto;padding:4rem 1.5rem}
.top{position:sticky;top:12px;z-index:10;max-width:1200px;margin:12px auto 0;padding:0 12px}
.pill{display:flex;align-items:center;gap:1.5rem;background:#fff;border:1px solid var(--line);border-radius:20px;padding:.7rem .8rem .7rem 1.4rem;box-shadow:0 6px 24px rgba(20,33,61,.07)}
.logo{display:flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.45rem;letter-spacing:-.04em;color:var(--ink);text-decoration:none}.logo i{width:30px;height:30px;border-radius:8px;background:var(--blue);position:relative}.logo i:after{content:"";position:absolute;left:9px;top:6px;width:7px;height:13px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(40deg)}
.pill nav{margin-left:auto}.pill ul{display:flex;gap:1.4rem;list-style:none;margin:0;padding:0;font-size:.95rem}.pill nav a{color:var(--ink);text-decoration:none}.pill nav a:hover,.pill nav a[aria-current]{color:var(--blue)}
.login{font-size:.95rem;color:var(--ink);text-decoration:none}.menu{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:10px;padding:.5rem .9rem;font:inherit}
.btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--blue);color:#fff;padding:.9rem 1.6rem;border-radius:14px;font-weight:600;text-decoration:none;border:0;cursor:pointer;font:600 1rem inherit;font-family:inherit;box-shadow:0 8px 20px rgba(51,88,255,.28)}.btn:hover{background:var(--blued)}.btn.sm{padding:.7rem 1.3rem;border-radius:12px}.btn.plain{background:none;color:var(--ink);box-shadow:none;padding-left:.4rem}.btn.plain:hover{background:none;color:var(--blue)}
.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:center;padding-top:3rem}.badge{display:inline-flex;gap:.5rem;align-items:center;background:var(--mint);color:var(--mintd);font-size:.85rem;padding:.4rem .9rem;border-radius:99px}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mintd)}
.hero h1{margin-top:1.2rem}.hero h1 em{font-style:normal;color:var(--blue)}.lead{font-size:1.2rem;color:var(--ink);max-width:30em}.acts{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin:1.8rem 0 1rem}.fine{font-size:.9rem;color:var(--mut)}
.stage{position:relative;padding:1.2rem}.stage:before{content:"";position:absolute;inset:0 0 2rem 2rem;background:var(--mint);border-radius:46px 120px 60px 80px;z-index:0}.stage:after{content:"";position:absolute;right:-20px;bottom:10px;width:150px;height:150px;border-radius:50%;background:var(--peach);z-index:0}
.app{position:relative;z-index:1;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 50px rgba(20,33,61,.12);overflow:hidden}
.apph{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.3rem;border-bottom:1px solid var(--line)}.apph small{color:var(--mut);display:block;font-size:.8rem}.ex{font-size:.72rem;background:#f1f3f8;color:var(--mut);padding:.25rem .6rem;border-radius:8px}
[role=tablist]{display:flex;gap:1.5rem;padding:0 1.3rem;border-bottom:1px solid var(--line)}[role=tab]{background:none;border:0;border-bottom:2px solid transparent;padding:.8rem 0;font:inherit;font-size:.9rem;color:var(--mut);cursor:pointer}[role=tab][aria-selected=true]{color:var(--blue);border-color:var(--blue)}
[role=tabpanel]{background:#f5f7fb;padding:1.3rem;min-height:300px}.doc{background:#fff;border:1px solid var(--line);border-radius:10px;padding:1.2rem 1.4rem;font-size:.85rem;max-width:88%}.doc h4{margin:0;font-size:1.25rem;font-weight:500;letter-spacing:-.02em}.doc small{color:var(--mut)}.doc b{display:block;font-size:.65rem;letter-spacing:.08em;color:var(--blue);margin:.9rem 0 .2rem}.doc ul{margin:.3rem 0;padding-left:1.1rem}
.note{position:absolute;z-index:2;right:0;bottom:3.2rem;width:260px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1rem;box-shadow:0 14px 34px rgba(20,33,61,.16);font-size:.82rem}.note q{display:block;background:#eef2ff;border-left:3px solid var(--blue);padding:.6rem;margin:.6rem 0;quotes:none}.note .btn{width:100%;justify-content:center;padding:.6rem;font-size:.85rem;border-radius:10px}
.appf{display:flex;justify-content:space-between;padding:.9rem 1.3rem;border-top:1px solid var(--line);font-size:.82rem;color:var(--mut)}
.sec{text-align:center;max-width:40em;margin:0 auto 2.5rem}.sec p{color:var(--mut)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}
.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.6rem;display:flex;flex-direction:column}.card.rec{border:2px solid var(--blue);box-shadow:0 14px 36px rgba(51,88,255,.14)}.card ul{padding-left:1.1rem;flex:1;color:var(--mut);font-size:.95rem}.price{font-size:2.3rem;font-weight:600;letter-spacing:-.04em;margin:.2rem 0}.for{font-size:.9rem;color:var(--mut);min-height:3.2em}.tag{background:var(--mint);color:var(--mintd);font-size:.75rem;padding:.2rem .7rem;border-radius:99px;align-self:flex-start;margin:0 0 .6rem}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;list-style:none;padding:0;counter-reset:s}.steps li{counter-increment:s}.steps li:before{content:counter(s);display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--mint);color:var(--mintd);font-weight:700;margin-bottom:.8rem}
details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1rem 1.3rem;margin:.7rem auto;max-width:760px}summary{cursor:pointer;font-weight:600}details p{color:var(--mut);margin:.6rem 0 0}
.band{background:var(--ink);color:#fff;border-radius:32px;text-align:center;padding:3.5rem 1.5rem}.band p{color:#c9d1e6}
.ft{border-top:1px solid var(--line);margin-top:3rem}.ft ul{list-style:none;padding:0;margin:.6rem 0 0}.ft a{color:var(--mut);text-decoration:none}.ft a:hover{color:var(--blue)}.fg{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:2rem;padding:3rem 1.5rem 1rem;max-width:1200px;margin:0 auto;font-size:.95rem}.copy{max-width:1200px;margin:0 auto;padding:0 1.5rem 2rem;font-size:.85rem;color:var(--mut)}
@media(max-width:960px){.menu{display:block}.pill nav{display:none;position:absolute;top:calc(100% + 8px);left:12px;right:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem 1.4rem}.pill nav.open{display:block}.pill ul{flex-direction:column;gap:.8rem}.login,.pill>.btn{display:none}.hero{grid-template-columns:1fr}.note{position:relative;width:auto;margin:-2rem 0 0 1rem;bottom:auto}.fg{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.bc ol{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;font-size:.88rem;color:var(--mut)}.bc li+li:before{content:"/";margin-right:.4rem}.bc a{color:var(--mut)}
.ph{padding-bottom:1rem}.ph h1{font-size:clamp(2.2rem,5vw,3.6rem);margin-top:1.2rem;max-width:16em}.ph .lead{color:var(--mut)}
.body{display:grid;grid-template-columns:1.6fr 1fr;gap:3rem;padding-top:1rem}.body h2{font-size:1.6rem;margin-top:2rem}.body li{margin:.35rem 0}.side{position:sticky;top:100px;align-self:start}
.list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;list-style:none;padding:0}.list a{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.1rem 1.3rem;text-decoration:none;color:var(--ink);font-weight:600}.list a:hover{border-color:var(--blue)}.list span{display:block;background:#f1f3f8;border-radius:16px;padding:1.1rem 1.3rem;color:var(--mut)}.list small{font-weight:400;color:var(--mut);display:block}
@media(max-width:960px){.body{grid-template-columns:1fr}.side{position:static}}
label{display:block;font-weight:600;margin:1.1rem 0 .35rem}input,select,textarea{width:100%;padding:.85rem 1rem;border:1px solid #9aa6b8;border-radius:12px;font:inherit;background:#fff}.formc{max-width:640px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:2rem}.info{background:#eef2ff;border-radius:12px;padding:.9rem 1rem;font-size:.92rem}.err{color:#b3261e}
.tw{overflow-x:auto}table{border-collapse:collapse;width:100%;background:#fff}th,td{border:1px solid var(--line);padding:.8rem 1rem;text-align:left;vertical-align:top}thead th{background:#f1f3f8}
mark{background:#fff3c4;color:var(--ink);padding:0 .25em;border-radius:4px}
.steps2{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0 0 1.5rem;font-size:.85rem}.steps2 li{background:#f1f3f8;border-radius:99px;padding:.3rem .8rem;color:var(--mut)}.steps2 li[aria-current]{background:var(--blue);color:#fff}
input:disabled,button:disabled{opacity:.55;cursor:not-allowed}.drop{border:2px dashed #9aa6b8;border-radius:16px;padding:1.5rem;text-align:center}
.till{max-width:420px;width:100%;border-radius:20px;display:block;margin:1rem 0}.pay{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.frame{width:100%;min-height:1300px;border:1px solid var(--line);border-radius:16px;background:#fff}.amt{font-size:2rem;font-weight:600;letter-spacing:-.03em}
@media(max-width:960px){.pay{grid-template-columns:1fr}}