:root{--ink:#383636;--paper:#f7f7f6;--white:#fff;--muted:#858282;--soft:#ecebea;--line:#dedcda;--moss:#dff1e9;--rose:#f4e9ee;--sky:#e6eef7;--lemon:#f4efd3;--dark:#373434}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-weight:500}h1{max-width:720px;font-size:clamp(58px,7vw,96px);line-height:.95}h2{font-size:clamp(42px,5vw,70px);line-height:.98}h3{font-size:30px;line-height:1.05}p,li{color:var(--muted);font-size:18px;line-height:1.45}.site-header,.site-footer,.hero,.stat-strip,.intro-section,.feature-grid,.use-cases,.faq-section,.blog-preview,.final-cta,.page-shell,.article-shell,.ideas-page{width:min(1210px,100% - 48px);margin:0 auto}.site-header{justify-content:space-between;align-items:center;gap:24px;min-height:88px;padding:0 2px;display:flex}.logo{color:var(--ink);text-transform:none;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.logo span{background:linear-gradient(135deg, var(--moss), var(--sky));width:38px;height:38px;color:var(--ink);border-radius:12px;justify-content:center;align-items:center;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:700;display:inline-flex;box-shadow:0 12px 26px #7e9aaa3d}.logo strong{font-size:28px;font-weight:600}.nav-links,.site-footer nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nav-links a,.site-footer a,.section-heading a,.back-link{color:var(--muted);border-radius:999px;padding:10px 14px;font-size:16px;font-weight:700;text-decoration:none}.nav-links a:hover,.nav-links a:focus-visible{background:var(--white);color:var(--ink);outline:none}.nav-links a:last-child{background:var(--dark);min-width:118px;color:var(--white);border-radius:999px;justify-content:center;align-items:center;padding:12px 22px;display:inline-flex}.nav-links a:last-child:hover,.nav-links a:last-child:focus-visible{color:var(--white);background:#111}.hero{text-align:center;justify-items:center;min-height:calc(100vh - 88px);padding:48px 0 140px;display:grid}.copy,.page-hero,.article-header{z-index:2;justify-items:center;gap:28px;display:grid;position:relative}.announcement{border:1px solid var(--white);min-height:42px;color:var(--ink);background:#ffffffb8;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-size:15px;line-height:1;display:inline-flex;box-shadow:0 0 28px #d8e9e0e6,0 0 42px #f7e5ecb3}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:13px;font-weight:800}.copy>p:not(.announcement),.page-hero>p,.article-header>p:not(.post-meta){max-width:560px;color:var(--muted);font-size:clamp(18px,1.5vw,21px)}.cta-row{z-index:4;flex-wrap:wrap;justify-content:center;gap:12px;display:flex;position:relative}.button{border:0;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:11px 25px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.primary{background:var(--dark);color:var(--white)}.secondary{background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.screenshot-stage{filter:drop-shadow(0 34px 42px #97b7ca6b);width:min(760px,100%);height:430px;margin-top:100px;position:relative}.screenshot-stage:before{content:"";background:radial-gradient(circle,#b9d6e7c2,#0000 68%);border-radius:999px;width:420px;height:260px;position:absolute;top:38px;left:50%;transform:translate(-50%)}.phone-shot{aspect-ratio:9/19.5;background:#fbfbfa;border:7px solid #111;border-radius:38px;width:252px;margin:0;position:absolute;top:0;left:50%;overflow:hidden;box-shadow:0 18px 34px #0000002e}.phone-shot:before{content:"";z-index:2;background:#050505;border-radius:999px;width:82px;height:22px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.mock-screen{text-align:left;background:linear-gradient(#dff1e9b8,#0000 45%),#fbfbfa;align-content:center;gap:12px;min-height:100%;padding:58px 24px 30px;display:grid}.mock-screen span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.mock-screen h3{font-size:31px}.mock-screen p{font-size:15px}.phone-shot figcaption{background:var(--white);color:var(--ink);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;position:absolute;bottom:18px;right:16px;box-shadow:0 10px 24px #00000014}.shot-1{z-index:2;transform:translate(-82%)rotate(-9deg)}.shot-2{z-index:3;transform:translate(-4%)rotate(8deg)}.shot-3{z-index:1;opacity:.28;transform:translate(44%)rotate(5deg)scale(.92)}.stat-strip{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,7vw,104px);padding:150px 0 126px;display:grid}.stat-strip article{justify-items:center;gap:24px;display:grid}.stat-strip article:before{content:"";border:2px solid var(--white);background:linear-gradient(135deg, var(--moss), var(--sky));border-radius:999px;width:58px;height:58px;box-shadow:0 0 28px #d8e9e0cc}.stat-strip strong{max-width:270px;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:31px;font-weight:500;line-height:1.04}.stat-strip p,.feature-grid p,.post-card p,.faq-list p,.site-footer p{font-size:15px}.intro-section,.use-cases{text-align:center;justify-items:center;gap:20px;padding:84px 0 70px;display:grid}.intro-section p,.use-cases p{max-width:560px}.feature-grid,.faq-list,.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.feature-grid article,.post-card,.faq-list article{background:var(--moss);border-radius:16px;align-content:start;gap:18px;min-height:250px;padding:34px;display:grid}.feature-grid article:nth-child(2),.faq-list article:nth-child(2),.post-card:nth-child(2){background:var(--sky)}.feature-grid article:nth-child(3),.faq-list article:nth-child(3),.post-card:nth-child(3){background:var(--rose)}.feature-grid span{width:38px;height:38px;color:var(--ink);background:#ffffffb8;border-radius:999px;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:inline-flex}.feature-grid h2,.post-card h2,.post-card h3{font-size:31px}.dark-panel{margin-top:112px}.use-cases ul{flex-wrap:wrap;justify-content:center;gap:12px;width:min(760px,100%);margin:12px 0 0;padding:0;list-style:none;display:flex}.use-cases li{background:var(--white);border-radius:999px;padding:11px 16px;font-size:15px}.faq-section,.blog-preview{padding:112px 0 0}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px;display:flex}.section-heading>div{gap:12px;display:grid}.post-card{min-height:282px}.post-card a{text-underline-offset:4px;text-decoration-color:#38363638}.post-meta{color:var(--muted);font-size:13px;font-weight:800}.tag-row{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.tag-row span{color:var(--ink);background:#ffffffa8;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.final-cta{text-align:center;justify-items:center;gap:28px;padding:126px 0 96px;display:grid}.final-cta>div{justify-items:center;gap:16px;display:grid}.final-cta h2{max-width:760px}.page-shell{padding:64px 0 96px}.ideas-page{padding:60px 0 108px}.page-hero{text-align:center;max-width:880px;margin-bottom:44px}.ideas-hero{text-align:center;justify-items:center;gap:24px;padding:24px 0 76px;display:grid}.ideas-hero p:not(.announcement){max-width:700px}.framework-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:110px;display:grid}.framework-grid article{background:var(--white);border-radius:18px;align-content:start;gap:14px;min-height:190px;padding:28px;display:grid;box-shadow:0 22px 56px #0000000d}.framework-grid h2{font-size:32px}.framework-grid p{font-size:15px}.ideas-list{padding-bottom:112px}.ideas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.ideas-grid article{background:var(--moss);border-radius:22px;gap:18px;padding:34px;display:grid}.ideas-grid article:nth-child(2n){background:var(--sky)}.ideas-grid article:nth-child(3n){background:var(--rose)}.ideas-grid article:nth-child(4n){background:var(--lemon)}.ideas-grid ul{gap:10px;margin:8px 0 0;padding:0;list-style:none;display:grid}.ideas-grid li{color:var(--ink);background:#ffffffad;border-radius:999px;padding:10px 13px;font-size:15px;font-weight:700}.ideas-faq{text-align:center;justify-items:center;gap:20px;display:grid}.ideas-faq .faq-list{text-align:left;width:100%;margin-top:24px}.article-shell{max-width:860px;padding:54px 0 96px}.back-link{margin-bottom:30px;display:inline-flex}.article-header{background:var(--white);text-align:center;border-radius:18px;padding:54px}.article-header h1{font-size:clamp(44px,7vw,82px)}.article-body{gap:24px;padding-top:56px;display:grid}.article-body h2{margin-top:20px;font-size:34px}.article-body p{max-width:760px}.site-footer{background:radial-gradient(circle at 22% 20%, #dff1e9e6, transparent 34%), radial-gradient(circle at 78% 28%, #f4e9eef2, transparent 32%), var(--white);border-radius:28px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:36px;margin-bottom:32px;padding:clamp(34px,5vw,64px);display:grid;box-shadow:0 24px 70px #0000000f}.site-footer strong{max-width:640px;color:var(--ink);margin:12px 0 14px;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,6vw,82px);font-weight:500;line-height:.94;display:block}.footer-copy{gap:0;display:grid}.site-footer nav{justify-content:end;max-width:420px}.site-footer a{background:#ffffffad;border-radius:999px;padding:12px 16px}.site-footer .footer-cta{background:var(--dark);color:var(--white)}@media (max-width:920px){.feature-grid,.faq-list,.post-grid,.framework-grid,.ideas-grid,.stat-strip{grid-template-columns:1fr}.hero{min-height:auto}.site-footer{grid-template-columns:1fr;align-items:start}.site-footer nav{justify-content:start}.screenshot-stage{height:430px}.phone-shot{width:230px}.shot-3{display:none}}@media (max-width:620px){.site-header,.site-footer,.section-heading{flex-direction:column;align-items:start}.site-header,.site-footer,.hero,.stat-strip,.intro-section,.feature-grid,.use-cases,.faq-section,.blog-preview,.final-cta,.page-shell,.article-shell{width:min(100% - 28px,1210px)}.nav-links{gap:14px}.nav-links a:last-child{min-width:auto}.screenshot-stage{height:390px;margin-top:76px}.phone-shot{width:205px}.stat-strip{padding-top:120px}}