*{box-sizing:border-box}
html,body{margin:0;background:#ffffff;color:#141311;font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.shell{width:min(1240px,calc(100% - 96px));margin:0 auto}
header{height:84px;background:rgba(255,255,255,.92);border-bottom:1px solid #e8e2d6;display:flex;align-items:center;position:relative;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:12px}
.mark{width:37px;height:37px;border-radius:50% 50% 50% 2px;background:linear-gradient(145deg,#d8b979,#a87938 60%,#8b5d22);display:grid;place-items:center;color:#141311;font-size:20px;font-weight:900;letter-spacing:-2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 1px 3px rgba(80,52,12,.18)}
.brand b{font-size:16px;letter-spacing:.19em;font-weight:750;color:#8d6429}
.brand small{display:block;font:7px ui-monospace,Consolas,monospace;letter-spacing:.18em;color:#9b8a70;margin-top:4px}
nav{display:flex;gap:33px;font-size:11px;color:#5e5b55}
nav a:hover{color:#a87938}
.nav-right{display:flex;align-items:center;gap:20px;font-size:11px;color:#4d4a45}
.btn{height:43px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:650;border:1px solid transparent;border-radius:1px}
.btn-black{background:#151410;color:#ffffff}
.btn-black:hover{background:#a87938;color:#151410}
.btn-gold{border-color:#b58a4a;color:#8d6429;background:transparent}
.btn-gold:hover{background:#b58a4a;color:#151410}
.hero{position:relative;min-height:745px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:20px;padding:52px 0 52px;overflow:hidden}
.hero:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#eee8dc;pointer-events:none}
.hero:after{content:"";position:absolute;right:-160px;top:60px;width:640px;height:640px;border-radius:50%;border:1px solid #f0e6d5;pointer-events:none}
.copy{position:relative;z-index:2}
.eyebrow{display:flex;align-items:center;gap:9px;font:9px ui-monospace,Consolas,monospace;letter-spacing:.14em;color:#9a835f;margin-bottom:25px}
.eyebrow i{width:5px;height:5px;border-radius:50%;background:#b58a4a}
h1{font-size:clamp(58px,6.2vw,86px);line-height:1.03;letter-spacing:-.075em;font-weight:750;margin:0 0 27px;color:#141311}
h1 em{font-style:normal;color:#a87938}
h1 .line{display:block}
.lede{max-width:490px;color:#65615a;font-size:14.5px;line-height:1.95;margin:0 0 28px}
.lede strong{color:#24221e;font-weight:600}
.actions{display:flex;gap:10px;align-items:center}
.proof{display:flex;gap:28px;flex-wrap:wrap;margin-top:48px;padding-top:21px;border-top:1px solid #e8e2d6;font:9px ui-monospace,Consolas,monospace;color:#807a70;letter-spacing:.02em}
.proof span{display:flex;align-items:center;gap:7px}
.proof i{width:4px;height:4px;background:#b58a4a;border-radius:50%}
.stage{position:relative;height:590px;display:flex;align-items:center;justify-content:center}
.ring{position:absolute;width:530px;height:530px;border-radius:50%;border:1px solid #eadfcf}
.ring:before{content:"";position:absolute;inset:52px;border:1px solid #f1e8da;border-radius:50%}
.ring:after{content:"";position:absolute;inset:105px;border:1px dashed #e7d8c1;border-radius:50%}
.glow{position:absolute;width:410px;height:410px;border-radius:50%;background:radial-gradient(circle,rgba(206,167,101,.2),rgba(255,255,255,0) 69%);filter:blur(12px)}
.cert{position:relative;z-index:3;width:360px;background:#151410;border:1px solid #a87938;padding:24px;box-shadow:0 38px 75px -35px rgba(31,24,12,.55),13px 13px 0 #e9dfce;transform:rotate(3deg)}
.cert:before{content:"";position:absolute;inset:8px;border:1px solid rgba(201,163,91,.35);pointer-events:none}
.cert-top{display:flex;justify-content:space-between;align-items:center;font:7px ui-monospace,Consolas,monospace;letter-spacing:.13em;color:#c8b28e;padding-bottom:16px;border-bottom:1px solid rgba(216,185,121,.25)}
.cert-top b{font-weight:500;color:#d8b979}
.domain{font-size:24px;letter-spacing:-.055em;color:#ffffff;font-weight:550;margin:28px 0 6px}
.cert-sub{font-size:8px;color:#a59a86;letter-spacing:.02em}
.cert-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(216,185,121,.22);margin-top:24px}
.cell{background:#1c1a15;padding:10px}
.cell span{display:block;font:7px ui-monospace,Consolas,monospace;color:#9f9077;letter-spacing:.06em;margin-bottom:5px}
.cell b{font-size:10px;color:#e8e3d8;font-weight:500}
.cert-foot{display:flex;align-items:center;justify-content:space-between;margin-top:23px;padding-top:15px;border-top:1px solid rgba(216,185,121,.25)}
.cert-foot span{font:7px ui-monospace,Consolas,monospace;color:#9f9077}
.seal{width:46px;height:46px;border:1px solid #b58a4a;border-radius:50%;display:grid;place-items:center;color:#d8b979;font:7px ui-monospace,Consolas,monospace;letter-spacing:.08em;background:rgba(181,138,74,.08);transform:rotate(-8deg)}
.tag{position:absolute;z-index:4;background:rgba(252,251,248,.94);border:1px solid #e4d9c7;box-shadow:0 16px 35px -24px rgba(41,31,11,.35);padding:12px 14px;backdrop-filter:blur(12px)}
.tag-a{left:4px;top:96px}
.tag-a b{display:block;font-size:9px;font-weight:650;color:#1f1c16}
.tag-a span{display:block;font:7px ui-monospace,Consolas,monospace;color:#948367;margin-top:3px}
.tag-b{right:0;bottom:102px;display:flex;gap:9px;align-items:center}
.tag-b .ico{width:25px;height:25px;border:1px solid #d7c29b;display:grid;place-items:center;color:#a87938;font-size:12px}
.tag-b b{display:block;font-size:9px;color:#1f1c16}
.tag-b span{display:block;font:7px ui-monospace,Consolas,monospace;color:#948367;margin-top:2px}
.trust{border-top:1px solid #e8e2d6;border-bottom:1px solid #e8e2d6;height:88px;display:flex;align-items:center;background:#ffffff}
.trust-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}
.trust-label{font:8px ui-monospace,Consolas,monospace;color:#9a835f;letter-spacing:.14em}
.trust-logos{display:flex;gap:39px;align-items:center;font-size:10px;font-weight:600;color:#5e5a52;letter-spacing:.02em}
.section{padding:102px 0;background:#ffffff}
.s-head{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end;margin-bottom:48px}
.s-label{font:9px ui-monospace,Consolas,monospace;letter-spacing:.14em;color:#a87938;margin:0 0 16px}
.s-head h2{font-size:clamp(30px,3.2vw,38px);line-height:1.18;letter-spacing:-.045em;margin:0;font-weight:700;color:#141311;text-wrap:balance}
.s-copy{font-size:12px;line-height:1.9;color:#6c6860;margin:0 0 4px;max-width:310px}
.key-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #151410}
.key{padding:24px 23px 29px 0;border-right:1px solid #e8e2d6;display:flex;flex-direction:column;min-height:278px}
.key:last-child{border-right:0;padding-right:0;padding-left:23px}
.key:nth-child(2){padding-left:23px}
.k-no{font:9px ui-monospace,Consolas,monospace;color:#b58a4a;margin-bottom:37px}
.key h3{font-size:21px;line-height:1.2;letter-spacing:-.04em;margin:0 0 10px;color:#171511}
.key h3 span{display:block;font-size:10px;color:#a87938;letter-spacing:.02em;margin-top:5px;font-weight:500}
.key p{font-size:11.5px;line-height:1.85;color:#6c6860;margin:0;max-width:300px}
.key a{margin-top:auto;padding-top:20px;font-size:10px;font-weight:650;color:#28241d;display:flex;justify-content:space-between;align-items:center}
.key a span{font-size:16px;color:#b58a4a}
.soft{background:#f7f2e9;padding:94px 0;border-top:1px solid #e8e2d6;border-bottom:1px solid #e8e2d6}
.soft-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}
.soft h2{font-size:clamp(38px,4.7vw,58px);line-height:1.07;letter-spacing:-.065em;margin:0;font-weight:750;color:#141311}
.soft-copy{font-size:12px;line-height:1.9;color:#6c6860;margin:22px 0 0;max-width:350px}
.feat-list{border-top:1px solid #cdbfa9}
.feat{display:grid;grid-template-columns:35px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid #ded3c2}
.feat .n{font:9px ui-monospace,Consolas,monospace;color:#a87938;padding-top:3px}
.feat h3{font-size:13px;margin:0 0 4px;font-weight:650;color:#24211b}
.feat p{font-size:10.5px;line-height:1.75;color:#746e64;margin:0;max-width:470px}
.process{background:#ffffff;padding:100px 0}
.process-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}
.process-head h2{font-size:clamp(30px,3.2vw,38px);line-height:1.18;letter-spacing:-.045em;margin:0;font-weight:700}
.process-head p{font-size:11px;color:#6c6860;max-width:270px;line-height:1.8;margin:0 0 4px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #151410;border-bottom:1px solid #151410}
.step{padding:22px 24px 27px 0;border-right:1px solid #e8e2d6;display:grid;grid-template-columns:34px 1fr;gap:12px}
.step:last-child{border-right:0;padding-right:0;padding-left:24px}
.step:nth-child(2){padding-left:24px}
.step-no{font:9px ui-monospace,Consolas,monospace;color:#b58a4a;padding-top:3px}
.step h3{font-size:15px;margin:0 0 7px;font-weight:650}
.step p{font-size:12px;line-height:1.75;color:#6c6860;margin:0}
.pricing{background:#ffffff;padding:104px 0 108px;border-top:1px solid #e8e2d6}
.price-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:33px}
.price-head h2{font-size:clamp(30px,3.2vw,38px);line-height:1.18;letter-spacing:-.045em;margin:0;font-weight:700}
.price-head p{font-size:11px;line-height:1.8;color:#6c6860;max-width:290px;margin:0 0 4px}
.price-table{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #151410;border-bottom:1px solid #151410}
.p-col{padding:18px 16px 18px;border-right:1px solid #e8e2d6;display:flex;flex-direction:column;min-height:325px;background:#ffffff}
.p-col:last-child{border-right:0}
.p-col.feature{background:#151410;color:#ffffff;border-color:#151410;margin-top:-1px;margin-bottom:-1px}
.p-kicker{font:7px ui-monospace,Consolas,monospace;color:#9a835f;letter-spacing:.1em;margin-bottom:20px}
.p-col.feature .p-kicker{color:#c9a35b}
.p-col h3{font-size:16px;margin:0 0 3px;font-weight:650}
.p-for{font-size:8px;color:#8d867b;min-height:25px;line-height:1.4;margin:0 0 16px}
.p-col.feature .p-for{color:#a79d8e}
.p-price{font-size:35px;line-height:1;letter-spacing:-.07em;margin:0 0 4px;font-weight:650}
.p-price span{font-size:13px;vertical-align:top;letter-spacing:0;margin-right:2px}
.p-price small{font:8px ui-monospace,Consolas,monospace;color:#8d867b;letter-spacing:0;margin-left:3px}
.p-year{font:8px ui-monospace,Consolas,monospace;color:#a87938;margin:0 0 15px;padding-bottom:13px;border-bottom:1px solid #e8e2d6}
.p-col.feature .p-year{color:#d8b979;border-color:#3a352c}
.p-col ul{list-style:none;padding:0;margin:0 0 17px;display:grid;gap:7px;font-size:9px;line-height:1.5;color:#6c6860}
.p-col.feature ul{color:#b2a99b}
.p-col li{position:relative;padding-left:10px}
.p-col li:before{content:"";position:absolute;left:0;top:.55em;width:3px;height:3px;background:#b58a4a;border-radius:50%}
.p-col.feature li:before{background:#d8b979}
.p-btn{margin-top:auto;height:32px;border:1px solid #cfc4b2;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:650;color:#3f3a31}
.p-col.feature .p-btn{background:#c9a35b;color:#151410;border-color:#c9a35b}
.price-note{font:8px ui-monospace,Consolas,monospace;color:#8d867b;margin:14px 0 0;text-align:right}
.faq{background:#ffffff;padding:98px 0;border-top:1px solid #e8e2d6}
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}
.faq h2{font-size:clamp(30px,3.2vw,38px);line-height:1.18;letter-spacing:-.045em;margin:0;font-weight:700}
.faq-list{border-top:1px solid #151410}
.faq-list details{border-bottom:1px solid #e8e2d6}
.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:15px;padding:17px 0;font-size:13px;font-weight:650;cursor:pointer}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{color:#b58a4a;font-size:16px;font-weight:400}
.faq-list p{font-size:12px;line-height:1.85;color:#6c6860;margin:0 0 18px;max-width:630px}
.cta{background:#151410;color:#ffffff;padding:76px 0}
.cta-inner{display:flex;justify-content:space-between;align-items:end;gap:30px}
.cta h2{font-size:clamp(34px,4.2vw,50px);line-height:1.05;letter-spacing:-.055em;margin:0;font-weight:650}
.cta h2 em{font-style:normal;color:#d8b979}
.cta .btn{background:#c9a35b;color:#151410;margin-bottom:7px}
footer{background:#ffffff;padding:46px 0 18px;border-top:1px solid #e8e2d6}
.f-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:33px;border-bottom:1px solid #e8e2d6}
.f-brand{display:flex;gap:12px;align-items:flex-start}
.f-brand b{font-size:16px;letter-spacing:.17em;color:#8d6429}
.f-brand p{font-size:9px;color:#8b8377;margin:5px 0 0}
.f-links{display:flex;gap:56px}
.f-links h4{font:8px ui-monospace,Consolas,monospace;color:#a87938;letter-spacing:.12em;margin:0 0 10px}
.f-links a{display:block;font-size:9.5px;color:#716b62;margin:6px 0}
.f-bottom{display:flex;justify-content:space-between;padding-top:16px;font:8px ui-monospace,Consolas,monospace;color:#9a9388}
@media(max-width:1000px){.shell{width:calc(100% - 48px)}.hero{grid-template-columns:1fr;min-height:auto;padding:25px 0 40px}.hero:before{display:none}.stage{height:500px;order:2}.cert{width:330px}.ring{width:470px;height:470px}.ring:before{inset:45px}.ring:after{inset:90px}.s-head,.soft-grid,.faq-grid{grid-template-columns:1fr;gap:35px}.key-grid{grid-template-columns:1fr}.key,.key:nth-child(2),.key:last-child{border-right:0;border-bottom:1px solid #e8e2d6;padding:20px 0;min-height:auto}.price-table{grid-template-columns:repeat(3,1fr)}.p-col:nth-child(3){border-right:0}.p-col:nth-child(4),.p-col:nth-child(5){border-top:1px solid #e8e2d6}.p-col.feature{margin:0}.steps{grid-template-columns:1fr}.step,.step:nth-child(2),.step:last-child{border-right:0;border-bottom:1px solid #e8e2d6;padding:20px 0}.cta-inner{flex-direction:column;align-items:flex-start}.f-top{flex-direction:column}.f-links{justify-content:space-between;flex-wrap:wrap;gap:20px}}
@media(max-width:600px){.shell{width:calc(100% - 32px)}header{height:70px}.brand b{font-size:15px}.brand small{display:none}header nav{display:none}.nav-right{gap:8px}.nav-right .btn{height:37px;padding:0 11px;font-size:9px}.hero{padding:36px 0 20px}h1{font-size:49px}.domain-search{height:50px}.domain-search .scheme{padding:0 7px;font-size:8px}.domain-search button{height:40px;padding:0 11px;font-size:9px}.domain-search input{font-size:11px;padding:0 8px}.lede{font-size:12px}.actions{flex-wrap:wrap}.proof{gap:9px 14px;font-size:8px;margin-top:30px}.stage{height:410px}.cert{width:285px;padding:19px}.domain{font-size:19px}.ring{width:360px;height:360px}.ring:before{inset:33px}.ring:after{inset:70px}.tag-a{left:0;top:35px}.tag-b{right:0;bottom:28px}.trust{height:auto;padding:18px 0}.trust-inner{flex-direction:column;align-items:flex-start;gap:12px}.trust-logos{gap:13px;flex-wrap:wrap;font-size:8px}.section,.soft,.process,.pricing,.faq{padding:64px 0}.s-head{margin-bottom:30px}.price-head,.process-head{flex-direction:column;align-items:flex-start;gap:12px}.price-table{grid-template-columns:1fr}.p-col{border-right:0;border-bottom:1px solid #e8e2d6;min-height:auto;padding:18px 0}.p-col.feature{margin:0;padding:18px}.p-col:last-child{border-bottom:0}.f-links{gap:30px}.f-bottom{flex-direction:column;gap:5px}.cta{padding:58px 0}}
.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.solution{position:relative;background:#fff;border:1px solid #e5dccd;padding:23px;min-height:335px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}
.solution:hover{transform:translateY(-5px);border-color:#c9a35b;box-shadow:0 18px 40px -28px rgba(78,59,27,.35)}
.sol-icon{width:40px;height:40px;border:1px solid #d9c39d;background:#fbf6ec;display:grid;place-items:center;color:#a87938;margin-bottom:34px}
.sol-icon svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.sol-kicker{font:8px ui-monospace,Consolas,monospace;color:#a87938;letter-spacing:.1em;margin-bottom:7px}
.solution h3{font-size:20px;letter-spacing:-.04em;margin:0 0 9px;font-weight:700}
.solution p{font-size:12.5px;line-height:1.8;color:#6c6860;margin:0 0 16px}
.chips{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:18px}
.chips span{font:8px ui-monospace,Consolas,monospace;color:#81745f;border:1px solid #eadfce;background:#fdfaf4;padding:4px 7px}
.solution a{margin-top:auto;padding-top:18px;border-top:1px solid #eee6d9;font-size:11px;font-weight:650;display:flex;justify-content:space-between;align-items:center}
.solution a span{color:#b58a4a;font-size:16px}
.lifecycle{background:#f7f3eb;border-top:1px solid #e8e2d6;border-bottom:1px solid #e8e2d6;padding:92px 0}
.life-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:center}
.life-copy h2{font-size:clamp(30px,3.2vw,38px);line-height:1.18;letter-spacing:-.045em;margin:0;font-weight:700;text-wrap:balance}
.life-copy p{font-size:13px;line-height:1.9;color:#6c6860;margin:22px 0 0;max-width:380px}
.life-points{display:grid;gap:0;margin-top:28px;border-top:1px solid #d6c9b6}
.life-point{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid #ded3c2}
.life-point b{font:8px ui-monospace,Consolas,monospace;color:#a87938;padding-top:3px;font-weight:500}
.life-point strong{display:block;font-size:12px;font-weight:650;color:#26221b}
.life-point span{display:block;font-size:11px;line-height:1.6;color:#777065;margin-top:2px}
.life-panel{background:#fff;border:1px solid #dfd3c0;box-shadow:0 30px 65px -42px rgba(58,43,17,.4);padding:22px;position:relative}
.life-panel:before{content:"";position:absolute;left:22px;right:22px;top:0;height:2px;background:linear-gradient(90deg,#b58a4a,#ead6b0 45%,transparent)}
.life-top{display:flex;justify-content:space-between;align-items:center;font:7px ui-monospace,Consolas,monospace;letter-spacing:.1em;color:#9b8a70;padding-bottom:14px;border-bottom:1px solid #eee5d8}
.life-top b{color:#16855d;font-weight:500}
.life-domain{font-size:21px;letter-spacing:-.04em;margin:20px 0 2px;font-weight:650}
.life-sub{font:8px ui-monospace,Consolas,monospace;color:#9b9183}
.life-timeline{margin-top:20px;border-top:1px solid #eee5d8}
.life-row{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #f0e9dd}
.life-check{width:20px;height:20px;border:1px solid #d8c7a7;border-radius:50%;display:grid;place-items:center;color:#a87938;font-size:9px}
.life-row strong{display:block;font-size:10px;font-weight:600;color:#302b22}
.life-row span{display:block;font-size:8px;color:#978d7e;margin-top:2px}
.life-row em{font:7px ui-monospace,Consolas,monospace;color:#a87938;font-style:normal}
.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.guide-card{border:1px solid #e5dccd;background:#fff;padding:14px;display:flex;flex-direction:column;min-height:100px}
.guide-card small{font:7px ui-monospace,Consolas,monospace;color:#a87938;letter-spacing:.08em;margin-bottom:8px}
.guide-card strong{font-size:11px;line-height:1.45;color:#26221b;font-weight:650}
.guide-card span{margin-top:auto;padding-top:9px;font-size:9px;color:#8a7c66}
@media(max-width:1000px){.solution-grid{grid-template-columns:1fr}.solution{min-height:auto}.life-grid{grid-template-columns:1fr;gap:35px}.guide-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.solution-grid{gap:10px}.solution{padding:18px}.sol-icon{margin-bottom:22px}.lifecycle{padding:62px 0}.life-panel{padding:16px}.life-domain{font-size:18px}.guide-grid{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}.faq-list{margin-top:8px}}
.domain-search{display:flex;align-items:center;width:min(505px,100%);height:55px;border:1px solid #171511;background:#fff;padding:4px;margin:0 0 10px;box-shadow:0 10px 30px -24px rgba(30,24,12,.5)}
.domain-search .scheme{padding:0 11px;font:10px ui-monospace,Consolas,monospace;color:#a87938;border-right:1px solid #e8e2d6}
.domain-search input{flex:1;min-width:0;height:100%;border:0;outline:0;padding:0 13px;font-size:12px;color:#141311;background:transparent}
.domain-search input::placeholder{color:#a9a196}
.domain-search button{height:45px;padding:0 18px;border:0;background:#151410;color:#fff;font-size:10px;font-weight:650;cursor:pointer}
.domain-hint{font:8px ui-monospace,Consolas,monospace;color:#9b9183;margin:0 0 22px;letter-spacing:.02em}

/* production additions */
html{scroll-behavior:smooth}
button{cursor:pointer}
.nav-toggle{display:none;width:38px;height:38px;border:1px solid #d9cbb3;background:#fff;color:#141311;font-size:16px;align-items:center;justify-content:center}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* article pages */
.article-hero{background:#fbf8f1;border-bottom:1px solid #e8e2d6;padding:62px 0 50px}
.breadcrumbs{font:8px ui-monospace,Consolas,monospace;color:#9b8a70;letter-spacing:.05em;margin-bottom:23px}
.breadcrumbs a{border-bottom:1px solid #e2d5c0}
.article-hero h1{font-size:clamp(40px,5.2vw,68px);line-height:1.1;letter-spacing:-.07em;margin:0 0 20px;max-width:960px;font-weight:750}
.article-hero .article-lede{max-width:700px;font-size:14px;line-height:1.95;color:#625e56;margin:0}
.article-meta{display:flex;gap:22px;flex-wrap:wrap;font:8px ui-monospace,Consolas,monospace;color:#948a7a;margin-top:25px;padding-top:15px;border-top:1px solid #e6ddce}
.article-shell{display:grid;grid-template-columns:210px 1fr;gap:68px;padding:66px 0 94px;align-items:start}
.article-toc{position:sticky;top:100px;border-top:1px solid #151410;padding-top:14px}
.article-toc h2{font:8px ui-monospace,Consolas,monospace;letter-spacing:.12em;color:#a87938;margin:0 0 11px}
.article-toc a{display:block;font-size:11px;line-height:1.6;padding:5px 0;color:#645f56}
.article-toc a:hover{color:#a87938}
.article-body{max-width:780px;min-width:0}
.article-body h2{font-size:30px;line-height:1.25;letter-spacing:-.045em;margin:42px 0 12px;padding-top:19px;border-top:1px solid #e8e2d6;font-weight:700}
.article-body h2:first-child{margin-top:0;border-top:0;padding-top:0}
.article-body h3{font-size:16px;margin:25px 0 7px;font-weight:650}
.article-body p,.article-body li{font-size:13.5px;line-height:1.95;color:#57534b}
.article-body ul,.article-body ol{padding-left:20px;margin:11px 0 19px}
.article-body li{margin:6px 0}
.article-body strong{color:#1d1a15}
.article-body a{color:#8d6429;border-bottom:1px solid #d9c39d}
.article-body code{font-family:ui-monospace,Consolas,monospace;font-size:11.5px;background:#f4eee3;padding:2px 5px;border-radius:2px}
.article-note{border:1px solid #c9a35b;background:#fbf5e9;padding:15px 17px;margin:20px 0;font-size:12px;line-height:1.8;color:#514a3d}
.article-note strong{display:block;margin-bottom:2px}
.article-table{width:100%;border-collapse:collapse;margin:17px 0 23px;font-size:11.5px}
.article-table th,.article-table td{border-bottom:1px solid #e8e2d6;padding:10px 8px;text-align:left;vertical-align:top;color:#57534b}
.article-table th{font:8px ui-monospace,Consolas,monospace;letter-spacing:.06em;color:#8c7b65;border-bottom:1px solid #151410}
.article-cta{border-top:1px solid #151410;margin-top:44px;padding-top:23px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.article-cta strong{font-size:23px;letter-spacing:-.04em;font-weight:650}
.article-related{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:28px}
.article-related a{border:1px solid #e6ddce;padding:13px;font-size:11px;background:#fff}
.article-related a:hover{border-color:#b58a4a;color:#8d6429}
.article-related span{display:block;font:7px ui-monospace,Consolas,monospace;color:#a87938;margin-bottom:4px}

@media(max-width:1000px){
  .article-shell{grid-template-columns:1fr;gap:22px;padding:48px 0 70px}
  .article-toc{position:static;border-top:0;border-bottom:1px solid #e8e2d6;padding:0 0 14px;display:flex;gap:15px;flex-wrap:wrap}
  .article-toc h2{width:100%;margin-bottom:2px}
  .article-body{max-width:none}
}
@media(max-width:600px){
  .nav-toggle{display:flex}
  header nav{display:none;position:absolute;left:0;right:0;top:70px;background:#fff;border-bottom:1px solid #e8e2d6;padding:9px 16px;flex-direction:column;gap:0;z-index:20}
  header nav.open{display:flex}
  header nav a{padding:12px 0;border-bottom:1px solid #f0e9dc;font-size:12px}
  .article-hero{padding:42px 0 34px}
  .article-hero h1{font-size:34px}
  .article-hero .article-lede{font-size:12.5px}
  .article-body h2{font-size:24px}
  .article-related{grid-template-columns:1fr}
  .article-cta strong{font-size:19px}
}

.domain-error{font:10px/1.6 ui-monospace,Consolas,monospace;color:#b42318;margin:7px 0 0}
.domain-error[hidden]{display:none}
@media(max-width:600px){.nav-right > a:first-child{display:none}}