/* Brand illustration introduces the platform; the product view explains it. */
.hero{padding:54px 0 36px;overflow:clip}
.hero-stage{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:42px;min-height:525px}
.hero-copy{padding-block:24px}
.hero h1,html:not(:lang(ko)):not(:lang(ja)):not(:lang(zh)) .hero h1{font-size:clamp(42px,4vw,58px);line-height:1.24;letter-spacing:-.06em}
.hero .eyebrow{color:#9ee9d3;border-color:#5eac9438;background:#1141385c;font-size:12px;letter-spacing:.025em;margin-bottom:25px}
.hero-description{font-size:16px;line-height:1.9;max-width:33em;margin-top:24px;color:#b2c9cd}
.hero-actions{margin-top:29px}.hero-actions .button-large{min-height:54px;padding:15px 24px;font-size:14px;border-radius:9px;box-shadow:0 9px 30px #58e0b41a}
.hero-platforms{margin-top:22px}.hero-orbit{opacity:.35}
.hero-art{position:relative;margin:0;min-width:0;isolation:isolate}
.hero-art>img{position:relative;display:block;width:100%;height:auto;object-fit:contain;z-index:1;filter:drop-shadow(0 22px 35px #0002)}
.hero-art-glow{position:absolute;inset:14% 0 9%;border-radius:50%;background:radial-gradient(ellipse,#215e554a 0,transparent 70%);z-index:-1}
.hero-art figcaption{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 23px;margin-top:5px;padding:8px 0;color:#b6d9d2;font-size:12px;font-weight:650}
.hero-art figcaption>span{display:flex;align-items:center;gap:7px;white-space:nowrap}
.hero-art figcaption svg{width:16px;height:16px;color:#76dfc1}
.workspace-showcase{padding:25px 0 66px;background:linear-gradient(#071d29 0,#0a2632 100%);color:#fff;overflow:hidden}
.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.workspace-heading .eyebrow{font-size:10px;letter-spacing:.15em;color:#72d9bc;margin:0;white-space:nowrap}
.workspace-heading h2{font-size:24px;line-height:1.45;font-weight:600;letter-spacing:-.04em}
.workspace-visual{width:100%;margin:0;transform:none;min-width:0}
.workspace-visual .demo-window{border:1px solid #91cfc839;border-radius:16px;box-shadow:0 28px 70px #0005}
.workspace-visual .window-top{height:43px;background:#143641}
.workspace-visual .demo-layout{grid-template-columns:188px minmax(0,1fr) 310px;min-height:500px}
.workspace-visual .demo-side{display:flex;background:#edf5f2;padding:27px 24px;gap:24px}
.workspace-visual .demo-main{padding:26px 31px;background:#fff}
.workspace-visual .demo-heading h2{font-size:28px}.workspace-visual .demo-heading p{font-size:13px}
.workspace-visual .demo-tabs button{font-size:13px;min-height:46px}
.workspace-visual .direction-card{padding:16px}.workspace-visual .direction-card strong{font-size:14px}
.workspace-visual .task-example strong{font-size:14px}.workspace-visual .task-example{padding-block:18px}
.workspace-visual .ai-note strong{font-size:13px}.workspace-visual .role-panel{min-height:270px}
.workspace-visual .side-question{font-size:13px;margin-left:0}.workspace-visual .side-answer{font-size:13px}
.workspace-visual .side-answer>strong{font-size:14px}.workspace-visual .side-sources span{font-size:11px}
.workspace-visual .showcase-caption{margin-top:16px;font-size:11px}
.workspace-visual .organization-rail{display:flex;align-items:stretch;padding:26px 18px;gap:0;background:#12313e;min-width:0}
.organization-rail .demo-brand{margin-bottom:29px}.organization-rail .demo-brand b{display:block}
.org-rail-label{display:flex;gap:8px;align-items:center;color:#81b8b0;font-size:11px;margin-bottom:15px}
.org-rail-label svg{width:15px;height:15px}
.org-tree strong{display:block;font-size:13px;color:#edf8f5;line-height:1.7;font-weight:650}
.org-tree ul{margin:15px 0 0 5px;padding:0 0 0 15px;list-style:none;border-left:1px solid #487d7f}
.org-tree li{position:relative;display:flex;align-items:center;gap:8px;min-height:40px;font-size:12px;color:#b7d1d5;line-height:1.5;padding:6px 5px}
.org-tree li:before{content:'';position:absolute;left:-15px;top:50%;width:12px;border-top:1px solid #487d7f}
.org-tree li i{width:20px;height:20px;display:grid;place-items:center;background:#26515b;color:#aeeddb;font-size:9px;font-weight:700;font-style:normal;border-radius:6px;flex-shrink:0}
.org-tree .org-team-selected{color:#b5f3d9;background:#1c4c4a;border-radius:5px}
.org-tools{display:grid;gap:15px;margin-top:29px;padding-top:22px;border-top:1px solid #568d8a3b;font-size:11px;color:#9cbec6}
.org-tools span{display:flex;align-items:center;gap:10px}.org-tools svg{width:16px;height:16px}
.rail-ai{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:20px;color:#90e8cb;font-size:12px;font-weight:650}.rail-ai svg{width:18px;height:18px}
.company-section{background:#f1f6f3;padding-block:96px}
.company-layout{display:block}.company-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 90px;align-items:end;margin-bottom:44px}
.company-intro>.eyebrow{grid-column:1/-1;margin-bottom:5px}.company-intro h2{font-size:44px}.company-intro>p:not(.eyebrow){margin:0;max-width:34em;font-size:15px}
.company-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.company-cases>article,.company-cases>article:first-child{display:block;border:1px solid #d4e5dc;border-radius:14px;background:#fff;padding:28px;box-shadow:0 7px 25px #234a3805;min-width:0}
.company-index{display:flex;justify-content:space-between;align-items:center;padding:0;margin-bottom:23px;color:#a3bcb0;font-size:11px}
.company-index svg{width:34px;height:34px;color:#1d8c73;padding:7px;box-sizing:content-box;background:#edf7f1;border-radius:12px}
.company-role{color:#31816b;font-size:12px;font-weight:650}
.company-cases h3{font-size:21px;line-height:1.5;margin-top:10px;min-height:3em}
.company-cases article p{font-size:13px;line-height:1.95;margin-top:14px;color:#60766a}
.company-cases article .company-benefit{border-left:0;border-top:1px solid #e0eee5;padding:15px 0 0;margin-top:22px;color:#26725b;font-size:13px;font-weight:650}
@media(min-width:1600px){.hero-stage{min-height:560px}.hero{padding-top:55px}.hero h1,html:not(:lang(ko)):not(:lang(ja)):not(:lang(zh)) .hero h1{font-size:58px}}
@media(max-width:1100px){.hero-stage{gap:22px;min-height:460px}.hero h1,html:not(:lang(ko)):not(:lang(ja)):not(:lang(zh)) .hero h1{font-size:43px}.hero-description{font-size:14px}.hero-art figcaption{gap:9px 17px;font-size:11px}.workspace-visual .demo-layout{grid-template-columns:158px minmax(0,1fr) 258px}.workspace-visual .demo-main{padding:23px}.workspace-visual .demo-side{padding:25px 18px}.workspace-visual .demo-heading h2{font-size:24px}.workspace-visual .demo-tabs{gap:18px}.workspace-visual .organization-rail{padding:25px 14px}.company-intro{gap:10px 42px}.company-intro h2{font-size:39px}.company-cases>article,.company-cases>article:first-child{padding:23px}.company-cases h3{font-size:19px}}
@media(max-width:900px){.hero-stage{grid-template-columns:1fr;gap:8px}.hero-copy{max-width:660px;padding-top:0;text-align:center}.hero h1,html:not(:lang(ko)):not(:lang(ja)):not(:lang(zh)) .hero h1{font-size:49px}.hero-description{font-size:16px;max-width:35em}.hero-art{width:min(500px,90%);margin:0 auto}.hero-art figcaption{font-size:12px}.hero{padding-top:42px}.workspace-heading{display:block}.workspace-heading h2{font-size:25px;margin-top:12px}.workspace-visual .demo-layout{grid-template-columns:165px minmax(0,1fr)}.workspace-visual .demo-side{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.1fr;gap:15px 24px;border-top:1px solid #dce8e2;border-left:0}.demo-side-heading{grid-column:1/-1}.workspace-visual .side-question{align-self:start}.workspace-visual .side-input{grid-column:1/-1}.workspace-visual .side-answer>strong{margin-bottom:8px}.workspace-visual .side-answer p{margin-block:8px}.workspace-visual .demo-main{padding:24px}.workspace-visual .demo-tabs button{font-size:13px}.company-intro{gap:12px 30px}.company-cases{gap:13px}.company-cases>article,.company-cases>article:first-child{padding:20px}.company-cases h3{font-size:18px}.company-cases article p{font-size:12px}.company-cases article .company-benefit{font-size:12px}}
@media(max-width:700px){.company-section{padding-block:64px}.company-intro{display:block;margin-bottom:30px}.company-intro h2{font-size:36px}.company-intro>p:not(.eyebrow){margin-top:20px}.company-cases{grid-template-columns:1fr;gap:16px}.company-cases>article,.company-cases>article:first-child{padding:25px}.company-index{margin-bottom:16px}.company-cases h3{font-size:22px;min-height:0;margin-top:7px}.company-cases article p,.company-cases article .company-benefit{font-size:14px}.company-cases article .company-benefit{margin-top:16px}.workspace-showcase{padding-bottom:44px}}
@media(max-width:600px){.workspace-visual .demo-layout{grid-template-columns:1fr}.workspace-visual .organization-rail{display:block;padding:18px 20px}.organization-rail .demo-brand,.org-rail-label,.org-tools,.rail-ai{display:none}.org-tree{display:flex;align-items:center;gap:18px}.org-tree strong{font-size:11px;max-width:6em;flex-shrink:0}.org-tree ul{display:flex;flex-wrap:wrap;border-left:1px solid #487d7f;gap:3px 8px;margin:0;padding-left:12px}.org-tree li{font-size:10px;min-height:28px;padding:3px;gap:5px}.org-tree li:before{display:none}.org-tree li i{width:16px;height:16px;font-size:8px}.workspace-visual .demo-main{padding:21px}.workspace-visual .demo-side{grid-template-columns:1fr;padding:21px;gap:17px}.workspace-visual .side-question{margin:0}.workspace-visual .side-answer{font-size:12px}.workspace-visual .side-answer>strong{font-size:13px}.workspace-visual .side-sources{margin-top:12px}.workspace-visual .side-input{font-size:11px}.workspace-visual .showcase-caption{margin-inline:3px}.workspace-heading h2{font-size:23px}}
@media(max-width:480px){.hero{padding:34px 0 23px}.hero-stage{gap:8px}.hero-copy{padding-inline:3px;padding-bottom:13px}.hero h1,html:not(:lang(ko)):not(:lang(ja)):not(:lang(zh)) .hero h1{font-size:clamp(29px,8.8vw,39px);line-height:1.3}.hero .eyebrow{font-size:10px;margin-bottom:19px}.hero-description{font-size:14px;line-height:1.9;margin-top:18px}.hero-actions{margin-top:23px}.hero-actions .button-large{min-height:49px;padding:13px 18px;font-size:13px}.hero-entry-note{font-size:10px}.hero-platforms{margin-top:16px}.hero-art{width:min(355px,96%)}.hero-art figcaption{font-size:10px;gap:9px 18px;margin-top:0}.hero-art figcaption svg{width:14px;height:14px}.workspace-heading .eyebrow{font-size:9px}.workspace-heading h2{font-size:22px;line-height:1.5;max-width:15em}.workspace-heading{margin-bottom:21px}.workspace-visual .demo-window{border-radius:12px}.workspace-visual .window-top{height:36px;font-size:9px}.workspace-visual .example-label{font-size:10px}.workspace-visual .demo-main{padding:19px 17px}.workspace-visual .demo-heading h2{font-size:23px}.workspace-visual .demo-heading p{font-size:12px}.workspace-visual .demo-tabs{gap:18px}.workspace-visual .demo-tabs button{font-size:12px}.workspace-visual .direction-card{padding:12px}.workspace-visual .direction-card strong,.workspace-visual .task-example strong{font-size:12px}.workspace-visual .role-panel{min-height:250px}.workspace-visual .ai-note strong{font-size:12px}.workspace-visual .demo-side{padding:21px 18px}.workspace-visual .side-question{font-size:12px}.workspace-visual .showcase-caption{font-size:10px}.company-intro h2{font-size:32px}.company-intro>p:not(.eyebrow){font-size:14px}.company-cases>article,.company-cases>article:first-child{padding:24px}.company-cases h3{font-size:21px}.company-cases article p,.company-cases article .company-benefit{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hero-art{transform:none}}
/* Small, readable scenes connect the illustration to everyday work. */
.hero-story{min-width:0;position:relative}.hero-story .hero-art{padding-bottom:0;width:100%;margin:0}
.hero-story .hero-art>img{width:88%;margin:0 auto;transform:translateY(-14px);filter:drop-shadow(0 15px 24px #0002)}
.story-card{position:relative;z-index:2;margin:-130px 22px 0;background:#fffdf7;color:#183832;border:1px solid #fff;border-radius:16px;box-shadow:0 18px 45px #0004;transform:rotate(-1.5deg);overflow:hidden}
.story-card-heading{padding:12px 18px;border-bottom:1px solid #e7e9dd;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#73867c;letter-spacing:.03em}.story-card-dots{display:flex;gap:4px}.story-card-dots i{width:5px;height:5px;background:#b3c7bb;border-radius:50%}
.story-scene{min-height:145px;padding:22px 23px;align-content:center}.story-scene[hidden]{display:none}.story-scene strong{display:block;font-size:14px;line-height:1.5;font-weight:750}.story-scene p{font-size:11px;line-height:1.7;margin:7px 0 0;color:#697e70}
.story-company{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:18px}.story-company svg{width:19px;height:19px;color:#2c8467}
.story-teams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.story-teams>div{position:relative;display:flex;justify-content:center;align-items:center;gap:7px;padding:10px 7px;background:#edf4e9;border:1px solid #d9e4d1;border-radius:9px;font-size:10px;line-height:1.4;min-width:0}.story-teams>div:before{content:'';position:absolute;bottom:100%;left:50%;height:14px;border-left:1px solid #a4c0aa}.story-teams>div:nth-child(2):before{height:18px}
.story-face{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;width:30px;height:32px;border:1.5px solid #183832;border-radius:11px 11px 9px 9px;background:#a1dec1;position:relative;box-shadow:0 2px 0 #183832}.story-face b{width:3px;height:5px;border-radius:50%;background:#183832}.story-face:after{content:'';position:absolute;width:5px;height:2px;border-bottom:1px solid #183832;border-radius:50%;bottom:7px}.story-face.lilac{background:#d9c9ec;transform:rotate(-6deg)}.story-face.peach{background:#f4c99f;transform:rotate(7deg)}
.story-scene-task{display:flex;align-items:center;gap:15px}.story-scene-task>svg{width:30px;height:30px;flex-shrink:0;color:#308a68}.story-scene-task>div:nth-child(2){flex:1;min-width:0}.story-task-track{display:flex;gap:4px;margin-top:15px}.story-task-track i{height:5px;border-radius:5px;flex:1;background:#dce7db}.story-task-track i:first-child{background:#56b291}.story-task-track i:nth-child(2){background:#9eceb2}.story-pair{display:flex}.story-pair .story-face+.story-face{margin-left:-7px}
.story-scene-chat{display:flex;align-items:flex-start;gap:12px}.story-scene-chat>div{flex:1;min-width:0}.story-bubble{padding:10px 14px;background:#e3edde;border-radius:3px 12px 12px 12px}.story-bubble.reply{margin:9px 0 0 16px;background:#f0e8dc;display:flex;align-items:center;gap:7px;font-size:11px;line-height:1.6}.story-bubble svg{width:17px;height:17px;flex-shrink:0}
.story-scene-ai{display:flex;gap:18px;align-items:center}.story-scene-ai>div:last-child{flex:1;min-width:0}.story-assistant{width:48px;height:51px;border:1.5px solid #183832;border-radius:16px;background:#e2f4e6;display:grid;place-items:center;position:relative;transform:rotate(-7deg);box-shadow:0 3px 0 #183832}.story-assistant span{position:absolute;right:-8px;top:-12px;font-size:23px;color:#2b996e}.story-sources{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px;font-size:10px;color:#31735b}.story-sources>span{padding:4px 7px;border:1px solid #c8dfca;border-radius:5px}.story-answer-lines{display:grid;gap:5px;margin-top:13px}.story-answer-lines i{height:4px;border-radius:5px;background:#dbe8d6}.story-answer-lines i:last-child{width:67%}
.hero-story .hero-art figcaption{margin-top:23px;gap:7px;justify-content:center;padding:0}.hero-story figcaption button{appearance:none;display:flex;align-items:center;gap:6px;justify-content:center;min-width:0;border:1px solid #6db09930;background:#16403359;border-radius:9px;color:#acd0c1;padding:10px 12px;font-size:11px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,transform .2s}.hero-story figcaption button[aria-pressed=true]{background:#b6ebd5;color:#163d30;border-color:#b6ebd5;transform:translateY(-3px)}.hero-story figcaption button:focus-visible,.story-motion-toggle:focus-visible{outline:2px solid #a5e3c8;outline-offset:4px}.hero-story figcaption svg{width:15px;height:15px;color:inherit;flex-shrink:0}
.story-footer{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px;min-height:25px}.story-progress{display:flex;gap:5px}.story-progress i{width:4px;height:4px;border-radius:50%;background:#3d6960;transition:width .2s,background .2s}.hero-story[data-step="0"] .story-progress i:nth-child(1),.hero-story[data-step="1"] .story-progress i:nth-child(2),.hero-story[data-step="2"] .story-progress i:nth-child(3),.hero-story[data-step="3"] .story-progress i:nth-child(4){width:14px;background:#7ac9ad}.story-motion-toggle{padding:4px 0;font-size:10px;background:none;border:0;color:#93b7aa;cursor:pointer}.story-motion-toggle:disabled{cursor:default;opacity:.6}
.scene-active{animation:story-enter .55s ease-out both}.in-view .scene-active .story-face b{animation:story-blink 5s 1.8s infinite}.in-view .scene-active .story-answer-lines i{animation:story-line .9s ease-out both}.in-view .scene-active .story-answer-lines i:last-child{animation-delay:.2s}.in-view .scene-active .story-task-track i:nth-child(2){animation:story-line 1.3s ease-out both}
.role-scene{width:100%;height:auto;display:block;margin:0 0 24px;border-radius:10px;background:#f5f8f0;overflow:visible;stroke:none}.company-index{margin-bottom:15px}.company-index svg{width:23px;height:23px;padding:0;background:none}.role-scene .motion-person{transform-box:fill-box;transform-origin:center bottom}.role-scene.in-view .motion-person{animation:role-sway 7s ease-in-out infinite}.role-scene.in-view .motion-signal{animation:role-signal 4s ease-in-out infinite}.role-scene.in-view .motion-signal:nth-child(even){animation-delay:1s}
@keyframes story-enter{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes story-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.15)}}@keyframes story-line{from{transform:scaleX(.1);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@keyframes role-sway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes role-signal{0%,100%{opacity:.55}50%{opacity:1}}
html[data-motion=off] .hero-story *,html[data-motion=off] .role-scene *{animation:none!important;transition:none!important}
@media(max-width:1100px){.story-card{margin-inline:4px;margin-top:-100px}.story-scene{padding:17px;min-height:145px}.story-scene strong{font-size:12px}.story-teams{gap:6px}.story-teams>div{padding:9px 5px;gap:5px;font-size:9px}.story-face{width:24px;height:28px;gap:4px}.hero-story figcaption button{padding:9px;font-size:10px}.story-pair{display:none}.company-cases>article,.company-cases>article:first-child{padding:22px}}
@media(max-width:900px){.hero-story{width:min(540px,100%);margin-inline:auto}.hero-story .hero-art>img{width:78%}.story-card{margin-top:-100px;margin-inline:36px}.story-scene{min-height:140px}.hero-story figcaption button{padding:10px 13px;font-size:11px}.role-scene{margin-bottom:17px}.hero-story{margin-top:4px}}
@media(max-width:700px){.role-scene{max-height:165px;object-fit:contain}.company-index{margin-bottom:12px}}
@media(max-width:480px){.hero-story .hero-art>img{width:90%;transform:translateY(-7px)}.story-card{margin:-80px 5px 0;border-radius:13px;transform:rotate(-1deg)}.story-card-heading{padding:10px 14px;font-size:8px}.story-scene{padding:16px;min-height:139px}.story-scene strong{font-size:12px}.story-teams{gap:6px}.story-teams>div{font-size:9px;display:grid;justify-items:center;padding:8px 3px;gap:6px}.story-company{margin-bottom:17px}.story-face{width:25px;height:28px}.hero-story .hero-art figcaption{gap:5px;margin-top:17px}.hero-story figcaption button{font-size:9px;padding:9px 8px;gap:4px}.hero-story figcaption svg{width:13px;height:13px}.story-footer{margin-top:6px}.story-bubble.reply{font-size:10px;margin-left:7px}.story-scene-ai{gap:12px}.story-sources{font-size:9px}.story-scene-task{gap:11px}.role-scene{max-height:145px}}
@media(prefers-reduced-motion:reduce){.hero-story *,.role-scene *{animation:none!important;transition:none!important}}

/* Quiet paper, ink and mint. Motion explains one example in the same workspace. */
.site-header{background:#f8faf7ee;border-bottom:1px solid #dce7e4;color:#142f40;backdrop-filter:blur(16px)}
.site-header .brand{color:#142f40}.site-header .primary-nav a{color:#4c6370}.site-header .language-picker{color:#4c6370}.site-header .language-picker select{color:#304f5d;background:#fff;border-color:#d4e0df}.site-header .nav-cta{background:#153342;color:#fff;border:1px solid #153342}.menu-toggle span{background:#153342}
.hero{background:#f7faf7;color:#153342;padding:74px 0 66px;overflow:clip}.hero-atmosphere{display:none}
.hero-stage{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:66px;min-height:520px;align-items:center}.hero-copy{padding:22px 0}
.hero .eyebrow{color:#008477;border:0;background:none;padding:0;font-size:11px;letter-spacing:.035em;margin-bottom:26px}.status-dot{width:5px;height:5px;box-shadow:none;background:#008477}
.hero h1,html:not(:lang(ko)):not(:lang(ja)):not(:lang(zh)) .hero h1{font-size:clamp(40px,3.8vw,55px);line-height:1.27;letter-spacing:-.065em;color:#142f40}
.hero .accent-word{background:none;-webkit-text-fill-color:currentColor;color:#142f40;position:relative;isolation:isolate;width:fit-content}.hero .accent-word:after{content:'';position:absolute;bottom:.05em;right:0;width:38%;height:.2em;background:#70dfc0;z-index:-1;transform:rotate(-.65deg);border-radius:1px}
.hero-description{color:#536f7b;font-size:15px;line-height:1.95;margin-top:28px;max-width:33em}.hero-actions{margin-top:32px;gap:26px}.hero-actions .button-large{background:#153342;color:#fff;border:1px solid #153342;box-shadow:none;border-radius:8px;padding:17px 24px;min-height:56px}.hero-actions .text-link{color:#153342}.hero-actions .text-link span{color:#153342}.hero-entry-note,.hero-platforms{color:#7f979e}.hero-platforms i{background:#acbfbf}
.conversation-story{width:100%;margin:58px 0 0;position:relative;min-width:0}
.story-illustration{position:absolute;top:-81px;right:15px;width:186px;height:auto;z-index:2;pointer-events:none}
.story-sticker{position:absolute;left:28px;top:-18px;z-index:3;display:flex;gap:7px;align-items:center;padding:10px 13px;background:white;border:1px solid #dbe6e1;box-shadow:0 7px 19px #234e3e08;border-radius:7px;color:#497267;font-size:10px;transform:rotate(.8deg)}.story-sticker svg{width:14px;height:14px}
.conversation-window{position:relative;border:1px solid #d4e3df;border-radius:12px;box-shadow:0 20px 50px #2343370d;background:#fff;transform:rotate(-.65deg);overflow:hidden;isolation:isolate}
.conversation-window-bar{height:38px;background:#fbfdfb;border-bottom:1px solid #e5eeea;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;color:#8b9c9b;font-size:8px;letter-spacing:.025em}.conversation-window-bar .window-dots i{background:#c5d8cf;width:5px;height:5px}.conversation-window-bar .window-dots{gap:4px}
.conversation-window-body{display:grid;grid-template-columns:48px minmax(0,1fr)}.conversation-rail{background:#163542;display:flex;flex-direction:column;align-items:center;gap:25px;padding:25px 0;color:#8eb9b2}.conversation-rail>img{width:25px;height:25px;margin-bottom:10px}.conversation-rail>svg{width:16px;height:16px;transition:color .4s,background .4s;box-sizing:content-box;padding:6px;border-radius:6px}.conversation-story[data-step="0"] .conversation-rail>svg:nth-of-type(2),.conversation-story[data-step="1"] .conversation-rail>svg:nth-of-type(5),.conversation-story[data-step="2"] .conversation-rail>svg:nth-of-type(4){color:#a8efd6;background:#2d5b59}
.conversation-main{padding:26px 25px 24px;min-width:0}.conversation-crumb{display:flex;align-items:center;gap:8px;font-size:9px;color:#8c9b9d}.conversation-crumb i{font-style:normal;color:#a4b5ad}.conversation-main h2{font-size:24px;font-weight:750;letter-spacing:-.04em;color:#173645;line-height:1.4;margin-top:15px}
.conversation-scenes{display:grid;margin-top:25px;min-width:0}.conversation-scene{grid-area:1/1;visibility:hidden;opacity:0;transform:translateX(9px);transition:opacity .45s ease,transform .45s ease,visibility .45s;pointer-events:none;min-width:0;animation:none}.conversation-scene.scene-active{visibility:visible;opacity:1;transform:none;pointer-events:auto;animation:none}
.conversation-stage-title{display:flex;align-items:center;gap:7px;color:#21816d;font-size:11px;margin-bottom:20px}.conversation-stage-title svg{width:15px;height:15px;flex-shrink:0}.conversation-stage-title strong{font-size:11px;line-height:1.5;font-weight:650}
.conversation-message,.conversation-reply{display:flex;align-items:flex-start;gap:9px}.conversation-avatar{display:grid;place-items:center;flex-shrink:0;border:1px solid #b5c6c0;border-radius:9px;background:#ece8db;color:#4b665f;width:27px;height:29px;font-size:10px;font-weight:700}.conversation-avatar.mint{background:#d6ebdd}.conversation-message>div,.conversation-reply>div{min-width:0;flex:1}.conversation-message b,.conversation-reply b{font-size:10px;color:#3a575b;font-weight:650}.conversation-message p,.conversation-reply p{font-size:12px;line-height:1.85;color:#49636a;padding:11px 13px;border:1px solid #e0e9e3;background:#f4f8f3;border-radius:2px 9px 9px 9px;margin-top:6px}.conversation-reply{margin:17px 0 0 20px}.conversation-reply p{background:#fcfcf9}.conversation-origin{display:flex;align-items:center;gap:7px;color:#7e9691;font-size:10px;margin:17px 0 0 36px}.conversation-origin svg{width:13px;height:13px}
.conversation-extraction{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:10px;color:#668b7e;margin-bottom:15px}.conversation-extraction svg{width:15px;height:15px}.conversation-extraction>span:last-child{color:#31806a}
.conversation-tasks{display:grid;gap:10px}.conversation-task{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #dce7df;background:#f6faf6;border-radius:8px;color:#27816d}.conversation-task>svg{width:18px;height:18px;flex-shrink:0}.conversation-task>div{min-width:0;flex:1}.conversation-task strong{font-size:12px;color:#294d52;line-height:1.55;font-weight:700;display:block}.conversation-task-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:5px;font-size:10px;color:#7b9389}.conversation-task-meta i{font-style:normal}.conversation-task-dot{width:6px;height:6px;border:1px solid #9ccbb6;border-radius:50%;flex-shrink:0}.reviewed .conversation-task-dot{background:#64c4a1;border-color:#64c4a1}
.conversation-criteria{display:flex;align-items:flex-start;gap:8px;color:#7e9d8b;background:#fafbf8;border-top:1px solid #e5eee5;margin-top:17px;padding-top:13px;font-size:10px}.conversation-criteria>svg{width:14px;height:14px;flex-shrink:0;margin-top:2px}.conversation-criteria b{color:#5a7a68;font-size:10px}.conversation-criteria p{color:#81968b;font-size:10px;line-height:1.8;margin-top:4px}.conversation-review{display:flex;gap:7px;align-items:center;color:#257f60;font-size:11px;margin-bottom:15px}.conversation-review svg{width:15px;height:15px}.conversation-scene.scene-active .conversation-review svg{animation:review-tick .7s ease-out both}.conversation-scene.scene-active .conversation-task{animation:task-arrive .6s ease-out both}.conversation-scene.scene-active .conversation-task:nth-child(2){animation-delay:.12s}
.conversation-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #e0ebe4;background:#fafcf9;padding-left:48px}.conversation-steps button{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;padding:14px 7px;background:none;color:#8a9f94;font-size:9px;line-height:1.5;font-weight:600;border:0;border-right:1px solid #e5eee7;cursor:pointer;transition:background .3s,color .3s}.conversation-steps button:last-child{border-right:0}.conversation-steps button>svg{width:13px;height:13px;flex-shrink:0}.conversation-step-no{font-size:8px;color:#9bb5a6}.conversation-steps button[aria-pressed=true]{background:#e9f5eb;color:#247b5f}.conversation-steps button[aria-pressed=true]:before{content:'';position:absolute;inset:0 14px auto;border-top:2px solid #50b690}.conversation-steps button:focus-visible{outline:2px solid #2f9b78;outline-offset:-3px}
.story-followup{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin:-3px 22px 0 38px;padding:12px 15px;min-height:47px;background:#fff;border:1px solid #dbe7df;border-radius:8px;box-shadow:0 10px 25px #25463608;transform:rotate(-.35deg);font-size:10px;line-height:1.7;color:#5e7d6c}.story-followup>svg{width:22px;height:22px;background:#e0f3e7;border-radius:6px;padding:4px;box-sizing:content-box;flex-shrink:0;color:#27966b}
.conversation-story .story-footer{justify-content:flex-end;margin:9px 22px 0;min-height:23px}.conversation-story .story-motion-toggle{color:#769188;font-size:9px}.story-motion-toggle:focus-visible{outline-color:#298b69}
.workspace-showcase{background:#f7faf7;color:#163645;padding:34px 0 70px;overflow:clip;border-top:1px solid #e2ebe5}.workspace-heading .eyebrow{color:#598b77}.workspace-heading h2{font-size:23px}.workspace-visual .demo-window{border-color:#d2e3db;box-shadow:0 20px 55px #143d2c0e;border-radius:12px}.workspace-visual .showcase-caption{color:#8ba197}.company-section{background:#f1f6f1}
.role-scene{background:#f7faf3;border-radius:8px}.role-scene.in-view .motion-person{animation:none}.role-scene.in-view .motion-signal{animation:role-signal 5s ease-in-out infinite}
@keyframes task-arrive{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes review-tick{from{opacity:.2;transform:scale(.7)}to{opacity:1;transform:none}}
@media(max-width:1100px){.hero{padding-top:60px}.hero-stage{gap:36px}.hero h1,html:not(:lang(ko)):not(:lang(ja)):not(:lang(zh)) .hero h1{font-size:43px}.hero-description{font-size:14px}.conversation-main{padding:24px 19px}.conversation-main h2{font-size:22px}.conversation-message p,.conversation-reply p{font-size:11px}.conversation-rail{gap:22px}.conversation-steps button{font-size:8px;gap:4px}.conversation-step-no{display:none}.story-sticker{left:12px;font-size:9px;padding:9px 11px}.story-illustration{width:165px;right:7px;top:-70px}}
@media(max-width:900px){.hero-stage{grid-template-columns:1fr;gap:12px;min-height:0}.hero-copy{padding:0;max-width:660px;margin:auto;text-align:center}.hero .accent-word{margin-inline:auto}.hero h1,html:not(:lang(ko)):not(:lang(ja)):not(:lang(zh)) .hero h1{font-size:49px}.hero-description{font-size:16px;margin-inline:auto}.hero-actions{justify-content:center}.conversation-story{max-width:580px;width:100%;margin:86px auto 0}.conversation-main{padding:26px}.conversation-message p,.conversation-reply p{font-size:12px}.conversation-steps button{font-size:10px;padding:14px 9px}.conversation-main h2{font-size:25px}.story-illustration{width:185px;top:-79px;right:24px}.story-sticker{left:20px;font-size:10px}.hero{padding-bottom:44px}.workspace-heading h2{font-size:25px}}
@media(max-width:700px){.primary-nav.is-open{background:#f8faf7;border-color:#dce7e4}.primary-nav a{color:#395863}.conversation-window{transform:rotate(-.4deg)}.story-followup{transform:rotate(-.2deg)}.story-sticker{transform:rotate(.5deg)}}
@media(max-width:480px){.hero{padding:38px 0 36px}.hero-copy{padding-inline:0}.hero h1,html:not(:lang(ko)):not(:lang(ja)):not(:lang(zh)) .hero h1{font-size:clamp(29px,8.8vw,39px);line-height:1.3}.hero .eyebrow{font-size:10px;margin-bottom:21px}.hero-description{font-size:14px;line-height:1.9;margin-top:23px}.hero-actions{gap:21px;margin-top:25px}.hero-actions .button-large{min-height:50px;padding:13px 17px;font-size:13px}.hero-platforms{margin-top:17px}.conversation-story{margin-top:76px}.story-illustration{width:148px;top:-63px;right:0}.story-sticker{font-size:8px;padding:8px 9px;left:7px;top:-14px;gap:5px}.story-sticker svg{width:11px;height:11px}.conversation-window{border-radius:9px;transform:rotate(-.3deg)}.conversation-window-bar{height:32px;font-size:7px;padding:0 11px}.conversation-window-body{grid-template-columns:30px minmax(0,1fr)}.conversation-rail{gap:18px;padding-top:22px}.conversation-rail>img{width:17px;height:17px;margin-bottom:8px}.conversation-rail>svg{width:12px;height:12px;padding:5px}.conversation-main{padding:20px 14px 22px}.conversation-crumb{font-size:8px}.conversation-main h2{font-size:21px;margin-top:11px}.conversation-scenes{margin-top:21px}.conversation-stage-title{margin-bottom:17px}.conversation-stage-title strong{font-size:10px}.conversation-avatar{width:22px;height:24px;font-size:9px;border-radius:7px}.conversation-message,.conversation-reply{gap:7px}.conversation-message b,.conversation-reply b{font-size:9px}.conversation-message p,.conversation-reply p{font-size:11px;padding:10px;line-height:1.8}.conversation-reply{margin-left:9px;margin-top:14px}.conversation-origin{font-size:8px;margin:14px 0 0 28px}.conversation-task{padding:11px 10px;gap:8px}.conversation-task strong{font-size:11px}.conversation-task-meta{font-size:9px}.conversation-extraction{font-size:9px;gap:6px}.conversation-criteria b,.conversation-criteria p{font-size:9px}.conversation-review{font-size:10px}.conversation-steps{padding-left:30px}.conversation-steps button{font-size:8px;padding:12px 5px;gap:4px;flex-direction:column}.conversation-steps button>svg{width:12px;height:12px}.conversation-steps button[aria-pressed=true]:before{inset-inline:8px}.story-followup{font-size:9px;margin:0 8px 0 20px;padding:10px;gap:8px;transform:none}.story-followup>svg{width:15px;height:15px;padding:4px}.conversation-story .story-footer{margin-right:8px}.workspace-showcase{padding-top:30px}.workspace-heading h2{font-size:22px}.site-header .language-picker select{max-width:106px}}
@media(prefers-reduced-motion:reduce){.conversation-scene,.conversation-story *{animation:none!important;transition:none!important}}

/* Keep the paper angled, while text stays on the pixel grid. */
.hero-description{color:#385461}
.hero-entry-note,.hero-platforms{color:#566d76}
.conversation-story{isolation:isolate}
.conversation-story:before{content:'';position:absolute;inset:0 0 80px;z-index:-1;background:#dceee5;border:1px solid #aecbbf;border-radius:12px;transform:rotate(-.8deg);box-shadow:0 14px 32px #2343370a;pointer-events:none}
.conversation-window{transform:none;border-color:#b8cdc4;box-shadow:0 8px 24px #173f3008}
.story-followup{transform:none;border-color:#bfcfc6;color:#385d4f;font-size:11px}
.story-sticker{color:#315d4d;border-color:#c1d5c9;font-size:11px}
.conversation-window-bar{color:#60746f;font-size:9px}
.conversation-crumb{font-size:11px;color:#556c70}
.conversation-stage-title,.conversation-stage-title strong{font-size:12px;color:#176b54}
.conversation-message b,.conversation-reply b{font-size:11px;color:#365158}
.conversation-message p,.conversation-reply p{font-size:13px;color:#294851;line-height:1.85;border-color:#d2dfd6}
.conversation-origin{font-size:11px;color:#526f63}
.conversation-extraction{font-size:11px;color:#496c5b}
.conversation-task{border-color:#c3d7ca}
.conversation-task strong{font-size:13px;color:#203f48}
.conversation-task-meta{font-size:11px;color:#496758}
.conversation-criteria b{font-size:11px;color:#395b46}
.conversation-criteria p{font-size:11px;color:#4c6658;line-height:1.75}
.conversation-review{font-size:12px;color:#196447}
.conversation-steps button{font-size:11px;color:#4d6c5a;padding-inline:6px;overflow:hidden}
.conversation-step-no{color:#557e68;font-size:9px}
.conversation-steps button[aria-pressed=true]{color:#125f43;background:#e4f2e8}
.conversation-steps button[aria-pressed=true]:before{border-color:#23815c}
.conversation-story .story-motion-toggle{font-size:11px;color:#496b5b}
.workspace-visual .showcase-caption,.workspace-visual .showcase-caption span:last-child{color:#587269}
.company-cases article p{color:#435e4f}
.conversation-scene{transition:opacity .24s ease,transform .24s ease;transform:translateX(6px)}
.conversation-scene.scene-active{transform:none}
.conversation-scene.scene-active .conversation-message{animation:message-arrive .45s ease-out both}
.conversation-scene.scene-active .conversation-reply{animation:message-arrive .45s .4s ease-out both}
.conversation-scene.scene-active .conversation-origin{animation:message-arrive .35s .7s ease-out both}
.conversation-scene.scene-active .conversation-task{animation:task-arrive .45s ease-out both}
.conversation-scene.scene-active .conversation-task:nth-child(2){animation-delay:.18s}
.conversation-scene.scene-active .conversation-task:nth-child(3){animation-delay:.36s}
.conversation-scene.scene-active .conversation-criteria{animation:message-arrive .4s .6s ease-out both}
.conversation-scene.scene-active .conversation-extraction svg{animation:extract-arrow 1.6s ease-in-out 2}
.conversation-scene.scene-active .conversation-review svg{animation:review-tick .55s ease-out both}
.reviewed .conversation-task-dot{animation:confirm-dot .45s .55s ease-out both}
.reviewed .conversation-task:nth-child(2) .conversation-task-dot{animation-delay:.7s}
.reviewed .conversation-task:nth-child(3) .conversation-task-dot{animation-delay:.85s}
.step-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#23815c;transform:scaleX(0);transform-origin:left;pointer-events:none}
.story-illustration{overflow:visible;stroke:none}
.story-illustration .motion-person{transform-box:fill-box;transform-origin:center bottom;animation:sketch-person 5.4s ease-in-out infinite}
.story-illustration .motion-person:last-of-type{animation-delay:-2.7s}
.story-illustration .motion-note{animation:sketch-note 5.4s ease-in-out infinite}
.story-illustration .motion-note>circle{animation:sketch-dot 2.4s ease-in-out infinite}
.story-illustration .motion-note>circle:nth-child(3){animation-delay:.2s}
.story-illustration .motion-note>circle:nth-child(4){animation-delay:.4s}
.role-scene.in-view .motion-person{animation:sketch-person 6s ease-in-out infinite}
.role-scene.in-view .motion-person:nth-child(even){animation-delay:-3s}
.hero-story:not(.motion-running) *{animation-play-state:paused!important}
@keyframes message-arrive{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes extract-arrow{0%,100%{transform:none}50%{transform:translateX(5px)}}
@keyframes confirm-dot{from{transform:scale(.45);background:transparent}to{transform:scale(1);background:#35956d}}
@keyframes sketch-person{0%,100%{transform:rotate(-.8deg)}50%{transform:rotate(1.1deg)}}
@keyframes sketch-note{0%,100%{transform:translate(0,0)}50%{transform:translate(4px,-5px)}}
@keyframes sketch-dot{0%,65%,100%{opacity:1}35%{opacity:.35}}
@media(max-width:1100px){.conversation-steps button{font-size:10px}.conversation-message p,.conversation-reply p{font-size:12px}.conversation-task strong{font-size:12px}}
@media(max-width:480px){.hero-description{font-size:14px}.conversation-story:before{bottom:78px;transform:rotate(-.55deg)}.conversation-window-bar{font-size:8px}.conversation-crumb{font-size:10px}.conversation-stage-title strong{font-size:11px}.conversation-message b,.conversation-reply b{font-size:10px}.conversation-message p,.conversation-reply p{font-size:12px;padding:9px}.conversation-origin{font-size:10px;margin-left:0}.conversation-task-meta,.conversation-extraction,.conversation-criteria b,.conversation-criteria p{font-size:10px}.conversation-task{padding:10px 9px}.conversation-steps button{font-size:9px;padding:12px 4px}.story-followup{font-size:10px}.story-sticker{font-size:9px}.conversation-review{font-size:11px}}
html[data-motion=off] .hero-story *,html[data-motion=off] .role-scene *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.hero-story *,.role-scene *{animation:none!important;transition:none!important}}