.letter-landing{max-width:1160px}.letter-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:44px;padding:40px 0 64px;display:grid}.letter-hero h1{letter-spacing:-1.8px;margin:16px 0 24px;font-size:clamp(32px,4vw,50px);line-height:1.12}.letter-hero h1 em{color:#3155ee;font-style:normal}.letter-lead{color:#43516b;margin-bottom:26px;font-size:18px;line-height:1.65}.letter-micro{color:#52617a;margin-top:12px;font-size:13px;line-height:1.6}.letter-example{background:#f1f4ff;border:1px solid #d9e1fc;border-radius:24px;padding:24px;box-shadow:0 18px 40px #17356d09}.letter-example-label{letter-spacing:1px;color:#3155ee;font-size:11px;font-weight:700}.letter-inputs{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.letter-inputs>div{background:#fff;border:1px solid #dfe5f2;border-radius:12px;padding:14px}.letter-inputs span,.letter-excerpt>span{color:#52617a;margin-bottom:8px;font-size:12px;display:block}.letter-inputs strong{font-size:14px;line-height:1.6}.letter-excerpt{background:#fff;border-left:3px solid #3155ee;border-radius:0 12px 12px 0;padding:20px}.letter-excerpt p{margin:0;font-size:16px;line-height:1.75}.letter-example>small{color:#52617a;margin-top:16px;font-size:12px;line-height:1.5;display:block}.letter-section{border-top:1px solid #e2e7f1;padding:44px 0}.letter-section h2{letter-spacing:-.8px;max-width:760px;margin:12px 0 28px;font-size:clamp(25px,3vw,34px);line-height:1.22}.letter-steps{grid-template-columns:repeat(3,1fr);gap:20px;padding:0;list-style:none;display:grid}.letter-steps li{background:#fff;border:1px solid #dfe5f2;border-radius:18px;padding:24px}.letter-steps b{color:#3155ee;font-size:14px}.letter-steps h3{margin:18px 0 12px;font-size:20px}.letter-steps p,.letter-value p,.letter-checklist li,.letter-faq p{color:#43516b;font-size:16px;line-height:1.75}.letter-value{grid-template-columns:1.2fr 1fr;gap:40px;display:grid}.letter-value a,.letter-faq a,.letter-related a{color:#2444ca;text-underline-offset:4px;text-decoration:underline}.letter-checklist{background:#f6f8fc;border-radius:18px;padding:24px}.letter-checklist h3{font-size:20px}.letter-checklist ul{padding-left:20px}.letter-checklist li{margin-bottom:10px}.letter-checklist p{font-size:13px}.letter-faq details{border-bottom:1px solid #dee5f1;padding:0 4px}.letter-faq summary{cursor:pointer;padding:20px 0;font-size:17px;font-weight:600;line-height:1.5}.letter-faq details p{max-width:850px;margin:0 0 24px}.letter-related{flex-wrap:wrap;gap:20px;margin:30px 0;display:flex}.letter-related a{padding:12px 0;font-size:14px}:is(.letter-landing a:focus-visible,.letter-landing summary:focus-visible){outline-offset:5px;outline:3px solid #3155ee}@media (max-width:760px){.letter-hero{grid-template-columns:1fr;gap:24px;padding:24px 0 40px}.letter-hero h1{letter-spacing:-1px}.letter-steps,.letter-value{grid-template-columns:1fr}.letter-steps{gap:12px}.letter-value{gap:20px}.letter-section{padding:30px 0}.letter-example{padding:18px}.letter-inputs{gap:8px}.letter-inputs>div{padding:10px}.letter-inputs strong{font-size:13px}.letter-hero .advice-button{justify-content:center;min-height:48px;display:flex}.letter-landing{overflow-wrap:anywhere}}.letter-full-example p{font-size:16px;line-height:1.75}.letter-full-example h3{font-size:18px;line-height:1.5}
