@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#14171c;--panel:#1b2026;--panel2:#20262c;--line:#353d44;--muted:#a2aaad;--lime:#9aff35;--white:#f5f6f1;--purple:#b06cff;--cyan:#52d9ff;--font:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--display:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--lime);outline-offset:4px}.hidden{position:absolute!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;border:0!important}.skip-link{position:absolute;z-index:1000;top:-100px;left:12px;background:var(--lime);color:var(--bg);padding:10px 15px}.skip-link:focus{top:12px}.site-shell{overflow:hidden}.wrap{width:min(100% - 64px,1240px);margin-inline:auto}
.site-header{height:91px;display:flex;align-items:center;gap:44px;border-bottom:1px solid #ffffff18;position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font:700 19px var(--display);letter-spacing:.24em}.brand img{object-fit:contain}.nav-links{display:flex;align-items:center;gap:32px;margin-left:auto}.nav-links a{font-size:13px;color:#bdc3c5;transition:color .2s}.nav-links a:hover,.text-link:hover,.site-footer a:hover{color:var(--lime)}.nav-cta{margin-left:11px;border:1px solid #5b6461;border-radius:100px;padding:11px 18px;font-weight:700;font-size:13px;transition:background .2s,color .2s,border-color .2s}.nav-cta:hover{background:var(--lime);border-color:var(--lime);color:var(--bg)}.nav-cta span{margin-left:10px}
.hero{position:relative;display:grid;grid-template-columns:minmax(410px,.93fr) minmax(0,1.07fr);align-items:center;min-height:724px;padding-block:95px 82px}.hero:before{content:'';position:absolute;z-index:-1;right:-220px;top:24px;width:720px;height:620px;background:radial-gradient(ellipse,#9aff3515 0,#9aff3505 37%,transparent 68%);pointer-events:none}.hero-copy{z-index:2;align-self:start;padding-top:70px}.eyebrow,.overline{font-size:11px;letter-spacing:.21em;font-weight:700;color:var(--lime)}.eyebrow{display:flex;align-items:center;gap:11px;white-space:nowrap}.pulse-dot{width:7px;height:7px;background:var(--lime);border-radius:100%;box-shadow:0 0 0 5px #9aff3520;flex:none}.eyebrow-line{width:12px;height:1px;background:#667069}.hero h1{font:600 clamp(50px,5.15vw,78px)/1.03 var(--display);letter-spacing:-.065em;margin:32px 0 29px;max-width:690px}.hero h1 em{font-family:Georgia,serif;letter-spacing:-.065em;color:var(--lime);font-weight:400;font-style:italic}.hero-lede{max-width:485px;font-size:18px;line-height:1.66;color:#c6cdca;margin:0 0 34px}.hero-actions{display:flex;align-items:center;gap:27px}.button{border:0;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:35px;font-weight:700;font-size:14px;line-height:1;padding:19px 21px;min-height:53px;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 26px #9aff3530}.button-primary{background:var(--lime);color:#14171c}.text-link{font-size:13px;font-weight:700;color:#e6eae3;transition:color .2s}.text-link span{margin-left:10px}.hero-aside{margin-top:56px;color:#b0b9ae;font:italic 20px Georgia,serif;transform:rotate(-2deg)}.scribble-arrow{font:34px Georgia,serif;color:var(--lime);vertical-align:-5px;margin-right:4px}
.hero-scene{position:relative;height:555px;width:100%;align-self:center;margin-left:8px}.desktop-frame{position:absolute;top:166px;left:-18px;width:min(520px,82%);border:1px solid #3f474d;border-radius:14px;overflow:hidden;background:#101318;box-shadow:0 25px 70px #0009,0 0 0 9px #ffffff06}.desktop-chrome{height:29px;background:#252a2f;display:flex;align-items:center;justify-content:space-between;padding:0 11px;color:#838d92;font:10px var(--font)}.traffic{display:flex;gap:5px}.traffic i{width:6px;height:6px;border-radius:50%;background:#7c878b}.traffic i:first-child{background:#a16870}.traffic i:nth-child(2){background:#9b885e}.traffic i:last-child{background:#768e65}.desktop-frame img{width:100%;height:auto}.phone-frame{position:absolute;z-index:2;top:3px;right:-12px;width:255px;height:525px;padding:7px 5px 11px;border:4px solid #50585c;border-radius:29px;background:#0e1115;box-shadow:0 25px 65px #000b,0 0 0 5px #101318;overflow:hidden;transform:rotate(7deg)}.phone-frame img{width:100%;height:100%;object-fit:contain;border-radius:14px;background:#0e1115}.phone-speaker{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:54px;height:12px;background:#080a0d;border-radius:30px;z-index:2}.phone-home{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:55px;height:3px;background:#61696a;border-radius:4px}.scene-tag{position:absolute;bottom:21px;left:100px;padding:12px 17px;background:#272d2d;border:1px solid #515d4d;border-radius:8px;transform:rotate(-4deg);font:italic 15px Georgia,serif;color:#dfe7d4;box-shadow:0 18px 40px #0007}.tag-spark{color:var(--lime);font-size:20px;margin-right:7px}.mockup-note{position:absolute;bottom:24px;right:0;margin:0;color:#889397;font-size:11px;letter-spacing:.01em}
.idea-section{border-block:1px solid #2b3439;background:linear-gradient(180deg,#1a1f24,#171b20)}.idea-wrap{padding-block:104px 111px}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:20px}.overline{margin:0 0 21px}.section-intro h2,.feature-copy h2,.platform-heading h2,.waitlist-copy h2{font:600 clamp(33px,3.3vw,50px)/1.15 var(--display);letter-spacing:-.052em;margin:0}.section-intro h2 span,.feature-copy h2 span,.platform-heading h2 span{color:#aeb8b7}.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}.idea-card{border:1px solid #3a4246;background:#21262b;border-radius:15px;min-height:290px;padding:27px 30px 30px;position:relative;transition:transform .2s,border-color .2s}.idea-card:hover{transform:translateY(-4px);border-color:#798d53}.card-number{color:#87928f;font:11px var(--display);letter-spacing:.13em}.idea-glyph{height:74px;font:59px Georgia,serif;color:var(--lime);line-height:1;margin:20px 0 0}.note-glyph{transform:rotate(-9deg);font-size:53px}.arrow-glyph{transform:rotate(-16deg)}.idea-card h3{font:600 22px var(--display);letter-spacing:-.04em;margin:4px 0 12px}.idea-card p{color:#b9c2c0;font-size:14px;line-height:1.65;margin:0;max-width:300px}
.feature-section{padding-block:127px;display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.feature-visual{min-height:435px;border:1px solid #394147;border-radius:18px;background-color:#181c21;background-image:radial-gradient(#3e4548 .8px,transparent .8px);background-size:23px 23px;position:relative;box-shadow:inset 0 0 95px #0004;overflow:hidden}.feature-corner,.feature-footer{position:absolute;left:28px;font:700 10px var(--display);letter-spacing:.18em;color:#929e9b}.feature-corner{top:27px}.feature-footer{bottom:26px;display:flex;align-items:center;gap:9px}.feature-dot{background:var(--lime);width:6px;height:6px;border-radius:50%}.feature-paper{position:absolute;left:12%;top:29%;width:75%;height:49%;border:3px solid var(--lime);border-radius:10px;transform:rotate(-3deg);box-shadow:0 0 30px #9aff3517}.feature-paper:before{content:'✦ TASK';position:absolute;top:-43px;left:-3px;padding:8px 16px;background:var(--lime);border-radius:8px;color:#14171c;font:700 11px var(--display);letter-spacing:.13em}.demo-ink{font:italic 38px/1.2 'Bradley Hand','Comic Sans MS',cursive;padding:28px;color:#f1f2ec}.demo-ink span{color:var(--lime)}.demo-small{position:absolute;right:7px;bottom:-52px;font:italic 20px Georgia,serif;color:#c5d3aa;transform:rotate(4deg)}.feature-copy h2{margin-bottom:29px}.feature-copy p:not(.overline){font-size:16px;line-height:1.72;color:#b7c1c1;max-width:510px}.feature-copy strong{color:#f0f3ed}.feature-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}.feature-pills span{border:1px solid #536049;border-radius:100px;padding:8px 12px;color:#cbe1af;font-size:11px;font-weight:700}
.platform-section{border-block:1px solid #2b3439;background:#1a1f24}.platform-wrap{padding-block:100px 112px}.platform-heading{display:flex;align-items:end;justify-content:space-between;gap:50px}.platform-heading>p{max-width:270px;color:#bac4c1;font-size:15px;line-height:1.6;margin:0 0 3px}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:46px}.platform-card{display:flex;gap:16px;align-items:start;border:1px solid #3a4247;background:#20262b;border-radius:14px;padding:25px;min-height:185px;position:relative}.platform-symbol{font:47px/1 Georgia,serif;color:var(--lime);opacity:.9;width:47px;flex:none}.platform-card h3{font:600 22px var(--display);margin:0 0 8px}.platform-card p{margin:0;color:#b4bec0;font-size:13px;line-height:1.55;max-width:230px;padding-bottom:27px}.coming{position:absolute;bottom:20px;left:88px;background:#9aff3518;color:var(--lime);border:1px solid #9aff354b;border-radius:50px;padding:5px 9px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dock-showcase{display:flex;flex-direction:column;align-items:center;margin-top:79px}.dock-caption{font:700 10px var(--display);letter-spacing:.2em;color:#89948e;margin-bottom:22px}.dock{border:1px solid #ffffff30;border-radius:22px;padding:11px 15px;display:flex;align-items:center;gap:14px;background:linear-gradient(140deg,#68737454,#4650592b);box-shadow:0 20px 60px #0007,0 0 50px #9aff350a;backdrop-filter:blur(8px)}.dock img{border-radius:18px;box-shadow:0 5px 12px #0007;width:72px;height:72px}.dock-faux{display:block;width:53px;height:53px;border-radius:13px;background:linear-gradient(135deg,#85959c,#45525e);box-shadow:inset 0 1px 2px #fffa,0 5px 10px #0007;opacity:.5}.muted-two{background:linear-gradient(135deg,#6f7d7b,#333b44)}.muted-three{background:linear-gradient(135deg,#af8882,#534654)}.muted-four{background:linear-gradient(135deg,#667c9a,#343850)}.dock-dot{width:4px;height:4px;border-radius:50%;background:var(--lime);margin-top:9px}
.waitlist-section{padding-block:125px 132px;display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:start}.waitlist-copy{padding-top:47px}.waitlist-copy h2{font-size:clamp(42px,4vw,58px)}.waitlist-copy h2 em{font:italic 1em Georgia,serif;color:var(--lime)}.waitlist-copy>p:not(.overline){color:#bbc5c3;line-height:1.72;max-width:385px;font-size:16px;margin-top:26px}.margin-note{margin-top:45px;color:#aab5a3;font:italic 17px Georgia,serif;max-width:370px;line-height:1.55}.margin-note span{font-size:33px;color:var(--lime);vertical-align:-7px;margin-right:9px}.form-card{background:var(--panel);border:1px solid #47534a;border-radius:18px;padding:30px 34px 32px;box-shadow:0 30px 65px #0005;position:relative}.form-card:before{content:'';height:5px;border-radius:18px 18px 0 0;position:absolute;left:-1px;right:-1px;top:-1px;background:var(--lime)}.form-topline{display:flex;justify-content:space-between;align-items:center;color:#96a49b;font:700 10px var(--display);letter-spacing:.22em;margin-bottom:31px}.form-star{color:var(--lime);font-size:19px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-row label,.textarea-label{display:block;color:#d7dfd9;font:700 10px var(--display);letter-spacing:.15em}.field-row input,.textarea-label textarea{display:block;margin-top:10px;width:100%;border:1px solid #505b5e;background:#151a1e;color:var(--white);border-radius:9px;padding:14px 15px;font:14px var(--font);letter-spacing:0;min-height:49px}.field-row input::placeholder,.textarea-label textarea::placeholder{color:#79858a}.field-row input:focus,.textarea-label textarea:focus{border-color:var(--lime);outline:2px solid #9aff3530;outline-offset:0}.choice-group{border:0;padding:0;margin:28px 0 0}.choice-group legend,.textarea-label{font:700 10px var(--display);letter-spacing:.15em;color:#d7dfd9}.choice-group legend span,.textarea-label span{font:400 11px var(--font);color:#899594;letter-spacing:0;text-transform:none;margin-left:5px}.choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.choices label{position:relative}.choices input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.choices span{display:block;border:1px solid #58625c;border-radius:8px;padding:10px 13px;background:#1d2526;color:#dce5d7;font-size:12px;font-weight:700;transition:background .18s,color .18s,border-color .18s}.choices input:hover+span{border-color:var(--lime)}.choices input:focus-visible+span{outline:3px solid var(--lime);outline-offset:3px}.choices input:checked+span{background:var(--lime);color:#14171c;border-color:var(--lime)}.textarea-label{margin-top:29px}.textarea-label textarea{resize:vertical;min-height:87px;line-height:1.5}.submit-button{margin-top:21px;width:100%;justify-content:space-between}.form-footnote{font-size:11px;color:#a4aeaa;line-height:1.5;margin:17px 0 0}.site-footer{border-top:1px solid #31393e;min-height:105px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#9ca7a6;font-size:13px}.footer-brand{font-size:15px;color:var(--white)}.site-footer a:not(.brand){font-weight:700}
@media(max-width:1150px){.hero{grid-template-columns:1fr 1.05fr;min-height:650px}.hero-copy{padding-top:40px}.hero h1{font-size:clamp(47px,5vw,70px)}.hero-scene{height:490px}.desktop-frame{left:-15px;top:170px;width:min(430px,76%)}.phone-frame{width:220px;height:448px;top:8px;right:-10px}.scene-tag{left:60px;bottom:0}.mockup-note{bottom:18px}.feature-section{gap:48px}}
@media(max-width:820px){.wrap{width:min(100% - 40px,680px)}.site-header{height:74px;gap:18px}.brand{font-size:16px}.brand img{width:31px;height:36px}.nav-links{display:none}.nav-cta{margin-left:auto}.hero{display:block;min-height:0;padding-block:58px 60px}.hero-copy{padding-top:0}.hero h1{font-size:clamp(47px,7.9vw,65px);max-width:580px}.hero-lede{font-size:17px}.hero-aside{margin-top:35px}.hero-scene{margin:43px auto 0;height:500px;max-width:650px}.desktop-frame{top:144px;left:0;width:82%}.phone-frame{right:1%;width:230px;height:470px;top:0}.scene-tag{left:10%;bottom:0}.mockup-note{position:relative;text-align:center;bottom:auto;right:auto;margin:27px 0 0}.idea-wrap,.platform-wrap{padding-block:75px}.idea-grid{gap:12px}.idea-card{padding:21px 20px;min-height:300px}.feature-section{padding-block:90px;grid-template-columns:1fr;gap:45px}.feature-visual{min-height:390px;order:2}.feature-copy{order:1}.platform-heading{display:block}.platform-heading>p{margin:20px 0 0}.platform-grid{gap:11px}.platform-card{display:block;min-height:220px;padding:18px}.platform-card p{max-width:none}.platform-symbol{font-size:40px;height:45px}.coming{left:18px}.waitlist-section{grid-template-columns:1fr;gap:30px;padding-block:80px}.waitlist-copy{padding-top:0}.margin-note{margin-top:25px}.site-footer{min-height:90px}}
@media(max-width:600px){.wrap{width:min(100% - 32px,520px)}.site-header{height:69px}.brand{font-size:16px;letter-spacing:.2em}.brand img{width:27px;height:31px}.nav-cta{font-size:11px;padding:10px 11px}.nav-cta span{margin-left:4px}.hero{padding-block:49px 53px}.eyebrow{font-size:9px;letter-spacing:.14em;gap:7px}.hero h1{font-size:clamp(43px,12vw,66px);margin:24px 0 22px}.hero-lede{font-size:16px;line-height:1.6}.hero-actions{gap:17px}.button{font-size:13px;gap:14px;padding:16px 16px;min-height:49px}.text-link{font-size:12px}.hero-aside{font-size:17px;margin-top:35px}.hero-scene{height:385px;margin-top:36px}.desktop-frame{left:-2%;top:135px;width:76%;border-radius:8px}.desktop-chrome{height:20px;font-size:7px}.phone-frame{right:4%;top:2px;width:180px;height:365px;padding:7px 4px 10px;border-width:3px;border-radius:20px}.phone-frame img{border-radius:11px}.phone-speaker{height:8px;width:38px;top:6px}.phone-home{width:37px;bottom:5px}.scene-tag{font-size:10px;line-height:1.25;padding:7px 9px;bottom:0;left:0;max-width:146px}.tag-spark{font-size:15px;margin-right:2px}.mockup-note{font-size:10px;margin-top:20px}.section-intro h2,.feature-copy h2,.platform-heading h2{font-size:35px}.idea-wrap,.platform-wrap{padding-block:69px}.idea-grid,.platform-grid{grid-template-columns:1fr;gap:12px;margin-top:33px}.idea-card{min-height:0;padding:19px 22px 22px}.idea-glyph{height:52px;margin-top:8px;font-size:43px}.idea-card h3{margin-top:7px}.idea-card p{max-width:none}.feature-section{padding-block:72px}.feature-visual{min-height:340px}.feature-corner,.feature-footer{left:17px;font-size:8px}.feature-paper{left:9%;width:79%;top:31%;height:44%}.demo-ink{font-size:29px;padding:23px}.demo-small{font-size:16px}.feature-copy p:not(.overline){font-size:15px}.platform-card{min-height:135px;display:flex;gap:12px;padding:17px}.platform-symbol{width:42px}.platform-card h3{font-size:20px}.platform-card p{font-size:12px;padding-bottom:24px}.coming{left:71px;bottom:14px}.dock-showcase{margin-top:59px}.dock{gap:7px;padding:8px 10px}.dock img{width:62px;height:62px;border-radius:13px}.dock-faux{width:39px;height:39px;border-radius:10px}.waitlist-section{padding-block:71px}.waitlist-copy h2{font-size:46px}.form-card{padding:27px 18px 24px}.field-row{grid-template-columns:1fr;gap:17px}.choice-group{margin-top:24px}.choices{gap:7px}.choices span{padding:9px 10px;font-size:11px}.form-footnote{font-size:10px}.site-footer{flex-wrap:wrap;padding-block:25px;justify-content:space-between}.site-footer p{order:3;width:100%;margin:0}}
@media(max-width:600px){.idea-wrap{padding-block:54px}.idea-grid{gap:9px;margin-top:27px}.idea-card{display:grid;grid-template-columns:41px 1fr;column-gap:13px;padding:15px 16px;min-height:0}.idea-card .card-number{display:none}.idea-glyph{grid-row:span 2;margin:0;font-size:37px;height:auto}.idea-card h3{font-size:17px;margin:0 0 5px}.idea-card p{font-size:12px;line-height:1.43}.feature-section{padding-block:56px}.feature-visual{display:none}.feature-copy h2{margin-bottom:17px}.feature-copy p:not(.overline){font-size:14px;line-height:1.55}.feature-pills{margin-top:18px}.platform-wrap{padding-block:58px}.platform-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:25px}.platform-card{display:block;min-height:140px;padding:12px 8px}.platform-symbol{font-size:34px;height:42px;width:auto}.platform-card h3{font-size:15px}.platform-card p{display:none}.platform-card .coming{position:static;display:inline-block;font-size:8px;padding:5px 6px;margin-top:12px;white-space:nowrap}.dock-showcase{margin-top:43px}.waitlist-section{padding-block:59px}.waitlist-copy h2{font-size:42px}.waitlist-copy>p:not(.overline){font-size:14px;line-height:1.55;margin-top:16px}.margin-note{display:none}}
/* Teaser refinements: less chrome, a little more ink. */
.section-intro{display:block}
.site-header{height:68px;border-bottom:0}
.hero{min-height:635px;padding-block:39px 50px}
.hero-copy{padding-top:8px}
.hero h1{margin:0 0 26px}
.hero-scene{z-index:1}
.ambient-ink{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.hero{isolation:isolate}
.hero:after{content:'';position:absolute;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#8c9a8e26 .8px,transparent 1px);background-size:24px 24px;background-position:center top;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 10%,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 10%,#000 82%,transparent 100%)}
.desktop-frame{transform:rotate(-2deg);transform-origin:50% 50%}
.phone-speaker{display:none}
.section-intro h2{max-width:850px}
.runner-glyph{transform:rotate(-8deg)}
.runner-glyph svg{width:57px;height:57px}
.demo-ink{font-size:29px;line-height:1.23;padding:27px 18px}
.demo-ink span{font-size:.8em}
.platform-heading>p{max-width:405px}
.platform-symbol{font-size:0;line-height:1;display:block}
.platform-symbol img{width:47px;height:47px;object-fit:contain}
.dock{position:relative}
.dock:before{content:'';position:absolute;left:50%;top:50%;width:90px;height:90px;transform:translate(-50%,-50%);border-radius:50%;background:#8ee934a8;filter:blur(23px);z-index:0;animation:dock-breathe 3.8s ease-in-out infinite}
.dock img{position:relative;z-index:1}
@keyframes dock-breathe{0%,100%{opacity:.21;transform:translate(-50%,-50%) scale(.82)}50%{opacity:.58;transform:translate(-50%,-50%) scale(1.12)}}
.margin-note{display:flex;align-items:flex-start;gap:9px;max-width:410px}
.margin-note .margin-arrow{flex:0 0 28px;margin:0;line-height:.9}
.margin-note .margin-copy{display:block;flex:1}
#gesture-ink{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:40}
.pen-palette{position:fixed;z-index:50;background:#252b2d;border:1px solid #596456;border-radius:14px;box-shadow:0 18px 45px #000a;padding:14px 15px;width:232px;color:#eaf0e9}
.pen-palette[hidden]{display:none}
.pen-palette p{font:700 10px var(--display);letter-spacing:.18em;color:#c3cdc5;margin:0 0 8px}
.pen-palette p:not(:first-child){margin-top:14px}
.pen-colors,.pen-sizes{display:flex;gap:7px}
.pen-palette button{height:42px;min-width:42px;border:1px solid #6a746c;border-radius:9px;background:#171b1f;display:grid;place-items:center}
.pen-colors button:before{content:'';width:21px;height:21px;border-radius:50%;background:var(--swatch)}
.pen-colors button[data-ink-color='#9aff35']{--swatch:#9aff35}
.pen-colors button[data-ink-color='#b06cff']{--swatch:#b06cff}
.pen-colors button[data-ink-color='#52d9ff']{--swatch:#52d9ff}
.pen-colors button[data-ink-color='#f5f6f1']{--swatch:#f5f6f1}
.pen-palette button[aria-pressed=true]{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}
.pen-sizes button{min-width:57px}.pen-sizes i{display:block;border-radius:50%;background:#e8f2e1;width:var(--size);height:var(--size)}
.pen-sizes button[data-ink-size='2']{--size:3px}.pen-sizes button[data-ink-size='4']{--size:6px}.pen-sizes button[data-ink-size='8']{--size:11px}
@media(pointer:fine){body{cursor:url('/assets/pen-cursor.svg') 3 29,crosshair}a,button,label,select,[role=button]{cursor:pointer}input,textarea{cursor:text}}
@media(max-width:820px){.site-header{height:64px}.hero{padding-block:44px 54px}.hero-copy{padding-top:0}.hero h1{margin:0 0 23px}.platform-heading>p{max-width:440px}.margin-note{max-width:450px}}
@media(max-width:600px){.site-header{height:60px}.hero{padding-block:34px 48px}.hero h1{margin:0 0 22px}.hero-scene{margin-top:33px}.platform-symbol img{width:38px;height:38px}.feature-visual{display:block;min-height:315px}.feature-paper{top:32%;height:46%}.demo-ink{font-size:20px;line-height:1.2;padding:14px 11px}.runner-glyph svg{width:38px;height:38px}.dock:before{width:77px;height:77px}}
/* Final alignment and interaction polish. */
@media(min-width:821px){.hero{min-height:0;padding-bottom:80px}.hero-copy{align-self:center;padding-top:0}}
.site-shell{-webkit-user-select:none;user-select:none}
.site-shell img{-webkit-user-drag:none;user-select:none}
.site-shell input,.site-shell textarea{-webkit-user-select:text;user-select:text}
.note-glyph{transform:none}
.note-glyph span{display:inline-block;transform:translateY(-10px) rotate(-9deg);transform-origin:center}
.node-glyph{transform:none}
.node-glyph svg{display:block;width:57px;height:57px;margin-top:7px;transform:translateY(-4px)}
.demo-ink .demo-ink-line{font-size:1em;color:#f1f2ec;white-space:nowrap}
.demo-ink .demo-ink-line b{font-size:.8em;font-weight:400;color:var(--lime)}
.dock-caption{display:flex;gap:20px;align-items:center}
.form-card:before{display:none}
@media(max-width:600px){.note-glyph span{transform:rotate(-9deg)}.node-glyph svg{width:37px;height:37px;margin:0;transform:none}.demo-ink{font-size:17px}.dock-caption{font-size:9px;gap:9px;white-space:normal}.margin-note{font-size:11px;line-height:1.45}.margin-note .margin-arrow{font-size:22px;flex-basis:20px}.site-footer p{display:none}}
/* An intentional, click-to-load video panel for the full walkthrough. */
.feature-section{row-gap:54px}
.feature-video{grid-column:1/-1;width:min(100%,990px);margin:0 auto}
.video-teaser{display:flex;align-items:center;justify-content:center;gap:18px}
.video-reveal{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:14px 20px;border:1px solid #9aff357f;border-radius:12px;background:#9aff3514;color:var(--lime);font:700 14px var(--display);transition:background .2s,transform .2s}
.video-reveal:hover{background:#9aff3527;transform:translateY(-2px)}
.video-reveal span{font-size:13px;line-height:1}
.video-duration{font:600 11px var(--display);color:#a2b0aa}
.video-panel[hidden]{display:none}
.video-panel{margin-top:28px;animation:video-unfurl .42s ease-out both}
@keyframes video-unfurl{from{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(-10px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}
.video-stage{position:relative;aspect-ratio:1200/630;border:1px solid #48564a;border-radius:18px;overflow:hidden;background:#101419;box-shadow:0 24px 70px #0007}
.video-stage iframe{display:block;width:100%;height:100%;border:0}
.dock img{width:94px;height:94px;border-radius:20px}
.dock:before{width:112px;height:112px}
@media(min-width:821px){.desktop-frame{top:calc(50% - 12px);left:27px;transform:translateY(-50%) rotate(-2deg)}.scene-tag{bottom:95px}}
/* Keep the ink note to the left of the rotated phone across desktop breakpoints. */
@media(min-width:821px) and (max-width:1150px){.scene-tag{left:0;max-width:calc(100% - 256px);white-space:normal}}
@media(min-width:1151px){.scene-tag{left:12px}}
@media(min-width:821px){.video-teaser{display:none}.video-panel{margin-top:0}}
@media(max-width:820px){.desktop-frame{top:calc(50% - 15px);transform:translateY(-50%) rotate(-2deg)}.feature-section{row-gap:36px}.feature-video{order:3}}
@media(max-width:600px){.hero-actions{justify-content:center}.waitlist-copy .margin-note{display:none}.platform-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0}.platform-symbol{display:flex;align-items:center;justify-content:center;width:100%;height:38px}.platform-card h3{margin:4px 0 8px}.platform-card .coming{margin-top:0}.desktop-frame{top:calc(50% - 8px);transform:translateY(-50%) rotate(-2deg)}.video-teaser{flex-direction:column;gap:9px}.video-reveal{width:100%;min-height:49px}.video-duration{font-size:10px}.video-panel{margin-top:20px}.video-stage{border-radius:12px}.dock img{width:80px;height:80px;border-radius:17px}.dock:before{width:98px;height:98px}}
/* The note stays legible above the phone on narrow screens and beside it on desktop. */
.scene-tag{transform:rotate(-7deg)}
@media(max-width:820px){.scene-tag{bottom:50px;z-index:3}}
@media(min-width:821px){.scene-tag{bottom:55px;font:italic 18px/1.3 Georgia,serif;padding:13px 15px}}
@media(min-width:821px) and (max-width:1150px){.scene-tag{padding-inline:12px}}
@media(min-width:1151px){.scene-tag{left:-12px}}
@media(prefers-reduced-motion:reduce){.ambient-ink{display:none}.dock:before{animation:none;opacity:.28}html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
.form-status:empty{display:none}.form-status{font:500 13px var(--font);line-height:1.5;margin:15px 0 0}.form-status[data-state="sending"]{color:#b4bec0}.form-status[data-state="error"]{color:#ffb7a8}.submit-button:disabled{opacity:.68;cursor:wait}