/* AVYRO: the work leads. Shared marketing presentation. */
:root{--font-display:'Cabinet Grotesk',Arial,sans-serif;--font-body:'General Sans',Arial,sans-serif;--bg:#151618;--panel:#1c1d20;--text:#f2f0e9;--muted:#b6b6b2;--copper:#d0ae8b;--line:#ffffff26}
body.platform-site{font-family:var(--font-body);font-size:16px;line-height:1.7;background:var(--bg)}
.platform-site h1,.platform-site h2,.platform-site h3,.av-legacy-shell h1,.av-legacy-shell h2,.av-legacy-shell h3{font-family:var(--font-display);font-weight:500;letter-spacing:-.045em}
.platform-site h1 em,.platform-site h2 em,.av-legacy-shell h1 em,.av-legacy-shell h2 em{font-family:inherit;font-style:normal;color:inherit}
.av-wrap{width:min(1180px,88%)}
.av-header{padding:22px 6%;min-height:94px;background:#151618f7;gap:28px;backdrop-filter:blur(10px)}
.av-logo{width:165px}.av-nav{gap:28px}.av-nav a{font-size:14px;font-weight:500}.header-contact{font-size:13px!important;padding:12px 18px!important;gap:22px!important}
.av-menu-button{color:var(--text);font-size:15px;min-height:44px}
.av-menu{background:#1c1d20;border:1px solid var(--line);max-height:90dvh;overflow:auto}.av-menu nav{display:grid;gap:8px}.av-menu nav a{font:500 22px/1.5 var(--font-display);padding:5px 0;text-decoration:none}
.av-btn,a.av-btn{font-size:14px;font-weight:600;padding:15px 22px;border-radius:2px;transition:background .2s,border-color .2s;color:#17191a;background:var(--copper);box-shadow:none}
.av-btn:hover{transform:none;background:#e2c2a3}.av-btn::before,.av-btn::after{display:none}.av-btn.outline{background:transparent;color:var(--text)}
.av-link{font-size:15px;font-weight:500;line-height:1.6;text-underline-offset:5px}.av-actions{gap:26px;align-items:center;margin-top:26px}
.av-preview-banner{font-size:12px;padding:9px 6%;color:#b9b8b3;background:#202122;border-bottom:1px solid var(--line)}
.av-section{padding:105px 0}.av-opening{padding:90px 0 70px}.platform-site .av-opening h1{font-size:clamp(48px,6.5vw,88px);max-width:1000px;line-height:1.04;letter-spacing:-.05em}
.av-section h2{font-size:clamp(38px,4.5vw,64px);line-height:1.06;letter-spacing:-.045em;margin:0 0 30px}.av-section h3{font-size:26px;line-height:1.2;letter-spacing:-.025em}
.av-lead{font-size:19px;line-height:1.7;max-width:650px}.av-note{font-size:14px;line-height:1.75}.av-heading{gap:40px;margin-bottom:45px}.av-heading p{font-size:16px;max-width:430px}
.av-card{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:28px 0;box-shadow:none}.av-card:hover{transform:none;box-shadow:none;background:none}.av-card p{font-size:16px}.av-card h3{font-size:27px}.av-grid{gap:38px}
.av-module-grid a{padding:20px;font-size:15px;border-radius:2px;background:transparent}.av-module-grid small{font-size:12px}.av-module-grid a:hover{transform:none}
.av-dark,.av-warm{background:#191b1d}.av-faq summary{font-size:17px}.av-faq p{font-size:16px}.av-table{font-size:15px}.av-table th,.av-table td{padding:20px 18px}
.av-price-card{border-radius:0;background:none;padding:30px 24px;box-shadow:none}.av-price-card:hover{transform:none}.av-price-card.featured{background:#ffffff04;border-color:#d0ae8b88;box-shadow:none}.av-price-card h3{font-size:31px}.av-price-card>p{font-size:15px}.av-price-card li{font-size:14px}.av-price{font-size:44px}.av-monthly{font-size:15px}.av-price small{font-size:13px}.av-price-note{margin-top:25px}
.av-footer{padding-top:65px;background:#111214}.av-footer-grid{width:88%;max-width:1180px;margin:auto;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding:0 0 50px}.av-footer-grid>div>.av-link{display:inline-block;margin-top:25px;font-size:15px}.av-footer-grid nav a{font-size:14px}.av-footer-grid h3{font-size:15px;letter-spacing:0;text-transform:none;color:#f0eee9;margin-bottom:20px}.av-footer-bottom{font-size:12px;width:88%;max-width:1180px;margin:auto;padding:25px 0}
.calm-hero{padding:62px 0 74px}.calm-intro{display:grid;grid-template-columns:1.6fr 1fr;gap:55px;align-items:end;margin-bottom:48px}.platform-site .calm-intro h1{font-size:clamp(62px,7.4vw,108px);font-weight:500;line-height:.98;letter-spacing:-.055em;margin:0}.calm-intro>div{padding-bottom:5px}.calm-intro p{font-size:20px;line-height:1.6;max-width:370px;margin:0;color:#c5c6c2}.calm-intro .av-actions{display:flex;flex-wrap:wrap;gap:18px 25px;margin-top:25px}
.product-figure{margin:0;min-width:0}.product-shot{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:1267/739;border:1px solid #ffffff26;border-radius:4px;background:#1c1d20;box-shadow:0 18px 50px #0002}.product-shot img{position:absolute;width:106.4%;height:auto;max-width:none;left:-3.2%;top:-14.2%;display:block;transition:none}
.product-figure figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:15px;font-size:13px;color:#b8b9b5;line-height:1.6}.product-figure figcaption a{color:var(--text);text-decoration:none;border-bottom:1px solid #ffffff40}.product-shot:hover{border-color:#ffffff55}
.calm-paper{background:#eae7df;color:#242628;--text:#242628;--muted:#525653;--line:#24262830;--copper:#8c6041;color-scheme:light}.calm-paper .av-link{color:#242628;border-color:#24262870}
.calm-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:55px}.calm-capabilities article{padding-top:25px;border-top:1px solid var(--line)}.calm-capabilities h3{font-size:29px;max-width:280px;margin:0 0 20px}.calm-capabilities p{color:#525653;max-width:315px;font-size:16px;margin-bottom:25px}
.case-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.case-heading h2{margin:0}.case-heading p{max-width:390px;margin:0;color:var(--muted);font-size:17px}.case-image{display:block;overflow:hidden;border-radius:3px;border:1px solid #ffffff26}.case-image img{display:block;width:100%;height:auto;aspect-ratio:1348/780;object-fit:cover;object-position:top;transition:none}.case-description{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:32px}.case-description h3{font-size:34px;margin:0}.case-description p{font-size:17px;margin:0 0 18px;color:var(--muted)}
.calm-offer{padding-top:25px}.calm-plan{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.15fr 1fr auto;gap:25px;align-items:center;padding:32px 0}.calm-plan:last-child{border-bottom:1px solid var(--line)}.calm-plan h3{font-size:29px;margin:0;white-space:nowrap}.calm-plan>p{font-size:15px;color:var(--muted);max-width:235px;margin:0}.calm-plan-price span{display:block;font-size:13px;color:var(--muted)}.calm-plan-price strong{font-family:var(--font-display);font-size:32px;font-weight:500;color:var(--text);letter-spacing:-1px}.calm-plan .av-link{font-size:14px;white-space:nowrap}.calm-plan-note{display:flex;justify-content:space-between;align-items:start;gap:40px;margin-top:25px}.calm-plan-note p{font-size:13px;color:var(--muted);max-width:620px;margin:0}.calm-plan-note a{white-space:nowrap}
.calm-founders{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.calm-founders h2{margin:0}.calm-founders p{font-size:21px;line-height:1.7;margin:0 0 25px}
.calm-contact .av-wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.calm-contact h2{font-size:clamp(55px,6vw,85px);margin:0}.calm-contact p{color:var(--muted);font-size:18px;max-width:400px;margin:0 0 25px}
.concept-list>a{display:grid;grid-template-columns:1fr 1fr auto;gap:25px;align-items:center;text-decoration:none;border-top:1px solid var(--line);padding:30px 0}.concept-list>a:last-child{border-bottom:1px solid var(--line)}.concept-list h3{margin:0;font-size:32px}.concept-list>a>span{font-size:16px;color:var(--muted)}.concept-list>a>span:last-child{font-size:24px;color:var(--text)}.concept-list>a:hover h3{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.platform-site .cursor,.platform-site .cursor-glow,.av-legacy-shell .cursor,.av-legacy-shell .cursor-glow{display:none!important}.av-legacy-shell .opening h1{font-family:var(--font-display);font-size:clamp(45px,6vw,85px)}
@media(max-width:1100px){.av-nav{gap:18px}.av-nav a{font-size:13px}.av-header{gap:20px}.calm-intro{gap:35px;grid-template-columns:1.45fr 1fr}.calm-plan{grid-template-columns:1fr 1fr 1fr}.calm-plan .av-link{grid-column:3;justify-self:start}.calm-plan-price{grid-column:3;grid-row:auto}.calm-capabilities{gap:35px}.av-grid.two{gap:40px}.av-grid.two .product-figure{grid-column:1/-1}.av-grid.two:has(.product-figure){grid-template-columns:1fr}.av-grid.two:has(.product-figure)>div:first-child{max-width:700px}}
@media(max-width:900px){.av-nav{display:none}.av-menu-button{display:inline-flex;margin-left:auto}.calm-intro{grid-template-columns:1fr;gap:28px}.platform-site .calm-intro h1{font-size:clamp(62px,9.5vw,88px)}.calm-intro p{max-width:580px}.calm-hero{padding-top:50px}.av-section{padding:75px 0}.calm-plan{grid-template-columns:1fr 1fr}.calm-plan-price{grid-column:2;grid-row:auto}.calm-plan .av-link{grid-column:2}.calm-plan h3{grid-column:1}.calm-plan>p{grid-column:1;grid-row:2}.calm-capabilities h3{font-size:25px}.calm-founders,.calm-contact .av-wrap{gap:35px}.av-footer-grid{grid-template-columns:1fr 1fr}.av-footer-grid>div{grid-column:1/-1}.header-contact{display:none!important}.case-description{gap:35px}}
@media(max-width:600px){.av-header{min-height:78px;padding:18px 6%}.av-logo{width:145px}.av-wrap{width:88%}.av-preview-banner{font-size:11px;padding:8px 6%}.calm-hero{padding:38px 0 50px}.calm-intro{gap:24px;margin-bottom:32px}.platform-site .calm-intro h1{font-size:clamp(42px,10.7vw,63px);line-height:1.03;letter-spacing:-.05em}.calm-intro p{font-size:17px;max-width:350px}.calm-intro .av-actions{gap:18px;margin-top:23px}.av-btn,a.av-btn{font-size:13px;padding:13px 17px;gap:20px;min-height:46px}.av-link{font-size:14px}.product-shot{aspect-ratio:1.2;border-radius:2px}.product-shot img{width:152%;left:-25.7%;top:-15.6%;max-width:none}.product-figure figcaption{display:block;font-size:12px;padding-top:12px}.product-figure figcaption a{display:inline-block;margin-top:5px}.av-section{padding:60px 0}.av-section h2{font-size:39px;margin-bottom:24px}.av-opening{padding:50px 0 40px}.platform-site .av-opening h1{font-size:clamp(36px,9.5vw,45px);line-height:1.08;letter-spacing:-.04em}.av-lead{font-size:17px}.calm-capabilities{grid-template-columns:1fr;gap:30px;margin-top:35px}.calm-capabilities article{padding-top:22px}.calm-capabilities h3{font-size:28px;max-width:100%;margin-bottom:13px}.calm-capabilities p{max-width:100%;margin-bottom:16px}.case-heading{display:block;margin-bottom:25px}.case-heading p{font-size:16px}.case-heading h2{margin-bottom:20px}.case-description{grid-template-columns:1fr;gap:15px;margin-top:22px}.case-description h3{font-size:29px}.case-description p{font-size:16px}.case-image img{aspect-ratio:1.15;object-position:top}.calm-offer{padding-top:15px}.calm-plan{gap:16px;padding:26px 0;grid-template-columns:1fr 1fr}.calm-plan h3{font-size:24px;white-space:normal}.calm-plan>p{font-size:14px}.calm-plan-price strong{font-size:28px}.calm-plan-price span{font-size:11px}.calm-plan .av-link{font-size:13px}.calm-plan-note{display:block}.calm-plan-note p{margin-bottom:18px;font-size:12px}.calm-founders,.calm-contact .av-wrap{grid-template-columns:1fr;gap:20px}.calm-founders p{font-size:18px}.calm-contact h2{font-size:55px}.calm-contact p{font-size:17px}.concept-list>a{grid-template-columns:1fr auto;gap:9px;padding:25px 0}.concept-list h3{font-size:27px}.concept-list>a>span:nth-child(2){grid-row:2;grid-column:1;font-size:14px}.concept-list>a>span:last-child{grid-column:2;grid-row:1/3}.av-footer-grid{gap:30px}.av-footer-grid>div>.av-link{font-size:14px}.av-footer-grid nav a{font-size:14px}.av-footer-bottom{display:block;line-height:2}.av-footer-bottom>a{display:inline-block;margin-top:8px}.av-price-card.featured{order:0}.av-grid{gap:20px}.av-card{padding:23px 0}.av-card h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.demo-app{scroll-margin-top:105px}

.calm-intro{animation:calm-arrive .4s ease-out both}@keyframes calm-arrive{from{opacity:.85;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.calm-intro{animation:none}}

.av-person img.portrait-joukje{object-position:60% 50%;flex-shrink:0}

/* AVYRO interaction finish: warm copper actions, quiet ink surfaces. */
html :is(.platform-site,.av-legacy-shell) .av-btn, html :is(.platform-site,.av-legacy-shell) a.av-btn{border:1px solid #d9af8c;border-radius:14px;background:linear-gradient(135deg,#ead3bc,#bf916c);color:#201b17;min-height:52px;padding:15px 22px;box-shadow:inset 0 1px 0 #fff6,0 5px 16px #0002;gap:20px;line-height:1.3}
html :is(.platform-site,.av-legacy-shell) .av-btn:hover{background:linear-gradient(135deg,#f4e2d0,#d5ad8b);border-color:#ead3bc}
html :is(.platform-site,.av-legacy-shell) .av-btn.outline{background:transparent;color:inherit;border-color:#b78a6870;box-shadow:none}
html :is(.platform-site,.av-legacy-shell) :is(a,button,input,select,textarea):focus-visible{outline:2px solid #d9af8c;outline-offset:4px}
html .av-action-arrow{width:17px;height:17px;flex:none;vertical-align:middle;display:inline-block;margin-left:5px}
html :is(.platform-site,.av-legacy-shell) .av-menu-button{border:1px solid #b78a6880;background:#211d19;color:#ecdbc9;border-radius:999px;min-height:44px;padding:10px 17px;align-items:center;gap:9px;font-weight:500}
html :is(.platform-site,.av-legacy-shell) .av-menu-button::after{content:'';width:13px;height:7px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}
html :is(.platform-site,.av-legacy-shell) .motion-toggle{border-color:#b78a6855;background:#1a1917;color:#e8c9aa;min-width:44px;width:44px;height:44px;flex-basis:44px}
@media(max-width:700px){
 html :is(.platform-site,.av-legacy-shell) .av-header, html .avyro-experience .av-header{min-height:72px;height:72px;padding:12px 20px;gap:10px;background:#17191cf5;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff12}
 html :is(.platform-site,.av-legacy-shell) .av-logo, html .avyro-experience .av-logo{width:130px;flex-shrink:0}
 html :is(.platform-site,.av-legacy-shell) .av-menu-button{font-size:13px;padding:10px 14px;margin-left:auto}
 html :is(.platform-site,.av-legacy-shell) .av-wrap{width:calc(100% - 40px)}
 html :is(.platform-site,.av-legacy-shell) .av-preview-banner{font-size:10px;line-height:1.5;padding:7px 20px}
 html :is(.platform-site,.av-legacy-shell) .av-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}
 html :is(.platform-site,.av-legacy-shell) .av-actions .av-btn{width:100%;justify-content:space-between;font-size:15px;min-height:54px;padding:16px 20px;box-sizing:border-box}
 html :is(.platform-site,.av-legacy-shell) .av-actions>.av-link{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border:1px solid #b78a6860;border-radius:14px;min-height:50px;font-size:14px;box-sizing:border-box;text-decoration:none}
 html .avyro-experience .exp-hero{padding:34px 0 48px}
 html .avyro-experience .exp-hero h1{font-size:clamp(38px,10.2vw,66px);line-height:1.04;letter-spacing:-.045em;margin-bottom:22px}
 html .hero-copy{margin-bottom:28px}html .hero-copy p{font-size:16px;line-height:1.65;max-width:35ch}
 html .hero-product{margin:0}html .hero-product::before{display:none}
 html .avyro-experience .hero-perspective{padding:7px;border-radius:18px;transform:none!important}
 html .hero-window-bar{padding:9px 8px 13px;font-size:10px}
 html .hero-product figcaption{display:block;line-height:1.7;padding:12px 3px;color:#b7b2aa}
 html .hero-product figcaption a{display:inline-flex;margin-top:6px;min-height:32px;align-items:center}
 html .avyro-experience .hero-product .exp-capture.has-mobile{aspect-ratio:375/530;border-radius:11px}
 html .product-chapters, html .wf-screen-tabs{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:visible;border:0;margin:24px 0;padding:0;background:none}
 html .product-chapters button, html .wf-screen-tabs button{min-height:48px;padding:12px 9px;border:1px solid #b78a6840;border-radius:12px;background:#1b1714;color:#d5c4b5;font-size:14px;line-height:1.2;text-align:center;white-space:normal;letter-spacing:0}
 html .product-chapters button::after, html .wf-screen-tabs button::after{display:none}
 html .product-chapters button[aria-pressed=true], html .wf-screen-tabs button[aria-pressed=true]{background:#e3c3a5;border-color:#e3c3a5;color:#261e17;box-shadow:0 3px 12px #0002}
 html .product-description{margin:0 0 20px}html .product-description h3{font-size:28px;line-height:1.12}html .product-description p{font-size:15px;line-height:1.6;margin-top:10px}
 html .product-screen{margin-bottom:0;scroll-margin-top:90px}
 html .avyro-experience .product-screen .exp-capture.has-mobile{aspect-ratio:375/680;border:1px solid #b78a6840;border-radius:18px}
 html :is(.platform-site,.av-legacy-shell) .product-try, html .wf-gallery-caption .av-link{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#ead3bc,#bf916c);border:1px solid #d9af8c;border-radius:14px;color:#201b17;min-height:52px;padding:14px 18px;font-size:14px!important;font-weight:600;margin-top:16px;box-sizing:border-box;text-decoration:none}
 html .exp-product .exp-section-heading{margin-bottom:22px}html .exp-product .exp-section-heading p{font-size:15px;line-height:1.65}
 html :is(.platform-site,.av-legacy-shell) .workforce-hero h1{font-size:clamp(42px,11vw,65px)}
 html .workforce-intro-bottom .av-actions{flex-direction:column;align-items:stretch;gap:12px}
 html .workforce-stage{padding:8px 0}html .glass-backplate, html .glass-plinth{display:none}html .glass-console{border-radius:18px;padding:7px 7px 0}
 html .glass-product, html .glass-gallery-image picture, html .home-workforce-console picture{aspect-ratio:375/620;border-radius:11px}
 html .glass-console-bar{padding:10px 6px 15px}html .glass-console-bar a{min-height:32px;display:inline-flex;align-items:center;color:#e3c3a5}
 html .wf-screen-tabs{column-gap:8px}html .glass-gallery-image{border-radius:18px;padding:7px}
 html .wf-gallery-caption p{font-size:15px;line-height:1.6;margin:16px 0}html .wf-gallery-caption .av-link{font-size:14px!important}
 html :is(.platform-site,.av-legacy-shell) .av-menu{width:min(100%,420px);max-width:100%;height:100dvh;max-height:100dvh;padding:24px;background:#17191c;color:#ede8df;border:0;box-sizing:border-box}
 html .av-menu::backdrop{background:#08090bbd;backdrop-filter:blur(5px)}
 html :is(.platform-site,.av-legacy-shell) .av-menu [data-close-menu]{background:#e3c3a5;color:#261e17;border:0;border-radius:999px;padding:12px 20px;min-height:44px}
 html :is(.platform-site,.av-legacy-shell) .av-menu nav{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:76px}
 html :is(.platform-site,.av-legacy-shell) .av-menu nav a{font-size:18px;line-height:1.2;padding:17px 0;border-bottom:1px solid #ffffff16}
 html :is(.platform-site,.av-legacy-shell) .av-menu nav a[aria-current=page]{color:#e3c3a5}
 html :is(.platform-site,.av-legacy-shell) .av-grid.two .product-shot{aspect-ratio:1348/926;border-radius:14px}
 html :is(.platform-site,.av-legacy-shell) .av-grid.two .product-shot img{position:static;width:100%;max-width:100%;transform:none}
 html .calm-contact .av-btn, html .exp-final .av-btn, html .wf-final .av-btn{width:100%;justify-content:space-between}
}
@media(max-width:360px){.platform-site .av-header,.avyro-experience .av-header{padding-inline:16px;gap:8px}html :is(.platform-site,.av-legacy-shell) .av-logo, html .avyro-experience .av-logo{width:114px}html :is(.platform-site,.av-legacy-shell) .av-wrap{width:calc(100% - 32px)}html :is(.platform-site,.av-legacy-shell) .av-menu-button{padding-inline:12px}html .product-chapters button, html .wf-screen-tabs button{font-size:13px}}

@media(max-width:360px){html :is(.platform-site,.av-legacy-shell) .av-menu nav a{font-size:16px;overflow-wrap:anywhere}}

@media(max-width:700px){
 html .av-legacy-shell .page-opening{padding:40px 20px 32px;min-height:0}
 html .av-legacy-shell .page-opening h1{font-size:clamp(38px,10vw,58px);line-height:1.08;margin:16px 0 22px}
 html .av-legacy-shell .page-opening p{font-size:16px;line-height:1.65}
 html .av-legacy-shell .copper-button{background:linear-gradient(135deg,#ead3bc,#bf916c)!important;color:#201b17!important;border:1px solid #d9af8c!important;border-radius:14px;min-height:54px;box-shadow:none!important}
 html .av-legacy-shell .copper-button::before,html .av-legacy-shell .copper-button::after{display:none}
 html .av-legacy-shell :is(input,select,textarea){font-size:16px}
}