:root{--ink: #17130f;--ink-soft: #4f4339;--paper: #fff6df;--paper-deep: #f4dec2;--cream: #fffaf0;--orange: #ff8b38;--coral: #ff5e5b;--blue: #5aa9ff;--mint: #71d99e;--violet: #8e67ff;--shadow: 0 26px 70px rgba(68, 43, 20, .18);--line: 3px solid var(--ink);--radius-lg: 34px;--radius-md: 22px;--display: "Avenir Next Condensed", "Trebuchet MS", "Gill Sans", sans-serif;--body: "Avenir Next", "Trebuchet MS", "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--body);background:radial-gradient(circle at 10% 8%,rgba(255,139,56,.22),transparent 28rem),radial-gradient(circle at 88% 12%,rgba(90,169,255,.18),transparent 24rem),linear-gradient(135deg,rgba(23,19,15,.035) 25%,transparent 25%) 0 0 / 18px 18px,var(--paper)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.38;mix-blend-mode:multiply;background-image:linear-gradient(rgba(23,19,15,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(23,19,15,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 82%)}a{color:inherit}.site-shell{width:min(1180px,calc(100% - 36px));margin:0 auto}.nav{position:sticky;top:14px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0 44px;padding:12px 14px 12px 16px;border:var(--line);border-radius:999px;background:#fffaf0d1;box-shadow:9px 9px #17130f1f;backdrop-filter:blur(14px)}.brand,.nav-links,.nav-cta{display:flex;align-items:center}.brand{gap:10px;text-decoration:none;font-weight:900;letter-spacing:-.02em}.brand-logo{height:44px;width:auto;flex-shrink:0;filter:drop-shadow(2px 2px 0 var(--ink))}.nav-links{gap:8px;color:var(--ink-soft);font-size:.92rem;font-weight:750}.nav-links a,.nav-cta{text-decoration:none;border-radius:999px;padding:10px 14px}.nav-links a:hover{background:#ff8b3829}.nav-cta{border:2px solid var(--ink);background:var(--mint);font-weight:900;box-shadow:3px 3px 0 var(--ink);transition:transform .18s ease,box-shadow .18s ease}.nav-cta:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.nav-cta:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.section-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:42px;align-items:center}.hero{min-height:680px;padding:34px 0 70px}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;color:#7b341e;font-size:.78rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:12px;border:2px solid var(--ink);border-radius:999px;background:var(--orange);box-shadow:2px 2px 0 var(--ink)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);line-height:.94;letter-spacing:-.045em}h1{max-width:780px;margin-bottom:24px;font-size:clamp(4rem,10vw,8.7rem)}.hero-lede{max-width:580px;color:var(--ink-soft);font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.62}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:34px 0 24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 22px;border:var(--line);border-radius:18px;color:var(--ink);text-decoration:none;font-weight:950;box-shadow:6px 6px 0 var(--ink);transition:transform .18s ease,box-shadow .18s ease}.button:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink)}.button-primary{background:var(--coral);color:#fff}.button-secondary{background:var(--cream)}.support-strip{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px;border:2px dashed rgba(23,19,15,.34);border-radius:999px;color:var(--ink-soft);font-size:.92rem;font-weight:800}.support-strip strong{padding:8px 13px;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink)}.hero-stage{position:relative;min-height:580px;perspective:1100px}.device-card{position:absolute;border:var(--line);background:var(--cream);box-shadow:var(--shadow),10px 10px 0 var(--ink)}.mac-card{inset:44px 76px auto 0;height:360px;border-radius:32px;transform:rotate(-2.5deg)}.mac-topbar{display:flex;gap:8px;height:48px;align-items:center;padding:0 22px;border-bottom:var(--line);background:#ffe1a8;border-radius:28px 28px 0 0}.mac-topbar span{width:14px;height:14px;border:2px solid var(--ink);border-radius:50%;background:var(--coral)}.mac-topbar span:nth-child(2){background:var(--orange)}.mac-topbar span:nth-child(3){background:var(--mint)}.lesson-window{padding:28px}.lesson-badge{width:max-content;margin-bottom:18px;padding:8px 12px;border:2px solid var(--ink);border-radius:999px;background:var(--blue);color:#fff;font-size:.82rem;font-weight:950;box-shadow:3px 3px 0 var(--ink)}.lesson-window h2{margin-bottom:8px;font-size:clamp(2.4rem,5vw,4.2rem)}.lesson-window p{max-width:350px;color:var(--ink-soft);line-height:1.45}.audio-wave{display:flex;align-items:center;gap:8px;height:70px;margin:12px 0}.audio-wave i{width:16px;border:2px solid var(--ink);border-radius:999px;background:var(--orange);animation:bob 1.6s ease-in-out infinite}.audio-wave i:nth-child(1){height:28px;animation-delay:0ms}.audio-wave i:nth-child(2){height:48px;animation-delay:90ms;background:var(--coral)}.audio-wave i:nth-child(3){height:62px;animation-delay:.18s;background:var(--blue)}.audio-wave i:nth-child(4){height:36px;animation-delay:.27s;background:var(--mint)}.audio-wave i:nth-child(5){height:54px;animation-delay:.36s;background:var(--violet)}.audio-wave i:nth-child(6){height:30px;animation-delay:.45s}.audio-wave i:nth-child(7){height:46px;animation-delay:.54s;background:var(--coral)}.typing-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;border:2px solid var(--ink);border-radius:18px;background:#fff;box-shadow:4px 4px 0 var(--ink)}.typing-card span{color:var(--ink-soft);font-weight:800}.typing-card b{color:#187748;font-size:1.2rem}.ipad-card{right:0;bottom:34px;width:245px;height:345px;padding:18px;border-radius:38px;background:#2b2a34;transform:rotate(5.5deg)}.ipad-camera{width:14px;height:14px;margin:0 auto 12px;border-radius:50%;background:#0b0a0d;border:2px solid #66616e}.ipad-screen{display:grid;place-items:center;min-height:278px;padding:18px;border:2px solid var(--ink);border-radius:24px;text-align:center;background:radial-gradient(circle at 26% 25%,rgba(255,255,255,.9),transparent 4rem),linear-gradient(160deg,#bfe8ff,#fff3b8 55%,#ffc4b4)}.ipad-screen p{margin-bottom:0;font-family:var(--display);font-size:1.7rem;font-weight:950;line-height:1.05}.mascot{display:grid;place-items:center;width:94px;height:94px;margin-bottom:14px;border:var(--line);border-radius:38% 54% 44% 58%;background:#fff;box-shadow:5px 5px 0 var(--ink);animation:floaty 4.4s ease-in-out infinite}.mascot-face{font-family:var(--display);font-size:2.4rem;font-weight:950}.sticker{position:absolute;z-index:3;padding:12px 16px;border:var(--line);border-radius:999px;font-family:var(--display);font-size:1.35rem;font-weight:950;background:#fff;box-shadow:5px 5px 0 var(--ink)}.sticker-left{left:22px;bottom:106px;background:var(--mint);transform:rotate(-10deg)}.sticker-right{right:48px;top:26px;background:var(--violet);color:#fff;transform:rotate(11deg)}.spark{position:absolute;border:var(--line);border-radius:999px;background:var(--orange)}.spark-one{width:62px;height:62px;left:56%;top:0}.spark-two{width:28px;height:28px;left:4%;top:416px;background:var(--blue)}.proof-band{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:120px}.proof-band article,.loop-card,.install-card,.faq-list details,.final-cta{border:var(--line);background:var(--cream);box-shadow:7px 7px 0 var(--ink)}.proof-band article{min-height:220px;padding:24px;border-radius:var(--radius-md)}.proof-band article:nth-child(2){transform:translateY(22px) rotate(1.2deg)}.proof-band article:nth-child(3){transform:rotate(-1.4deg)}.proof-number{display:inline-block;margin-bottom:44px;color:var(--coral);font-family:var(--display);font-size:3.2rem;font-weight:950;line-height:.8}.proof-band h2,.split-section h2,.install-section h2,.faq-section h2,.final-cta h2{font-size:clamp(2.7rem,6vw,5.6rem)}.proof-band p,.loop-card p,.install-copy p,.install-note,.faq-list p{color:var(--ink-soft);line-height:1.6}.split-section,.install-section,.faq-section{margin-bottom:120px;scroll-margin-top:100px}.split-section{display:grid;grid-template-columns:.82fr 1fr;gap:52px;align-items:start}.loop-cards{display:grid;gap:18px}.loop-card{display:grid;grid-template-columns:160px 1fr;gap:18px;padding:24px;border-radius:var(--radius-md);transform:rotate(-.6deg)}.loop-card:nth-child(2){transform:rotate(1deg)}.loop-card span{font-family:var(--display);font-size:2.5rem;font-weight:950;letter-spacing:-.04em}.loop-card p{margin-bottom:0}.install-section{padding:40px;border:var(--line);border-radius:var(--radius-lg);background:radial-gradient(circle at 92% 12%,rgba(113,217,158,.34),transparent 18rem),linear-gradient(160deg,#fff7e5,#ffe5ce);box-shadow:var(--shadow),10px 10px 0 var(--ink)}.install-copy{max-width:780px;margin-bottom:30px}.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.install-card{padding:28px;border-radius:var(--radius-md)}.primary-card{background:#fffaf7;transform:rotate(-1deg)}.install-card:not(.primary-card){background:#f8fbff;transform:rotate(1deg)}.card-icon{display:inline-grid;place-items:center;margin-bottom:22px;min-width:78px;height:48px;padding:0 14px;border:var(--line);border-radius:18px;background:var(--orange);color:#fff;font-family:var(--display);font-size:1.4rem;font-weight:950;box-shadow:4px 4px 0 var(--ink)}.install-card h3{margin-bottom:18px;font-size:2.2rem}.install-card ol{display:grid;gap:12px;margin:0;padding-left:22px;color:var(--ink-soft);line-height:1.5}.install-card li::marker{color:var(--coral);font-weight:950}.install-note{display:flex;gap:10px;margin-top:24px;padding:16px 18px;border:2px dashed rgba(23,19,15,.42);border-radius:18px;background:#ffffff94}.install-note strong{color:var(--ink)}.feature-marquee{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:120px}.feature-marquee span{padding:13px 18px;border:var(--line);border-radius:999px;background:#fff;font-family:var(--display);font-size:clamp(1.4rem,3vw,2.6rem);font-weight:950;box-shadow:4px 4px 0 var(--ink)}.feature-marquee span:nth-child(2n){background:#dff5ff;transform:rotate(2deg)}.feature-marquee span:nth-child(3n){background:#ffe0d8;transform:rotate(-2deg)}.faq-section{display:grid;grid-template-columns:.7fr 1fr;gap:46px}.faq-list{display:grid;gap:16px}.faq-list details{padding:20px 22px;border-radius:20px;background:#fff}.faq-list summary{cursor:pointer;font-family:var(--display);font-size:1.55rem;font-weight:950;letter-spacing:-.03em}.faq-list p{margin:12px 0 0}.final-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:54px;padding:34px;border-radius:var(--radius-lg);background:radial-gradient(circle at 12% 12%,rgba(255,255,255,.9),transparent 16rem),linear-gradient(135deg,var(--mint),#ffe18f)}.final-cta h2{max-width:760px;margin-bottom:0}.footer{display:flex;justify-content:space-between;gap:18px;padding:28px 0 40px;color:var(--ink-soft);font-weight:800}@keyframes bob{0%,to{transform:scaleY(.76)}50%{transform:scaleY(1.08)}}@keyframes floaty{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media(max-width:980px){.nav-links{display:none}.section-grid,.split-section,.faq-section{grid-template-columns:1fr}.hero{min-height:0;padding-bottom:48px}.hero-stage{min-height:500px}.proof-band,.install-grid{grid-template-columns:1fr}.proof-band article:nth-child(n),.install-card:nth-child(n){transform:none}}@media(max-width:680px){.site-shell{width:min(100% - 22px,1180px)}.nav{border-radius:24px}.nav-cta{display:none}h1{font-size:clamp(3.2rem,18vw,5.2rem)}.hero-stage{min-height:570px}.mac-card{inset:20px 0 auto;height:345px}.ipad-card{right:8px;bottom:14px;width:200px;height:296px}.ipad-screen{min-height:232px}.sticker-left{left:8px;bottom:76px}.sticker-right{right:12px;top:0}.loop-card{grid-template-columns:1fr}.install-section{padding:22px}.install-note,.final-cta,.footer{flex-direction:column;align-items:flex-start}.button{width:100%}}