/* Responsive public instructions and 14-day trial forms. */
.guide-hero,.trial-hero{
 background:radial-gradient(circle at 80% 20%,#2e61ae,#172a45 48%,#142b4d 90%);
 color:#fff;padding:clamp(45px,6vw,100px) 0 clamp(50px,6vw,86px)
}
.guide-hero .container,.trial-hero .container{max-width:1080px}
.guide-eyebrow{
 color:#a0beea;letter-spacing:.14em;font-size:12px;font-weight:850;
 display:inline-block;margin-bottom:15px
}
.guide-hero h1,.trial-hero h1{
 color:#fff;letter-spacing:-.055em;line-height:1.12;
 font-size:clamp(36px,5vw,64px);margin:0 0 22px
}
.guide-hero h1 em,.trial-hero h1 em{font-style:normal;color:#baceed}
.guide-hero p,.trial-hero p{color:#c8d8f1;line-height:1.7;font-size:clamp(15px,1.45vw,18px);max-width:770px}
.guide-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}
.guide-hero-actions .button-ghost{
 border:1px solid #93b4e6;background:#ffffff12;color:#fff
}
.guide-hero-actions .button-primary{background:#ecf1f9;color:#1c3a67}
.guide-main{padding:32px 0 78px;display:grid;gap:20px}
.guide-toc{
 display:flex;flex-wrap:wrap;gap:9px;padding:10px;
 background:#f5f8fd;border:1px solid #d0def3;border-radius:10px
}
.guide-toc a{
 font-size:13px;font-weight:750;color:#2a589d;
 background:#fff;border:1px solid #d0def3;border-radius:7px;padding:10px 14px
}
.guide-toc a:hover,.guide-toc a:focus-visible{background:#dce6f6}
.guide-box{
 border:1px solid #d4e1f4;background:#fff;border-radius:16px;
 padding:clamp(20px,3.8vw,43px);box-shadow:0 6px 22px #152c4f0b;
 scroll-margin-top:98px;display:grid;gap:13px
}
.guide-number{
 width:max-content;background:#dbe6f6;color:#3269bc;
 font-size:12px;font-weight:900;letter-spacing:.08em;
 border-radius:8px;padding:7px 12px
}
.guide-box h2{color:#1b3967;font-size:clamp(24px,2.6vw,37px);margin:0;letter-spacing:-.03em;line-height:1.25}
.guide-box>p{color:#326abd;font-size:15px;line-height:1.65;max-width:820px;margin:0}
.guide-steps{
 list-style:none;counter-reset:helpsteps;
 display:grid;gap:12px;padding:0;margin:8px 0 0;
 grid-template-columns:repeat(2,minmax(0,1fr))
}
.guide-steps li{
 background:#f8fafd;border:1px solid #e1eaf7;
 padding:17px 19px 17px 63px;position:relative;border-radius:10px;
 min-width:0;overflow-wrap:anywhere
}
.guide-steps li:before{
 counter-increment:helpsteps;content:counter(helpsteps);
 position:absolute;left:17px;top:17px;
 display:grid;place-items:center;
 width:29px;height:29px;border-radius:8px;
 background:#d6e2f4;color:#2a589e;font-weight:850
}
.guide-steps li strong{display:block;color:#1c3b6a;font-size:15px}
.guide-steps li p{color:#336bbf;margin:7px 0 0;font-size:13px;line-height:1.65}
.guide-steps li a{color:#3166b6;text-decoration:underline;text-underline-offset:3px}
.guide-link-row{margin-top:9px;display:flex;gap:10px;flex-wrap:wrap}
.guide-upcoming{background:#f6f8fc}
.guide-tags{display:flex;gap:8px;flex-wrap:wrap}
.guide-tags span{
 background:#e3ebf7;color:#2d5fa9;
 padding:9px 12px;border-radius:7px;font-weight:700;font-size:12px
}
.guide-last{
 border-radius:15px;background:#162e52;color:#fff;
 padding:25px;display:flex;flex-wrap:wrap;gap:12px;align-items:center
}
.guide-last strong{font-size:22px}
.guide-last span{flex:1;color:#cddcf2;font-size:13px}
.guide-last .button-ghost{background:#ffffff18;color:#fff;border:1px solid #ffffff77}
.trial-wrap{max-width:1000px;margin:0 auto;padding:40px 0 84px}
.trial-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.75fr);gap:22px}
.trial-form,.trial-aside,.trial-confirm{
 border:1px solid #d6e2f4;background:#fff;box-shadow:0 9px 27px #162e5113;
 border-radius:15px;padding:clamp(21px,3vw,35px)
}
.trial-form{display:grid;gap:17px;align-content:start}
.trial-form h2,.trial-aside h2{font-size:clamp(21px,2.3vw,30px);margin:0;color:#19345d}
.trial-form p,.trial-aside p{font-size:13px;line-height:1.65;color:#326abe;margin:0}
.trial-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.trial-field{display:grid;gap:6px;color:#21457c;font-size:13px;font-weight:750;min-width:0}
.trial-field input,.trial-field select,.trial-field textarea{
 font:inherit;font-size:14px;width:100%;min-width:0;
 background:#fff;border:1px solid #c4d5ef;border-radius:8px;
 padding:11px 12px;color:#183259;min-height:44px
}
.trial-field textarea{min-height:100px;resize:vertical}
.trial-field input:focus,.trial-field select:focus,.trial-field textarea:focus{
 outline:3px solid #aec7ed;outline-offset:1px
}
.trial-privacy{display:flex;gap:10px;align-items:flex-start;color:#2b5ba4;font-size:12px;line-height:1.5}
.trial-privacy input{accent-color:#346ec4;flex:0 0 auto;margin-top:3px}
.trial-privacy a{color:#2c5ca5;text-decoration:underline}
.trial-form .button{border:0;width:100%;cursor:pointer;font-weight:750;font-size:15px}
.trial-form .button:disabled{opacity:.6;cursor:wait}
.trial-status{font-size:13px;line-height:1.5;color:#234a84;margin:0}
.trial-status.is-error{background:#fff1f1;border:1px solid #eebaba;padding:12px;color:#912e2e;border-radius:8px}
.trial-aside{display:grid;gap:15px;align-content:start;background:#f5f7fb}
.trial-aside ul{padding-left:18px;display:grid;gap:10px;margin:0;color:#275394;font-size:14px;line-height:1.5}
.trial-smallprint{font-size:12px;color:#427acd;line-height:1.6}
.trial-confirm{display:grid;gap:17px}
.trial-confirm[hidden]{display:none}
.trial-confirm h2{font-size:27px;color:#1c3a67}
.trial-confirm p{color:#2f64b3;line-height:1.6}
.trial-secret{background:#eff3fa;border:1px solid #c8d8f0;border-radius:8px;padding:15px;overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:16px;color:#1b3967}
.trial-danger{background:#fff6e9;border:1px solid #ead0aa;border-radius:8px;padding:13px;color:#82521d;font-size:13px}
.trial-confirm-actions{display:flex;gap:10px;flex-wrap:wrap}
.trial-confirm-actions .button{flex:1 1 auto}
.trial-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
@media(max-width:900px){
 .guide-steps{grid-template-columns:1fr}
 .trial-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
 .guide-main{padding:18px 0 45px;gap:12px}
 .guide-toc a{flex:1 1 45%;text-align:center}
 .guide-box{padding:18px}
 .guide-steps li{padding:14px 14px 14px 51px}
 .guide-steps li:before{left:12px;top:14px;width:27px;height:27px}
 .guide-last{flex-direction:column;align-items:stretch}
 .guide-last .button{width:100%}
 .guide-hero-actions .button{flex:1 1 100%}
 .trial-row{grid-template-columns:1fr}
 .trial-wrap{padding:22px 0 54px}
}
