:root{--accent:#ce5c0a;--bg:#fff9f1;--ink:#41271c;--button:#ffffff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.85 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer}img{max-width:100%}header{border-bottom:1px solid color-mix(in srgb,var(--ink) 15%,transparent);padding:18px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--bg)}.brand img{width:155px;display:block}nav{display:flex;gap:20px;flex-wrap:wrap}nav a[aria-current=page]{color:var(--accent);font-weight:800}.menu{display:none}main{max-width:1180px;margin:auto;padding:55px 28px 85px}h1{font-size:clamp(34px,5.4vw,70px);line-height:1.16;letter-spacing:-.035em;margin:15px 0 24px}h2{font-size:30px;line-height:1.35}h3{line-height:1.5}p{max-width:75ch}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;font-size:13px;font-weight:800}.lead{font-size:19px;opacity:.85}.btn{display:inline-block;background:var(--accent);color:var(--button);padding:12px 25px;border-radius:8px;font-weight:750;border:1px solid transparent;margin:5px 8px 5px 0}.btn.secondary{background:transparent;color:var(--ink);border-color:var(--accent)}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:55px;margin-bottom:65px}.visual{padding:30px;border-radius:26px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 35%,var(--bg)));min-height:310px;color:var(--button);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.visual:after{content:'';width:230px;height:230px;border:40px solid #ffffff25;border-radius:50%;position:absolute;right:-65px;top:-65px}.visual strong{font-size:48px;letter-spacing:-.06em}.visual span{display:block;border-bottom:1px solid #ffffff40;padding:14px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{padding:27px;border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);border-radius:18px;background:color-mix(in srgb,var(--bg) 95%,var(--accent));position:relative}.card .num{font-size:12px;color:var(--accent);font-weight:800}.card p{font-size:15px;opacity:.8}.card h3{margin:12px 0}.section{margin-top:65px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:25px}.callout{padding:35px;border-left:5px solid var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--bg));margin:35px 0}.steps{counter-reset:s;display:grid;gap:18px}.step{padding:22px 25px;border-bottom:1px solid color-mix(in srgb,var(--ink) 16%,transparent)}.step h3:before{counter-increment:s;content:'0' counter(s) ' / ';color:var(--accent)}.page-head{max-width:850px;margin-bottom:45px}.page-head h1{font-size:clamp(32px,5vw,54px)}.content{max-width:820px}.article-layout{display:grid;grid-template-columns:250px 1fr;gap:45px}.toc{position:sticky;top:25px;align-self:start;border-left:2px solid var(--accent);padding:18px}.toc a{display:block;font-size:14px;margin:12px 0}.content section{margin:35px 0}.content h2{font-size:26px}.meta{font-size:13px;opacity:.65}.faq details{border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent);padding:23px 0}.faq summary{font-weight:750;cursor:pointer}.faq p{padding-left:20px}.search{width:100%;padding:14px 18px;border-radius:9px;border:1px solid var(--accent);background:var(--bg);color:var(--ink);margin-bottom:30px}.os-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.os-tabs button{padding:10px 22px;border:1px solid var(--accent);background:transparent;color:var(--ink);border-radius:6px}.os-tabs button[aria-pressed=true]{background:var(--accent);color:var(--button)}[hidden]{display:none!important}.download-panel{padding:35px;border:1px solid var(--accent);border-radius:15px}.price{font-size:35px;font-weight:850}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:18px;border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}footer{padding:45px 5%;border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}footer .links{display:flex;gap:16px;flex-wrap:wrap}footer small{opacity:.7}.friendlinks{margin-top:25px;padding-top:20px;border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}.friendlinks a{font-size:13px;display:inline-block;margin:5px 16px 5px 0}.skip{position:absolute;left:-1000px}.skip:focus{left:15px;top:5px;z-index:10;background:var(--bg)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.sidebar header{position:fixed;left:0;top:0;bottom:0;width:240px;display:block;border-right:1px solid #ccc;padding:35px 25px}.sidebar nav{display:grid;margin-top:50px;gap:22px}.sidebar main,.sidebar footer{margin-left:240px}.sidebar .hero{grid-template-columns:1fr}.sidebar .visual{min-height:190px}.terminal{font-family:ui-monospace,"SFMono-Regular",monospace}.terminal .card,.terminal .visual,.terminal .btn{border-radius:0}.terminal .hero{grid-template-columns:1fr 1fr}.terminal .visual{background:#182b21;border:1px dashed var(--accent)}.terminal h1{font-size:52px}.editorial h1,.newspaper h1{font-family:Georgia,"Songti SC",serif}.editorial .hero{grid-template-columns:1.4fr .6fr}.editorial .visual{border-radius:50% 50% 0 0}.editorial .grid{grid-template-columns:1fr 1fr}.editorial .card{border-radius:0;border:0;border-top:2px solid var(--accent)}.center .hero{text-align:center;display:block;max-width:850px;margin:0 auto 65px}.center .hero p{margin:20px auto}.center .visual{margin:35px auto;max-width:650px;min-height:200px;border-radius:100px 24px}.center .grid{gap:35px}.tiles .hero{grid-template-columns:1fr 1fr;align-items:stretch}.tiles .visual{border-radius:0;box-shadow:12px 12px 0 var(--ink)}.tiles .card{border:2px solid var(--ink);border-radius:0}.tiles .btn{border-radius:0}.minimal main{max-width:980px}.minimal .hero{display:block;border-bottom:1px solid var(--accent);padding-bottom:40px}.minimal .visual{display:none}.minimal .grid{display:block}.minimal .card{border:0;border-bottom:1px solid #bbc9cb;border-radius:0;display:grid;grid-template-columns:70px 1fr 2fr;gap:20px}.minimal .card h3{margin:0}.dashboard .hero{grid-template-columns:1fr 1.2fr}.dashboard .visual{background:#172f48;border:1px solid #37627f;border-radius:8px}.dashboard .grid{grid-template-columns:repeat(2,1fr)}.dashboard .card{border-radius:6px;background:#15263b}.newspaper header{display:block;text-align:center}.newspaper .brand img{margin:auto;width:190px}.newspaper nav{justify-content:center;margin-top:18px}.newspaper .hero{display:block;border-bottom:4px double var(--ink)}.newspaper .visual{display:none}.newspaper .grid{gap:0}.newspaper .card{border-radius:0;border:0;border-right:1px solid #dac7c7;background:transparent}.newspaper .section-head{border-bottom:2px solid var(--ink)}.bento .hero{grid-template-columns:.95fr 1.05fr}.bento .visual{border-radius:45px 5px 45px 5px}.bento .grid{grid-template-columns:repeat(4,1fr)}.bento .card:first-child{grid-column:span 2;background:color-mix(in srgb,var(--accent) 15%,var(--bg))}.bento .card{border-radius:25px}.bento .card:last-child{grid-column:span 2}@media(max-width:900px){.hero,.terminal .hero,.editorial .hero,.tiles .hero,.dashboard .hero,.bento .hero{grid-template-columns:1fr}.grid,.dashboard .grid,.editorial .grid,.bento .grid{grid-template-columns:repeat(2,1fr)}.sidebar header{position:static;width:auto;display:flex;border-right:0}.sidebar nav{display:flex;margin:0;gap:12px}.sidebar main,.sidebar footer{margin-left:0}.article-layout{grid-template-columns:1fr}.toc{position:static}.minimal .card{grid-template-columns:40px 1fr}.minimal .card p{grid-column:2}}@media(max-width:600px){header{flex-wrap:wrap;padding:15px 20px}nav{display:none;width:100%;gap:14px}.menu{display:block;background:transparent;color:var(--ink);border:1px solid var(--accent);padding:5px 12px}nav.open{display:flex}.sidebar nav{display:none}.sidebar nav.open{display:flex}.newspaper header{display:flex;text-align:left}.newspaper .brand img{width:150px}.newspaper nav{justify-content:start}main{padding:35px 20px}.grid,.dashboard .grid,.editorial .grid,.bento .grid{grid-template-columns:1fr}.bento .card:first-child,.bento .card:last-child{grid-column:auto}.terminal h1{font-size:35px}.section-head{display:block}.visual{min-height:230px}.content h2{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}