@charset "UTF-8";
:root{color-scheme:light;--paper:#fffefb;--ink:#252823;--muted:#73756d;--line:#e4e3dc;--accent:#b75e43;--wash:#f4f2eb;--serif:"Noto Serif SC","Source Han Serif SC","Songti SC",SimSun,serif;--sans:"Inter","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 var(--sans);-webkit-font-smoothing:antialiased}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:default}button{border:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500}h1{line-height:1.3;letter-spacing:-.055em}h2{font-size:42px;line-height:1.45;letter-spacing:-.045em}h3{font-size:23px;line-height:1.45}p{color:var(--muted)}[hidden]{display:none!important}.wrap{max-width:1200px;margin:auto;padding:0 34px}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:var(--ink);color:#fff;padding:10px 20px}.skip:focus{top:10px}.preview-bar{min-height:38px;background:#eeede8;color:#5d6059;display:flex;align-items:center;justify-content:center;gap:24px;font-size:11px;letter-spacing:.04em;padding:4px 16px}.preview-bar a{padding:3px 10px;border-radius:4px}.preview-bar a[aria-current=page]{background:#fff;color:#222}.preview-links{display:flex;gap:6px}.nav{height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:600;letter-spacing:.12em;white-space:nowrap}.brand img{width:32px;height:32px}.brand small{font:11px var(--sans);letter-spacing:.14em;color:var(--muted);margin-left:7px}.nav-links{display:flex;gap:32px;align-items:center;font-size:13px}.nav-links a:hover{color:var(--accent)}.nav-cta{font-size:13px;border-bottom:1px solid var(--ink);padding:5px 0}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--muted);font-weight:500}.eyebrow .dot{width:6px;height:6px;display:inline-block;background:var(--accent);border-radius:50%;margin-right:9px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.button{background:var(--ink);color:var(--paper);padding:12px 23px;border-radius:5px;font-size:14px;display:inline-flex;gap:26px;align-items:center;justify-content:center;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:var(--accent)}.button.light{background:transparent;color:var(--ink);border:1px solid var(--line)}.text-link{font-size:13px;border-bottom:1px solid var(--line);padding:7px 0}.tiny{font-size:11px;letter-spacing:.03em}.intro-copy{font-size:15px;line-height:1.9;max-width:440px}.hero{padding-top:62px}.hero h1{font-size:65px;margin:21px 0 23px}.hero h1 em{font-style:normal;color:var(--accent)}.section{padding:94px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:43px}.section-head .eyebrow{margin-bottom:18px}.section-head>p{max-width:340px;font-size:14px}.rule{border-top:1px solid var(--line)}.section-no{font-size:11px;color:var(--accent);letter-spacing:.16em;margin-bottom:25px}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.feature-row article{padding-top:28px;border-top:1px solid var(--line)}.feature-row h3{font-size:20px;margin:16px 0 11px}.feature-row p{font-size:13px;line-height:1.9}.feature-symbol{font:30px var(--serif);color:var(--accent)}.feature-label{font-size:10px;letter-spacing:.18em;margin-top:20px;color:var(--muted)}.feature-kicker{font:12px var(--sans);letter-spacing:.1em;color:var(--accent)}.closing{padding:70px 0 82px;text-align:center;border-top:1px solid var(--line)}.closing h2{font-family:var(--serif);font-size:40px}.closing .actions{justify-content:center}.footer{border-top:1px solid var(--line);padding:25px 0 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:var(--muted)}.footer a{text-decoration:underline;text-underline-offset:3px}.footer-brand{color:var(--ink);letter-spacing:.1em}.motion-toggle{font-size:11px;background:transparent;border:1px solid var(--line);padding:5px 10px;border-radius:4px}.motion-toggle:hover{border-color:var(--ink)}.section-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.section-split h2{margin:18px 0 22px}.section-split p{max-width:380px;font-size:14px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.chip{font-size:11px;border:1px solid var(--line);padding:4px 10px;border-radius:4px;color:var(--muted)}.caption{font-size:10px;letter-spacing:.06em;color:var(--muted)}.tag{font-size:10px;letter-spacing:.04em;border:1px solid var(--line);padding:3px 8px;border-radius:4px;white-space:nowrap}.demo-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.demo-foot p{font-size:11px}.scene{will-change:transform;transform:translateY(var(--shift,0px))}.demo-screen{background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 20px 45px -28px #383c3938;overflow:hidden}.screen-top{height:40px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:10px;color:var(--muted)}.screen-dots{display:flex;gap:5px}.screen-dots i{width:5px;height:5px;background:#deded8;border-radius:50%}.screen-content{padding:30px}.screen-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.screen-header h3{font-size:22px}.screen-header small{font-size:10px;color:var(--muted)}.demo-tabs{display:flex;border-bottom:1px solid var(--line);gap:20px;margin-bottom:20px}.demo-tabs button{padding:9px 1px;background:none;font-size:12px;position:relative;color:var(--muted)}.demo-tabs button[aria-selected=true]{color:var(--ink)}.demo-tabs button[aria-selected=true]:after{position:absolute;content:"";height:2px;background:var(--accent);bottom:-1px;left:0;right:0}.agenda-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.agenda-row:last-child{border:0}.agenda-row time{font:11px var(--sans);color:var(--muted)}.agenda-row .check{width:14px;height:14px;border:1px solid #caccc5;border-radius:50%;flex-shrink:0}.agenda-row .check.done{background:var(--wash);border-color:var(--accent);position:relative}.agenda-row .check.done:after{content:"✓";position:absolute;inset:-4px 0 0 1px;color:var(--accent);font-size:12px}.agenda-row .status{margin-left:auto;font-size:10px;color:var(--accent)}.agenda-row .amount{margin-left:auto;font-variant-numeric:tabular-nums}.panel{min-height:166px}.quote{font-family:var(--serif);font-size:22px;line-height:1.7}.source{padding:12px;border-left:2px solid var(--accent);background:var(--wash);font-size:11px;margin-top:16px;color:var(--muted)}.board{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--line);padding-top:20px;min-height:184px}.lane{background:#f8f7f3;border-radius:7px;padding:12px 9px;min-height:150px}.lane:nth-child(2){background:#f3f6fa}.lane:nth-child(3){background:#faf5eb}.lane-title{font-size:10px;display:flex;align-items:center;justify-content:space-between;color:#62665f;margin-bottom:14px}.lane-title span{font-variant-numeric:tabular-nums}.task-card{background:#fff;padding:13px 10px;border:1px solid #e8e7e1;border-radius:5px;font-size:11px;box-shadow:0 2px 2px #22222202;margin-bottom:8px;position:relative}.task-card small{display:block;color:#83877c;font-size:9px;margin-top:8px}.board-actor{width:22px;height:22px;border:1px solid #b0c4d5;background:#e5edf5;border-radius:50%;position:absolute;right:8px;bottom:-9px;display:grid;place-content:center;color:#476883;font-size:11px}.board-output{padding:18px 0 0;border-top:1px solid var(--line);margin-top:18px;min-height:70px;font-size:12px}.board-output strong{font-weight:500}.board-output p{font-size:11px;margin-top:5px}.flow-stage{padding:30px;border:1px solid var(--line);background:#fff;border-radius:9px}.flow-stage .screen-header{margin-bottom:20px}.flow-stage .screen-header h3{font-size:16px}.flow-controls{display:flex;gap:10px;align-items:center}.flow-controls button{background:var(--ink);color:#fff;font-size:11px;padding:7px 12px;border-radius:4px}.flow-controls button:disabled{opacity:.55}.badge-soon{font-size:10px;color:var(--accent);border-bottom:1px dashed currentColor;padding-bottom:2px}.faq{max-width:800px;margin:0 auto}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:19px;color:var(--muted)}.faq details[open] summary:after{content:"−"}.faq details p{font-size:13px;max-width:670px;margin-top:15px;line-height:1.9}.faq .eyebrow{margin-bottom:12px}.faq h2{margin-bottom:26px;font-size:32px}
/* C: a characterful journal, grounded by strong typographic rules. */
.journal{--paper:#fffdf7;--ink:#282822;--muted:#737166;--line:#dedbd1;--accent:#bb5435;--wash:#f9eddb}.journal .nav{height:85px}.journal .brand{font-weight:700;letter-spacing:.04em}.journal .nav-cta{padding:8px 17px;border:1px solid var(--ink);border-radius:30px}.journal .hero{position:relative;padding:54px 0 0;text-align:center}.journal .hero .eyebrow{letter-spacing:.13em}.journal .hero h1{font-size:65px;font-weight:700;line-height:1.25;margin:25px auto 21px;letter-spacing:-.06em}.journal .hero h1 .ring{position:relative;z-index:1}.journal .hero h1 .ring:after{content:"";position:absolute;left:-9px;right:-9px;bottom:2px;height:13px;background:#f8d68e;z-index:-1;transform:rotate(-2deg);border-radius:35% 50%}.journal .hero .intro-copy{max-width:none;margin:auto;font-size:14px}.journal .hero .actions{justify-content:center;margin-top:24px}.journal .button{border-radius:30px;background:var(--ink);padding:11px 24px}.journal-art{width:670px;max-width:82%;margin:-4px auto -10px;mix-blend-mode:darken}.journal-stage{position:relative;max-width:930px;margin:0 auto;min-height:330px}.scribble-note{font-family:var(--serif);color:var(--muted);font-size:14px;line-height:1.8;position:absolute;text-align:left;left:10px;top:100px;transform:rotate(-7deg)}.scribble-note.right{left:auto;right:0;top:130px;transform:rotate(6deg)}.scribble-arrow{font:30px var(--serif);display:block;margin-left:12px;color:var(--accent)}.journal .tape{background:#f8db9b;border-top:1px solid #eed090;border-bottom:1px solid #eed090;padding:15px 0;display:flex;gap:25px;justify-content:center;font-size:12px;letter-spacing:.07em;color:#66532d}.journal .tape b{font-weight:500}.journal .tape .star{color:#9a632e}.journal .section-head h2{font-size:41px;font-weight:600}.journal .feature-row{gap:35px;counter-reset:features}.journal .feature-row article{border:0;position:relative;padding:26px;border-radius:2px;background:#f7eee0;min-height:225px;transform:rotate(-1.2deg)}.journal .feature-row article:nth-child(2){background:#edf2f9;transform:rotate(1.4deg)}.journal .feature-row article:nth-child(3){background:#f6efca;transform:rotate(-.6deg)}.journal .feature-row article:before{content:"";position:absolute;top:-7px;left:42%;width:48px;height:17px;background:#e6decbad;transform:rotate(-4deg)}.journal .feature-symbol{font:italic 24px Georgia,serif}.journal .feature-row h3{font-weight:600}.journal .section-split{gap:70px}.journal .section-split h2{font-weight:600;font-size:39px}.journal .flow-stage{border:1px solid #bfbcb0;border-radius:2px;box-shadow:6px 6px 0 #ebe7d8;transform:rotate(.5deg)}.journal .closing h2{font-family:var(--sans);font-weight:600}.journal .closing .eyebrow{margin-bottom:18px}.journal .faq{max-width:850px}.journal .collaboration-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:75px 0}.journal .badge-soon{background:#f9eccf;border:0;padding:4px 9px}.journal .section{padding:88px 0}
@media(min-width:1500px){.wrap{max-width:1330px;padding:0 50px}.hero h1{font-size:72px}.paper .hero h1{font-size:67px}.journal .hero h1{font-size:72px}.journal-art{width:740px}.blueprint .hero{gap:65px}.blueprint .hero h1{font-size:77px}}
@media(max-width:1000px){.wrap{padding:0 28px}.nav-links{gap:20px}.paper-hero-grid{gap:35px}.paper .hero h1{font-size:49px}.paper-note{padding:26px 24px}.blueprint .hero{grid-template-columns:.85fr 1.15fr;gap:26px}.blueprint .hero h1{font-size:53px}.blue-stage{padding:24px 0 24px 18px}.blue-stage .demo-screen{margin-right:0}.blue-stage .screen-content{padding:21px 17px}.sync-note{margin-left:35px}.section-split,.paper .section-split,.journal .section-split{gap:38px}.section-head h2,h2{font-size:33px}.flow-stage{padding:22px}.feature-row{gap:28px}.paper .feature-row{gap:35px}.blueprint .collaboration-section{padding:40px 25px;gap:25px}.blueprint .section-split h2{font-size:31px}.gallery-options{gap:15px}.option-info{padding:20px}.option-info h2{font-size:23px}.scribble-note{left:0;font-size:12px}.scribble-note.right{right:0}.journal-art{max-width:74%}.journal .section-split h2{font-size:32px}}
@media(max-width:760px){html{scroll-padding-top:20px}.wrap{padding:0 22px}.preview-bar{font-size:10px;gap:10px;flex-wrap:wrap;padding:7px 12px}.preview-bar>span{display:none}.preview-links{gap:2px}.preview-bar a{padding:3px 8px}.nav,.journal .nav{height:74px;gap:12px}.brand{font-size:20px;gap:6px}.brand img{width:27px;height:27px}.brand small{display:none}.nav-links{display:none}.nav-cta{font-size:11px}.hero{padding-top:42px}.paper-hero-grid,.blueprint .hero,.section-split,.paper .section-split,.journal .section-split{grid-template-columns:1fr;gap:32px}.hero h1,.paper .hero h1{font-size:clamp(39px,8.3vw,59px);letter-spacing:-.065em;line-height:1.45;margin-top:20px}.intro-copy{font-size:14px}.actions{gap:22px;margin-top:25px}.button{padding:11px 20px;font-size:13px}.paper-note{margin:7px 8px 0 2px;padding:27px 26px}.paper .hero-bottom{margin-top:20px;display:block}.journey{width:100%;max-width:550px;margin:auto}.hero-marginalia{text-align:left;margin:10px 0 14px;font-size:10px}.section,.journal .section{padding:62px 0}.section-head{display:block;margin-bottom:32px}.section-head>p{margin-top:18px}.section-head h2,h2,.journal .section-head h2{font-size:31px}.feature-row{grid-template-columns:1fr;gap:30px!important}.feature-row article{padding-top:22px}.paper .feature-row article{display:grid;grid-template-columns:30px 1fr;column-gap:15px}.paper .feature-row .feature-symbol{grid-row:1/4}.paper .feature-row h3{margin-top:0}.paper .feature-row .feature-label{grid-column:2}.paper .product-spread{padding:34px 23px}.paper .product-spread:before{left:8px;font-size:8px}.screen-content{padding:23px}.section-split h2{font-size:31px;margin-top:14px}.section-split p{max-width:none}.flow-stage{padding:20px 16px}.board{gap:7px}.lane{padding:10px 7px}.task-card{font-size:10px;padding:11px 7px}.task-card small{font-size:8px}.lane-title{font-size:9px}.demo-foot{flex-wrap:wrap}.closing{padding:55px 0}.closing h2{font-size:29px}.footer{flex-wrap:wrap;font-size:10px;gap:12px;padding:22px 0}.footer>div:last-child{width:100%}.blueprint .hero{padding:43px 0 44px;gap:38px}.blueprint .hero h1{font-size:57px;line-height:1.2;margin:23px 0}.blueprint .hero .intro-copy{max-width:340px;font-size:14px}.blue-stage{padding:21px 14px 29px;margin:0 -5px}.blue-stage .screen-content{padding:22px 18px}.blue-stage .screen-header h3{font-size:21px}.sync-note{margin:15px 10px -10px 20px;padding:11px 14px}.blueprint .proof-line{flex-wrap:wrap;justify-content:flex-start;gap:13px 25px;font-size:10px}.proof-line span:last-child{width:100%}.proof-line b{font-size:11px}.blueprint .feature-row article{padding:25px}.blueprint .collaboration-section{padding:35px 18px;border-radius:8px;gap:28px;margin:0 -5px}.blueprint .section-split h2{font-size:31px}.journal .hero{padding:37px 0 0}.journal .hero h1{font-size:clamp(40px,8.4vw,59px);margin-top:25px;line-height:1.27}.journal .hero .intro-copy{font-size:13px;max-width:310px;line-height:1.9}.journal .hero .actions{gap:18px;margin-top:25px}.journal-stage{min-height:0;margin-top:13px}.journal-art{max-width:100%;margin:0 auto 20px}.scribble-note{display:none}.journal .tape{font-size:10px;padding:11px 10px;gap:13px;flex-wrap:wrap}.journal .tape b:last-child,.journal .tape .star:last-of-type{display:none}.journal .feature-row{gap:25px}.journal .feature-row article{min-height:0;transform:rotate(-.6deg);padding:24px}.journal .feature-row article:nth-child(2){transform:rotate(.7deg)}.journal .collaboration-section{padding:50px 0;gap:35px}.journal .section-split h2{font-size:31px}.faq h2{font-size:29px}.faq summary{font-size:14px}.gallery .gallery-top{padding:28px 0}.gallery h1{font-size:35px;margin-top:20px}.gallery-options{grid-template-columns:1fr;gap:25px;margin:32px 0}.option-image{aspect-ratio:1.6}.option-info{padding:24px}.option-info h2{font-size:25px}.gallery-notes{grid-template-columns:1fr;gap:25px;padding-bottom:35px}.gallery .recommendation{font-size:10px}.gallery .lead{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scene{transform:none!important}}
html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important}html[data-motion=off] .scene{transform:none!important}

/* Public homepage: CSP-safe spacing and stable keyboard anchors. */
.site-spacing-1{margin-top:22px}
.site-spacing-2{margin-top:9px}
.site-spacing-3{margin-top:13px;text-align:center}