*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif;background:#fff;color:#171717;scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}a{color:inherit}img{display:block;max-width:100%;height:auto}figure{margin:0}button,input{font:inherit}a,button,input{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #111}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.brand-rule{height:7px;background:#171717;border-bottom:2px solid #fff;box-shadow:0 3px #171717}.skip{position:absolute;top:-80px;left:20px;padding:15px;background:white;z-index:5}.skip:focus{top:15px}.header{display:flex;align-items:center;justify-content:space-between;padding-block:24px;border-bottom:1px solid #ddd}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:25px;font-weight:800;letter-spacing:3px}.brand img{width:52px;height:52px}.header nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}.header nav a{text-decoration:none}.header nav a:hover{text-decoration:underline}.nav-campaign{border:1px solid #171717;padding:12px 18px}.hero{display:grid;grid-template-columns:.88fr 1.12fr;gap:56px;align-items:center;padding-block:76px 72px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;line-height:1.6;margin:0 0 23px}h1{font-size:clamp(43px,4.5vw,66px);letter-spacing:-3px;line-height:1.04;font-weight:600;margin:0 0 25px}h2{font-size:clamp(36px,3.4vw,48px);letter-spacing:-1.9px;line-height:1.08;font-weight:500;margin:0 0 24px}.lead{font-size:21px;line-height:1.45;margin:0 0 16px;max-width:360px}.intro,.product-copy>p:not(.eyebrow),.story p:not(.eyebrow),.launch>div>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#656565;max-width:405px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:49px;background:#171717;border:1px solid #171717;color:#fff;text-decoration:none;padding:15px 22px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s}.button:hover{background:#393939}.text-link{font-size:13px;font-weight:600;text-underline-offset:5px;line-height:1.8}.status{font-size:11px;color:#777;margin-top:20px}.hero-photo img{width:100%;aspect-ratio:1.13;object-fit:cover;object-position:center;border-radius:2px}.hero-photo figcaption{display:flex;justify-content:space-between;padding-top:14px;font-size:9px;letter-spacing:1.4px;color:#666}.product{border-top:1px solid #ddd;padding-block:72px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.detail-photo img{width:100%;aspect-ratio:1.15;object-fit:cover;object-position:50% 45%}.detail-photo figcaption{font-size:11px;color:#777;margin-top:13px}.features{margin:30px 0 22px}.features>div{border-top:1px solid #dedede;padding:17px 0}.features dt{font-size:14px;font-weight:600;margin-bottom:6px}.features dd{margin:0;font-size:13px;line-height:1.6;color:#666}.product-copy>p.prototype-note{font-size:11px;line-height:1.6;max-width:340px}.story-band{background:#f2f2ef}.story{display:grid;grid-template-columns:1fr .8fr;gap:140px;align-items:center;padding-block:64px}.story>div{max-width:420px}.history-photo img{width:100%;aspect-ratio:1.25;object-fit:cover}.history-photo figcaption{font-size:9px;letter-spacing:1.4px;color:#666;margin-top:12px}.story .text-link{display:inline-block;margin-top:12px}.launch{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:86px;align-items:center}.launch>div>p:not(.eyebrow){max-width:320px}.signup{border-top:3px solid #171717;padding-top:25px;position:relative}.signup>label:first-child{display:block;font-size:12px;font-weight:700;margin-bottom:10px}.signup-row{display:flex;gap:8px}.signup-row input{min-width:0;flex:1;padding:14px;border:1px solid #aaa;border-radius:0;background:#fff;font-size:16px}.signup-row button{white-space:nowrap;padding-inline:18px}.signup-row button:disabled{opacity:.6;cursor:wait}.signup-consent{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.7;color:#555;margin-top:17px}.signup-consent input{width:16px;height:16px;flex-shrink:0;accent-color:#171717;margin:2px 0 0}.signup-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.small{font-size:11px;line-height:1.6;color:#777}.small a{text-underline-offset:3px}#launch-message{font-size:13px;line-height:1.6;min-height:21px;margin-bottom:0}.footer{border-top:1px solid #ccc;display:flex;align-items:center;gap:25px;padding-block:28px;font-size:11px;color:#666}.wordmark{font-size:18px;letter-spacing:2px;font-weight:800;text-decoration:none;color:#171717}.footer>a:last-child{margin-left:auto}.footer span{margin-left:5px}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:32px}.hero h1{font-size:47px;letter-spacing:-2px}.product,.launch{gap:50px}.story{gap:70px}.signup-row{flex-direction:column}.signup-row input{min-height:49px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{padding-block:15px}.brand{font-size:21px;gap:3px}.brand img{width:42px;height:42px}.header nav{gap:15px;font-size:11px}.header nav>a:first-child,.header nav>a:nth-child(2){display:none}.nav-campaign{padding:10px 13px}.hero{grid-template-columns:1fr;padding-block:42px 37px;gap:32px}.hero h1{font-size:clamp(39px,12vw,48px);letter-spacing:-2.4px;max-width:420px}.eyebrow{font-size:9px;margin-bottom:19px}.lead{font-size:19px;max-width:310px}.intro{font-size:14px;max-width:350px}.actions{margin-top:24px;gap:18px}.button{font-size:12px;padding-inline:17px}.text-link{font-size:12px}.status{margin-top:15px}.hero-photo img{aspect-ratio:4/3}.hero-photo figcaption{font-size:8px}.product{grid-template-columns:1fr;gap:28px;padding-block:40px}.product-copy{grid-row:1}.product h2{font-size:39px}.features{margin:24px 0 14px}.features>div{padding-block:13px}.detail-photo img{aspect-ratio:1.4}.story{grid-template-columns:1fr;gap:27px;padding-block:42px}.story h2,.launch h2{font-size:38px}.history-photo{max-width:440px}.history-photo img{aspect-ratio:1.25}.launch{grid-template-columns:1fr;gap:26px;padding-block:45px 38px}.signup{padding-top:21px}.signup-row{flex-direction:column}.signup-row input,.signup-row button{min-height:50px}.footer{flex-wrap:wrap;gap:12px;font-size:10px}.footer span{margin-left:0}.footer .wordmark{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Signup is the primary action; the story closes the page. */
.nav-campaign{background:#171717;color:white}
.header nav .nav-campaign:hover{background:#393939;text-decoration:none}
.story-signup{margin-top:16px}
.story{align-items:start}
.story>div{max-width:500px}
.story .history-photo{align-self:center}
.launch{border-top:1px solid #ddd}
.footer #kickstarter{margin-left:auto}
.footer>a:last-child{margin-left:0}
@media(max-width:700px){.header nav .nav-campaign{font-size:11px;padding:12px}.footer #kickstarter{margin-left:0}.footer span{flex:1}.footer #kickstarter{flex-basis:70%}}
/* One main launch CTA, with a quieter form submission control. */
.form-submit{background:white;color:#171717}
.form-submit:hover{background:#f2f2ef}
.story h3{font-size:18px;font-weight:600;margin:28px 0 10px}
@media(max-width:700px){.header nav>a:first-child{display:inline}.header nav{font-size:12px}}
.prelaunch-note{border-top:1px solid #ddd;margin-top:25px;padding-top:20px}
.prelaunch-note h3{font-size:14px;margin:0 0 9px;font-weight:600}
.prelaunch-note p{font-size:13px;line-height:1.75;color:#656565;max-width:400px;margin:0 0 16px}
.prelaunch-note p a{text-underline-offset:3px}
.prelaunch-button{display:inline-flex;align-items:center;min-height:44px;padding:12px 16px;border:1px solid #999;background:transparent;text-decoration:none;font-size:12px;font-weight:600;line-height:1.5}
.prelaunch-button:hover{background:#f2f2ef;border-color:#171717}
.footer>a:last-child{margin-left:auto}
/* Clear hierarchy and immediate feedback without continuous motion. */
.button{border-radius:12px;min-height:52px;transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}
.launch-cta{padding:17px 26px;font-size:14px;box-shadow:0 3px 0 #050505,0 7px 15px #00000016}
.story-arrow{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;text-decoration:none;color:#555;transition:background-color .16s ease,color .16s ease}
.story-arrow svg{transition:transform .18s ease}
@media(hover:hover){.launch-cta:hover{background:#303030;transform:translateY(-2px);box-shadow:0 5px 0 #050505,0 10px 20px #00000020}.story-arrow:hover{background:#f0f0ed;color:#111}.story-arrow:hover svg{transform:translateY(3px)}}
.launch-cta:active{transform:translateY(2px) scale(.98);box-shadow:0 1px 0 #050505;transition-duration:.07s}
.form-submit:active:not(:disabled){transform:scale(.98);transition-duration:.07s}
.story-arrow:active svg{transform:translateY(5px)}
.launch-cta:focus-visible,.story-arrow:focus-visible,.form-submit:focus-visible{outline:3px solid #171717;outline-offset:5px}
.signup-row input{border-radius:10px}
#notify:target .signup{border-top-color:#171717;box-shadow:0 -3px 0 #171717}
#notify:focus,#story:focus{outline:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.story-arrow,.story-arrow svg{transition:none}.launch-cta:hover,.launch-cta:active,.form-submit:active:not(:disabled),.story-arrow:hover svg,.story-arrow:active svg{transform:none}}