.login-page{min-height:100svh;background:var(--color-paper);color:var(--color-ink)}.login-layout{display:grid;grid-template-columns:minmax(0,1fr);min-height:100svh}.login-story{background:var(--color-paper-3);color:var(--color-ink);padding:var(--space-md)}.login-brand{width:fit-content}.login-story-content,.login-story-footer{display:none}.login-panel{min-width:0;display:flex;flex-direction:column;padding-inline:var(--space-md)}.login-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:var(--space-sm)}.login-toolbar .text-link{color:var(--color-muted);font-size:var(--text-xs)}.login-main{flex:1;display:flex;align-items:center;justify-content:center;padding-block:var(--space-md) var(--space-xl)}.login-form-wrap{width:100%;max-width:390px}.login-lock{display:grid;place-items:center;width:48px;height:48px;border:var(--rule-thin) solid var(--color-rule);background:var(--color-paper-2);color:var(--color-accent);border-radius:var(--radius-md);margin-block-end:var(--space-sm)}.login-main h1{font-size:clamp(1.875rem,3vw,2.5rem);line-height:1.3;letter-spacing:-.04em;font-weight:500}.login-lede{margin-block:var(--space-2xs) var(--space-md);color:var(--color-ink-2);font-size:var(--text-sm)}.login-form .field-error{min-height:20px}.login-password-wrap{position:relative}.login-password-wrap input{padding-inline-end:48px}.password-toggle{position:absolute;inset:2px 2px auto auto;color:var(--color-muted)}.login-form-options{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2xs);margin-block:0 var(--space-sm);font-size:var(--text-xs)}.remember-label{display:inline-flex;align-items:center;gap:var(--space-2xs);min-height:44px;cursor:pointer;white-space:nowrap;color:var(--color-ink-2)}.remember-label input{width:16px;height:16px;margin:0;accent-color:var(--color-accent);cursor:pointer}.login-form-options a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-accent);white-space:nowrap}.login-submit{width:100%;justify-content:center;gap:var(--space-sm)}.login-preview-label{margin-block-start:var(--space-xs);font-size:var(--text-2xs);text-align:center;line-height:1.7;color:var(--color-muted)}.login-preview-result{padding:var(--space-sm);border:var(--rule-thin) solid var(--color-rule-2);background:var(--color-paper-2);color:var(--color-ink);border-radius:var(--radius-sm);margin-block-start:var(--space-md)}.login-preview-result p{font-size:var(--text-xs);line-height:1.8}.login-preview-result .text-link{font-size:var(--text-xs)}.login-new-account{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:var(--space-2xs);border-block-start:var(--rule-thin) solid var(--color-rule);padding-block-start:var(--space-sm);margin-block-start:var(--space-md);font-size:var(--text-xs)}.login-new-account .text-link{font-size:var(--text-xs)}.login-live-link{min-height:44px;display:flex;align-items:center;justify-content:center;gap:var(--space-3xs);color:var(--color-muted);font-size:var(--text-2xs);text-decoration:underline;text-underline-offset:4px}.login-footer{text-align:center;color:var(--color-muted);font-size:var(--text-2xs);padding-block:var(--space-sm)}@media(min-width:60rem){.login-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-md);padding:var(--space-md)}.login-story{display:flex;flex-direction:column;min-height:calc(100svh - var(--space-xl));padding:var(--space-lg);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-lg)}.login-story-content{display:flex;flex-direction:column;justify-content:center;flex:1;padding-block:var(--space-lg)}.login-story h2{font-size:clamp(2.5rem,4.3vw,4rem);letter-spacing:-.045em;margin-block:var(--space-sm);line-height:1.2}html[lang=th] .login-story h2{line-height:1.35}.login-story h2 span{color:var(--color-accent)}.login-story-content>p{max-width:42ch;font-size:var(--text-sm);line-height:1.8}.login-suite{margin-block-start:var(--space-md);width:100%;max-width:420px;background:var(--color-paper);color:var(--color-ink);border:var(--rule-thin) solid var(--color-rule-2);border-radius:var(--radius-md);padding:var(--space-md)}.login-suite-heading{display:flex;align-items:center;gap:var(--space-xs)}.login-suite-symbol{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;color:var(--color-accent);background:var(--color-paper-3);border-radius:var(--radius-md)}.login-suite-heading strong{display:block;font-size:var(--text-sm);font-weight:500}.login-suite-heading div>span{display:block;color:var(--color-muted);font-size:var(--text-2xs);margin-block-start:var(--space-3xs)}.login-suite-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs);padding-block:var(--space-md)}.login-suite-product{display:flex;align-items:center;gap:var(--space-2xs);font-family:var(--font-display);font-size:var(--text-xs)}.login-suite-product .product-icon{width:32px;height:32px;border-radius:var(--radius-sm)}.login-suite-footer{display:flex;align-items:center;gap:var(--space-2xs);font-size:var(--text-2xs);color:var(--color-ink-2);border-block-start:var(--rule-thin) solid var(--color-rule);padding-block-start:var(--space-xs)}.login-story-footer{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--color-ink-2);gap:var(--space-sm)}.login-panel{padding-inline:var(--space-md)}.login-toolbar{min-height:44px}.login-main{padding-block:var(--space-sm)}.login-footer{padding-block-end:0}}@media(min-width:75rem){.login-story{padding:var(--space-xl)}.login-panel{padding-inline:var(--space-xl)}}@media(hover:hover)and (pointer:fine){.login-form-options a:hover{text-decoration:underline;text-underline-offset:4px}}.erp-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:center;padding-block:48px 80px}.erp-product-name{margin:24px 0 16px;color:var(--color-accent);font-weight:600}.erp-hero h1{font-size:clamp(2.3rem,4vw,3.7rem);line-height:1.2;max-width:18ch}.erp-lead{margin-top:24px;font-size:1.125rem;max-width:56ch}.erp-principle{background:var(--color-paper-3);border-radius:var(--radius-lg);padding:36px}.erp-principle h2{font-size:2rem;margin:22px 0 16px}.erp-principle ul{list-style:none;margin:28px 0 0;padding:0}.erp-principle li{display:flex;gap:14px;border-top:1px solid var(--color-rule-2);padding-top:16px;margin-top:16px}.erp-principle li svg{margin-top:4px}.erp-principle li span{display:block;color:var(--color-ink-2);font-size:.875rem;margin-top:4px}.erp-section{padding-block:64px}.erp-section-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;margin-bottom:36px}.erp-strengths{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:36px}.erp-strengths article{border-top:1px solid var(--color-rule-2);padding-top:24px}.erp-strengths svg{color:var(--color-accent)}.erp-strengths h3{font-size:1.4rem;line-height:1.4;margin:20px 0 12px}.erp-workflow{background:var(--color-paper-2)}.erp-step-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.erp-step-buttons button{display:flex;align-items:center;gap:10px;padding:16px;border:1px solid var(--color-rule-2);border-radius:var(--radius-sm);background:var(--color-surface);white-space:normal;text-align:left}.erp-step-buttons button[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.erp-step-buttons button span{font-size:.8rem}.erp-step-detail{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:36px;margin-top:20px;min-height:245px}.erp-team{font-size:.875rem;color:var(--color-accent);margin-bottom:12px}.erp-step-detail h3{font-size:1.5rem;margin-bottom:12px}.erp-control{align-self:center;border-left:1px solid var(--color-rule);padding-left:32px;display:grid;gap:10px}.erp-control span{font-size:.8rem;color:var(--color-muted)}.erp-caption{font-size:.8125rem;color:var(--color-muted);margin-top:16px}.erp-comparison article{display:grid;grid-template-columns:.75fr 1fr 1.35fr;gap:32px;padding:26px 0;border-top:1px solid var(--color-rule)}.erp-comparison h3{font-weight:600}.erp-comparison article>div{display:flex;gap:12px}.erp-comparison svg{color:var(--color-accent);margin-top:4px}.erp-readiness{display:grid;grid-template-columns:48px 1fr;gap:24px;border-top:1px solid var(--color-rule)}.erp-readiness>div{max-width:850px}.erp-readiness h2{margin-bottom:24px}.erp-readiness .text-link{white-space:normal}.erp-cta{padding:48px;background:var(--color-paper-3);border-radius:var(--radius-lg)}.erp-cta p{max-width:65ch;margin:20px 0 24px}.erp-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:36px;font-size:.875rem}.erp-footer a{padding-block:12px}@media(max-width:900px){.erp-hero{gap:32px;grid-template-columns:1fr}.erp-hero h1{max-width:23ch}.erp-strengths{gap:24px}.erp-step-buttons{grid-template-columns:repeat(2,1fr)}.erp-section-intro{gap:24px}}@media(max-width:600px){.erp-hero{padding-block:24px 40px}.erp-principle,.erp-step-detail,.erp-cta{padding:24px}.erp-section{padding-block:40px}.erp-strengths,.erp-section-intro,.erp-step-detail,.erp-comparison article{grid-template-columns:1fr;gap:20px}.erp-control{padding-left:0;padding-top:20px;border-left:0;border-top:1px solid var(--color-rule)}.erp-step-buttons button{padding:12px;font-size:.875rem}.erp-readiness{grid-template-columns:1fr;gap:16px}.erp-footer{flex-wrap:wrap}}.hr-day{padding:32px;border-radius:var(--radius-lg);background:var(--color-green-soft);border:1px solid var(--color-rule)}.hr-day-heading{display:flex;align-items:center;gap:14px;margin-bottom:16px}.hr-day h2{font-size:1.8rem}.hr-day ol{list-style:none;padding:0;margin:28px 0 0}.hr-day li{display:flex;gap:16px;padding-block:20px;border-top:1px solid var(--color-rule-2)}.hr-day-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;background:var(--color-surface);color:var(--color-accent)}.hr-day h3{font-size:1.05rem;font-weight:600}.hr-day li p{font-size:.875rem;margin-top:6px}.hr-role-buttons{grid-template-columns:repeat(3,1fr)}.hr-role-buttons button{justify-content:center}.hr-role-list{display:grid;align-content:center;gap:20px;margin:0;padding:0;list-style:none}.hr-role-list li{display:flex;align-items:start;gap:12px}.hr-role-list svg{margin-top:4px;color:var(--color-accent)}#hr-role-detail h3{margin-top:16px}.hr-leave-detail{display:flex;align-items:start;gap:20px;padding:28px;margin-top:20px;min-height:150px;border-radius:var(--radius-md);background:var(--color-paper-2)}.hr-leave-detail h3{font-size:1.3rem;margin-bottom:12px}.hr-setup{display:grid;grid-template-columns:40px 1fr;gap:24px;border-top:1px solid var(--color-rule)}.hr-setup h2{margin-bottom:20px}.hr-setup p{max-width:80ch}@media(max-width:600px){.hr-day{padding:24px}.hr-role-buttons{gap:8px}.hr-role-buttons button{padding:12px 6px}.hr-setup{grid-template-columns:1fr}.hr-leave-detail{padding:20px}}.wt-hero{padding-block:48px 44px}.wt-hero-copy{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.wt-hero h1{font-size:clamp(2.4rem,4.4vw,4.2rem);line-height:1.18;white-space:pre-line}.wt-hero .erp-lead{margin-top:0}.worktray-page h2{white-space:pre-line}.wt-preview-section{scroll-margin-top:110px}.wt-preview{background:var(--color-surface);border:1px solid var(--color-rule-2);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 16px 40px var(--color-shadow)}.wt-preview-heading{padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.wt-preview-heading>span:first-child{display:flex;align-items:center;gap:12px}.wt-sample,.wt-preview-note{color:var(--color-muted);font-size:.8rem}.wt-view-buttons{display:flex;padding-inline:28px;gap:8px;border-bottom:1px solid var(--color-rule)}.wt-view-buttons button{display:flex;align-items:center;gap:8px;padding:12px 20px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--color-ink-2)}.wt-view-buttons button[aria-pressed=true]{border-bottom-color:var(--color-accent);color:var(--color-accent);background:var(--color-green-soft)}.wt-view{padding:24px 28px;min-height:300px;background:var(--color-paper-2)}.wt-view-description{margin-bottom:22px;font-size:.9rem}.wt-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.wt-column h3{display:flex;align-items:center;gap:8px;font-size:.9rem;margin-bottom:14px}.wt-column h3>span:last-child{margin-left:auto;color:var(--color-muted)}.wt-dot{width:8px;height:8px;border-radius:50%;background:var(--color-muted)}.wt-stage-1{background:var(--color-sand-ink)}.wt-stage-2{background:var(--color-accent)}.wt-card{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-sm);padding:20px}.wt-tag{font-size:.7rem;color:var(--color-lavender-ink);background:var(--color-lavender-soft);padding:3px 7px;border-radius:4px}.wt-card h4{margin-block:16px 24px;font-weight:600}.wt-card>div,.wt-card>div>span{display:flex;align-items:center;gap:6px;font-size:.8rem}.wt-card>div{justify-content:space-between}.wt-preview-note{padding:14px 28px}.wt-table-wrap{overflow-x:auto}.wt-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.wt-table th,.wt-table td{padding:14px;border-bottom:1px solid var(--color-rule-2)}.wt-table th{font-weight:600}.wt-gantt-dates{display:grid;grid-template-columns:2fr repeat(5,1fr);font-size:.85rem;margin-bottom:16px}.wt-gantt-row{display:grid;grid-template-columns:2fr 5fr;padding-block:12px;align-items:center;border-top:1px solid var(--color-rule);gap:10px}.wt-gantt-row strong{font-size:.85rem;font-weight:500}.wt-gantt-track{background:var(--color-paper-3);border-radius:4px}.wt-gantt-track span{display:block;background:var(--color-accent);color:#fff;border-radius:4px;padding:8px;font-size:.75rem}.wt-calendar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.wt-calendar>div{background:var(--color-surface);border:1px solid var(--color-rule);padding:12px;min-height:175px}.wt-calendar span{font-size:.75rem;color:var(--color-muted)}.wt-calendar strong{display:block;margin-block:4px 18px}.wt-calendar p{padding:8px;border-left:3px solid var(--color-accent);background:var(--color-green-soft);font-size:.8rem}.wt-line-section{background:var(--color-green-soft)}.wt-line-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.wt-line-layout h2{margin-block:20px}.wt-conversation{padding:28px;border:1px solid var(--color-rule-2);background:var(--color-paper);border-radius:var(--radius-md)}.wt-conversation-label{font-size:.875rem;padding-bottom:18px;border-bottom:1px solid var(--color-rule)}.wt-conversation>div{padding:20px 0 0}.wt-conversation>div>span{font-weight:600}.wt-conversation small{margin-left:10px;color:var(--color-accent)}.wt-conversation>div>p{margin-top:8px;padding:16px;background:var(--color-surface);border-radius:var(--radius-sm)}@media(max-width:900px){.wt-hero-copy,.wt-line-layout{grid-template-columns:1fr;gap:28px}.wt-hero h1{font-size:clamp(2.4rem,6vw,4.2rem)}}@media(max-width:600px){.wt-hero{padding-block:24px 32px}.wt-preview-heading{padding:20px 16px;flex-wrap:wrap}.wt-view-buttons{padding-inline:8px;gap:0}.wt-view-buttons button{padding:12px 8px;font-size:.8rem;flex:1;justify-content:center}.wt-view-buttons svg{display:none}.wt-view{padding:20px 16px}.wt-board{grid-template-columns:1fr;gap:20px}.wt-card{padding:16px}.wt-card h4{margin-block:12px}.wt-preview-note{padding-inline:16px}.wt-calendar{grid-template-columns:1fr}.wt-calendar>div{min-height:0;display:grid;grid-template-columns:30px 25px 1fr;align-items:center;gap:8px}.wt-calendar strong{margin:0}.wt-calendar p{font-size:.8rem}.wt-gantt-dates,.wt-gantt-row{font-size:.75rem}.wt-gantt-track span{padding-inline:3px}.wt-conversation{padding:20px}}.studio-page h1,.studio-page h2{white-space:pre-line}.studio-hero{padding-block:36px 0}.studio-hero-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}.studio-hero h1{font-size:clamp(2.5rem,4.5vw,4.5rem);line-height:1.14}.studio-hero .erp-lead{max-width:47ch}.studio-hero-art{margin:0;background:#e2efea;border-radius:14px;overflow:hidden}.studio-hero-art img{width:100%;height:290px;object-fit:cover;object-position:25% center}.studio-hero-art figcaption{display:flex;gap:16px;align-items:center;padding:22px 28px;font-size:1.2rem;white-space:pre-line;line-height:1.5}.studio-format-strip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:25px 0;margin-top:48px;border-block:1px solid var(--color-rule)}.studio-format-strip span{display:flex;align-items:center;gap:10px}.studio-explore{padding-block:72px 20px;scroll-margin-top:32px}.studio-mode-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.studio-mode-buttons button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 22px;border:1px solid var(--color-rule);border-radius:6px;background:#fff}.studio-mode-buttons button[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.studio-mode-detail{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--color-rule);border-radius:12px;overflow:hidden;background:#fff}.studio-mode-copy{padding:36px}.studio-mode-copy>svg{color:var(--color-accent)}.studio-mode-copy h3{margin-top:16px;font-size:.9rem;color:var(--color-accent)}.studio-mode-copy h4{font-size:1.7rem;font-weight:500;line-height:1.4;margin:10px 0 16px;letter-spacing:-.025em}.studio-mode-copy ul{display:flex;gap:12px 18px;flex-wrap:wrap;list-style:none;padding:0;margin:24px 0 0}.studio-mode-copy li{display:flex;gap:7px;align-items:center;font-size:.82rem}.studio-brief{display:flex;flex-direction:column;justify-content:center;padding:40px;background:#eeedf5}.studio-brief>span{display:flex;gap:10px;align-items:center;font-size:.875rem}.studio-brief blockquote{font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.65;margin:28px 0}.studio-brief p{font-size:.8rem}.studio-team-section{background:var(--color-paper-3);margin-top:20px;padding-block:64px}.studio-team-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.studio-team-layout h2{margin:20px 0}.studio-team-layout ul{list-style:none;padding:0;margin:0}.studio-team-layout li{display:flex;gap:15px;padding:22px 0;border-bottom:1px solid var(--color-rule-2)}.studio-team-layout li>svg{margin-top:6px}.studio-team-layout h3{font-size:1.15rem;margin-bottom:7px}.studio-faq{max-width:850px}.studio-faq h2{margin-bottom:30px}.studio-faq details{border-top:1px solid var(--color-rule);padding:20px 0}.studio-faq summary{cursor:pointer;font-weight:500}.studio-faq details p{margin-top:16px}@media(max-width:900px){.studio-hero-layout,.studio-team-layout{gap:28px}.studio-hero-layout{grid-template-columns:1fr}.studio-hero-art{display:grid;grid-template-columns:1.2fr 1fr}.studio-hero-art img{height:220px}.studio-hero-art figcaption{padding:20px}.studio-mode-copy,.studio-brief{padding:24px}}@media(max-width:600px){.studio-hero{padding-top:24px}.studio-hero-art{display:block}.studio-hero-art img{height:210px}.studio-mode-detail,.studio-team-layout{grid-template-columns:1fr}.studio-mode-buttons button{padding:10px 14px;flex:1 1 auto}.studio-explore{padding-top:40px}.studio-team-section{padding-block:40px}.studio-format-strip{justify-content:flex-start;gap:16px 24px;font-size:.875rem;margin-top:32px}.studio-hero .hero-actions{align-items:flex-start}.studio-page .button{white-space:normal}}.ai-finance-page h1,.ai-finance-page h2{white-space:pre-line}.af-hero{grid-template-columns:1.35fr 1fr;gap:60px}.af-hero h1{max-width:23ch}.af-trail{padding:32px;background:var(--color-sand-soft);border-radius:var(--radius-lg)}.af-trail h2{font-size:1.8rem;line-height:1.3;margin-bottom:26px}.af-trail ol{list-style:none;padding:0;margin:0}.af-trail li{display:flex;gap:16px;position:relative;padding-bottom:26px}.af-trail li:last-child{padding-bottom:0}.af-trail li:not(:last-child):before{content:"";position:absolute;top:42px;bottom:0;left:20px;width:1px;background:var(--color-rule-2)}.af-trail li>span{display:grid;place-items:center;background:var(--color-surface);color:var(--color-sand-ink);border-radius:50%;width:42px;height:42px;flex-shrink:0}.af-trail h3{font-size:1rem;font-weight:600}.af-trail li p{font-size:.85rem;margin-top:4px}.af-benefit-band{border-block:1px solid var(--color-rule)}.af-benefit-band>div{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-block:22px}.af-benefit-band p{font-size:.95rem;color:var(--color-ink)}.af-workflow{scroll-margin-top:90px}.af-workbench{display:grid;grid-template-columns:1.3fr 1fr;margin-top:24px;border:1px solid var(--color-rule-2);border-radius:var(--radius-md);overflow:hidden}.af-evidence{padding:26px;background:var(--color-paper-2);min-width:0}.af-evidence-heading{display:flex;align-items:center;gap:10px;font-size:.875rem;flex-wrap:wrap}.af-evidence-heading>span{margin-left:auto;color:var(--color-muted);font-size:.75rem}.af-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.af-pair article{background:var(--color-surface);padding:20px 16px;border:1px solid var(--color-rule);border-radius:var(--radius-sm)}.af-pair article>div{display:flex;align-items:center;gap:8px;font-size:.8rem;margin-bottom:28px}.af-pair article>p{font-size:.75rem;margin-bottom:4px}.af-amount{font-size:clamp(1.25rem,2vw,1.65rem);font-weight:600;font-variant-numeric:tabular-nums}.af-pair dl{margin-top:24px}.af-pair dl>div{padding-block:10px;border-top:1px solid var(--color-rule)}.af-pair dt{font-size:.72rem;color:var(--color-muted)}.af-pair dd{margin:4px 0 0;font-size:.85rem}.af-pair .af-slip{border-top:3px solid var(--color-sand-ink)}.af-pair .af-bank{border-top:3px solid var(--color-accent)}.af-evidence-note{display:flex;align-items:start;gap:8px;margin-top:20px;font-size:.8rem}.af-evidence-note svg{margin-top:3px}.af-step-detail{padding:32px;background:var(--color-surface)}.af-step-detail>svg{color:var(--color-accent)}.af-step-detail h3{font-size:1.5rem;margin-block:20px 14px}.af-step-detail ul{list-style:none;margin:24px 0;padding:0;display:grid;gap:14px}.af-step-detail li{display:flex;align-items:start;gap:10px;font-size:.9rem}.af-step-detail li svg{margin-top:4px;color:var(--color-accent)}@media(max-width:900px){.af-hero,.af-workbench{grid-template-columns:1fr;gap:28px}.af-workbench{gap:0}}@media(max-width:600px){.af-benefit-band>div{grid-template-columns:1fr;gap:12px}.af-trail,.af-step-detail{padding:24px}.af-evidence{padding:20px 14px}.af-pair{gap:8px}.af-pair article{padding:16px 10px}.af-pair article>div{flex-direction:column;align-items:start;gap:8px}.af-amount{font-size:1.15rem}.af-evidence-heading>span{margin-left:0}}.nd-hero{padding-block:40px 48px}.nd-hero .erp-product-name{display:flex;align-items:center;gap:10px}.nd-hero-copy{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.nd-hero h1{font-size:clamp(2.4rem,4.3vw,4.1rem);line-height:1.2;white-space:pre-line}.nd-hero .erp-lead{margin-top:0}.notedocg-page h2{white-space:pre-line}.nd-preview-section{scroll-margin-top:100px}.nd-preview{display:grid;grid-template-columns:1fr 1.1fr;border:1px solid var(--color-rule-2);border-radius:var(--radius-lg);overflow:hidden}.nd-conversation{background:var(--color-green-soft)}.nd-panel-heading{display:flex;align-items:center;gap:10px;padding:22px 28px;border-bottom:1px solid var(--color-rule);font-size:.9rem}.nd-panel-heading svg{color:var(--color-accent);flex-shrink:0}.nd-messages{padding:22px 28px 30px}.nd-speaker{font-size:.75rem;margin-bottom:6px}.nd-bubble{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:2px 14px 14px;padding:14px 18px;max-width:90%;font-size:.9rem}.nd-agent-label{text-align:right;margin-top:20px}.nd-agent{margin-left:auto;margin-bottom:20px;background:var(--color-accent);color:var(--color-accent-ink);border-radius:14px 2px 14px 14px}.nd-insights{display:flex;flex-direction:column;background:var(--color-surface)}.nd-selectors{display:flex;flex-wrap:wrap;gap:6px;padding:22px 28px 0}.nd-selectors button{background:transparent;color:var(--color-ink-2);border:1px solid var(--color-rule-2);border-radius:6px;min-height:44px;padding:8px 12px;font-size:.8rem}.nd-selectors button[aria-pressed=true]{background:var(--color-green-soft);color:var(--color-accent);border-color:var(--color-accent)}.nd-insight{padding:26px 28px}.nd-insight h2{font-size:1.6rem;line-height:1.35;margin-bottom:18px}.nd-insight p{font-size:.95rem}.nd-insight ul{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px}.nd-insight li{display:flex;gap:10px;align-items:start;font-size:.85rem}.nd-insight li svg{color:var(--color-accent);flex-shrink:0;margin-top:3px}.nd-review-note{margin-top:auto;padding:16px 28px;border-top:1px solid var(--color-rule);font-size:.8rem}.nd-handoff{background:var(--color-paper-2)}.nd-handoff-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.nd-handoff h2{margin-bottom:20px}.nd-handoff dl{margin:0}.nd-handoff dl>div{padding:20px 0;border-bottom:1px solid var(--color-rule-2)}.nd-handoff dl>div:first-child{padding-top:0}.nd-handoff dt{font-weight:600;margin-bottom:8px}.nd-handoff dd{margin:0;color:var(--color-ink-2)}@media(max-width:900px){.nd-hero-copy{grid-template-columns:1fr;gap:24px}.nd-preview{grid-template-columns:1fr 1fr}.nd-panel-heading,.nd-messages,.nd-insight{padding:20px}.nd-selectors{padding:20px 20px 0}.nd-handoff-layout{gap:32px}}@media(max-width:600px){.nd-hero{padding-block:24px 32px}.nd-preview,.nd-handoff-layout{grid-template-columns:1fr}.nd-selectors{gap:5px;padding-inline:16px}.nd-selectors button{padding-inline:8px}.nd-review-note{padding-inline:20px}}:root{--color-paper: #f8f9f5;--color-surface: #ffffff;--color-paper-2: #f0f3ed;--color-paper-3: #e6ece2;--color-ink: #243b2e;--color-ink-2: #4c5b50;--color-muted: #626d63;--color-rule: #dce2d8;--color-rule-2: #c5cfc0;--color-accent: #356348;--color-accent-hover: #254d35;--color-accent-ink: #ffffff;--color-focus: #94711c;--color-green-soft: #eaf1e7;--color-peach-soft: #f8eae1;--color-peach-ink: #8a5438;--color-sand-soft: #f6efde;--color-sand-ink: #7b6029;--color-lavender-soft: #efebf7;--color-lavender-ink: #726088;--color-blue-soft: #e6eef2;--color-blue-ink: #477082;--color-pink-soft: #f7e9ed;--color-pink-ink: #965568;--color-chart: #afc4a2;--color-chart-accent: #466b48;--color-chart-rule: #eef0eb;--color-avatar-one: #d5dbc4;--color-avatar-two: #e7d8c9;--color-avatar-three: #d5dee2;--color-scrim: rgb(24 42 30 / 44%);--color-shadow: rgb(40 66 45 / 7%);--color-shadow-strong: rgb(40 66 45 / 13%);--color-transparent: transparent;--color-error: #a23830;--font-display: "Geist", "Noto Sans Thai", sans-serif;--font-body: "Geist", "Noto Sans Thai", sans-serif;--font-thai: "Noto Sans Thai", "Geist", sans-serif;--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4.5rem;--space-3xl: 7rem;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-section: clamp(1.875rem, 3vw, 2.875rem);--text-display: clamp(2.65rem, 5.4vw, 5rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-short: .16s;--dur-medium: .22s;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--rule-thin: 1px;--page-max: 1200px;--page-gutter: clamp(1rem, 4vw, 3rem)}@font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/font-0.ttf) format("truetype")}@font-face{font-family:Geist;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/font-1.ttf) format("truetype")}@font-face{font-family:Geist;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/font-2.ttf) format("truetype")}@font-face{font-family:Geist;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/font-3.ttf) format("truetype")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:normal;font-display:swap;src:url(/fonts/font-4.ttf) format("truetype")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:normal;font-display:swap;src:url(/fonts/font-5.ttf) format("truetype")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:normal;font-display:swap;src:url(/fonts/font-6.ttf) format("truetype")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:normal;font-display:swap;src:url(/fonts/font-7.ttf) format("truetype")}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;overflow-x:clip}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}html[lang=th] body{font-family:var(--font-thai)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:var(--color-transparent)}button{cursor:pointer}button,a,summary{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}button,a.button,.text-link,.desktop-nav a,.footer a{white-space:nowrap}button:disabled,[aria-disabled=true]{opacity:.5;cursor:not-allowed}button:not(:disabled):active,a.button:active{transform:translateY(1px)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}::selection{color:var(--color-accent-ink);background:var(--color-accent)}img,svg{display:block}svg{flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--font-display);font-style:normal;min-width:0;overflow-wrap:anywhere}html[lang=th] h1,html[lang=th] h2,html[lang=th] h3{font-family:var(--font-thai)}h1,h2{font-weight:500;letter-spacing:-.055em}html[lang=th] h1,html[lang=th] h2{letter-spacing:-.035em}h2{font-size:var(--text-section);line-height:1.27}h2 span{color:var(--color-muted)}h3{font-weight:500}p{color:var(--color-ink-2)}.container{width:min(var(--page-max),calc(100% - var(--page-gutter) * 2));margin-inline:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:48px;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);border:var(--rule-thin) solid var(--color-transparent);font-size:var(--text-sm);font-weight:500;line-height:1.5;transition:transform var(--dur-short) var(--ease-out)}.button-primary{background:var(--color-accent);color:var(--color-accent-ink)}.button-secondary{background:var(--color-surface);color:var(--color-ink);border-color:var(--color-rule)}.icon-button{display:grid;place-items:center;padding:var(--space-2xs);width:44px;min-width:44px;height:44px;background:var(--color-transparent);border:0;border-radius:var(--radius-sm)}.text-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:500;min-height:44px;padding:var(--space-2xs) 0;border:0;background:var(--color-transparent);color:var(--color-accent);text-underline-offset:5px}.subtle-link{color:var(--color-muted)}.eyebrow{display:flex;align-items:center;gap:var(--space-2xs);font-size:var(--text-xs);letter-spacing:.06em;font-weight:500;line-height:1.6}.label-line{width:21px;height:2px;background:var(--color-accent)}.skip-link{position:fixed;z-index:100;inset:var(--space-sm) auto auto var(--space-sm);transform:translateY(-200%);background:var(--color-accent);color:var(--color-accent-ink);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.skip-link:focus{transform:none}.site-header{position:sticky;inset-block-start:0;z-index:20;background:var(--color-paper);border-block-end:var(--rule-thin) solid var(--color-rule)}.nav-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.brand-link{flex-shrink:0;display:inline-flex;align-items:center;min-height:44px}.brand{display:inline-flex;align-items:center;gap:var(--space-2xs);font-family:var(--font-display);font-size:25px;font-weight:600;letter-spacing:-.055em;line-height:1;white-space:nowrap}.brand img{width:35px;height:35px}.brand-os{font-weight:400}.brand-dot{color:var(--color-accent)}.desktop-nav{display:none;align-items:center;gap:var(--space-lg)}.desktop-nav a{display:flex;align-items:center;min-height:44px;gap:var(--space-2xs);font-size:var(--text-sm);color:var(--color-ink-2)}.nav-actions{display:flex;gap:var(--space-xs);align-items:center}.language-button{display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;padding:var(--space-2xs) 0;background:var(--color-transparent);border:0;font-size:var(--text-xs);font-family:var(--font-display)}.nav-signin{display:none;min-height:44px;align-items:center;padding-inline:var(--space-2xs);font-size:var(--text-sm);white-space:nowrap}.nav-demo{display:none;min-height:42px;padding-block:var(--space-2xs)}.mobile-menu{position:absolute;inset:100% 0 auto;background:var(--color-paper);padding:var(--space-sm) var(--page-gutter) var(--space-md);border-block-end:var(--rule-thin) solid var(--color-rule);box-shadow:0 15px 24px var(--color-shadow)}.mobile-menu>a{display:flex;align-items:center;justify-content:space-between;min-height:52px;border-block-end:var(--rule-thin) solid var(--color-rule);font-size:var(--text-sm)}.mobile-menu .button{width:100%;margin-block-start:var(--space-sm)}.hero{padding-block:var(--space-xl) var(--space-lg);display:grid;gap:var(--space-md)}.hero-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2xs);font-size:var(--text-xs);letter-spacing:.06em;margin-block-end:var(--space-sm)}.eyebrow-icon{display:grid;place-items:center;width:26px;height:26px;border:var(--rule-thin) solid var(--color-rule-2);border-radius:var(--radius-pill);color:var(--color-accent)}h1{font-size:var(--text-display);line-height:1.15}h1>span{color:var(--color-accent)}html[lang=th] h1{line-height:1.3;font-weight:500}.hero-intro{align-self:end;padding-block-end:var(--space-2xs)}.hero-intro p{font-size:var(--text-md);line-height:1.85;max-width:42ch}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-block:var(--space-md) var(--space-sm)}.hero-note{display:flex;align-items:center;gap:var(--space-2xs);color:var(--color-muted);font-size:var(--text-xs)}.hero-note svg{color:var(--color-accent)}.desktop-break{display:none}.preview-surround{background:var(--color-paper-3);padding:var(--space-sm) var(--space-xs) var(--space-xs);border-radius:var(--radius-lg)}.preview-topline{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:0 var(--space-2xs) var(--space-sm);font-size:var(--text-2xs);color:var(--color-ink-2)}.preview-topline>span:first-child{display:inline-flex;align-items:center;gap:var(--space-2xs)}.small-dot,.stat-dot{width:5px;height:5px;display:inline-block;flex-shrink:0;border-radius:var(--radius-pill);background:var(--color-accent)}.preview-topline-right{display:none;font-size:9px;letter-spacing:.15em}.workspace{display:grid;grid-template-columns:minmax(0,1fr);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 8px 30px var(--color-shadow);overflow:clip}.workspace-sidebar{display:none;background:var(--color-paper);color:var(--color-ink);padding:var(--space-md) var(--space-sm);border-inline-end:var(--rule-thin) solid var(--color-rule);flex-direction:column}.brand--compact{font-size:20px;gap:5px;padding-inline:var(--space-2xs)}.brand--compact img{width:27px;height:27px}.sample-company{margin-block:var(--space-md);padding:10px var(--space-2xs);display:flex;align-items:center;gap:var(--space-2xs);border:var(--rule-thin) solid var(--color-rule);background:var(--color-surface);border-radius:var(--radius-sm);font-size:var(--text-xs);line-height:1.5}.company-mark{width:30px;height:30px;background:var(--color-paper-3);color:var(--color-accent);display:grid;place-items:center;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--text-sm)}.sample-company small{display:block;color:var(--color-muted);font-size:9px}.sidebar-label{font-size:9px;letter-spacing:.1em;color:var(--color-muted);padding:0 var(--space-2xs) var(--space-xs)}.sidebar-item{display:flex;align-items:center;gap:10px;border:var(--rule-thin) solid var(--color-transparent);background:var(--color-transparent);border-radius:var(--radius-sm);min-height:39px;padding:var(--space-2xs) 10px;color:var(--color-ink-2);font-size:var(--text-xs);text-align:start;margin-block-end:3px}.sidebar-item.is-active{background:var(--color-paper-3);color:var(--color-accent);font-weight:600;border-color:var(--color-rule)}.active-dot{display:none;margin-inline-start:auto;width:5px;height:5px;background:var(--color-accent);border-radius:var(--radius-pill)}.is-active .active-dot{display:block}.sidebar-bottom{margin-block-start:auto;padding:var(--space-md) var(--space-2xs) 0;display:flex;align-items:center;gap:var(--space-2xs);font-size:10px;color:var(--color-muted)}.workspace-main{min-width:0}.workspace-topbar{min-height:49px;padding:var(--space-xs) var(--space-sm);border-block-end:var(--rule-thin) solid var(--color-rule);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2xs);font-size:10px;color:var(--color-muted)}.workspace-topbar>span:first-child{display:inline-flex;gap:var(--space-2xs);align-items:center}.workspace-topbar strong{font-weight:500;color:var(--color-ink-2)}.breadcrumb-slash{opacity:.6}.sample-label{white-space:nowrap;font-size:9px;letter-spacing:.03em;padding:3px 7px;color:var(--color-muted);background:var(--color-paper-2);border:var(--rule-thin) solid var(--color-rule);border-radius:4px;line-height:1.5}.workspace-body{padding:var(--space-sm)}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);margin-block-end:var(--space-md)}.dashboard-heading h2{font-size:clamp(1rem,1.8vw,1.5rem);letter-spacing:-.035em;font-weight:500;line-height:1.5}.dashboard-heading p{font-size:10px;margin-block-start:var(--space-3xs);color:var(--color-muted);max-width:55ch}.greeting-dot{color:var(--color-accent)}.dashboard-date{display:none;font-size:10px;white-space:nowrap;color:var(--color-muted)}.dashboard-stats{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2xs)}.stat-card{border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-sm);padding:var(--space-xs)}.stat-card>span{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2xs);color:var(--color-ink-2);font-size:10px}.stat-card>span svg{color:var(--color-muted)}.stat-card>strong{display:block;margin-block:6px;font-size:27px;font-family:var(--font-display);font-weight:500;letter-spacing:-.05em;line-height:1.4;font-variant-numeric:tabular-nums}.stat-unit{font-family:var(--font-body);font-size:10px;font-weight:400;color:var(--color-muted);letter-spacing:0;margin-inline-start:7px}.stat-card small{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--color-muted)}.stat-trend{display:inline-flex;align-items:center;color:var(--color-accent);font-family:var(--font-display)}.dashboard-panels{margin-block-start:var(--space-xs);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xs)}.chart-card,.quick-products{border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-sm);padding:var(--space-xs);min-width:0}.chart-heading{display:flex;justify-content:space-between;align-items:start;gap:var(--space-2xs)}.chart-heading h3,.quick-products h3{font-size:var(--text-xs);font-weight:500}.chart-key{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:var(--color-muted);margin-block-start:4px}.chart-key>span{width:6px;height:6px;background:var(--color-chart-accent);border-radius:2px}.period-control{display:inline-flex;padding:2px;gap:2px;background:var(--color-paper-2);border:var(--rule-thin) solid var(--color-rule);border-radius:5px}.period-control button{min-height:28px;min-width:39px;padding:3px 5px;font-size:9px;background:var(--color-transparent);border:0;border-radius:3px;color:var(--color-muted)}.period-control button[aria-pressed=true]{background:var(--color-surface);color:var(--color-ink);box-shadow:0 1px 3px var(--color-shadow);font-weight:600}.chart{height:170px;display:flex;gap:9px;margin-block:var(--space-md) var(--space-lg)}.chart-scale{display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:var(--color-muted);text-align:end;width:22px}.chart-plot{position:relative;flex:1;min-width:0}.chart-guides{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between}.chart-guides i{border-block-end:var(--rule-thin) dashed var(--color-chart-rule);width:100%}.chart-bars{position:absolute;inset:0;display:flex;align-items:end;justify-content:space-around;gap:var(--space-2xs);padding-inline:var(--space-2xs)}.chart-column{position:relative;height:100%;flex:1;display:flex;align-items:end;max-width:38px}.chart-bar{width:100%;background:var(--color-chart);border-radius:3px 3px 0 0}.chart-bar--accent{background:var(--color-chart-accent)}.chart-column>span{position:absolute;inset:calc(100% + 9px) 0 auto;text-align:center;font-size:9px;color:var(--color-muted)}.quick-products-title{display:flex;justify-content:space-between;align-items:center;margin-block-end:var(--space-2xs)}.quick-products-title>span{background:var(--color-paper-2);border:var(--rule-thin) solid var(--color-rule);border-radius:4px;width:20px;font-size:9px;text-align:center}.quick-product{width:100%;display:flex;align-items:center;gap:9px;padding:10px 0;min-height:48px;background:var(--color-transparent);border:0;border-block-end:var(--rule-thin) solid var(--color-chart-rule);text-align:start}.quick-product:last-child{border-block-end:0;padding-block-end:0}.quick-product>span:nth-child(2){font-size:var(--text-2xs);font-weight:500;flex:1}.quick-product small{display:block;color:var(--color-muted);font-size:9px;font-weight:400}.quick-product>svg{color:var(--color-muted)}.quick-product.is-selected>span:nth-child(2){text-decoration:underline;text-underline-offset:3px}.quick-product .product-icon{width:32px;height:32px;border-radius:7px}.preview-caption{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--color-ink-2);font-size:9px;padding-block-start:var(--space-xs)}.preview-caption-action{display:none;align-items:center;gap:5px;margin-inline-start:auto}.products-section{padding-block:var(--space-2xl)}.section-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md);margin-block-end:var(--space-lg)}.section-heading h2{margin-block-start:var(--space-sm)}.section-heading p{max-width:40ch;font-size:var(--text-sm);line-height:1.8;align-self:end}.product-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2xs);margin-block-end:var(--space-md)}.product-tabs>:is(button,a){position:relative;display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs);min-height:68px;border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-transparent);text-align:start}.product-tabs>:is(button,a)>span:nth-child(2){font-family:var(--font-display);font-weight:500;font-size:var(--text-sm);min-width:0}.product-tabs small{display:none;font-weight:400;font-size:10px;font-family:var(--font-body);color:var(--color-muted);margin-block-start:2px}.product-tabs>:is(button,a)[aria-pressed=true]{background:var(--color-surface);color:var(--color-accent);border-color:var(--color-accent);box-shadow:0 2px 6px var(--color-shadow)}.product-tabs>:is(button,a){container-type:inline-size}.product-name-full{display:none}.product-name-short{display:inline}@container (min-width: 190px){.product-name-full{display:inline}.product-name-short{display:none}}.tab-selected-indicator{display:none;position:absolute;inset:auto 12px -1px;height:2px;background:var(--color-accent)}.product-tabs>:is(button,a)[aria-pressed=true] .tab-selected-indicator{display:block}.product-icon{width:42px;height:42px;border-radius:var(--radius-md);display:grid;flex-shrink:0;place-items:center}.tone-green{color:var(--color-accent);background:var(--color-green-soft)}.tone-peach{color:var(--color-peach-ink);background:var(--color-peach-soft)}.tone-sand{color:var(--color-sand-ink);background:var(--color-sand-soft)}.tone-lavender{color:var(--color-lavender-ink);background:var(--color-lavender-soft)}.tone-blue{color:var(--color-blue-ink);background:var(--color-blue-soft)}.tone-pink{color:var(--color-pink-ink);background:var(--color-pink-soft)}.product-detail{display:grid;grid-template-columns:minmax(0,1fr);background:var(--color-surface);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-lg);overflow:clip}.product-detail-copy{padding:var(--space-md);color:var(--color-ink)}.product-kicker{font-family:var(--font-display);font-size:var(--text-2xs);letter-spacing:.13em;color:var(--color-accent)}.product-detail-copy h3{font-size:clamp(1.5rem,2.5vw,2.125rem);letter-spacing:-.04em;line-height:1.4;margin-block:var(--space-sm) var(--space-sm);max-width:22ch}.product-detail-copy p{font-size:var(--text-sm);line-height:1.85;max-width:45ch}.product-detail-copy ul{padding:0;list-style:none;margin-block:var(--space-md)}.product-detail-copy li{display:flex;align-items:start;gap:var(--space-xs);font-size:var(--text-sm);margin-block-end:var(--space-xs);color:var(--color-ink-2)}.product-detail-copy li svg{color:var(--color-accent);margin-block-start:3px}.product-detail-links{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.product-detail-visual{padding:var(--space-md);display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0}.detail-miniapp{background:var(--color-surface);color:var(--color-ink);padding:var(--space-sm);border-radius:var(--radius-md);width:100%;max-width:430px;border:var(--rule-thin) solid var(--color-rule);box-shadow:0 12px 36px var(--color-shadow)}.miniapp-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2xs);padding-block-end:var(--space-sm);border-block-end:var(--rule-thin) solid var(--color-rule)}.miniapp-header>div{display:flex;align-items:center;gap:var(--space-2xs)}.miniapp-header .product-icon{width:34px;height:34px}.miniapp-header strong{font-family:var(--font-display);font-size:var(--text-sm);font-weight:500}.miniapp-metric{position:relative;padding-block:var(--space-md)}.miniapp-metric>span{font-size:var(--text-xs);color:var(--color-muted)}.miniapp-metric>strong{font-family:var(--font-display);display:block;font-weight:500;font-size:35px;letter-spacing:-.05em;line-height:1.5}.miniapp-avatars{display:flex;margin-block-start:var(--space-2xs)}.miniapp-avatars span{display:grid;place-items:center;border:2px solid var(--color-surface);height:32px;width:32px;border-radius:var(--radius-pill);font-family:var(--font-display);font-size:9px;background:var(--color-avatar-one);margin-inline-start:-5px}.miniapp-avatars span:first-child{margin-inline-start:0}.miniapp-avatars span:nth-child(2){background:var(--color-avatar-two)}.miniapp-avatars span:nth-child(3){background:var(--color-avatar-three)}.miniapp-avatars span:nth-child(4){background:var(--color-paper-2)}.miniapp-records>div{display:flex;align-items:center;gap:var(--space-2xs);min-height:49px;border-block-start:var(--rule-thin) solid var(--color-rule);font-size:var(--text-2xs)}.record-number{color:var(--color-muted);font-family:var(--font-display);font-size:10px}.record-status{display:flex;align-items:center;white-space:nowrap;gap:3px;font-size:9px;color:var(--color-accent);margin-inline-start:auto}.miniapp-foot{border-block-start:var(--rule-thin) solid var(--color-rule);padding-block-start:var(--space-xs);display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;color:var(--color-muted)}.connected-note{display:flex;align-items:center;gap:var(--space-2xs);padding-block-start:var(--space-md);font-size:var(--text-xs);color:var(--color-ink-2)}.why-section{background:var(--color-paper-2);color:var(--color-ink);padding-block:var(--space-2xl)}.why-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.why-intro h2{margin-block:var(--space-sm) var(--space-md)}.why-intro>p{font-size:var(--text-sm);line-height:1.85;max-width:42ch}.why-intro .text-link{margin-block-start:var(--space-md)}.benefit-list article{display:flex;gap:var(--space-md);padding-block:var(--space-md);border-block-start:var(--rule-thin) solid var(--color-rule-2)}.benefit-list article:first-child{padding-block-start:0;border-block-start:0}.benefit-list article:last-child{padding-block-end:0}.benefit-icon{display:grid;flex-shrink:0;place-items:center;width:42px;height:42px;color:var(--color-accent);border:var(--rule-thin) solid var(--color-rule-2);border-radius:var(--radius-md)}.benefit-list article>div{position:relative;width:100%;padding-inline-end:var(--space-sm)}.benefit-number{position:absolute;inset:3px 0 auto auto;font-size:var(--text-2xs);font-family:var(--font-display);color:var(--color-muted)}.benefit-list h3{font-size:var(--text-lg);padding-inline-end:var(--space-sm);line-height:1.5;margin-block-end:var(--space-2xs)}.benefit-list p{font-size:var(--text-sm);line-height:1.8;max-width:50ch}.deployment-options{display:flex;gap:var(--space-sm);margin-block-start:var(--space-sm)}.deployment-options>span{display:inline-flex;gap:6px;align-items:center;font-size:var(--text-2xs);font-family:var(--font-display);color:var(--color-ink-2)}.faq-section{padding-block:var(--space-2xl);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.faq-intro h2{margin-block:var(--space-sm)}.faq-intro p{font-size:var(--text-sm);max-width:34ch;line-height:1.8}.faq-list details{border-block-end:var(--rule-thin) solid var(--color-rule)}.faq-list details:first-child{border-block-start:var(--rule-thin) solid var(--color-rule)}.faq-list summary{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);cursor:pointer;list-style:none;font-size:var(--text-sm);padding-block:var(--space-sm)}.faq-list summary::-webkit-details-marker{display:none}.faq-plus{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;font-family:var(--font-display);font-size:23px;font-weight:300;transition:transform var(--dur-short) var(--ease-out)}.faq-list details[open] .faq-plus{transform:rotate(45deg)}.faq-list details>p{padding:0 var(--space-lg) var(--space-md) 0;font-size:var(--text-sm);line-height:1.85;max-width:70ch}.closing-section{position:relative;isolation:isolate;overflow:clip;border-radius:var(--radius-lg);background:var(--color-paper-3);color:var(--color-ink);padding:var(--space-xl) var(--space-md)}.closing-content{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;text-align:center}.closing-icon{display:grid;place-items:center;width:54px;height:54px;border:var(--rule-thin) solid var(--color-rule-2);border-radius:var(--radius-lg);color:var(--color-accent);margin-block-end:var(--space-md)}.closing-content>.eyebrow{font-size:var(--text-2xs)}.closing-content h2{margin-block:var(--space-sm);font-size:clamp(2rem,4.3vw,3.5rem);line-height:1.3}.closing-content h2 span{color:var(--color-accent)}.closing-content>p{font-size:var(--text-sm);max-width:50ch;margin-block-end:var(--space-md)}.closing-note{display:flex;align-items:center;gap:6px;font-size:var(--text-2xs);color:var(--color-ink-2);margin-block-start:var(--space-sm)}.closing-orbit{position:absolute;border:var(--rule-thin) solid var(--color-rule-2);z-index:0;border-radius:50%;width:650px;height:650px;inset:-400px auto auto -510px;pointer-events:none}.orbit-two{width:850px;height:850px;inset:-500px auto auto -610px}.orbit-three{width:750px;height:750px;inset:auto -610px -530px auto}.footer{padding-block:var(--space-xl) var(--space-md)}.footer-main{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm) var(--space-md);padding-block-end:var(--space-lg)}.footer-main p{font-size:var(--text-xs);color:var(--color-muted);flex-basis:100%;order:2}.footer-main>.text-link{margin-inline-start:auto}.back-top{display:grid;place-items:center;height:44px;width:44px;border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-pill)}.back-top svg{transform:rotate(180deg)}.footer-bottom{padding-block-start:var(--space-md);border-block-start:var(--rule-thin) solid var(--color-rule);display:flex;flex-direction:column;gap:var(--space-2xs);color:var(--color-muted);font-size:10px}.footer-bottom>span:last-child{display:inline-flex;align-items:center;gap:var(--space-2xs)}.demo-dialog{position:fixed;inset:0;margin:auto;width:min(520px,calc(100% - var(--space-lg)));max-height:calc(100dvh - var(--space-lg));height:fit-content;padding:0;border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-paper);color:var(--color-ink);box-shadow:0 20px 100px var(--color-shadow-strong)}.demo-dialog::backdrop{background:var(--color-scrim)}.dialog-content{padding:var(--space-xl) var(--space-md) var(--space-md);position:relative}.dialog-content>.eyebrow{font-size:var(--text-2xs);margin-block-end:var(--space-md)}.dialog-content h2{font-size:clamp(1.65rem,4vw,2rem);margin-block-end:var(--space-sm);line-height:1.4}.dialog-content>p{font-size:var(--text-sm);line-height:1.8;margin-block-end:var(--space-md)}.dialog-continue{width:100%}.auth-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-block:var(--space-sm) var(--space-md);font-size:var(--text-2xs);color:var(--color-ink-2)}.dialog-help{border-block-start:var(--rule-thin) solid var(--color-rule);padding-block-start:var(--space-md)}.dialog-help p{font-size:var(--text-sm);font-weight:600;color:var(--color-ink);margin-block-end:var(--space-2xs)}.dialog-help>span{display:block;font-size:var(--text-xs);color:var(--color-ink-2);line-height:1.8}.dialog-help .text-link{font-size:var(--text-xs);margin-block-start:var(--space-2xs)}.reset-link{display:block;min-height:44px;align-content:center;text-align:center;margin-block-start:var(--space-sm);font-size:var(--text-xs);text-decoration:underline;text-underline-offset:4px;color:var(--color-muted)}.dialog-close{position:absolute;inset:var(--space-2xs) var(--space-2xs) auto auto}.request-dialog{width:min(620px,calc(100% - var(--space-lg)))}.request-dialog .request-content{padding:var(--space-md)}.request-content>.eyebrow{margin-block-end:var(--space-xs)}.request-content>h2{margin-block-end:var(--space-xs)}.request-content .field-error{min-height:20px}.request-content textarea{min-height:72px}.request-content h2{outline-offset:5px}.request-content>p{margin-block-end:var(--space-xs)}.request-content>.request-preview-notice{padding:var(--space-2xs) var(--space-xs);background:var(--color-paper-3);color:var(--color-ink-2);border-radius:var(--radius-sm);font-size:var(--text-xs);margin-block-end:var(--space-xs)}.request-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0 var(--space-sm)}.request-field{min-width:0}.request-field label{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs);font-size:var(--text-sm);font-weight:500;margin-block-end:var(--space-2xs)}.request-field label span{font-size:var(--text-xs);font-weight:400;color:var(--color-muted)}.request-field input,.request-field select,.request-field textarea{display:block;width:100%;min-width:0;min-height:48px;padding:var(--space-xs);border:var(--rule-thin) solid var(--color-rule-2);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);font-size:var(--text-sm)}.request-field input::placeholder{color:var(--color-muted)}.request-field textarea{resize:vertical;min-height:88px}.request-field [aria-invalid=true]{border-color:var(--color-error)}.field-error{display:flex;gap:var(--space-3xs);align-items:start;min-height:24px;padding-block:var(--space-3xs);color:var(--color-error);font-size:var(--text-2xs)}.field-error svg{margin-block-start:2px}.request-submit{width:100%}.request-signin{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-2xs);font-size:var(--text-xs);margin-block-start:var(--space-2xs)}.request-signin a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px;color:var(--color-accent)}.request-review dl{margin:0 0 var(--space-md)}.request-review dl>div{padding-block:var(--space-xs);border-block-end:var(--rule-thin) solid var(--color-rule)}.request-review dt{color:var(--color-muted);font-size:var(--text-xs)}.request-review dd{margin:var(--space-3xs) 0 0;font-size:var(--text-sm);overflow-wrap:anywhere;white-space:pre-wrap}.request-review-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}@media(min-width:40rem){.request-dialog .request-content{padding:var(--space-md) var(--space-lg)}.request-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(hover:hover)and (pointer:fine){.request-field input:hover,.request-field select:hover,.request-field textarea:hover{background:var(--color-paper-2);color:var(--color-ink)}}@media(hover:hover)and (pointer:fine){.button-primary:hover{background:var(--color-accent-hover);color:var(--color-accent-ink)}.button-secondary:hover,.icon-button:hover{background:var(--color-paper-2);color:var(--color-ink)}.text-link:hover,.desktop-nav a:hover,.nav-signin:hover,.language-button:hover{text-decoration:underline;text-underline-offset:5px}.sidebar-item:hover,.quick-product:hover{background:var(--color-paper-2);color:var(--color-accent)}.product-tabs>:is(button,a):hover{background:var(--color-surface);color:var(--color-accent)}.faq-list summary:hover{color:var(--color-accent)}}@media(min-width:23rem){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card:first-child{grid-column:1 / -1}}@media(min-width:40rem){.nav-demo{display:inline-flex}.hero{padding-block:var(--space-2xl) var(--space-xl)}.hero-intro p{font-size:var(--text-lg)}.hero-actions{margin-block-start:var(--space-lg)}.preview-surround{padding:var(--space-md) var(--space-md) var(--space-sm)}.preview-topline{padding-inline:0}.preview-topline-right{display:block}.workspace-body{padding:var(--space-md)}.dashboard-date{display:block}.dashboard-heading h2{font-size:var(--text-xl)}.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs)}.stat-card:first-child{grid-column:auto}.stat-card{padding:var(--space-sm)}.dashboard-panels{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.chart-card,.quick-products{padding:var(--space-sm)}.preview-caption{justify-content:start}.preview-caption-action{display:flex}.product-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.product-tabs small{display:block}.product-detail-copy,.product-detail-visual{padding:var(--space-xl)}.detail-miniapp{padding:var(--space-md)}.miniapp-avatars{position:absolute;inset:auto 0 26px auto}.closing-section{padding-block:var(--space-2xl)}.footer-main p{order:initial;flex-basis:auto}.footer-bottom{flex-direction:row;justify-content:space-between}.dialog-content{padding:var(--space-xl)}}@media(min-width:60rem){.desktop-nav{display:flex;gap:var(--space-md)}.nav-signin{display:inline-flex}.mobile-toggle,.mobile-menu{display:none}.hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;column-gap:var(--space-xl);padding-block:72px 52px}.hero-eyebrow{margin-block-end:var(--space-md)}.hero-intro{padding-block-end:4px;max-width:440px;justify-self:end}.hero-intro p{font-size:var(--text-md)}.hero-actions{margin-block:var(--space-md) var(--space-sm)}.desktop-break{display:initial}.workspace{grid-template-columns:202px minmax(0,1fr)}.workspace-sidebar{display:flex}.workspace-topbar{padding-inline:var(--space-md)}.dashboard-heading{min-height:57px}.products-section{padding-block:var(--space-3xl)}.section-heading{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:var(--space-2xl);margin-block-end:var(--space-xl)}.section-heading>p{justify-self:end;padding-block-end:4px}.product-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2xs)}.product-tabs>:is(button,a){padding:14px 10px;gap:var(--space-2xs)}.product-tabs .product-icon{width:32px;height:32px;border-radius:7px}.product-tabs .product-icon svg{width:19px;height:19px}.product-tabs>:is(button,a)>span:nth-child(2){font-size:var(--text-xs)}.product-tabs small{font-size:9px}.product-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:421px}.product-detail-visual{margin:var(--space-xs) var(--space-xs) var(--space-xs) 0;border-radius:var(--radius-md);padding:var(--space-lg)}.why-section{padding-block:88px}.why-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl)}.why-intro{padding-block-start:var(--space-2xs)}.why-intro>p{max-width:38ch}.faq-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-2xl);padding-block:var(--space-3xl)}.closing-content h2{font-size:52px}.closing-orbit{inset-inline-start:-380px}.orbit-two{inset-inline-start:-480px}.orbit-three{inset-inline:auto -470px}}@media(min-width:75rem){.nav-actions{gap:var(--space-sm)}.desktop-nav{gap:var(--space-lg)}.workspace{grid-template-columns:218px minmax(0,1fr)}.workspace-body{padding:var(--space-md) var(--space-lg)}.hero-intro{padding-inline-end:var(--space-lg)}.hero-intro p{font-size:var(--text-lg)}.dashboard-panels{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.product-tabs>:is(button,a){padding:var(--space-sm);gap:10px}.product-tabs .product-icon{width:37px;height:37px}}@media(pointer:coarse),(max-width:40rem){.period-control button{min-width:44px;min-height:44px}.sidebar-item{min-height:44px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:39.99rem){.product-tabs>:is(button,a){gap:var(--space-2xs);padding:10px 8px}.product-tabs .product-icon{width:30px;height:30px}.product-tabs>:is(button,a)>span:nth-child(2){font-size:var(--text-xs)}}@media(min-width:60rem){.product-tabs>:is(button,a)>span:nth-child(2){font-size:var(--text-sm)}.product-tabs small{font-size:var(--text-2xs)}}.products-dropdown{position:relative}.products-dropdown summary{display:flex;align-items:center;gap:6px;min-height:44px;cursor:pointer;list-style:none;font-size:var(--text-sm);color:var(--color-ink-2)}.products-dropdown summary::-webkit-details-marker{display:none}.products-dropdown[open] summary svg{transform:rotate(180deg)}.products-dropdown-links{position:absolute;top:calc(100% + 8px);left:-16px;min-width:220px;padding:8px;background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-md);box-shadow:0 12px 30px var(--color-shadow)}.products-dropdown-links a{display:flex;align-items:center;gap:10px;padding:10px;min-height:44px;font-size:var(--text-sm);border-radius:var(--radius-sm)}.products-dropdown-links a:hover{background:var(--color-paper)}.mobile-menu .products-dropdown summary{min-height:52px;justify-content:space-between}.mobile-menu .products-dropdown-links{position:static;margin-block-end:12px;box-shadow:none}.product-tabs>a>svg{margin-inline-start:auto;color:var(--color-accent)}.carousel-toolbar,.carousel-controls{display:flex;align-items:center;gap:12px}.carousel-toolbar{justify-content:space-between;margin-block-end:12px;font-size:var(--text-xs);color:var(--color-muted)}.carousel-controls{justify-content:flex-end;gap:4px;flex-shrink:0;margin-block-start:12px}.carousel-controls .icon-button{border:1px solid var(--color-rule);background:var(--color-surface);color:var(--color-accent)}.carousel-count{min-width:54px;text-align:center;font-variant-numeric:tabular-nums}.arrow-previous{transform:rotate(180deg)}.product-carousel .product-detail{touch-action:pan-y pinch-zoom;animation:feature-reveal .22s ease-out}@keyframes feature-reveal{0%{transform:translate(12px)}to{transform:translate(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.product-carousel .product-detail{animation:none}}