:root{font-family:Arial,Helvetica,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{--bg:#081f30;--fg:#f8f8ef;--muted:#c6d4d6;--accent:#dfff80;--accentInk:#081f30;--rule:#57707e;--poster:#dfff80;--posterInk:#081f30;--pop:#ff9b78;margin:0;background:var(--bg);color:var(--fg);line-height:1.45}body[data-theme=paper]{--bg:#f6f4e9;--fg:#081f30;--muted:#445965;--accent:#081f30;--accentInk:#f6f4e9;--rule:#73818a;--poster:#dfff80;--pop:#7041c8;color-scheme:light}body[data-theme=blue]{--bg:#1738b8;--fg:#fff9ed;--muted:#e0e6ff;--accent:#ffad87;--accentInk:#081f30;--rule:#98a9ef;--poster:#fff0df;--pop:#dfff80}a{color:inherit;text-underline-offset:5px}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--pop);outline-offset:5px}.feature-window:focus-visible{outline:4px solid var(--fg)}.skip{position:absolute;top:-90px;left:20px;padding:12px;background:#fff;color:#081f30;z-index:9}.skip:focus{top:10px}.review{background:#e9edf0;color:#081f30;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 28px;font-size:10px;letter-spacing:.5px;border-bottom:1px solid #b0bec6}.choices{display:flex;gap:5px;flex-wrap:wrap}.choices button{border:1px solid #778998;background:transparent;color:#081f30;padding:5px 10px;cursor:pointer;border-radius:4px;font-size:11px;min-height:32px}.choices button[aria-pressed=true]{background:#081f30;color:white}.choices button span{font-size:9px;margin-left:5px}.review button:focus-visible{outline-color:#6e20bc}.window{max-width:1512px;margin:auto;padding:0 clamp(24px,4vw,64px)}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid var(--rule)}.brand{display:block;position:relative;width:112px;aspect-ratio:1.96;overflow:hidden;background:#e6ffa5;flex-shrink:0;border-radius:4px}.brand img{position:absolute;width:151%;height:auto;max-width:none;left:-25.7%;top:-21.5%}nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:700}nav a{text-decoration:none;padding:10px 0}nav a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}.stage{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(30px,5vw,80px);padding:25px 0;align-items:stretch}.question{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.kicker{font-size:10px;letter-spacing:2px;font-weight:700;text-transform:uppercase;display:flex;gap:9px;align-items:center}.dot{width:7px;height:7px;background:var(--accent);border-radius:50%}h1{font-size:clamp(75px,8.2vw,122px);line-height:.94;letter-spacing:-7px;margin:22px 0 20px;font-weight:900}h1 em{display:block;font-family:Georgia,serif;font-weight:400;color:var(--accent);letter-spacing:-7px}.dek{font-size:16px;line-height:1.65;color:var(--muted)}.primary{display:flex;align-items:center;gap:35px;background:var(--accent);color:var(--accentInk);border-radius:99px;text-decoration:none;padding:12px 20px;font-size:13px;font-weight:700;margin-top:23px;min-height:44px}.primary:hover{transform:translateY(-2px)}.micro{margin-top:16px;font-size:10px;letter-spacing:.3px;color:var(--muted)}.feature-window{background:var(--poster);color:var(--posterInk);border-radius:10px;padding:20px 24px;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;min-width:0;position:relative}.feature-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px;gap:12px;font-weight:700}.draft{border:1px solid currentColor;padding:3px 8px;border-radius:20px;white-space:nowrap}.composition{position:relative;min-height:230px;display:flex;align-items:center;justify-content:center;isolation:isolate}.composition strong{font-size:clamp(32px,3.7vw,55px);line-height:.95;letter-spacing:-2px;transform:rotate(-6deg);z-index:1}.composition em{font-family:Georgia,serif;font-weight:400}.ring{position:absolute;border:1px solid #081f3066;border-radius:50%;width:190px;height:190px;z-index:-1}.ring-one{transform:translate(-45px,-2px)}.ring-two{transform:translate(45px,12px)}.cap{position:absolute;background:#081f30;color:#f8f8ef;border-radius:40px;padding:5px 10px;font-size:10px;z-index:2}.cap-one{left:2%;top:15%;transform:rotate(-9deg)}.cap-two{right:0;top:27%;transform:rotate(10deg)}.cap-three{right:12%;bottom:6%;transform:rotate(-6deg)}.spark{position:absolute;left:5%;bottom:1%;font-size:62px;line-height:1;color:#081f30}.feature-bottom{border-top:1px solid #081f3066;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.feature-bottom h2{font-size:21px;line-height:1.12;letter-spacing:-.5px}.feature-bottom p{font-size:10px;margin-top:7px}.read-arrow{background:#081f30;color:#dfff80;flex-shrink:0;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-size:24px}.feature-window:hover .read-arrow{transform:rotate(45deg)}.section-line{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;gap:14px}.section-line h2{font-size:17px;letter-spacing:-.4px}.section-line>a{font-size:11px;font-weight:700}.portals{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.portals>a{text-decoration:none;padding:13px 17px 14px;border-right:1px solid var(--rule);min-width:0}.portals>a:first-child{padding-left:0}.portals>a:last-child{padding-right:0;border-right:0}.portal-top{display:flex;justify-content:space-between;font-size:10px;color:var(--accent);margin-bottom:9px}.portal-top>span{font-size:16px}.portals h3{font-size:17px;line-height:1.12;letter-spacing:-.3px}.portals small{display:block;font-size:9px;color:var(--muted);margin-top:9px}.portals a:hover h3{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px}footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;font-size:9px;color:var(--muted)}footer a{color:var(--fg);font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}body[data-theme=paper] h1{font-style:normal}body[data-theme=paper] h1 em{font-family:Arial,Helvetica,sans-serif;font-weight:900;display:inline;box-shadow:inset 0 -.3em #dfff80}body[data-theme=paper] .stage{grid-template-columns:1.1fr 1fr}body[data-theme=paper] .feature-window{border-radius:0;border:1px solid #081f30;box-shadow:8px 8px 0 #081f30}body[data-theme=paper] .composition strong{transform:rotate(0)}body[data-theme=paper] .portals>a:nth-child(3) .portal-top{color:#7041c8}body[data-theme=blue] h1 em{color:#dfff80}body[data-theme=blue] .feature-window{border-radius:70px 8px 70px 8px}body[data-theme=blue] .composition strong{transform:rotate(5deg)}body[data-theme=blue] .primary{border-radius:7px}body[data-theme=blue] .portals{border-top:3px solid #dfff80}
@media(min-width:1000px) and (max-height:800px){.stage{padding:18px 0;gap:45px}header{padding:10px 0}.brand{width:96px}h1{font-size:96px;margin:14px 0}.composition{min-height:220px}.primary{margin-top:17px}.micro{margin-top:10px}.portals>a{padding-top:9px;padding-bottom:9px}footer{padding:10px 0}}
@media(min-width:1500px){.stage{padding:35px 0}.composition{min-height:290px}}
@media(max-width:999px){.review{flex-wrap:wrap;padding:8px 24px}.review-note{display:none}.stage{gap:25px}h1{font-size:80px;letter-spacing:-5px}.feature-window{padding:18px}.composition strong{font-size:38px}.cap{font-size:9px}.ring{width:150px;height:150px}.portals h3{font-size:15px}.portals>a{padding:14px 12px}.portals small{font-size:10px}footer{flex-wrap:wrap}.dek{font-size:15px}}
@media(max-width:700px){.window{padding:0 22px}header{align-items:center;gap:15px;flex-wrap:wrap;padding:18px 0}.brand{width:105px}nav{gap:18px;flex-wrap:wrap;font-size:12px}nav a{padding:8px 0}.review{padding:10px 16px}.choices{gap:5px}.choices button{font-size:10px;padding:6px}.choices button span{display:none}.stage,body[data-theme=paper] .stage{grid-template-columns:1fr;gap:28px;padding:30px 0}.kicker{font-size:9px;letter-spacing:1.5px}h1{font-size:clamp(77px,19vw,116px);margin:20px 0;letter-spacing:-5px}h1 em{display:inline;letter-spacing:-5px}.dek{font-size:16px}.micro{margin-top:13px}.feature-window{padding:20px}.composition{min-height:255px}.composition strong{font-size:47px}.ring{width:180px;height:180px}.cap-one{top:15%}.cap-two{top:25%}.portals{grid-template-columns:1fr}.portals>a,.portals>a:first-child,.portals>a:last-child{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:0 12px;padding:17px 0;border-right:0;border-bottom:1px solid var(--rule)}.portals>a:last-child{border-bottom:0}.portal-top{grid-row:1/3;display:block;margin:0;font-size:12px}.portal-top>span{display:block;margin-top:8px}.portals h3{font-size:21px}.portals h3 br{display:none}.portals small{margin-top:4px;font-size:11px}.section-line{align-items:flex-start}.section-line h2{font-size:18px}.section-line>a{max-width:100px;text-align:right}footer{align-items:flex-start;flex-direction:column;padding:20px 0;gap:8px;font-size:10px}.feature-bottom h2{font-size:23px}body[data-theme=blue] .feature-window{border-radius:45px 8px 45px 8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(min-width:1000px) and (max-height:800px){footer{padding:7px 0}.stage{padding:15px 0}}
body[data-theme=night] .dot{background:var(--pop)}body[data-theme=night] .cap-three{background:#ff9b78;color:#081f30}body[data-theme=paper] .cap-three{background:#7041c8;color:#ffffff}body[data-theme=blue] .cap-three{background:#ffad87;color:#081f30}