.welcome{background:var(--paper);min-height:100vh}.welcome-skip{background:var(--green);color:#fff;z-index:100;padding:12px 18px;position:absolute;top:-80px;left:20px}.welcome-skip:focus{top:12px}.welcome-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:auto;padding:28px 36px;display:flex}.welcome-header .brand{padding:0}.welcome-header .brand>svg{color:var(--green);width:34px}.welcome-header nav{flex-wrap:wrap;gap:24px;display:flex}.welcome-header nav a{color:#69776b;padding:9px 0;font-size:16px}.welcome-header nav a[aria-current=page]{color:var(--green);box-shadow:0 1px var(--green)}.welcome-main{max-width:1200px;margin:auto;padding:0 36px}.welcome-intro{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:80px;padding:70px 0 65px;display:grid}.welcome .eyebrow{letter-spacing:2px;font-size:13px}.welcome h1{letter-spacing:2px;margin:18px 0 24px;font-size:clamp(36px,4.5vw,58px);font-weight:500;line-height:1.5}.welcome-lead{color:#617165;max-width:520px;font-size:18px;line-height:1.95}.welcome-actions{flex-wrap:wrap;align-items:center;gap:24px;margin:28px 0 16px;display:flex}.welcome .button{white-space:normal;min-height:46px;font-size:16px}.welcome .text-btn{font-size:16px}.welcome-note{color:#697568;font-size:14px}.welcome-letter{background:#f2eee2;border:1px solid #e5decd;border-radius:3px;padding:35px 34px;position:relative;box-shadow:10px 12px #ebeade}.welcome-letter>span{color:#8c7b5f;font-size:14px}.welcome-letter>p{white-space:pre-line;color:#5e6550;margin:24px 0 32px;font-size:25px;line-height:2.15}.welcome-letter>small{color:#7f7e6c;font-size:13px}.welcome-example{border-top:1px solid var(--line);padding:45px 0;scroll-margin-top:28px}.welcome-section-heading{margin-bottom:26px}.welcome h2{margin:10px 0;font-size:28px;font-weight:500;line-height:1.6}.welcome-section-heading>p{color:#6d786e;font-size:15px}.welcome-example details{border-top:1px solid var(--line);padding:8px 0}.welcome-example details:last-child{border-bottom:1px solid var(--line)}.welcome-example summary{cursor:pointer;padding:16px 8px;font-size:19px;line-height:1.7}.welcome-example summary:focus-visible{outline:2px solid var(--green);outline-offset:2px}.welcome-example details p{max-width:820px;padding:0 8px 18px;font-size:17px;line-height:1.9}.welcome-example details .welcome-detail-note{color:#71806f;font-size:14px}.welcome-start{background:#eaf0e5;border-radius:10px;justify-content:space-between;align-items:center;gap:32px;margin:0 0 45px;padding:30px;display:flex}.welcome-start>div{max-width:600px}.welcome-start svg{color:var(--green)}.welcome-start .button svg{color:inherit}.welcome-start h2{font-size:24px}.welcome-start p{color:#617165;font-size:15px}.welcome-start>.button{flex-shrink:0;max-width:300px}.welcome-footer{border-top:1px solid var(--line);color:#748171;flex-wrap:wrap;justify-content:space-between;gap:15px;max-width:1200px;margin:auto;padding:24px 36px 32px;font-size:13px;display:flex}@media (max-width:800px){.welcome-header{flex-wrap:wrap;gap:16px;padding:20px}.welcome-header .brand{margin-right:auto}.welcome-header nav{order:3;gap:24px;width:100%}.welcome-header nav a{font-size:15px}.welcome-header>.button{padding:9px 12px;font-size:13px}.welcome-main{padding:0 22px}.welcome-intro{grid-template-columns:1fr;gap:32px;padding:35px 0 42px}.welcome-lead{font-size:17px}.welcome-letter{max-width:500px;padding:26px;box-shadow:6px 7px #ebeade}.welcome-letter>p{margin:15px 0 20px;font-size:23px}.welcome-start{padding:24px;display:block}.welcome-start>.button{max-width:100%;margin-top:22px}.welcome h2{font-size:24px}.welcome-footer{padding:22px}.welcome-actions{gap:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}