:root{--paper:#f7f4eb;--ink:#182f49;--muted:#526273;--rule:#d8dbd7;--blue:#285cdf;--yellow:#f5cf62}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 Arial,Helvetica,sans-serif}
::selection{background:var(--yellow);color:var(--ink)}
a{color:inherit;text-underline-offset:5px}
a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}
a:hover{color:var(--blue)}
.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}
.skip{position:absolute;top:-80px;left:20px;background:var(--paper);padding:12px;z-index:5}
.skip:focus{top:10px}
.landing{min-height:100svh;display:flex;flex-direction:column}
.masthead{display:flex;align-items:center;justify-content:space-between;padding-block:25px;border-bottom:1px solid var(--rule)}
.wordmark{font-size:30px;font-weight:bold;letter-spacing:-1.2px;text-decoration:none;line-height:1}
.wordmark span{color:var(--blue)}
.brand-lockup{display:flex;align-items:center}
.brand-lockup img{margin-right:9px;object-fit:cover;border-radius:50%}
.login{font-size:14px;padding:10px 0}
.hero{flex:1;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;padding-block:65px}
h1,h2,h3{font-family:Georgia,serif;font-weight:normal;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
h1{font-size:clamp(54px,6.3vw,86px);margin:0}
.hero-copy p{max-width:440px;margin:25px 0 30px;color:var(--muted);font-size:19px;line-height:1.65}
.button{display:inline-flex;gap:30px;align-items:center;min-height:50px;background:var(--blue);color:#fff;padding:13px 21px;border-radius:5px;text-decoration:none;font-size:15px}
.button:hover{background:#194bc5;color:#fff}
.hero-rocket{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;mix-blend-mode:multiply}
.ignite{position:relative;display:block;width:min(100%,440px);aspect-ratio:1;justify-self:center;padding:0;border:0;border-radius:16px;background:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ignite:focus-visible{outline:3px solid var(--blue);outline-offset:6px}
.ignite[aria-disabled=true]{cursor:default}
.ignite svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;mix-blend-mode:multiply}
.ignite-rocket{transform-origin:50% 47%}
.flame{transform-box:fill-box;transform-origin:50% 0;opacity:0}
.puff{transform-box:fill-box;transform-origin:50% 50%;opacity:0}
.ignite.is-igniting .ignite-rocket{animation:ignite-rocket 2s cubic-bezier(.3,.1,.3,1)}
.ignite.is-igniting .flame{animation:ignite-flame 2s ease-out}
.ignite.is-igniting .puff-a{animation:ignite-puff 2s ease-out}
.ignite.is-igniting .puff-b{animation:ignite-puff 1.88s ease-out .12s backwards}
@keyframes ignite-rocket{10%{transform:translateY(2px) rotate(-.6deg)}28%{transform:translateY(-8px) rotate(1.6deg)}42%{transform:translateY(-12px) rotate(-2deg)}56%{transform:translateY(-12px) rotate(1.2deg)}70%{transform:translateY(-9px) rotate(-.6deg)}86%{transform:translateY(-2px) rotate(.2deg)}}
@keyframes ignite-flame{0%{transform:scale(.6,0);opacity:0}12%{transform:scale(.9,.7);opacity:1}30%{transform:scale(1,1.15);opacity:1}45%{transform:scale(.9,.85);opacity:1}60%{transform:scale(1,1);opacity:.95}82%{transform:scale(.7,.4);opacity:.5}100%{transform:scale(.6,0);opacity:0}}
@keyframes ignite-puff{0%{transform:scale(.3);opacity:0}12%{transform:scale(.7);opacity:.9}40%,100%{transform:scale(1.25);opacity:0}}
@media(prefers-reduced-motion:reduce){.ignite *{animation:none!important}}
footer{display:flex;gap:25px;padding-block:25px;border-top:1px solid var(--rule);font-size:13px;color:var(--muted)}
footer a{padding-block:8px}
.setup{flex:1;max-width:800px;padding-block:clamp(54px,10vh,110px) 80px}
.setup h1{font-size:clamp(42px,6vw,70px);margin:0 0 18px}
.setup>p{margin:0 0 34px;color:var(--muted);font-size:19px}
.setup-card{border:1px solid var(--rule);border-radius:12px;background:#fffdf7;overflow:hidden}
.setup-card pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:28px 30px;font:16px/1.7 Arial,Helvetica,sans-serif}
.setup-actions{display:flex;align-items:center;gap:16px;border-top:1px solid var(--rule);padding:16px 30px}
.setup-actions button{border:0;border-radius:5px;background:var(--blue);color:white;padding:12px 18px;font:inherit;font-size:15px;cursor:pointer}
.setup-actions button:hover{background:#194bc5}
.setup-actions button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.setup-actions span{font-size:14px;color:var(--muted)}
.setup-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px;font-size:14px;color:var(--muted)}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.masthead{padding-block:18px}.wordmark{font-size:27px}.brand-lockup img{width:34px;height:34px}.hero{grid-template-columns:1fr;gap:25px;padding-block:38px 25px}.hero h1{font-size:clamp(47px,12vw,66px)}.hero-copy p{font-size:17px;margin:20px 0 24px;max-width:360px}.hero-rocket{max-height:270px;width:80%;justify-self:center}.ignite{width:min(80%,270px)}footer{padding-block:16px}}
@media(max-width:700px){.setup{padding-block:55px 65px}.setup>p{font-size:17px}.setup-card pre{padding:20px;font-size:15px}.setup-actions{padding:14px 20px}.setup-links{gap:16px}}