.roof-page{background:var(--pv-canvas);color:#f6f5f3}.roof-wrap{width:min(1120px,100% - 48px);margin-inline:auto}.roof-hero{border-bottom:1px solid var(--pv-hairline);background:radial-gradient(at 80% 30%,#f973161a,#0000 52%);padding:64px 0 76px}.roof-breadcrumb{color:#a3a3ad;gap:12px;margin-bottom:42px;font-size:13px;display:flex}.roof-breadcrumb a:hover{color:#fff}.roof-hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:64px;display:grid}.roof-eyebrow{color:#fb923c;margin-bottom:20px;font-size:13px;font-weight:600}.roof-title{letter-spacing:-.045em;text-wrap:balance;max-width:700px;font-size:clamp(44px,5.6vw,76px);font-weight:700;line-height:1.02}.roof-title span{color:#fb923c}.roof-lede{color:#b8b8c0;max-width:540px;margin-top:26px;font-size:19px;line-height:1.65}.roof-buttons{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.roof-button{color:#111;cursor:pointer;background:#f97316;border-radius:10px;justify-content:center;align-items:center;gap:24px;min-height:48px;padding:13px 20px;font-size:15px;font-weight:650;transition:background .18s;display:inline-flex}.roof-button:hover{background:#fb923c}.roof-button:focus-visible,.roof-page a:focus-visible,.roof-page summary:focus-visible{outline-offset:5px;outline:3px solid #fdba74}.roof-button-secondary{color:#f4f4f5;background:0 0;border:1px solid #414148}.roof-button-secondary:hover{background:#232327}.roof-action-status{color:#aaaab3;max-width:480px;min-height:40px;margin-top:12px;font-size:13px;line-height:1.5}.roof-actions textarea{color:#fff;background:#16161a;border:1px solid #777;border-radius:8px;width:100%;padding:16px;font-size:15px}.roof-paper{color:#232323;background:#f8f6f1;border-radius:3px;padding:36px;box-shadow:0 24px 70px #0005}.roof-paper-top{border-bottom:2px solid #232323;justify-content:space-between;align-items:center;gap:12px;padding-bottom:18px;display:flex}.roof-paper-top strong{letter-spacing:-.025em;font-size:19px;font-weight:700}.roof-paper-top span{color:#69665f;font-size:11px}.roof-paper h2{letter-spacing:-.035em;margin:26px 0 8px;font-size:28px;font-weight:650;line-height:1.2}.roof-paper>p{color:#6b6861;font-size:13px;line-height:1.7}.roof-paper-row{border-bottom:1px solid #dedbd3;align-items:baseline;gap:16px;padding:16px 0;display:flex}.roof-paper-row span{color:#9b5c23;font-variant-numeric:tabular-nums;font-size:12px}.roof-paper-row div{font-size:14px;line-height:1.55}.roof-paper-row small{color:#726f68;font-size:12px;display:block}.roof-paper-foot{color:#726f68;margin-top:24px;font-size:12px}.roof-jump{border-bottom:1px solid var(--pv-hairline);color:#c3c3ca;flex-wrap:wrap;gap:28px;padding:24px 0;font-size:14px;display:flex}.roof-jump a:hover{color:#fb923c}.roof-section{border-bottom:1px solid var(--pv-hairline);padding-block:80px;scroll-margin-top:100px}.roof-section-grid{grid-template-columns:280px 1fr;gap:70px;display:grid}.roof-section h2{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(28px,3vw,38px);font-weight:650;line-height:1.15}.roof-section-intro{color:#a5a5af;margin-top:18px;font-size:16px;line-height:1.7}.roof-document{background:#111114;border:1px solid #333339;border-radius:14px;padding:34px}.roof-document h3{margin-bottom:12px;font-size:18px;font-weight:600;line-height:1.4}.roof-document section+section{border-top:1px solid #303035;margin-top:28px;padding-top:26px}.roof-field{color:#bfbfc7;flex-wrap:wrap;gap:10px;padding:4px 0;font-size:15px;line-height:1.8;display:flex}.roof-field span:last-child{color:#73737e}.roof-example{color:#c7c7cf;font-size:17px;line-height:1.8}.roof-example h3{color:#fafafa;margin:28px 0 10px;font-size:19px;font-weight:600}.roof-example h3:first-child{margin-top:0}.roof-note{color:#a0a0aa;border-left:2px solid #f97316;margin:24px 0;padding-left:16px;font-size:14px}.roof-example ul{padding-left:22px;list-style:outside}.roof-example li{padding-bottom:8px}.roof-example a,.roof-related a{color:#fdba74;text-underline-offset:4px;text-decoration:underline}.roof-faq details{border-bottom:1px solid #2e2e34;padding:22px 0}.roof-faq details:first-child{padding-top:0}.roof-faq summary{cursor:pointer;font-size:18px;font-weight:550;line-height:1.5}.roof-faq p{color:#b3b3bd;margin-top:14px;font-size:16px;line-height:1.75}.roof-related{padding:60px 0}.roof-related h2{letter-spacing:-.025em;margin-bottom:22px;font-size:24px;font-weight:600}.roof-related ul{grid-template-columns:1fr 1fr;gap:20px 36px;font-size:16px;display:grid}.roof-cta{background:#171719;border:1px solid #37373b;border-radius:16px;margin-top:36px;padding:38px}.roof-cta h3{letter-spacing:-.03em;font-size:24px;font-weight:600;line-height:1.25}.roof-cta p{color:#b4b4bd;margin-top:12px;line-height:1.7}@media (max-width:800px){.roof-hero-grid{grid-template-columns:1fr;gap:40px}.roof-hero{padding:32px 0 48px}.roof-breadcrumb{margin-bottom:30px}.roof-paper{max-width:490px}.roof-section-grid{grid-template-columns:1fr;gap:30px}.roof-section{padding-block:48px}.roof-section-intro{max-width:550px}.roof-related ul{grid-template-columns:1fr}}@media (max-width:480px){.roof-wrap{width:calc(100% - 40px)}.roof-title{font-size:46px}.roof-lede{font-size:18px}.roof-paper{padding:26px}.roof-document{padding:24px}.roof-jump{gap:18px 24px}.roof-cta{padding:26px}.roof-buttons{gap:10px}.roof-button{gap:14px;padding-inline:16px}}.roof-tutorial{border-bottom:1px solid #27272a;max-width:920px;margin:auto;padding:44px 0}.roof-tutorial h2{letter-spacing:-.04em;margin:0 0 14px;font-size:clamp(24px,4vw,36px);line-height:1.18}.roof-tutorial p{color:#a1a1aa;max-width:76ch;margin:16px 0;line-height:1.75}.roof-tutorial video{border:1px solid #303036;border-radius:16px;margin-top:24px}.roof-tutorial .tutorial-duration{font-size:13px}.roof-tutorial summary{cursor:pointer;padding:12px 0;font-weight:600}