.doc-shell{background:radial-gradient(150% 74% at 50% 4%,#1b4f86 0%,#0f2d52 50%,#0a2245 100%);flex-direction:column;min-height:100vh;display:flex;position:relative}.doc-bg,.doc-veil{pointer-events:none;z-index:0;position:fixed;inset:0}.doc-bg{filter:saturate(.88)brightness(.9)contrast(1.02);background-image:url(/assets/howto_clouds.png);background-position:50% 42%;background-size:cover}.doc-veil{background:linear-gradient(#08163085 0%,#0816309e 46%,#08142cd1 100%)}.doc-nav{z-index:4;justify-content:space-between;align-items:center;gap:28px;padding:28px 44px;display:flex;position:relative}.doc-main{z-index:3;flex-direction:column;flex:auto;align-items:center;width:100%;max-width:1120px;margin:0 auto;padding:clamp(28px,6vh,72px) 44px clamp(48px,9vh,96px);display:flex;position:relative}.doc-title{font-family:var(--serif);letter-spacing:-.025em;color:#fff;text-align:center;text-shadow:0 2px 44px #071026cc;text-wrap:pretty;margin:0;font-size:clamp(38px,5.4vw,76px);font-weight:400;line-height:1}.doc-title em{font-style:italic}.doc-lead{color:#fffffff0;text-align:center;text-shadow:0 1px 16px #071026e6;text-wrap:pretty;max-width:620px;margin:22px 0 0;font-size:clamp(15px,1.5vw,20px);line-height:1.55}.doc-lead strong{color:#fff;font-weight:600}.doc-note{font:400 clamp(12px, 1.1vw, 15px) / 1.5 var(--sans);color:#ffffffc7;text-align:center;text-wrap:pretty;margin:clamp(18px,3vh,30px) 0 0}.doc-block{width:100%;margin-top:clamp(30px,5vh,56px)}.doc-block .price-grid{margin-top:0;max-width:980px;margin-inline:auto}.doc-block .plan{padding:clamp(24px,3vw,40px) clamp(22px,2.6vw,38px)}.doc-block .plan__features{gap:12px;font-size:clamp(14px,1.15vw,17px)}.doc-block .plan__cta{height:54px}.doc-steps{flex-direction:column;gap:14px;width:100%;max-width:820px;margin-inline:auto;display:flex}.doc-steps .sheet__card{gap:0}.doc-steps .step{padding:clamp(16px,2.4vh,24px) 0}.doc-steps .step:first-child{padding-top:0}.doc-steps .step:last-child{padding-bottom:0}.doc-steps .step__title{font-size:clamp(20px,1.9vw,26px)}.doc-steps .step__text{font-size:clamp(14px,1.15vw,17px)}.doc-legal{width:100%;max-width:820px;margin-inline:auto}.doc-legal .legal-card{border-radius:20px;gap:22px;padding:clamp(24px,3vw,38px) clamp(22px,2.6vw,38px)}.doc-legal .legal-text{font-size:clamp(15px,1.2vw,17.5px);line-height:1.6}.doc-footer{z-index:5;background:#050e208c;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(16px,2vw,28px);padding:22px 44px;display:flex;position:relative}@media (width<=1180px){.doc-nav{gap:clamp(12px,1.8vw,28px);padding:clamp(18px,2.4vw,28px) clamp(20px,3.4vw,44px)}.doc-main,.doc-footer{padding-left:clamp(20px,3.4vw,44px);padding-right:clamp(20px,3.4vw,44px)}.doc-footer{justify-content:center}}@media (width<=900px){.doc-block .price-grid{grid-template-columns:minmax(0,1fr)!important}}@media (width<=700px),(pointer:coarse) and (width<=1024px){.doc-nav{flex-wrap:wrap;row-gap:14px;padding-top:22px}.doc-nav .nav-actions{flex-wrap:wrap;gap:14px;width:100%}.doc-nav .btn-solid{margin-left:auto}.doc-title{font-size:clamp(30px,8.6vw,44px)}.doc-footer{text-align:center;justify-content:center}}.doc-demo{aspect-ratio:16/7;background:#0a1c3880;border:1px solid #ffffff42;border-radius:20px;width:100%;max-width:1120px;min-height:320px;margin-inline:auto;position:relative;overflow:hidden}@media (width<=700px),(pointer:coarse) and (width<=1024px){.doc-demo{aspect-ratio:3/4;min-height:420px}}@media (prefers-reduced-motion:reduce){.doc-demo{aspect-ratio:auto;height:auto;min-height:0}.doc-demo .hd-mount{position:static;inset:auto}.doc-demo .hd-stage{height:auto;overflow:visible}}.doc-eyebrow{font:500 clamp(11px, 1.1vw, 13px) / 1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#8fb6e3eb;align-items:center;gap:10px;margin-bottom:16px;display:inline-flex}.doc-eyebrow:before{content:"";background:#8fb6e380;width:26px;height:1px}.doc-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.doc-actions .btn-solid,.doc-actions .btn-ghost{padding:15px 30px}@media (width<=700px),(pointer:coarse) and (width<=1024px){.doc-actions{flex-direction:column;align-self:stretch;width:100%}.doc-actions .btn-solid,.doc-actions .btn-ghost{width:100%;height:52px;padding-block:0}}