@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--paper:#f7f3ed;--paper-dark:#e8e0d4;--pencil:#4a4a4a;--pencil-light:#7a7a7a;--pencil-faint:#b0a89e;--ink-blue:#2563eb;--ink-blue-soft:#2563eb1f;--ink-blue-hover:#1d4fd7;--eraser-pink:#e8a0bf;--highlighter:#fde68a;--kraft:#c4a77d;--white:#fff;--font-hand:"Caveat", cursive;--font-sans:"Inter", sans-serif;--shadow-sketch:3px 3px 0px var(--pencil);--shadow-sketch-sm:2px 2px 0px var(--pencil);--shadow-lift:0 8px 24px #4a4a4a1f}.dark{--paper:#18181a;--paper-dark:#1e1e20;--pencil:#e8e0d4;--pencil-light:#b0a89e;--pencil-faint:#e8e0d44d;--ink-blue:#60a5fa;--ink-blue-soft:#60a5fa26;--ink-blue-hover:#93c5fd;--eraser-pink:#f43f5e;--highlighter:#fde68a;--kraft:#c4a77d;--white:#27272a;--shadow-sketch:3px 3px 0px var(--pencil);--shadow-sketch-sm:2px 2px 0px var(--pencil)}.landing-filters{width:0;height:0;position:absolute;overflow:hidden}.landing-page{background-color:var(--paper);color:var(--pencil);font-family:var(--font-sans);background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");min-height:100vh;overflow-x:hidden}.blob-1{background:var(--ink-blue-soft);filter:blur(60px);opacity:.5;pointer-events:none;z-index:0;border-radius:62% 38% 46% 54%/60% 45% 55% 40%;width:400px;height:400px;position:absolute}.blob-2{filter:blur(50px);opacity:.4;pointer-events:none;z-index:0;background:#e8a0bf26;border-radius:44% 56% 63% 37%/55% 38% 62% 45%;width:300px;height:300px;position:absolute}.sketch-card{background:var(--white);border:2.5px solid var(--pencil);box-shadow:var(--shadow-sketch);border-radius:18px 22px 16px 24px;transition:transform .25s,box-shadow .25s;position:relative}.sketch-card:hover{box-shadow:4px 5px 0px var(--pencil);transform:translateY(-3px)rotate(-.5deg)}@media (prefers-reduced-motion:reduce){.sketch-card:hover{transform:none}}.tape{z-index:2;background:#fde68ab3;border:1px solid #c4a77d66;width:60px;height:22px;position:absolute}.tape-top-left{top:-8px;left:16px;transform:rotate(-8deg)}.tape-top-right{top:-8px;right:16px;transform:rotate(6deg)}.btn-sketch{font-family:var(--font-hand);color:var(--white);background:var(--ink-blue);border:2.5px solid var(--pencil);box-shadow:var(--shadow-sketch);cursor:pointer;border-radius:14px 18px 12px 20px;align-items:center;gap:8px;padding:14px 32px;font-size:1.35rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative}.btn-sketch:hover{box-shadow:4px 5px 0px var(--pencil);background:var(--ink-blue-hover);transform:translateY(-2px)rotate(1deg)}.btn-sketch:active{box-shadow:1px 1px 0px var(--pencil);transform:translateY(2px)rotate(0)}.btn-sketch:focus-visible{outline:3px solid var(--ink-blue);outline-offset:3px}.btn-outline-sketch{font-family:var(--font-hand);color:var(--pencil);background:var(--white);border:2.5px dashed var(--pencil);box-shadow:var(--shadow-sketch-sm);cursor:pointer;border-radius:16px 12px 18px 14px;align-items:center;gap:8px;padding:14px 32px;font-size:1.35rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn-outline-sketch:hover{box-shadow:3px 4px 0px var(--pencil);background:var(--paper);transform:translateY(-2px)rotate(-1deg)}.btn-outline-sketch:focus-visible{outline:3px solid var(--ink-blue);outline-offset:3px}.scribble-underline{display:inline-block;position:relative}.scribble-underline:after{content:"";background:var(--highlighter);z-index:-1;opacity:.6;border-radius:2px 8px 4px 6px;height:12px;position:absolute;bottom:-4px;left:-4px;right:-4px;transform:rotate(-.5deg)}.torn-divider{background-image:url("data:image/svg+xml,%3Csvg width='1200' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 20 Q50 5 100 18 Q150 32 200 15 Q250 2 300 22 Q350 35 400 12 Q450 0 500 20 Q550 38 600 14 Q650 3 700 25 Q750 40 800 16 Q850 5 900 22 Q950 35 1000 10 Q1050 0 1100 24 Q1150 38 1200 20 L1200 40 L0 40 Z' fill='%23F7F3ED'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover;width:100%;height:40px}@keyframes wobble{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.wobble-hover:hover{animation:.4s ease-in-out wobble}@media (prefers-reduced-motion:reduce){.wobble-hover:hover{animation:none}.float-gentle{animation:none!important}}.float-gentle{animation:4s ease-in-out infinite float}.hand-circle{border:3px solid var(--pencil);border-radius:55% 45% 50% 50%/48% 52%;justify-content:center;align-items:center;width:64px;height:64px;display:inline-flex;position:relative}.notebook-lines{background-image:repeating-linear-gradient(transparent, transparent 31px, var(--pencil-faint) 31px, var(--pencil-faint) 32px);background-size:100% 32px}.feature-icon{border:2.5px solid var(--pencil);background:var(--ink-blue-soft);border-radius:50% 45% 55% 42%/48% 55% 45% 52%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-number{font-family:var(--font-hand);color:var(--ink-blue);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1}.stat-label{color:var(--pencil-light);margin-top:4px;font-size:.875rem}.testimonial-card{background:var(--white);border:2px solid var(--pencil);box-shadow:var(--shadow-sketch-sm);border-radius:20px 16px 22px 14px;padding:24px;position:relative}.testimonial-card:before{content:"“";font-family:var(--font-hand);color:var(--ink-blue);opacity:.5;font-size:3rem;line-height:1;position:absolute;top:8px;left:16px}.features-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.testimonial-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.testimonial-grid{grid-template-columns:repeat(3,1fr)}}.landing-nav{z-index:10;justify-content:space-between;align-items:center;padding:16px 0;display:flex;position:relative}.landing-nav-brand{color:var(--pencil);align-items:center;gap:10px;text-decoration:none;display:flex}.landing-nav-brand-mark{background:var(--ink-blue);width:40px;height:40px;color:var(--white);border:2.5px solid var(--pencil);font-family:var(--font-hand);box-shadow:var(--shadow-sketch-sm);border-radius:50% 42% 55% 48%/45% 52% 48% 55%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.landing-nav-links{align-items:center;gap:24px;display:flex}.landing-nav-link{color:var(--pencil);font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.landing-nav-link:hover{color:var(--ink-blue)}.landing-nav-link:after{content:"";background:var(--ink-blue);border-radius:1px;width:0;height:2px;transition:width .25s;position:absolute;bottom:-3px;left:0}.landing-nav-link:hover:after{width:100%}.landing-section{padding:clamp(48px,8vw,96px) 0;position:relative}.landing-container{z-index:1;max-width:1120px;margin:0 auto;padding:0 24px;position:relative}.doodle-arrow{pointer-events:none;opacity:.25;z-index:0;position:absolute}.cta-section{background:var(--paper-dark);border-top:2.5px dashed var(--pencil-faint);border-bottom:2.5px dashed var(--pencil-faint);text-align:center}.landing-footer{text-align:center;color:var(--pencil-light);border-top:2px solid var(--pencil-faint);padding:32px 0;font-size:.875rem}.sticky-note{font-family:var(--font-hand);color:var(--pencil);background:#fff9c4;border:1.5px solid #c4a77d80;border-radius:2px;padding:16px 20px;font-size:1.1rem;transform:rotate(-2deg);box-shadow:2px 3px 6px #00000014}.lang-pill{background:var(--white);border:2px solid var(--pencil);color:var(--pencil);box-shadow:1px 2px 0px var(--pencil);white-space:nowrap;border-radius:20px 16px 22px 18px;align-items:center;gap:6px;padding:6px 14px;font-size:.875rem;font-weight:500;display:inline-flex}.lang-pill-flag{font-size:1.1rem}.sketch-card input,.sketch-card select{border:2px solid var(--pencil-faint)!important;color:var(--pencil)!important;background:0 0!important;border-radius:8px 12px 10px 14px!important}.sketch-card input:focus-visible,.sketch-card select:focus-visible{outline:2.5px solid var(--ink-blue)!important;outline-offset:2px!important;border-color:var(--pencil)!important}