:root{--paper:#f7f5ee;--ink:#172d30;--muted:#5b6b6d;--line:#d7dcd5;--accent:#d7472e;--light:#fffdf7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;line-height:1.7;word-break:keep-all;overflow-wrap:anywhere}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.wrap{max-width:1160px;margin:auto;padding:0 32px}.topbar{border-bottom:1px solid var(--line)}.nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:22px;padding-bottom:22px}.brand{font-weight:900;letter-spacing:-.7px;font-size:21px}.brand b{color:var(--accent)}.navlinks{display:flex;gap:24px;font-size:14px;font-weight:700}.navlinks [aria-current=page]{color:var(--accent)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--accent);text-transform:uppercase}.hero{padding:80px 0 70px;display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center}h1{font-size:clamp(36px,4.9vw,64px);letter-spacing:-3px;line-height:1.2;margin:18px 0 26px;font-weight:900}h1 em{color:var(--accent);font-style:normal}h2{font-size:30px;letter-spacing:-1.2px;line-height:1.35;margin:10px 0 24px}h3{line-height:1.45;letter-spacing:-.6px}.lead{font-size:17px;color:var(--muted)}.problems{padding:0;list-style:none;margin:24px 0 30px;color:var(--muted);font-size:15px}.problems li{margin:9px 0;padding-left:18px;position:relative}.problems li:before{content:"/";position:absolute;left:0;color:var(--accent);font-weight:bold}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:4px;padding:12px 20px;font-weight:700;font-size:14px;cursor:pointer}.button:hover{background:#30484b}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button.accent{background:var(--accent);border-color:var(--accent)}.tiny{font-size:12px;color:var(--muted)}.sample{background:var(--ink);color:var(--paper);padding:32px;border-radius:5px;box-shadow:12px 12px 0 #e5e4d9}.sample .eyebrow{color:#ff9c84}.sample h3{font-size:25px;margin:24px 0}.sample-head{display:flex;justify-content:space-between;gap:15px;font-size:12px;letter-spacing:1px}.sample ol{padding-left:22px;color:#d8e3df;font-size:14px}.sample li{padding:8px 0}.sample-foot{border-top:1px solid #4c6060;padding-top:18px;display:flex;gap:15px;font-size:12px;color:#d8e3df}.band{background:#eaece3;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.band-row{display:grid;grid-template-columns:repeat(3,1fr);padding:23px 0;gap:24px}.band-row strong{font-size:20px;display:block}.band-row span{font-size:12px;color:var(--muted)}section.section{padding:70px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-head h2{margin-bottom:0}.section-head p{max-width:440px;color:var(--muted);font-size:14px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.info,.theme,.plan,.catalog-card{border:1px solid var(--line);padding:26px;background:var(--light);border-radius:5px}.info h3{margin-top:8px}.info p,.theme li,.plan p{font-size:14px;color:var(--muted)}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.theme h3{margin:0 0 18px}.theme ul{list-style:none;padding:0;margin:0}.theme li{padding:11px 0;border-top:1px solid var(--line);display:flex;gap:9px}.lock{font-size:10px;white-space:nowrap;color:#697778;padding-top:3px}.notice{padding:18px 22px;background:#ebece5;border-left:3px solid var(--ink);font-size:13px;color:var(--muted);margin:24px 0}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{display:flex;flex-direction:column;position:relative}.plan.featured{border:2px solid var(--accent)}.plan .label{font-size:12px;font-weight:700;color:var(--accent)}.plan h3{font-size:22px;margin:12px 0 0}.price{font-size:34px;letter-spacing:-1.3px;font-weight:900;margin:12px 0}.plan .ids{font-size:12px;line-height:1.8;margin:20px 0;color:var(--muted)}.plan .button{margin-top:auto}.free-banner{margin-top:24px;padding:26px 30px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:5px}.free-banner p{margin:4px 0;color:#d8e3df;font-size:14px}.free-banner .button{background:var(--paper);color:var(--ink);white-space:nowrap}.policy p{font-size:14px;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{font-weight:700;cursor:pointer;list-style-position:outside;margin-left:20px}details p{margin-left:20px;color:var(--muted);font-size:14px;max-width:800px}.footer{padding:30px 0 45px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.page-head{padding:60px 0 35px}.page-head h1{font-size:44px;letter-spacing:-2px}.toolbar{display:grid;grid-template-columns:1fr 250px;gap:14px;padding:20px 0}.field label{font-size:12px;font-weight:700;display:block;margin-bottom:6px}.field input,.field select{width:100%;min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:4px;background:var(--light);color:var(--ink)}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:60px}.catalog-card{display:flex;flex-direction:column;min-width:0}.card-meta{font-size:11px;color:var(--accent);font-weight:700;letter-spacing:.5px}.catalog-card h2{font-size:20px;letter-spacing:-.6px;margin:16px 0}.counts{font-size:12px;background:#eef0e9;padding:12px;border-radius:3px}.counts span{display:block}.preview{font-size:13px;color:var(--muted);padding:15px 0 20px}.preview p{margin:8px 0}.preview .preview-label{font-size:11px;font-weight:700;color:var(--ink)}.catalog-card .button{margin-top:auto}.countline{font-size:13px;color:var(--muted);margin:0 0 22px}.empty{padding:30px;border:1px dashed var(--line)}.article{max-width:820px;margin:0 auto;padding:20px 32px 60px}.article .doc{background:var(--light);border:1px solid var(--line);padding:36px;border-radius:5px}.doc h1{font-size:30px;letter-spacing:-1.2px}.doc h2{font-size:22px;margin-top:35px}.doc p,.doc li{font-size:15px}.doc code{font-size:12px;white-space:normal;overflow-wrap:anywhere;background:#eff0e8;padding:2px 4px}.doc ul{padding-left:22px}.doc li{margin:10px 0}.doc .checklist{list-style:none;padding:0}.doc .checklist li{display:flex;gap:12px;border-bottom:1px solid var(--line);padding:12px 0;margin:0}.doc .checklist input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--accent);margin-top:5px}.doc .checklist label{cursor:pointer}.doc .checklist input:checked+label{text-decoration:line-through;color:var(--muted)}.free-intro{max-width:820px}.error{color:#a02717;background:#fff0ea;padding:16px;border:1px solid #e4b2a7}dialog{max-width:min(480px,calc(100vw - 32px));border:1px solid var(--line);border-radius:7px;padding:28px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#172d30aa}dialog p{font-size:14px}dialog code{font-size:12px;overflow-wrap:anywhere}
@media(max-width:900px){.hero{gap:32px}.theme-grid,.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.plans{gap:12px}.plan{padding:20px}.price{font-size:29px}}
@media(max-width:620px){.wrap{padding-left:22px;padding-right:22px}.nav{align-items:flex-start;gap:12px}.brand{font-size:17px}.navlinks{gap:12px;font-size:12px;flex-wrap:wrap;justify-content:flex-end}.hero{grid-template-columns:1fr;padding:45px 0;gap:35px}h1{letter-spacing:-1.8px}.sample{padding:25px;box-shadow:7px 7px 0 #e5e4d9}.band-row{gap:12px}.band-row strong{font-size:16px}.band-row span{font-size:11px}.columns,.theme-grid,.plans,.catalog{grid-template-columns:1fr}section.section{padding:45px 0}.section-head{display:block}.section-head p{margin-top:18px}.free-banner{align-items:flex-start;flex-direction:column;padding:25px}.toolbar{grid-template-columns:1fr}.page-head{padding:40px 0 20px}.page-head h1{font-size:34px}.article{padding:10px 22px 40px}.article .doc{padding:22px}.doc h1{font-size:25px}.footer{flex-direction:column;gap:6px}.price{font-size:34px}}
.free-intro{padding-left:32px;padding-right:32px}
@media(max-width:620px){.free-intro{padding-left:22px;padding-right:22px}}