/* HYPRIS shared typography, controls and contrast. */
:root{--body-fluid:clamp(1rem,.86rem + .18vw,1.125rem);--control-fluid:clamp(.875rem,.8rem + .12vw,1rem);--icon-size:44px;--dark:#10131e}
body{font-size:var(--body-fluid)}main h2:not(.board-header h2){font-size:clamp(1.85rem,1.1rem + 1.75vw,3.2rem)}main h3{font-size:clamp(1.2rem,.98rem + .5vw,1.6rem)}.hero-description,.section-copy,.section-heading>p,.product-intro>p,.ai-copy>p,.use-panel>p,.view-benefits p,.start-steps p,.context-list p,.faq-list details p,.ai-foundations p,.ai-flow p{font-size:var(--body-fluid)}.eyebrow{font-size:clamp(.75rem,.65rem + .18vw,.875rem)}
.hero{grid-template-columns:minmax(0,.48fr) minmax(0,.52fr);gap:clamp(30px,3vw,58px)}.hero-copy{container-type:inline-size;max-width:none}.hero h1{font-size:clamp(1.5rem,7.9cqi,4.25rem);line-height:1.16;letter-spacing:-.045em}.hero h1 .hero-line{display:block;white-space:nowrap}.hero h1 .hero-line:first-child{color:var(--ink)}.hero h1 .hero-line:last-child{color:var(--blue)}
.desktop-nav{gap:clamp(18px,1.9vw,36px)}.desktop-nav a{font-size:var(--control-fluid);font-weight:500}.nav-dot{top:0;left:0;transform:none;transition:opacity .16s;animation:none!important}.nav-dot.is-bouncing{animation:none}.button,.button-small{font-size:var(--control-fluid);color:white;line-height:1.4}.button:focus-visible{background-position:100% 0}.button .button-mark,.button-small .button-mark{display:block!important;width:22px;height:22px;flex:0 0 22px;transform:none;margin:0}.button-small{gap:10px;padding:11px 17px}.button:focus-visible .button-mark i:nth-child(1){transform:translateX(7px)}.button:focus-visible .button-mark i:nth-child(2){transform:translateX(-7px)}.button:focus-visible .button-mark i:nth-child(3){transform:translateX(-17px)}.button:focus-visible .button-mark i:nth-child(4){transform:translateX(17px)}
.language-switch{padding:4px;gap:2px;border:1px solid #d6deee;border-radius:99px;font-size:.8125rem;isolation:isolate}.language-switch a{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;min-width:34px;border-radius:50%;font-weight:600;color:#586174;transition:color .25s}.language-switch a[aria-current],.language-switch a.is-selecting{color:#fff}.language-switch a:hover:not([aria-current]){color:var(--blue)}.language-dot{left:4px;top:4px;bottom:auto;width:34px;height:34px;background:var(--blue);z-index:0;transition:transform .32s var(--ease);animation:none!important}html[lang=en] .language-dot{transform:translateX(36px)}.language-switch:hover .language-dot{animation:none}
.text-link,.footer-main a:not(.brand),.footer-main button,.footer-bottom a,.app-link,.article-body a:not(.button),.article-breadcrumb a{background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:20% 2px;background-position:left calc(100% - 4px);text-decoration:none!important;transition:background-size .35s var(--ease),color .25s}.text-link::after{content:none}.text-link:hover,.text-link:focus-visible,.footer-main a:not(.brand):hover,.footer-main button:hover,.footer-bottom a:hover,.app-link:hover,.article-body a:not(.button):hover,.article-breadcrumb a:hover{background-size:100% 2px}.footer-main a:not(.brand),.footer-main button,.footer-bottom a,.app-link,.article-body a:not(.button),.article-breadcrumb a{padding-bottom:8px}.text-link.light-link{color:#fff}.text-link.light-link:hover{color:#efb4fb}.closing-section .eyebrow{color:#fff}.closing-section .button{color:#174fc6;background:#fff}.closing-section .button:hover{color:white;background:#174fc6}.product-intro .button{background:white;color:#234bc2}.product-intro .button:hover{background:#2663f7;color:white}.ai-section .eyebrow,.ai-hero .eyebrow{color:#edb5f4}
.use-tabs{gap:10px}.use-tab,.use-tab:first-child,.use-tab.active{border:1px solid #d8e0ee;border-radius:16px;background:#fff;padding:14px 18px;min-height:70px;transition:background-color .25s,border-color .25s,color .25s}.use-tab>span{font-size:clamp(.94rem,.85rem + .16vw,1.125rem);font-weight:550}.use-tab:hover{background:#edf2ff;border-color:#88a9f8;color:#204dad}.use-tab.active{background:#e7efff;border-color:#2663f7;color:#163f9e}.use-tab>span:first-child,.context-list>div>span,.foundation-icon{width:var(--icon-size);height:var(--icon-size);flex:0 0 var(--icon-size);background:#edf2ff;color:#2454d0;border:1px solid #d6e1ff;border-radius:50%;display:grid;place-items:center}.use-tab.active>span:first-child{background:#2663f7;color:#fff;border-color:#2663f7}.use-panel{padding-top:26px}.context-list{display:grid;gap:12px}.context-list>div{padding:18px;border:1px solid #e1e6f0;border-radius:16px;background:#f5f7fb}.context-list>div>span svg,.foundation-icon svg{width:21px;height:21px}.ai-points>span>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid #4b5682;border-radius:50%;background:#252c43}.ai-points svg{color:#c3cfff}.ai-foundations>div{border:1px solid #dde4f0;border-radius:18px;padding:28px;background:#f5f7fb}.ai-flow h3,.ai-workflow h2,.ai-section h2,.ai-hero h1,.product-section h2{color:#fff}.ai-flow p{color:#d3def0}.product-section .view-benefits{grid-template-columns:repeat(5,minmax(0,1fr));gap:25px}.view-benefits>div{border:0;padding:0;grid-template-columns:1fr;gap:12px}.view-benefits>div>span{grid-row:auto;width:44px;height:44px;color:#c2d2ff;background:#252c43;border:1px solid #4b5682}.view-benefits h3{font-size:clamp(1.125rem,1rem + .25vw,1.35rem)}.view-benefits p{font-size:clamp(.875rem,.78rem + .16vw,1rem)}
button,a{outline-offset:4px}dialog{background:#fff;color:#111321}.board-dialog{background:#10131e;color:#f1f5ff}.assistant-dialog .dialog-top h2{color:#111321}.record-dialog h2,.record-dialog h3,.add-dialog h2,.contact-dialog h2{color:#111321}.record-fields select,.record-fields input,.comment-form input{background:white;color:#20283b}.contact-dialog>p{color:#43495b}.ai-decision button:first-child{color:#fff;background:#2459e2}.ai-decision button:last-child{color:#25314a;background:#eaf0fa}.ai-decision-result{color:#21324b;background:#eef3fc}.ai-decision-result button{color:#204bc0;background:#fff;border:1px solid #bbcdec}.toast{color:#fff;background:#18223a}.record-dialog .eyebrow,.add-dialog .eyebrow,.contact-dialog .eyebrow{color:#2454cf}
@media(min-width:1921px){.hero h1{font-size:4.25rem}}
@media(max-width:1150px){.header-actions{gap:10px}.desktop-nav{gap:17px}.header-actions .button-small{padding-inline:14px}.brand{width:130px}.button-small{gap:8px}}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-left:0;gap:36px}.hero-copy{margin-inline:var(--page-gutter);width:calc(100% - var(--page-gutter)*2);max-width:none}.hero h1{font-size:clamp(1.5rem,7.9cqi,4.25rem)}.hero-product{margin-left:var(--page-gutter);width:calc(100% - var(--page-gutter))}.product-section .view-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}.use-tabs{gap:10px}.use-tab>span{font-size:1rem}.ai-foundations>div{padding:22px}.closing-bottom .button{color:#174fc6}.header-actions .button-small{gap:8px;padding-inline:12px}.header-actions .button-small .button-mark{display:block!important}}
@media(max-width:600px){.language-switch a,.language-dot{width:30px;height:30px;min-width:30px}.language-switch{font-size:.75rem}html[lang=en] .language-dot{transform:translateX(32px)}.brand{width:100px}.header-inner{gap:7px}.header-actions{gap:7px}.header-actions .button-small{font-size:.75rem;padding:10px;min-height:40px}.header-actions .button-small .button-mark{width:18px;height:22px;flex-basis:22px;scale:.82;margin-left:-2px}.menu-toggle{width:26px;padding:4px}.product-section .view-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.use-tab{padding:13px 15px}.context-list>div{padding:16px}.hero-cta .text-link{font-size:.875rem}.hero-cta .button{font-size:.875rem}.closing-section h2{font-size:clamp(1.85rem,6vw,2.6rem)}}
@media(max-width:360px){.brand{width:85px}.header-actions{gap:4px}.header-actions .button-small{padding:8px;gap:5px}.header-inner{gap:4px}.language-switch a,.language-dot{width:28px;height:28px;min-width:28px}html[lang=en] .language-dot{transform:translateX(30px)}}
/* The panel grows inside the preceding section's surface, without a white band. */
.expand-stage{padding:0;background:#fff}.use-section+.expand-stage{background:#f5f7fc}.use-section{padding-bottom:clamp(58px,4.5vw,86px)}
.audience-section{padding-bottom:clamp(64px,5vw,96px)}.audience-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}.audience-heading h2{font-size:clamp(1.5rem,1.05rem + 1vw,2.1rem)!important;letter-spacing:-.03em}.audience-heading p{font-size:var(--control-fluid);max-width:550px;color:var(--muted)}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.audience-card{display:flex;align-items:flex-start;gap:17px;padding:23px;background:#f5f7fb;border:1px solid #dfe5ef;border-radius:18px;transition:background .25s,border-color .25s}.audience-card:hover{background:#e9f0ff;border-color:#88a9f8}.audience-card>span{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #d6e1ff;border-radius:50%;background:#edf2ff;color:#2454d0}.audience-card>span svg{width:21px;height:21px}.audience-card strong{font-size:var(--control-fluid);font-weight:600;display:block;line-height:1.5}.audience-card small{font-size:clamp(.8125rem,.76rem + .1vw,.9375rem);line-height:1.65;color:#596276;display:block;margin-top:5px}
@media(max-width:1150px){.audience-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.audience-heading{display:block}.audience-heading p{margin-top:14px}.audience-grid{grid-template-columns:1fr}.audience-card{padding:19px}.expand-stage{padding:0}}
.advanced-section{padding-top:var(--section-space)}.advanced-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.advanced-card{padding:28px;background:#f5f7fb;border:1px solid #dfe6f1;border-radius:18px}.feature-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #d6e1ff;border-radius:50%;background:#edf2ff;color:#2454d0;margin-bottom:22px}.feature-icon svg{width:23px;height:23px}.feature-label{color:#2454cf;font-size:var(--control-fluid);font-weight:550;margin-bottom:13px}.advanced-card h3{font-size:clamp(1.2rem,1rem + .4vw,1.5rem);line-height:1.4;margin-bottom:16px}.advanced-card>p:last-child{font-size:var(--control-fluid);line-height:1.8;color:var(--muted)}@media(max-width:1150px){.advanced-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.advanced-grid{grid-template-columns:1fr}.advanced-card{padding:24px}}
/* Editorial pages: text leads, product imagery sits at the right edge. */
.featured-article{border:1px solid #dce5f2;border-radius:22px;background:#f5f7fc;padding:38px;gap:38px;grid-template-columns:1.12fr 1fr}.featured-image{aspect-ratio:1.65;background:none;border-radius:16px;padding:0;overflow:hidden}.featured-image .product-shot{width:100%;border-radius:16px}.featured-image .app-screen{border-radius:16px;aspect-ratio:1.65}.featured-image img{scale:1!important}.article-meta{font-size:clamp(.75rem,.7rem + .1vw,.875rem);color:#53627a;gap:10px 16px;line-height:1.55}.article-meta>span:first-child{color:#2453c9}.article-card{background:white;border:1px solid #dce4f0;border-radius:18px;overflow:hidden;transition:border-color .25s,background .25s;display:flex;flex-direction:column}.article-card:hover{border-color:#8aabef;background:#f8faff}.article-card-image{overflow:hidden;aspect-ratio:2.05}.article-card-image .product-shot,.article-card-image .app-screen{border-radius:0;width:100%;aspect-ratio:2.05}.article-card-copy{padding:28px;display:flex;flex-direction:column;flex:1}.article-card .article-meta{margin-bottom:18px}.article-card h3{font-size:clamp(1.3rem,1.05rem + .65vw,1.85rem);line-height:1.35;margin-bottom:17px}.article-card p:not(.article-meta){font-size:var(--body-fluid);line-height:1.75}.article-card .text-link{align-self:flex-start;margin-top:auto;padding-top:24px}.article-card:hover .text-link{background-size:100% 2px}.article-grid{gap:28px}.hub-page .page-intro h1{font-size:clamp(2.3rem,1.5rem + 2vw,4.3rem)}.hub-page .page-intro>p:last-child{font-size:var(--body-fluid);max-width:760px}.featured-article>div>p:not(.article-meta){font-size:var(--body-fluid)}.featured-article h2{font-size:clamp(1.7rem,1.1rem + 1.35vw,2.7rem)!important}
.article-title-row{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,.4fr);align-items:center;gap:clamp(32px,3.5vw,67px);margin-right:calc(-1 * var(--page-gutter));width:calc(100% + var(--page-gutter))}.article-heading{max-width:none}.article-heading h1{font-size:clamp(2rem,1.2rem + 1.5vw,3rem);line-height:1.23;margin-top:22px;letter-spacing:-.035em}.article-deck{font-size:var(--body-fluid);line-height:1.8;margin-top:24px;max-width:830px}.article-cover{background:none;aspect-ratio:auto;border-radius:18px 0 0 18px;padding:0;margin:0;width:100%;overflow:hidden;align-self:center}.article-cover .product-shot{width:100%;border-radius:18px 0 0 18px}.article-cover .app-screen{aspect-ratio:1.62;border-radius:18px 0 0 18px}.article-listen{margin-top:24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.article-listen>button{display:flex;align-items:center;gap:10px;min-height:44px;border:1px solid #b9cdf0;border-radius:999px;padding:9px 16px;color:#254fad;background:#edf3ff;font-size:var(--control-fluid);font-weight:550;transition:background .25s,border-color .25s}.article-listen>button:hover,.article-listen>button[aria-pressed=true]{background:#d8e7ff;border-color:#7ba4eb}.article-listen [data-icon]{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#d5e4ff;color:#2453c9}.article-listen [data-icon] svg{width:16px;height:16px}.article-listen>span{width:100%;font-size:.75rem;color:#5b6d88}.article-listen>button:disabled{opacity:.7}.article-share-top{margin-top:28px}.article-share-top>p{font-size:.8125rem;font-weight:550;color:#596982;margin-bottom:10px}.share-buttons{gap:8px;display:flex;flex-wrap:wrap}.share-buttons button,.share-buttons button[data-share=copy]{display:inline-flex;align-items:center;gap:8px;border:1px solid #ccd7e8;background:#fff;color:#2e425f;border-radius:999px;padding:8px 12px;font-size:.75rem;line-height:1.4;font-weight:500;width:auto;margin:0;text-align:center;min-height:40px;transition:background .25s,border-color .25s,color .25s}.share-buttons button:hover{background:#eaf2ff;border-color:#82a8ee;color:#133e9f}.social-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;font-family:Arial,sans-serif;font-weight:700;font-size:13px;background:#dde7f6;color:#243d65;line-height:1}.social-linkedin{background:#0a66c2;color:white}.social-facebook{background:#1877f2;color:white;font-size:19px}.social-x{background:#111725;color:white;font-size:14px}.social-copy{font-size:17px}.article-share-bottom{margin-top:42px;padding:25px;border:1px solid #dae3f0;border-radius:16px;background:#f5f8fd}.article-share-bottom h3{font-size:1.15rem;margin-bottom:17px}.article-layout{grid-template-columns:minmax(225px,.22fr) minmax(0,.78fr);gap:clamp(40px,5vw,96px);margin-top:65px}.article-sidebar{max-width:330px;top:115px}.article-toc a{font-size:clamp(.8125rem,.75rem + .1vw,.9375rem);color:#52637d}.article-toc a.active{background:#eaf1ff;color:#204fba;border-left-color:#2663f7}.toc-title{font-size:.875rem;color:#283b58}.toc-banner{margin-top:28px;border:1px solid #354b7c;border-radius:18px;background:#162139;padding:24px;color:#fff}.toc-banner .feature-icon{width:38px;height:38px;background:#283c63;border-color:#506891;color:#c6d9ff;margin-bottom:18px}.toc-banner h3{font-size:1.2rem!important;color:#fff;line-height:1.4;margin-bottom:14px}.toc-banner p{font-size:.8125rem;line-height:1.8;color:#c2cfe8}.toc-banner .button{font-size:.75rem;margin-top:22px;padding:12px 17px;min-height:44px;width:100%;gap:10px}.article-body{max-width:980px}.article-body h2{font-size:clamp(1.45rem,1.05rem + .9vw,2.1rem)!important;line-height:1.35;letter-spacing:-.03em}.article-body p,.article-body li{font-size:var(--body-fluid);line-height:1.9;color:#34435a}.article-body strong{color:#16243b}.article-summary h3{font-size:1.5rem;color:white}.article-summary p{color:#d2def4}.article-summary .button{color:#fff}.related-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:35px}.related-heading h2{font-size:clamp(1.65rem,1.2rem + 1vw,2.5rem)!important}.related-section{border-top:1px solid #dce5f2}
@media(max-width:1150px){.article-title-row{grid-template-columns:.63fr .37fr;gap:32px}.article-layout{grid-template-columns:230px minmax(0,1fr);gap:40px}.article-card-copy{padding:24px}.featured-article{padding:28px}}
@media(max-width:850px){.article-title-row{grid-template-columns:1fr}.article-heading{padding-right:var(--page-gutter)}.article-cover{max-width:550px;width:70%;justify-self:end}.article-heading h1{font-size:clamp(2rem,4.3vw,3rem)}.article-layout{grid-template-columns:1fr;gap:35px}.article-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 28px;max-width:none}.article-sidebar .toc-title{grid-row:1;grid-column:1}.article-toc{grid-row:2;grid-column:1}.toc-banner{grid-row:1/span 2;grid-column:2;margin:0}.reading-progress{display:none}.featured-article{grid-template-columns:1fr}.featured-image{aspect-ratio:1.9}.article-card-image,.article-card-image .app-screen{aspect-ratio:1.8}.article-cover .app-screen{aspect-ratio:1.75}}
@media(max-width:600px){.article-title-row{gap:30px}.article-cover{width:83%;max-width:480px}.article-heading h1{font-size:clamp(1.85rem,6vw,2.5rem)}.article-layout{margin-top:40px}.article-sidebar{grid-template-columns:1fr;gap:25px;padding-bottom:30px}.article-toc{grid-row:2;grid-column:1}.toc-banner{grid-row:3;grid-column:1}.toc-banner .button{width:auto}.article-grid{gap:24px}.article-card h3{font-size:1.4rem}.featured-article{padding:22px;border-radius:18px;gap:24px}.article-card-copy{padding:22px}.article-meta{font-size:.75rem;gap:8px 12px}.article-share-top{margin-top:22px}.share-buttons button,.share-buttons button[data-share=copy]{font-size:.75rem;padding:8px 10px}.related-heading{align-items:start;flex-direction:column;gap:15px}.article-listen{gap:8px}}
.ai-flow h3,.ai-foundations h3{font-size:clamp(1.2rem,.98rem + .5vw,1.6rem)}.closing-section .eyebrow{color:white!important}.hero h1{font-weight:600}.article-share-bottom h3,.toc-banner h3{font-size:clamp(1.125rem,1rem + .2vw,1.35rem)!important}
/* Product scenes alternate sides; the live board is deliberately centred. */
.context-section:not(.ai-context) .context-layout{grid-template-columns:minmax(0,.46fr) minmax(0,.54fr);padding-left:var(--page-gutter);padding-right:0}.context-section:not(.ai-context) .context-copy{order:-1}.context-section:not(.ai-context) .context-product{margin:0;width:100%}.ai-layout{grid-template-columns:minmax(0,.54fr) minmax(0,.46fr);padding-left:0;padding-right:var(--page-gutter)}.ai-layout .robot-scene{order:-1}
@media(max-width:850px){.context-section:not(.ai-context) .context-layout{grid-template-columns:1fr;padding:0}.context-section:not(.ai-context) .context-copy{margin-inline:var(--page-gutter);width:calc(100% - var(--page-gutter)*2)}.context-section:not(.ai-context) .context-product{margin-left:var(--page-gutter);width:calc(100% - var(--page-gutter))}.ai-layout{grid-template-columns:1fr;padding:0}.ai-layout .robot-scene{order:0}.ai-copy{order:-1}}