/* Shared rhythm and interaction language across the HYPRIS site. */
:root{--text-size:1rem;--label-size:.875rem;--heading-size:clamp(2rem,2.7vw,3.25rem);--corner:18px;--ease:cubic-bezier(.22,.8,.25,1)}
body{overflow-x:clip}main{overflow:clip}main h2:not(.board-header h2){font-size:var(--heading-size);line-height:1.2;font-weight:600;letter-spacing:-.04em}.closing-section h2{font-size:clamp(2.4rem,3.25vw,3.9rem)}.hero-description,.section-copy,.section-heading>p,.product-intro>p,.ai-copy>p{font-size:clamp(1rem,.98vw,1.125rem);line-height:1.75}.eyebrow{font-size:.875rem;letter-spacing:.055em}.use-panel h3,.view-benefits h3,.start-steps h3{font-size:clamp(1.25rem,1.45vw,1.625rem);font-weight:600;line-height:1.35}.use-panel>p,.view-benefits p,.start-steps p,.context-list p,.faq-list details p{font-size:1rem;line-height:1.75}.use-features,.ai-points{font-size:.875rem}.start-steps>div{border-radius:var(--corner)}dialog{border-radius:20px}.board-dialog .product-window,.assistant-dialog .ai-demo{border-radius:12px}
.site-header{border-bottom:1px solid #e8ebf2}.header-inner{gap:clamp(18px,2vw,38px)}.desktop-nav{gap:clamp(18px,2vw,36px);font-size:.875rem;position:relative}.desktop-nav a{position:relative;display:inline-block;font-weight:450;color:#32394d;transition:color .2s,font-weight .2s;font-size:.875rem;padding:10px 0}.desktop-nav a::after{display:block;content:attr(data-label);font-weight:650;height:0;overflow:hidden;visibility:hidden}.desktop-nav a:hover,.desktop-nav a:focus-visible,.desktop-nav a[aria-current=page]{color:var(--blue);font-weight:650}.nav-dot{position:absolute;top:-1px;left:0;width:7px;height:7px;pointer-events:none;border-radius:50%;background:var(--blue);opacity:0;transform:translateX(var(--dot-x,0px));transition:transform .38s var(--ease),opacity .18s}.desktop-nav.has-dot .nav-dot{opacity:1}.nav-dot.is-bouncing{animation:nav-bounce .48s var(--ease)}
.header-actions{gap:18px}.app-link{font-size:.875rem;font-weight:500}.language-switch{position:relative;display:flex;gap:12px;align-items:center;padding:10px 0 14px;font-size:.875rem;font-weight:500;flex-shrink:0;line-height:1}.language-switch a{color:#6e7688;transition:color .2s,font-weight .2s;min-width:21px;text-align:center}.language-switch a:hover,.language-switch a[aria-current]{color:var(--ink);font-weight:650}.language-dot{position:absolute;left:8px;bottom:5px;width:5px;height:5px;border-radius:50%;background:var(--blue);transition:transform .35s var(--ease)}html[lang=en] .language-dot{transform:translateX(33px)}.language-switch:hover .language-dot{animation:language-hop .42s var(--ease)}
.button,.button-small{position:relative;isolation:isolate;overflow:hidden;font-size:.875rem;min-height:48px;line-height:1.4;font-weight:600;gap:14px;padding:14px 23px;box-shadow:none!important;background:linear-gradient(108deg,#2663f7 0%,#7525dc 60%,#fe11f6 100%);background-size:170% 100%;background-position:0 0;transition:background-position .45s var(--ease),background-color .3s,color .3s,transform .2s var(--ease);transform:none}.button:hover{background:linear-gradient(108deg,#2663f7 0%,#7525dc 60%,#fe11f6 100%);background-size:170% 100%;background-position:100% 0;transform:none}.button:active{transform:scale(.965)}.button .button-mark{position:relative;display:block;flex:0 0 22px;width:22px;height:22px;overflow:hidden}.button-mark i{position:absolute;height:5px;border-radius:8px;background:currentColor;transition:transform .4s var(--ease),width .4s var(--ease)}.button-mark i:nth-child(1){width:15px;left:0;top:5px}.button-mark i:nth-child(2){width:15px;right:0;bottom:5px}.button-mark i:nth-child(3){width:5px;right:0;top:5px}.button-mark i:nth-child(4){width:5px;left:0;bottom:5px}.button:hover .button-mark i:nth-child(1){transform:translateX(7px)}.button:hover .button-mark i:nth-child(2){transform:translateX(-7px)}.button:hover .button-mark i:nth-child(3){transform:translateX(-17px)}.button:hover .button-mark i:nth-child(4){transform:translateX(17px)}.button-small{padding:11px 17px;min-height:44px}.button-small .button-mark{flex-basis:18px;transform:scale(.85);margin-left:-3px}.product-intro .button,.closing-bottom .button{background:#fff;color:#234bc2}.product-intro .button:hover,.closing-bottom .button:hover{background:#2663f7;color:white}
.text-link{position:relative;font-size:.875rem;font-weight:600;text-decoration:none!important;padding-block:8px;line-height:1.6}.text-link::after{content:'';height:2px;position:absolute;bottom:4px;left:0;right:0;background:currentColor;transform:scaleX(.2);transform-origin:left;opacity:.35;transition:transform .35s var(--ease),opacity .25s}.text-link:hover::after,.text-link:focus-visible::after{transform:scaleX(1);opacity:1}.footer-main a:not(.brand),.footer-main button,.footer-bottom a,.app-link{background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:0 1px;background-position:0 100%;transition:background-size .3s var(--ease),color .2s}.footer-main a:hover,.footer-main button:hover,.footer-bottom a:hover,.app-link:hover{background-size:100% 1px;color:var(--blue)}
.hero{padding-top:clamp(56px,4.5vw,86px);padding-bottom:clamp(70px,5.5vw,106px)}.hero h1{font-size:clamp(2.45rem,3.5vw,4.2rem);line-height:1.14}.product-shot,.app-screen{border-radius:var(--corner)}.edge-right,.edge-right .app-screen{border-radius:var(--corner) 0 0 var(--corner)}.edge-left,.edge-left .app-screen{border-radius:0 var(--corner) var(--corner) 0}.edge-right .app-screen,.edge-left .app-screen{aspect-ratio:1.6}.edge-right .app-screen img{width:125.54371%;left:-3.37153%}.edge-left .app-screen img{width:125.54371%;left:-18.37177%}.showcase-screen .app-screen{aspect-ratio:2.08;transform:none;transform-origin:initial}.showcase-screen .app-screen img{width:118%;left:-3.17%}
.use-explorer{grid-template-columns:minmax(0,.61fr) minmax(0,.39fr);padding-left:0;padding-right:var(--page-gutter);gap:clamp(44px,5vw,96px)}.use-product{order:-1}.use-selection{max-width:650px}.use-panel{min-height:310px}.use-section{border-top:0;background:#f5f7fc}.use-tab,.use-tab:first-child{border-color:#d3dbea}.context-section{padding-block:var(--section-space)}.start-section{padding-block:var(--section-space)}.faq-section{padding-block:var(--section-space)}.section-heading{margin-bottom:clamp(36px,3vw,58px)}
.expand-stage{background:white;position:relative;overflow:hidden;padding:20px 0}.expand-stage>section{transform:none;clip-path:inset(0 var(--section-inset,0%) round var(--section-radius,0px));border-radius:0;will-change:clip-path;border-image:none;border-top:0}.expand-stage .showcase-screen .app-screen{transform:none}.expand-stage .product-section{padding-top:clamp(80px,6.5vw,125px)}.expand-stage .ai-section{padding-block:clamp(80px,6.5vw,125px)}
@keyframes nav-bounce{0%{margin-top:-7px;scale:.7}45%{margin-top:4px;scale:1.15}70%{margin-top:-3px;scale:.95}100%{margin-top:0;scale:1}}@keyframes language-hop{0%,100%{bottom:5px}45%{bottom:10px}75%{bottom:3px}}
@media(max-width:1250px){.app-link{display:none}.brand{width:145px}.header-actions{gap:14px}.desktop-nav{gap:22px}.use-explorer{grid-template-columns:minmax(0,.56fr) minmax(0,.44fr);gap:40px}.hero h1{font-size:clamp(2.3rem,3.7vw,3rem)}}
@media(max-width:1000px){.header-actions{gap:12px}.desktop-nav{gap:16px}.brand{width:135px}.button-small .button-mark{display:none!important}.header-inner{gap:16px}.language-switch{gap:12px}.header-actions .button-small{padding:11px 14px}}
@media(max-width:850px){.hero h1{font-size:clamp(2.6rem,6.3vw,3.5rem)}.use-explorer{grid-template-columns:1fr;padding:0;gap:32px}.use-selection{order:-1;margin-inline:var(--page-gutter);padding-right:0}.use-product{width:calc(100% - var(--page-gutter));margin-right:var(--page-gutter)}.use-panel{min-height:0}.product-shot .app-screen{aspect-ratio:1.6}.showcase-screen .app-screen{aspect-ratio:1.85}.expand-stage{padding-block:12px}main h2:not(.board-header h2){font-size:clamp(2rem,4.8vw,2.75rem)}.start-steps>div{border-radius:16px}.view-benefits h3{font-size:1.25rem}.hero{padding-top:44px}.language-switch{font-size:.875rem}.header-actions .button-small{font-size:.875rem}}
@media(max-width:600px){.header-inner{gap:8px}.brand{width:118px}.header-actions{gap:8px}.header-actions .button-small{font-size:.875rem;padding:10px 13px;min-height:42px}.language-switch{gap:10px;font-size:.8rem}.language-dot{left:7px}html[lang=en] .language-dot{transform:translateX(31px)}.menu-toggle{padding:7px;width:32px}.hero{padding-top:36px}.hero h1{font-size:clamp(2rem,8.2vw,3rem)}main h2:not(.board-header h2){font-size:clamp(1.85rem,7vw,2.5rem)}.hero .eyebrow,.eyebrow{font-size:.75rem}.hero-description{font-size:1rem}.button{font-size:.875rem}.use-tab>span{font-size:.875rem}.use-tabs{gap:12px}.use-features,.ai-points{font-size:.875rem}.view-benefits>div{padding-top:20px}.expand-stage .product-section,.expand-stage .ai-section{padding-block:64px}.product-intro{margin-bottom:32px}.closing-section h2{font-size:2.1rem}.header-actions .button-small .button-mark{display:none!important}}
@media(max-width:370px){.brand{width:101px}.header-actions{gap:5px}.header-actions .button-small{padding-inline:10px;font-size:.8rem}.language-switch{gap:8px}html[lang=en] .language-dot{transform:translateX(29px)}}
@media(prefers-reduced-motion:reduce){.expand-stage>section{transform:none!important;clip-path:none!important;border-radius:0!important;will-change:auto}.nav-dot{animation:none!important}.language-dot{animation:none!important}}