:root{--blue: #2f6bff;--blue-deep: #1d47af;--sky: #5fa8ff;--mint: #8ae5c3;--orange: #f47a20;--yellow: #f7c600;--pink: #e66bc5;--plum: #5a3559;--navy: #23445d;--navy-deep: #1b3556;--navy-ink: #142b47;--ink: #1f2430;--cream: #faf3e7;--cream-2: #fdf8f0;--paper: #fffcf8;--sand: #e4ded3;--line: #eadcc7;--line-2: #d8c8af;--muted: #a18f72;--body-ink: #5a5446;--rule-line: #d8e6ff;--margin-line: #e66bc5;--display: "Outfit", system-ui, sans-serif;--body: "Hanken Grotesk", system-ui, sans-serif;--script: "Meow Script", cursive;--ease-out: cubic-bezier(.22, 1, .36, 1);--shadow-card: 0 1px 2px rgba(31, 36, 48, .08), 0 18px 40px -22px rgba(31, 36, 48, .4);--shadow-note: 0 1px 2px rgba(13, 30, 58, .14), 0 22px 32px -14px rgba(13, 30, 58, .42), inset 0 -36px 30px -30px rgba(0, 0, 0, .22)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{margin:0;background:var(--sand);color:var(--ink);font-family:var(--body);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--display);font-weight:800;letter-spacing:-.02em;line-height:.98;margin:0}p{margin:0}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:var(--yellow);color:var(--ink)}.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,56px)}.section{position:relative;padding:clamp(56px,9vw,104px) 0}.eyebrow{font-family:var(--display);font-weight:600;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:14px}.eyebrow:before{content:"";width:36px;height:1.5px;background:currentColor;opacity:.55}.eyebrow.no-rule:before{display:none}.script{font-family:var(--script);font-weight:400;line-height:1}.btn{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:999px;padding:14px 26px;font-family:var(--display);font-weight:700;font-size:16px;line-height:1;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out),background .2s;will-change:transform}.btn .arrow{transition:transform .3s var(--ease-out)}.btn:hover .arrow{transform:translate(4px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 28px -10px #2f6bffb3}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 34px -10px #2f6bffcc}.btn-cream{background:var(--paper);color:var(--blue);box-shadow:0 12px 28px -12px #0d1e3a73}.btn-cream:hover{transform:translateY(-2px)}.btn-ghost{background:transparent;border:1.5px solid rgba(255,255,255,.5);color:#fff}.btn-ghost.dark{border-color:var(--ink);color:var(--ink)}.btn-ghost:hover{background:#ffffff1f}.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .4s var(--ease-out),box-shadow .4s var(--ease-out),border-color .4s;border-bottom:1px solid transparent}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0}.nav-logo{height:30px;width:auto;transition:opacity .3s}.nav-links{display:flex;align-items:center;gap:26px;font-family:var(--display);font-weight:500;font-size:14px}.nav-links a{position:relative;color:#ffffffd1;transition:color .25s}.nav-links a:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-out)}.nav-links a:hover{color:#fff}.nav-links a:hover:after{transform:scaleX(1)}.nav-cta{background:var(--yellow);color:var(--ink);border-radius:999px;padding:9px 18px;font-weight:700;white-space:nowrap;border:none;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 22px -8px #f7c600b3}.nav.scrolled{background:#faf3e7e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--line);box-shadow:0 8px 24px -16px #1f243066}.nav.scrolled .nav-links a{color:var(--body-ink)}.nav.scrolled .nav-links a:hover{color:var(--ink)}.hero{position:relative;min-height:100svh;background:var(--blue);color:var(--cream);display:flex;align-items:center;overflow:hidden;isolation:isolate}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-canvas canvas{display:block;width:100%!important;height:100%!important}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(120% 100% at 12% 50%,#1d3ca0d1,#1d3ca059 38%,#2f6bff00 66%),linear-gradient(180deg,#2f6bff66,#2f6bff00 22%)}.hero-grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.5;background:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:4px 4px;mix-blend-mode:overlay}.hero-inner{position:relative;z-index:3;width:100%;padding-top:96px;padding-bottom:64px}.hero-content{max-width:660px}.badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff24;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:8px 16px;font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.02em;color:#eaf1ff;margin-bottom:26px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge .dot{width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 #f7c600b3;animation:pulse 2.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #f7c60099}70%{box-shadow:0 0 0 8px #f7c60000}to{box-shadow:0 0 #f7c60000}}.hero h1{font-size:clamp(44px,7.4vw,92px);letter-spacing:-.03em;color:#fff;margin:0}.hero h1 .word{display:inline-block;will-change:transform}.hero h1 .hl{position:relative;color:var(--yellow);white-space:nowrap}.hero h1 .hl:after{content:"";position:absolute;left:-2px;right:-2px;bottom:.04em;height:.14em;background:var(--yellow);opacity:.32;border-radius:999px;transform:scaleX(var(--draw, 0));transform-origin:left}.hero-sub{max-width:540px;margin-top:26px;font-size:clamp(17px,2vw,20px);line-height:1.55;color:#d7e4ff}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:36px;flex-wrap:wrap}.hero-sticky{position:absolute;z-index:3;right:clamp(24px,7vw,110px);top:24%;width:232px;min-height:200px;padding:28px 26px;display:flex;align-items:center;background:linear-gradient(158deg,#ffffff3d,#fff0 42%),var(--orange);color:#4a2200;border-radius:2px 2px 15px 19px;box-shadow:0 28px 44px -16px #0d1e3a99;font-family:var(--display);font-weight:700;font-size:26px;line-height:1.16;letter-spacing:-.02em}.scroll-cue{position:absolute;z-index:3;left:50%;bottom:26px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--display);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#eaf1ffb3}.scroll-cue .mouse{width:22px;height:34px;border:1.5px solid rgba(234,241,255,.55);border-radius:12px;position:relative}.scroll-cue .mouse:after{content:"";position:absolute;left:50%;top:7px;width:3px;height:6px;border-radius:2px;background:#eaf1ffcc;transform:translate(-50%);animation:wheel 1.8s infinite}@keyframes wheel{0%{opacity:0;transform:translate(-50%)}30%{opacity:1}to{opacity:0;transform:translate(-50%,10px)}}.problem{background:var(--cream)}.problem h2{font-size:clamp(30px,4.6vw,44px);line-height:1.08;letter-spacing:-.025em;color:var(--ink);max-width:15ch;margin-top:18px}.problem .lead{max-width:600px;margin-top:22px;font-size:clamp(17px,2vw,19px);line-height:1.6;color:var(--plum)}.imagine{background:var(--blue);color:var(--cream)}.imagine .eyebrow{color:#b5ceff}.notebook{position:relative;margin-top:30px;background-color:var(--paper);background-image:repeating-linear-gradient(var(--paper) 0 31px,var(--rule-line) 31px 32px);border-radius:16px;box-shadow:0 40px 80px -30px #0d1e3a99;overflow:hidden;padding:clamp(36px,5vw,56px) clamp(24px,4vw,52px) clamp(48px,6vw,72px) clamp(56px,8vw,104px)}.notebook:before{content:"";position:absolute;top:0;bottom:0;left:clamp(40px,6vw,74px);width:2px;background:var(--margin-line)}.notebook h2{position:relative;font-size:clamp(32px,5.4vw,52px);letter-spacing:-.03em;color:var(--ink);margin-bottom:6px}.notebook .note-intro{position:relative;color:#6b6354;font-size:17px;line-height:1.55;max-width:540px;margin-bottom:38px}.note-wall{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(20px,3vw,34px);align-items:start}.note{position:relative;min-height:220px;padding:28px 26px 36px;display:flex;flex-direction:column;gap:14px;color:var(--note-ink, #1f2430);background:linear-gradient(158deg,#ffffff38,#fff0 42%),var(--note-bg, var(--yellow));border-radius:2px 2px 15px 19px;box-shadow:var(--shadow-note);transform:rotate(var(--rot, 0deg));transform-origin:center top;will-change:transform,opacity}.note .note-num{font-family:var(--display);font-weight:800;font-style:italic;font-size:18px;opacity:.45}.note .note-text{font-family:var(--display);font-weight:600;font-size:17.5px;line-height:1.36;letter-spacing:-.01em}.note-wall .note:nth-child(2){margin-top:clamp(0px,2vw,26px)}.note-wall .note:nth-child(4){margin-top:clamp(0px,2vw,30px)}.note-wall .note:nth-child(5){margin-top:clamp(0px,1.4vw,14px)}.modular{background:var(--cream-2)}.modular-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;margin-top:16px}.modular-head h2{font-size:clamp(32px,4.8vw,46px);letter-spacing:-.03em;color:var(--ink)}.modular-head p{max-width:340px;font-size:17px;line-height:1.5;color:var(--plum)}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.module{position:relative;border-radius:18px;padding:22px;min-height:132px;display:flex;flex-direction:column;justify-content:space-between;color:var(--mod-ink, #fff);background:var(--mod-bg, var(--blue));overflow:hidden;cursor:default;transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out);will-change:transform}.module:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:0 26px 40px -20px #1f24308c}.module .mod-name{font-family:var(--display);font-weight:700;font-size:22px}.module .mod-toggle{align-self:flex-end;width:46px;height:26px;border-radius:999px;background:#ffffff59;border:1px solid rgba(255,255,255,.6);position:relative}.module .mod-toggle:after{content:"";position:absolute;top:50%;right:3px;width:18px;height:18px;border-radius:50%;background:#fff;transform:translateY(-50%);box-shadow:0 1px 2px #00000040}.module .mod-spark{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120px 120px at var(--mx, 70%) var(--my, 30%),rgba(255,255,255,.28),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.module:hover .mod-spark{opacity:1}.modular-foot{font-family:var(--script);font-size:26px;color:var(--orange);margin-top:20px}.proof{background:var(--navy);color:var(--cream)}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.proof-item .proof-ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:var(--ink)}.proof-item h3{font-family:var(--display);font-weight:700;font-size:21px;color:#fff;margin-bottom:8px}.proof-item p{font-size:15.5px;line-height:1.55;color:#c9d6e5}.cta{background:var(--blue);color:#fff;text-align:center;overflow:hidden}.cta .wrap{position:relative;z-index:2}.cta h2{font-size:clamp(36px,6vw,60px);letter-spacing:-.03em;max-width:12ch;margin:0 auto}.cta .cta-sub{max-width:480px;margin:18px auto 0;font-size:18px;color:#d7e4ff}.cta-form{display:inline-flex;align-items:center;gap:10px;background:var(--paper);border-radius:999px;padding:6px 6px 6px 22px;margin-top:32px;max-width:100%;box-shadow:0 24px 50px -20px #07122899}.cta-form input{border:none;outline:none;background:transparent;font-family:var(--body);font-size:15px;color:var(--ink);min-width:200px;padding:11px 0}.cta-form input::placeholder{color:#8a8170}.cta-form button{border:none;background:var(--blue);color:#fff;border-radius:999px;padding:11px 22px;font-family:var(--display);font-weight:700;font-size:15px;white-space:nowrap;transition:transform .3s var(--ease-out),background .2s}.cta-form button:hover{transform:translateY(-1px);background:var(--blue-deep)}.cta-form button:disabled{opacity:.7;cursor:default}.cta-msg{margin-top:18px;font-family:var(--display);font-weight:600;font-size:15px;min-height:22px;color:#eaf1ff}.cta-msg.error{color:#ffd9b0}.cta-dot{position:absolute;border-radius:50%;z-index:1;will-change:transform}.foot{background:var(--ink);color:#e4ded3;padding:40px 0}.foot-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px}.foot-left{display:flex;align-items:center;gap:14px}.foot-left img{height:26px;width:auto}.foot-left span{font-size:13px;opacity:.7}.foot-links{display:flex;align-items:center;gap:22px;font-family:var(--display);font-size:13px;color:#a9a292}.foot-links a:hover{color:#fff}.progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--yellow),var(--orange),var(--pink));z-index:200}@media (max-width: 900px){.module-grid{grid-template-columns:repeat(2,1fr)}.proof-grid{grid-template-columns:1fr;gap:26px}.hero-sticky{display:none}}@media (max-width: 760px){.nav-links{gap:16px}.nav-links .nav-only-desktop{display:none}.note-wall .note{margin-top:0!important;transform:rotate(0)!important}.hero:before{background:linear-gradient(180deg,#1d3ca08c,#1d3ca04d 38%,#1d3ca080),radial-gradient(95% 55% at 46% 46%,#1730829e,#2f6bff00 72%)}}@media (max-width: 560px){.module-grid{grid-template-columns:1fr}.cta-form{flex-direction:column;border-radius:22px;padding:14px;gap:12px;width:100%}.cta-form input{text-align:center;min-width:0;width:100%}.cta-form button{width:100%;padding:13px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}