[hidden]{display:none!important}

.connected-record>*{min-width:0}

.ui-summary{flex-wrap:wrap}

.article-cover{padding-top:164px;padding-bottom:50px;max-width:1000px}

.article-cover h1{font-size:clamp(52px,6.5vw,88px);line-height:.98;letter-spacing:-.04em}

.article-page .article-body{margin-inline:auto;padding-top:0;padding-bottom:40px}

.article-back{max-width:760px;padding-bottom:70px}

.journal-symbol{position:relative;overflow:hidden}

.journal-symbol video{width:100%;height:100%;object-fit:cover}

.journal-art.art-photo{padding:0}

.journal-art.art-photo img{width:100%;height:100%;object-fit:cover}

.journal-card.is-visible .editorial-bars i{animation:bar-grow .8s ease both;transform-origin:bottom}

@media(max-width:1000px){.connected-record{grid-template-columns:minmax(0,1fr)}
}

@media(max-width:700px){.article-page .article-cover{padding-top:130px;padding-bottom:35px}
.article-page .article-cover h1{font-size:48px}
.article-page .article-body{padding-inline:0}
.article-back{padding-bottom:50px}
}

@media(max-width:360px){.connected-record .unified-record h3{font-size:26px}
}

.month-bar.level-0 i{min-height:0;height:0}

.audience-media{position:relative;width:100%;aspect-ratio:1.65;margin:36px 0 0;overflow:hidden;background:var(--sky)}

.audience-media img,.audience-media video{display:block;width:100%;height:100%;object-fit:cover}

.audience-media video{object-position:center 68%}

.media-toggle{position:absolute;right:14px;bottom:14px;min-height:44px;padding:10px 16px;border-radius:999px;background:var(--white);color:var(--ink);font-size:14px;font-weight:800}

.media-toggle:hover{background:var(--lime)}

.image-credit{margin-top:22px;font-size:14px;line-height:1.5}

.image-credit a{text-decoration:underline;text-underline-offset:3px}

@media(max-width:700px){.audience-media{aspect-ratio:1.4;margin-top:28px}
.audience-media img{object-position:58% 50%}
.image-credit{font-size:14px}
}

button.text-link{padding:0;background:transparent}

.launch time{display:flex;flex-direction:column;gap:2px}

.launch time:before{content:'Lançamento';font-size:13px;font-weight:400;line-height:1}

@font-face{font-family:Cabinet;src:url('assets/fonts/cabinet-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}

@font-face{font-family:Cabinet;src:url('assets/fonts/cabinet-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}

@font-face{font-family:Cabinet;src:url('assets/fonts/cabinet-800.woff2') format('woff2');font-weight:700 900;font-style:normal;font-display:swap}

:root{--paper:#fafbf7;--white:#fff;--ink:#202820;--lime:#e5ff73;--sky:#ddebf2;--sand:#ecedeb;--stone:#e8ede3;--muted:#4d594f;--line:#dfe4dc;--font:Cabinet,Arial,sans-serif;--small:14px;--body:18px;--lead:22px;--title:clamp(54px,5.8vw,84px);--gutter:clamp(24px,4.5vw,72px)}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:112px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--body)/1.5 var(--font);-webkit-font-smoothing:antialiased}
body:has(dialog[open]){overflow:hidden}
button,input{font:inherit}
button{color:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
button,a,summary{touch-action:manipulation}
button{border:0}
button:disabled{cursor:default;opacity:.5}
img,svg{display:block}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3,h4{font-weight:800;text-wrap:balance}
p{text-wrap:pretty}
ul,ol{margin:0;padding:0}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
::selection{background:var(--lime);color:var(--ink)}
.symbols,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.wrap{width:min(1312px,calc(100% - var(--gutter)*2));margin-inline:auto}
section[id],main[id],#demo{scroll-margin-top:112px}
.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.mark{width:40px;height:40px;fill:currentColor;flex-shrink:0}
.skip{position:fixed;z-index:200;top:12px;left:12px;padding:12px 20px;background:var(--lime);color:var(--ink);transform:translateY(-180%)}
.skip:focus{transform:none}
.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;width:max-content}
.brand>span{font-size:39px;font-weight:800;line-height:1;letter-spacing:-.055em}
.brand .mark{width:34px;height:34px}
.brand:hover .mark-piece{transform:translate(2px,-2px)}
.mark-piece{fill:var(--lime);transition:transform .2s ease}

.site-head{position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;gap:28px;min-height:88px;padding:16px var(--gutter);background:var(--paper);color:var(--ink)}
.site-head nav{display:flex;align-items:center;gap:30px;margin-left:auto}
.site-head nav>a{display:flex;align-items:center;min-height:44px;font-size:17px;font-weight:500}
.site-head nav>a:hover{text-decoration:underline;text-underline-offset:6px}
.site-head nav>a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}
.site-head .nav-mobile-cta{display:none}
.launch{display:flex;align-items:center;gap:13px;flex-shrink:0}
.launch time{font-size:14px;font-weight:800;white-space:nowrap}
.launch-count{display:flex;align-items:center;gap:7px}
.launch-count strong{font-size:26px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.launch-count>span{max-width:55px;font-size:13px;line-height:1.05}
.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:58px;padding:16px 25px;border:0;border-radius:999px;font-size:18px;font-weight:800;line-height:1.2;transition:transform .2s ease,background .2s ease}
.button:hover{transform:translateY(-3px)}
.button:active{transform:translateY(0) scale(.98)}
.button-lime,.head-cta{background:var(--lime);color:var(--ink)}
.button-lime:hover,.head-cta:hover{background:#d9f662}
.head-cta{min-height:50px;gap:17px;padding:13px 22px;font-size:16px;white-space:nowrap}
.button-ink{background:var(--ink);color:var(--white)}
.button-ink:hover{background:#354132}
.text-link{display:inline-flex;align-items:center;gap:14px;min-height:48px;font-size:18px;font-weight:800}
.text-link .icon{transition:transform .2s}
.text-link:hover .icon{transform:translateX(5px)}
.menu{display:none}
.icon-button{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--stone);transition:background .2s,transform .2s}
.icon-button:hover{background:var(--lime);transform:rotate(-8deg)}

.hero{overflow:hidden;padding-top:168px}
.hero h1{max-width:1312px;font-size:clamp(58px,6.6vw,98px);line-height:.96;letter-spacing:-.045em}
.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-top:36px;max-width:1170px}
.hero-intro{display:flex;flex-direction:column;align-items:start;gap:13px}
.hero-intro .lead{font-size:var(--lead);line-height:1.35;letter-spacing:-.015em}
.hero-status{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:500}
.hero-status>span{width:10px;height:10px;flex-shrink:0;border-radius:50%;background:#73992d}
.lead{font-size:var(--lead);line-height:1.35;letter-spacing:-.015em}
.product-stage{position:relative;margin:66px 0 0 var(--gutter);padding:48px max(36px,calc((100vw - 1312px)/2)) 64px 44px;background:var(--sky);border-radius:120px 0 0 0}
.stage-top{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1190px,100%);margin:0 auto 24px;font-size:16px;font-weight:500}
.stage-actions{display:flex;align-items:center;gap:24px}
.stage-actions>span{font-size:14px}
.stage-actions .text-link{min-height:40px;gap:8px;font-size:14px;white-space:nowrap}
.stage-actions .icon{width:18px;height:18px}
.workspace{width:min(1190px,100%);margin-inline:auto;overflow:hidden;background:var(--white);border-radius:16px}
.workspace-top{display:flex;align-items:center;gap:20px;min-height:80px;padding:18px 28px}
.workspace-top>.icon-button{margin-left:auto}
.workspace-name{display:flex;align-items:center;gap:10px;min-width:0}
.workspace-name .mark{width:27px;height:27px}
.workspace-name strong{overflow:hidden;max-width:30ch;font-size:20px;font-weight:800;white-space:nowrap;text-overflow:ellipsis}
.filter-switch{display:flex;gap:3px;margin-left:auto;padding:4px;background:var(--stone);border-radius:999px}
.filter-switch button{min-height:38px;padding:7px 17px;border-radius:999px;background:transparent;font-size:15px;font-weight:500;transition:background .2s}
.filter-switch button[aria-pressed=true]{background:var(--white)}
.workspace-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:0 24px 16px;border-bottom:1px solid var(--line)} /* taste-skill-ignore: Structural divider inside a product tablist or data table. */
.workspace-nav button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:12px 10px;border-radius:8px;background:transparent;font-size:17px;font-weight:500;transition:background .2s,transform .2s}
.workspace-nav button:hover{background:var(--stone)}
.workspace-nav button[aria-selected=true]{background:var(--lime);font-weight:800}
.workspace-panel{min-height:454px;padding:30px 32px 32px}
.workspace-panel:focus{outline-offset:-5px}
.screen-title{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.screen-title h2{font-size:30px;line-height:1.1;letter-spacing:-.035em}
.screen-title>span{font-size:14px}
.screen-title>span:empty{display:none}
.overview-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(230px,1fr);gap:30px}
.ui-summary{display:flex;gap:26px;align-items:center;padding:0 0 18px}
.ui-summary>span{display:flex;align-items:center;gap:7px;font-size:15px}
.ui-summary strong{font-size:25px;line-height:1;font-weight:800}
.work-list{list-style:none}
.work-list li{display:grid;grid-template-columns:24px minmax(0,1fr) 32px 60px;align-items:center;gap:14px;min-height:80px;padding:16px 0;border-top:1px solid var(--line)} /* taste-skill-ignore: Structural divider inside a product tablist or data table. */
.work-list li>div:not(.task-toggle){display:flex;flex-direction:column;gap:4px}
.work-list strong{font-size:18px;font-weight:800;line-height:1.2}
.work-list li>div>span,.task-meta{display:block;margin-top:4px;color:var(--muted);font-size:14px;line-height:1.3}
.work-list time{font-size:15px;text-align:right;white-space:nowrap}
.task-check{width:22px;height:22px;border:1.5px solid #adb8ab;border-radius:50%}
.task-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:32px}
.task-toggle input{width:22px;height:22px;margin:0;accent-color:var(--ink);cursor:pointer}
.task-title-button{display:block;padding:0;background:none;text-align:left;line-height:1.2}
.task-title-button:hover strong{text-decoration:underline;text-underline-offset:3px}
.work-list .is-done strong{text-decoration:line-through}
.work-list .is-done{color:var(--muted)}
.avatar{display:inline-grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:var(--lime);color:var(--ink);font-size:14px;font-style:normal;font-weight:800}
.avatar-sky{background:var(--sky)}
.avatar-sand{background:var(--sand)}
.focus-record{padding:26px;background:var(--stone);border-radius:40px 8px 8px 8px}
.record-status{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}
.record-status i,.live-indicator i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#557d3e}
.focus-record h3{margin:24px 0;font-size:30px;line-height:1.05;letter-spacing:-.035em}
.focus-record dl{display:grid;gap:14px;margin:0}
.focus-record dl div{display:grid;gap:2px}
.focus-record dt{color:var(--muted);font-size:14px}
.focus-record dd{margin:0;font-size:16px;font-weight:500}
.focus-record .text-link{margin-top:18px;font-size:15px}
.workspace-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 28px;border-top:1px solid var(--line);font-size:14px} /* taste-skill-ignore: Structural divider inside a product tablist or data table. */
.live-indicator{display:flex;align-items:center;gap:8px;white-space:nowrap}

.chapter{padding:112px 0}
.chapter-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:100px;margin-bottom:64px}
.chapter-heading>h2,.faq-title>h2{font-size:var(--title);line-height:.96;letter-spacing:-.04em}
.chapter-description{max-width:460px;font-size:20px;line-height:1.45}
.chapter-description .text-link{margin-top:22px}
.context-chapter{background:var(--paper)}
.connected-record{display:grid;grid-template-columns:1.1fr 1fr;min-height:480px}
.context-map{position:relative;min-height:480px;overflow:hidden;background:var(--stone);border-radius:100px 0 0 0}
.context-brand{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:136px;height:136px;background:var(--lime);border-radius:40px 0 40px 40px;transform:translate(-50%,-50%)}
.context-brand>.mark{width:78px;height:78px}
.connection-paths{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#a6b49e;stroke-width:2}
.context-bit{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;min-height:56px;padding:12px 19px;border-radius:999px;background:var(--white);font-size:17px;font-weight:500}
.bit-source{top:13%;left:6%}
.bit-person{top:13%;right:8%}
.bit-date{bottom:14%;left:7%}
.bit-evidence{right:5%;bottom:14%}
.unified-record{padding:44px 48px;background:var(--white)}
.unified-record h3{margin:22px 0 9px;font-size:38px;line-height:1.02;letter-spacing:-.035em}
.unified-record>p{font-size:16px;color:var(--muted)}
.record-properties{display:grid;gap:18px;margin:28px 0}
.record-properties>div{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:14px}
.record-properties dt{color:var(--muted);font-size:15px}
.record-properties dd{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:500}
.status-pill{display:inline-flex;align-items:center;width:max-content;padding:5px 11px;border-radius:999px;background:var(--sand);font-size:14px;font-weight:500;white-space:nowrap}
.record-file{display:flex;align-items:center;gap:12px;padding:16px;background:var(--stone);font-size:16px}
.record-file>.icon:last-child{margin-left:auto}

.ai-chapter{background:var(--sand)}
.ai-spread{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.source-scene{position:relative;display:grid;place-items:center;min-height:500px;padding:38px;background:#e1e3e0;overflow:hidden}
.source-paper{position:relative;width:min(370px,100%);min-height:410px;padding:28px 30px 54px;background:var(--white);transform:rotate(-2deg)}
.paper-head{display:flex;align-items:center;gap:10px;font-size:14px}
.source-paper h3{margin:38px 0 9px;font-size:32px;line-height:1.08;letter-spacing:-.02em}
.source-paper>p{font-size:16px}
.source-paper blockquote{margin:25px -7px 22px;padding:12px 7px;background:var(--lime);font-size:18px;line-height:1.4}
.source-paper .paper-note{font-size:14px;color:var(--muted)}
.paper-page{position:absolute;right:30px;bottom:23px;font-size:14px}
.scan-line{position:absolute;top:22%;left:12%;width:76%;height:3px;background:#94b336;opacity:0;transform-origin:left}
.source-scene.is-visible .scan-line{animation:scan 2.4s ease-in-out both}
.draft-scene{display:flex;flex-direction:column;padding:36px;background:var(--white)}
.draft-head{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:15px}
.ai-badge{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800}
.ai-badge .icon{width:25px;height:25px}
.draft-head>span:last-child{padding:5px 12px;background:var(--sand);border-radius:999px;font-size:14px}
.draft-scene h3{max-width:380px;margin:34px 0 24px;font-size:36px;line-height:1.05;letter-spacing:-.03em}
.suggestion-preview{display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:12px;align-items:start;padding:24px 0;border-bottom:1px solid var(--line)} /* taste-skill-ignore: Structural divider inside a product tablist or data table. */
.square-check{display:grid;place-items:center;width:24px;height:24px;background:var(--lime);border-radius:5px}
.square-check .icon{width:17px;height:17px;stroke-width:2}
.suggestion-preview strong{font-size:18px;font-weight:800;line-height:1.2}
.suggestion-preview p{margin-top:6px;font-size:15px;line-height:1.4}
.page-tag{padding:4px 7px;background:var(--stone);border-radius:4px;font-size:14px;white-space:nowrap}
.review-note{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:28px;font-size:16px}

.management-chapter{background:var(--sky)}
.management-board{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.people-preview,.load-preview{padding:35px;background:var(--white);overflow:hidden}
.preview-title{display:flex;flex-direction:column;gap:7px;margin-bottom:30px}
.preview-title h3{font-size:30px;line-height:1.06;letter-spacing:-.03em}
.preview-title>span{font-size:15px;color:var(--muted)}
.member-line{display:flex;align-items:center;gap:14px;padding:20px 0;border-bottom:1px solid var(--line)} /* taste-skill-ignore: Structural divider inside a product tablist or data table. */
.avatar-large{width:44px;height:44px;flex-basis:44px;font-size:18px}
.member-line>div{display:flex;flex-direction:column;gap:2px}
.member-line strong{font-size:20px;font-weight:800;line-height:1.2}
.member-line>div>span{font-size:15px}
.member-work{margin-left:auto;font-size:15px;white-space:nowrap}
.assigned-task{display:flex;align-items:center;gap:12px;margin-top:25px;padding:18px;background:var(--stone);font-size:16px;font-weight:500}
.assigned-task>span{flex:1}
.assigned-task small{display:block;margin-top:6px;font-size:14px;font-weight:400}
.assigned-task .status-pill{flex:none;margin-left:auto}
.preview-chart{display:flex;align-items:end;justify-content:space-between;gap:16px;height:254px;margin-top:48px;padding:0 6px}
.preview-chart>div{display:flex;align-items:center;justify-content:end;flex-direction:column;gap:8px;width:100%;height:100%;font-size:16px}
.preview-chart>div>i{display:block;width:100%;height:var(--bar-height);min-height:18px;background:var(--lime);border-radius:10px 10px 0 0;transform-origin:bottom}
.preview-chart>div:nth-child(2)>i{background:var(--ink)}
.preview-chart strong{font-size:15px;font-weight:500}
.chart-foot{margin-top:30px;font-size:16px;line-height:1.4}
.level-1{--bar-height:13%}
.level-2{--bar-height:25%}
.level-3{--bar-height:37%}
.level-4{--bar-height:49%}
.level-5{--bar-height:61%}
.level-6{--bar-height:73%}
.level-7{--bar-height:82%}
.level-8{--bar-height:88%}
.level-9{--bar-height:94%}

.audience-chapter{background:var(--paper)}
.audiences{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.audience{display:flex;flex-direction:column;padding:42px;overflow:hidden}
.audience-consultancy{background:var(--stone);border-radius:80px 0 0 0}
.audience-company{background:var(--sand);border-radius:0 0 80px 0}
.audience h3{font-size:48px;line-height:1.02;letter-spacing:-.035em}
.audience p{max-width:400px;margin:22px 0 10px;font-size:19px;line-height:1.4}
.audience .text-link{font-size:17px}
.portfolio-dot{width:7px;height:7px;margin-left:auto;border-radius:50%;background:#7d9b61}

.faq-title{padding:90px 0 64px}
.faq-bands{margin:0}
.faq-bands>div{padding:40px 0;background:var(--white)}
.faq-bands>div:nth-child(even){background:var(--stone)}
.faq-bands>div>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.faq-bands dt{font-size:30px;font-weight:800;line-height:1.15;letter-spacing:-.025em}
.faq-bands dd{margin:0;font-size:19px;line-height:1.5}
.closing-chapter{min-height:790px;background:var(--lime)}
.closing-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;align-items:center}
.closing-layout>div>h2{font-size:clamp(52px,6.4vw,94px);line-height:.96;letter-spacing:-.04em}
.closing-layout .lead{max-width:400px;margin-top:28px}
.create-demo{width:100%;max-width:460px;justify-self:end;padding:34px;background:var(--white);border-radius:0 52px 0 0}
.create-demo>.mark{width:38px;height:38px;margin-bottom:24px}
.create-demo h3{margin-bottom:30px;font-size:38px;line-height:1.02;letter-spacing:-.03em}
.create-demo>label{display:block;margin-bottom:8px;font-size:16px;font-weight:500}
.create-demo>input{width:100%;min-height:54px;padding:12px 15px;border:1.5px solid var(--ink);border-radius:6px;background:var(--white);color:var(--ink);font-size:18px}
.create-demo fieldset{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:24px 0;padding:0;border:0}
.create-demo legend{margin-bottom:10px;font-size:16px;font-weight:500}
.create-demo fieldset label{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:8px;background:var(--stone);border-radius:6px;font-size:16px;cursor:pointer}
.create-demo fieldset input{width:16px;height:16px;margin:0;accent-color:var(--ink)}
.create-demo fieldset label:has(input:checked){background:var(--lime)}
.create-demo .button{width:100%;gap:16px;font-size:17px}
.create-demo>p{margin-top:14px;text-align:center;font-size:14px}
.site-footer{padding:64px 0 28px;background:var(--paper)}
.footer-top{display:flex;justify-content:space-between;gap:40px;align-items:center}
.footer-top nav{display:flex;gap:32px}
.footer-top nav a{display:flex;align-items:center;gap:8px;min-height:44px;font-size:17px}
.footer-top nav a:hover{text-decoration:underline;text-underline-offset:5px}
.footer-monument{display:flex;align-items:center;gap:3.5vw;margin-top:80px;margin-bottom:64px;overflow:hidden}
.footer-monument .mark{width:20%;height:auto}
.footer-monument>span{display:block;font-size:min(24vw,350px);font-weight:800;line-height:.9;letter-spacing:-.065em}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:15px}

.detail-dialog{width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:16px;color:var(--ink);background:var(--white);overflow-y:auto}
.detail-dialog::backdrop{background:#20282080}
.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;background:var(--stone);font-size:14px}
.dialog-top .icon-button{background:var(--white)}
.prototype-dialog{width:min(1120px,calc(100% - 40px));max-height:calc(100dvh - 40px);padding:clamp(22px,4vw,44px);border:0;border-radius:20px;color:var(--ink);background:var(--paper);overflow-y:auto}
.prototype-dialog::backdrop{background:#10231ed9;backdrop-filter:blur(4px)}
.prototype-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.prototype-meta{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.prototype-dialog h2{margin-top:18px;font-size:clamp(34px,5vw,64px);line-height:.98;letter-spacing:-.05em}
.prototype-note{max-width:740px;margin-top:14px;color:var(--muted);font-size:15px;line-height:1.5}
.prototype-flows{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.prototype-flows button{min-height:44px;padding:10px 17px;border-radius:999px;background:var(--white);font-size:14px;font-weight:700;transition:background .2s,transform .2s}
.prototype-flows button:hover{transform:translateY(-2px)}
.prototype-flows button[aria-pressed=true]{background:var(--lime)}
.prototype-viewer{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:14px;margin-top:18px}
.prototype-viewer figure{min-width:0;margin:0;overflow:hidden;border-radius:12px;background:var(--white)}
.prototype-viewer img{width:100%;height:auto;max-height:none;aspect-ratio:924/540;object-fit:contain;background:#e2e8df}
.prototype-viewer figcaption{display:flex;justify-content:space-between;gap:14px;padding:14px 18px;font-size:14px;font-weight:700}
.prototype-viewer figcaption>span:last-child{flex-shrink:0;color:var(--muted);font-variant-numeric:tabular-nums}
.prototype-step{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--lime);font-size:24px;line-height:1;transition:transform .2s}
.prototype-step:hover{transform:scale(1.07)}
.prototype-dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;color:var(--muted);font-size:13px}
.prototype-dialog-bottom a{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:800}
.prototype-dialog-bottom .icon{width:18px;height:18px}
#detail-body{padding:32px}
#detail-body h2{margin:20px 0 14px;font-size:36px;line-height:1.05;letter-spacing:-.03em}
#detail-body>p{font-size:18px}
#detail-body dl{margin:26px 0}
#detail-body .detail-source{padding:22px;background:var(--sand)}
#detail-body .detail-source strong{font-size:17px}
#detail-body blockquote{margin:14px 0 0;font-size:18px}
#detail-body .button{margin-top:26px;font-size:17px}
.panel-arrival{animation:panel-in .3s ease both}
.ai-demo-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}
.ai-demo-source{padding:25px;background:var(--sand);border-radius:12px}
.ai-demo-source h3{font-size:25px;line-height:1.1}
.ai-demo-source p{margin-top:12px;font-size:16px}
.ai-demo-source blockquote{margin:25px 0;padding:14px;background:var(--white);font-size:17px;line-height:1.4}
.ai-demo-source .button{margin-top:8px;min-height:50px;font-size:16px;gap:10px;padding:13px 19px}
.ai-empty{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:18px;padding:24px}
.ai-empty>.icon{width:44px;height:44px}
.ai-empty h3{max-width:330px;font-size:30px;line-height:1.05;letter-spacing:-.025em}
.ai-empty p{font-size:17px;max-width:37ch}
.ai-suggestions{display:grid;gap:10px}
.ai-choice{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:start;gap:10px;padding:15px;background:var(--stone);border-radius:8px;cursor:pointer}
.ai-choice input{width:20px;height:20px;margin:3px 0 0;accent-color:var(--ink)}
.ai-choice strong{display:block;font-size:17px;font-weight:800;line-height:1.2}
.ai-choice small{display:block;margin-top:6px;font-size:14px;line-height:1.35}
.ai-choice .page-tag{background:var(--white)}
.ai-add-line{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px}
.ai-add-line>span{font-size:14px}
.ai-add-line .button{min-height:48px;padding:12px 18px;font-size:16px;gap:12px}
.ui-note{margin-top:17px;font-size:14px;line-height:1.4;color:var(--muted)}
.team-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.team-column{padding:20px;background:var(--stone);border-radius:10px}
.team-column-head{display:flex;align-items:center;gap:10px}
.team-column-head h3{font-size:22px}
.team-column-head p{font-size:14px}
.assignment-list{display:grid;gap:10px;list-style:none;margin-top:22px}
.assignment-list li{padding:16px;background:var(--white);border-radius:6px}
.assignment-list strong{display:block;font-size:17px;font-weight:800;line-height:1.25}
.assignment-list small{display:block;margin:8px 0 13px;font-size:14px}
.assignment-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:0;background:none;text-align:left}
.assignment-list button>.icon{width:19px;height:19px}
.load-controls{display:flex;align-items:center;justify-content:space-between;gap:20px}
.load-controls .filter-switch{margin:0}
.load-controls>p{font-size:15px}
.interactive-chart{display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:20px;height:245px;margin:25px 10px 0}
.month-bar{display:flex;align-items:center;justify-content:end;gap:8px;flex-direction:column;height:100%;padding:0;background:none;font-size:16px}
.month-bar i{display:block;width:100%;height:var(--bar-height);max-width:82px;border-radius:10px 10px 0 0;background:var(--stone);transform-origin:bottom;transition:background .2s,transform .2s}
.month-bar:hover i{background:var(--lime);transform:scaleX(1.06)}
.month-bar[aria-pressed=true] i{background:var(--lime)}
.month-bar strong{font-size:15px;font-weight:500}
.month-details{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;padding:18px 23px;border-radius:8px;background:var(--stone)}
.month-details strong{font-size:19px;font-weight:800}
.month-details>span{font-size:16px}
.sample-tag{display:inline-flex;padding:5px 10px;background:var(--sand);border-radius:999px;font-size:14px}

.license-stepper{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:4px 0 24px;padding:0;list-style:none}
.license-stepper li{display:flex;align-items:center;min-width:0;color:var(--muted);font-size:13px}
.license-step-button,.license-step-upcoming{display:flex;align-items:center;gap:8px;width:100%;min-width:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left}
.license-step-button{cursor:pointer}
.license-step-button:hover .license-step-label{text-decoration:underline;text-underline-offset:3px}
.license-step-button:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}
.license-step-upcoming{cursor:not-allowed;opacity:.68}
.license-step-marker{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border:1px solid var(--line);border-radius:6px;background:var(--white);font-size:12px}
.license-step-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.license-stepper li.is-current{color:var(--ink);font-weight:800}
.license-stepper li.is-current .license-step-marker,.license-stepper li.is-complete .license-step-marker{border-color:var(--ink);background:var(--lime);color:var(--ink)}
.license-stepper li .icon{width:15px;height:15px}
.license-start{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}
.license-start-document,.license-start-methods,.license-manual,.ai-results{min-width:0;padding:22px;background:var(--stone);border-radius:10px}
.license-form-head{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:18px}
.license-form-head h3,.license-start-methods>h3{font-size:21px;line-height:1.15;letter-spacing:-.025em}
.license-form-head p{margin-top:6px;font-size:14px;line-height:1.4;color:var(--muted)}
.license-drop{display:flex;align-items:center;flex-direction:column;gap:9px;padding:22px 16px;border:1.5px dashed #aab4a8;border-radius:8px;background:var(--white);text-align:center}
.license-drop>strong{font-size:16px}
.license-drop>span:not(.file-mark){font-size:14px;color:var(--muted)}
.file-mark,.method-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:8px;background:var(--lime)}
.file-mark .icon,.method-icon .icon{width:21px;height:21px}
.license-drop .button{min-height:43px;margin-top:4px;padding:11px 15px;font-size:14px;gap:9px}
.license-file{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px;background:var(--white);border:1px solid var(--line);border-radius:8px}
.license-file>span:nth-child(2){display:grid;gap:4px;min-width:0}
.license-file strong{overflow:hidden;font-size:14px;white-space:nowrap;text-overflow:ellipsis}
.license-file small{font-size:12px;color:var(--muted)}
.license-file>button,.extraction-progress>button{padding:8px;background:none;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.license-start-document>.ui-note{margin-top:12px}
.license-start-methods>h3{margin-bottom:12px}
.method-cards{display:grid;gap:10px}
.method-card{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:12px;padding:15px;background:var(--white);border:1px solid var(--line);border-radius:8px;transition:border-color .2s,background .2s}
.method-card.is-ready{border-color:#6d8f44;background:#fbfff1}
.method-card .method-icon{width:32px;height:32px;flex-basis:32px}
.method-card .method-icon .icon{width:18px;height:18px}
.method-card>div>strong{font-size:16px}
.method-card p{margin-top:4px;font-size:13px;line-height:1.4;color:var(--muted)}
.method-meta{display:block;margin-top:8px;font-size:12px;color:var(--muted)}
.method-card .button{grid-column:2;justify-self:start;min-height:40px;margin-top:3px;padding:10px 13px;font-size:14px;gap:9px}
.button-outline{border:1px solid var(--ink);background:transparent;color:var(--ink)}
.button-outline:hover{background:var(--lime)}
.extraction-progress{margin-top:14px;padding:16px;background:var(--white);border:1px solid var(--line);border-radius:8px}
.extraction-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}
.extraction-progress>div:first-child strong{display:flex;align-items:center;gap:7px;font-size:14px}
.extraction-progress>div:first-child .icon{width:18px;height:18px}
.extraction-progress>div:first-child>span{font-size:12px;color:var(--muted)}
.progress-track{height:5px;margin:14px 0;background:var(--stone);overflow:hidden}
.progress-track i{display:block;width:68%;height:100%;background:#54823a;animation:progress-run 1s ease both}
.extraction-progress ul{display:grid;gap:6px;margin:0;padding:0;list-style:none;font-size:13px}
.extraction-progress li{color:var(--muted)}
.extraction-progress li:before{display:inline-block;width:8px;height:8px;margin-right:8px;background:#a9b3a6;content:""}
.extraction-progress li.is-done:before{background:#54823a}
.extraction-progress>button{margin-top:7px}
.license-manual{padding:24px;background:var(--white);border:1px solid var(--line)}
.license-manual .license-form-head{align-items:center}
.license-manual .text-link{flex-shrink:0;font-size:14px}
.license-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.license-fields label{display:grid;gap:6px;font-size:13px;font-weight:800}
.license-fields input,.license-fields select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);font:inherit;font-weight:400}
.license-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px;padding-top:14px;border-top:1px solid var(--line)} /* taste-skill-ignore: Structural divider inside a product tablist or data table. */
.license-actions .ui-note{margin:0;max-width:60ch}
.license-actions .button{min-height:44px;padding:11px 15px;font-size:14px;white-space:nowrap}
.ai-review-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:start}
.ai-results{padding:20px;background:var(--white);border:1px solid var(--line)}
.ai-results .license-form-head{margin-top:17px}
.ai-results .license-form-head .sample-tag{flex-shrink:0}
.ai-review-layout .ai-demo-source{height:100%;padding:21px;background:var(--sand)}
.ai-review-layout .ai-demo-source blockquote{margin:17px 0}
.ai-review-layout .ai-demo-source .text-link{margin-top:12px;font-size:14px}
.ai-results>.text-link{margin-top:10px;font-size:14px}
.license-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}
.license-summary>div{padding:13px 14px;border-radius:7px;background:var(--white)}
.license-summary dt,.draft-planning-row small{font-size:12px;color:var(--muted)}
.license-summary dd{margin-top:5px;font-size:15px;font-weight:650}
.license-summary+.button{min-height:44px;padding:11px 15px;font-size:14px}
.draft-planning-list{display:grid;gap:9px}
.draft-planning-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding:13px;background:var(--white);border:1px solid var(--line);border-radius:8px}
.draft-planning-row>span:first-child{display:grid;gap:4px;min-width:0}
.draft-planning-row strong{font-size:14px;line-height:1.3}
.draft-planning-row input,.draft-planning-row select{flex:0 0 auto;min-height:42px;max-width:190px;padding:9px 10px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font:inherit;font-size:14px}
.ai-flow-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding-top:14px;border-top:1px solid var(--line)}
.ai-flow-actions .button{min-height:44px;padding:11px 15px;font-size:14px}
.ai-review-done{display:grid;justify-items:start;gap:13px}
.ai-review-done h3{max-width:22ch;font-size:26px;line-height:1.08;letter-spacing:-.03em}
.ai-review-done p{font-size:15px;color:var(--muted)}

.manager-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:15px}
.manager-summary>button,.manager-summary>div{display:flex;align-items:baseline;gap:8px;min-width:0;padding:14px 15px;border:1px solid var(--line);border-radius:7px;background:var(--white);text-align:left}
.manager-summary>button{transition:background .2s,border-color .2s}
.manager-summary>button:hover,.manager-summary>button[aria-pressed=true]{border-color:#a7bb67;background:#f6fbdc}
.manager-summary strong{font-size:24px;line-height:1;font-weight:800}
.manager-summary span{font-size:13px;line-height:1.2}
.manager-filters,.calendar-filters{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 15px}
.manager-filters>span,.calendar-filters>span{margin-right:5px;font-size:13px;color:var(--muted)}
.manager-filters button,.calendar-filters button{min-height:32px;padding:7px 11px;border-radius:999px;background:var(--stone);font-size:13px}
.manager-filters button[aria-pressed=true],.calendar-filters button[aria-pressed=true]{background:var(--lime);font-weight:800}
.manager-board{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(285px,.85fr);gap:14px}
.manager-main,.manager-sidebar{display:grid;align-content:start;gap:14px;min-width:0}
.manager-queue,.manager-activity,.manager-upcoming,.manager-capacity,.calendar-selected{min-width:0;padding:18px;background:var(--stone);border-radius:8px}
.manager-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.manager-section-head h3{font-size:18px;line-height:1.15;letter-spacing:-.02em}
.manager-section-head p{margin-top:4px;font-size:12px;color:var(--muted)}
.manager-section-head .text-link{min-height:38px;gap:6px;font-size:13px;white-space:nowrap}
.manager-queue>ul,.manager-activity ul,.manager-upcoming ul,.calendar-selected ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.manager-queue li>button{display:grid;grid-template-columns:32px minmax(0,1fr) 30px 48px 18px;align-items:center;gap:9px;width:100%;min-width:0;padding:10px;background:var(--white);border-radius:6px;text-align:left;transition:transform .2s}
.manager-queue li>button:hover{transform:translateX(3px)}
.queue-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:6px;background:var(--lime)}
.queue-mark .icon{width:17px;height:17px}
.queue-sky{background:var(--sky)!important}
.queue-sand{background:var(--sand)!important}
.queue-copy{display:grid;gap:4px;min-width:0}
.queue-copy strong,.manager-upcoming strong{overflow:hidden;font-size:13px;line-height:1.25;text-overflow:ellipsis}
.queue-copy small,.manager-upcoming small{overflow:hidden;font-size:11px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis}
.manager-queue time,.manager-upcoming time{font-size:11px;text-align:right;white-space:nowrap}
.manager-queue li>button>.icon{width:16px;height:16px}
.manager-queue .avatar{width:28px;height:28px;flex-basis:28px;font-size:12px}
.empty-queue,.calendar-empty{padding:15px;background:var(--white);font-size:14px;color:var(--muted)}
.manager-activity ul>li{display:flex;align-items:flex-start;gap:9px;padding:9px 0;border-top:1px solid var(--line)} /* taste-skill-ignore: Structural divider inside a product tablist or data table. */
.manager-activity ul>li:first-child{border-top:0}
.manager-activity .avatar{width:25px;height:25px;flex-basis:25px;font-size:11px}
.manager-activity p{font-size:13px;line-height:1.35}
.manager-activity p>strong{font-weight:800}
.manager-activity p>small{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.manager-upcoming li{display:grid;grid-template-columns:8px minmax(0,1fr) 42px;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--line)} /* taste-skill-ignore: Structural divider inside a product tablist or data table. */
.manager-upcoming li:first-child{border-top:0}
.upcoming-dot{display:block;width:8px;height:8px;border-radius:2px;background:var(--lime)}
.manager-upcoming li>span:nth-child(2){display:grid;gap:4px;min-width:0}
.team-load-list{display:grid;gap:8px;margin:3px 0 9px}
.team-load-list button{display:grid;grid-template-columns:58px minmax(0,1fr) 22px;align-items:center;gap:9px;padding:5px 0;background:none;text-align:left;font-size:12px}
.team-load-list button>i{height:7px;border-radius:999px;background:var(--white);overflow:hidden}
.team-load-list button>i>b{display:block;height:100%;border-radius:inherit;background:var(--ink)}
.team-load-list button>i.load-level-1>b{width:22%}
.team-load-list button>i.load-level-2>b{width:44%}
.team-load-list button>i.load-level-3>b{width:66%}
.team-load-list button[aria-pressed=true]>i>b{background:#8ca81f}
.team-load-list button>strong{text-align:right}
.manager-capacity>.text-link{min-height:34px;font-size:13px}

.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}
.calendar-month-nav,.calendar-mode-switch{display:flex;align-items:center;gap:5px;padding:4px;border-radius:999px;background:var(--stone)}
.calendar-month-nav button{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--white);font-size:23px;line-height:1}
.calendar-month-nav strong{min-width:140px;text-align:center;font-size:15px}
.calendar-mode-switch button{min-height:34px;padding:7px 15px;border-radius:999px;background:transparent;font-size:13px}
.calendar-mode-switch button[aria-pressed=true]{background:var(--white);font-weight:800}
.calendar-filters{margin-bottom:12px}
.calendar-scroll{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:7px;background:var(--white)}
.calendar-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-width:690px}
.calendar-weekdays{grid-column:1/-1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:var(--stone)}
.calendar-weekdays>span{padding:8px 10px;font-size:11px;font-weight:800;text-transform:uppercase}
.calendar-cell{min-width:0;min-height:91px;padding:6px;border-top:1px solid var(--line);border-right:1px solid var(--line);background:var(--white)} /* taste-skill-ignore: Structural divider inside a product tablist or data table. */
.calendar-cell:nth-child(7n+1){border-right:0}
.calendar-cell.is-outside{background:#f5f6f2}
.calendar-cell.is-selected{background:#f7fbdc}
.calendar-day{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:transparent;font-size:12px}
.calendar-day:hover,.calendar-day[aria-pressed=true]{background:var(--lime);font-weight:800}
.calendar-cell.is-outside .calendar-day{color:#a5ada3}
.calendar-cell-events{display:grid;gap:4px;margin-top:3px}
.calendar-event{display:block;min-width:0;overflow:hidden;padding:5px 6px;border-left:3px solid #a5bf39;border-radius:2px;background:#eef4d8;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.calendar-event>span,.calendar-event>small{display:block;overflow:hidden;text-overflow:ellipsis}
.calendar-event>span{font-size:9px;font-weight:800;text-transform:uppercase}
.calendar-event>small{margin-top:3px;color:var(--muted);font-size:10px}
.event-sky{border-color:#87a8b5;background:#e3eef1}
.event-sand{border-color:#bc9b5e;background:#f4ecdc}
.calendar-more,.calendar-no-event{font-size:10px;color:var(--muted)}
.calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.calendar-week-day{min-width:0;min-height:185px;padding:8px;background:var(--stone);border-radius:6px}
.calendar-week-day.is-selected{outline:2px solid #b3cc4f;outline-offset:-2px}
.calendar-week-day>.calendar-day{display:flex;justify-content:space-between;gap:4px;width:100%;height:auto;padding:4px 5px;border-radius:5px}
.calendar-week-day>.calendar-day>span{font-size:10px;font-weight:500;text-transform:uppercase}
.calendar-week-day>.calendar-day>strong{font-size:13px}
.calendar-week-day .calendar-event{white-space:normal;line-height:1.25}
.calendar-selected{margin-top:13px;padding:16px}
.calendar-selected .manager-section-head{margin-bottom:5px}
.calendar-selected li{display:grid;grid-template-columns:8px minmax(0,1fr) 28px 28px;align-items:center;gap:9px;padding:9px 0;border-top:1px solid var(--line)} /* taste-skill-ignore: Structural divider inside a product tablist or data table. */
.calendar-selected li>span:nth-child(2){display:grid;gap:4px;min-width:0}
.calendar-selected li>span:nth-child(2)>strong{font-size:13px}
.calendar-selected li>span:nth-child(2)>small{font-size:11px;color:var(--muted)}
.calendar-selected .avatar{width:25px;height:25px;flex-basis:25px;font-size:11px}
.calendar-selected .text-link{min-height:30px;justify-content:center;background:var(--white);border-radius:50%}
.calendar-selected .text-link .icon{width:16px;height:16px}

@keyframes progress-run{from{width:8%}to{width:68%}}

@keyframes section-rise{from{opacity:0;transform:translateY(26px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes panel-in{from{opacity:.3;transform:translateY(8px)}
to{opacity:1;transform:none}
}
@keyframes scan{0%,20%{transform:translateY(0);opacity:0}
30%{opacity:1}
70%{transform:translateY(280px);opacity:1}
80%,100%{transform:translateY(280px);opacity:0}
}
@keyframes piece-fit{from{transform:translate(11px,-11px)}
to{transform:translate(0,0)}
}
@keyframes bar-grow{from{scale:1 .1}
to{scale:1 1}
}
.reveal.is-visible{animation:section-rise .7s cubic-bezier(.2,.7,.2,1) both}
.reveal.is-visible:nth-child(2){animation-delay:.09s}
.connected-record.is-visible .context-brand .mark-piece{animation:piece-fit 1.2s ease-out both}
.is-visible .preview-chart i{animation:bar-grow .8s ease both}
.is-visible .preview-chart>div:nth-child(2) i{animation-delay:.06s}
.is-visible .preview-chart>div:nth-child(3) i{animation-delay:.12s}
.is-visible .preview-chart>div:nth-child(4) i{animation-delay:.18s}
.is-visible .preview-chart>div:nth-child(5) i{animation-delay:.24s}
.is-visible .preview-chart>div:nth-child(6) i{animation-delay:.3s}

@media(min-width:1600px){.product-stage{padding-right:calc((100vw - 1390px)/2)}
}

@media(max-width:1180px){.site-head{gap:20px}
.site-head nav{gap:20px}
.site-head nav>a{font-size:16px}
.launch-count>span{max-width:40px}
.head-cta{font-size:15px;padding-inline:18px}
.chapter-heading{gap:60px}
.closing-layout{gap:60px}
.audience{padding:32px}
.context-bit{font-size:15px;padding:10px 14px}
.unified-record{padding:36px}
.management-board{gap:12px}
.people-preview,.load-preview{padding:28px}
.assigned-task .status-pill{display:none}
}

@media(max-width:1000px){.site-head nav{display:none;position:absolute;top:100%;right:0;left:0;flex-direction:column;align-items:stretch;margin:0;padding:16px var(--gutter) 26px;background:var(--paper)}
.site-head nav.is-open{display:flex}
.site-head nav>a{min-height:48px;font-size:19px}
.site-head nav .nav-mobile-cta{display:flex;justify-content:space-between;padding:12px 20px;background:var(--lime);border-radius:999px}
.head-cta{display:none}
.launch{margin-left:auto}
.menu{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 15px;background:var(--stone);border-radius:999px;font-size:15px;font-weight:800}
.menu-lines{position:relative;width:15px;height:10px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.menu-lines:after{position:absolute;top:3px;right:0;left:0;height:2px;background:var(--ink);content:''}
.hero{padding-top:150px}
.hero h1{font-size:clamp(54px,7.6vw,78px)}
.hero-bottom{align-items:start}
.hero-intro .lead{font-size:21px}
.product-stage{padding:40px 28px 48px;border-radius:80px 0 0 0}
.workspace-top{padding-inline:22px}
.workspace-nav{padding-inline:18px}
.workspace-nav button{font-size:15px;gap:7px}
.workspace-panel{padding:26px}
.overview-layout{grid-template-columns:1.8fr 1fr;gap:20px}
.work-list li{gap:10px;grid-template-columns:22px minmax(0,1fr) 30px 50px}
.work-list strong{font-size:16px}
.work-list time{font-size:14px}
.work-list li>div>span{font-size:13px}
.focus-record{padding:22px}
.focus-record h3{font-size:27px}
.chapter{padding:90px 0}
.chapter-heading{gap:40px}
.chapter-heading>h2,.faq-title>h2{font-size:clamp(48px,6.3vw,64px)}
.chapter-description{font-size:19px}
.connected-record{grid-template-columns:1fr}
.context-map{min-height:380px;border-radius:80px 0 0 0}
.context-bit{font-size:18px}
.unified-record{padding:36px 42px}
.unified-record h3 br{display:none}
.record-properties{grid-template-columns:1fr 1fr}
.record-properties>div{grid-template-columns:95px 1fr}
.ai-spread{grid-template-columns:1fr 1.1fr}
.source-scene{padding:24px}
.source-paper{padding:24px 24px 50px}
.draft-scene{padding:28px}
.draft-head{align-items:start}
.draft-head>span:last-child{white-space:nowrap}
.draft-scene h3{font-size:30px}
.suggestion-preview{grid-template-columns:22px 1fr;gap:9px}
.suggestion-preview .page-tag{grid-column:2;justify-self:start;margin-top:4px}
.management-board{grid-template-columns:1fr}
.people-preview,.load-preview{padding:34px}
.assigned-task .status-pill{display:flex}
.preview-chart{margin-top:20px;height:230px}
.management-board .load-preview{padding-top:34px}
.audiences{gap:16px}
.audience h3{font-size:40px}
.audience p{font-size:18px}
.audience .text-link{font-size:16px}
.faq-bands>div>.wrap{gap:50px}
.faq-bands dt{font-size:27px}
.faq-bands dd{font-size:18px}
.closing-layout{grid-template-columns:1fr 1fr;gap:40px}
.closing-layout>div>h2{font-size:clamp(48px,6.4vw,72px)}
.create-demo{padding:28px}
.footer-top nav{gap:20px}
.footer-top nav a{font-size:16px}
.team-columns{gap:10px}
.team-column{padding:16px}
.assignment-list li{padding:13px}
.load-controls{align-items:start;flex-direction:column;gap:12px}
}

@media(max-width:900px){.workspace-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
.license-start{grid-template-columns:1fr;gap:12px}
.manager-board{grid-template-columns:1fr}
.manager-sidebar{grid-template-columns:1fr 1fr}
.calendar-week{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media(max-width:700px){:root{--gutter:22px;--lead:19px}
.site-head{min-height:76px;padding:14px 20px;gap:14px}
.brand>span{font-size:33px}
.brand .mark{width:29px;height:29px}
.launch{gap:8px}
.launch time{font-size:13px}
.launch-count{gap:5px}
.launch-count strong{font-size:21px}
.launch-count>span{font-size:13px;max-width:30px}
.menu{width:44px;min-height:44px;padding:12px;flex-shrink:0}
.menu>span:first-child{display:none}
.hero{padding-top:130px}
.hero h1{font-size:clamp(44px,7.6vw,56px);line-height:.99;letter-spacing:-.04em}
.hero-bottom{align-items:start;flex-direction:column;gap:24px;margin-top:28px}
.hero-intro .lead{font-size:19px}
.hero-intro .lead br{display:none}
.hero-bottom .button{min-height:56px;font-size:17px;padding:15px 23px;gap:22px}
.product-stage{margin:40px 0 0;padding:32px 12px;border-radius:64px 0 0 0}
.stage-top{align-items:start;flex-direction:column;gap:7px;margin-bottom:22px;padding-inline:10px;font-size:16px}
.stage-actions{align-items:start;flex-direction:column;gap:3px}
.stage-actions .text-link{font-size:13px}
.workspace-top{flex-wrap:wrap;gap:10px;padding:16px}
.workspace-name strong{font-size:19px;max-width:22ch}
.workspace-top>.icon-button{order:2;margin-left:auto}
.workspace-nav{grid-template-columns:1fr 1fr;padding:0 12px 13px;gap:5px}
.workspace-nav button{min-height:48px;padding:10px 7px;font-size:15px;gap:7px}
.workspace-nav .icon{width:19px;height:19px}
.workspace-panel{min-height:0;padding:23px 17px}
.screen-title{align-items:start;flex-direction:column;gap:8px;margin-bottom:22px}
.screen-title h2{font-size:27px}
.screen-title>span{font-size:14px}
.overview-layout{grid-template-columns:1fr;gap:26px}
.ui-summary{gap:20px;padding-bottom:16px}
.ui-summary>span{font-size:14px;gap:6px}
.ui-summary strong{font-size:23px}
.work-list li{grid-template-columns:22px minmax(0,1fr) 28px 45px;gap:9px;min-height:95px}
.work-list strong{font-size:17px}
.work-list li>div>span,.task-meta{font-size:14px;line-height:1.3}
.work-list time{font-size:14px}
.work-list .avatar{width:28px;height:28px;flex-basis:28px;font-size:13px}
.focus-record{padding:25px}
.focus-record h3 br{display:none}
.focus-record dl{grid-template-columns:1fr 1fr}
.focus-record dd{font-size:16px}
.workspace-foot{align-items:start;padding:17px;font-size:14px}
.workspace-foot .live-indicator{display:none}
.chapter{padding:72px 0}
.chapter-heading{grid-template-columns:1fr;gap:27px;margin-bottom:38px}
.chapter-heading>h2,.faq-title>h2{font-size:clamp(44px,9.8vw,64px)}
.chapter-description{max-width:490px;font-size:19px}
.chapter-description .text-link{margin-top:16px}
.text-link{font-size:17px;gap:12px}
.context-map{min-height:355px;border-radius:64px 0 0 0}
.context-brand{width:108px;height:108px;border-radius:32px 0 32px 32px}
.context-brand .mark{width:64px;height:64px}
.context-bit{min-height:48px;font-size:14px;padding:10px 12px;gap:6px}
.context-bit .icon{width:19px;height:19px}
.context-bit .avatar{width:25px;height:25px;flex-basis:25px;font-size:13px}
.bit-source{top:12%;left:4%}
.bit-person{top:12%;right:5%}
.bit-date{left:4%;bottom:12%}
.bit-evidence{right:4%;bottom:12%}
.unified-record{padding:30px 24px}
.unified-record h3{font-size:32px}
.unified-record>p{font-size:15px}
.record-properties{grid-template-columns:1fr;gap:18px;margin-block:25px}
.record-properties>div{grid-template-columns:95px 1fr;gap:12px}
.record-properties dt{font-size:14px}
.record-properties dd{font-size:16px}
.record-file{padding:13px;font-size:15px;gap:9px}
.ai-spread{grid-template-columns:1fr}
.source-scene{padding:28px 25px;min-height:460px}
.source-paper{max-width:370px;min-height:390px}
.source-paper h3{font-size:30px}
.source-paper blockquote{font-size:18px}
.draft-scene{padding:28px 24px;min-height:435px}
.draft-head{align-items:center;gap:10px}
.draft-scene h3{max-width:320px;font-size:32px;margin-top:30px}
.suggestion-preview{grid-template-columns:24px 1fr auto;gap:10px}
.suggestion-preview .page-tag{grid-column:auto;margin-top:0}
.suggestion-preview strong{font-size:17px}
.suggestion-preview p{font-size:15px}
.review-note{font-size:16px}
.people-preview,.load-preview{padding:28px 23px}
.preview-title h3{font-size:28px}
.member-line{gap:11px;padding-block:18px}
.member-line strong{font-size:20px}
.member-line>div>span{font-size:14px}
.member-work{font-size:14px}
.avatar-large{width:38px;height:38px;flex-basis:38px;font-size:16px}
.assigned-task{padding:16px;font-size:15px}
.assigned-task .status-pill{display:none}
.preview-chart{gap:12px;height:220px;margin-top:28px;padding:0}
.preview-chart strong{font-size:14px}
.chart-foot{font-size:16px}
.audiences{grid-template-columns:1fr;gap:18px}
.audience{padding:30px 25px}
.audience-consultancy{border-radius:64px 0 0 0}
.audience-company{border-radius:0 0 64px 0}
.audience h3{font-size:42px}
.audience p{font-size:18px}
.audience .text-link{font-size:17px}
.faq-title{padding:70px 0 40px}
.faq-bands>div{padding:30px 0}
.faq-bands>div>.wrap{grid-template-columns:1fr;gap:16px}
.faq-bands dt{font-size:26px}
.faq-bands dd{font-size:18px}
.closing-chapter{min-height:0}
.closing-layout{grid-template-columns:1fr;gap:42px}
.closing-layout>div>h2{font-size:clamp(46px,10vw,64px)}
.closing-layout .lead{margin-top:23px}
.create-demo{max-width:none;justify-self:stretch;padding:30px 25px}
.create-demo h3{font-size:36px}
.create-demo>.mark{margin-bottom:20px}
.create-demo .button{font-size:17px;padding-inline:15px;gap:12px}
.site-footer{padding-top:40px}
.footer-top{align-items:start;flex-direction:column;gap:24px}
.footer-top nav{display:grid;grid-template-columns:1fr 1fr;gap:6px 35px;width:100%}
.footer-top nav a{font-size:17px}
.footer-monument{margin-top:44px;margin-bottom:36px;gap:4vw}
.footer-monument>span{font-size:24vw}
.footer-bottom{align-items:start;gap:15px;font-size:14px}
.footer-bottom>span:first-child{max-width:160px}
.detail-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}
.dialog-top{padding:14px 18px;font-size:14px}
.prototype-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:20px 14px;border-radius:14px}
.prototype-dialog h2{font-size:clamp(32px,9vw,48px)}
.prototype-meta{font-size:11px}
.prototype-note{font-size:13px}
.prototype-flows{gap:6px;margin-top:18px}
.prototype-flows button{min-height:40px;padding:9px 12px;font-size:12px}
.prototype-viewer{grid-template-columns:36px minmax(0,1fr) 36px;gap:6px;margin-top:14px}
.prototype-step{width:34px;height:34px;font-size:20px}
.prototype-viewer img{max-height:none}
.prototype-viewer figcaption{align-items:start;flex-direction:column;gap:5px;padding:11px 12px;font-size:12px}
.prototype-dialog-bottom{align-items:start;flex-direction:column;gap:10px;margin-top:14px;font-size:12px}
#detail-body{padding:26px 22px}
#detail-body h2{font-size:30px}
.ai-demo-layout{grid-template-columns:1fr;gap:18px}
.ai-demo-source{padding:22px}
.ai-demo-source h3{font-size:25px}
.ai-demo-source blockquote{margin-block:18px}
.ai-empty{padding:22px 8px}
.ai-empty h3{font-size:28px}
.ai-choice{padding:15px 12px;grid-template-columns:20px minmax(0,1fr) auto;gap:8px}
.ai-choice strong{font-size:16px}
.ai-add-line{align-items:start;flex-direction:column;gap:12px}
.ai-add-line .button{width:100%;font-size:16px}
.team-columns{grid-template-columns:1fr;gap:14px}
.team-column{padding:22px}
.team-column-head h3{font-size:23px}
.assignment-list{margin-top:18px}
.assignment-list li{padding:17px}
.assignment-list strong{font-size:18px}
.load-controls{gap:15px}
.load-controls .filter-switch{flex-wrap:wrap;border-radius:15px;gap:4px}
.load-controls .filter-switch button{min-height:38px;padding:7px 12px;font-size:14px}
.interactive-chart{height:220px;gap:10px;margin-inline:0}
.month-bar{font-size:15px}
.month-bar strong{font-size:14px}
.month-details{align-items:start;flex-direction:column;gap:8px;padding:17px}
.month-details strong{font-size:18px}
.month-details>span{font-size:16px}
.license-stepper{grid-template-columns:repeat(5,minmax(82px,1fr));gap:4px;overflow-x:auto;padding-bottom:7px}
.license-stepper li{font-size:11px}
.license-step-button,.license-step-upcoming{gap:5px}
.license-step-marker{flex-basis:22px;width:22px;height:22px}
.license-start-document,.license-start-methods,.license-manual,.ai-results{padding:17px}
.license-form-head{align-items:start}
.license-form-head h3,.license-start-methods>h3{font-size:19px}
.license-drop{padding:18px 12px}
.method-card{gap:9px;padding:12px}
.method-card .button{font-size:13px;padding:9px 11px}
.license-fields{grid-template-columns:1fr;gap:11px}
.license-manual .license-form-head{flex-direction:column}
.license-actions{align-items:stretch;flex-direction:column}
.license-actions .button{width:100%}
.ai-review-layout{grid-template-columns:1fr;gap:12px}
.ai-review-layout .ai-demo-source{padding:17px}
.license-summary{gap:8px}
.draft-planning-row{align-items:flex-start;flex-direction:column;gap:10px}
.draft-planning-row input,.draft-planning-row select{width:100%;max-width:none}
.ai-flow-actions{align-items:stretch;flex-direction:column}
.ai-flow-actions .button{justify-content:center}
.manager-summary{grid-template-columns:1fr 1fr;gap:7px}
.manager-summary>button,.manager-summary>div{align-items:center;gap:7px;padding:11px}
.manager-summary strong{font-size:22px}
.manager-summary span{font-size:12px}
.manager-filters,.calendar-filters{gap:5px}
.manager-filters button,.calendar-filters button{min-height:34px;padding:7px 10px;font-size:12px}
.manager-board{gap:11px}
.manager-sidebar{grid-template-columns:1fr;gap:11px}
.manager-queue,.manager-activity,.manager-upcoming,.manager-capacity,.calendar-selected{padding:14px}
.manager-section-head{align-items:start;gap:8px}
.manager-section-head h3{font-size:17px}
.manager-section-head .text-link{font-size:12px}
.manager-queue li>button{grid-template-columns:27px minmax(0,1fr) 26px 39px;gap:6px;padding:9px 7px}
.queue-mark{width:26px;height:26px}
.queue-copy strong{font-size:12px}
.queue-copy small{font-size:10px}
.manager-queue time{font-size:10px}
.manager-queue li>button>.icon{display:none}
.manager-queue .avatar{width:24px;height:24px;flex-basis:24px}
.manager-upcoming li{grid-template-columns:8px minmax(0,1fr) 38px;gap:6px}
.manager-upcoming strong{font-size:12px}
.manager-upcoming small,.manager-upcoming time{font-size:10px}
.calendar-toolbar{align-items:start;flex-direction:column;gap:9px}
.calendar-month-nav{width:100%;justify-content:space-between}
.calendar-month-nav strong{flex:1}
.calendar-mode-switch{align-self:end}
.calendar-scroll{margin-right:-3px}
.calendar-month-grid{min-width:650px}
.calendar-week{grid-template-columns:1fr;gap:5px}
.calendar-week-day{min-height:0;padding:10px 12px}
.calendar-week-day>.calendar-day{justify-content:start;width:auto;gap:11px}
.calendar-week-day>.calendar-day>strong{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--white)}
.calendar-week-day>.calendar-day[aria-pressed=true]>strong{background:var(--lime)}
.calendar-week-day .calendar-cell-events{grid-template-columns:1fr 1fr;margin-left:38px}
.calendar-selected li{grid-template-columns:8px minmax(0,1fr) 25px 26px;gap:6px}
}

@media(max-width:390px){.site-head{padding-inline:14px;gap:10px}
.brand{gap:7px}
.brand>span{font-size:29px}
.brand .mark{width:26px;height:26px}
.launch{gap:6px}
.launch-count strong{font-size:19px}
.launch-count>span{font-size:13px}
.launch time{font-size:13px}
.hero h1{font-size:44px}
.workspace-name strong{max-width:17ch;font-size:18px}
.workspace-nav button{font-size:14px}
.workspace-panel{padding-inline:15px}
.work-list li{gap:7px;grid-template-columns:20px minmax(0,1fr) 25px 42px}
.work-list strong{font-size:16px}
.work-list li>div>span{font-size:13px}
.ui-summary{gap:15px}
.ui-summary>span{font-size:13px}
.context-bit{font-size:13px;padding:9px}
.bit-source{left:2%}
.bit-person{right:3%}
.bit-date{left:2%}
.bit-evidence{right:2%}
.context-bit .icon{width:17px;height:17px}
.suggestion-preview{grid-template-columns:24px 1fr}
.suggestion-preview .page-tag{grid-column:2;justify-self:start}
.member-line{gap:9px}
.member-line>div>span{font-size:13px}
.member-work{font-size:13px}
.audience .text-link{font-size:16px}
.create-demo{padding-inline:22px}
.create-demo .button{font-size:16px}
}

@media(max-width:360px){.site-head .brand{gap:6px}
.site-head .brand>span{font-size:27px}
.site-head .launch-count{flex-direction:column;gap:1px}
.hero h1{font-size:39px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important}
.reveal{opacity:1!important;transform:none!important}
.scan-line{display:none}
.context-brand .mark-piece{fill:var(--ink);transform:none}
}

.journal-hero{display:grid;grid-template-columns:1.6fr 1fr;gap:80px;align-items:center;padding-top:168px;padding-bottom:90px}
.journal-hero h1{font-size:clamp(64px,7.5vw,108px);line-height:.96;letter-spacing:-.045em}
.journal-hero .lead{max-width:480px;margin-top:32px}
.journal-symbol{display:grid;place-items:center;aspect-ratio:1;background:var(--lime);border-radius:0 110px 0 110px}
.journal-symbol .mark{width:62%;height:auto}
.journal-index{padding-bottom:90px}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.journal-card{min-width:0}
.journal-art{display:flex;flex-direction:column;align-items:center;justify-content:center;height:270px;padding:25px;overflow:hidden;font-size:19px}
.art-context{gap:7px;background:var(--sky);border-radius:70px 0 0 0}
.art-context>span:not(.art-connect){padding:9px 18px;background:var(--white);border-radius:999px;font-size:17px}
.art-context>strong{padding:12px 18px;background:var(--lime);font-size:24px;font-weight:800}
.art-connect{font-size:22px;line-height:1}
.art-review{align-items:stretch;gap:13px;background:var(--sand)}
.art-review>div{display:flex;align-items:center;gap:10px;padding:16px 13px;background:var(--white)}
.art-review strong{font-size:18px;font-weight:500}
.art-review .page-tag{margin-left:auto;background:var(--stone)}
.review-label{margin-top:15px;font-size:24px;font-weight:800;letter-spacing:-.025em}
.art-load{align-items:stretch;justify-content:end;background:var(--stone);border-radius:0 0 70px 0}
.editorial-bars{display:flex;align-items:end;gap:13px;height:150px;margin-bottom:22px}
.editorial-bars i{display:block;width:100%;height:var(--bar-height);background:var(--ink);border-radius:8px 8px 0 0}
.editorial-bars i:nth-child(4){background:var(--lime)}
.art-load>strong{font-size:24px;font-weight:800;line-height:1.1}
.art-load>span{margin-top:9px;font-size:15px}
.journal-card-copy{padding:25px 5px}
.journal-card-copy h2{font-size:34px;line-height:1.02;letter-spacing:-.035em}
.journal-card-copy p{margin:18px 0 13px;font-size:18px;line-height:1.4}
.journal-card-copy .text-link{font-size:17px}
.reading-body{max-width:760px;padding:40px 44px 48px}
.reading-body p{margin:0 0 22px;font-size:20px;line-height:1.6}
.reading-body h3{margin:35px 0 13px;font-size:27px;line-height:1.15;letter-spacing:-.02em}
.reading-body .text-link{margin-top:8px;font-size:18px}
.journal-closing{padding:85px 0;background:var(--lime)}
.journal-closing>.wrap{display:flex;align-items:end;justify-content:space-between;gap:40px}
.journal-closing h2{font-size:var(--title);line-height:.97;letter-spacing:-.04em}

@media(max-width:1000px){.journal-hero{gap:35px;grid-template-columns:1.5fr 1fr}
.journal-hero h1{font-size:clamp(54px,7.3vw,76px)}
.journal-symbol{border-radius:0 70px 0 70px}
.journal-grid{gap:18px}
.journal-art{height:250px;padding:20px}
.art-review>div{padding:12px 9px;gap:7px}
.art-review strong{font-size:16px}
.art-review .page-tag{display:none}
.journal-card-copy h2{font-size:30px}
.art-load>strong,.review-label{font-size:23px}
}

@media(max-width:700px){.journal-hero{grid-template-columns:1fr;gap:32px;padding-top:134px;padding-bottom:50px}
.journal-hero h1{font-size:clamp(48px,11.5vw,72px)}
.journal-hero .lead{margin-top:25px;font-size:20px}
.journal-symbol{aspect-ratio:1.6;border-radius:0 60px 0 60px}
.journal-symbol .mark{width:35%}
.journal-grid{grid-template-columns:1fr;gap:25px}
.journal-art{height:260px;padding:28px}
.journal-index{padding-bottom:55px}
.journal-card-copy{padding:24px 1px}
.journal-card-copy h2{font-size:35px}
.journal-card-copy p{font-size:19px;max-width:500px}
.art-review strong{font-size:19px}
.art-review .page-tag{display:inline-flex}
.reading-body{padding:28px 22px 35px}
.reading-body p{font-size:19px}
.reading-body h3{font-size:26px}
.reading-body .text-link{font-size:17px}
.journal-closing{padding:65px 0}
.journal-closing>.wrap{flex-direction:column;align-items:start;gap:30px}
.journal-closing h2{font-size:48px}
.journal-closing .button{font-size:17px;gap:15px}
}

/* Grama launch cover and beta invitation */
:root{--brand-green:#617814}
.mark-piece{fill:var(--brand-green)}
.hero{display:flex;align-items:center;min-height:100svh;padding:calc(88px + 50px) var(--gutter) 64px}
.hero-copy.wrap{position:relative;display:block;padding-bottom:clamp(230px,28vw,310px)}
.hero-message{min-width:0}
.hero-title-mobile{display:none}
.hero h1{max-width:none;font-size:clamp(58px,6.8vw,98px);line-height:.96;letter-spacing:-.055em}
.hero-bottom{margin-top:38px}
.hero-emblem{position:absolute;right:1%;bottom:-2%;display:grid;place-items:center;width:clamp(210px,22vw,310px);aspect-ratio:1;background:var(--lime);border-radius:48% 48% 48% 16%;transform:rotate(6deg)}
.hero-emblem .mark{width:54%;height:auto;transform:rotate(-6deg)}
.product-stage{margin-top:0}
.closing-layout{grid-template-columns:1.3fr 1fr}
.beta-card{width:100%;max-width:470px;justify-self:end;padding:34px;background:var(--white);border-radius:0 52px 0 0}
.beta-card>.mark{width:38px;height:38px;margin-bottom:24px}
.beta-card h3{margin-bottom:16px;font-size:38px;line-height:1.02;letter-spacing:-.03em}
.beta-offer{margin-bottom:20px;font-size:18px;font-weight:700}
.beta-card .button{width:100%;gap:16px;font-size:17px}
.beta-disclosure{margin-top:15px;color:var(--muted);font-size:14px;line-height:1.4}
.portal-transition{position:fixed;z-index:150;top:var(--portal-y,50vh);left:var(--portal-x,80vw);width:max(100vw,100vh);height:max(100vw,100vh);border-radius:4px;background:var(--brand-green);opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.01);visibility:hidden}
.portal-transition.is-active{visibility:visible;animation:grama-portal 1s cubic-bezier(.18,.78,.2,1) both}
@keyframes grama-portal{0%{opacity:0;transform:translate(-50%,-50%) scale(.01)}12%{opacity:1}48%{opacity:1;transform:translate(-50%,-50%) scale(3.2)}72%{opacity:1;transform:translate(-50%,-50%) scale(3.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(3.2)}}
@media(max-width:1000px){.hero{padding-top:calc(76px + 44px)}
.hero h1{font-size:clamp(54px,7.2vw,72px)}
.hero-emblem{width:clamp(190px,24vw,250px)}
.focus-record h3{font-size:23px}
.beta-card h3{font-size:32px}
.closing-layout{grid-template-columns:1fr 1fr;gap:40px}
.beta-card{padding:28px}
}
@media(max-width:700px){.hero{min-height:100svh;padding:calc(76px + 38px) 22px 38px}
.hero-copy.wrap{display:block;padding-bottom:0}
.hero-title-desktop{display:none}
.hero-title-mobile{display:inline}
.hero h1{font-size:clamp(30px,8.2vw,32px);line-height:1.02;letter-spacing:-.045em}
.hero-bottom{margin-top:25px}
.hero-bottom .button{min-height:56px;font-size:16px;padding:15px 20px;gap:17px}
.hero-emblem{position:relative;right:auto;bottom:auto;width:min(42vw,185px);margin:32px 0 0 auto}
.scan-line{display:none}
.closing-layout{grid-template-columns:1fr;gap:36px}
.beta-card{max-width:none;justify-self:stretch;padding:30px 25px}
.beta-card h3{font-size:35px}
}
@media(max-width:390px){.hero h1{font-size:32px}
.hero-emblem{width:165px}
}
@media(prefers-reduced-motion:reduce){.portal-transition{display:none!important}}

/* Vistorias de campo: produto móvel em contexto, com protótipo navegável. */
.field-chapter{padding:130px 0 120px;background:var(--stone);overflow:hidden}
.field-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:clamp(54px,8vw,120px)}
.field-copy{position:relative;z-index:1}
.field-copy h2{max-width:590px;margin:0;font-size:clamp(68px,7.2vw,104px);font-weight:800;line-height:.91;letter-spacing:-.055em}
.field-lead{max-width:440px;margin:26px 0 0;font-size:22px;line-height:1.35}
.field-steps{max-width:490px;margin:42px 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:12px 26px;list-style:none}
.field-steps li{min-height:38px;display:flex;align-items:center;gap:10px}
.field-steps li:before{content:"";width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--lime)}
.field-steps li strong{font-size:17px;font-weight:600}
.field-disclosure{max-width:440px;margin:0;display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45}
.field-disclosure>span{width:8px;height:8px;margin-top:6px;flex:0 0 auto;border-radius:50%;background:var(--ink)}
.field-demo{position:relative;display:grid;justify-items:center;gap:18px;isolation:isolate}
.field-orbit{position:absolute;z-index:-1;width:min(620px,100%);aspect-ratio:1;top:50%;right:-2%;border-radius:48% 52% 42% 58% / 52% 41% 59% 48%;background:var(--lime);transform:translateY(-51%) rotate(-8deg)}
.field-phone-shell{position:relative;width:min(100%,390px);height:744px;padding:9px;border:0;border-radius:46px;background:#20221f}
.field-phone{display:block;width:100%;height:100%;border:0;border-radius:36px;background:var(--paper)}
.field-caption{margin:0;font-size:15px;font-weight:600;text-align:center}

/* Brand-led cover, without the landscape film. */
.hero{display:flex;align-items:center;min-height:100svh;overflow:hidden;padding:clamp(132px,15vh,168px) var(--gutter) 32px}
.hero-copy.wrap{position:relative;display:block;width:min(100%,1312px);padding-bottom:clamp(210px,25vw,300px)}
.hero-message{min-width:0}
.hero h1{max-width:1312px;font-size:clamp(58px,7vw,106px);line-height:.96;letter-spacing:-.045em}
.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:32px;max-width:1100px;margin-top:26px}
.hero-status{display:flex;align-items:center;gap:10px;margin:0;font-size:19px;font-weight:500}
.hero-status>span{width:10px;height:10px;flex-shrink:0;border-radius:50%;background:#73992d}
.hero-emblem{position:absolute;right:1%;bottom:0;display:grid;place-items:center;width:clamp(210px,22vw,310px);aspect-ratio:1;background:var(--lime);border-radius:48% 48% 48% 16%;transform:rotate(6deg)}
.hero-emblem .mark{width:54%;height:auto;transform:rotate(-6deg)}
.scroll-tour-control{position:fixed;left:24px;bottom:18px;z-index:29;display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:10px 16px;border:0;border-radius:999px;background:var(--white);color:var(--ink);font-size:14px;font-weight:650;box-shadow:0 3px 16px rgba(27,36,28,.14)}
.scroll-tour-control:hover{background:var(--lime)}
.scroll-tour-control:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
.scroll-tour-control [data-scroll-tour-icon]{font-size:15px;line-height:1}
@media(max-width:1000px){.hero{padding-top:138px}.hero h1{font-size:clamp(54px,7.6vw,78px)}.hero-emblem{width:clamp(190px,24vw,250px)}}
@media(max-width:700px){.hero{align-items:center;padding:120px 22px 38px}.hero-copy.wrap{padding-bottom:0}.hero-title-desktop{display:none}.hero-title-mobile{display:inline}.hero h1{font-size:clamp(44px,7.6vw,56px);line-height:.99;letter-spacing:-.04em}.hero-bottom{align-items:start;flex-direction:column;gap:20px;margin-top:24px}.hero-status{font-size:17px}.hero-emblem{position:relative;right:auto;bottom:auto;width:min(42vw,185px);margin:32px 0 0 auto}.scroll-tour-control{left:12px;bottom:12px;min-height:44px;padding:9px 13px;font-size:13px}}
@media(max-width:360px){.hero h1{font-size:39px}.hero-emblem{width:165px}}
@media(max-width:1050px){.field-layout{grid-template-columns:minmax(0,.86fr) minmax(330px,1fr);gap:48px}.field-copy h2{font-size:clamp(62px,7.4vw,88px)}.field-phone-shell{height:700px}}
@media(max-width:760px){.field-chapter{padding:88px 0 76px}.field-layout{grid-template-columns:1fr;gap:42px}.field-copy h2{font-size:clamp(64px,13vw,90px)}.field-lead{font-size:19px}.field-steps{margin-top:32px}.field-demo{width:100%}.field-phone-shell{width:min(100%,390px);height:min(720px,82dvh);min-height:620px}.field-orbit{width:min(480px,108%);right:0}.field-caption{font-size:14px}}
@media(max-width:390px){.field-chapter{padding:72px 0 62px}.field-copy h2{font-size:62px}.field-steps li{gap:9px}.field-steps li strong{font-size:16px}.field-phone-shell{height:660px;min-height:0;padding:6px;border-radius:36px}.field-phone{border-radius:29px}}
