/* ======================================================================
   ProSchool UI/UX V3 — septembre 2026
   Based on the approved UI/UX direction: premium dark navigation,
   logo-driven palette, clearer hierarchy, guided conversion and motion.
   Loaded after theme-2026.css as a targeted refinement layer.
   ====================================================================== */
:root{
  --ui-deep:#0B3F38;
  --ui-deep-2:#08352F;
  --ui-action:#128A66;
  --ui-accent:#22B573;
  --ui-logo-zone:#E9ECEC;
  --ui-bg:#F7F9F8;
  --ui-ink:#14313A;
  --ui-muted:#62777B;
  --ui-border:rgba(20,49,58,.11);
  --ui-shadow:0 20px 55px rgba(11,63,56,.08);
  --ui-radius:22px;
  --ui-section-space:clamp(4.25rem,7vw,7rem);
}

body{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;color:var(--ui-ink);background:var(--ui-bg)!important}
body::before,body::after{opacity:.42}
html{scroll-padding-top:7.6rem}
.page-shell{width:min(100% - 2rem,1240px)!important;padding-bottom:5rem!important}
.route-surface{gap:0!important}
.home-surface>.home-section,.home-surface>.section-card,.home-surface>.demo-banner,.home-surface>.guide-banner,.home-surface>.final-cta{margin-top:var(--ui-section-space)!important}

/* Navigation — premium anchor */
.app-shell{transition:background .22s ease,backdrop-filter .22s ease,padding .22s ease!important}
.app-shell.is-scrolled{background:rgba(247,249,248,.72)!important;backdrop-filter:blur(14px) saturate(135%)!important;-webkit-backdrop-filter:blur(14px) saturate(135%)!important}
.app-shell.is-scrolled .shell-inner{background:linear-gradient(105deg,rgba(11,63,56,.96),rgba(8,82,70,.96))!important;box-shadow:0 18px 45px rgba(7,55,48,.18)!important}
.shell-inner{background:linear-gradient(105deg,var(--ui-deep) 0%,#0B594C 72%,#08483F 100%)!important;border-color:rgba(34,181,115,.18)!important}
.brand-mark{background:linear-gradient(135deg,#F5F7F7,var(--ui-logo-zone))!important}
.nav-link.is-active,.nav-dropdown.is-active>.nav-dropdown__trigger{background:linear-gradient(135deg,var(--ui-accent),var(--ui-action))!important}
.lang-switch{opacity:.9;transform:scale(.92);transform-origin:center}
.lang-switch button{min-width:29px!important;height:29px!important;font-size:.7rem!important}
.shell-primary-cta{background:linear-gradient(135deg,#29C47D,#0E9B64)!important}
.nav-dropdown__panel{transform:translateY(8px)!important;transition:opacity .18s cubic-bezier(.2,.8,.2,1),transform .18s cubic-bezier(.2,.8,.2,1),visibility .18s!important}
.nav-dropdown:hover .nav-dropdown__panel,.nav-dropdown:focus-within .nav-dropdown__panel,.nav-dropdown.is-open .nav-dropdown__panel{transform:translateY(0)!important}

/* Type hierarchy */
.section-kicker,.section-heading .section-kicker{display:inline-block;margin-bottom:.65rem;color:var(--ui-action);font-size:.76rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.section-heading h2{font-size:clamp(2rem,3.5vw,3.15rem)!important;line-height:1.05!important;letter-spacing:-.035em!important;color:var(--ui-ink)!important}
.section-heading p{font-size:clamp(.98rem,1.4vw,1.1rem)!important;line-height:1.7!important;color:var(--ui-muted)!important}
.section-heading--split{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);align-items:end;gap:2.5rem}
.section-card{border-radius:var(--ui-radius)!important;border-color:var(--ui-border)!important;box-shadow:var(--ui-shadow)!important}

/* Quick access — always directly below the navigation */
.home-quick-actions{margin:.75rem 0 0!important;display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;position:relative;z-index:3}
.home-quick-action{min-height:82px!important;padding:.85rem .9rem!important;border-radius:18px!important;background:rgba(255,255,255,.92)!important;border:1px solid rgba(18,138,102,.12)!important;box-shadow:0 10px 28px rgba(11,63,56,.06)!important;gap:.7rem!important}
.home-quick-action__icon{width:42px!important;height:42px!important;border-radius:13px!important;background:#E8F7F0!important;color:var(--ui-action)!important}
.home-quick-action__icon svg{width:21px;height:21px}
.home-quick-action__arrow{margin-left:auto!important;color:var(--ui-action)!important;font-weight:800!important;transition:transform .18s ease!important}
.home-quick-action:hover{transform:translateY(-4px)!important;border-color:rgba(34,181,115,.3)!important;box-shadow:0 18px 38px rgba(11,63,56,.11)!important}
.home-quick-action:hover .home-quick-action__arrow{transform:translateX(3px)}
.home-quick-action::after{background:linear-gradient(90deg,var(--ui-action),var(--ui-accent))!important}
.home-quick-action strong{font-size:.94rem!important}.home-quick-action span span{font-size:.76rem!important}

/* Hero */
.home-hero--uiux{min-height:clamp(510px,58vw,650px)!important;margin-top:1.4rem!important;display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr)!important;gap:clamp(2rem,4vw,4.5rem)!important;padding:clamp(2rem,5vw,4.4rem)!important;background:linear-gradient(135deg,#EDF9F4 0%,#F7FBF9 58%,#E8F2F0 100%)!important;border:1px solid rgba(18,138,102,.13)!important;border-radius:28px!important;box-shadow:none!important;overflow:hidden!important}
.home-hero--uiux::before{content:"";position:absolute;left:-7rem;bottom:-10rem;width:30rem;height:30rem;border-radius:50%;background:rgba(34,181,115,.08);pointer-events:none}
.home-hero--uiux::after{content:""!important;position:absolute!important;right:-6rem!important;top:-8rem!important;width:24rem!important;height:24rem!important;border-radius:50%!important;background:rgba(11,63,56,.06)!important;filter:none!important}
.home-hero__copy{position:relative;z-index:2;align-self:center}
.home-hero__copy h1{max-width:12ch!important;margin-top:.65rem!important;font-size:clamp(2.85rem,5.1vw,5rem)!important;line-height:.96!important;letter-spacing:-.055em!important;color:var(--ui-deep)!important}
.home-hero__copy>p{max-width:57ch!important;margin-top:1.25rem!important;font-size:clamp(1.02rem,1.55vw,1.18rem)!important;line-height:1.7!important;color:#526D6B!important}
.home-hero__copy .page-hero__actions{margin-top:1.7rem!important;gap:.7rem!important}
.home-hero__copy .button,.home-hero__copy .ghost-button{min-height:48px!important;padding:.8rem 1.1rem!important;border-radius:14px!important}
.hero-proof-row{display:flex;flex-wrap:wrap;gap:.55rem 1rem;margin-top:1.5rem;color:#52706A;font-size:.79rem;font-weight:650}
.hero-proof-row span{display:inline-flex;align-items:center;gap:.35rem}.hero-proof-row svg{width:16px;height:16px;color:var(--ui-action)}
.home-hero__visual{align-self:center!important;min-height:390px!important;display:grid!important;place-items:center!important}
.hero-device--premium{width:min(100%,560px)!important;border-radius:24px!important;background:var(--ui-deep)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 28px 70px rgba(11,63,56,.24)!important;transform:perspective(1200px) rotateY(-2deg) rotateX(1deg);animation:heroDeviceEnter .52s ease-out both}
.hero-device--premium .hero-device__bar{background:rgba(255,255,255,.04)!important;border-bottom-color:rgba(255,255,255,.08)!important}.hero-device__context{font-size:.72rem;color:rgba(255,255,255,.66)}
.hero-device--premium .hero-device__content{padding:1.05rem!important}.hero-device--premium .hero-device__headline{color:#fff!important;align-items:flex-start!important}.hero-device--premium .hero-device__headline>div{display:grid;gap:.15rem}.hero-device--premium .hero-device__headline span{color:rgba(255,255,255,.62)!important;font-size:.7rem}.hero-device--premium .hero-device__headline strong{color:#fff!important;font-size:1rem!important}
.dashboard-live-badge{padding:.35rem .55rem!important;border-radius:999px;background:rgba(34,181,115,.15);color:#8AE3B8!important;font-weight:700!important}
.hero-device--premium .hero-device__tabs{display:flex!important;gap:.4rem!important;margin-top:.9rem!important}.hero-device--premium .hero-device__tabs span{padding:.45rem .62rem!important;border-radius:10px!important;background:rgba(255,255,255,.07)!important;color:rgba(255,255,255,.7)!important}.hero-device--premium .hero-device__tabs span.is-active{background:rgba(34,181,115,.25)!important;color:#fff!important}
.hero-device__stats--premium{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.65rem!important;margin-top:.75rem!important}.hero-device__stats--premium article{padding:1rem!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:14px!important;background:rgba(255,255,255,.075)!important}.hero-device__stats--premium strong{display:block!important;color:#fff!important;font-size:1.55rem!important}.hero-device__stats--premium span{display:block;margin-top:.15rem;color:rgba(255,255,255,.61)!important;font-size:.7rem!important}
.hero-device__panels--premium{display:grid!important;grid-template-columns:1fr 1fr .65fr!important;gap:.6rem!important;margin-top:.75rem!important}.hero-device__panels--premium article{display:flex!important;align-items:center!important;gap:.55rem!important;padding:.75rem!important;border-radius:13px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.05)!important}.hero-device__panels--premium .panel-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(34,181,115,.17);color:#72DCAA}.hero-device__panels--premium .panel-icon svg{width:17px;height:17px}.hero-device__panels--premium strong{color:#fff!important;font-size:.74rem!important}.hero-device__panels--premium span:not(.panel-icon){color:rgba(255,255,255,.5)!important;font-size:.61rem!important}.hero-device__report{justify-content:space-between!important;color:#fff!important}.hero-device__report span{color:#fff!important;font-size:1.1rem!important}
@keyframes heroDeviceEnter{from{opacity:0;transform:perspective(1200px) rotateY(-2deg) rotateX(1deg) scale(.97) translateY(12px)}to{opacity:1;transform:perspective(1200px) rotateY(-2deg) rotateX(1deg) scale(1) translateY(0)}}

/* Problem -> solution narrative */
.narrative-section{padding:clamp(1.25rem,3.5vw,2.5rem)!important;background:transparent!important;border:0!important;box-shadow:none!important}
.narrative-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(440px,1.14fr);gap:clamp(1.25rem,3vw,2.3rem);margin-top:2rem;align-items:stretch}
.problem-grid--narrative{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.75rem!important}.problem-card--compact{display:flex!important;align-items:flex-start!important;gap:.75rem!important;min-height:118px!important;padding:1rem!important;background:#fff!important;border:1px solid var(--ui-border)!important;border-radius:17px!important;box-shadow:0 8px 24px rgba(11,63,56,.05)!important}.problem-card--compact:last-child{grid-column:1/-1}.problem-card__icon{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:11px;background:#E6F6EE;color:var(--ui-action)}.problem-card__icon svg{width:19px;height:19px}.problem-card--compact h3{font-size:.92rem!important;color:var(--ui-ink)!important}.problem-card--compact p{margin-top:.25rem!important;font-size:.78rem!important;line-height:1.55!important;color:#67797A!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.problem-card--compact small{display:block;margin-top:.45rem;color:#879493;font-size:.67rem}
.unified-solution-panel{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:390px;padding:clamp(1.8rem,4vw,3rem);border-radius:26px;background:linear-gradient(145deg,var(--ui-deep),#0B574A);color:#fff;overflow:hidden;box-shadow:0 22px 55px rgba(11,63,56,.18)}.unified-solution-panel::after{content:"";position:absolute;right:-5rem;bottom:-7rem;width:18rem;height:18rem;border-radius:50%;background:rgba(34,181,115,.09)}.unified-solution-panel .badge{align-self:flex-start}.unified-solution-panel h3{max-width:13ch;margin-top:1rem;color:#fff!important;font-size:clamp(2rem,3.4vw,3.15rem)!important;line-height:1!important}.unified-solution-panel>p{max-width:52ch;margin-top:1rem;color:rgba(255,255,255,.72)!important}.unified-solution-panel__modules{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:1.4rem 0 1.6rem}.solution-module-pill{padding:.65rem .7rem;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.07);color:#fff;font-size:.76rem;font-weight:700}.unified-solution-panel .button{align-self:flex-start;position:relative;z-index:2}

/* Features */
.commercial-feature-grid{margin-top:1.8rem!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.85rem!important}.commercial-feature-card--uiux{min-height:240px!important;padding:1.15rem!important;border-radius:18px!important;background:#fff!important;border:1px solid var(--ui-border)!important;box-shadow:0 10px 28px rgba(11,63,56,.055)!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}.commercial-feature-card--uiux:hover,.commercial-feature-card--uiux:focus-within{transform:translateY(-4px)!important;border-color:rgba(34,181,115,.4)!important;box-shadow:0 18px 38px rgba(11,63,56,.1)!important}.commercial-feature-card--uiux:nth-child(2),.commercial-feature-card--uiux:nth-child(5){background:#F0FBF6!important}.commercial-feature-card--uiux:nth-child(5){background:#FFF9ED!important}.commercial-feature-card--uiux .commercial-feature-card__icon{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:12px!important;background:#E6F7EF!important;color:var(--ui-action)!important;font-size:0!important}.commercial-feature-card--uiux .commercial-feature-card__icon svg{width:21px;height:21px}.commercial-feature-card--uiux h3{margin-top:.95rem!important;font-size:.94rem!important}.commercial-feature-card--uiux p{margin-top:.55rem!important;font-size:.79rem!important;line-height:1.6!important;color:#687A7C!important}.feature-card__link{margin-top:auto;padding-top:1rem;color:var(--ui-action)!important;font-size:.76rem;font-weight:800;text-decoration:none}

/* Guided discovery */
.journey-switcher{margin-top:1.8rem!important;display:grid!important;grid-template-columns:minmax(250px,.6fr) minmax(0,1.4fr)!important;gap:1rem!important}.journey-switcher__tabs{display:flex!important;align-content:flex-start!important;flex-wrap:wrap!important;gap:.45rem!important;padding:1rem!important;border:1px solid var(--ui-border)!important;border-radius:20px!important;background:#fff!important}.journey-switcher__tab{flex:0 0 auto!important;border-radius:999px!important;padding:.62rem .85rem!important;font-size:.76rem!important;background:#F7F9F8!important;color:#536C6B!important}.journey-switcher__tab.is-active{background:var(--ui-action)!important;color:#fff!important;box-shadow:0 8px 20px rgba(18,138,102,.18)!important}.journey-switcher__panes{border-radius:22px!important;overflow:hidden}.journey-panel{grid-template-columns:.92fr 1.08fr!important;min-height:390px!important;background:#fff!important}.journey-panel__visual{background:var(--ui-deep)!important}.journey-visual{background:transparent!important;border:0!important}.journey-visual__top{color:#fff!important}.journey-visual__body article{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.08)!important}.journey-visual__body strong{color:#fff!important}.journey-visual__body span{color:rgba(255,255,255,.6)!important}

/* Profiles */
.profile-grid--compact{grid-template-columns:repeat(5,1fr)!important;gap:.75rem!important;margin-top:1.7rem!important}.profile-card--uiux{min-height:190px!important;padding:1.1rem!important;background:#fff!important;border:1px solid var(--ui-border)!important;border-radius:18px!important;box-shadow:0 9px 25px rgba(11,63,56,.05)!important}.profile-card--uiux:first-child{background:#EFFAF5!important}.profile-card__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#E7F6EF;color:var(--ui-action)}.profile-card__icon svg{width:19px;height:19px}.profile-card--uiux h3{margin-top:.9rem!important;font-size:.9rem!important}.profile-card--uiux p{margin-top:.45rem!important;font-size:.76rem!important;color:#6A7B7D!important;line-height:1.55!important}

/* School year timeline */
.year-cycle{--timeline-progress:0;padding:clamp(1.3rem,3.2vw,2.2rem)!important}.year-cycle__timeline{position:relative;height:4px;margin:2rem 8% -1.25rem;background:#D9E7E2;border-radius:999px;overflow:hidden}.year-cycle__timeline span{display:block;height:100%;width:calc(var(--timeline-progress) * 100%);background:linear-gradient(90deg,var(--ui-action),var(--ui-accent));border-radius:inherit;transition:width .08s linear}.year-cycle__grid{position:relative;z-index:2;grid-template-columns:repeat(4,1fr)!important;gap:1rem!important}.year-cycle__grid::before{display:none!important}.year-cycle__card{min-height:220px!important;margin:0!important;padding:1.05rem!important;background:#fff!important;border:1px solid var(--ui-border)!important;border-radius:18px!important;box-shadow:0 9px 25px rgba(11,63,56,.05)!important;transform:none!important}.year-cycle__index{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:50%!important;background:var(--ui-action)!important;color:#fff!important;box-shadow:0 0 0 7px var(--ui-bg)!important}.year-cycle__card h3{margin-top:.8rem!important;font-size:.94rem!important}.year-cycle__card p{font-size:.76rem!important;line-height:1.55!important}

/* Before/after and experiences */
.comparison-grid{gap:1rem!important}.comparison-card{border-radius:20px!important;box-shadow:0 9px 28px rgba(11,63,56,.05)!important}.comparison-card--before{background:#fff!important}.comparison-card--after{background:#EDFAF4!important;border-color:rgba(34,181,115,.24)!important}.comparison-card li{font-size:.88rem!important}
.experience-showcase{display:grid!important;grid-template-columns:.72fr 1.28fr!important;gap:1.2rem!important;padding:1.2rem!important;background:var(--ui-deep)!important;border:0!important;overflow:hidden}.experience-showcase__intro{padding:clamp(1.3rem,3vw,2.2rem);color:#fff}.experience-showcase__intro .section-kicker{color:#8CE4B9}.experience-showcase__intro h2{color:#fff!important;font-size:clamp(2rem,3.2vw,3rem)!important}.experience-showcase__intro p{margin-top:.8rem;color:rgba(255,255,255,.68)!important}.experience-showcase__intro img{width:100%;max-width:350px;margin:1.4rem auto 0;filter:saturate(.9) brightness(.96);border-radius:18px;opacity:.92}.experience-showcase .product-home-grid{grid-template-columns:1fr 1fr!important;gap:.75rem!important;margin:0!important}.product-home-card--uiux{min-height:230px!important;padding:1rem!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:17px!important;box-shadow:none!important;color:#fff!important}.product-home-card--uiux:hover{background:rgba(255,255,255,.1)!important;transform:translateY(-3px)}.product-home-card--uiux .commercial-feature-card__icon{background:rgba(34,181,115,.16)!important;color:#85E0B6!important}.product-home-card--uiux h3{color:#fff!important}.product-home-card--uiux p{color:rgba(255,255,255,.65)!important}.product-home-card--uiux .badge{align-self:flex-start;background:rgba(255,255,255,.08)!important;color:#C9F0DD!important;border-color:rgba(255,255,255,.1)!important}.product-home-card--uiux .ghost-button{margin-top:auto!important;background:rgba(255,255,255,.92)!important;color:var(--ui-deep)!important;border:0!important}

/* Installation guided path */
.installation-story-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:1.25rem;align-items:center;margin-top:1.5rem}.home-installation-steps{display:flex!important;gap:0!important;align-items:flex-start!important}.home-installation-steps li{flex:1!important;min-height:125px!important;padding:0 .7rem!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:center!important;position:relative}.home-installation-steps li:not(:last-child)::after{content:"→"!important;position:absolute!important;top:17px!important;right:-8px!important;color:#9FB6AF!important;background:transparent!important;width:auto!important;height:auto!important}.home-installation-steps span{margin:0 auto .65rem!important;width:38px!important;height:38px!important;border-radius:50%!important;background:var(--ui-action)!important;color:#fff!important}.home-installation-steps strong{display:block;font-size:.76rem!important;color:#526B69!important}.installation-story-visual{margin:0;padding:1rem;border-radius:20px;background:#F2FAF6;border:1px solid rgba(18,138,102,.11)}.installation-story-visual img{width:100%;max-height:260px;object-fit:contain}.installation-story-visual figcaption{margin-top:.55rem;text-align:center;color:#6B7D7B;font-size:.72rem}

/* Guides, FAQ, final conversion */
.guide-banner{background:#fff!important;border:1px solid var(--ui-border)!important}.final-cta{background:linear-gradient(135deg,var(--ui-action),var(--ui-accent))!important;border:0!important;box-shadow:0 20px 45px rgba(18,138,102,.2)!important}.final-cta h2,.final-cta p{color:#fff!important}.final-cta .button{background:#fff!important;color:var(--ui-deep)!important;box-shadow:none!important}.commercial-faq-item{border-radius:15px!important;background:#fff!important;border-color:var(--ui-border)!important}

/* Download center V3 */
.downloads-overview{margin-top:1.5rem!important}.downloads-overview__main{padding:1.5rem!important;background:linear-gradient(145deg,var(--ui-deep),#0A5C4E)!important}.downloads-overview__main .page-hero__eyebrow{color:#8DE3B8!important}.downloads-overview__main h3{margin-top:.45rem!important;font-size:clamp(1.7rem,3vw,2.35rem)!important;line-height:1.06!important}.downloads-overview__aside{padding:1.4rem!important;background:#EDF9F4!important}.download-experience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:1rem 0}.download-experience-card{display:flex;align-items:center;gap:.7rem;padding:.85rem;border:1px solid var(--ui-border);border-radius:16px;background:#fff;text-decoration:none;color:var(--ui-ink);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.download-experience-card:hover{transform:translateY(-3px);border-color:rgba(34,181,115,.34);box-shadow:0 12px 28px rgba(11,63,56,.08)}.download-experience-card>svg{width:31px;height:31px;padding:6px;border-radius:10px;background:#EAF7F0;color:var(--ui-action)}.download-experience-card strong{display:block;font-size:.86rem}.download-experience-card small{display:block;margin-top:.15rem;color:#768785;font-size:.67rem}.download-guidance-strip{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:1rem 0;padding:.8rem 1rem;border-radius:17px;background:#FFF8E9;border:1px solid rgba(186,144,55,.16)}.download-guidance-strip div{display:flex;align-items:center;gap:.45rem}.download-guidance-strip div span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ui-action);color:#fff;font-size:.7rem;font-weight:800}.download-guidance-strip strong{font-size:.7rem;color:#5F675F}.download-guidance-strip i{font-style:normal;color:#A4B1AC}.download-filter-nav{position:sticky;top:7.1rem;z-index:10;padding:.55rem;border-radius:16px;background:rgba(247,249,248,.92);backdrop-filter:blur(12px);border:1px solid var(--ui-border)}.download-filter-nav a{background:#fff!important}.download-group{margin-top:2.2rem!important}.download-group__head h3{font-size:1.55rem!important}.download-card{border-radius:19px!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.download-card:hover{transform:translateY(-3px);border-color:rgba(34,181,115,.3)!important;box-shadow:0 16px 36px rgba(11,63,56,.09)!important}.download-card__icon svg{width:22px;height:22px}

/* Global inner interfaces */
.route-surface:not(.home-surface)>.page-hero{border-radius:26px!important;background:linear-gradient(135deg,#EDF9F4,#F7FAF9)!important;border-color:rgba(18,138,102,.12)!important}.route-surface:not(.home-surface)>.page-hero h1{font-size:clamp(2.35rem,4.6vw,4.25rem)!important;letter-spacing:-.045em!important;color:var(--ui-deep)!important}.route-surface:not(.home-surface)>.page-hero p{color:#607573!important}.info-card,.form-card,.table-card,.status-card,.guide-card,.architecture-node{border-radius:18px!important;border-color:var(--ui-border)!important;box-shadow:0 10px 30px rgba(11,63,56,.05)!important}.form-control,input,select,textarea{border-radius:12px!important}.site-footer{margin-top:5rem!important}

/* Motion */
.reveal-on-scroll{transform:translateY(24px)!important;transition:opacity .36s ease-out,transform .36s ease-out!important}.reveal-on-scroll.is-visible{transform:translateY(0)!important}.stagger-group>.reveal-on-scroll{transition-delay:calc(var(--stagger-index,0) * 70ms)!important}.button,.ghost-button{transition:transform .16s ease-out,filter .16s ease-out,box-shadow .16s ease-out!important}.button:hover,.ghost-button:hover{transform:translateY(-2px)!important}

/* Responsive rhythm changes */
@media(max-width:1199px){
  .home-hero--uiux{grid-template-columns:1fr 1fr!important;padding:2.2rem!important}.home-hero__copy h1{font-size:clamp(2.7rem,5vw,4rem)!important}
  .narrative-layout{grid-template-columns:1fr!important}.problem-grid--narrative{grid-template-columns:repeat(2,1fr)!important}.problem-card--compact:last-child{grid-column:auto}.unified-solution-panel{min-height:330px}
  .commercial-feature-grid{grid-template-columns:repeat(2,1fr)!important}.profile-grid--compact{grid-template-columns:repeat(3,1fr)!important}.profile-card--uiux:last-child{grid-column:2/3}
  .experience-showcase{grid-template-columns:1fr!important}.experience-showcase__intro{display:grid;grid-template-columns:1fr .6fr;gap:1rem;align-items:center}.experience-showcase__intro h2,.experience-showcase__intro p,.experience-showcase__intro .section-kicker{grid-column:1}.experience-showcase__intro img{grid-column:2;grid-row:1/4;margin:0!important}
  .download-experience-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1080px){
  .nav-dropdown__panel{transform:none!important}.shell-actions{gap:.2rem!important}.lang-switch{transform:scale(.88)}
  .home-quick-actions{margin-top:.6rem!important}
  .journey-switcher{grid-template-columns:1fr!important}.journey-switcher__tabs{justify-content:flex-start!important}.journey-panel{grid-template-columns:1fr 1fr!important}
  .year-cycle__grid{grid-template-columns:repeat(2,1fr)!important}.year-cycle__timeline{display:none}
  .installation-story-layout{grid-template-columns:1fr!important}.installation-story-visual{max-width:560px;margin:0 auto}
}
@media(max-width:767px){
  .shell-actions{display:flex!important;width:auto!important;grid-column:auto!important}.shell-actions .lang-switch{width:auto!important}.lang-switch button{flex:none!important}
  :root{--ui-section-space:3.8rem}
  .page-shell{width:min(100% - 1rem,1240px)!important}
  .home-quick-actions{grid-template-columns:1fr 1fr!important;gap:.5rem!important}.home-quick-action{min-height:66px!important;padding:.65rem!important}.home-quick-action__icon{width:36px!important;height:36px!important}.home-quick-action__icon svg{width:18px;height:18px}.home-quick-action__arrow{display:none!important}.home-quick-action strong{font-size:.82rem!important}.home-quick-action span span{display:none!important}
  .home-hero--uiux{grid-template-columns:1fr!important;min-height:auto!important;padding:1.45rem!important;border-radius:22px!important}.home-hero__copy h1{font-size:clamp(2.55rem,12vw,3.8rem)!important}.home-hero__copy>p{font-size:.98rem!important}.hero-proof-row{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.home-hero__visual{min-height:300px!important}.hero-device--premium{transform:none!important}.hero-device__panels--premium{grid-template-columns:1fr 1fr!important}.hero-device__report{display:none!important}
  .section-heading--split{grid-template-columns:1fr!important;gap:.7rem}.narrative-section{padding:.2rem!important}.problem-grid--narrative{grid-template-columns:1fr!important}.unified-solution-panel{padding:1.35rem!important;border-radius:21px}.unified-solution-panel__modules{grid-template-columns:1fr 1fr}.commercial-feature-grid{grid-template-columns:1fr!important}.commercial-feature-card--uiux{min-height:200px!important}
  .journey-switcher__tabs{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none}.journey-switcher__tabs::-webkit-scrollbar{display:none}.journey-panel{grid-template-columns:1fr!important}.journey-panel__visual{min-height:280px!important}.profile-grid--compact{grid-template-columns:1fr 1fr!important}.profile-card--uiux:last-child{grid-column:1/-1}.year-cycle__grid{grid-template-columns:1fr!important}.year-cycle__card{min-height:170px!important}.experience-showcase{padding:.65rem!important}.experience-showcase__intro{display:block!important}.experience-showcase__intro img{max-width:260px;margin:1rem auto 0!important}.experience-showcase .product-home-grid{grid-template-columns:1fr!important}.home-installation-steps{display:grid!important;grid-template-columns:1fr!important}.home-installation-steps li{display:flex!important;text-align:left!important;align-items:center!important;gap:.75rem!important;min-height:64px!important;padding:.4rem!important}.home-installation-steps li:not(:last-child)::after{display:none!important}.home-installation-steps span{margin:0!important;flex:0 0 auto}.download-experience-grid{grid-template-columns:1fr 1fr}.download-guidance-strip{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch}.download-guidance-strip i{display:none}.download-filter-nav{top:5.5rem;overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none}.download-filter-nav a{white-space:nowrap}.download-filter-nav::-webkit-scrollbar{display:none}
}
@media(max-width:420px){.download-experience-grid{grid-template-columns:1fr}.profile-grid--compact{grid-template-columns:1fr!important}.profile-card--uiux:last-child{grid-column:auto}.hero-proof-row{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.12s!important}
  .reveal-on-scroll{transform:none!important}.hero-device--premium{transform:none!important}
}