@font-face{font-family:Object;src:url('/fonts/ObjectSans-Heavy.otf') format('opentype');font-weight:800;font-display:swap}
@font-face{font-family:Inter;src:url('/fonts/InterVariable.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark;--bg:#090a0c;--panel:#101419;--line:#30343a;--text:#f5f5f5;--muted:#aaa;--blue:#0073e6;--cyan:#00b3a6;--cream:#fff4cc}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
h1,h2,p,figure{margin:0}
h1,h2{font-family:Object,Arial,sans-serif;font-weight:800;letter-spacing:-.055em;line-height:1.08}
p{color:var(--muted);line-height:1.7}
.site-shell{max-width:1440px;margin:auto;padding:0 clamp(22px,5vw,80px)}
.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #242424}
.wordmark{font-family:Object,Arial,sans-serif;font-weight:800;letter-spacing:-.07em;font-size:21px;white-space:nowrap}
.wordmark span{color:var(--blue)}
.header-shop{font-size:14px;font-weight:650;color:#c7c7c7}
.header-shop:hover,footer a:hover{color:#fff}
.header-shop span{margin-left:5px;color:var(--cyan)}
.hero{min-height:680px;padding:82px 0 90px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:clamp(40px,6vw,88px)}
.hero-copy{max-width:660px}
.hero h1{font-size:clamp(52px,5.2vw,76px)}
.hero h1 span{color:var(--blue)}
.hero-intro{font-size:17px;max-width:550px;margin-top:26px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}
.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:8px;padding:11px 17px;font-size:14px;font-weight:700;line-height:1.3;border:1px solid transparent;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--blue);color:#fff;border-color:var(--blue)}
.button-primary:hover{background:#0065ca}
.button-outline{background:transparent;color:#fff;border-color:#515760}
.button-outline:hover{background:#22272b}
.button-light{background:var(--cream);color:#111}
.button-light:hover{background:#ffeaa4}
.edit-scene{position:relative;min-width:0;overflow:hidden;border:1px solid #313a42;border-radius:12px;background:#101419;box-shadow:0 28px 70px #0007}
.edit-topbar,.edit-status{height:34px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;color:#8e9aa2;font-size:11px;letter-spacing:.02em}
.edit-topbar{border-bottom:1px solid #293039}
.edit-topbar-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan)}
.edit-monitor{position:relative;aspect-ratio:1.55;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:10%;overflow:hidden;background:linear-gradient(142deg,#007bdb 0 45%,#0055a4 45% 72%,#003a75 72%)}
.edit-monitor::before{content:"";position:absolute;inset:-25% 15% auto auto;width:36%;aspect-ratio:1;border:clamp(16px,3vw,38px) solid #fff2;transform:rotate(18deg)}
.edit-monitor::after{content:"";position:absolute;right:-7%;bottom:-32%;width:48%;aspect-ratio:1;border:clamp(22px,4vw,54px) solid #00b3a696;transform:rotate(-14deg)}
.edit-frame{position:absolute;z-index:1;left:9%;right:8%;font-family:Object,Arial,sans-serif;font-size:clamp(29px,4.3vw,68px);font-weight:800;letter-spacing:-.065em;line-height:.98;color:#fff;opacity:0;transform:translateY(14px);animation:edit-frame 12s infinite}
.edit-frame-two{animation-delay:4s;color:var(--cream)}
.edit-frame-three{animation-delay:8s}
.edit-monitor-corner{position:absolute;z-index:1;top:16px;right:17px;color:#ffffffb0;font-size:10px;letter-spacing:.14em}
.edit-timeline{position:relative;padding:12px 15px 18px;background:#0b0e12;border-top:1px solid #3a454e}
.edit-ruler{display:flex;justify-content:space-between;padding:0 0 10px 34px;color:#6f7d88;font-size:9px}
.edit-track{display:flex;min-height:26px;gap:2px;margin-top:4px;align-items:stretch}
.edit-track-label{width:30px;flex:none;display:grid;place-items:center;color:#73828e;font-size:9px}
.edit-clip{display:flex;align-items:center;padding:0 8px;color:#fff;font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden}
.clip-blue{background:#0073e6;flex:1}.clip-teal{background:#00a99d;flex:1.18}.clip-dark{background:#165185;flex:1.1}
.edit-wave{flex:1;background-color:#07543f;background-image:repeating-linear-gradient(90deg,transparent 0 3px,#a5e4b5 3px 4px,transparent 4px 7px,#a5e4b5 7px 8px,transparent 8px 11px);background-size:100% 62%;background-position:center;background-repeat:repeat-x}
.edit-playhead{position:absolute;z-index:2;top:25px;bottom:8px;left:38px;width:2px;background:#fff;box-shadow:0 0 0 1px #0008;animation:edit-playhead 12s linear infinite}
.edit-playhead::before{content:"";position:absolute;top:-5px;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #fff}
.edit-status{height:28px;border-top:1px solid #252b32;font-size:9px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(42px,8vw,130px);padding:43px 0 70px;border-top:1px solid #30343a}
.about h2{font-size:clamp(24px,2.3vw,32px);letter-spacing:-.045em}.about p{font-size:15px;max-width:450px;margin-top:13px}
.community-join{display:inline-flex;align-items:center;gap:25px;margin-top:21px;padding:11px 15px;border:1px solid #4d5d68;border-radius:8px;color:#fff;font-size:13px;font-weight:700;transition:border-color .2s,background-color .2s}
.community-join:hover{border-color:var(--cyan);background:#152126}
.community-join span{color:var(--cyan)}
.social-links{display:flex;align-items:center;flex-wrap:wrap;gap:9px 17px;margin-top:27px;font-size:12px}
.social-links span{color:#858f96;margin-right:3px}
.social-links a{color:#cbd3d8;text-decoration:underline;text-decoration-color:#64727b;text-underline-offset:4px;transition:color .2s}
.social-links a:hover{color:#fff}
.shop{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.55fr);gap:clamp(28px,5vw,72px);align-items:center;background:#003366;border-radius:12px;padding:clamp(30px,4vw,56px);margin-bottom:92px;overflow:hidden}
.shop::before{content:"";position:absolute;z-index:-1;inset:0;background:url('/images/edit-pattern.svg') center/950px 535px repeat;opacity:.13;pointer-events:none}
.shop h2{font-size:clamp(34px,3.8vw,52px)}
.shop p{color:#d5e4f2;font-size:16px;max-width:490px;margin:17px 0 24px}
.shop img{display:block;width:min(100%,310px);height:auto;aspect-ratio:1;object-fit:cover;border:1px solid #ffffff25;border-radius:12px;justify-self:end}
.join{scroll-margin-top:20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(38px,7vw,110px);align-items:start;border-top:1px solid var(--line);padding:88px 0 96px}
.join h2{font-size:clamp(35px,3.8vw,52px);max-width:530px}
.join-copy p{font-size:16px;max-width:500px;margin-top:20px}
.signup-form{display:grid;gap:17px;max-width:560px;width:100%}
.field-row{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:16px}
.field{display:grid;gap:8px}
.field label{font-size:14px;font-weight:650}
.field label span{font-weight:400;color:#aeb8be}
.field input{min-width:0;width:100%;min-height:46px;padding:11px 13px;background:#11171c;border:1px solid #58656e;border-radius:8px;color:#fff;font-size:15px}
.field input::placeholder{color:#8e9aa2}
.form-bottom{display:grid;justify-items:start;gap:13px}
.form-bottom p{font-size:12px;max-width:520px}
.form-bottom p a{text-decoration:underline;text-underline-offset:3px}
.signup-message{min-height:1.5em;color:var(--cream);font-size:13px}
.signup-message.is-error{color:#ffb5a9}
.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
footer{min-height:95px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}
footer .wordmark{font-size:18px}
footer div{display:flex;flex-wrap:wrap;gap:20px}
footer div a{font-size:13px;color:#aaa}
footer small{font-size:12px;color:#858a8c}
@keyframes edit-frame{0%,3%{opacity:0;transform:translateY(14px)}7%,27%{opacity:1;transform:translateY(0)}32%,100%{opacity:0;transform:translateY(-12px)}}
@keyframes edit-playhead{0%,5%{left:8%}28%,33%{left:36%}61%,66%{left:65%}94%,100%{left:94%}}
.edit-scene[data-paused] .edit-frame,.edit-scene[data-paused] .edit-playhead{animation-play-state:paused}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;padding:70px 0 72px}.edit-scene{max-width:650px;width:100%}.edit-frame{font-size:clamp(40px,7vw,66px)}.join{grid-template-columns:1fr;gap:34px}.signup-form{max-width:650px}}
@media(max-width:600px){.site-header{height:70px}.wordmark{font-size:18px}.hero{padding:54px 0 56px;gap:38px}.hero h1{font-size:clamp(47px,11vw,62px)}.hero-intro{font-size:16px}.edit-frame{font-size:clamp(30px,8vw,48px)}.about{grid-template-columns:1fr;gap:32px;padding:38px 0 54px}.about p{font-size:14px}.shop{grid-template-columns:minmax(0,1fr) 105px;gap:16px;padding:27px 22px;margin-bottom:65px}.shop h2{font-size:32px}.shop p{font-size:14px;margin:12px 0 18px}.shop img{align-self:start}.join{padding:65px 0 72px}.join h2{font-size:36px}.field-row{grid-template-columns:1fr;gap:17px}.form-bottom .button{width:100%}footer{padding:30px 0;display:grid;grid-template-columns:1fr auto}footer div{grid-column:1/-1;grid-row:2}footer small{text-align:right}}
@media(max-width:420px){.shop{grid-template-columns:1fr}.shop img{display:block;width:120px;justify-self:start;margin-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.edit-frame,.edit-playhead{animation:none}.edit-frame-one{opacity:1;transform:none}.edit-playhead{left:38%}}