:root{--paper:#f5f6f2;--ink:#142b40;--muted:#405468;--blue:#dbe8ed;--lime:#d4eb8b;--white:#fff;--gutter:clamp(20px,3vw,48px);--body:17px;--small:14px;--sub:24px;--title:clamp(32px,4.3vw,62px);--display:clamp(44px,5.9vw,85px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:var(--body);line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:6px}button{font:inherit}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;line-height:1.2;letter-spacing:-.04em;text-wrap:balance}h1{font-size:var(--display)}h2{font-size:var(--title)}h3{font-size:var(--sub);letter-spacing:-.025em}img{display:block;width:100%;height:auto}p+p{margin-top:24px}.wrap{width:min(1440px,100%);margin:auto;padding-inline:var(--gutter)}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:110px}.brand{font-size:32px;font-weight:700;letter-spacing:-2px;line-height:1}.brand span{display:block;font-size:var(--small);font-weight:400;letter-spacing:0;margin-top:12px}.header nav{display:flex;gap:36px}.header-link{font-size:16px}.header-link span{margin-left:12px}.skip{position:fixed;top:8px;left:20px;background:var(--lime);padding:12px;z-index:20;transform:translateY(-160%)}.skip:focus{transform:none}.hero{padding-top:22px}.hero-board{display:grid;grid-template-columns:42% 58%;min-height:410px;background:var(--ink);color:var(--paper);overflow:hidden}.board-copy{padding:38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:24px}.board-copy>p:first-child{font-size:var(--small)}.board-copy>p:nth-child(2){font-size:clamp(24px,2.6vw,38px);line-height:1.45;letter-spacing:-.03em;margin:0}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:42px;padding:15px 23px;background:var(--lime);color:var(--ink);font-size:16px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);text-decoration:none;background:var(--white)}.button:active{transform:translateY(1px)}.board-art{position:relative;background:var(--blue);overflow:hidden;animation:shutter 1s cubic-bezier(.2,.7,.2,1) both}.board-art img{height:100%;object-fit:cover;animation:settle 1.2s ease-out both}.board-art figcaption{position:absolute;bottom:16px;left:25px;font-size:var(--small);color:var(--ink)}.hero-bottom{display:grid;grid-template-columns:42% 58%;align-items:end;padding-block:44px 0}.hero-note{font-size:16px;line-height:1.9;padding-right:24px}.intro{display:grid;grid-template-columns:42% 58%;padding-block:140px;align-items:center}.intro-side{max-width:270px}.intro-side img{width:210px}.intro-side p{margin-top:20px;font-size:var(--small)}.intro-copy>p:first-child{font-size:clamp(23px,2.2vw,32px);line-height:1.65;max-width:24em}.intro-copy>p+p{max-width:34em;color:var(--muted);margin-top:32px}.features{background:var(--blue);padding-block:100px}.feature-head{display:grid;grid-template-columns:58% 42%;align-items:end}.feature-head>p{padding-left:40px}.feature-layout{display:grid;grid-template-columns:1fr 1.05fr 1fr;gap:45px;margin-top:65px;align-items:center}.feature-notes{display:flex;flex-direction:column;gap:65px}.feature-notes p{margin-top:16px;color:var(--muted);max-width:23em}.paper-preview img{width:100%}.paper-preview figcaption{font-size:var(--small);margin-top:15px;text-align:center}.workflow{padding-block:130px}.section-axis{display:grid;grid-template-columns:42% 58%;align-items:start;gap:0}.section-axis h2{padding-right:20px;font-size:clamp(30px,3.2vw,46px)}.section-axis .small{font-size:var(--small);color:var(--muted);margin-top:12px}.workflow-demo{display:grid;grid-template-columns:42% 58%;margin-top:52px;min-height:310px}.workflow-controls{display:flex;flex-direction:column;align-items:stretch;padding-right:55px;gap:8px}.workflow-controls button{background:var(--blue);color:var(--ink);border:0;padding:18px 22px;cursor:pointer;text-align:left;display:flex;justify-content:space-between;transition:background .2s,transform .2s}.workflow-controls button[aria-pressed=true]{background:var(--ink);color:var(--white)}.workflow-controls button:hover{transform:translateX(5px)}.stage-output{background:var(--lime);padding:38px;display:flex;flex-direction:column;justify-content:center}.stage-output h3{font-size:var(--sub)}.stage-output>p{margin-top:22px;max-width:30em}.stage-output .stage-result{font-size:var(--small);margin-top:30px}.daily{background:var(--ink);color:var(--paper);padding-block:90px}.daily-layout{display:grid;grid-template-columns:42% 58%;align-items:center;gap:0}.daily-layout>div{padding-right:60px}.daily p{margin-top:28px;max-width:26em}.daily img{width:100%}.daily figcaption{font-size:var(--small);margin-top:12px}.about{display:grid;grid-template-columns:42% 58%;padding-block:130px}.about h2{font-size:clamp(30px,3.2vw,46px)}.about-text{columns:2;column-gap:38px}.about-text p{break-inside:avoid;max-width:25em}.about-text strong{font-weight:600}.footer{background:var(--lime);padding-block:40px 28px;overflow:hidden}.footer-name{font-size:clamp(90px,19vw,275px);font-weight:700;letter-spacing:-.075em;line-height:1.1}.footer-body{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:45px 70px}.footer-body>p{font-size:var(--sub);line-height:1.5}.light{background:var(--ink);color:var(--paper)}.light:hover{background:var(--muted)}.legal{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:var(--small)}.reveal{animation:rise .65s ease-out both}.small{font-size:var(--small)}@keyframes shutter{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes settle{from{transform:scale(1.06)}to{transform:scale(1)}}@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.header nav{gap:18px;font-size:15px}.brand{font-size:28px}.brand span{font-size:13px}.hero-board{min-height:340px}.board-copy{padding:24px}.hero-note{font-size:14px}.hero-bottom{gap:18px;grid-template-columns:38% 1fr}.intro{padding-block:90px}.feature-layout{gap:24px}.feature-notes{gap:35px}.feature-notes h3{font-size:21px}.feature-notes p{font-size:16px}.workflow-controls{padding-right:28px}.about-text{columns:1}.daily-layout>div{padding-right:30px}.feature-head>p{padding-left:15px}.daily p{font-size:16px}.section-axis{grid-template-columns:42% 58%}.footer-name{font-size:21vw}}
@media(max-width:600px){:root{--body:16px;--sub:23px;--display:clamp(39px,10.4vw,56px);--title:34px}.header{min-height:90px;gap:14px}.header nav{display:none}.header-link{font-size:14px}.brand{font-size:29px}.brand span{font-size:13px;margin-top:10px}.hero{padding-top:12px}.hero-board{grid-template-columns:1fr}.board-copy{padding:27px;min-height:275px}.board-copy>p:nth-child(2){font-size:28px}.board-art{min-height:245px}.board-art img{aspect-ratio:1.5;height:auto}.board-art figcaption{font-size:13px;bottom:12px;left:20px}.hero-bottom{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:26px;padding-top:35px}.hero-note{font-size:15px;padding:0}.intro{display:flex;flex-direction:column-reverse;align-items:stretch;gap:36px;padding-block:75px}.intro-copy>p:first-child{font-size:23px;line-height:1.7}.intro-copy>p+p{margin-top:23px}.intro-side{max-width:none;display:flex;flex-direction:row-reverse;align-items:end;justify-content:space-between;gap:20px}.intro-side img{width:48%}.intro-side p{font-size:14px;margin:0}.features{padding-block:65px}.feature-head{display:block}.feature-head>p{padding:0;margin-top:25px}.feature-layout{grid-template-columns:1fr;margin-top:40px;gap:35px}.feature-notes{gap:28px}.feature-notes article{max-width:32em}.feature-notes p{margin-top:12px;max-width:none}.paper-preview{width:78%;margin-inline:auto}.right-notes{padding-top:5px}.workflow{padding-block:75px}.section-axis{display:block}.section-axis h2{font-size:32px;padding:0}.section-axis>div{margin-top:25px}.workflow-demo{display:block;margin-top:30px}.workflow-controls{flex-direction:row;gap:6px;padding:0}.workflow-controls button{padding:14px 8px;justify-content:center;flex:1;font-size:15px}.workflow-controls button span{display:none}.workflow-controls button:hover{transform:translateY(-2px)}.stage-output{padding:27px;min-height:295px}.stage-output h3{font-size:23px}.daily{padding-block:65px}.daily-layout{display:flex;flex-direction:column;gap:35px}.daily-layout>div{padding:0}.daily p{max-width:none}.daily-layout figure{width:100%}.about{display:block;padding-block:75px}.about h2{font-size:32px}.about-text{margin-top:30px}.about-text p{max-width:none}.footer{padding-top:30px}.footer-name{font-size:22vw}.footer-body{padding-block:28px 50px;align-items:start;flex-direction:column;gap:30px}.legal{font-size:13px;gap:16px}.legal>span{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.workflow-controls button:hover{transform:none}}

.hero-bottom h1{grid-column:2;grid-row:1}.hero-bottom .hero-note{grid-column:1;grid-row:1}@media(max-width:600px){.hero-bottom{flex-direction:column}}

/* Consolidated type roles; the oversized footer is a wordmark. */
.brand{font-size:var(--sub)}.header-link,.header nav,.hero-note,.button{font-size:var(--body)}.board-copy>p:nth-child(2),.intro-copy>p:first-child{font-size:var(--sub)}.section-axis h2,.about h2{font-size:var(--title)}
@media(min-width:601px) and (max-width:1000px){.board-art img{object-fit:contain}.hero-board{min-height:340px}}
@media(max-width:900px){.brand span,.header-link,.header nav,.hero-note,.feature-notes p,.daily p{font-size:var(--body)}.brand span{font-size:var(--small)}.feature-notes h3{font-size:var(--sub)}}
@media(max-width:600px){.brand{font-size:var(--sub)}.brand span,.header-link,.board-art figcaption,.intro-side p,.legal{font-size:var(--small)}.board-copy>p:nth-child(2),.intro-copy>p:first-child,.stage-output h3{font-size:var(--sub)}.workflow-controls button,.hero-note{font-size:var(--body)}.section-axis h2,.about h2{font-size:var(--title)}}