*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f7f8fb;color:#162943;font:17px/1.75 Arial,Helvetica,sans-serif}a{color:#1754b2;text-underline-offset:4px}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #df980b;outline-offset:4px}.shell{width:min(1160px,calc(100% - 64px));margin:auto}header{border-bottom:1px solid #dde3eb;background:white}.mast{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#142c50;font-size:19px;font-weight:800;letter-spacing:1px}.mark{display:grid;place-items:center;background:#1754b2;color:white;border-radius:9px;width:42px;height:42px;font-size:30px}.brand small{display:block;font-size:10px;letter-spacing:1.4px;font-weight:500;color:#64748b}.home-link{font-size:13px;text-decoration:none}.crumb{font-size:12px;color:#63748a;padding:28px 0}.crumb a{color:inherit}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:62px;align-items:center;padding:28px 0 48px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.7px;color:#42648d;margin:0 0 18px}h1{font-size:clamp(40px,4.6vw,63px);line-height:1.09;letter-spacing:-2.5px;margin:0 0 25px}h1 em{font-style:normal;color:#1754b2}.intro{font-size:18px;color:#526479;max-width:480px}.meta{font-size:12px;color:#64748b;margin:24px 0}.text-link{font-size:14px;font-weight:bold;text-decoration:none}.offer{background:#e9f0fb;border:1px solid #ccdbf1;border-radius:20px;padding:30px}.offer h2{font-size:26px;line-height:1.3;letter-spacing:-.7px;margin:0}.bonus{font-size:49px;font-weight:800;line-height:1.1;color:#154eaa;letter-spacing:-2px;margin:22px 0 12px}.bonus span{display:block;font-size:18px;letter-spacing:0;margin-top:5px}.offer-condition{font-size:13px;color:#425873;line-height:1.6}.offer label{font-size:12px;font-weight:700;display:block;margin-top:20px}.code-row{display:flex;background:#fff;border:1px solid #b5c9e6;border-radius:9px;margin:7px 0 0;overflow:hidden}.code-row input{min-width:0;width:100%;border:0;background:white;color:#152c50;font-family:monospace;font-weight:bold;font-size:31px;letter-spacing:3px;padding:13px}.code-row button{border:0;border-left:1px solid #d6e1ef;background:white;font-size:12px;font-weight:bold;padding:14px;white-space:nowrap;color:#1754b2}.copy-status{font-size:12px;min-height:21px;margin:3px 0;color:#1754b2}.primary{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#1754b2;color:white;border-radius:8px;text-decoration:none;font-size:14px;font-weight:bold;padding:14px 18px}.friend{font-size:14px;line-height:1.65;margin:18px 0 12px}.disclosure{font-size:11px;color:#53657c;line-height:1.65;margin:0}.summary{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d6dfeb;border-bottom:1px solid #d6dfeb;padding:24px 0;gap:20px}.summary span{display:block;font-size:10px;letter-spacing:1.4px;color:#6b7d93}.summary strong{font-size:18px;font-weight:600}.reading-layout{display:grid;grid-template-columns:220px minmax(0,740px);gap:65px;padding:65px 0}.contents{align-self:start;position:sticky;top:30px}.contents a{display:block;font-size:13px;color:#526479;text-decoration:none;margin-bottom:12px}.reading h2{font-size:31px;line-height:1.25;letter-spacing:-.7px;margin:0 0 22px}.reading h3{font-size:21px;line-height:1.35;margin:0 0 12px}.reading p{color:#46596f}.reading strong{color:#1b3557}.reading section{margin-bottom:58px}.note{font-size:13px;border-left:3px solid #b7cae4;padding:5px 0 5px 18px}.steps{list-style:none;counter-reset:steps;padding:0;margin:38px 0}.steps>li{position:relative;counter-increment:steps;padding:0 0 30px 54px;margin:0 0 28px;border-bottom:1px solid #dde3eb}.steps>li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;font-size:13px;font-weight:800;color:#1754b2;background:#e7eef9;border-radius:7px;padding:5px 8px}.steps p{margin:12px 0}blockquote{background:#fff;border:1px solid #d9e2ef;border-radius:10px;margin:18px 0;padding:22px;font-size:16px;color:#263c58}.secondary{border:1px solid #b8c9df;background:transparent;color:#1754b2;border-radius:7px;font-size:12px;padding:9px 13px}.callout{background:#eaf1fb;border-radius:10px;padding:20px;margin:20px 0}.callout p{font-size:15px;margin-bottom:0}.reading details{border-bottom:1px solid #d6dfeb;padding:18px 0}.reading summary{cursor:pointer;font-weight:600;line-height:1.5}.reading details p{font-size:15px;padding-right:15px}.reading .sources{border-top:1px solid #d6dfeb;padding-top:30px;font-size:13px}.sources h2{font-size:20px}.sources ul{padding-left:20px}.sources li{margin-bottom:10px}.closing{background:#e9f0fb;border-radius:15px;padding:30px}.closing h2 span{color:#1754b2}.closing p{font-size:15px}.closing .primary{display:inline-flex}footer{border-top:1px solid #dbe3ed;padding:35px 0;background:white;font-size:12px;color:#65748a}footer strong{font-size:13px;letter-spacing:1px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:2}@media(max-width:850px){.hero{grid-template-columns:1fr 1fr;gap:30px}.reading-layout{grid-template-columns:1fr;gap:25px}.contents{position:static;border-bottom:1px solid #dde3eb;padding-bottom:20px}.contents a{display:inline-block;margin-right:18px}.offer{padding:24px}.bonus{font-size:42px}h1{font-size:45px}}@media(max-width:620px){.shell{width:calc(100% - 36px)}.hero{grid-template-columns:1fr;gap:30px;padding-top:8px}.mast{padding:16px 0}.brand{font-size:15px}.home-link{font-size:11px}.hero h1{font-size:43px;letter-spacing:-1.6px}.summary{gap:12px}.summary strong{font-size:13px;line-height:1.4;display:block;margin-top:5px}.summary span{font-size:8px;letter-spacing:.7px}.reading-layout{padding-top:36px}.reading h2{font-size:27px}.steps>li{padding-left:43px}.steps h3{font-size:20px}blockquote{padding:17px}.reading{font-size:16px}.closing{padding:23px}.offer{padding:25px}.crumb{padding:22px 0}.offer h2{font-size:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{-webkit-user-select:none;user-select:none}#invite-code,#signup-prompt{-webkit-user-select:text;user-select:text}
body{background:#fff;color:#202a36;font-size:17px}.shell{width:min(820px,calc(100% - 36px))}.mast{padding:18px 0}.mast>span{font-weight:600;font-size:15px}.languages{display:flex;flex-wrap:wrap;gap:8px 17px;font-size:13px;margin:20px 0}.languages a[aria-current=page]{font-weight:bold;color:#222;text-decoration:none}.hero{display:block;padding:20px 0}.hero h1{font-size:38px;line-height:1.2;letter-spacing:-1px}.intro{max-width:none}.offer{margin-top:28px;background:#f7f9fc;border-radius:8px;padding:24px}.offer h2{font-size:24px}.bonus{font-size:35px}.reading-layout{display:block;padding:40px 0}.contents,.summary,.crumb{display:none}.reading{max-width:none}.reading h2{font-size:27px}.reading section{margin-bottom:42px}.primary{display:inline-flex}.offer .primary{display:flex}.closing{background:#f7f9fc}.disclosure{font-size:12px}.translation .steps>li:before{display:none}.translation .steps>li{padding-left:0}.translation h1{font-size:36px;line-height:1.3;letter-spacing:normal}.translation .intro{font-size:18px}.translation .offer h2{line-height:1.45}.translation h2,.translation h3{letter-spacing:normal}.translation blockquote{overflow-wrap:anywhere}.translation .code-row input{font-size:29px}.translation .code-row button{white-space:normal;min-width:105px}footer{font-size:12px;padding:20px 0}.meta{font-size:12px}@media(max-width:620px){.hero h1,.translation h1{font-size:30px}.offer{padding:20px}.reading h2{font-size:24px}.mast{display:block}}