@media (width<=1024px){.guide-cta{text-align:center;grid-template-columns:1fr}}@media (width<=560px){.guide-cta{margin-block:40px}.footer-links{justify-content:start;gap:18px 24px}.home-footer__inner{text-align:left;justify-items:start}}.guide-section{width:min(100% - 2rem, var(--page-max));margin-inline:auto}.button{border-radius:var(--radius-pill);cursor:pointer;font:inherit;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;min-height:2.75rem;padding:.68rem 1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.button-primary{background:var(--stf-magenta);color:var(--stf-white)}.button-primary:hover{background:var(--stf-magenta-strong);color:var(--stf-white)}.button-outline{background:var(--stf-white);border-color:var(--stf-blue-strong);color:var(--stf-blue-strong)}.button-ghost{color:var(--stf-white);background:#ffffff29;border-color:#ffffff9e}.guide-hero{background:linear-gradient(rgb(var(--stf-hero-overlay-rgb) / 93%), rgb(var(--stf-hero-overlay-rgb) / 93%)), url(/assets/home/sendthisfile-home-hero-ui.webp) center / cover no-repeat;color:var(--stf-white);margin-bottom:70px}.guide-hero__inner{text-align:center;align-content:center;max-width:900px;min-height:460px;margin-inline:auto;padding:112px 1rem 118px;display:grid}.section-kicker{color:var(--stf-blue-strong);letter-spacing:0;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:800;line-height:1.4}.guide-hero .section-kicker{color:var(--stf-white)}.guide-hero h1{color:var(--stf-white);margin-bottom:16px;font-size:52px;font-weight:700;line-height:62px}.guide-hero__lead{color:var(--stf-white);max-width:760px;margin-inline:auto;font-size:20px;font-weight:400;line-height:31px}.guide-hero__actions,.button-showcase{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:26px;display:flex}.guide-section{margin-bottom:76px}.guide-section--last{margin-bottom:90px}.section-heading{max-width:860px;margin-bottom:28px}.section-heading h2{color:var(--stf-slate);margin-bottom:14px;font-size:34px;font-weight:700;line-height:41px}.section-heading p{color:var(--stf-slate);font-size:18px;font-weight:400;line-height:29px}.foundation-grid,.logo-grid,.rule-grid,.section-map,.interaction-grid{gap:24px;display:grid}.foundation-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.logo-grid,.rule-grid,.interaction-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-map{grid-template-columns:repeat(2,minmax(0,1fr))}.token-panel,.type-panel,.logo-example,.rule-grid article,.section-card,.interaction-grid article{border:1px solid var(--stf-border);border-radius:var(--radius-md);padding:24px}.token-panel h3,.type-panel h3,.logo-example h3,.rule-grid h3,.section-card h3,.interaction-grid h3{color:var(--stf-slate);margin-bottom:14px;font-size:20px;font-weight:700;line-height:1.25}.swatch-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.swatch-list li{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:6px 10px;display:grid}.swatch-chip{border-radius:var(--radius-sm);border:1px solid #17233c1f;grid-row:span 2;width:34px;height:34px;display:block}.blue{background:var(--stf-blue)}.hero-blue{background:var(--stf-hero-blue)}.hero-overlay-blue{background:var(--stf-hero-overlay-blue)}.magenta{background:var(--stf-magenta)}.slate{background:var(--stf-slate)}.trust-gradient-end{background:var(--stf-trust-gradient-end)}code{color:var(--stf-muted);font:inherit;font-size:13px}.type-display{color:var(--stf-slate);margin-bottom:12px;font-size:38px;font-weight:700;line-height:1.14}.type-heading{color:var(--stf-blue-strong);margin-bottom:14px;font-size:24px;font-weight:700}.type-body,.rule-grid p,.section-card p,.interaction-grid p{color:var(--stf-slate);font-size:16px;line-height:25px}.logo-stage{background:linear-gradient(180deg, var(--stf-white) 0%, #f6fbff 100%);border:1px solid var(--stf-border);justify-content:center;align-items:center;min-height:160px;padding:28px;display:flex}.logo-stage img{max-width:100%;height:auto;display:block}.logo-example__vertical{width:190px}.logo-example__icon{width:72px}.button-showcase{background:linear-gradient(180deg, var(--stf-white) 0%, #eef7fb 100%);border-radius:0 60px 60px 0;justify-content:flex-start;margin-bottom:24px;padding:34px}.section-card{grid-template-rows:auto auto 1fr auto;display:grid}.section-card__number{color:var(--stf-blue-strong);margin-bottom:12px;font-size:13px;font-weight:800}.pass-list{counter-reset:pass;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.pass-list li{border:1px solid var(--stf-border);border-radius:var(--radius-md);color:var(--stf-slate);counter-increment:pass;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;min-height:58px;padding:12px 16px;font-weight:500;display:grid}.pass-list li:before{background:var(--stf-blue);border-radius:var(--radius-pill);color:var(--stf-white);content:counter(pass);justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:inline-flex}@media (width<=1024px){.logo-grid,.rule-grid,.interaction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.guide-section{width:min(100% - 1rem, var(--page-max))}.guide-hero__inner{min-height:420px;padding:86px 1rem 92px}.guide-hero h1{font-size:36px;line-height:43px}.guide-hero__lead,.section-heading p{font-size:17px;line-height:27px}.guide-hero__actions,.button-showcase{flex-direction:column;align-items:stretch}.guide-hero__actions .button,.button-showcase .button{width:100%}.section-heading h2{font-size:28px;line-height:34px}.foundation-grid,.logo-grid,.rule-grid,.section-map,.interaction-grid,.swatch-list,.pass-list{grid-template-columns:1fr}.button-showcase{border-radius:0;margin-right:0}}.guide-cta{background:var(--stf-white);align-items:center;gap:var(--space-6);grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);max-width:1050px;margin:50px auto;padding:0 20px;display:grid}.guide-cta img{justify-self:center;width:100%;max-width:265px;height:auto;display:block}.guide-cta h2{color:var(--stf-slate);margin:0 0 18px;font-size:25px;font-weight:600;line-height:1.2}.guide-cta p{color:var(--stf-slate);margin:0 0 22px;font-size:18px;font-weight:500;line-height:1.2}.guide-cta .button{background:var(--stf-magenta);border-radius:50px;padding:16px 32px}.home-footer{background:var(--stf-feature-icon-blue);color:var(--stf-white)}.home-footer__inner{gap:var(--space-4);text-align:center;max-width:760px;width:min(100% - 2rem, var(--page-max));justify-items:center;margin-inline:auto;padding:32px 20px 18px;display:grid}.footer-links{flex-wrap:wrap;justify-content:center;gap:24px 34px;margin:0;padding:0;list-style:none;display:flex}.footer-links a,.home-footer p,.home-footer p a{color:var(--stf-white)}.footer-links--primary a{font-size:14px;font-weight:700;line-height:1}.footer-links--legal a,.home-footer p{font-size:16px;font-weight:400;line-height:1.45}.footer-links a,.home-footer p a{text-decoration:none}.footer-links a:hover,.home-footer p a:hover{color:var(--stf-white);text-underline-offset:.18em;text-decoration:underline}.home-footer p{margin:0}@media (width<=1024px){.guide-cta{text-align:center;grid-template-columns:1fr}}@media (width<=560px){.guide-cta{margin-block:40px}.footer-links{justify-content:start;gap:18px 24px}.home-footer__inner{text-align:left;justify-items:start}}