/* Delvane AI V11 responsive and language controls */
.brand-mark,.mini-mark{background:transparent!important;color:inherit!important;overflow:hidden;flex:none;padding:0!important}
.brand-mark{width:29px!important;height:29px!important;border-radius:8px!important}
.mini-mark{width:22px!important;height:22px!important;border-radius:6px!important}
.brand-mark img,.mini-mark img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.brand{gap:9px;white-space:nowrap}
.language-switch{display:flex;align-items:center;gap:5px;margin-left:auto;margin-right:16px;font:10px var(--mono);color:#777367;white-space:nowrap}
.language-switch button{appearance:none;border:1px solid transparent;background:transparent;color:#b9b2a4;border-radius:5px;padding:7px 6px;cursor:pointer;font:inherit;transition:background .2s,color .2s,border-color .2s}
.language-switch button:hover,.language-switch button[aria-pressed="true"]{color:var(--yellow);border-color:#f5d33d55;background:#f5d33d0c}
.nav-cta{white-space:nowrap;flex:none}
/* Product-first, readable mobile hero: the interface cards move below the copy. */
@media(max-width:760px){
 .nav{height:66px;padding:0 5%;gap:10px}
 .nav nav{display:none;position:absolute;top:65px;left:4%;right:4%;padding:18px;background:rgba(18,18,14,.97);border:1px solid var(--line);border-radius:12px;box-shadow:0 22px 55px #0008;flex-direction:column;gap:0;font-size:13px;backdrop-filter:blur(20px)}
 .nav nav.open{display:flex}
 .nav nav a{display:block!important;padding:13px 7px;border-bottom:1px solid #ffffff12;white-space:normal}
 .nav nav a:last-child{border-bottom:0}
 .menu-toggle{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;width:38px;height:38px;border:1px solid #ffffff33;border-radius:50%;cursor:pointer;flex:none}
 .menu-toggle span{display:block;width:14px;height:1px;background:var(--cream)}
 .language-switch{margin-left:auto;margin-right:0;gap:2px}
 .language-switch button{padding:7px 5px}
 .nav-cta{padding:10px 11px;font-size:10px}
 .nav-cta span{margin-left:5px}
 .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:120px 6% 72px;gap:20px}
 .hero-copy{width:100%;max-width:100%;padding-top:0}
 .eyebrow{font-size:8px;letter-spacing:.09em;gap:7px;flex-wrap:wrap;margin-bottom:24px}
 .eyebrow-index{margin-left:auto}
 .hero h1{font-size:clamp(49px,12.5vw,78px);line-height:.94;letter-spacing:-.075em;overflow-wrap:normal}
 .hero-copy>p{font-size:13px;line-height:1.7;margin:20px 0}
 .hero-actions{display:flex;flex-wrap:wrap;gap:13px;align-items:center}
 .hero-actions .button{min-width:0;flex:0 0 auto;gap:20px}
 .text-link{font-size:10px;max-width:100%}
 .hero-footnote{margin-top:24px;font-size:9px}
 .hero-product{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:420px;min-height:420px;margin:8px 0 5px;perspective:900px;overflow:visible;transform:none!important}
 .glass-card{padding:13px;border-radius:11px;max-width:100%;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
 .calendar-card{top:0;left:0;width:94%;transform:none;animation:floatA 10s ease-in-out infinite}
 .calendar-grid{grid-template-columns:64px repeat(6,minmax(0,1fr));font-size:7px}
 .calendar-grid .room{font-size:8px}
 .calendar-grid small{font-size:9px}
 .bar{height:17px;font-size:7px;padding:4px 6px}
 .messages-card{left:0;top:48%;width:58%;z-index:4;animation:floatB 9s ease-in-out infinite}
 .tasks-card{right:0;top:52%;width:53%;z-index:3;animation:floatC 11s ease-in-out infinite}
 .card-heading{font-size:10px;margin-bottom:12px;gap:8px}
 .muted{font-size:7px}
 .messages-card p{font-size:8px;padding-left:0;margin:12px 0}
 .message-person{font-size:9px}
 .reply-field{font-size:8px;padding:8px}
 .metric-row{gap:4px;margin-bottom:8px}
 .metric-row>div{padding:8px 3px}
 .metric-row strong{font-size:17px}
 .metric-row small{font-size:7px}
 .task{font-size:8px;gap:6px;padding:7px 0}
 .task small{font-size:7px}
 .task-icon{width:19px;height:19px}
 .orbit-caption{display:none}
 .scroll-cue{bottom:20px;left:6%;transform:none;font-size:7px}
 .hero-count{display:none}
 .story-wrap{height:auto;min-height:0;padding:55px 0 30px}
 .story-stage{height:auto;min-height:0;position:relative;top:auto;padding:65px 6% 25px;display:flex;flex-direction:column;align-items:stretch;gap:24px;overflow:hidden}
 .story-topline{top:22px;left:6%;right:6%;gap:10px;font-size:7px}
 .story-copy{width:100%;max-width:none}
 .story-title{font-size:clamp(42px,10vw,65px);margin:18px 0 15px}
 .story-description{font-size:12px}
 .story-ui{position:relative;inset:auto;width:100%;height:360px;transform:none!important}
 .ui-window{padding:11px;border-radius:9px;max-width:100%;backdrop-filter:blur(10px)}
 .ui-bookings{top:0!important;left:0!important;width:100%!important;transform:none!important}
 .ui-inbox{top:43%!important;left:0!important;width:58%!important;transform:none!important}
 .ui-ops{top:54%!important;right:0!important;width:52%!important;transform:none!important}
 .ui-window-head{font-size:9px;gap:5px}
 .ui-booking{gap:5px;font-size:8px}
 .ui-person small,.ui-inbox-row small,.ops-task small{font-size:7px}
 .story-bottom{position:relative;left:auto;right:auto;bottom:auto;display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:5px}
 .story-chapters{flex-wrap:wrap;gap:12px}
 .story-hint{display:none}
 .section-pad{padding:75px 6%}
 .intro-grid{grid-template-columns:1fr;gap:24px;margin-top:30px}
 .intro h2,.platform h2,.manifesto h2,.closing h2{font-size:clamp(40px,10vw,65px)}
 .intro-rule{gap:14px;flex-wrap:wrap;margin-top:45px;font-size:7px}
 .platform-heading{grid-template-columns:1fr!important;gap:18px!important}
 .feature-grid{grid-template-columns:1fr!important}
 .feature{min-width:0}
 .type-line{white-space:nowrap}
 .subpage-hero{display:flex;flex-direction:column;align-items:stretch;gap:22px;min-height:0;padding:125px 6% 60px}
 .subpage-hero>div:first-of-type{width:100%!important;max-width:100%;flex:0 0 auto}
 .subpage-hero h1{font-size:clamp(48px,12vw,76px);line-height:.94;letter-spacing:-.075em;overflow-wrap:normal;margin:22px 0 18px}
 .subpage-hero p{font-size:13px;line-height:1.7}
 .subpage-hero .button{align-self:flex-start}
 .subpage-art{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-height:none!important;min-height:320px;margin:8px 0 0!important;transform:none!important;overflow:visible}
 .platform-flow-art{min-height:350px!important}
 .approach-flow-art{min-height:300px!important;padding:16px!important}
 .stay-route{gap:4px!important}
 .route-node{min-width:0!important;padding:8px 5px!important;min-height:140px!important}
 .route-node>b{font-size:12px!important}
 .route-node>small,.route-node>i{font-size:6px!important;line-height:1.4}
 .route-connector{min-width:6px!important}
 .owners-art{min-height:350px!important}
 .owners-art .owner-summary{width:95%!important;right:0!important;padding:15px!important}
 .owners-art .owner-property{width:86%!important;left:0!important;padding:10px!important}
 .owners-art .property-one{top:47%!important}.owners-art .property-two{top:65%!important;left:7%!important}.owners-art .property-three{top:82%!important;left:1%!important}
 .subpage-content{padding:65px 6%}
 .subpage-content>h2{font-size:clamp(38px,9vw,58px)}
 .subpage-cards,.capability-grid,.owner-workflow-grid{grid-template-columns:1fr!important}
 .subpage-card{min-height:0;padding:20px}
 .subpage-card h3{margin:28px 0 10px}
 .product-console{grid-template-columns:1fr!important;margin:28px 0 35px}
 .console-sidebar{display:none!important}
 .console-main{min-width:0;padding:12px!important}
 .console-top{display:flex;flex-wrap:wrap;gap:8px;font-size:8px}
 .console-title{align-items:flex-start;gap:12px;flex-wrap:wrap}
 .console-title h3{font-size:20px}
 .console-title button{font-size:9px;padding:9px}
 .console-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px}
 .console-kpis>div{min-width:0;padding:10px}
 .console-lower{grid-template-columns:1fr!important}
 .console-inbox{display:block!important}
 .console-book-row{grid-template-columns:minmax(75px,1fr) minmax(0,2fr)!important}
 .capability{min-width:0;overflow:hidden;padding:18px!important}
 .cap-graphic{width:100%;max-width:100%;overflow:hidden}
 .cap-mini-line{gap:8px}
 .cap-mini-line b{overflow-wrap:anywhere;text-align:right}
 .integration-note{grid-template-columns:28px minmax(0,1fr)!important;gap:10px!important}
 .integration-note p{min-width:0;overflow-wrap:anywhere;line-height:1.7}
 .process-explainer{grid-template-columns:1fr!important}
 .process-explainer li{grid-template-columns:90px minmax(0,1fr)!important;gap:12px!important}
 .closing-invitation{gap:15px;align-items:flex-start;flex-direction:column}
 .footer{gap:20px;flex-wrap:wrap}
 .footer>div{display:flex;flex-wrap:wrap;gap:15px}
}
@media(max-width:390px){
 .nav{padding:0 4%;gap:7px}.brand{font-size:15px;gap:6px}.brand-mark{width:25px!important;height:25px!important}.nav-cta{font-size:9px;padding:9px 8px}.language-switch{font-size:9px}
 .hero-product{height:395px;min-height:395px}.calendar-grid{grid-template-columns:54px repeat(6,minmax(0,1fr))}.calendar-card{width:100%}.messages-card{width:61%;top:49%}.tasks-card{width:55%;top:57%}.metric-row strong{font-size:15px}.task{font-size:7px}
 .story-ui{height:340px}.ui-booking{grid-template-columns:36px 25px minmax(0,1fr)}.ui-person{font-size:8px}.ui-inbox{width:62%!important}.ui-ops{width:56%!important}
 .subpage-art{min-height:290px!important}.platform-flow-art{min-height:330px!important}.approach-flow-art{min-height:285px!important}.route-node{padding:6px 3px!important}.route-node>b{font-size:10px!important}.route-node>small,.route-node>i{font-size:5px!important}
}
@media(prefers-reduced-motion:reduce){.hero-photo,.calendar-card,.messages-card,.tasks-card{animation:none!important}.subpage-art,.ui-window{transition:none!important}}
@media(max-width:760px){
 section.subpage-hero>div:not(.subpage-art){width:100%!important;max-width:100%!important;flex:0 0 auto!important}
 section.subpage-hero>.subpage-art{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;inset:auto!important;width:100%!important;height:auto!important;max-height:none!important;margin:8px 0 0!important;transform:none!important}
 section.subpage-hero>.platform-flow-art{min-height:350px!important;height:350px!important}
 section.subpage-hero>.approach-flow-art{min-height:300px!important;height:300px!important}
 section.subpage-hero>.owners-art{min-height:350px!important;height:350px!important}
 .nav nav a:first-child{display:block!important}
}
