*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5efe4;--bg2:#ede6d8;--bg3:#e8dfc8;--card:#faf6ee;--border:#ddd4be;--border2:#ccc0a4;--text:#2e2516;--soft:#7a6a4e;--muted:#b0a080;--amber:#8a6018;--rose:#a04040;--sage:#3a6a4a;--blue:#3a5a7a}[data-theme=dark]{--bg:#0e0c09;--bg2:#141108;--bg3:#1c1810;--card:#221e14;--border:#2e2818;--border2:#3d3420;--text:#e8dfc8;--soft:#8a7d62;--muted:#4a4030;--amber:#c8952a;--rose:#c26060;--sage:#5a8a6a;--blue:#5a7a9a}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E");position:fixed;inset:0}nav{z-index:100;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:18px 48px;transition:background .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}nav.scrolled{background:color-mix(in srgb, var(--bg) 92%, transparent);border-color:var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.logo{-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex;text-decoration:none!important}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:var(--soft);font-size:13px;text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--text)}.btn{cursor:pointer;border:none;border-radius:99px;align-items:center;gap:6px;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--amber);color:var(--card)}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 20px oklch(55% .1 75/.2)}.btn-ghost{color:var(--soft);border:1px solid var(--border2);background:0 0}.btn-ghost:hover{color:var(--text);border-color:var(--soft)}.btn-lg{padding:14px 32px;font-size:15px}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(70% 60% at 50% 30%,oklch(85% .05 75/.4) 0%,#0000 70%);position:absolute;inset:0}[data-theme=dark] .hero:before{background:radial-gradient(70% 60% at 50% 30%,oklch(35% .08 70/.2) 0%,#0000 70%)}.hero-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--amber);opacity:.9;margin-bottom:20px;font-size:11px;font-weight:500}.hero h1{letter-spacing:-.02em;max-width:820px;margin-bottom:24px;font-family:Lora,serif;font-size:clamp(40px,6vw,80px);font-weight:500;line-height:1.12}.hero h1 em{color:var(--amber);font-style:italic}.hero-sub{color:var(--soft);max-width:520px;margin-bottom:44px;font-size:clamp(15px,2vw,18px);line-height:1.65}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.preview-wrap{width:100%;max-width:1100px;margin:80px auto 0;padding:0 24px;position:relative}.preview-glow{pointer-events:none;background:radial-gradient(60% 40%,oklch(85% .05 75/.3),#0000 70%);position:absolute;inset:-40px}.preview-frame{background:var(--bg2);border:1px solid var(--border2);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 32px 80px oklch(0% 0 0/.6)}.preview-bar{background:var(--bg3);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 16px;display:flex}.mac-dots{align-items:center;gap:8px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot-close{background:#ff5f57}.dot-minimize{background:#febc2e}.dot-expand{background:#28c840}.preview-bar-title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-left:auto;font-size:10px}[data-theme=dark] .dot-close{background:#ff5f57}[data-theme=dark] .dot-minimize{background:#febc2e}[data-theme=dark] .dot-expand{background:#28c840}.phone-frame{aspect-ratio:9/19.2;background:#1a1a1e;border-radius:44px;width:320px;max-width:85vw;margin:0 auto;padding:12px;position:relative;overflow:visible;box-shadow:inset 0 0 0 2px oklch(40% 0 0/.3),0 32px 80px oklch(0% 0 0/.55),0 0 0 1px oklch(0% 0 0/.15)}[data-theme=dark] .phone-frame{background:#0e0e10;box-shadow:inset 0 0 0 2px oklch(30% 0 0/.5),0 32px 80px oklch(0% 0 0/.7),0 0 0 1px oklch(100% 0 0/.06)}.phone-notch{z-index:10;background:#1a1a1e;border-radius:0 0 18px 18px;justify-content:center;align-items:center;width:120px;height:28px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}[data-theme=dark] .phone-notch{background:#0e0e10}.phone-notch-cam{background:oklch(20% 0 0);border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 2px oklch(30% .02 240)}[data-theme=dark] .phone-notch-cam{background:oklch(12% 0 0);box-shadow:inset 0 0 3px oklch(25% .02 240)}.phone-screen{border-radius:34px;width:100%;height:100%;overflow:hidden}.phone-home-indicator{z-index:10;background:oklch(60% 0 0/.4);border-radius:4px;width:100px;height:4px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.phone-btn{background:#1a1a1e;border-radius:2px;position:absolute}[data-theme=dark] .phone-btn{background:#0e0e10}.phone-btn--power{border-radius:0 2px 2px 0;width:3px;height:56px;top:140px;right:-3px}.phone-btn--vol-up{border-radius:2px 0 0 2px;width:3px;height:36px;top:110px;left:-3px}.phone-btn--vol-down{border-radius:2px 0 0 2px;width:3px;height:36px;top:156px;left:-3px}.preview-body{height:340px;display:flex}.preview-sidebar{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:6px;width:140px;padding:16px 12px;display:flex}.preview-sidebar-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:9px}.preview-day{color:var(--soft);border-radius:5px;padding:4px 6px;font-size:11px}.preview-day.today{color:var(--amber);background:oklch(65% .12 75/.1);align-items:center;gap:6px;font-weight:500;display:flex}.preview-day.today:before{content:"";background:var(--amber);border-radius:99px;flex-shrink:0;width:6px;height:6px}.preview-timeline{border-right:1px solid var(--border);flex:1;padding:12px 16px;position:relative;overflow:hidden}.preview-tl-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:9px}.hour-row{border-top:1px solid var(--border);align-items:flex-start;gap:8px;padding:8px 0;display:flex}.hour-row:first-of-type{border-top:none}.hour-label{color:var(--muted);flex-shrink:0;width:28px;font-size:10px}.cal-event{border-radius:5px;padding:4px 8px;font-size:10px;font-weight:500}.now-line{align-items:center;gap:4px;display:flex;position:absolute;left:16px;right:0}.now-dot{background:var(--rose);border-radius:99px;flex-shrink:0;width:7px;height:7px}.now-hr{background:var(--rose);opacity:.7;flex:1;height:1.5px}.now-time{color:var(--rose);padding-right:8px;font-size:9px}.preview-board{flex-direction:column;flex:2;gap:10px;padding:12px 16px;display:flex}.preview-board-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:9px}.board-cols{flex:1;gap:8px;display:flex}.board-col{background:var(--card);border:1px solid var(--border);border-radius:8px;flex:1;padding:8px}.board-col-title{letter-spacing:.06em;text-transform:uppercase;color:var(--soft);align-items:center;gap:4px;margin-bottom:6px;font-size:9px;font-weight:500;display:flex}.col-dot{border-radius:99px;flex-shrink:0;width:5px;height:5px}.k-card{background:var(--bg3);border:1px solid var(--border2);color:var(--soft);border-radius:5px;margin-bottom:4px;padding:5px 7px;font-size:9px}.k-tag{border-radius:99px;margin-top:3px;padding:1px 5px;font-size:8px;display:inline-block}section{padding:100px 24px}.container{max-width:1100px;margin:0 auto}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin-bottom:16px;font-size:10px;font-weight:500}.section-title{letter-spacing:-.02em;max-width:580px;margin-bottom:16px;font-family:Lora,serif;font-size:clamp(28px,4vw,48px);font-weight:500;line-height:1.2}.section-title em{color:var(--amber);font-style:italic}.section-sub{color:var(--soft);max-width:480px;margin-bottom:56px;font-size:16px;line-height:1.65}.features-grid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.feature-card{background:var(--card);border:1px solid var(--border);padding:36px 32px;transition:background .2s,border-color .2s}.feature-card:hover{background:var(--bg3);border-color:var(--border2)}.feature-card:first-child{border-radius:16px 0 0}.feature-card:nth-child(3){border-radius:0 16px 0 0}.feature-card:nth-child(4){border-radius:0 0 0 16px}.feature-card:last-child{border-radius:0 0 16px}.feature-card h3{margin-bottom:10px;font-family:Lora,serif;font-size:20px;font-weight:500}.feature-card p{color:var(--soft);font-size:14px;line-height:1.65}.feature-demo{background:var(--bg2);border:1px solid var(--border);border-radius:10px;height:104px;margin-bottom:22px;position:relative;overflow:hidden}.feature-card:hover .feature-demo{border-color:var(--border2)}@media (prefers-reduced-motion:reduce){.feature-demo *,.feature-demo :before,.feature-demo :after{transition:none!important;animation:none!important}}.demo-kanban{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;display:grid}.demo-kanban .kb-col{background:var(--card);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:6px;padding:7px 6px 0;display:flex}.demo-kanban .kb-tag{border-radius:99px;width:65%;height:3px}.demo-kanban .kb-tag-todo{background:var(--rose);opacity:.55}.demo-kanban .kb-tag-wip{background:var(--amber);opacity:.7}.demo-kanban .kb-tag-done{background:var(--sage);opacity:.55}.demo-kanban .kb-line{background:var(--border2);opacity:.5;border-radius:99px;width:80%;height:3px}.demo-kanban .kb-card{background:var(--card);border:1px solid var(--border2);border-radius:6px;flex-direction:column;gap:5px;width:calc(33.3333% - 13.3333px);height:38px;padding:7px 6px;animation:7s ease-in-out infinite kb-card-move;display:flex;position:absolute;top:36px;left:12px;box-shadow:0 4px 12px oklch(20% .02 75/.12)}.demo-kanban .kb-card span{background:var(--amber);opacity:.85;border-radius:99px;height:3px}.demo-kanban .kb-card span:last-child{opacity:.5;background:var(--border2);width:60%}@keyframes kb-card-move{0%,8%{transform:translate(0)rotate(0)}14%{transform:translate(0)rotate(-2deg)}22%,36%{transform:translate(calc(100% + 8px))rotate(0)}44%{transform:translate(calc(100% + 8px))rotate(2deg)}52%,66%{transform:translate(calc(200% + 16px))rotate(0)}74%{transform:translate(calc(100% + 8px))rotate(-1deg)}82%,92%{transform:translate(calc(100% + 8px))rotate(0)}to{transform:translate(0)rotate(0)}}.demo-timeline{grid-template-columns:18px 1fr;gap:8px;padding:10px 12px;display:grid}.demo-timeline .tl-hours{color:var(--soft);opacity:.55;font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;font-size:8px;display:flex}.demo-timeline .tl-track{border-left:1px solid var(--border);position:relative}.demo-timeline .tl-grid{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.demo-timeline .tl-grid span{background:var(--border);opacity:.6;height:1px}.demo-timeline .tl-event{border-radius:4px;position:absolute;left:6px;right:8px}.demo-timeline .tl-event-1{background:var(--blue);opacity:.55;height:18%;top:18%}.demo-timeline .tl-event-2{background:var(--amber);opacity:.55;height:22%;top:58%}.demo-timeline .tl-now{background:var(--rose);height:1.5px;animation:5s ease-in-out infinite tl-now-move;position:absolute;left:-2px;right:-2px;box-shadow:0 0 6px oklch(60% .15 25/.5)}.demo-timeline .tl-now:before{content:"";background:var(--rose);border-radius:99px;width:6px;height:6px;position:absolute;top:-2.75px;left:-3px}@keyframes tl-now-move{0%{top:4%}to{top:96%}}.demo-planner .pl-cap{letter-spacing:.08em;text-transform:uppercase;color:var(--soft);opacity:.7;text-align:center;pointer-events:none;z-index:3;font-family:ui-monospace,SFMono-Regular,monospace;font-size:6.5px;font-weight:700;line-height:1;position:absolute;top:1px}.demo-planner .pl-cap-l{width:40%;left:10px}.demo-planner .pl-cap-r{width:40%;right:10px}.demo-planner .pl-planner{background:var(--card);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:3px;width:40%;padding:5px;display:flex;position:absolute;top:10px;bottom:10px;left:10px;overflow:hidden}.demo-planner .pl-day{background:var(--bg2);border-left:2px solid #0000;border-radius:3px;flex:1;position:relative;overflow:hidden}.demo-planner .pl-day span{background:var(--border2);opacity:.45;border-radius:99px;width:50%;height:2px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.demo-planner .pl-day em{color:var(--soft);opacity:.7;letter-spacing:.04em;z-index:1;font-family:ui-monospace,SFMono-Regular,monospace;font-size:7px;font-style:normal;font-weight:700;line-height:1;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.demo-planner .pl-day-target{border-left-color:var(--amber);background:var(--bg3)}.demo-planner .pl-timeline{background:var(--card);border:1px solid var(--border);border-radius:6px;flex-direction:column;justify-content:space-between;width:40%;padding:6px 6px 6px 16px;display:flex;position:absolute;top:10px;bottom:10px;right:10px;overflow:hidden}.demo-planner .pl-tl-hours{color:var(--soft);opacity:.65;letter-spacing:.04em;font-variant-numeric:tabular-nums;pointer-events:none;z-index:1;flex-direction:column;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,monospace;font-size:6.5px;font-weight:600;line-height:1;display:flex;position:absolute;top:6px;bottom:6px;left:4px}.demo-planner .pl-tl-tick{background:var(--border2);opacity:.4;height:1px;display:block}.demo-planner .pl-tl-slot{border:1.5px dashed var(--blue);opacity:0;z-index:1;background:oklch(60% .08 240/.18);border-radius:3px;width:32%;height:13%;animation:9s ease-in-out infinite pl-slot;position:absolute;top:47%;left:62%}@keyframes pl-slot{0%,50%{opacity:0}53%,60%{opacity:1}66%,to{opacity:0}}.demo-planner .pl-card{background:var(--amber);z-index:2;border-radius:3px;width:22%;height:13%;animation:9s ease-in-out infinite pl-card-fly;position:absolute;box-shadow:0 3px 10px oklch(20% .02 75/.2)}@keyframes pl-card-fly{0%{opacity:0;top:-16%;left:13%;transform:rotate(-3deg)}5%{opacity:1;top:10%;left:13%;transform:rotate(-3deg)}17%,22%{opacity:1;top:44%;left:13%;transform:rotate(0)}28%,50%{opacity:.92;top:44%;left:13%;transform:rotate(0)scale(.96)}55%{opacity:1;top:44%;left:13%;transform:rotate(-2deg)scale(1)}64%,70%{opacity:1;top:47%;left:67%;transform:rotate(2deg)}74%,92%{opacity:1;top:47%;left:67%;transform:rotate(0)}97%,to{opacity:0;top:47%;left:67%;transform:rotate(0)}}.demo-theme{justify-content:center;align-items:center;display:flex;overflow:hidden}.demo-theme .th-bg{position:absolute;inset:0}.demo-theme .th-bg-light{background:linear-gradient(135deg,oklch(94% .04 75),oklch(86% .05 80));animation:7s ease-in-out infinite th-light}.demo-theme .th-bg-dark{opacity:0;background:linear-gradient(135deg,oklch(20% .03 250),oklch(10% .02 260));animation:7s ease-in-out infinite th-dark}@keyframes th-light{0%,35%{opacity:1}50%,85%{opacity:0}to{opacity:1}}@keyframes th-dark{0%,35%{opacity:0}50%,85%{opacity:1}to{opacity:0}}.demo-theme .th-icon{z-index:1;width:36px;height:36px;position:relative}.demo-theme .th-sun{color:oklch(58% .13 75);animation:7s ease-in-out infinite th-sun}.demo-theme .th-moon{color:oklch(82% .04 80);animation:7s ease-in-out infinite th-moon;position:absolute}@keyframes th-sun{0%,30%{opacity:1;transform:scale(1)rotate(0)}45%,90%{opacity:0;transform:scale(.5)rotate(180deg)}to{opacity:1;transform:scale(1)rotate(360deg)}}@keyframes th-moon{0%,30%{opacity:0;transform:scale(.5)rotate(-180deg)}45%,90%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(.5)rotate(180deg)}}.demo-theme .th-stars{z-index:1;pointer-events:none;opacity:0;animation:7s ease-in-out infinite th-stars;position:absolute;inset:0}.demo-theme .th-stars span{background:oklch(90% .04 80);border-radius:99px;width:2px;height:2px;position:absolute}.demo-theme .th-stars span:first-child{top:22%;left:18%}.demo-theme .th-stars span:nth-child(2){opacity:.7;width:1.5px;height:1.5px;top:30%;right:22%}.demo-theme .th-stars span:nth-child(3){opacity:.7;width:1.5px;height:1.5px;bottom:28%;left:28%}.demo-theme .th-stars span:nth-child(4){bottom:22%;right:16%}@keyframes th-stars{0%,35%{opacity:0}50%,85%{opacity:1}to{opacity:0}}.demo-layout{align-items:stretch;gap:0;padding:12px;display:flex}.demo-layout .lay-left,.demo-layout .lay-right{background:var(--card);border:1px solid var(--border);flex-direction:column;gap:5px;min-width:0;padding:9px 9px 0;display:flex;overflow:hidden}.demo-layout .lay-left{border-right:none;border-radius:6px 0 0 6px}.demo-layout .lay-right{border-left:none;border-radius:0 6px 6px 0}.demo-layout .lay-left span,.demo-layout .lay-right span{background:var(--border2);opacity:.6;border-radius:99px;flex-shrink:0;height:4px}.demo-layout .lay-left span{width:80%}.demo-layout .lay-left span:nth-child(2){width:60%}.demo-layout .lay-left span:nth-child(3){background:var(--amber);opacity:.5;width:70%}.demo-layout .lay-right span{width:75%}.demo-layout .lay-right span:nth-child(2){background:var(--blue);opacity:.5;width:90%}.demo-layout .lay-right span:nth-child(3){width:50%}.demo-layout .lay-divider{background:var(--bg2);border-left:1px solid var(--border2);border-right:1px solid var(--border2);z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:4px;display:flex}.demo-layout .lay-grip{background:var(--amber);opacity:.7;border-radius:99px;width:2px;height:22px}.demo-layout .lay-left{flex:50%;animation:6s ease-in-out infinite lay-left}.demo-layout .lay-right{flex:50%;animation:6s ease-in-out infinite lay-right}@keyframes lay-left{0%,12%{flex-basis:50%}32%,50%{flex-basis:30%}68%,86%{flex-basis:70%}to{flex-basis:50%}}@keyframes lay-right{0%,12%{flex-basis:50%}32%,50%{flex-basis:70%}68%,86%{flex-basis:30%}to{flex-basis:50%}}.demo-instant{justify-content:center;align-items:center;display:flex}.demo-instant .bolt{z-index:2;width:38px;height:38px;color:var(--amber);filter:drop-shadow(0 2px 8px oklch(60% .15 75/.45));animation:1.6s ease-in-out infinite bolt-pulse;position:relative}@keyframes bolt-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.demo-instant .bolt-ring{background:var(--amber);opacity:0;border-radius:99px;width:56px;height:56px;position:absolute}.demo-instant .bolt-ring-1{animation:1.6s ease-out infinite bolt-ring}.demo-instant .bolt-ring-2{animation:1.6s ease-out .8s infinite bolt-ring}@keyframes bolt-ring{0%{opacity:.32;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}.how-grid{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.steps{flex-direction:column;gap:0;max-width:640px;display:flex}.step{gap:24px;display:flex;position:relative}.step-line{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.step-num{background:var(--card);border:1px solid var(--border2);width:36px;height:36px;color:var(--amber);border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.step-connector{background:var(--border);flex:1;width:1px;min-height:40px;margin:4px 0}.step-body{padding-bottom:44px}.step h3{margin-top:6px;margin-bottom:8px;font-family:Lora,serif;font-size:20px;font-weight:500}.step p{color:var(--soft);font-size:14px;line-height:1.65}.quotes-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.quote-card{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:16px;padding:28px;display:flex}.quote-text{color:var(--text);font-family:Lora,serif;font-size:15px;font-style:italic;line-height:1.65}.quote-author{color:var(--soft);font-size:12px}.quote-author strong{color:var(--text);margin-bottom:2px;font-weight:500;display:block}.cta-section{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;padding:120px 24px;position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(50% 70%,oklch(85% .04 75/.4),#0000 70%);position:absolute;inset:0}[data-theme=dark] .cta-section:before{background:radial-gradient(50% 70%,oklch(35% .08 70/.15),#0000 70%)}.cta-section h2{letter-spacing:-.02em;max-width:640px;margin:0 auto 20px;font-family:Lora,serif;font-size:clamp(32px,5vw,60px);font-weight:500;line-height:1.15}.cta-section h2 em{color:var(--amber);font-style:italic}.cta-section p{color:var(--soft);margin-bottom:40px;font-size:16px}.cta-note{color:var(--muted);margin-top:16px;font-size:12px}footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:40px 48px;display:flex}footer p{color:var(--muted);font-size:12px}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--muted);font-size:12px;text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--soft)}.theme-toggle{border:1px solid var(--border2);cursor:pointer;width:34px;height:34px;color:var(--soft);background:0 0;border-radius:99px;justify-content:center;align-items:center;font-size:15px;transition:all .2s;display:flex}.theme-toggle:hover{border-color:var(--soft);color:var(--text)}@media (width<=768px){.features-grid{grid-template-columns:1fr}.feature-card:first-child{border-radius:16px 16px 0 0}.feature-card:nth-child(3),.feature-card:nth-child(4){border-radius:0}.feature-card:last-child{border-radius:0 0 16px 16px}.nav-links{display:none}.how-grid{grid-template-columns:1fr;gap:40px}.quotes-grid{grid-template-columns:1fr}nav{padding:18px 20px}footer{padding:40px 20px}.preview-sidebar{display:none}.preview-body{height:auto;min-height:260px}.preview-wrap{margin-top:56px;padding:0 16px}.preview-wrap--mobile{justify-content:center;display:flex}.preview-glow{inset:-20px}.preview-frame{border-radius:12px;box-shadow:0 16px 40px oklch(0% 0 0/.5)}.phone-frame{box-shadow:inset 0 0 0 2px oklch(40% 0 0/.3),0 16px 40px oklch(0% 0 0/.5),0 0 0 1px oklch(0% 0 0/.15)}}.demo-app{--bg:oklch(95.5% .016 78);--bg-panel:oklch(96% .014 73);--bg-card:oklch(98.5% .008 72);--border:oklch(90% .022 72);--text:oklch(30% .025 50);--text-soft:oklch(55% .02 60);--accent1:oklch(62% .065 25);--accent2:oklch(60% .06 155);--accent3:oklch(58% .055 240);--accent4:oklch(52% .1 76);--shadow:oklch(78% .02 68/.3);background:var(--bg);color:var(--text);text-align:left;-webkit-user-select:none;user-select:none;isolation:isolate;z-index:99;font-family:Inter,sans-serif;position:relative;overflow:hidden}.demo-app ::-webkit-scrollbar{width:4px;height:8px}.demo-app ::-webkit-scrollbar-track{background:0 0}.demo-app ::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.demo-app .tiptap-editor .ProseMirror{min-height:80px;color:var(--text);-webkit-user-select:text;user-select:text;outline:none;padding:9px 11px;font-size:13px;line-height:1.6}.demo-app .tiptap-editor .ProseMirror p{margin:0 0 .4em}.demo-app .tiptap-editor .ProseMirror ul,.demo-app .tiptap-editor .ProseMirror ol{margin:0 0 .4em;padding-left:1.4em}.demo-app .tiptap-editor .ProseMirror li{margin-bottom:.1em}.demo-app .tiptap-editor .ProseMirror h1,.demo-app .tiptap-editor .ProseMirror h2,.demo-app .tiptap-editor .ProseMirror h3{margin:.5em 0 .3em;font-weight:600}.demo-app .tiptap-editor .ProseMirror h1{font-size:1.2em}.demo-app .tiptap-editor .ProseMirror h2{font-size:1.1em}.demo-app .tiptap-editor .ProseMirror h3{font-size:1em}.demo-app .tiptap-editor .ProseMirror strong{font-weight:600}.demo-app .tiptap-editor .ProseMirror em{font-style:italic}.demo-app .tiptap-editor .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-soft);opacity:.5;pointer-events:none;height:0}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDownSheet{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes fadeScaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}