*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#161b24;background:#f7f8fa;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #1b53ed;outline-offset:5px}.header,main,footer{max-width:1280px;margin:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 36px;border-bottom:1px solid #dbe0e7}.brand{text-decoration:none;font-size:20px;font-weight:750;display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;background:#111d35;color:#fff;width:38px;height:38px;font-size:18px}nav{display:flex;gap:28px;align-items:center}nav a{text-decoration:none;font-size:14px;font-weight:650}.nav-button{border:1px solid #bec6d4;padding:9px 15px}.hero{padding:85px 36px 80px;display:grid;grid-template-columns:1.2fr .85fr;gap:65px;align-items:center}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.16em;margin:0 0 22px;color:#4a596f}h1{font-size:clamp(42px,4.6vw,66px);letter-spacing:-.055em;line-height:1.09;margin:0 0 28px;font-weight:760}h1 span{color:#2758db}.lead{font-size:20px;line-height:1.6;max-width:540px;color:#4a5566}.audience{font-size:14px;color:#5c6573;margin:24px 0}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;background:#224edf;color:#fff;text-decoration:none;padding:15px 22px;font-weight:650;border-radius:3px}.button:hover{background:#173db9}.text-link{font-size:14px}.offer{margin-top:35px;display:grid;gap:4px}.offer strong{font-size:24px}.offer small{font-size:14px;font-weight:500;color:#4d596b}.offer>span{font-size:13px;color:#646e7f}.preview{background:#122136;color:#fff;box-shadow:15px 20px 0 #e1e6ef;transform:rotate(2deg);border:1px solid #324258}.preview-bar{display:flex;justify-content:space-between;padding:22px;border-bottom:1px solid #405064;font-size:11px;letter-spacing:.1em}.preview-content{padding:42px 28px 26px}.preview-content>p{font-size:clamp(30px,3vw,42px);line-height:1.1;font-weight:750;letter-spacing:-.04em;margin:8px 0 50px}.preview-line{height:6px;background:#cde965;width:80px;margin-bottom:28px}.mini-packages{display:flex;gap:40px;font-size:11px;letter-spacing:.07em}.mini-packages b{font-size:17px;line-height:2.4;letter-spacing:0}.preview-content>a{display:flex;justify-content:space-between;text-decoration:none;margin-top:35px;padding-top:18px;border-top:1px solid #405064;font-size:14px}.preview-bottom{padding:15px 28px;background:#0d1929;color:#b7c3d4;font-size:12px}.section{padding:70px 36px;border-top:1px solid #dbe0e7}.section-heading{margin-bottom:38px}h2{font-size:clamp(32px,3.1vw,44px);line-height:1.16;letter-spacing:-.04em;margin:0 0 22px}h3{font-size:23px;letter-spacing:-.025em;margin:15px 0}.contents{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.contents article{padding-top:24px;border-top:2px solid #182840}.number{color:#2758db;font-size:14px;font-weight:750}.contents p,.contents li,.fit p{color:#526071}.contents ul{padding-left:19px;font-size:14px;line-height:2}.contents a{display:inline-block;margin-top:10px;font-weight:650;font-size:14px}.fit{display:grid;grid-template-columns:1fr 1fr;gap:60px}.fit p{margin-top:0}.closing{background:#122136;color:#fff;text-align:center;padding:65px 24px;margin:0 36px 50px}.closing .eyebrow{color:#bfcee5}.closing p{color:#c6d1e1}.closing .button{background:#d1ec70;color:#152137;margin-top:14px}.closing .button:hover{background:#e0f598}footer{display:flex;justify-content:space-between;padding:20px 36px 36px;font-size:13px;color:#616d80}.guide{max-width:840px;padding:60px 30px;margin:auto}.guide h1{font-size:44px}.guide h2{font-size:27px;margin-top:45px}.guide code{background:#e9edf4;padding:2px 5px;overflow-wrap:anywhere}.guide li{margin:10px 0}.guide .note{border-left:3px solid #2858dc;padding:14px 20px;background:#edf1fc}.guide pre{white-space:pre-wrap;padding:20px;background:#152239;color:#d7e1f1;border-radius:4px;overflow-wrap:anywhere} @media(max-width:760px){.header{padding:20px;align-items:flex-start}.header nav{gap:16px;flex-wrap:wrap;justify-content:flex-end}.header nav>a:first-child{display:none}.hero{padding:45px 22px 55px;grid-template-columns:1fr;gap:45px}.preview{transform:none;margin-right:12px}.section{padding:45px 22px}.contents,.fit{grid-template-columns:1fr;gap:30px}.contents article{padding-top:18px}.closing{margin:0 18px 25px}footer{padding:22px;gap:20px;flex-wrap:wrap}h1{font-size:44px}.lead{font-size:18px}.guide h1{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
