:root{--ink:#151713;--paper:#f7f6f1;--panel:#e7e4dc;--white:#fff;--accent:#cf4b35;--pine:#234b40;--acid:#d9f06d;--line:#15171324;--muted:#15171394;--mono:"SFMono-Regular","Roboto Mono",Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);background:var(--paper);font-feature-settings:"palt" 1;text-rendering:optimizelegibility;margin:0;font-family:Helvetica Neue,Yu Gothic,Hiragino Kaku Gothic ProN,Noto Sans SC,Noto Sans JP,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::selection{color:#fff;background:var(--accent)}.demo-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1440px,100% - 64px);height:88px;margin:0 auto;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;background:var(--ink);width:34px;height:34px;font:700 14px/1 var(--mono);place-items:center;display:grid}.brand strong{letter-spacing:.15em;font-size:14px;line-height:1;display:block}.brand small{color:var(--muted);font:600 7px/1 var(--mono);letter-spacing:.21em;margin-top:5px;display:block}.header-actions{align-items:center;gap:10px;display:flex}.back-link,.lang-button{border:1px solid var(--line);background:0 0;align-items:center;gap:10px;min-height:40px;padding:0 13px;font-size:11px;font-weight:700;display:inline-flex}.back-link:hover,.lang-button:hover{background:var(--white);border-color:var(--ink)}.lang-button{cursor:pointer}.lang-button span{font:700 10px/1 var(--mono)}.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:84px;width:min(1320px,100% - 64px);min-height:680px;margin:0 auto;padding:82px 0 100px;display:grid}.hero>div{min-width:0}.kicker{color:var(--accent);font:700 9px/1 var(--mono);letter-spacing:.18em;display:block}.hero h1{overflow-wrap:anywhere;letter-spacing:-.07em;max-width:770px;margin:29px 0 28px;font-size:clamp(58px,6.4vw,96px);font-weight:650;line-height:.98}main:lang(ja) .hero h1{font-size:clamp(52px,5.7vw,86px);line-height:1.02}.hero-lead{max-width:650px;color:var(--muted);margin:0;font-size:15px;line-height:1.95}.hero-actions{align-items:center;gap:28px;margin-top:38px;display:flex}.primary-button{color:#fff;background:var(--ink);border:1px solid var(--ink);justify-content:space-between;align-items:center;gap:30px;min-width:190px;min-height:54px;padding:0 18px;font-size:12px;font-weight:700;display:inline-flex}.primary-button:hover{color:var(--ink);background:var(--acid);border-color:var(--acid)}.text-link{border-bottom:1px solid var(--ink);padding:10px 0;font-size:12px;font-weight:700}.hero-stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);max-width:620px;margin-top:64px;display:grid}.hero-stats div{padding:18px 14px 0 0}.hero-stats strong{font:700 15px/1 var(--mono);display:block}.hero-stats span{color:var(--muted);letter-spacing:.06em;margin-top:8px;font-size:9px;display:block}.hero-visual{color:#fff;background:var(--ink);min-height:520px;padding:34px;position:relative;overflow:hidden}.hero-visual:before{content:"";background-color:#0000;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:52px 52px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.visual-meta,.visual-window{z-index:1;position:relative}.visual-meta{color:#ffffff75;font:600 8px/1 var(--mono);letter-spacing:.16em;justify-content:space-between;display:flex}.visual-number{color:#ffffff14;font:700 170px/.8 var(--mono);letter-spacing:-.1em;position:absolute;bottom:6px;right:20px}.visual-window{color:var(--ink);background:#fbfaf6;margin-top:66px;padding:25px;box-shadow:-18px 18px #0003}.window-top{color:var(--muted);font:600 8px/1 var(--mono);letter-spacing:.1em;justify-content:space-between;display:flex}.window-top b{color:var(--pine)}.window-title{margin:45px 0 36px}.window-title small{color:var(--accent);font:700 8px/1 var(--mono);letter-spacing:.17em}.window-title strong{letter-spacing:-.04em;margin-top:10px;font-size:28px;line-height:1.2;display:block}.mini-bars{border-bottom:1px solid var(--line);align-items:end;gap:8px;height:82px;display:flex}.mini-bars i{background:var(--ink);flex:1;height:42%}.mini-bars i:nth-child(2){height:68%}.mini-bars i:nth-child(3){background:var(--pine);height:54%}.mini-bars i:nth-child(4){background:var(--accent);height:90%}.mini-bars i:nth-child(5){height:74%}.scope{color:#fff;background:var(--ink);padding:105px max(32px,50vw - 660px)}.section-heading{grid-template-columns:1fr .65fr;align-items:end;gap:80px;margin-bottom:62px;display:grid}.section-heading .kicker{color:var(--acid)}.section-heading h2{letter-spacing:-.06em;max-width:720px;margin:22px 0 0;font-size:clamp(42px,4.6vw,68px);line-height:1.08}.section-heading p{color:#ffffff94;margin:0;font-size:12px;line-height:1.9}.feature-grid{border-top:1px solid #ffffff38;grid-template-columns:repeat(3,1fr);display:grid}.feature-card{border-bottom:1px solid #ffffff21;border-right:1px solid #ffffff21;min-height:280px;padding:28px}.feature-card:last-child{border-right:0}.feature-card>span{color:var(--acid);font:700 9px/1 var(--mono)}.feature-card h3{margin:72px 0 17px;font-size:23px;line-height:1.35}.feature-card p{color:#ffffff87;margin:0;font-size:11px;line-height:1.8}.workspace{width:min(1260px,100% - 64px);margin:0 auto;padding:128px 0}.workspace-heading{grid-template-columns:1fr .7fr;align-items:end;gap:70px;margin-bottom:50px;display:grid}.workspace-heading h2{letter-spacing:-.06em;margin:20px 0 0;font-size:clamp(42px,4.7vw,68px);line-height:1.08}.workspace-heading p{color:var(--muted);margin:0;font-size:12px;line-height:1.9}.workspace-shell{border:1px solid var(--line);background:var(--white);min-height:520px;box-shadow:18px 18px 0 var(--panel);grid-template-columns:220px 1fr;display:grid}.workspace-nav{color:#fff;background:var(--pine);padding:30px 24px}.workspace-nav strong{font:700 12px/1 var(--mono);letter-spacing:.12em}.workspace-nav div{margin-top:65px;display:grid}.workspace-nav span{color:#ffffff94;border-bottom:1px solid #ffffff24;padding:15px 0;font-size:10px}.workspace-nav span:first-child{color:var(--acid)}.workspace-main{padding:34px 38px}.workspace-top{justify-content:space-between;align-items:center;display:flex}.workspace-top small{color:var(--muted);font:600 8px/1 var(--mono);letter-spacing:.13em}.status{color:var(--pine);font:700 8px/1 var(--mono);background:#234b401a;padding:8px 10px}.metric-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:42px;display:grid}.metric{background:var(--panel);min-height:125px;padding:20px}.metric span{color:var(--muted);font-size:9px}.metric strong{font:700 28px/1 var(--mono);margin-top:30px;display:block}.activity{border-top:1px solid var(--ink);margin-top:20px}.activity-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;min-height:62px;font-size:11px;display:grid}.activity-row span{color:var(--muted);font:600 8px/1 var(--mono)}.demo-footer{color:#fff;background:#0e100d;grid-template-columns:1fr 1fr auto;align-items:center;gap:28px;min-height:138px;padding:34px max(32px,50vw - 720px);display:grid}.footer-brand .brand-mark{color:var(--ink);background:var(--acid)}.footer-brand .brand small,.demo-footer>p{color:#ffffff70;font-size:8px}.demo-footer>a{font-size:10px;font-weight:700}.demo-footer>a:hover{color:var(--acid)}@media (max-width:980px){.hero{grid-template-columns:1fr;padding-top:70px}.hero-visual{min-height:480px}.section-heading,.workspace-heading{grid-template-columns:1fr;gap:25px}.workspace-shell{grid-template-columns:170px 1fr}.metric-grid{grid-template-columns:1fr}.metric{min-height:95px}.metric strong{margin-top:18px}}@media (max-width:700px){.demo-header{width:calc(100% - 36px);height:72px}.brand strong{font-size:12px}.brand small{font-size:6px}.back-link{justify-content:center;width:40px;padding:0;font-size:0}.back-link span{font-size:15px}.lang-button{padding:0 9px;font-size:0}.hero{gap:55px;width:calc(100% - 36px);min-height:auto;padding:58px 0 76px}.hero h1{font-size:clamp(50px,15vw,72px)}.hero-lead{font-size:13px}.hero-actions{flex-direction:column;align-items:stretch;gap:15px}.text-link{align-self:flex-start}.hero-stats{margin-top:48px}.hero-stats strong{font-size:12px}.hero-visual{min-height:430px;padding:22px}.visual-window{margin-top:55px;padding:20px}.visual-number{font-size:120px}.scope{padding:80px 18px}.feature-grid{grid-template-columns:1fr}.feature-card{border-right:0;min-height:220px;padding:24px 0}.feature-card h3{margin-top:45px}.workspace{width:calc(100% - 36px);padding:86px 0}.workspace-shell{box-shadow:10px 10px 0 var(--panel);grid-template-columns:1fr}.workspace-nav{padding:22px}.workspace-nav div{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.workspace-nav span{padding:10px 0;font-size:8px}.workspace-main{padding:25px 20px}.workspace-top{align-items:flex-start;gap:12px}.activity-row{gap:18px}.demo-footer{grid-template-columns:1fr;gap:16px}}