@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{--paper:#f5f3ee;--ink:#17202b;--muted:#66717a;--line:#d9d9d2;--blue:#2447c6;--coral:#ea6d4f;--lime:#c7d86b;--dark:#18212c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.site-shell{overflow:hidden}.section-wrap{width:min(1160px,100% - 80px);margin:0 auto}.site-nav{z-index:5;justify-content:space-between;align-items:center;width:min(1280px,100% - 80px);height:82px;margin:0 auto;transition:background .3s,box-shadow .3s,height .3s;display:flex;position:relative}.site-nav.is-scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:68px;box-shadow:0 1px 0 var(--line);background:#f5f3eeeb;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:0 0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;overflow:hidden}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.brand-copy{gap:1px;line-height:1;display:grid}.brand-copy strong{letter-spacing:-.02em;font-size:14px}.brand-copy small{color:var(--muted);letter-spacing:.08em;font-family:DM Mono,monospace;font-size:10px}.desktop-nav{color:#59636b;gap:34px;margin-left:100px;font-size:13px;display:flex}.desktop-nav a,.text-link,.footer-meta a{transition:color .2s}.desktop-nav a:hover,.text-link:hover,.footer-meta a:hover{color:var(--blue)}.nav-cta{border:1px solid var(--ink);border-radius:4px;padding:11px 16px;font-size:12px;font-weight:600;transition:background .2s,color .2s}.nav-cta:hover{background:var(--ink);color:var(--paper)}.hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:66px;min-height:660px;padding:54px 0 106px;display:grid}.eyebrow{color:#6d767a;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 25px;font:500 10px DM Mono,monospace;display:flex}.eyebrow-dot{background:var(--coral);border-radius:50%;width:7px;height:7px;display:inline-block}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.055em;font-weight:500}h1{max-width:590px;margin-bottom:25px;font-size:clamp(48px,6vw,78px);line-height:1.06}h1 em,h2 em{color:var(--blue);font-family:Playfair Display,Georgia,serif;font-weight:500}.hero-intro{max-width:430px;color:var(--muted);margin-bottom:34px;font-size:16px;line-height:1.85}.hero-actions{align-items:center;gap:25px;display:flex}.button{border-radius:4px;align-items:center;gap:17px;padding:15px 20px;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #18212c26}.button-primary{background:var(--blue);color:#fff}.button-light{background:var(--lime);color:var(--ink)}.text-link{color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:4px;font-size:12px;font-weight:600}.hero-proof{align-items:center;gap:13px;margin-top:58px;display:flex}.proof-avatars{padding-left:5px;display:flex}.proof-avatars span{border:2px solid var(--paper);width:25px;height:25px;color:var(--ink);background:#c9d2e8;border-radius:50%;place-items:center;margin-left:-5px;font:500 9px DM Mono,monospace;display:grid}.proof-avatars span:nth-child(2){background:#f2bea4}.proof-avatars span:nth-child(3){background:#b5c995}.proof-avatars span:nth-child(4){background:var(--ink);color:#fff}.hero-proof p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.hero-proof strong{color:var(--ink);font-weight:600}.hero-visual{justify-content:center;align-items:center;min-height:430px;display:flex;position:relative}.browser-card{background:#fff;border:1px solid #d7d9d4;border-radius:7px;width:min(580px,100%);height:366px;position:relative;overflow:hidden;transform:rotate(2deg);box-shadow:0 24px 50px #232e3626,0 3px 7px #232e3614}.browser-bar{background:#f1f2ef;border-bottom:1px solid #e0e1dd;align-items:center;gap:7px;height:38px;padding:0 13px;display:flex}.traffic{border-radius:50%;width:7px;height:7px}.traffic-red{background:#e78271}.traffic-yellow{background:#ebc96a}.traffic-green{background:#9aba78}.browser-url{color:#8a9295;background:#fff;border:1px solid #e4e5e1;border-radius:4px;flex:1;margin-left:24px;padding:5px 9px;font:9px DM Mono,monospace}.browser-url span{color:#8eaa78;margin-right:5px}.browser-more{color:#9aa0a0;font-weight:700}.browser-body{padding:28px 104px 18px 42px}.reading-meta{color:#9a9fa0;letter-spacing:.06em;justify-content:space-between;margin-bottom:18px;font:8px DM Mono,monospace;display:flex}.browser-body h2{letter-spacing:-.02em;margin-bottom:17px;font:500 25px Playfair Display,Georgia,serif}.browser-body p{color:#5c676e;margin-bottom:13px;font-size:11px;line-height:1.9}.highlight{color:var(--ink);border-radius:2px;padding:1px 3px 2px}.highlight-blue{background:#d7e1ff;box-shadow:3px 0 #d7e1ff,-3px 0 #d7e1ff}.highlight-coral{background:#ffe0d6;box-shadow:3px 0 #ffe0d6,-3px 0 #ffe0d6}.browser-rule{background:#e9e9e5;height:1px;margin:24px 0 12px}.reading-footer{color:#9aa0a0;justify-content:space-between;font:8px DM Mono,monospace;display:flex}.margin-rail{background:#fbfaf7;border-left:1px solid #edece8;width:82px;padding:23px 13px;position:absolute;top:38px;bottom:0;right:0}.rail-label{color:var(--coral);letter-spacing:.07em;margin-bottom:17px;font:8px DM Mono,monospace}.rail-line{background:#e5e3dc;width:100%;height:1px;margin-bottom:20px}.rail-dot{background:#fff;border:2px solid #d8dad6;border-radius:50%;width:10px;height:10px;margin:0 auto 26px}.rail-dot.active{border-color:var(--coral);background:var(--coral);box-shadow:0 0 0 4px #ffe1d8}.visual-note{z-index:2;background:#fffdf1;border:1px solid #e9dfb2;align-items:flex-start;gap:8px;width:190px;padding:11px 13px;display:flex;position:absolute;transform:rotate(-5deg);box-shadow:0 9px 19px #4239191a}.visual-note p{color:#645d3a;margin:0;font:10px/1.5 DM Mono,monospace}.note-pin{color:var(--coral);font-size:12px}.note-a{top:24px;left:-2px}.note-b{background:#eef2ff;border-color:#cbd5ff;width:215px;bottom:32px;right:-14px;transform:rotate(4deg)}.note-b p{color:#334988}.visual-caption{color:#8b9393;align-items:center;gap:8px;font:9px DM Mono,monospace;display:flex;position:absolute;bottom:-6px;left:32px}.caption-line{background:var(--coral);width:30px;height:1px}.quote-band{background:var(--lime)}.quote-inner{align-items:center;gap:20px;min-height:130px;display:flex}.quote-mark{color:#52622d;align-self:flex-start;margin-top:28px;font:70px/1 Playfair Display,serif}.quote-inner p{max-width:610px;margin:0;font:500 22px/1.3 Playfair Display,Georgia,serif}.quote-inner p strong{font-style:italic;font-weight:500}.quote-source{color:#596a32;margin-left:auto;font:9px DM Mono,monospace}.how{padding:124px 0 118px}.section-heading h2,.feature-intro h2,.philosophy-copy h2{margin-bottom:0;font-size:clamp(38px,4.6vw,60px);line-height:1.08}.steps{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:64px;display:grid}.step{border-top:1px solid var(--ink);min-height:265px;padding:24px 26px 22px;position:relative}.step-featured{background:var(--blue);color:#fff;border-top-color:var(--blue)}.step-top{justify-content:space-between;margin-bottom:50px;display:flex}.step-number{color:#7e8789;font:10px DM Mono,monospace}.step-featured .step-number{color:#abbafd}.step-icon{color:var(--coral);font-size:22px;line-height:1}.step-featured .step-icon{color:var(--lime)}.step h3{letter-spacing:-.03em;margin-bottom:12px;font-size:19px;font-weight:600}.step p{color:var(--muted);max-width:260px;margin:0;font-size:13px;line-height:1.7}.step-featured p{color:#cbd4ff}.mini-input{color:#9ca9e6;border:1px solid #ffffff40;border-radius:3px;justify-content:space-between;align-items:center;width:100%;margin-top:22px;padding:9px 10px;font:9px DM Mono,monospace;display:flex}.mini-send{color:var(--lime);font-size:14px}.features{border-top:1px solid var(--line);grid-template-columns:.75fr 1.25fr;gap:76px;padding:114px 0 130px;display:grid}.feature-intro>p:not(.eyebrow){max-width:280px;color:var(--muted);margin:28px 0 25px;font-size:14px;line-height:1.8}.feature-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.feature-card{background:#fff;border:1px solid #dedfd8;border-radius:4px;flex-direction:column;justify-content:space-between;min-height:290px;padding:24px;display:flex}.feature-tall{background:#e7ebff;border-color:#d5dcfb;grid-row:span 2;min-height:598px}.feature-icon{border-radius:50%;place-items:center;width:32px;height:32px;margin-bottom:22px;font-size:17px;display:grid}.icon-highlight{background:var(--coral);color:#fff}.icon-sync{background:var(--lime);color:#56622d}.icon-export{background:var(--blue);color:#fff}.feature-kicker{color:#7a8587;letter-spacing:.08em;font:9px DM Mono,monospace}.feature-card h3{letter-spacing:-.03em;margin:8px 0 10px;font-size:21px}.feature-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.lines-visual{background:#f6f7ff;border:1px solid #d3dbff;margin-top:46px;padding:18px 13px}.lines-visual span{background:#c5cde8;border-radius:5px;width:80%;height:6px;margin:9px 0;display:block}.lines-visual span:nth-child(2){width:65%}.lines-visual span:nth-child(3){width:90%}.lines-visual span.active{background:var(--coral);width:72%;height:8px}.sync-visual{color:#848a87;align-items:center;gap:7px;font:8px DM Mono,monospace;display:flex}.sync-visual i{background:var(--lime);flex:1;height:1px;position:relative}.sync-visual i:after{content:"↔";color:#8da348;font-size:14px;position:absolute;top:-9px;left:50%}.export-visual{align-items:flex-end;gap:6px;display:flex}.export-visual span{width:39px;height:35px;color:var(--blue);border:1px solid #d1d5ed;place-items:center;font:9px DM Mono,monospace;display:grid}.export-visual span:last-child{width:auto;height:auto;color:var(--coral);border:0;margin-left:3px;font-size:18px}.philosophy{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding:114px 0 130px;display:grid}.philosophy-art{background:#ebe6dc;place-items:center;height:410px;display:grid;position:relative;overflow:hidden}.art-ring{border:1px solid #2447c659;border-radius:50%;position:absolute}.ring-one{width:290px;height:290px}.ring-two{border-color:#ea6d4f73;width:390px;height:390px}.art-card{background:var(--paper);width:175px;height:215px;color:var(--blue);letter-spacing:.14em;flex-direction:column;justify-content:center;align-items:center;gap:12px;font:11px DM Mono,monospace;display:flex;transform:rotate(-8deg);box-shadow:14px 14px #2447c624}.art-card strong{color:var(--coral);font-size:17px}.art-caption{color:#8e8c86;font:italic 11px Playfair Display,serif;position:absolute;bottom:19px;left:21px}.philosophy-copy>p:not(.eyebrow){max-width:390px;color:var(--muted);margin:27px 0 0;font-size:14px;line-height:1.9}.signature{color:#8b9393;align-items:center;gap:11px;margin-top:42px;font:9px DM Mono,monospace;display:flex}.signature-line{background:var(--coral);width:37px;height:1px}.final-cta{background:var(--dark);color:#fff}.final-inner{justify-content:space-between;align-items:center;min-height:360px;display:flex}.eyebrow-light{color:#9da6b0}.final-inner h2{font-size:clamp(47px,6vw,76px);line-height:1.02}.final-inner h2 em{color:var(--lime)}.final-action{width:290px}.final-action p{color:#b7c0c9;margin-bottom:25px;font-size:14px;line-height:1.7}.final-action small{color:#7e8993;margin-top:14px;font:9px DM Mono,monospace;display:block}.site-footer{justify-content:space-between;align-items:center;min-height:100px;display:flex}.footer-meta{color:#8b9393;align-items:center;gap:28px;font:10px DM Mono,monospace;display:flex}.footer-meta a{color:var(--ink)}@media (width<=900px){.section-wrap,.site-nav{width:min(100% - 40px,680px)}.desktop-nav{display:none}.hero{grid-template-columns:1fr;padding-top:64px}.hero-copy{max-width:600px}.hero-visual{margin-top:20px}.features,.philosophy{grid-template-columns:1fr;gap:55px}.feature-intro>p:not(.eyebrow){max-width:440px}.philosophy-art{max-width:560px}.final-inner{gap:50px}.footer-meta span:first-child{display:none}}@media (width<=620px){.section-wrap,.site-nav{width:calc(100% - 32px)}.site-nav{height:70px}.nav-cta{padding:9px 11px;font-size:11px}.brand-mark{width:32px;height:32px}.hero{min-height:auto;padding:50px 0 75px}.hero h1{font-size:48px}.hero-intro{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start;gap:18px}.hero-proof{margin-top:42px}.hero-visual{min-height:340px;margin-left:-7px;margin-right:-7px}.browser-card{height:295px}.browser-body{padding:22px 70px 12px 24px}.browser-body h2{font-size:20px}.browser-body p{font-size:9px}.margin-rail{width:57px;padding:17px 8px}.rail-label{font-size:6px}.visual-note{transform-origin:0 0;transform:scale(.83)rotate(-5deg)}.note-b{transform-origin:100% 100%;bottom:10px;right:-32px;transform:scale(.75)rotate(4deg)}.visual-caption{bottom:-1px;left:8px}.quote-inner{align-items:flex-start;min-height:165px;padding-top:26px;position:relative}.quote-mark{margin-top:0;font-size:50px}.quote-inner p{margin-top:5px;font-size:19px}.quote-source{position:absolute;bottom:27px;left:48px}.how,.features,.philosophy{padding:80px 0}.steps,.feature-grid{grid-template-columns:1fr}.step-featured{min-height:285px}.feature-tall{grid-row:auto;min-height:430px}.philosophy-art{height:320px}.final-inner{flex-direction:column;justify-content:center;align-items:flex-start;gap:45px;min-height:480px}.final-action{width:100%}.site-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;min-height:135px}.footer-meta{gap:16px;font-size:9px}}
