:root{--ink:#191917;--paper:#f7f5f2;--white:#fff;--muted:#6f6d68;--line:#dedbd5;--coral:#ff7f68;--blue:#9fc7df;--yellow:#f6d65d;--green:#83b897;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:999;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='3' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.8'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.navbar{height:72px;padding:0 3.5vw;display:flex;align-items:center;gap:3vw;position:fixed;inset:0 0 auto;z-index:100;background:hsla(36,24%,96%,.86);border-bottom:1px solid transparent;backdrop-filter:blur(14px);transition:.3s}.navbar.scrolled{height:62px;border-color:var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:20px}.brand-cube{width:31px;height:31px;background:var(--ink);color:#fff;display:grid;place-items:center;transform:rotate(-4deg);box-shadow:3px 3px 0 #aaa}.brand-cube i{font:700 21px Georgia;transform:rotate(4deg);font-style:normal}.nav-menu{display:flex;gap:28px;font-size:14px;font-weight:600}.nav-menu a{transition:.2s}.nav-menu a:hover{opacity:.55}.nav-menu span{font-size:11px}.nav-actions{margin-left:auto;display:flex;gap:24px;font-weight:600}.button,.nav-actions{align-items:center;font-size:14px}.button{background:var(--ink);color:#fff;padding:15px 21px;display:inline-flex;gap:20px;font-weight:700;border:1px solid var(--ink);box-shadow:4px 4px 0 rgba(25,25,23,.16);transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 rgba(25,25,23,.16)}.button.small{padding:10px 15px;box-shadow:none}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:23px;height:2px;background:var(--ink);margin:5px}.hero{min-height:800px;padding:145px 4vw 80px;max-width:1500px;margin:auto;display:grid;grid-template-columns:43% 57%;align-items:center;position:relative}.hero-copy{padding-left:3vw;z-index:3}.eyebrow,.kicker{font-size:11px;letter-spacing:.15em;font-weight:800;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:24px}.pulse{width:8px;height:8px;background:var(--coral);border-radius:50%;box-shadow:0 0 0 0 rgba(255,127,104,.5);animation:pulse 2s infinite}.hero h1{font:700 clamp(55px,6vw,92px)/.93 Georgia,Times New Roman,serif;letter-spacing:-.055em;margin:0}.hero h1 em,.quote-section em,.section-heading h2 em{font-weight:400}.hero-copy>p{font-size:20px;line-height:1.55;max-width:530px;color:#4d4b47;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:28px}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid;padding:5px 0}.trusted{margin-top:64px;display:flex;gap:22px;align-items:center;flex-wrap:wrap;color:#64625e}.trusted span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;width:100%}.trusted b{font-size:16px;color:#3b3936}.scene-wrap{height:610px;position:relative;perspective:1200px;display:grid;place-items:center;transform-style:preserve-3d}.scene-glow{position:absolute;width:90%;height:76%;border-radius:50%;background:radial-gradient(circle,#f1c9bd 0,#f2dfd2 38%,transparent 70%);filter:blur(5px);transform:rotate(-12deg)}.orbit{position:absolute;border:1px dashed rgba(25,25,23,.22);border-radius:50%;transform:rotateX(68deg) rotate(-12deg)}.orbit-one{width:96%;height:78%}.orbit-two{width:71%;height:105%;transform:rotateY(66deg) rotate(18deg)}.workspace-card{width:min(730px,85%);height:460px;background:#fff;border:1px solid #cbc7c1;box-shadow:25px 40px 70px rgba(67,48,38,.2);transform:rotateY(-11deg) rotateX(6deg) rotate(-2deg);transform-style:preserve-3d;transition:transform .15s linear;overflow:hidden;border-radius:6px}.appbar{height:36px;border-bottom:1px solid #e5e2dd;background:#fafafa;display:flex;align-items:center;padding:0 12px;font-size:9px;color:#777}.traffic{display:flex;gap:5px;margin-right:auto}.traffic i{width:7px;height:7px;border-radius:50%;background:#ff766b}.traffic i:nth-child(2){background:#efc553}.traffic i:nth-child(3){background:#69c06b}.avatars{display:flex;margin-left:auto}.avatars i{width:20px;height:20px;border-radius:50%;background:#191917;color:#fff;font-size:7px;display:grid;place-items:center;border:2px solid #fff;margin-left:-5px;font-style:normal}.avatars i:nth-child(2){background:var(--coral)}.avatars i:nth-child(3){background:var(--blue);color:#222}.app-layout{display:grid;grid-template-columns:145px 1fr;height:calc(100% - 36px)}.app-layout aside{background:#f6f5f3;padding:16px 12px;font-size:10px;color:#65635f}.app-layout aside p{padding:6px;margin:2px 0}.app-layout aside p.active{background:#e9e6e1;color:#222;font-weight:700}.app-layout aside small{font-size:7px;display:block;margin:18px 6px 5px;color:#999}.user{font-weight:700;color:#222;margin-bottom:16px}.page{padding:17px 26px;overflow:hidden}.crumb{font-size:7px;color:#888}.page-icon{font-size:22px;margin-top:18px}.page h2{font:700 25px Georgia;margin:5px 0}.page-sub{font-size:9px;color:#777}.tabs{display:flex;gap:18px;font-size:8px;border-bottom:1px solid #eee;margin-top:22px}.tabs>*{padding:7px 0}.tabs b{border-bottom:2px solid #222}.tabs i{margin-left:auto}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}.column label{font-size:6px;font-weight:700;color:#777}.column sup{background:#eee;padding:2px 4px;border-radius:5px}.task{background:#fff;border:1px solid #e4e1dd;border-radius:3px;padding:9px;margin-top:8px;box-shadow:0 2px 4px #eee;font-size:7px}.task b{font-size:8px;display:block;margin-bottom:7px}.task small{display:inline-block;padding:2px 4px;margin-bottom:9px;font-size:6px}.pink{background:#fbe1e0}.blue{background:#deedf5}.yellow{background:#fff0b5}.green{background:#d9ecdd}.task>div:last-child{display:flex;justify-content:space-between;color:#999}.task i{width:16px;height:16px;background:#111;color:#fff;border-radius:50%;display:inline-grid;place-items:center;font-size:5px;font-style:normal}.featured{border-color:#e7c34a}.progress{height:3px;background:#eee;margin:2px 0 8px}.progress i{display:block;width:65%;height:100%;background:var(--yellow);border-radius:0}.done{opacity:.65}.float-card{position:absolute;background:#fff;border:1px solid #cec9c3;box-shadow:12px 16px 30px rgba(30,20,15,.15);z-index:5;transition:transform .15s linear}.note-card{left:0;top:13%;padding:13px 16px;display:flex;align-items:center;gap:10px;animation:float 5s ease-in-out infinite}.note-card>span{color:#9075cb}.comment-card b,.note-card b{display:block;font-size:10px}.comment-card small,.note-card small{font-size:8px;color:#777}.note-card>i{width:10px;height:10px;border:2px solid #ddd;border-top-color:#7957bd;border-radius:50%;animation:spin 1s linear infinite}.calendar-card{right:-1%;top:10%;width:135px;padding:13px;animation:float 6s ease-in-out .7s infinite}.cal-top{display:flex;justify-content:space-between;font-size:9px;margin-bottom:9px}.days{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;font-size:7px;text-align:center}.days i{font-style:normal}.today{background:var(--coral);color:#fff;border-radius:50%;padding:3px}.comment-card{right:0;bottom:12%;padding:10px 12px;display:flex;gap:8px;align-items:center;animation:float 5.5s ease-in-out 1s infinite}.comment-card>i{width:25px;height:25px;background:var(--blue);border-radius:50%;display:grid;place-items:center;font-size:7px;font-style:normal}.comment-card>span{font-size:7px;color:#aaa}.float-icon{position:absolute;width:38px;height:38px;display:grid;place-items:center;border:1px solid #222;box-shadow:5px 6px 0 rgba(0,0,0,.15);z-index:7}.icon-star{background:var(--yellow);right:10%;bottom:3%;transform:rotate(12deg)}.icon-check{background:var(--coral);color:#fff;left:9%;bottom:16%;transform:rotate(-10deg)}.marquee{background:var(--ink);color:#fff;overflow:hidden;transform:rotate(-1deg);width:102%;margin-left:-1%;padding:17px 0}.marquee>div{width:max-content;display:flex;gap:32px;align-items:center;animation:marquee 18s linear infinite}.marquee span{font:italic 25px Georgia}.marquee i{color:var(--coral);font-style:normal}.features{max-width:1300px;margin:auto;padding:140px 5vw}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:65px}.section-heading h2{font:700 clamp(44px,5vw,70px)/.96 Georgia;margin:18px 0 0;letter-spacing:-.04em}.section-heading>p{max-width:400px;line-height:1.6;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{min-height:560px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border:1px solid rgba(25,25,23,.15);transition:transform .4s var(--ease),box-shadow .4s}.feature-card:hover{transform:translateY(-9px) rotate(-.4deg);box-shadow:13px 17px 0 rgba(25,25,23,.12)}.coral{background:#f4a08f}.blue-card{background:#a9cfe3}.yellow-card{background:#f3d55b}.number{position:absolute;right:24px;top:20px;font:italic 16px Georgia}.feature-icon{width:43px;height:43px;border:1px solid;display:grid;place-items:center;margin-bottom:22px;font-size:21px;background:hsla(0,0%,100%,.3)}.feature-card h3{font:700 31px/1.05 Georgia;margin:0}.feature-card p{line-height:1.5;font-size:14px;max-width:300px}.feature-card a{font-weight:700;font-size:12px;border-bottom:1px solid;display:inline-block;padding-bottom:5px}.ai-prompt,.mini-doc{background:#fff;padding:25px;box-shadow:8px 10px 0 rgba(25,25,23,.13);transform:rotate(-2deg);margin:30px 10px 3px}.mini-doc>i{background:var(--yellow);padding:6px;font-style:normal}.mini-doc h4{font:700 18px Georgia;margin:18px 0 10px}.mini-doc p{font:13px Georgia}.mini-doc span{display:block;height:4px;background:#ddd;margin:8px 0}.mini-doc span.short{width:60%}.mini-timeline{margin:30px 5px 0;background:#eef7fb;border:1px solid rgba(25,25,23,.2);padding:20px;transform:rotate(2deg)}.mini-timeline div{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:9px}.mini-timeline b{width:70px}.mini-timeline i{display:block;height:17px;background:#538baa;border-radius:2px}.mini-timeline div:first-child i{width:46%}.mini-timeline div:nth-child(2) i{width:68%;background:#f28670}.mini-timeline div:nth-child(3) i{width:84%;background:#333}.mini-timeline div:nth-child(4) i{width:35%;background:#fff;border:1px dashed}.ai-prompt{transform:rotate(-1deg);padding:18px}.ai-prompt>span{color:#8669c8}.ai-prompt p{font-size:12px;background:#f6f4f1;padding:12px}.ai-prompt i{display:block;height:5px;background:#e4e1dd;width:90%;margin:7px}.ai-prompt i:nth-of-type(2){width:60%}.ai-prompt button{float:right;border:0;background:#222;color:#fff;padding:8px 12px;margin-top:8px}.quote-section{min-height:620px;max-width:1100px;margin:auto;padding:100px 8vw;position:relative;text-align:center}.big-mark{font:150px Georgia;color:var(--coral);height:90px}.quote-section blockquote{font:400 clamp(35px,4.5vw,62px)/1.1 Georgia;margin:30px auto;max-width:900px}.quote-by{display:flex;justify-content:center;align-items:center;gap:12px;text-align:left}.avatar{width:42px;height:42px;border-radius:50%;background:var(--blue);display:grid;place-items:center;font-size:10px}.quote-by b,.quote-by small{display:block;font-size:11px}.quote-by small{color:#777}.quote-by strong{margin-left:15px;font-size:10px}.cta{min-height:600px;background:var(--ink);color:#fff;display:grid;place-items:center;position:relative;overflow:hidden;text-align:center}.cta-copy{z-index:2}.cta-copy>span{font-size:10px;letter-spacing:.2em}.cta h2{font:700 clamp(48px,6vw,82px)/.95 Georgia;margin:20px}.cta p{color:#aaa}.button.light{background:#fff;color:#111;margin-top:18px}.cta-shape{position:absolute;border:1px solid #777;color:#555;width:230px;height:230px;display:grid;place-items:center;font:100px Georgia}.cta-shape.one{left:-50px;top:50px;transform:rotate(-20deg)}.cta-shape.two{right:-40px;bottom:30px;transform:rotate(18deg);background:#262624;color:var(--coral)}footer{padding:55px 6vw 35px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}footer>p{color:#777;font-size:13px;text-align:right}footer>div{display:flex;gap:20px;font-size:12px}footer>small{text-align:right;color:#999}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes float{0%,to{translate:0 0}50%{translate:0 -12px}}@keyframes pulse{70%{box-shadow:0 0 0 12px transparent}}@keyframes spin{to{rotate:1turn}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:1000px){.nav-menu{display:none}.hero{grid-template-columns:1fr;padding-top:130px}.hero-copy{padding:0 5vw}.scene-wrap{height:590px;margin-top:30px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:480px;display:grid;grid-template-columns:1fr 1fr;gap:35px}.section-heading{align-items:flex-start;gap:30px}.float-card{scale:.88}.features{padding-top:100px}}@media(max-width:700px){.navbar{padding:0 18px}.nav-actions{display:none}.menu-toggle{display:block;margin-left:auto}.navbar.open{background:var(--paper);height:auto;padding-bottom:22px;flex-wrap:wrap}.navbar.open .nav-menu{order:3;width:100%;display:flex;flex-direction:column;padding:20px 5px 5px;gap:19px}.hero{padding:115px 20px 55px;min-height:0}.hero-copy{padding:0}.hero h1{font-size:54px}.hero-copy>p{font-size:17px}.trusted{margin-top:43px}.trusted b{font-size:13px}.scene-wrap{height:450px;margin:25px -55px 0;scale:.82}.workspace-card{width:650px;min-width:650px}.float-card{scale:.72}.note-card{left:3%}.calendar-card{right:3%}.features{padding:90px 20px}.section-heading{display:block}.section-heading>p{margin-top:25px}.feature-grid{display:block}.feature-card{display:flex;min-height:540px;margin-bottom:18px}.quote-section{padding:80px 25px;min-height:530px}.cta{min-height:520px;padding:30px 20px}.cta-shape{opacity:.55;width:150px;height:150px}footer{grid-template-columns:1fr}footer>p,footer>small{text-align:left}.marquee{padding:13px 0}.marquee span{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}