/* SOURCE: /assets/styles/v105-release-sobre.6210ea97253d.css */

/* /assets/styles/v40-site.css */
.os-wallpapers,.os-wallpaper{position:absolute;inset:0;pointer-events:none;z-index:-1}
.os-wallpaper{opacity:0;transition:opacity 180ms ease-out}
.history-stage[data-era=system6] .os-wallpaper--system6,.history-stage[data-era=aqua] .os-wallpaper--aqua,.history-stage[data-era=iphone] .os-wallpaper--iphone,.history-stage[data-era=ios7] .os-wallpaper--ios7,.history-stage[data-era=glass] .os-wallpaper--glass{opacity:1}
.os-wallpaper--system6{background:repeating-conic-gradient(#a9adb1 0% 25%,#e5e7e9 0% 50%) 0 0 / 4px 4px}
.os-wallpaper--aqua{background:radial-gradient(ellipse at 84% -12%,#e5f9ff 0,transparent 56%),radial-gradient(ellipse at -20% 112%,#0a308e 0,transparent 66%),linear-gradient(140deg,#176fc7,#70caf0 70%,#d4f1fa)}
.os-wallpaper--aqua:before{content:"";position:absolute;width:160%;height:70%;left:-38%;top:56%;border-radius:50%;background:linear-gradient(180deg,#b0edffb3,#1a67b5a6);transform:rotate(-23deg);box-shadow:0 -20px 0 #d7f8ff70,0 -55px 0 #9ad9f14d}
.os-wallpaper--iphone{background:radial-gradient(ellipse 40px 50px at 12% 28%,#728594 0%,#121b25 25%,#000 31%,transparent 34%),radial-gradient(ellipse 22px 28px at 82% 17%,#657c8c,#101925 30%,#000 43%,transparent 48%),radial-gradient(ellipse 32px 39px at 75% 76%,#6c7a83,#121a23 30%,#000 37%,transparent 42%),radial-gradient(ellipse 19px 24px at 27% 84%,#708596,#101823 30%,#000 42%,transparent 48%),linear-gradient(#0a111a,#243641)}
.os-wallpaper--ios7{background:radial-gradient(circle at 10% 90%,#e77bbdab,transparent 45%),radial-gradient(circle at 85% 16%,#8ae1d8,transparent 52%),radial-gradient(circle at 55% 90%,#6a9ded,transparent 60%),linear-gradient(135deg,#8bd0ff,#beddf3 55%,#eddaff)}
.os-wallpaper--ios7:before{content:"";position:absolute;inset:0;background:radial-gradient(circle 34px at 16% 20%,#ffffff30,transparent),radial-gradient(circle 22px at 85% 72%,#ffffff40,transparent),radial-gradient(circle 54px at 65% 8%,#ffffff40,transparent)}
.os-wallpaper--glass{background:radial-gradient(ellipse at 80% 10%,#a6e9ff,transparent 70%),linear-gradient(155deg,#3565ed 8%,#6672fb 44%,#e8b5fe 75%,#e9edf8)}
.os-wallpaper--glass:before{content:"";position:absolute;width:125%;height:90%;left:-30%;top:53%;border-radius:45% 75% 0 0;background:linear-gradient(150deg,#f6cfd9 3%,#f48293 25%,#9b7bdd 61%,#476edb);transform:rotate(-22deg);box-shadow:42px -28px 0 #bac9ff66}
.era-component[data-era=system6]{--era-ink:#000;border:2px solid #000;border-radius:0;background:#fff;box-shadow:5px 5px 0 #000}
.era-component[data-era=system6] .era-chrome{display:flex;align-items:center;justify-content:center;height:30px;background:repeating-linear-gradient(0deg,#fff 0 2px,#000 2px 3px);border-bottom:2px solid #000;font:400 17px/1 ChiKareGo,Geneva,sans-serif}
.era-component[data-era=system6] .era-chrome span{background:#fff;padding:3px 16px}
.era-component[data-era=system6] .era-content h3{font:400 29px/1.2 ChiKareGo,Geneva,sans-serif;letter-spacing:0}
.era-component[data-era=system6] .era-principles{font:400 20px/1.35 ChiKareGo,Geneva,sans-serif;gap:7px}
.era-component[data-era=system6] .era-principles li{border-top:1px solid #000;padding:9px 0}
.era-component[data-era=aqua]{--era-ink:#17202a;background:repeating-linear-gradient(0deg,#fafafa 0 2px,#f0f1f3 2px 4px);border:1px solid #798c9f;border-radius:10px;box-shadow:0 18px 28px #122d5440}
.era-component[data-era=aqua] .era-chrome{display:flex;align-items:center;justify-content:center;height:34px;border-radius:10px 10px 0 0;background:linear-gradient(#f6fcff 0%,#d4e7f6 48%,#b5cddf 52%,#e5f4fd);border-bottom:1px solid #8fa6b6;font:600 14px/1 var(--sans);text-shadow:0 1px #fff}
.era-component[data-era=aqua] .era-principles li{border-color:#a4bbd070}
.era-component[data-era=iphone]{--era-ink:#fff;width:min(100%,340px);border-radius:22px;border:1px solid #091321;background:linear-gradient(155deg,#23435b,#0b1b2d);box-shadow:0 14px 28px #0008,inset 0 1px 0 #7b9eb8}
.era-component[data-era=iphone] .era-chrome{display:flex;align-items:center;justify-content:center;height:45px;border-radius:22px 22px 0 0;border-bottom:1px solid #08121f;background:linear-gradient(#526983,#344c6a 50%,#1c3555 51%,#3d5575);font:600 17px/1 var(--sans);color:#fff;text-shadow:0 1px 2px #000}
.era-component[data-era=iphone] .era-content{padding:26px 24px}.era-component[data-era=iphone] .era-content h3{font-size:25px}.era-component[data-era=iphone] .era-principles li{padding:14px 0;border-color:#ffffff38;font-size:16px}
.era-component[data-era=ios7]{--era-ink:#1f2933;background:#ffffffef;border:1px solid #ffffffd9;border-radius:9px;box-shadow:0 14px 30px #41528024}
.era-component[data-era=ios7] .era-content h3{font-weight:400;color:#064fbd}.era-component[data-era=ios7] .era-principles li{border-color:#7c91a742}
.era-component[data-era=glass]{--era-ink:#172337;background:#f5faffda;border:1px solid #ffffffe0;box-shadow:0 16px 32px #2537682b,inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff60}
@supports(backdrop-filter:blur(1px)){.era-component[data-era=glass]{background:#f7fbffb8;backdrop-filter:blur(14px) saturate(1.2)}}



:root{--paper:#fff;--ink:#202622;--muted:#535b61;--blue:#294be8;--blue-dark:#1d36b2;--line:#dfe3e8;--soft:#f2f4fa;--serif:Georgia,'Times New Roman',serif;--sans:Arial,'Helvetica Neue',sans-serif;--header:76px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 24px)}body{margin:0;font:17px/1.65 var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}main{min-width:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif);line-height:1.08;letter-spacing:-.052em}h1{font-size:clamp(44px,5.6vw,80px)}h2{font-size:clamp(38px,4vw,58px)}h1 em,h2 em{font-weight:400;color:var(--blue)}p{max-width:70ch}a{color:inherit;text-decoration:none}a,button,summary{touch-action:manipulation}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}button{border:0;background:none}svg{fill:currentColor}.icon{width:16px;height:16px;flex:none;vertical-align:middle}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}::selection{color:#182576;background:#dce4ff}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--blue);color:#fff;z-index:200}.skip:focus{top:12px}.eyebrow{font-size:11px;line-height:1.6;font-weight:700;letter-spacing:.115em;text-transform:uppercase;color:var(--blue);margin-bottom:20px}.caption,figcaption{font-size:12px;line-height:1.65;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px;font-weight:600;color:var(--blue)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.text-link .icon,.button .icon,.project-open .icon{transition:transform .2s}.text-link:hover .icon,.button:hover .icon{transform:translateX(3px)}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 24px;background:var(--blue);color:#fff;font-size:14px;font-weight:600;border-radius:5px;transition:background .2s}.button:hover{background:var(--blue-dark)}
.site-header{position:sticky;top:0;z-index:40;background:#fffffff5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;gap:32px;height:var(--header)}.brand{display:inline-flex;align-items:center;gap:14px;min-height:44px;flex:none}.brand img{width:36px;height:auto}.brand span{font-size:14px;font-weight:600;white-space:nowrap}.desktop-nav{display:flex;gap:32px;margin-left:auto}.desktop-nav>a,.header-cv{display:inline-flex;gap:8px;align-items:center;min-height:44px;font-size:13px}.desktop-nav>a[aria-current],.desktop-nav>a:hover{color:var(--blue)}.desktop-nav>a[aria-current]{text-decoration:underline;text-underline-offset:7px}.header-actions{display:flex;align-items:center;gap:24px}.header-cv .icon{width:12px}.language-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:30px;background:#f6f7fa;gap:2px}.language-switch a{display:grid;place-items:center;min-width:44px;min-height:40px;font:600 11px var(--sans);border-radius:24px}.language-switch a[aria-current]{background:var(--blue);color:white}.language-switch a:hover:not([aria-current]){background:#e7ebf7}.mobile-menu{display:none}.mobile-menu summary{list-style:none;display:grid;place-items:center;width:44px;height:44px;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary::marker{content:''}.mobile-menu:not([open]) nav{display:none}.site-footer{padding-block:34px;display:flex;gap:40px;justify-content:space-between;align-items:start}.site-footer>div>p{font-size:11px;color:var(--muted);margin-top:8px}.footer-links{max-width:660px;display:flex;justify-content:flex-end;align-items:center;gap:4px 22px;flex-wrap:wrap;font-size:12px}.footer-links>a,.footer-links>button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0}.footer-links a:hover,.footer-links button:hover{color:var(--blue)}.footer-links .icon{width:12px}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,340px);gap:clamp(30px,6vw,96px);align-items:center;padding-block:68px 62px}.hero h1{font-size:clamp(46px,5.25vw,76px);line-height:1.07;letter-spacing:-.06em;margin-bottom:28px;max-width:15ch}.hero .eyebrow{margin-bottom:28px}.hero-intro{font-size:17px;line-height:1.75;max-width:57ch;color:var(--muted)}.hero-intro strong{font-weight:600;color:var(--ink)}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:28px}.hero-shortcuts{display:flex;gap:3px 22px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);padding-top:16px;margin-top:32px}.hero-shortcuts>span{width:100%;font-size:11px;color:var(--muted)}.hero-shortcuts .text-link{font-size:13px;min-height:36px}.hero-shortcuts .icon{width:12px}.hero-portrait{align-self:end;position:relative;background:#e9edff;border-radius:180px 180px 4px 4px}.hero-portrait:before{content:'';position:absolute;inset:8% 8% auto;aspect-ratio:1;border:1px solid #cbd4f1;border-radius:50%}.hero-portrait img{width:100%;height:auto;position:relative;filter:grayscale(1);border-radius:inherit}.hero-portrait figcaption{padding:10px 0;text-align:center;position:absolute;top:100%;left:0;right:0;font-size:10px;letter-spacing:.02em}
.interface-history{border-block:1px solid var(--line);padding-block:48px 20px}.history-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;margin-bottom:30px}.history-intro .eyebrow{font-size:10px;margin-bottom:16px}.history-intro h2{font-size:clamp(34px,3.6vw,52px)}.history-intro>div>p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:53ch}.history-intro .text-link{margin-top:8px;font-size:12px}.history-track{height:auto}.history-sticky{padding-top:8px;background:white}.history-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;min-height:86px}.history-topline .eyebrow{font-size:10px;margin-bottom:4px}.history-topline h3{font:400 25px/1.2 var(--serif);letter-spacing:-.03em}.history-control{display:flex;align-items:center;gap:24px}.era-count{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.history-control button{border:1px solid #d6dbe5;border-radius:5px;min-height:40px;padding:8px 12px;font-size:11px;color:var(--muted)}.history-control button:hover{color:var(--blue);border-color:var(--blue)}.history-stage{position:relative;isolation:isolate;display:grid;place-items:center;min-height:470px;height:min(55vw,520px);padding:34px 24px;overflow:hidden;background:#cfdaee;touch-action:pan-y pinch-zoom}.era-component{--era-ink:#192233;color:var(--era-ink);position:relative;width:min(100%,470px);border-radius:25px;border:1px solid #ffffffb3;background:#f8fbffdf;box-shadow:0 18px 38px #16255526,inset 0 1px 0 #fff;transition:border-radius .18s,background-color .18s,box-shadow .18s}.era-content{padding:25px 30px 24px}.era-content h3{font:600 25px/1.2 var(--sans);letter-spacing:-.03em;margin-bottom:18px}.era-step{font-size:10px;margin-bottom:12px;letter-spacing:.06em;text-transform:uppercase}.era-principles{list-style:none;padding:0;margin:0;display:grid;gap:5px;font:400 14px/1.5 var(--sans)}.era-principles li{padding:10px 0;border-top:1px solid #24334c30}.era-chrome{display:none}.era-component[data-era=system6] .era-content h3{font-size:29px}.era-component[data-era=system6] .era-principles{font-size:18px}.era-component[data-era=iphone] .era-principles li{font-size:14px;padding:10px 0}.history-controls{padding-block:12px 18px}.history-help{font-size:11px;color:var(--muted);text-align:center;max-width:none;margin-bottom:8px}.era-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.era-selector button{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:9px 12px;border-bottom:2px solid var(--line);color:var(--muted);font-size:12px}.era-selector button:before{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:center;transition:transform .2s}.era-selector button[aria-pressed=true]{color:var(--blue);background:#f3f5ff;font-weight:600}.era-selector button[aria-pressed=true]:before{transform:scaleX(1)}.era-year{font-size:15px;font-variant-numeric:tabular-nums}.history-end{padding-top:20px}.history-end>p:first-child{max-width:none;display:flex;gap:12px 24px;align-items:center;justify-content:space-between;font-size:14px}.history-end .caption{margin-top:8px;font-size:10px}.history-end .text-link{white-space:nowrap;font-size:12px}.references{color:var(--muted);font-size:11px}.references summary{cursor:pointer;min-height:44px;line-height:44px;width:fit-content}.references p{margin-bottom:12px}.references a{text-decoration:underline;text-underline-offset:3px}.is-scroll-story .history-track{height:calc(100svh - var(--header) + 620px)}.is-scroll-story .history-sticky{position:sticky;top:var(--header);height:calc(100svh - var(--header));display:flex;flex-direction:column;justify-content:center;padding-top:12px}.is-scroll-story .history-stage{height:calc(100svh - var(--header) - 234px);min-height:350px;max-height:580px}.static-eras{display:grid;gap:24px;padding-block:24px}.static-eras>div{padding:24px;background:#eef1f8}.static-eras h3{margin-bottom:14px}.static-eras .era-component{margin-inline:auto}
.section-head{display:flex;gap:40px;justify-content:space-between;align-items:end;margin-bottom:44px}.section-head>p{font-size:15px;color:var(--muted);max-width:37ch}.section-head .eyebrow{margin-bottom:15px}.work{padding-block:84px}.project-row{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;border-top:1px solid var(--line);padding-block:42px}.project-image{display:block;position:relative;overflow:hidden;background:#edf3ed}.project-image img{width:100%;height:auto;transition:transform .4s}.project-image:hover img{transform:scale(1.018)}.cetelem .project-image{padding:36px}.cetelem .project-image img{box-shadow:0 12px 38px #19382214}.project-open{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:14px;padding:11px 15px;background:white;color:var(--blue);box-shadow:0 3px 10px #1111;font-size:11px;font-weight:600}.project-open .icon{width:12px}.project-number{font-size:10px;letter-spacing:.04em;color:var(--muted);margin-bottom:20px}.project-copy h3{font:400 clamp(30px,3vw,43px)/1.1 var(--serif);letter-spacing:-.04em;margin-bottom:20px}.project-copy>p:not(.project-number){font-size:15px;color:var(--muted);max-width:40ch}.project-copy .project-role{font-size:11px!important;border-top:1px solid var(--line);padding-top:17px;margin-top:22px;line-height:1.8}.project-copy .text-link{margin-top:12px}.malakoff{grid-template-columns:1fr 1.2fr}.malakoff .project-image{grid-column:2;grid-row:1;aspect-ratio:1.16}.malakoff .project-image img{height:100%;object-fit:cover;object-position:50% 40%}.malakoff .project-copy{grid-column:1;grid-row:1}.personal-project{margin-top:28px;background:#f2f4fc;border:1px solid #e2e7f2;padding:30px 42px;display:grid;grid-template-columns:160px 1fr;gap:46px;align-items:center}.personal-image{max-height:185px;overflow:hidden;border-radius:8px;box-shadow:0 10px 25px #17285615}.personal-project .eyebrow{margin-bottom:4px;font-size:10px}.personal-project h3{font:400 32px/1.2 var(--serif);letter-spacing:-.03em;margin-bottom:10px}.personal-project p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:63ch}.personal-project .text-link{font-size:12px;margin-top:7px}
.about{padding-block:78px;background:#f4f5f8}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about h2{font-size:clamp(36px,3.6vw,50px);margin-bottom:28px}.about p:not(.eyebrow):not(.caption){font-size:15px;color:var(--muted);margin-bottom:14px}.about .text-link{margin-top:9px}.experience h3{font-size:12px;font-weight:600;margin-bottom:24px}.experience ol{padding:0;list-style:none;margin:0 0 20px}.experience li{display:grid;grid-template-columns:92px 1fr;gap:24px;border-top:1px solid #d3d9e1;padding-block:16px}.experience li>span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.experience strong{font-size:14px;line-height:1.45;display:block;font-weight:600}.experience li p{font-size:11px!important;margin:4px 0 0!important}.experience .caption{font-size:10px}
.v37-contact{background:var(--blue);padding-block:76px;color:white}.v37-wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.v37-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.v37-eyebrow{font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:22px;color:#e1e7ff}.v37-contact h2{font-size:clamp(40px,4.5vw,62px);margin-bottom:25px}.v37-contact h2 em{color:#e1e7ff}.v37-contact p{font-size:14px;color:#e6ebff;margin-bottom:24px}.v37-email{display:inline-block;min-height:44px;font-size:clamp(17px,2.1vw,29px);text-decoration:underline;text-underline-offset:6px;overflow-wrap:anywhere;max-width:100%}.v37-actions{display:flex;gap:25px;flex-wrap:wrap;align-items:center;margin-top:20px}.v37-actions .v37-link{display:inline-flex;min-height:44px;align-items:center;font-size:13px;gap:8px}.v37-contact a:focus-visible{outline-color:white}.v37-actions .icon{width:13px}.v37-contact #contact-form{background:white;color:var(--ink);padding:30px 34px;border-radius:5px}.v37-contact #contact-form h3{font:400 28px/1.2 var(--serif);letter-spacing:-.03em;margin-bottom:6px}#contact-form .v37-form-required{font-size:11px;color:var(--muted);margin-bottom:24px}.v37-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.v37-field{margin-bottom:18px}.v37-field label{font-size:12px;font-weight:600;display:block;margin-bottom:6px}.v37-field label small{font-size:10px;font-weight:400}.v37-field input,.v37-field textarea{width:100%;background:white;color:var(--ink);border:1px solid #a7afbc;padding:10px 12px;border-radius:4px;min-height:46px;font:400 16px/1.5 var(--sans);resize:vertical}.v37-field textarea{min-height:130px}.v37-field [aria-invalid=true]{border-color:#a42128}.v37-field .v37-field-error{font-size:12px!important;color:#a42128!important;margin:6px 0 0!important}.v37-field-hint,.v37-form-privacy{font-size:11px!important;line-height:1.6!important;color:var(--muted)!important;margin:6px 0 16px!important}.v37-form-privacy a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}.v37-form-privacy a:focus-visible{outline-color:var(--blue)}.v37-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}#contact-submit{width:100%;min-height:48px;border-radius:4px;background:var(--blue);color:white;font-size:13px;font-weight:600}#contact-submit:hover{background:var(--blue-dark)}#contact-submit:disabled{opacity:.65;cursor:wait}#contact-form-status{color:var(--ink)!important;font-size:12px!important;margin:12px 0 0!important}#contact-form-status:empty{display:none}#contact-form-status[data-state=error]{color:#a42128!important}#contact-form-status[data-state=success]{color:#1d6133!important}
.case-hero{padding-block:34px 42px}.back-link{display:inline-flex;gap:10px;align-items:center;min-height:44px;font-size:12px;color:var(--muted);margin-bottom:24px}.back-link .icon{transform:rotate(180deg);order:-1;width:12px}.back-link:hover{color:var(--blue)}.case-hero .eyebrow{margin-bottom:18px}.case-hero h1{max-width:21ch;font-size:clamp(43px,5.4vw,75px);margin-bottom:24px}.case-intro{font-size:17px;color:var(--muted);max-width:62ch}.case-facts{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:30px;border-top:1px solid var(--line);padding-top:20px;margin:30px 0 0}.case-facts dt{font-size:10px;letter-spacing:.05em;color:var(--muted);margin-bottom:5px}.case-facts dd{margin:0;font-size:13px;font-weight:500}.case-evidence{padding-block:40px 62px;border-top:1px solid var(--line)}.evidence-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 72px;margin-bottom:30px;align-items:end}.evidence-heading .eyebrow{grid-column:1/-1;margin-bottom:14px;font-size:10px}.evidence-heading h2{font-size:clamp(31px,3.1vw,43px);max-width:22ch}.evidence-heading>p:not(.eyebrow){font-size:14px;color:var(--muted)}.evidence-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr);gap:60px;align-items:center}.case-figure{min-width:0}.image-open{display:block;position:relative;background:#f0f3f5;padding:18px;cursor:zoom-in}.image-open img{width:auto;max-width:100%;height:auto;max-height:none;margin-inline:auto}.image-hint{display:flex;align-items:center;gap:10px;position:absolute;right:28px;bottom:28px;background:white;color:var(--blue);border:1px solid var(--line);border-radius:3px;padding:8px 12px;min-height:40px;font-size:10px;box-shadow:0 2px 8px #0001}.image-hint .icon{width:11px}.case-figure figcaption{font-size:11px;margin-top:12px;max-width:70ch}.image-notes{list-style:none;margin:0;padding:0;display:grid;gap:25px}.image-notes li{display:grid;grid-template-columns:30px 1fr;gap:14px;border-top:1px solid var(--line);padding-top:16px}.note-number{font-size:11px;color:var(--blue);font-variant-numeric:tabular-nums;padding-top:3px}.image-notes h3{font-size:15px;font-weight:600;line-height:1.4;margin-bottom:8px}.image-notes p{font-size:13px;line-height:1.7;color:var(--muted)}.case-story{padding-block:56px 62px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 80px}.case-story>.eyebrow{grid-column:1/-1;margin-bottom:18px}.case-story h2{font-size:clamp(32px,3.3vw,47px)}.case-story>div>p,.case-prose>p{font-size:15px;color:var(--muted);margin-bottom:20px}.case-story>div>.caption{font-size:12px}.evidence-mobile{grid-template-columns:1fr 1fr}.phone-figure{width:100%;max-width:352px;margin:auto}.phone-figure .image-open{padding:16px;background:#eef4ee}.case-prose{align-self:start;padding-top:20px}.case-takeaway{padding-block:52px 64px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 80px}.case-takeaway .eyebrow{grid-column:1/-1}.case-takeaway h2{font-size:clamp(32px,3.3vw,47px)}.case-takeaway>p:not(.eyebrow){font-size:15px;color:var(--muted)}.case-takeaway>.text-link{grid-column:2;margin-top:20px}.case-next{padding-block:42px;background:#f2f4fc}.case-next>.wrap{display:flex;justify-content:space-between;align-items:center;gap:25px}.case-next .eyebrow{font-size:10px;margin-bottom:5px}.next-project{font:400 clamp(25px,3vw,40px)/1.15 var(--serif);letter-spacing:-.04em;display:flex;gap:22px;min-height:48px;align-items:center}.next-project .icon{width:24px;height:24px}.next-project:hover{color:var(--blue)}.app-compare{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:960px;margin:auto}.app-compare .image-open{padding:25px}.app-compare .image-open img{max-height:550px;width:auto}.case-apphalt .evidence-grid .image-open img{max-height:670px}.legal{max-width:860px;padding-block:64px}.legal h1{margin-bottom:38px}.legal h2{font:600 21px/1.4 var(--sans);letter-spacing:-.02em;margin-block:28px 12px}.legal p{font-size:15px;margin-bottom:15px}.legal a:not(.button){color:var(--blue);text-decoration:underline;text-underline-offset:3px}.legal .button{margin-top:15px}.playground-intro{padding-block:50px 10px}.playground-intro h1{font-size:42px}.playground-page .interface-history{border-top:0}
.image-dialog{width:min(1100px,calc(100% - 40px));height:min(880px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);padding:0;border:0;border-radius:7px;background:#fff;color:var(--ink);overflow:hidden}.image-dialog::backdrop{background:#101729c9;backdrop-filter:blur(5px)}.image-dialog-head{display:flex;align-items:center;gap:15px;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line);background:#fff}.image-dialog-head h2{font:600 14px/1.4 var(--sans);letter-spacing:0;margin:0}.image-dialog-tools{display:flex;gap:8px;flex:none}.image-dialog-tools button,.image-dialog-tools a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;border:1px solid var(--line);border-radius:4px;padding:8px 12px;color:var(--blue)}.image-dialog-tools button:last-child{padding:0}.image-dialog-body{height:calc(100% - 118px);overflow:auto;overscroll-behavior:contain;padding:20px;background:#edf0f5;display:flex;align-items:flex-start;justify-content:center}.image-dialog-body img{width:auto;height:auto;object-fit:contain;max-width:100%;max-height:100%;align-self:center}.image-dialog-body.is-native{display:block}.image-dialog-body.is-native img{width:auto;max-width:none;max-height:none;margin:auto}.image-dialog-caption{font-size:11px;padding:12px 20px;margin:0;color:var(--muted);max-width:none}.image-dialog button:disabled{opacity:.5}.dialog-open{overflow:hidden}
@media(min-width:1500px){.hero{padding-block:84px 84px}.hero h1{font-size:80px}.hero-portrait{width:340px}.history-intro{padding-block:8px}}
@media(max-width:1100px){.wrap,.v37-wrap{width:calc(100% - 64px)}.hero{gap:36px;grid-template-columns:minmax(0,1fr) 270px;padding-block:50px 58px}.hero h1{font-size:clamp(43px,5.2vw,59px)}.hero-intro{font-size:15px}.hero-shortcuts{gap:0 17px}.header-inner{gap:25px}.desktop-nav{gap:23px}.header-actions{gap:20px}.project-row{gap:36px}.cetelem .project-image{padding:24px}.about-grid,.v37-contact-grid{gap:50px}.evidence-grid{gap:36px}.case-story,.case-takeaway{gap:0 45px}}
@media(max-width:800px){:root{--header:66px}.wrap,.v37-wrap{width:calc(100% - 40px)}.header-inner{gap:10px;justify-content:space-between}.brand{gap:10px}.brand img{width:31px}.brand span{font-size:12px}.desktop-nav,.header-actions>.header-cv{display:none}.header-actions{gap:10px}.language-switch{padding:2px}.language-switch a{min-height:40px;min-width:40px}.mobile-menu{display:block}.mobile-menu[open] nav{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;padding:14px 20px;background:white;box-shadow:0 14px 30px #1d29511c;border-bottom:1px solid var(--line)}.mobile-menu nav a{font-size:14px;min-height:48px;display:flex;align-items:center;gap:10px}.hero{grid-template-columns:minmax(0,1fr) 210px;gap:25px;padding-block:44px 50px}.hero h1{font-size:43px}.hero .eyebrow{font-size:10px;margin-bottom:22px}.hero-actions{gap:16px}.hero-actions .button{padding-inline:17px;gap:15px}.hero-actions .text-link{font-size:12px}.hero-shortcuts{margin-top:24px}.hero-intro{font-size:14px}.hero-shortcuts .text-link{font-size:12px}.hero-portrait figcaption{font-size:9px}.history-intro{gap:35px}.history-intro>div>p:not(.eyebrow){font-size:14px}.history-topline h3{font-size:23px}.era-selector button{flex-direction:column;gap:3px}.era-name{font-size:11px}.history-end>p:first-child{display:block;font-size:13px}.history-end .text-link{margin-top:5px}.project-row{gap:28px}.project-copy h3{font-size:30px}.project-copy>p:not(.project-number){font-size:13px}.project-number{font-size:9px}.project-copy .project-role{font-size:10px!important}.about-grid{gap:40px}.about p:not(.eyebrow):not(.caption){font-size:14px}.experience li{grid-template-columns:74px 1fr;gap:12px}.v37-contact-grid{gap:30px}.v37-contact #contact-form{padding:24px}.v37-form-row{grid-template-columns:1fr;gap:0}.evidence-heading{gap:0 30px}.evidence-heading>p:not(.eyebrow){font-size:13px}.evidence-grid{grid-template-columns:1.15fr .85fr;gap:28px}.image-notes li{gap:7px;grid-template-columns:24px 1fr}.image-notes p{font-size:12px}.image-notes h3{font-size:14px}.case-story,.case-takeaway{gap:0 30px}.site-footer{display:block}.footer-links{justify-content:flex-start;margin-top:22px;max-width:none;gap:2px 20px}}
@media(max-width:600px){.hero{display:block;position:relative;padding-block:34px 40px}.hero-copy{display:contents}.hero .eyebrow{padding-right:86px;margin-bottom:20px;max-width:260px;font-size:10px;line-height:1.8}.hero h1{font-size:clamp(38px,9.5vw,54px);max-width:14ch;margin-bottom:23px}.hero-intro{font-size:14px;line-height:1.7}.hero-portrait{position:absolute;top:25px;right:0;width:67px;border-radius:40px 40px 3px 3px}.hero-portrait figcaption{display:none}.hero-actions{margin-top:24px;gap:10px 22px}.hero-actions .button{min-height:49px;font-size:12px;gap:18px}.hero-actions .text-link{font-size:12px}.hero-shortcuts{padding-top:12px;margin-top:24px;gap:0 24px}.hero-shortcuts>span{font-size:10px}.hero-shortcuts .text-link{min-height:44px;font-size:12px}.interface-history{padding-top:32px}.history-intro{display:block;margin-bottom:18px}.history-intro h2{font-size:34px}.history-intro .eyebrow{font-size:9px;margin-bottom:14px}.history-intro>div>p:not(.eyebrow){font-size:13px;margin-top:20px;line-height:1.7}.history-intro .text-link{margin-top:7px}.history-topline{gap:10px;padding-bottom:15px;min-height:76px}.history-topline h3{font-size:20px;max-width:21ch}.history-topline .eyebrow{font-size:9px}.history-control{flex-direction:column;align-items:flex-end;gap:2px;flex:none}.era-count{font-size:11px}.history-control button{font-size:10px;min-height:36px;padding:4px 7px;border:0;text-decoration:underline;text-underline-offset:3px}.history-stage{height:auto;min-height:385px;padding:30px 28px}.era-content{padding:24px 22px}.era-content h3{font-size:23px}.era-component[data-era=system6] .era-content h3{font-size:25px}.era-component[data-era=system6] .era-principles{font-size:17px}.era-component[data-era=iphone] .era-content h3{font-size:23px}.era-component[data-era=iphone] .era-content{padding:24px 21px}.era-principles{font-size:13px}.era-step{font-size:9px}.history-controls{padding-top:9px;padding-bottom:5px}.history-help{font-size:10px;margin-bottom:5px;line-height:1.5}.era-selector button{padding:9px 2px;min-height:57px;gap:4px}.era-year{font-size:13px}.era-name{font-size:10px}.history-end{padding-top:16px}.history-end .caption{font-size:10px}.history-end>p:first-child{font-size:12px}.references{font-size:10px}.section-head{display:block;margin-bottom:25px}.section-head h2{font-size:40px}.section-head>p{margin-top:20px;font-size:14px;max-width:45ch}.work{padding-block:48px}.project-row,.malakoff{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding-block:27px 32px}.cetelem .project-image{padding:24px}.project-copy h3{font-size:34px;margin-bottom:15px}.project-number{font-size:10px;margin-bottom:14px}.project-copy>p:not(.project-number){font-size:14px;max-width:none}.project-copy .project-role{font-size:11px!important;margin-top:17px;padding-top:14px}.project-copy .text-link{margin-top:6px}.project-open{right:10px;bottom:10px;font-size:10px;padding:8px 12px}.malakoff .project-image{aspect-ratio:1.15}.personal-project{grid-template-columns:84px 1fr;gap:22px;padding:22px 20px;margin-top:12px;align-items:start}.personal-image{max-height:104px;margin-top:3px}.personal-project .eyebrow{font-size:9px}.personal-project h3{font-size:28px}.personal-project p:not(.eyebrow){font-size:12px}.personal-project .text-link{font-size:11px;gap:8px}.about{padding-block:48px}.about-grid{display:block}.about h2{font-size:39px}.about .eyebrow{font-size:10px}.about p:not(.eyebrow):not(.caption){font-size:14px}.experience{margin-top:42px}.experience h3{margin-bottom:17px}.experience li{grid-template-columns:83px 1fr;gap:18px;padding-block:16px}.experience strong{font-size:13px}.v37-contact{padding-block:46px}.v37-contact-grid{display:block}.v37-contact h2{font-size:43px}.v37-contact p{font-size:14px;max-width:36ch}.v37-contact .v37-email{font-size:21px}.v37-contact #contact-form{margin-top:30px;padding:25px 23px}.v37-contact #contact-form h3{font-size:27px}.v37-contact .v37-actions{margin-top:10px}.v37-field{margin-bottom:17px}.v37-field-hint{margin-bottom:18px!important}.case-hero{padding-block:22px 30px}.back-link{margin-bottom:18px;font-size:11px}.case-hero .eyebrow{font-size:10px;margin-bottom:17px}.case-hero h1{font-size:43px;max-width:16ch;margin-bottom:20px}.case-intro{font-size:14px;line-height:1.7}.case-facts{grid-template-columns:1fr 1fr;gap:17px 20px;padding-top:18px;margin-top:25px}.case-facts>div:last-child{grid-column:1/-1}.case-facts dt{font-size:10px}.case-facts dd{font-size:12px}.case-evidence{padding-block:30px 37px}.evidence-heading{display:block;margin-bottom:24px}.evidence-heading h2{font-size:32px;max-width:none;margin-bottom:17px}.evidence-heading>p:not(.eyebrow){font-size:13px}.evidence-grid,.evidence-mobile{display:flex;flex-direction:column;align-items:stretch;gap:27px}.image-open{padding:12px}.image-hint{right:18px;bottom:18px;font-size:10px;padding:7px 9px;min-height:36px}.case-figure figcaption{font-size:10px;margin-top:10px}.image-notes{gap:18px}.image-notes li{grid-template-columns:24px 1fr;gap:13px;padding-top:14px}.image-notes h3{font-size:14px}.image-notes p{font-size:13px}.case-story,.case-takeaway{display:block;padding-block:34px}.case-story h2,.case-takeaway h2{font-size:34px;margin-bottom:24px}.case-story>div>p,.case-takeaway>p:not(.eyebrow){font-size:14px}.phone-figure{max-width:300px}.phone-figure .image-open{padding:12px}.app-compare{gap:20px}.app-compare .image-open{padding:8px}.app-compare .image-hint{right:12px;bottom:12px;padding:5px 8px;gap:6px;min-height:34px;font-size:9px}.app-compare figcaption{font-size:10px}.case-prose{padding-top:0}.case-prose p{font-size:14px}.case-next{padding-block:30px}.case-next>.wrap{display:block}.case-next .button{margin-top:24px;font-size:12px}.next-project{font-size:31px}.legal{padding-block:40px}.legal h1{font-size:39px;overflow-wrap:anywhere}.legal h2{font-size:19px}.legal p{font-size:14px}.site-footer{padding-block:28px}.footer-links{gap:0 20px;font-size:11px}.footer-links .language-switch{margin-right:10px}.image-dialog{width:100%;height:100dvh;max-height:100dvh;max-width:100%;border-radius:0}.image-dialog-head{padding:10px 14px;gap:10px;flex-wrap:wrap}.image-dialog-head h2{width:calc(100% - 55px);font-size:13px}.image-dialog-tools{width:100%}.image-dialog-tools button:last-child{position:absolute;right:12px;top:10px}.image-dialog-body{height:calc(100% - 171px);padding:12px}.image-dialog-caption{padding:10px 14px;font-size:11px}.playground-intro{padding-block:32px 0}.playground-intro h1{font-size:32px}}
@media(max-width:360px){.wrap,.v37-wrap{width:calc(100% - 32px)}.brand span{font-size:11px}.brand img{width:27px}.header-actions{gap:5px}.brand{gap:8px}.language-switch a{min-width:35px}.hero h1{font-size:37px}.hero-actions{gap:8px 15px}.hero-actions .button{font-size:11px;padding-inline:13px;gap:10px}.hero-actions .text-link{font-size:11px}.hero-shortcuts{gap:0 17px}.hero-shortcuts .text-link{font-size:11px}.history-stage{padding-inline:20px}.era-name{font-size:9px}.history-topline h3{font-size:18px}.era-component[data-era=system6] .era-content h3{font-size:23px}.era-component[data-era=system6] .era-principles{font-size:16px}.personal-project{grid-template-columns:62px 1fr;gap:18px}.case-hero h1{font-size:39px}.v37-contact h2{font-size:39px}.v37-contact #contact-form{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.is-scroll-story .history-track{height:auto!important}.is-scroll-story .history-sticky{position:static;height:auto!important}.is-scroll-story .history-stage{height:auto;min-height:385px}}
html.motion-reduced{scroll-behavior:auto}html.motion-reduced *,html.motion-reduced *::before,html.motion-reduced *::after{animation:none!important;transition:none!important}.motion-reduced .history-track{height:auto!important}.motion-reduced .history-sticky{position:static;height:auto!important}.motion-reduced .history-stage{height:auto;min-height:385px}
@media(forced-colors:active){.os-wallpapers{display:none}.era-component,.history-stage,.button,.language-switch a[aria-current],.era-selector button[aria-pressed=true]{border:2px solid CanvasText}.image-hint,.project-open{border:1px solid CanvasText}.era-selector button[aria-pressed=true]{outline:2px solid Highlight}}
@media print{.site-header,.site-footer,.interface-history,.hero-portrait,.v37-contact,.case-next,.image-hint{display:none}.wrap,.v37-wrap{width:100%}.hero,.project-row,.case-story,.case-takeaway,.about-grid{display:block}.hero-shortcuts{display:none}h1{font-size:34pt}h2{font-size:24pt}a{color:inherit}.case-figure{break-inside:avoid}.case-hero,.case-evidence{padding-block:16px}.evidence-grid{gap:20px}.case-facts{font-size:10pt}.image-open{padding:0}}
.image-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.image-dialog-body{height:auto!important;min-height:0}.image-dialog-caption{min-height:44px}
@media(min-width:601px){.hero h1{max-width:none}}

/* Portrait presence: fixed geometry, discreet independent pause control. */
.hero-portrait .portrait-toggle{position:absolute;z-index:2;right:10px;bottom:10px;width:32px;height:32px;display:grid;place-items:center;padding:7px;border:1px solid #cbd4f1;border-radius:50%;background:#fff;color:#203cbd;box-shadow:0 2px 10px #14275a12;cursor:pointer}
.portrait-toggle[hidden]{display:none!important}.portrait-toggle svg{width:16px;height:16px}.portrait-toggle .portrait-play{display:none}.portrait-toggle[data-paused="true"] .portrait-play{display:block}.portrait-toggle[data-paused="true"] .portrait-pause{display:none}.portrait-toggle:hover{background:#eff3ff}.portrait-toggle:focus-visible{outline:3px solid #2445df;outline-offset:3px}.v37-form-preview{padding:12px 14px;border:1px solid #cbd4f1;border-radius:8px;background:#f3f6ff;color:#24345e;font-size:14px;line-height:1.5;margin-bottom:16px}
@media(max-width:600px){.hero-portrait .portrait-toggle{right:-5px;bottom:-5px}}
@media(prefers-reduced-motion:reduce){.portrait-toggle{display:none!important}}
@media print{.portrait-toggle{display:none!important}}

/* /assets/styles/v79-hero.css */
/* V79: the approved fixed ribbon composition, integrated into the full site.
   Motion remains intentionally absent until the composition is reviewed in context. */
body.home-page .hero79-stage {
  position: relative;
  z-index: 2;
  overflow: hidden;
  isolation: isolate;
  background: #f5f2ea;
}

body.home-page .hero79-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.07fr) minmax(0, 1fr);
  align-items: center;
  gap: 20px;
  width: min(100%, 1280px);
  min-height: 640px;
  margin: 0 auto;
  padding: 45px 40px 0;
}

body.home-page .hero79-copy {
  position: relative;
  z-index: 2;
  min-width: 0;
  padding-bottom: 65px;
}

body.home-page .hero79-copy h1 {
  margin: 0;
  color: #172b48;
  font: 400 clamp(48px, 4.5vw, 66px)/1.025 var(--serif);
  letter-spacing: -.06em;
}

body.home-page .hero79-copy h1 span,
body.home-page .hero79-copy h1 em {
  display: block;
}

body.home-page .hero79-copy h1 em {
  margin-top: 7px;
  color: #2956f4;
  font-weight: 400;
}

body.home-page .hero79-mobile-break { display: none; }

body.home-page .hero79-role {
  max-width: none;
  margin-top: 24px;
  color: #172b48;
  font: 400 11px/1.5 var(--sans);
  letter-spacing: .22em;
  text-transform: uppercase;
}

body.home-page .hero79-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  min-height: 46px;
  margin-top: 21px;
  padding: 12px 21px;
  border-radius: 999px;
  background: #2956f4;
  color: #fff;
  font: 700 14px/1.2 var(--sans);
  transition: background-color .2s ease;
}

body.home-page .hero79-cta:hover { background: #2149db; }
body.home-page .hero79-cta span { font-size: 17px; line-height: 1; }

body.home-page .hero79-portrait {
  align-self: end;
  justify-self: end;
  width: 100%;
  max-width: 470px;
  isolation: isolate;
}

body.home-page .hero79-composition {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

@media (min-width: 1600px) {
  body.home-page .hero79-inner { min-height: 680px; }
  body.home-page .hero79-copy h1 { font-size: 64px; }
}

@media (max-width: 1050px) and (min-width: 701px) {
  body.home-page .hero79-inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
    min-height: 550px;
    padding: 35px 28px 0;
  }
  body.home-page .hero79-copy { padding-bottom: 50px; }
  body.home-page .hero79-copy h1 { font-size: 46px; }
  body.home-page .hero79-role { font-size: 10px; letter-spacing: .16em; }
  body.home-page .hero79-portrait { width: 110%; max-width: 420px; }
}

@media (max-width: 700px) {
  body.home-page .hero79-inner {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    min-height: 0;
    padding: 14px 0 0;
  }
  body.home-page .hero79-copy { padding: 0 22px; }
  body.home-page .hero79-copy h1 {
    font-size: clamp(41px, 12vw, 62px);
    line-height: .99;
  }
  body.home-page .hero79-mobile-break { display: initial; }
  body.home-page .hero79-copy h1 em {
    margin-top: 3px;
    font-size: clamp(34px, 10.5vw, 54px);
    line-height: 1.02;
    letter-spacing: -.065em;
    white-space: nowrap;
  }
  body.home-page .hero79-role {
    margin-top: 12px;
    font-size: 10px;
    letter-spacing: .16em;
  }
  body.home-page .hero79-cta {
    position: relative;
    gap: 12px;
    min-height: 44px;
    margin-top: 12px;
    padding: 10px 16px;
    font-size: 12px;
  }
  body.home-page .hero79-portrait {
    align-self: center;
    width: 100%;
    max-width: 510px;
    margin-top: 8px;
  }
}

@media (max-width: 360px) {
  body.home-page .hero79-copy { padding-inline: 18px; }
  body.home-page .hero79-copy h1 { font-size: 40px; }
  body.home-page .hero79-copy h1 em { font-size: 34px; }
  body.home-page .hero79-role { font-size: 10px; letter-spacing: .12em; }
}

/* /assets/styles/v81-hero.css */
/* V94: bounded first screen, complete ribbon silhouette, no mandatory full
   empty viewport. The existing scroll-linked colour reveal is retained. */
body.home-page{overflow-x:clip}
.hero81-draw{stroke-opacity:0}
body.home-page .hero81-track{--hero-height:clamp(560px,76svh,720px);position:relative;height:calc(var(--hero-height) + 150px);background:#fff}
body.home-page .hero81-track .hero79-stage{position:sticky;top:var(--gn88-site-header,77px);height:var(--hero-height);min-height:0;background:#fff;overflow:clip}
body.home-page .hero81-track .hero79-inner{height:100%;min-height:0;width:min(100%,1280px);padding:28px 40px;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}
body.home-page .hero81-track .hero79-copy{padding:0;align-self:center}
body.home-page .hero81-track .hero79-copy h1{font-size:clamp(44px,4.2vw,64px);line-height:1.06}
body.home-page .hero81-track .hero79-role{font-size:10px;letter-spacing:.15em;margin-top:24px}
body.home-page .hero94-description{max-width:39ch;margin:14px 0 0;color:#59667a;font:400 16px/1.6 var(--sans,Arial,sans-serif)}
body.home-page .hero81-track .hero79-cta{margin-top:24px}
body.home-page .hero81-track .hero79-portrait{align-self:center;justify-self:end;margin:0;width:100%;max-width:525px}
body.home-page .hero81-track .hero79-composition{filter:drop-shadow(0 18px 25px rgb(25 55 122 / 6%));overflow:visible}
body.home-page .mh3-rail .mh70-logo{width:122px;height:34px;padding:0;overflow:visible;border-radius:0;background:transparent}
body.home-page .mh3-rail .mh70-logo img{width:100%;height:100%;object-fit:contain;filter:none}
@media(min-width:1600px){body.home-page .hero81-track .hero79-inner{width:min(100%,1360px)}body.home-page .hero81-track .hero79-copy h1{font-size:64px}}
@media(max-width:1050px) and (min-width:701px){
 body.home-page .hero81-track{--hero-height:560px}
 body.home-page .hero81-track .hero79-inner{padding-inline:28px;gap:12px}
 body.home-page .hero81-track .hero79-copy h1{font-size:43px}
 body.home-page .hero81-track .hero79-portrait{width:100%}
 body.home-page .hero94-description{font-size:15px;max-width:34ch}
}
@media(max-width:700px){
 body.home-page .hero81-track{height:auto}
 body.home-page .hero81-track .hero79-stage{position:relative;top:auto;min-height:0;height:auto}
 body.home-page .hero81-track .hero79-inner{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:0;padding:32px 22px 18px;gap:16px}
 body.home-page .hero81-track .hero79-copy{padding:0;align-self:stretch}
 body.home-page .hero81-track .hero79-copy h1{font-size:clamp(38px,10.4vw,56px);line-height:1.02}
 body.home-page .hero81-track .hero79-copy h1 em{font-size:clamp(33px,9.5vw,49px);line-height:1.05;white-space:normal}
 body.home-page .hero81-track .hero79-role{font-size:9px;line-height:1.6;letter-spacing:.1em;margin-top:18px}
 body.home-page .hero94-description{font-size:14px;line-height:1.5;max-width:38ch;margin-top:12px}
 body.home-page .hero81-track .hero79-cta{margin-top:18px}
 body.home-page .hero81-track .hero79-portrait{width:100%;max-width:420px;align-self:center;margin:0}
}
@media(max-width:360px){body.home-page .hero81-track .hero79-inner{padding-inline:18px}body.home-page .hero81-track .hero79-copy h1{font-size:36px}body.home-page .hero81-track .hero79-copy h1 em{font-size:32px}}
@media(prefers-reduced-motion:reduce){.hero81-draw{stroke-dashoffset:0!important;stroke-opacity:1!important}}
html.motion-reduced .hero81-draw{stroke-dashoffset:0!important;stroke-opacity:1!important}
html.gn93-reading .hero81-track{height:auto}
html.gn93-reading .hero81-track .hero79-stage{position:relative;top:0}

/* /assets/styles/v105-sober.css */
/* V105 sobre. One ownership layer for the edited home and shared case polish.
   The V104 portrait/SVG, type, palette and original Cetelem scene are reused. */
:root{--sober-gutter:clamp(20px,4.5vw,72px);--sober-width:1280px}
html{scroll-behavior:auto;scroll-padding-top:0}
[id]{scroll-margin-top:calc(var(--header,76px) + 18px)}
:where(a,button,summary,input,textarea):focus-visible{outline:3px solid #294be8;outline-offset:5px}
.site-header{background:#fffffff5;transform:none!important;position:sticky;top:0}
.site-header .v105-motion-quick{flex:none;width:40px;height:44px;border:1px solid #d4dbe7;border-radius:50%;background:#f7f8fc;color:#294be8;padding:0;font-size:0;cursor:pointer}
.site-header .v105-motion-quick:before{content:'◐';font:400 24px/1 Arial,sans-serif}
.site-header .v105-motion-quick[aria-pressed=true]{background:#e6ebff;border-color:#294be8}
body.sober-home .wrap{width:min(var(--sober-width),calc(100% - 2*var(--sober-gutter)))}
body.sober-home .header-inner{gap:28px}
body.sober-home .header-actions{gap:22px}
body.sober-home .hero81-track{height:clamp(610px,82svh,850px);--hero-height:100%;background:#fff}
body.sober-home .hero81-track .hero79-stage{position:relative;top:0;height:100%;overflow:clip}
body.sober-home .hero81-track .hero79-inner{width:min(100%,1400px);padding:36px var(--sober-gutter) 40px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:38px}
body.sober-home .hero81-track .hero79-copy h1{font-size:clamp(44px,4.35vw,68px);line-height:1.08;letter-spacing:-.055em}
body.sober-home .hero81-track .hero79-role{margin-top:26px;font-size:11px;line-height:1.6;letter-spacing:.08em}
body.sober-home .hero94-description{max-width:40ch;font-size:17px;line-height:1.6;margin-top:12px;color:#59616d}
body.sober-home .hero81-track .hero79-portrait{max-width:540px;width:100%}
body.sober-home .hero81-track .hero79-cta{margin-top:26px;min-height:48px;font-size:14px}
body.sober-home .gn99-scroll-cue{display:flex;gap:12px;align-items:center;min-height:44px;width:max-content;margin-top:16px;font-size:12px;color:#5c6675}
body.sober-home .gn99-scroll-cue-icon{display:grid;place-items:center;border:1px solid #d8deea;border-radius:50%;width:30px;height:30px;font-size:18px;color:#294be8}
.sober-project-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:36px;padding:30px 0;border-top:1px solid #dfe3e8}
.sober-project-heading h2{font-size:30px;letter-spacing:-.04em;flex:none}
.sober-project-heading nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1;max-width:1000px;gap:24px}
.sober-project-heading nav a{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;min-width:0;min-height:44px;padding-block:6px;font-size:14px;line-height:1.45;color:#536174}.project-entry-name{font-weight:600;color:#202b3a}.project-entry-topic{max-width:25ch}
.sober-project-heading nav a:hover,.sober-project-heading nav a[aria-current]{color:#294be8}.sober-project-heading nav a:hover .project-entry-name,.sober-project-heading nav a[aria-current] .project-entry-name{color:#294be8;text-decoration:underline;text-underline-offset:5px}
.sober-cetelem{background:#f3f7f0;border-top:1px solid #dee6db;border-bottom:1px solid #dee6db;color:#244a33}
.sober-cetelem .c103-lab{margin:0;width:100%;border:0;padding:0;min-height:0;position:relative}
.c103-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);align-items:end;gap:clamp(28px,7vw,100px);width:min(var(--sober-width),calc(100% - 2*var(--sober-gutter)));margin:auto;padding:62px 0 44px}
.c103-eyebrow,.sober-kicker{display:block;font:600 11px/1.6 var(--sans);letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px}
.c103-intro h2{color:#244a33;font-size:clamp(40px,4.5vw,66px);letter-spacing:-.052em;margin-bottom:18px;max-width:22ch}
.c103-intro-head>p{font-size:17px;line-height:1.65;max-width:55ch;color:#475c4c}
.sober-role{font-size:13px;line-height:1.65;color:#576273;margin:22px 0}
.c103-intro .sober-role{margin:0 0 20px;color:#475c4c;font-size:13px;max-width:28ch}
.sober-case-link{display:inline-flex;gap:20px;align-items:center;min-height:48px;padding:12px 22px;border-radius:30px;background:#294be8;color:white;font:600 13px/1.4 var(--sans);text-decoration:none}
.sober-case-link:hover{background:#213cc0}
.sober-case-link>span{font-size:18px}
.sober-cetelem .sober-case-link{background:#2c5b3e}
.sober-cetelem .sober-case-link:hover{background:#21472f}
.c103-scene-track{display:none;position:relative;background:#1a3c2c}
.c103-motion-on .c103-scene-track{display:block}
.c103-scene-sticky{position:sticky;top:var(--header,76px);height:min(760px,calc(100svh - var(--header,76px)));min-height:400px;isolation:isolate;overflow:hidden;background:#1a3c2c}
.c103-scene-sticky iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;pointer-events:none;overflow:hidden}
.c103-pending{position:absolute;inset:0;display:grid;place-items:center;padding:30px;color:#e2eadf;font-size:15px}
.c103-loaded .c103-pending{display:none}
.sober-scene-controls{position:absolute;z-index:4;bottom:14px;left:50%;transform:translateX(-50%);width:min(840px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 16px;background:#fffffff5;color:#294b34;border:1px solid #d8e1d2;border-radius:9px;font-size:12px;box-shadow:0 2px 14px #00000008}
.sober-scene-controls>span{font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.sober-scene-controls>div{display:flex;align-items:center;gap:2px}
.sober-scene-controls button,.sober-scene-controls>a{display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:6px 10px;font-size:12px}
.sober-scene-controls button[aria-current]{background:#edf2e9;box-shadow:inset 0 -2px #39633d;font-weight:700}
.sober-scene-controls button:disabled{color:#7b867d}
.sober-scene-controls .v105-workshop-arrow{font-size:20px}
.c103-reading{width:min(var(--sober-width),calc(100% - 2*var(--sober-gutter)));margin:0 auto;padding:16px 0;color:#2a4e36}
.c103-reading summary{width:fit-content;min-height:44px;padding:10px 0;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.c103-reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:20px 0}
.c103-reading-grid article{min-width:0}
.c103-reading-grid article>span{font-size:12px;color:#466a48}
.c103-reading-grid h3{font:600 18px/1.4 var(--sans);margin:8px 0 12px}
.c103-reading-grid p{font-size:15px;line-height:1.6;margin-bottom:20px}
.c103-reading-grid a{display:block;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.c103-reading-grid img{display:block;max-height:520px;width:auto;max-width:100%;height:auto;margin:auto;object-fit:contain}
.v105-enlarge-note{display:block;text-align:center;margin-top:12px}
.c103-source-note{font-size:12px;line-height:1.6;color:#526a57;padding-bottom:15px}
.sober-cetelem-end{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;padding:30px 0 70px;border-top:1px solid #d3dfce}
.sober-cetelem-end .sober-kicker{margin:0 0 6px}
.sober-cetelem-end p{font-size:15px;line-height:1.6;max-width:64ch;color:#475c4c}
.sober-inline-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.sober-project{--project-color:#294be8;position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(36px,6vw,90px);align-items:center;padding:80px 0 94px;border-bottom:1px solid #dfe3e8}
.sober-project-copy{min-width:0;max-width:550px}
.sober-client{display:flex;align-items:center;gap:14px;min-height:44px;margin-bottom:24px;font-size:19px;font-weight:600}
.sober-client>img{object-fit:contain;max-height:44px;width:auto}
.sober-client small{display:block;font-size:11px;font-weight:400;line-height:1.6;color:#5b6574}
.sober-apphalt .sober-client>img{width:44px;height:44px}
.sober-project h2{font-size:clamp(36px,3.8vw,56px);line-height:1.1;letter-spacing:-.052em;margin-bottom:22px}
.sober-project h2 em{color:var(--project-color)}
.sober-project-copy>p:not(.sober-role){font-size:16px;line-height:1.7;color:#566070;max-width:45ch}
.sober-project .sober-role{padding-top:18px;border-top:1px solid #dfe3e8;margin:24px 0}
.sober-project .sober-decision{font-size:14px!important;line-height:1.65!important;color:#565d66!important;margin:0 0 24px}
.sober-project .sober-product-link{margin-left:18px}
.sober-media{min-width:0;margin:0;transition:transform .65s cubic-bezier(.2,.7,.2,1);transform:translateY(0)}
.has-js .sober-media[data-reveal]:not(.is-visible){transform:translateY(20px)}
.sober-media img{width:100%;height:auto;object-fit:contain}
.sober-media figcaption{font-size:12px;line-height:1.6;margin-top:14px;color:#5a6573}
.sober-apphalt-media{background:#f2f4fb;padding:32px;border-radius:16px}
.sober-apphalt-media img{border-radius:9px;max-height:510px;object-fit:contain}
.sober-malakoff{--project-color:#b24236}
.sober-malakoff .sober-case-link{background:#9f3a30}
.sober-malakoff-media{background:#f7f3f1;overflow:hidden;border-radius:12px}
.sober-malakoff-media img{max-height:550px;object-fit:cover;object-position:center 35%;aspect-ratio:1.1}
.sober-malakoff-media figcaption{padding:0 20px 16px;margin-top:12px}
.sober-allianz{--project-color:#234f7e}
.sober-allianz .sober-case-link{background:#234f7e}
.sober-allianz-media{padding:32px;background:#edf4fa;border-radius:14px}
/* Existing V97 illustrative payment component, reused with its source note. */
.sober-allianz-media .at97-sample{max-width:460px;margin:auto;background:#fff;border:1px solid #d2dfeb;border-radius:13px;overflow:hidden;color:#233b58;box-shadow:0 18px 30px #1430520c;font:400 14px/1.6 var(--sans)}
.sober-allianz-media .at97-sample-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #e0e6ef}
.sober-allianz-media .at97-sample-top img{width:92px;height:auto}
.sober-allianz-media .at97-sample-top>span{font-size:10px;color:#586d84}
.sober-allianz-media .at97-sample-body{padding:24px}
.sober-allianz-media .at97-sample-body>small{font-size:11px;color:#526578}
.sober-allianz-media .at97-order{font-size:12px;padding:12px 0 20px;border-bottom:1px solid #e0e6ef;margin-bottom:20px}
.sober-allianz-media .at97-focus-tag{font-size:10px;letter-spacing:.07em;color:#45667f;text-transform:uppercase}
.sober-allianz-media h4{font-size:27px;line-height:1.2;letter-spacing:-.03em;margin:12px 0 14px}
.sober-allianz-media .at97-highlight{padding:15px;margin:20px 0;background:#edf4fb;border-left:2px solid #43738e;font-size:13px}
.sober-allianz-media .at97-faux-cta{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:5px;background:#234f7e;color:white;font-size:12px}
.sober-next{display:flex;align-items:center;gap:13px;position:absolute;right:90px;bottom:20px;min-height:44px;font-size:12px;color:#57657b}
.sober-next>span{font-size:20px;color:var(--project-color,#2c5b3e)}
.sober-about{padding:70px 0;background:#f7f8fb;border-bottom:1px solid #e0e5ee}
.sober-about .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,110px)}
.sober-about h2{font-size:clamp(36px,3.7vw,52px);line-height:1.1;max-width:15ch;margin:0 0 22px}
.sober-about p:not(.eyebrow){font-size:15px;color:#566070;line-height:1.7}
.sober-about .text-link{margin-top:18px}
.sober-about .sober-practice{margin-top:26px;padding-top:22px;border-top:1px solid #dce2ed;max-width:49ch}
.sober-about .experience{margin:0}
.sober-about .experience h3{font:600 14px/1.5 var(--sans);margin:0 0 12px}
.sober-about .experience li{padding:15px 0}
.sober-contact{background:#3047df;color:#fff;padding:68px 0 48px}
.sober-contact .wrap{position:relative}
.sober-contact h2{font-size:clamp(42px,4.7vw,70px);line-height:1.05;margin-bottom:24px}
.sober-contact h2 em{color:#e7ecff}
.sober-contact p{color:#edf0ff;font-size:16px;line-height:1.7;max-width:46ch}
.sober-email{display:flex;width:fit-content;align-items:center;gap:24px;margin-top:30px;min-height:48px;font-size:clamp(21px,2.5vw,36px);line-height:1.4;letter-spacing:-.03em;text-decoration:underline;text-underline-offset:7px}
.sober-contact-actions{display:flex;gap:24px;flex-wrap:wrap;margin-top:20px;font-size:13px}
.sober-contact-actions a,.sober-contact-actions button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0;color:#fff;font-size:13px}
.sober-contact-actions a:hover,.sober-contact-actions button:hover{text-decoration:underline;text-underline-offset:4px}
.sober-contact :focus-visible{outline-color:#fff}
.sober-contact .sober-copy-status{font-size:13px;min-height:24px;margin-top:8px}
.sober-to-top{display:none;align-items:center;justify-content:center;gap:8px;position:fixed;right:18px;bottom:18px;min-width:44px;min-height:44px;z-index:35;padding:9px 15px;border:1px solid #d3dae7;border-radius:30px;background:#ffffffed;color:#28415b;box-shadow:0 2px 14px #1b315b0a;font-size:12px}
.sober-scrolled .sober-to-top{display:flex}
body.sober-home .site-footer{padding-block:28px}
@media(min-width:1600px){.sober-project{gap:100px;padding-block:90px 105px}body.sober-home .hero81-track{height:760px}}
@media(max-width:1100px) and (min-width:801px){body.sober-home .header-inner{gap:20px}body.sober-home .header-actions{gap:16px}body.sober-home .hero81-track .hero79-copy h1{font-size:44px}.sober-project{gap:36px}.sober-project h2{font-size:40px}.sober-scene-controls{width:calc(100% - 28px);gap:5px}.sober-scene-controls button{padding-inline:8px}}
@media(max-width:800px){
 :root{--sober-gutter:22px}
 body.sober-home .header-inner{gap:8px}body.sober-home .header-actions{gap:8px}.site-header .v105-motion-quick{width:36px;height:40px}
 body.sober-home .hero81-track{height:auto}body.sober-home .hero81-track .hero79-stage{height:auto;position:relative}
 body.sober-home .hero81-track .hero79-inner{padding:32px var(--sober-gutter) 24px;gap:14px;min-height:0}
 body.sober-home .hero81-track .hero79-copy{padding:0}
 body.sober-home .hero81-track .hero79-copy h1{font-size:clamp(39px,7.5vw,55px)}
 body.sober-home .hero81-track .hero79-role{font-size:10px;margin-top:20px}
 body.sober-home .hero94-description{font-size:15px;line-height:1.6;max-width:42ch}
 body.sober-home .hero81-track .hero79-portrait{max-width:350px;align-self:center}
 body.sober-home .hero81-track .hero79-cta{margin-top:22px;font-size:13px}
 .sober-project-heading{display:block;padding:28px 0 20px}.sober-project-heading h2{font-size:29px;margin-bottom:12px}.sober-project-heading nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}.sober-project-heading nav a{font-size:14px}
 .c103-intro{grid-template-columns:1fr;gap:22px;padding:38px 0 30px}
 .c103-intro h2{font-size:clamp(35px,7.4vw,54px);max-width:21ch}
 .c103-intro-head>p{font-size:16px;line-height:1.65;max-width:51ch}
 .c103-intro-aside{display:flex;align-items:center;justify-content:space-between;gap:20px}
 .c103-intro .sober-role{margin:0;max-width:27ch;font-size:12px}
 .c103-scene-sticky{height:min(650px,calc(100svh - var(--header,66px)));min-height:0;top:var(--header,66px)}
 .sober-scene-controls{width:calc(100% - 20px);padding:5px 7px;gap:3px;bottom:10px}
 .sober-scene-controls [data-workshop-jump]{display:none}
 .sober-scene-controls>span{font-size:11px}.sober-scene-controls button,.sober-scene-controls>a{padding:5px 8px;font-size:12px}.sober-scene-controls .v105-workshop-arrow{font-size:21px}
 .sober-cetelem-end{gap:16px;padding:24px 0 72px}.sober-cetelem-end p{font-size:14px}
 .sober-project{padding:48px 0 76px;gap:30px;grid-template-columns:1fr}
 .sober-project-copy{max-width:610px}.sober-project h2{font-size:clamp(35px,6.8vw,50px);max-width:22ch;margin-bottom:18px}
 .sober-project-copy>p:not(.sober-role){font-size:16px;max-width:52ch}.sober-project .sober-role{margin:20px 0;font-size:12px}
 .sober-client{margin-bottom:20px}.sober-project .sober-product-link{margin-left:16px}
 .sober-apphalt-media{padding:24px}.sober-apphalt-media img{max-height:490px}
 .sober-malakoff-media img{max-height:510px;aspect-ratio:1.12}
 .sober-allianz-media{padding:24px}.sober-allianz-media .at97-sample{max-width:480px}
 .sober-about{padding:45px 0}.sober-about .about-grid{grid-template-columns:1fr;gap:34px}.sober-about h2{max-width:21ch;font-size:39px}.sober-about .experience li{grid-template-columns:94px 1fr;padding-block:15px}
 .sober-contact{padding:46px 0 30px}.sober-contact h2{font-size:clamp(39px,7.7vw,55px)}.sober-contact p{font-size:15px}.sober-email{margin-top:24px;font-size:clamp(20px,4.9vw,30px);gap:12px}
 .sober-to-top{padding:8px 12px;right:12px;bottom:12px}.sober-to-top span{display:none}
}
@media(max-width:600px){
 body.sober-home .hero81-track .hero79-inner{display:flex;flex-direction:column}
 body.sober-home .hero81-track .hero79-copy h1{font-size:clamp(38px,10.2vw,53px)}
 body.sober-home .hero81-track .hero79-copy h1 em{font-size:clamp(33px,9.1vw,47px);line-height:1.06;white-space:normal}
 body.sober-home .hero81-track .hero79-portrait{max-width:310px;width:88%}
 body.sober-home .hero94-description{max-width:37ch}
 body.sober-home .gn99-scroll-cue{margin-top:12px}
 .c103-intro-aside{display:block}.c103-intro .sober-role{max-width:none;margin-bottom:18px}
 .sober-cetelem-end{display:block}.sober-cetelem-end .sober-inline-link{margin-top:12px}
 .c103-reading-grid{grid-template-columns:1fr;gap:35px;padding-block:20px 28px}
 .c103-reading-grid img{width:100%;max-width:310px;max-height:none}
 .sober-apphalt-media{padding:20px}.sober-apphalt-media img{max-height:420px}
 .sober-allianz-media{padding:18px}.sober-allianz-media .at97-sample-body{padding:20px}.sober-allianz-media .at97-sample-top{padding:16px 20px}
 .sober-malakoff-media img{max-height:420px}
 .sober-project h2 br{display:none}
 .sober-project .sober-role{padding-top:16px}
 body.sober-home .site-footer .footer-links{gap:0 20px}
}
@media(max-width:360px){:root{--sober-gutter:18px}body.sober-home .header-actions{gap:3px}body.sober-home .brand{gap:7px}body.sober-home .brand img{width:27px}body.sober-home .brand span{font-size:11px}.language-switch a{min-width:34px}.site-header .v105-motion-quick{width:32px;height:36px}body.sober-home .hero81-track .hero79-copy h1{font-size:36px}body.sober-home .hero81-track .hero79-copy h1 em{font-size:31px}body.sober-home .hero81-track .hero79-role{font-size:9px;letter-spacing:.04em}.sober-project .sober-product-link{margin-left:0;margin-top:12px;display:flex;width:fit-content}.sober-scene-controls>span{max-width:110px;white-space:normal;line-height:1.4}.sober-scene-controls button{padding-inline:6px}.sober-scene-controls>a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.sober-media{transform:none!important;transition:none!important}}
html.motion-reduced .sober-media{transform:none!important;transition:none!important}
@media print{.sober-project-heading nav,.sober-scene-controls,.sober-to-top,.sober-next{display:none!important}.c103-scene-track{display:none!important}.c103-reading{display:block!important}.c103-reading-grid{grid-template-columns:repeat(3,1fr)}.sober-project{display:block;break-inside:avoid}body.sober-home .hero81-track{height:auto}body.sober-home .hero81-track .hero79-stage{height:auto}.sober-contact{color:#000;background:#fff}.sober-contact p,.sober-contact h2 em{color:#000}.sober-project{padding:30px 0}}

.sober-malakoff h2 em,.sober-allianz h2 em{font-style:normal}

@media(max-width:800px){.sober-next{right:60px}}

/* The language thumb stays circular and evenly inset in its capsule. */
.language-switch{padding:2px;gap:2px;border-radius:999px}
.language-switch a{box-sizing:border-box;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;line-height:1}
@media(max-width:800px){.language-switch a{flex-basis:40px;width:40px;height:40px;min-width:40px;min-height:40px}}


/* SOURCE: /assets/styles/v105-release-malakoff-scroll-story.20261022.css */
/* V9: scoped Malakoff presentation. Local fonts, no global visual overrides. */
@font-face{font-family:MH Poppins;src:local('Poppins Regular'),local('Poppins');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:MH Poppins;src:local('Poppins SemiBold');font-style:normal;font-weight:600;font-display:swap}
#malakoff-experience.mh9{background:#172b48;scroll-margin-top:-24px;--mh3-header:76px;overflow-anchor:none}
.mh9 [hidden],.mh9 .mh-fallback{display:none!important}
.mh3-track{height:calc(640svh - var(--mh3-header)*.08);position:relative}
.mh3-stage{--mh3-bg:#172b48;--mh3-ink:#fff;--mh3-muted:#c5d4e5;--mh3-accent:#ff9b7f;--mh3-line:#4a5c73;position:sticky;top:var(--mh3-header);height:calc(100svh - var(--mh3-header));min-height:560px;background:var(--mh3-bg);color:var(--mh3-ink);overflow:hidden;isolation:isolate;padding:32px clamp(28px,5.2vw,100px) 16px;display:grid;grid-template-rows:26px 1fr 48px 24px}
.mh3[data-mh3-phase="6"] .mh70-logo{visibility:visible}
.mh3-rail{display:flex;justify-content:space-between;gap:18px;font-size:10px;line-height:1.4;font-weight:700;letter-spacing:.13em;color:var(--mh3-muted)}
.mh3-rail>span:first-child{color:var(--mh3-accent)}
.mh3-skip{position:absolute;right:clamp(28px,5.2vw,100px);top:56px;min-height:40px;display:flex;align-items:center;gap:8px;font-size:11px;z-index:6;color:var(--mh3-muted)}
.mh3-icon{width:13px;height:13px;fill:currentColor;flex:none;display:inline-block}
.mh3-main{display:grid;grid-template-columns:minmax(260px,.63fr) minmax(0,1.37fr);gap:28px;min-height:0;max-width:1760px;width:100%;margin:auto;align-self:stretch;height:100%;align-items:center}
.mh3-copy-stack{position:relative;height:330px;align-self:center;min-width:0}
.mh3-copy{position:absolute;inset:0;will-change:transform,opacity;padding:0;display:flex;flex-direction:column;justify-content:center;pointer-events:none}
.mh3-kicker{font-size:10px;letter-spacing:.14em;font-weight:700;text-transform:uppercase;color:var(--mh3-accent);margin:0 0 24px}
.mh3-copy h2{font:400 clamp(40px,3.8vw,64px)/1.06 var(--serif,Georgia,serif);letter-spacing:-.05em;margin:0;color:var(--mh3-ink);max-width:16ch}
.mh3-copy h2 em{color:var(--mh3-accent);font-weight:400}
.mh3-copy .mh3-intro{color:var(--mh3-muted);font-size:15px;line-height:1.55;max-width:33ch;margin:23px 0 0}
.mh3-screen-shortcut{position:absolute;top:100%;left:0;display:flex;gap:14px;align-items:center;min-height:44px;color:var(--mh3-ink);background:transparent;border:0;border-bottom:1px solid var(--mh3-line);padding:0 0 3px;font:500 12px var(--sans,Arial,sans-serif);cursor:pointer}
.mh3-visual{height:100%;max-height:720px;min-height:0;position:relative;align-self:center;overflow:visible;pointer-events:none}
.mh9-context{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;line-height:1.3;letter-spacing:.06em;font-weight:600;color:var(--mh3-muted)}
.mh9-context>span:last-child{color:var(--mh3-accent);white-space:nowrap}
.mh9-card{position:absolute;top:0;left:0;border:1px solid #f8f5f2;border-radius:20px;background:#f8f5f2;color:#172e45;font:400 15px/1.4 'MH Poppins',system-ui,sans-serif;overflow:hidden;box-shadow:0 18px 50px #0b1e3520;transform-origin:0 0}
.mh9-card *{box-sizing:border-box}
.mh9-care,.mh9-answer,.mh9-question,.mh9-divider,.mh9-breakdown-title,.mh9-chart,.mh9-legend{position:absolute;left:0;top:0;margin:0}
.mh9-care{display:flex;align-items:center;gap:16px;font-weight:600;line-height:1.3}
.mh9-care strong{font-weight:600;white-space:nowrap}
.mh9-care-icon{width:var(--care-size);height:var(--care-size);border-radius:12px;display:grid;place-items:center;flex:none;background:#beebed}
.mh9-care-icon img{width:70%;height:70%;max-width:34px}
.mh9-answer>span{display:block;font-size:var(--answer-label);color:#5a6c7d;line-height:1.5}
.mh9-answer>strong{display:block;font-size:var(--answer-size);font-weight:600;letter-spacing:-.055em;line-height:1.15;margin-top:3px;font-variant-numeric:tabular-nums}
.mh9-question{color:#5a6c7d;font-size:23px;line-height:1.35;letter-spacing:-.035em}
.mh9-divider{background:#d4d9dc}
.mh9-breakdown-title{font-weight:600;line-height:1.4;white-space:nowrap;letter-spacing:-.025em}
.mh9-chart canvas{display:block;width:100%!important;height:100%!important}
.mh9-chart-center{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px}
.mh9-chart-center strong{font-size:var(--total-size);font-weight:600;line-height:1.1;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.mh9-chart-center>span{max-width:55%;font-size:var(--total-label);line-height:1.15;color:#5a6c7d;text-align:center;white-space:normal;text-wrap:balance}
.mh9-chart-unavailable canvas{visibility:hidden}
.mh9-share{display:grid;grid-template-columns:10px 1fr auto;gap:var(--row-gap);align-items:center;min-height:var(--row-height);border-bottom:1px solid #d4d9dc;font-size:var(--row-label);line-height:1.35}
.mh9-share:last-child{border-bottom:0}
.mh9-share>span:nth-child(2){min-width:0}
.mh9-share>strong{font-size:var(--row-value);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.mh9-dot{width:10px;height:10px;border-radius:50%;background:var(--share-color)}
.mh3-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:8}
.mh3-chapters{display:flex;align-items:center;gap:4px}.mh3-chapters button{width:30px;height:44px;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;padding:0 3px;color:var(--mh3-line)}
.mh3-chapters button>span{width:100%;height:2px;background:currentColor}.mh3-chapters button[aria-current=step]{color:var(--mh3-accent)}
.mh3-controls{display:flex;gap:8px}.mh3-controls button{width:44px;height:44px;border:1px solid var(--mh3-line);background:transparent;color:var(--mh3-ink);display:grid;place-items:center;cursor:pointer;border-radius:12px}
.mh3-controls button:hover:not(:disabled),.mh3-chapters button:hover{background:#8096ad18}.mh3-controls button:disabled{opacity:.32;cursor:default}
.mh9 .mh3-stage button:focus-visible,.mh9 .mh3-stage a:focus-visible{outline:2px solid var(--mh3-accent);outline-offset:3px}
.mh9 .mh-after{display:grid;grid-template-columns:1fr auto;gap:20px 40px;padding:32px clamp(28px,5.2vw,100px);max-width:1920px}.mh9 .mh-after>a{display:flex;gap:12px;align-items:center;min-height:44px}.mh9 .mh-after p{font-size:12px;max-width:90ch}
.mh3-transcript{grid-column:1/-1;border-top:1px solid #ffffff30;padding-top:16px;font-size:13px;color:#d2deea}.mh3-transcript summary{cursor:pointer;width:max-content;min-height:44px}.mh3-transcript ol{display:grid;grid-template-columns:1fr 1fr;gap:24px 50px;list-style:none;margin:12px 0 22px;padding:0}.mh3-transcript h3{font:600 15px/1.4 var(--sans);color:white;margin:0 0 7px}
.mh3-reduced .mh3-track{height:auto}.mh3-reduced .mh3-stage{position:relative;top:0;height:760px;max-height:none}.mh3-reduced .mh3-copy{will-change:auto}
@media(min-width:1700px){.mh3-main{gap:60px}.mh3-copy-stack{height:380px}.mh3-copy h2{font-size:68px}.mh3-copy .mh3-intro{font-size:17px}}
@media(max-width:1100px){.mh3-stage{padding:24px 28px 14px}.mh3-main{grid-template-columns:1fr;grid-template-rows:160px minmax(0,1fr);gap:8px}.mh3-copy-stack{height:150px;width:100%}.mh3-copy h2{font-size:38px;max-width:none}.mh3-copy h2 br{display:none}.mh3-copy h2 em{margin-left:.16em}.mh3-copy .mh3-intro{margin-top:10px;max-width:70ch;font-size:14px}.mh3-kicker{margin-bottom:10px}.mh3-screen-shortcut{top:auto;bottom:0;left:auto;right:0}.mh3-visual{max-width:860px;width:100%;justify-self:center}.mh3-skip{right:28px;top:43px}.mh3-track{height:calc(700svh - var(--mh3-header)*.08)}}
@media(max-width:600px){
 .mh3-track{height:calc(910svh - var(--mh3-header)*.08)}
 .mh3-stage{padding:18px 16px 12px;grid-template-rows:38px 1fr 44px 16px;min-height:560px}
 .mh3-rail{font-size:8px;letter-spacing:.1em}.mh3-rail>span+span{display:none}
 .mh3-skip{top:5px;right:16px;font-size:10px;gap:5px}.mh3-skip .mh3-icon{width:10px;height:10px}
 .mh3-main{grid-template-rows:108px minmax(0,1fr);gap:4px}.mh3-copy-stack{height:108px}.mh3-copy{justify-content:flex-start;padding-top:7px}
 .mh3-kicker{font-size:9px;margin-bottom:8px;letter-spacing:.12em}.mh3-copy h2{font-size:30px;line-height:1.04;letter-spacing:-.05em;max-width:22ch}.mh3-copy h2 br{display:block}.mh3-copy h2 em{margin-left:0}
 .mh3-copy .mh3-intro,.mh3-screen-shortcut{display:none}.mh3-visual{overflow:visible}
 .mh9-context{font-size:8px;letter-spacing:.015em}.mh9-care{gap:12px}
 .mh3-chapters{gap:0}.mh3-chapters button{width:24px;padding:0 3px}.mh3-controls{gap:5px}.mh3-controls button{width:40px;height:44px}.mh3-footer{gap:6px}
 .mh9 .mh-after{grid-template-columns:1fr;padding:24px 18px;gap:12px}.mh9 .mh-after p{margin:0}.mh3-transcript ol{grid-template-columns:1fr;gap:18px}.mh3-transcript summary{width:auto}
 .mh3-reduced .mh3-stage{height:780px}
}
@media(max-width:360px){.mh3-copy h2{font-size:27px}.mh3-rail{font-size:7px}.mh3-skip{font-size:9px}.mh3-controls button{width:38px}.mh9-care{gap:10px}}
@media(max-width:600px) and (max-height:760px){.mh3-main{grid-template-rows:84px minmax(0,1fr)}.mh3-copy-stack{height:84px}.mh3-copy h2{font-size:26px}.mh3-kicker{margin-bottom:6px}}
@media(max-height:730px) and (min-width:1101px){.mh3-copy h2{font-size:42px}.mh3-stage{min-height:490px}.mh3-copy-stack{height:260px}.mh3-copy .mh3-intro{font-size:13px}}
@media print{.mh3-track{display:none}.mh9 .mh-after{display:block;background:white;color:#172b48}.mh3-transcript,.mh3-transcript ol{display:block}}

/* V10: source-based customer-area context. All styles stay inside Malakoff. */
.mh10 .mh9-card{z-index:4;will-change:transform}
.mh10 .mh9-question b{display:block;font-size:24px;line-height:1.15;font-weight:600;color:#205f48}
.mh10 .mh9-question>span{display:block;font-size:11px;line-height:1.4;letter-spacing:0;color:#205f48}
.mh10 .mh9-question>small{display:block;font-size:10px;line-height:1.5;letter-spacing:0;margin-top:5px}
.mh10[data-mh3-phase="1"] .mh9-card{outline:2px solid #dc947f;outline-offset:3px}
.mh10[data-mh3-phase="1"] .mh10-audit-tile:nth-child(2),.mh10[data-mh3-phase="1"] .mh10-audit-tile:nth-child(4){border-color:#dc947f}
.mh10-audit,.mh10-products,.mh10-device{position:absolute;top:0;left:0;transform-origin:0 0}
.mh10-audit{border-radius:22px;background:#fff;color:#172e45;border:1px solid #d7e0e4;box-shadow:0 18px 50px #0b1e3514;padding:18px;font-family:'MH Poppins',system-ui,sans-serif;overflow:hidden}
.mh10-audit-heading{height:58px;display:flex;flex-direction:column;gap:3px;font-size:14px}.mh10-audit-heading>span{font-size:10px;color:#607384}
.mh10-audit-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);gap:12px;height:calc(100% - 110px)}
.mh10-audit-tile{min-width:0;border-radius:12px;background:#f2f4f4;border:1px solid #e6e9e9;position:relative;padding:12px 14px;display:flex;flex-direction:column;gap:7px;overflow:hidden}
.mh10-audit-tile strong{font-size:12px;line-height:1.25;max-width:20ch}.mh10-audit-symbol{position:absolute;right:12px;top:12px;color:#637c86}.mh10-audit-line{height:4px;width:70%;background:#d3dcdf;border-radius:2px}.mh10-audit-line.short{width:45%}.mh10-audit-tile small{font-size:9px;color:#607384}
.mh10-audit-points{display:flex;gap:8px;position:absolute;bottom:15px;left:18px;right:18px;justify-content:space-between}
.mh10-audit-points>span{border:1px solid #e8b3a5;background:#fff6f2;color:#8e3b28;border-radius:8px;padding:7px;font-size:9px;line-height:1.25;max-width:31%}
.mh10-products{z-index:2;pointer-events:none;will-change:transform,opacity}
.mh10-products--single .mh10-mobile-device{border-radius:15px;box-shadow:0 12px 30px #071a2e24}
/* The final mobile scene is a compact viewport, not a scaled full-page
   contact sheet. All three main actions fit; ancillary services sit below. */
.mh10-products--single .mh10-product-mobile .mh10-app-header{height:46px;padding:8px 17px}
.mh10-products--single .mh10-product-mobile .mh10-app-hero{height:110px;padding:12px 17px}
.mh10-products--single .mh10-product-mobile .mh10-app-hero strong{font-size:22px;line-height:1.2}
.mh10-products--single .mh10-product-mobile .mh10-app-actions{margin-top:9px}
.mh10-products--single .mh10-product-mobile .mh10-app-actions>span{min-height:31px;padding:5px 6px;font-size:9px}
.mh10-products--single .mh10-product-mobile .mh10-app-body{padding:12px 15px 4px}
.mh10-products--single .mh10-product-mobile .mh10-app-body h3{font-size:17px;line-height:1.2;margin-bottom:4px}
.mh10-products--single .mh10-product-mobile .mh10-app-feed>p{display:none}
.mh10-products--single .mh10-product-mobile .mh10-app-tabs{margin-bottom:8px;font-size:9px}
.mh10-products--single .mh10-product-mobile .mh10-app-tabs>span{padding:4px 8px}
.mh10-products--single .mh10-product-mobile .mh10-app-row{min-height:50px;margin-bottom:7px;padding:8px 10px;gap:9px}
.mh10-products--single .mh10-product-mobile .mh10-app-row small{font-size:9px}
.mh10-products--single .mh10-product-mobile .mh10-app-row strong{font-size:12px}
.mh10-device{background:#fff;border:1px solid #d7e0e4;border-radius:12px;box-shadow:0 16px 50px #071a2e30;overflow:hidden}
.mh10-product-page{color:#172e45;background:white;font:400 16px/1.4 'MH Poppins',system-ui,sans-serif;width:960px;transform:scale(var(--app-scale,1));transform-origin:0 0;text-align:left}
.mh10-product-page *{box-sizing:border-box}.mh10-product-page strong,.mh10-product-page b,.mh10-product-page h3{font-weight:600}
.mh10-app-header{height:64px;padding:12px 28px;display:flex;align-items:center;gap:30px;border-bottom:1px solid #e8eeee;background:#fff;font-size:13px;white-space:nowrap}.mh10-app-header img{width:112px;height:auto;max-height:44px;object-fit:contain}.mh10-app-header>i{font-style:normal;color:#de432d;margin-left:auto;font-size:12px}
.mh10-app-hero{height:154px;background:#58cdd1;padding:27px 30px;display:flex;align-items:center;justify-content:space-between;border-radius:0 0 50% 6%/0 0 12% 4%;gap:24px}.mh10-app-hero>div:first-child{display:flex;flex-direction:column;gap:5px}.mh10-app-hero strong{font-size:27px;letter-spacing:-.035em}.mh10-app-hero span{font-size:13px}
.mh10-app-actions{display:flex;gap:10px;max-width:590px}.mh10-app-actions>span{display:flex;align-items:center;justify-content:center;text-align:center;border-radius:22px;background:#fff;color:#bb3a27;padding:11px 15px;font-size:10px;min-height:36px;max-width:150px}
.mh10-app-body{padding:26px 30px 15px;display:grid;grid-template-columns:minmax(0,1fr) 232px;gap:22px}.mh10-app-body h3{font-size:19px;margin:0 0 4px;letter-spacing:-.03em}.mh10-app-feed>p{font-size:12px;color:#607384;margin:0 0 12px}.mh10-app-tabs{display:flex;gap:8px;font-size:10px;margin-bottom:15px}.mh10-app-tabs>span{border:1px solid #ff4b31;color:#b53826;border-radius:20px;padding:6px 10px}.mh10-app-tabs>span:first-child{color:#fff;background:#de432d;border-color:#de432d}
.mh10-app-row{display:flex;align-items:center;gap:13px;min-height:74px;padding:12px 15px;border-radius:12px;background:#f5f5f4;margin-bottom:10px}.mh10-app-row>div{display:flex;flex-direction:column;min-width:0;gap:3px;flex:1}.mh10-app-row small{font-size:9px;color:#607384;line-height:1.4}.mh10-app-row strong{font-size:13px;line-height:1.3}.mh10-app-row>b{text-align:right;font-size:19px;color:#205f48;white-space:nowrap}.mh10-app-row>b>small{display:block;color:inherit;font-size:9px}.mh10-app-symbol{width:24px;flex:none;color:#172e45;display:grid;place-items:center}.mh10-app-symbol .mh3-icon{width:18px;height:18px}.mh10-app-row>b.mh10-app-status{font-size:10px;font-weight:400;color:#607384}
.mh10-app-aside{margin-top:65px;padding:17px 14px;background:#f4f5f4;border-radius:13px}.mh10-app-aside h3{font-size:14px;margin-bottom:12px}.mh10-app-aside>div{display:flex;align-items:center;gap:9px;min-height:42px;border-bottom:1px solid #dae2e3;font-size:11px}.mh10-app-aside>div:last-of-type{border:0}.mh10-app-aside>small{display:block;margin-top:12px;font-size:11px;color:#607384}
.mh10-app-services{padding:8px 30px 24px}.mh10-app-services>strong{font-size:15px;display:block;margin-bottom:9px}.mh10-app-services>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mh10-app-services span{border-radius:9px;padding:14px 12px;background:#eff7f6;font-size:11px}
.mh10-mobile-device{border:1px solid #d7e0e4;border-radius:18px}.mh10-product-mobile .mh10-app-header .mh3-icon{width:18px;height:18px}
.mh10-product-mobile{width:390px}.mh10-product-mobile .mh10-app-header{height:56px;padding:10px 20px;gap:15px}.mh10-product-mobile .mh10-app-header img{width:98px}.mh10-product-mobile .mh10-app-header>span{font-size:22px;margin-left:auto}.mh10-product-mobile .mh10-app-header>i{display:none}.mh10-product-mobile .mh10-app-hero{height:147px;padding:18px 20px;display:block;border-radius:0 0 50% 5%/0 0 8% 2%}.mh10-product-mobile .mh10-app-hero strong{font-size:25px}.mh10-product-mobile .mh10-app-hero>div:first-child{gap:2px}.mh10-product-mobile .mh10-app-hero>div:first-child>span{font-size:11px}.mh10-product-mobile .mh10-app-actions{gap:7px;margin-top:15px}.mh10-product-mobile .mh10-app-actions>span{padding:7px;font-size:9px;line-height:1.3;flex:1;min-height:37px}
.mh10-product-mobile .mh10-app-body{display:block;padding:20px 18px 8px}.mh10-product-mobile .mh10-app-body h3{font-size:20px}.mh10-product-mobile .mh10-app-feed>p{font-size:11px}.mh10-product-mobile .mh10-app-row{min-height:70px;padding:11px 12px;gap:10px;margin-bottom:8px}.mh10-product-mobile .mh10-app-row strong{font-size:12px}.mh10-product-mobile .mh10-app-row small{font-size:9px}.mh10-product-mobile .mh10-app-row>b{font-size:17px}.mh10-product-mobile .mh10-app-row>b.mh10-app-status{font-size:9px}.mh10-product-mobile .mh10-app-aside{margin-top:15px;padding:12px}.mh10-product-mobile .mh10-app-aside h3{font-size:14px}.mh10-product-mobile .mh10-app-aside>div{min-height:30px;font-size:10px}.mh10-product-mobile .mh10-app-aside>small{margin-top:8px;font-size:10px}.mh10-product-mobile .mh10-app-services{padding:10px 18px 20px}.mh10-product-mobile .mh10-app-services>strong{font-size:14px}.mh10-product-mobile .mh10-app-services span{padding:10px 8px;font-size:9px}
.mh10-open{width:max-content;max-width:100%;display:flex;align-items:center;gap:12px;min-height:44px;background:transparent;border:1px solid #ffffff50;border-radius:10px;color:#fff;padding:8px 14px;font:500 12px var(--sans,system-ui,sans-serif);cursor:pointer;grid-column:1/-1}.mh10-open:focus-visible,.mh10-dialog button:focus-visible{outline:3px solid #ff9b7f;outline-offset:3px}
.mh10-dialog{width:min(1100px,94vw);max-height:92svh;border:0;border-radius:18px;padding:24px;background:#eef3f3;color:#172e45;overflow:auto;box-shadow:0 24px 100px #071a2e60}.mh10-dialog::backdrop{background:#071a2ed9}.mh10-dialog-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between}.mh10-dialog-toolbar h2{font:600 20px/1.3 'MH Poppins',system-ui,sans-serif;margin:0}.mh10-dialog-toolbar button{width:44px;height:44px;border:1px solid #b6c8cc;border-radius:10px;color:#172e45;background:#fff;font-size:28px;cursor:pointer;flex:none}.mh10-dialog-note{font-size:12px;margin:8px 0 18px;color:#526c7a}.mh10-dialog-controls{display:flex;gap:8px;margin-bottom:20px}.mh10-dialog-controls button{min-height:44px;padding:9px 16px;border:1px solid #b6c8cc;border-radius:8px;background:#fff;color:#172e45;font:500 13px var(--sans,system-ui,sans-serif);cursor:pointer}.mh10-dialog-controls button[aria-pressed=true]{background:#172e45;color:#fff;border-color:#172e45}
.mh10-full-view{background:#fff;border-radius:12px;overflow:auto;border:1px solid #cbd8dc}.mh10-full-view>.mh10-product-page{--app-scale:1}.mh10-full-view[data-mh10-full=desktop]>.mh10-product-page{width:100%}.mh10-full-view[data-mh10-full=mobile]{width:min(390px,100%);margin:0 auto}.mh10-full-view[data-mh10-full=mobile]>.mh10-product-page{width:100%}
@media(max-width:600px){.mh10-audit{padding:12px}.mh10-audit-heading{height:64px;font-size:13px}.mh10-audit-heading>span{font-size:8px;max-width:28ch}.mh10-audit-grid{gap:8px;height:calc(100% - 122px)}.mh10-audit-tile{padding:9px;border-radius:9px;gap:6px}.mh10-audit-tile strong{font-size:10px;max-width:15ch;padding-right:11px}.mh10-audit-symbol{right:8px;top:8px}.mh10-audit-symbol .mh3-icon{width:10px;height:10px}.mh10-audit-points{left:12px;right:12px;bottom:12px;gap:5px}.mh10-audit-points>span{font-size:8px;padding:5px}.mh10-dialog{padding:14px;width:96vw}.mh10-dialog-toolbar h2{font-size:16px}.mh10-full-view[data-mh10-full=desktop]>.mh10-product-page{width:760px}.mh10-full-view[data-mh10-full=mobile] .mh10-app-row{padding:10px 8px;gap:7px}.mh10-full-view[data-mh10-full=mobile] .mh10-app-row strong{font-size:11px}.mh10-full-view[data-mh10-full=mobile] .mh10-app-header{padding:10px 14px}.mh10-full-view[data-mh10-full=mobile] .mh10-app-actions>span{font-size:8px;padding:6px}}
@media(prefers-reduced-motion:reduce){.mh10 .mh9-card,.mh10-products{will-change:auto}}
.mh10-dialog{overscroll-behavior:contain}
.mh9 .mh10-dialog .mh10-dialog-note{color:#526c7a;margin:8px 0 18px;font-size:12px;line-height:1.5}
.mh10-full-view .mh10-app-row strong{font-size:14px}
.mh10-full-view .mh10-app-row small{font-size:11px}
.mh10-full-view[data-mh10-full=mobile] .mh10-app-row strong{font-size:13px}
.mh10-full-view[data-mh10-full=mobile] .mh10-app-row small,.mh10-full-view[data-mh10-full=mobile] .mh10-app-row>b.mh10-app-status{font-size:11px}
.mh10-full-view[data-mh10-full=mobile] .mh10-app-actions>span{font-size:11px;min-height:48px}

/* V69: make the research question and its success criterion legible in the
   narrative, especially where the mobile layout hides explanatory copy. */
.mh3-test-criterion{
  width:max-content;
  max-width:32ch;
  margin:14px 0 0;
  padding-left:11px;
  border-left:2px solid var(--mh3-accent);
  color:var(--mh3-accent);
  font:600 11px/1.45 'MH Poppins',system-ui,sans-serif;
}
@media(max-width:600px){
  .mh3-main{grid-template-rows:132px minmax(0,1fr)}
  .mh3-copy-stack{height:132px}
  .mh3-copy .mh3-intro{display:block;max-width:100%;margin-top:7px;font-size:12px;line-height:1.3}
  .mh3-copy[data-chapter="2"] .mh3-intro{display:none}
  .mh3-test-criterion{max-width:29ch;margin-top:9px;font-size:10px;line-height:1.35}
}
@media(max-width:360px){.mh3-copy .mh3-intro{font-size:11px;line-height:1.25}}
@media(max-width:600px) and (max-height:760px){
  .mh3-main{grid-template-rows:120px minmax(0,1fr)}
  .mh3-copy-stack{height:120px}
  .mh3-copy .mh3-intro{font-size:12px;line-height:1.3}
  .mh3-test-criterion{margin-top:6px;font-size:9px}
}


/* SOURCE: /assets/styles/v86-malakoff.css */
/* V86 - a compact, deliberate wireframe; preserve the final reimbursement UI.
   Load after the historical Malakoff and hero styles. */
body.home-page #malakoff-experience.mh86 .mh70-logo img{filter:brightness(0) invert(1);transition:none}
body.home-page #malakoff-experience.mh86[data-mh86-theme="light"] .mh70-logo img{filter:none}
#malakoff-experience.mh86 .mh10-audit{z-index:2}
#malakoff-experience.mh86 .mh10-audit-heading{visibility:visible!important}
#malakoff-experience.mh86 .mh10-audit-points{visibility:visible!important}
#malakoff-experience.mh86 .mh76-wire-content{transform:none}
#malakoff-experience.mh86 .mh76-wire-status{transform:none}
#malakoff-experience.mh86 .mh10-audit-points>span:first-child{font-size:11px;color:#874633;border-left:2px solid #d39e8f;padding:4px 0 4px 9px}
#malakoff-experience.mh86 .mh10-audit{border:1px solid #d7dfe2;border-radius:16px;background:#fff;box-shadow:0 12px 40px #10273b08}
#malakoff-experience.mh86 .mh80-problem{background:#fff;padding:20px 24px}
#malakoff-experience.mh86 .mh80-problem-head{align-items:center;gap:12px}
#malakoff-experience.mh86 .mh80-problem-head strong{font-size:17px;line-height:1.3}
#malakoff-experience.mh86 .mh80-problem-head>span{font-size:10px;white-space:nowrap}
#malakoff-experience.mh86 .mh86-accesses{display:grid;grid-template-rows:repeat(3,1fr);flex:1;min-height:0;margin-top:15px}
#malakoff-experience.mh86 .mh86-accesses>div{display:flex;align-items:center;gap:15px;padding:9px 0;border-bottom:1px solid #e5e9eb}
#malakoff-experience.mh86 .mh86-accesses>div:last-child{border-bottom:0}
#malakoff-experience.mh86 .mh86-access-mark{display:grid;place-items:center;flex:none;width:29px;height:29px;color:#536b79;background:#f0f3f4;border-radius:8px;font-size:17px;font-weight:600}
#malakoff-experience.mh86 .mh86-accesses strong{display:block;color:#172e45;font-size:13px;line-height:1.35;font-weight:600}
#malakoff-experience.mh86 .mh86-accesses small{display:block;color:#536575;font-size:11px;line-height:1.4;margin-top:3px}
#malakoff-experience.mh86 .mh80-problem>p{font-size:12px;line-height:1.45;color:#934330;border-left:2px solid #dc795d;padding-left:10px;margin:10px 0 0}
#malakoff-experience.mh86 .mh10-audit-heading{gap:4px}
#malakoff-experience.mh86 .mh10-audit-heading strong{font-size:14px;color:#172e45;font-weight:600}
#malakoff-experience.mh86 .mh10-audit-heading>span{font-size:11px;color:#62717c}
#malakoff-experience.mh86 .mh10-audit-tile{border:1px solid #d9e0e3;border-radius:10px;background:#f7f8f9;padding:14px;gap:8px}
#malakoff-experience.mh86 .mh10-audit-tile::before,
#malakoff-experience.mh86 .mh9-card::before{display:none}
#malakoff-experience.mh86[data-mh3-phase="1"] .mh9-card{border-color:#cbd4d9!important;outline:0}
#malakoff-experience.mh86[data-mh3-phase="2"] .mh9-answer{outline:0}
#malakoff-experience.mh86 .mh10-audit-tile strong{font-size:13px;line-height:1.3;font-weight:600}
#malakoff-experience.mh86 .mh76-wire-status{font-size:11px;line-height:1.35;color:#566976}
#malakoff-experience.mh86 .mh10-audit-line{height:4px;border-radius:2px;background:#d6dfe3;width:72%;margin-top:2px}
#malakoff-experience.mh86 .mh10-audit-line.short{width:42%;background:#e1e6e9}
#malakoff-experience.mh86 .mh76-wire-content{gap:7px;top:47px;color:#566976}
#malakoff-experience.mh86 .mh76-wire-label{font-size:11px;margin:0}
#malakoff-experience.mh86 .mh86-wire-total{font-size:26px;font-weight:600;line-height:1.1;color:#293f50;letter-spacing:-.04em}
#malakoff-experience.mh86 .mh86-wire-split{display:flex;gap:3px;height:5px;margin-top:4px;max-width:200px}
#malakoff-experience.mh86 .mh86-wire-split i{background:#a9b5bd;flex:22;border-radius:3px}
#malakoff-experience.mh86 .mh86-wire-split i:nth-child(2){flex:2;background:#dfe4e7}
#malakoff-experience.mh86 .mh86-wire-split i:nth-child(3){flex:11;background:#697e8d}
#malakoff-experience.mh86 .mh86-wire-caption{font-size:10px;line-height:1.3;margin-top:3px}
#malakoff-experience.mh86 .mh10-audit-points>span{font-size:11px;line-height:1.4;color:#5a6d79}
#malakoff-experience.mh86 .mh10-audit-points>.mh76-test-task{padding:4px 0 4px 10px;border-color:#d39e8f;color:#874633;font-size:12px}
#malakoff-experience.mh86[data-mh3-phase="1"] .mh10-audit-tile{border-color:#d9e0e3}
@media(max-width:600px){
 #malakoff-experience.mh86 .mh80-problem{padding:16px}
 #malakoff-experience.mh86 .mh80-problem-head strong{font-size:14px}
 #malakoff-experience.mh86 .mh80-problem-head>span{display:none}
 #malakoff-experience.mh86 .mh86-accesses{margin-top:12px}
 #malakoff-experience.mh86 .mh86-accesses>div{gap:11px;padding:8px 0}
 #malakoff-experience.mh86 .mh86-accesses strong{font-size:13px}
 #malakoff-experience.mh86 .mh86-accesses small{font-size:11px}
 #malakoff-experience.mh86 .mh80-problem>p{font-size:11px;margin-top:10px}
 #malakoff-experience.mh86 .mh10-audit-tile{padding:11px 10px;gap:6px}
 #malakoff-experience.mh86 .mh10-audit-tile strong{font-size:12px}
 #malakoff-experience.mh86 .mh76-wire-status{font-size:10px}
 #malakoff-experience.mh86 .mh76-wire-content{top:42px;gap:5px}
 #malakoff-experience.mh86 .mh86-wire-total{font-size:24px}
 #malakoff-experience.mh86 .mh86-wire-caption{display:none}
 #malakoff-experience.mh86 .mh10-audit-points>.mh76-test-task{font-size:12px;line-height:1.35}
}


/* SOURCE: /assets/styles/v97-site.css */
/* V97 · Scoped refinements. Native document scroll and established typography stay intact. */
.ah97-lab,.ah97-lab *,.at97-evidence,.at97-evidence *,.at97-detail *{box-sizing:border-box}
.ah97-lab [hidden],.at97-evidence [hidden]{display:none!important}
.ah97-lab button,.at97-evidence button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ah97-lab :focus-visible,.at97-evidence :focus-visible,.at97-detail a:focus-visible{outline:3px solid #1764cc;outline-offset:4px}
/* AppHalt is a product, not another client story. One focused task, no fake OS. */
.home-page.v97 .ah94-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(36px,5vw,70px);align-items:center}
.home-page.v97 .ah94 h2{font-size:clamp(38px,4.2vw,62px)}
.home-page.v97 .ah94-copy>p{max-width:49ch}
.ah97-lab{--ah97-ink:#20314a;--ah97-muted:#58657a;--ah97-blue:#2455dd;min-width:0;width:100%;background:#f5f7fb;border:1px solid #d8e0ed;border-radius:22px;overflow:hidden;color:var(--ah97-ink);font:400 14px/1.5 var(--sans,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif)}
.ah97-views{display:grid;grid-template-columns:1fr 1fr;background:#edf1f8;border-bottom:1px solid #d8e0ed}
.ah97-views button{position:relative;min-height:56px;border:0;background:transparent;color:#4b5b72;font-size:13px;padding:14px 10px}
.ah97-views button[aria-selected=true]{background:#fff;color:#1f48bd;font-weight:600}
.ah97-views button[aria-selected=true]:after{content:'';position:absolute;inset:auto 22% 0;height:3px;background:#3159e8}
.ah97-views button:focus-visible{outline-offset:-5px}
.ah97-demo{padding:0 20px 20px}
.ah97-guide{display:flex;gap:12px;align-items:center;min-height:64px;padding:14px 0;color:#33475e}
.ah97-guide>span{display:grid;place-items:center;border:1px solid #c5d2e5;border-radius:50%;width:27px;height:27px;flex:none;font-size:11px;font-weight:600;background:#fff}
.ah97-guide p{margin:0;font-size:13px;line-height:1.4}
.ah97-desktop{position:relative;background:radial-gradient(ellipse at 90% 90%,#536a92 0%,transparent 65%),linear-gradient(145deg,#17273d,#344866);border:1px solid #35455e;border-radius:12px;isolation:isolate;box-shadow:0 10px 26px #24365212;overflow:hidden}
.ah97-menubar{height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;background:#eef1f6e8;color:#263144;font-size:11px;border-bottom:1px solid #ffffff40}
.ah97-menu-left{display:flex;align-items:center;gap:16px;white-space:nowrap}.ah97-menu-left b{font-size:12px}
.ah97-menu-trigger{min-height:44px;border:0;border-radius:7px;display:flex;align-items:center;gap:7px;padding:6px 10px;color:#172a44;background:#d0daea;font-size:12px!important;font-weight:600!important;white-space:nowrap}
.ah97-menu-trigger>span:first-child{display:grid;place-items:center;border-radius:50%;width:20px;height:20px;background:#fff;color:#263d59;font-size:12px}
.ah97-menu-trigger[aria-expanded=true]{background:#b7c8e2}
.ah97-menu{position:absolute;z-index:8;top:51px;right:9px;width:290px;max-width:calc(100% - 18px);padding:7px;border-radius:10px;border:1px solid #ffffffba;background:#f0f1f4f7;box-shadow:0 15px 36px #08152750,0 0 0 1px #172a4426;color:#172030;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.ah97-menu-title{display:flex;justify-content:space-between;gap:10px;padding:5px 8px 8px;font-size:11px;font-weight:600;color:#59606c}.ah97-menu-title small{font-size:10px;font-weight:500}
.ah97-app-command{width:100%;min-height:44px;border:0;border-radius:6px;display:grid;grid-template-columns:23px minmax(0,1fr) 43px 15px;gap:8px;align-items:center;padding:8px;text-align:left;background:transparent;color:#242936;font-size:13px!important}
.ah97-app-command:hover,.ah97-app-command:focus-visible{background:#286bee;color:#fff;outline-offset:-2px}
.ah97-app-name{white-space:nowrap}.ah97-app-cpu{font-variant-numeric:tabular-nums;text-align:right;font-size:11px}
.ah97-app-action{text-align:center;font-size:12px}.ah97-app-icon{width:23px;height:23px;border-radius:6px;display:grid;place-items:center;font:600 18px/1 -apple-system,sans-serif;background:#fff;color:#31538e;box-shadow:0 0 0 1px #00000016}
.ah97-icon-chrome{background:conic-gradient(#e95850 0 120deg,#eec750 120deg 240deg,#68a766 240deg);color:#2875d2;border:2px solid #fff;border-radius:50%;font-size:24px}
.ah97-icon-safari{background:#418dd7;color:white}.ah97-icon-chatgpt{background:#fff;color:#263544}
.ah97-app-command.is-paused .ah97-app-action{color:inherit}
.ah97-menu-note{margin:6px 8px 2px;padding-top:8px;border-top:1px solid #d3d6dc;font-size:10px;line-height:1.45;color:#59616c}
.ah97-window{margin:26px 16px 22px;background:#fff;border:1px solid #ccd2dc;border-radius:9px;box-shadow:0 14px 34px #05152e42;overflow:hidden;position:relative}
.ah97-window-bar{display:flex;align-items:center;gap:9px;padding:10px 11px;background:#f1f2f5;border-bottom:1px solid #d8dce4;font-size:10px;color:#4c5667}
.ah97-traffic{display:flex;gap:4px;flex:none}.ah97-traffic i{width:8px;height:8px;border-radius:50%;background:#fb6965;border:1px solid #d4565433}.ah97-traffic i:nth-child(2){background:#f8bf42}.ah97-traffic i:nth-child(3){background:#53c66b}
.ah97-window-open{margin-left:auto;color:#476853;white-space:nowrap;font-size:9px}
.ah97-address{margin:9px 11px 0;display:flex;align-items:center;gap:7px;border-radius:5px;padding:5px 9px;background:#f4f6f8;color:#5b6471;font-size:10px}
.ah97-preview{padding:18px 18px 15px}.ah97-preview-title{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ah97-preview-title small{display:block;color:#647083;font-size:8px;letter-spacing:.065em;font-weight:600}
.ah97-preview-title strong{display:block;color:#24354e;font-size:18px;letter-spacing:-.02em;margin-top:5px;font-weight:600}
.ah97-preview-status{white-space:nowrap;font-size:10px;padding:4px 8px;background:#eaf1ff;color:#2450a2;border-radius:20px}
.ah97-visual{position:relative;height:105px;margin:19px 0 11px;border-radius:6px;background:#f4f7fc;overflow:hidden;border:1px solid #e3eaf4}
.ah97-gridlines{position:absolute;inset:0;background-image:linear-gradient(#dfe7f080 1px,transparent 1px);background-size:100% 25%}
.ah97-visual svg{position:absolute;inset:12px 0;width:100%;height:calc(100% - 24px)}.ah97-visual path{fill:none;stroke:#6489dc;stroke-width:2;vector-effect:non-scaling-stroke}
.ah97-scan{position:absolute;top:0;bottom:0;left:0;width:35%;background:linear-gradient(90deg,transparent,#86a6ec3d);border-right:1px solid #345fbc;transform:translateX(0)}
.ah97-position{position:absolute;left:35%;bottom:0;top:0;width:1px;background:#315fca;transform:translateX(0)}
.ah97-preview-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;color:#606f86}.ah97-preview-foot>span:last-child{font-variant-numeric:tabular-nums;font-size:10px}
.ah97-window-state{display:flex;align-items:center;gap:7px;min-height:35px;border-top:1px solid #dfe5ef;padding:8px 11px;background:#fff;color:#47617d;font-size:10px}
.ah97-status-dot{height:6px;width:6px;flex:none;border-radius:50%;background:#4d87ba}
.ah97-lab[data-chrome-paused=true] .ah97-preview-status{background:#fcf1d7;color:#805513}
.ah97-lab[data-chrome-paused=true] .ah97-status-dot{background:#a5751a}
.ah97-lab[data-chrome-paused=true] .ah97-window-state{background:#fffcf4;color:#68512a}
.ah97-cpu{margin:19px 1px 0}.ah97-cpu>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#586b83}
.ah97-cpu strong{font-size:17px;font-weight:600;color:#2e4c7d;font-variant-numeric:tabular-nums}
.ah97-meter{height:4px;background:#dce4f0;border-radius:4px;overflow:hidden;margin-top:6px}.ah97-meter i{display:block;width:32%;height:100%;background:#4279d1;border-radius:4px;transition:width .3s ease}
.ah97-feedback{min-height:40px;margin:13px 0 8px;text-align:center;color:#385580;font-size:12px;line-height:1.5}
.ah97-disclaimer{font-size:10px;line-height:1.5;text-align:center;color:#596b81;margin:0 auto;max-width:54ch}
.ah97-real{padding:22px;background:#f3f5fa;min-height:500px}.ah97-real figure{margin:0}.ah97-image-shell{position:relative;display:grid;place-items:center;min-height:400px}
.ah97-image-shell img{display:block;width:auto;max-width:100%;max-height:510px;height:auto;border-radius:10px;object-fit:contain;box-shadow:0 8px 25px #142d4c16}
.ah97-image-loading{display:none;color:#4e6584;font-size:13px;text-align:center}
.ah97-lab[data-enhanced] .ah97-image-shell[data-ah97-image-state=loading] .ah97-image-loading{display:block;position:absolute;z-index:1;top:42%;padding:10px 16px;background:#f3f5fa}
.ah97-real figcaption{font-size:11px;color:#54647b;line-height:1.55;max-width:47ch;text-align:center;margin:18px auto 0}
.ah97-image-error{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;min-height:330px;text-align:center;color:#44566e;max-width:40ch;padding:24px}
.ah97-image-error strong{font-size:18px}.ah97-image-error p{margin:0;font-size:13px}.ah97-image-error button{border:1px solid #adc2df;border-radius:8px;background:#fff;padding:10px 22px;min-height:44px;color:#204986;font-size:14px}.ah97-image-error a{color:#264e87;font-size:13px;text-decoration:underline;text-underline-offset:3px}
/* Allianz: a four-step map replaces the unverified interview cards. */
.home-page.v97 .at87-insights{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.home-page.v97 .at87-insight,.home-page.v97 .at84[data-at84-phase="0"] .at87-insight{transform:none;rotate:none;border-radius:9px;border-top:1px solid #c5d4e3;box-shadow:none;padding:17px;background:#f8fbff}
.home-page.v97 .at87-insight strong{font-size:18px;line-height:1.25;margin:8px 0}
.home-page.v97 .at87-insight p{font-size:13px;color:#4e6479}
.home-page.v97 .at87-research-head small{font-size:12px;color:#d0dced}
.home-page.v97 .at84 .gn93-summary{align-items:center;flex-wrap:wrap;gap:16px}
/* A short, freely navigable design walkthrough; never another pinned scene. */
.at97-evidence{padding-block:50px 64px;color:#193855;font-family:var(--sans,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif)}
.at97-evidence header{max-width:760px;margin-bottom:27px}
.at97-eyebrow{font:600 11px/1.45 var(--sans,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif);letter-spacing:.1em;text-transform:uppercase;color:#426385;margin:0 0 13px}
.at97-evidence :is(h2,h3){font:400 clamp(31px,3.3vw,46px)/1.12 var(--serif,Georgia,serif);letter-spacing:-.045em;margin:0 0 13px;color:#173859}
.at97-evidence header>p:last-child{font-size:15px;line-height:1.6;color:#52677c;margin:0;max-width:64ch}
.at97-workbench{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,2fr);gap:24px;align-items:start}
.at97-tabs{display:none;gap:9px}
.at97-evidence.is-interactive .at97-tabs{display:grid}
.at97-evidence:not(.is-interactive) .at97-workbench{grid-template-columns:minmax(0,1fr)}
.at97-evidence:not(.is-interactive) .at97-panels{display:grid;gap:20px}
.at97-panel[hidden]{display:none!important}
.at97-panel:focus-visible{outline:2px solid #315e95;outline-offset:4px}
.at97-panel{scroll-margin-top:calc(var(--gn88-site-header,0px) + var(--gn94-project-nav,0px) + 12px)}
.at97-tab-short{display:none}
.at97-workbench{overflow-anchor:none}
.at97-tabs button{display:flex;gap:11px;align-items:center;text-align:left;border:1px solid #d4dfe9;border-radius:9px;background:#f7fafc;padding:17px 14px;color:#3e5670;min-height:80px;line-height:1.4}
.at97-tabs button>span:first-child{font:600 11px/1.5 ui-monospace,monospace;color:#536d88;align-self:flex-start;padding-top:2px}
.at97-tabs button>span:nth-child(2){flex:1;min-width:0}.at97-tabs button strong{display:block;font-size:13px;font-weight:600;letter-spacing:-.01em}
.at97-tabs button small{display:block;font-size:11px;margin-top:4px;color:#5a6d80}.at97-tabs button>b{font-size:16px;font-weight:400}
.at97-tabs button[aria-selected=true]{border-color:#315e95;background:#fff;box-shadow:inset 3px 0 #315e95;color:#163e70}
.at97-panel{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;min-height:365px;padding:24px;background:#fff;border:1px solid #d4e0ec;border-radius:12px}
.at97-reason>.at97-eyebrow{font-size:9px;margin-bottom:8px;display:block}
.at97-reason>p{font-size:13px;line-height:1.65;color:#4f6579;margin:0 0 22px}
.at97-reason :is(h3,h4){font-size:18px;line-height:1.4;font-weight:500;letter-spacing:-.02em;color:#24435f;margin:0 0 22px}
.at97-reason>.at97-question{font-size:12px;color:#526b81;margin:0;border-top:1px solid #dce4ec;padding-top:15px}
.at97-question strong{display:block;font-size:10px;letter-spacing:.02em;color:#355574;margin-bottom:5px;font-weight:600}
.at97-sample{border:1px solid #cfdae7;border-radius:10px;background:#fff;box-shadow:0 8px 24px #1537550a;overflow:hidden;min-width:0}
.at97-sample-top{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#f3f7fc;border-bottom:1px solid #dce4ee;padding:10px 12px}
.at97-sample-top img{width:76px;height:24px;object-fit:contain}.at97-sample-top>span{font-size:8px;color:#567189}
.at97-sample-body{padding:19px 15px}.at97-sample-body>small{font-size:9px;color:#526c87}
.at97-order{font-size:12px;line-height:1.45;font-weight:600;padding:7px 0 16px;color:#314e6b;border-bottom:1px solid #e1e7f0;margin-bottom:15px}
.at97-focus-tag{display:inline-block;font-size:9px;border-radius:4px;background:#e9f2ff;color:#285887;padding:4px 6px}
.at97-sample :is(h4,h5){font-size:17px;font-weight:600;line-height:1.25;letter-spacing:-.025em;margin:9px 0;color:#204468}
.at97-sample p{font-size:12px;line-height:1.5;color:#576c80;margin:0 0 14px}
.at97-highlight{font-size:11px;line-height:1.5;border-left:2px solid #4483bf;padding:8px 9px;background:#f1f6fc;color:#345c81}
.at97-faux-cta{display:flex;gap:8px;justify-content:space-between;align-items:center;padding:11px 12px;border-radius:5px;background:#174a80;color:#fff;font-size:11px;margin-top:15px}
.at97-sample--alternative .at97-highlight{border-color:#946b29;background:#fbf7ed;color:#795825}
.at97-evidence-note{font-size:11px;line-height:1.6;color:#5c6d7d;margin:16px 0 0;max-width:95ch}
.at97-detail{margin:0;background:#f4f8fc;color:#183859;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.at97-detail main,.at97-detail-nav,.at97-detail footer{max-width:1200px;width:calc(100% - 48px);margin:auto}
.at97-detail-nav{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 0;border-bottom:1px solid #d9e3ee;font-size:13px}
.at97-detail-nav nav{display:flex;align-items:center;gap:24px}.at97-detail a{color:#1b4f83;text-decoration:none}.at97-detail a:hover{text-decoration:underline;text-underline-offset:4px}
.at97-detail-intro{padding:70px 0 20px}.at97-detail-intro>img{display:block;margin-bottom:22px}
.at97-detail h1{font:400 clamp(40px,5.6vw,70px)/1.08 Georgia,serif;letter-spacing:-.045em;margin:18px 0 24px;max-width:19ch}
.at97-detail-intro>p:not(.at97-eyebrow){max-width:65ch;color:#506780;font-size:17px;line-height:1.7}
.at97-role{display:flex;gap:40px;flex-wrap:wrap;margin:30px 0 0;border-block:1px solid #d4e0ed;padding:22px 0;color:#40617e;font-size:13px;line-height:1.5}
.at97-role b{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px;color:#476384}
.at97-detail-limit{padding-bottom:50px;max-width:75ch}.at97-detail-limit h2{font:400 32px/1.2 Georgia,serif;letter-spacing:-.03em}.at97-detail-limit p{font-size:15px;line-height:1.7;color:#4f667a}.at97-detail-limit a{display:inline-block;margin-top:15px}
.at97-detail footer{border-top:1px solid #d2deeb;padding-block:24px;font-size:12px}
@media(min-width:1600px){.ah97-window{margin:30px 22px 26px}.ah97-visual{height:122px}.ah97-preview{padding:22px}}
@media(max-width:1100px){.home-page.v97 .ah94-grid{gap:32px}.at97-workbench{grid-template-columns:220px minmax(0,1fr);gap:18px}.at97-panel{padding:19px;gap:18px;grid-template-columns:1fr 1fr}.at97-reason :is(h3,h4){font-size:16px}.ah97-menu-left{gap:10px}}
@media(max-width:800px){
 .home-page.v97 .ah94-grid{grid-template-columns:minmax(0,1fr);gap:30px}
 .home-page.v97 .ah94 h2{font-size:clamp(35px,8.8vw,47px)}
 .ah97-lab{max-width:610px;justify-self:center;border-radius:16px}
 .at97-workbench{grid-template-columns:1fr;gap:18px}.at97-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .at97-tabs button{display:flex;align-items:center;justify-content:center;padding:12px 6px;min-height:48px;position:relative;text-align:center}
 .at97-tabs button>span:first-child,.at97-tabs button>span:nth-child(2),.at97-tabs button>b{display:none}
 .at97-tabs button>.at97-tab-short{display:block;font:600 14px/1.35 var(--sans,Arial,sans-serif);letter-spacing:0}
 .at97-panel{scroll-margin-top:calc(var(--gn94-project-nav,0px) + 12px)}
 .at97-tabs button[aria-selected=true]{box-shadow:inset 0 -3px #315e95}
 .at97-panel{grid-template-columns:1fr 1fr;min-height:0}
 .home-page.v97 .at87-insights{grid-template-columns:1fr;gap:7px;padding-block:12px}.home-page.v97 .at87-insight,.home-page.v97 .at84[data-at84-phase="0"] .at87-insight{padding:11px;grid-template-columns:60px 1fr;column-gap:12px}.home-page.v97 .at87-insight strong{font-size:15px;margin:0 0 3px}.home-page.v97 .at87-insight p{font-size:11px;line-height:1.4}
 .home-page.v97 .at87-research-head small{font-size:10px;line-height:1.5}
}
@media(max-width:520px){
 .ah97-demo{padding:0 12px 17px}.ah97-views button{font-size:12px;min-height:52px}
 .ah97-guide{gap:9px;padding-block:14px;min-height:66px}.ah97-guide p{font-size:12px}
 .ah97-menubar{padding:0 8px}.ah97-menu-left>span{display:none}.ah97-menu-trigger{font-size:12px!important}
 .ah97-window{margin:22px 9px 17px}.ah97-window-open{font-size:8px}.ah97-window-bar{padding:9px 8px;gap:7px;font-size:9px}
 .ah97-preview{padding:15px 11px 12px}.ah97-preview-title strong{font-size:16px;max-width:16ch}.ah97-preview-title small{font-size:7px}
 .ah97-preview-status{font-size:9px;padding:4px 6px}.ah97-visual{height:94px;margin-top:16px}
 .ah97-preview-foot{font-size:9px;line-height:1.4;gap:12px}.ah97-preview-foot>span:first-child{max-width:24ch}
 .ah97-window-state{font-size:9px;line-height:1.4}.ah97-menu{right:6px;max-width:calc(100% - 12px);width:282px}
 .ah97-app-command{font-size:12px!important;gap:7px;padding:8px 6px}.ah97-menu-note{font-size:10px}
 .ah97-cpu{margin-top:15px}.ah97-feedback{font-size:12px;min-height:54px;text-align:left;line-height:1.6}
 .ah97-disclaimer{font-size:10px;line-height:1.55;text-align:left}.ah97-real{padding:15px;min-height:440px}.ah97-image-shell{min-height:345px}.ah97-real figcaption{font-size:11px}
 .at97-evidence{padding-block:36px 42px}.at97-evidence :is(h2,h3){font-size:32px}.at97-evidence header>p:last-child{font-size:14px}
 .at97-tabs button{padding:12px 4px;min-height:48px}
 .at97-panel{grid-template-columns:1fr;padding:21px 18px;gap:25px}.at97-reason>p{font-size:14px;margin-bottom:17px}.at97-reason :is(h3,h4){font-size:20px;line-height:1.4;margin-bottom:17px}.at97-reason>.at97-question{font-size:12px}
 .at97-sample{max-width:330px;width:100%;justify-self:center}.at97-sample :is(h4,h5){font-size:20px}.at97-sample p{font-size:13px}.at97-sample-body{padding:20px}.at97-highlight{font-size:12px}.at97-faux-cta{font-size:12px;min-height:44px}
 .at97-evidence-note{font-size:11px}.at97-detail main,.at97-detail-nav,.at97-detail footer{width:calc(100% - 40px)}.at97-detail-nav{align-items:flex-start;gap:15px;font-size:12px}.at97-detail-nav nav{gap:15px;align-items:flex-start}.at97-detail-intro{padding-top:42px}.at97-detail h1{font-size:42px}.at97-detail-intro>p:not(.at97-eyebrow){font-size:15px}.at97-role{gap:20px}
}
@media(max-width:350px){.ah97-guide>span{display:none}.ah97-preview-title{align-items:flex-start}.ah97-preview-title strong{font-size:14px}.ah97-preview-title small{font-size:6.5px}.ah97-preview-status{font-size:8px}.ah97-window-bar{font-size:8px}.ah97-window-open{display:none}.ah97-traffic i{width:7px;height:7px}.ah97-app-command{grid-template-columns:21px minmax(0,1fr) 32px 12px;gap:6px;font-size:11px!important}.ah97-menu-note{font-size:9px}.at97-tabs button strong{font-size:11px}.at97-panel{padding:19px 15px}}
@media(prefers-reduced-motion:reduce){.ah97-lab *,.at97-evidence *{transition:none!important;animation:none!important}}
html.motion-reduced .ah97-lab *,html.motion-reduced .at97-evidence *{transition:none!important;animation:none!important}
@media print{.ah97-demo,.ah97-views,.at97-tabs{display:none!important}.ah97-real,.at97-panel[hidden]{display:block!important}.at97-panel{break-inside:avoid;margin-bottom:25px}.ah97-real img{max-height:340px}.at97-detail-nav{position:static}}
/* Fit the whole demonstration in a normal-height desktop viewport. */
@media(min-width:801px){
 .ah97-guide{min-height:55px;padding-block:11px}
 .ah97-window{margin-block:19px 17px}
 .ah97-preview{padding-block:13px 11px}
 .ah97-visual{height:80px;margin-top:14px;margin-bottom:8px}
 .ah97-cpu{margin-top:12px}
 .ah97-feedback{min-height:32px;margin-top:10px}
 .ah97-demo{padding-bottom:17px}
 .ah97-real{padding:22px}.ah97-image-shell{min-height:390px}
 .ah97-image-shell img{max-height:430px}
}
.at97-public-source{font-size:12px!important;color:#557085!important;border-top:1px solid #d6e0eb;padding-top:16px}


/* SOURCE: /assets/styles/v105-release-regression-fixes.20261022.css */
/* Regression fixes for the V105 scroll-story integration. Keep every rule
   scoped to its existing project so the approved visual identity is intact. */

/* The Cetelem host still includes a legacy V93 iframe visibility guard.
   The embedded V47 scene exposes its own ready class instead. */
#interface-en-contexte .c103-lab.c103-loaded #c103-original-scene {
  visibility: visible !important;
}

/* Restore the source-based first Malakoff frame, whose V80/V86 styles were
   omitted from the slim V105 release stylesheet. */
#malakoff-experience.mh9 .mh80-problem {
  position: absolute;
  z-index: 6;
  inset: 0;
  display: flex;
  flex-direction: column;
  padding: 20px 24px;
  background: #fff;
  color: #172e45;
  font-family: 'MH Poppins', system-ui, sans-serif;
  pointer-events: none;
}
#malakoff-experience.mh9 .mh80-problem-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
#malakoff-experience.mh9 .mh80-problem-head strong { font-size: 17px; line-height: 1.3; }
#malakoff-experience.mh9 .mh80-problem-head > span { color: #63757c; font-size: 10px; white-space: nowrap; }
#malakoff-experience.mh9 .mh86-accesses {
  display: grid;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  flex: 1;
  min-height: 0;
  margin-top: 15px;
}
#malakoff-experience.mh9 .mh86-accesses > div {
  display: flex;
  align-items: center;
  gap: 15px;
  min-width: 0;
  padding: 9px 0;
  border-bottom: 1px solid #e5e9eb;
}
#malakoff-experience.mh9 .mh86-accesses > div:last-child { border-bottom: 0; }
#malakoff-experience.mh9 .mh86-access-mark {
  display: grid;
  place-items: center;
  flex: none;
  width: 29px;
  height: 29px;
  border-radius: 8px;
  background: #f0f3f4;
  color: #536b79;
  font-size: 17px;
  font-weight: 600;
}
#malakoff-experience.mh9 .mh86-accesses strong {
  display: block;
  color: #172e45;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}
#malakoff-experience.mh9 .mh86-accesses small {
  display: block;
  margin-top: 3px;
  color: #536575;
  font-size: 11px;
  line-height: 1.4;
}
#malakoff-experience.mh9 .mh80-problem > p {
  margin: 10px 0 0;
  padding-left: 10px;
  border-left: 2px solid #dc795d;
  color: #934330;
  font-size: 12px;
  line-height: 1.45;
}

/* Keep the foreground reimbursement card grounded and the closing actions
   compact, legible, and separated from the transcript. */
#malakoff-experience.mh9 .mh9-card {
  box-shadow: 0 10px 28px rgba(11, 30, 53, .12) !important;
}
#malakoff-experience.mh9 .mh-after {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: center;
  gap: 12px 28px;
}
#malakoff-experience.mh9 .mh-after .mh3-transcript { grid-column: 1 / -1; }
#malakoff-experience.mh9 .mh-after > a:not(.sober-case-link) {
  grid-column: 1;
  justify-self: start;
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  color: #e1e9f1;
  text-decoration: underline;
  text-decoration-color: #8294a9;
  text-underline-offset: 4px;
}
#malakoff-experience.mh9 .mh-after > a.sober-case-link {
  grid-column: 2;
  justify-self: end;
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  align-items: center;
  white-space: nowrap;
}

/* Restore the reserved, fixed-height controls from the original home-story
   integration. Without this row, the live progress label can shrink to a
   single character per line and cover the mobile illustration. */
.home-page #malakoff-experience .mh3-stage {
  min-height: 0;
  grid-template-rows: 42px minmax(0, 1fr) 68px 0;
  padding-bottom: 0;
}
.home-page #malakoff-experience .mh3-main { grid-row: 2; }
.home-page #malakoff-experience .mh3-chapters { display: none; }
.home-page.story-controls-active .sober-to-top {
  top: calc(var(--gn88-site-header, 76px) + 10px);
  bottom: auto;
}
.home-page #malakoff-experience .gn94-controls,
.home-page #allianz-trade-pay .gn94-controls {
  height: 68px;
  min-height: 68px;
  inset: auto 0 0;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px clamp(18px, 5vw, 40px) 6px;
  background: inherit;
}
.home-page #malakoff-experience .gn94-controls .gn93-progress,
.home-page #allianz-trade-pay .gn94-controls .gn93-progress {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  max-width: 40%;
  margin: 0 auto 0 0;
  font-size: 11px;
  line-height: 1.3;
  overflow-wrap: normal;
  word-break: normal;
}
.home-page #malakoff-experience .gn94-controls .gn93-progress,
.home-page #allianz-trade-pay .gn94-controls .gn93-progress { max-width: none; }
.home-page #malakoff-experience .gn94-meter,
.home-page #allianz-trade-pay .gn94-meter {
  position: absolute;
  top: 0;
  left: clamp(18px, 5vw, 40px);
  right: clamp(18px, 5vw, 40px);
  width: auto;
  height: 3px;
}
.home-page #malakoff-experience .gn94-controls .gn94-skip,
.home-page #allianz-trade-pay .gn94-controls .gn94-skip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  gap: 7px;
  min-height: 44px;
  padding: 0 5px;
  white-space: nowrap;
}
.home-page #malakoff-experience .gn94-controls .mh3-controls,
.home-page #allianz-trade-pay .gn94-controls .gn93-buttons {
  display: flex;
  align-items: center;
  flex: none;
  gap: 7px;
  margin-left: 0;
}
.home-page #malakoff-experience .gn94-controls .mh3-controls button,
.home-page #allianz-trade-pay .gn94-controls .gn93-buttons button {
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  border-radius: 50%;
}

@media (max-width: 600px) {
  #malakoff-experience.mh9 .mh80-problem { padding: 16px; }
  #malakoff-experience.mh9 .mh80-problem-head strong { font-size: 14px; }
  #malakoff-experience.mh9 .mh80-problem-head > span { display: none; }
  #malakoff-experience.mh9 .mh86-accesses { margin-top: 12px; }
  #malakoff-experience.mh9 .mh86-accesses > div { gap: 11px; padding: 8px 0; }
  #malakoff-experience.mh9 .mh86-accesses small { font-size: 10px; }
  #malakoff-experience.mh9 .mh80-problem > p { font-size: 10px; }
  #malakoff-experience.mh9 .mh-after { grid-template-columns: minmax(0, 1fr); padding: 22px 18px; gap: 10px; }
  #malakoff-experience.mh9 .mh-after .mh3-transcript,
  #malakoff-experience.mh9 .mh-after > a:not(.sober-case-link),
  #malakoff-experience.mh9 .mh-after > a.sober-case-link { grid-column: 1; }
  #malakoff-experience.mh9 .mh-after > a.sober-case-link { justify-self: start; white-space: normal; }
  .home-page #malakoff-experience .mh3-stage { padding: 18px 16px 0; grid-template-rows: 24px minmax(0, 1fr) 68px 0; }
  .home-page #malakoff-experience .mh3-main { grid-row: 2; }
  .home-page #malakoff-experience .mh3-skip { display: none; }
  .home-page #malakoff-experience .gn94-controls,
  .home-page #allianz-trade-pay .gn94-controls { gap: 8px; padding: 8px 16px 5px; }
  .home-page #malakoff-experience .gn94-controls .gn93-progress,
  .home-page #allianz-trade-pay .gn94-controls .gn93-progress { max-width: 36%; font-size: 10px; }
  .home-page #malakoff-experience .gn94-controls .gn93-buttons button,
  .home-page #allianz-trade-pay .gn94-controls .gn93-buttons button,
  .home-page #malakoff-experience .gn94-controls .mh3-controls button { width: 40px; min-width: 40px; height: 40px; min-height: 40px; }
}

@media (prefers-reduced-motion: reduce) {
  #malakoff-experience.mh9 .mh9-card { box-shadow: 0 8px 22px rgba(11, 30, 53, .1) !important; }
}


/* SOURCE: /assets/styles/v93-experience.css */
/* V93: shared navigation components and complete reading fallback.
   Existing project keyframes stay in their own source stylesheets. */
:root{--gn93-control-height:64px}
html{scroll-behavior:auto}
.gn93-controls{position:absolute;inset:auto 0 0;min-height:var(--gn93-control-height);display:flex;align-items:center;gap:20px;padding:10px clamp(18px,4vw,64px);z-index:15;font-family:var(--sans,Arial,sans-serif);background:inherit;color:inherit}
.gn93-buttons{display:flex;gap:8px;flex:none;margin-left:auto}
.gn93-buttons button{display:grid;place-items:center;width:44px;height:44px;border:1px solid currentColor;border-radius:12px;color:inherit;background:transparent;font:400 20px/1 var(--sans,Arial,sans-serif);cursor:pointer}
.gn93-buttons button:disabled{opacity:.34;cursor:default}
.gn93-buttons button:hover:not(:disabled){background:#8096ad18}
.gn93-progress{margin-right:auto;max-width:40ch;font:500 12px/1.35 var(--sans,Arial,sans-serif);letter-spacing:0;overflow-wrap:anywhere}
.gn93-controls button:focus-visible,.gn93-summary a:focus-visible,.gn93-transcript summary:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.gn47-scene-sticky>.gn93-controls{color:#fff;background:#172b48}
.gn47-scene-sticky iframe{pointer-events:none;height:calc(100% - var(--gn93-control-height))!important}
.gn93-loading{position:absolute;inset:0 0 var(--gn93-control-height);display:grid;place-content:center;justify-items:center;gap:18px;padding:28px;color:#172b48;background:#f0f3f7;font:400 14px/1.5 var(--sans,Arial,sans-serif)}
.gn93-loading img{max-width:480px;width:100%;height:auto;max-height:50svh;object-fit:contain;border-radius:14px}
.gn93-loading p{max-width:40ch;text-align:center}
[data-scene-state="ready"] .gn93-loading{display:none}
#interface-en-contexte:not([data-scene-state="ready"]) iframe{visibility:hidden}
.gn93-scene-context{position:absolute;z-index:4;inset:20px 24px auto;margin:0 auto;max-width:44ch;width:calc(100% - 48px);text-align:center;color:#172b48;font:500 clamp(14px,1.3vw,18px)/1.45 var(--sans,Arial,sans-serif);pointer-events:none;padding:10px 14px;background:#f5f7fbeF;border-radius:8px}
.gn93-scene-context[hidden]{display:none}
.home-page .gn93-summary{display:flex;align-items:center;justify-content:space-between;gap:18px 40px;padding-block:28px;font-family:var(--sans,Arial,sans-serif)}
.home-page .gn93-summary p{margin:0;font-size:13px;line-height:1.6;max-width:62ch}
.home-page .gn93-summary a{display:inline-flex;align-items:center;gap:8px;min-height:44px;flex-shrink:0;font-size:13px;line-height:1.4;color:inherit;text-underline-offset:5px}
.home-page #gn47-after.gn93-summary{height:auto;padding:24px max(24px,calc((100vw - 1250px)/2));color:#fff;background:#172b48}
.home-page #gn47-after.gn93-summary p{color:#d6e1ef}
.home-page .mh9 .mh-after{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px 32px;min-height:0;padding-block:24px}
.home-page .mh3-transcript{grid-column:auto;border:0;padding:0;font-size:14px;line-height:1.65;color:#d2deea;min-width:0}
.home-page .mh3-transcript summary{display:list-item;list-style:disclosure-closed;min-height:44px;padding-block:10px;cursor:pointer;line-height:1.5;color:#fff;max-width:100%;width:auto}
.home-page .mh3-transcript[open] summary{list-style:disclosure-open}
.home-page .mh3-transcript p{font-size:14px;line-height:1.65;margin:12px 0}
.home-page .mh3-transcript ol{margin:22px 0 12px;gap:20px 32px}
.home-page .mh3-transcript h3{font-size:16px;line-height:1.4}
.home-page .mh9 .mh-after>a{font-size:13px;line-height:1.4}
.home-page .gn88-client-header a{font-size:12px;min-width:44px;justify-content:flex-end}
.home-page .mh3-controls button{min-width:44px;min-height:44px}
.home-page .at84-stage-inner{height:calc(100% - var(--gn93-control-height))}
/* No invisible keyboard stops inside a graphical illustration. */
.at84-canvas{pointer-events:none}
/* Complete fallback for motion preference, short windows and progressive enhancement. */
#interface-en-contexte:not(.gn93-scene-enabled) .gn47-scene-track{display:none!important}
#interface-en-contexte:not(.gn93-scene-enabled) .gn47-reduced{display:block;padding-block:32px 44px;background:#fff;color:#172b48}
#interface-en-contexte:not(.gn93-scene-enabled) .gn47-reduced>p{color:#172b48!important;line-height:1.6}
#interface-en-contexte:not(.gn93-scene-enabled) .gn47-reduced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
#interface-en-contexte:not(.gn93-scene-enabled) .gn47-reduced-grid article{padding:20px;background:#f0f4f9}
#interface-en-contexte:not(.gn93-scene-enabled) .gn47-reduced-grid img{display:block;max-width:100%;width:auto;height:240px;object-fit:contain;margin:16px auto}
#interface-en-contexte:not(.gn93-scene-enabled) .gn47-reduced-grid span{font:600 14px/1.4 var(--sans,Arial,sans-serif);color:#172b48}
#interface-en-contexte:not(.gn93-scene-enabled) .gn47-reduced-grid p{font:400 15px/1.6 var(--sans,Arial,sans-serif);color:#35445e}
.gn93-reading .gn93-controls{display:none!important}
.gn93-reading .gn88-client-header{position:relative;top:0}
.gn93-reading .mh3-track{display:none!important}
.gn93-reading .mh9 .mh-fallback{display:grid!important;grid-template-columns:1fr 1fr;gap:32px;padding:44px 24px;align-items:center}
.gn93-reading .mh-fallback-copy h2{font-size:clamp(32px,4vw,56px)}
.gn93-reading .mh-fallback-copy p{font-size:16px;line-height:1.6}
.gn93-reading .mh-fallback-image{transform:none;margin:0;max-width:480px}
.gn93-reading .mh-fallback-image img{max-height:440px;object-fit:contain}
.gn93-reading .mh9 .mh-after{grid-template-columns:1fr}
.gn93-reading .mh3-transcript ol{grid-template-columns:repeat(2,minmax(0,1fr))}
.gn93-reading .at84-track{display:none!important}
.gn93-reading .at84-static{position:static!important;width:calc(100% - clamp(40px,8vw,120px))!important;height:auto!important;clip:auto!important;clip-path:none!important;overflow:visible!important;white-space:normal!important;padding-block:30px!important;margin:0 auto!important}
@media(max-width:800px){
 .gn93-controls{padding:8px 18px;gap:12px}
 .gn93-progress{font-size:11px;max-width:26ch}
 .home-page .gn93-summary{display:block;padding-block:24px}
 .home-page .gn93-summary a{margin-top:8px}
 .home-page .mh9 .mh-after{grid-template-columns:1fr;gap:8px;padding-inline:20px}
 .home-page #malakoff-experience .mh3-main{grid-template-rows:150px minmax(0,1fr);gap:8px}
 .home-page #malakoff-experience .mh3-copy-stack{height:150px}
 .home-page #malakoff-experience .mh3-copy h2{font-size:30px;line-height:1.1}
 .home-page #malakoff-experience .mh3-copy .mh3-intro{display:block;font-size:14px;line-height:1.45;margin-top:10px}
 .home-page .at84-stage-inner{grid-template-rows:180px minmax(0,1fr);gap:8px;padding-top:14px;padding-bottom:8px}
 .home-page .at84-beat h3{font-size:30px;line-height:1.1;margin:9px 0}
 .home-page .at84-beat p{font-size:14px;line-height:1.45}
 .home-page .at84-canvas{min-height:0}
 .gn93-scene-context{top:14px;font-size:14px;max-width:28ch}
 #interface-en-contexte:not(.gn93-scene-enabled) .gn47-reduced-grid{grid-template-columns:1fr}
 .gn93-reading .mh9 .mh-fallback{grid-template-columns:1fr}
 .gn93-reading .mh3-transcript ol{grid-template-columns:1fr}
}
@media(max-width:370px){
 .home-page #malakoff-experience .mh3-copy h2{font-size:27px}
 .home-page #malakoff-experience .mh3-main{grid-template-rows:158px minmax(0,1fr)}
 .home-page #malakoff-experience .mh3-copy-stack{height:158px}
 .home-page .at84-stage-inner{grid-template-rows:190px minmax(0,1fr)}
 .home-page .at84-beat h3{font-size:27px}
 .gn93-progress{max-width:24ch;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.gn93-controls{display:none!important}}
@media print{
 .gn93-controls,.mh3-footer,.gn93-loading{display:none!important}
 .home-page .gn93-summary a{color:#172b48}
 .home-page .mh3-transcript,.home-page .mh3-transcript h3,.home-page .mh3-transcript summary{color:#172b48}
}

/* V102: one progress component, with chapters legible at a glance and a
   continuously filled segment within each chapter. No additional fixed bar. */
.gn94-meter.gn102-meter{display:grid;grid-template-columns:repeat(var(--gn102-count,4),minmax(0,1fr));gap:5px;overflow:visible;background:transparent;height:4px}
.gn94-meter.gn102-meter>span{display:none}
.gn102-segment{min-width:0;overflow:hidden;background:color-mix(in srgb,var(--gn94-meter,currentColor) 22%,transparent);border-radius:999px}
.gn102-segment>i{display:block;width:100%;height:100%;border-radius:inherit;background:var(--gn94-meter,currentColor);transform:scaleX(0);transform-origin:0 50%;transition:none;animation:none;will-change:auto}
@supports not (background:color-mix(in srgb,red 50%,transparent)){
 .gn102-segment{background:#bdcbbf}
}


/* SOURCE: /assets/styles/v105-release-motion.20261022d.css */
/* V105.3: quiet one-time reveals; no semantic content depends on these states. */
@media (prefers-reduced-motion:no-preference){
 .has-sober-motion .sober-motion-group{opacity:0;transform:translateY(24px)}
 /* Keep the full-bleed contact surface fixed so its edge stays flush with the footer. */
 .has-sober-motion .sober-contact.sober-motion-group{opacity:1;transform:none}
 .has-sober-motion .sober-project .sober-project-copy,
 .has-sober-motion .sober-project .sober-media,
 .has-sober-motion .sober-project .sober-apphalt-story,
 .has-sober-motion .sober-about .about-grid>*,
 .has-sober-motion .sober-contact .wrap>*{opacity:0;transform:translateY(18px)}
 .has-sober-motion .sober-project .sober-media{transform:translateX(22px)}
 .has-sober-motion .sober-malakoff .sober-media{transform:translateX(22px) scale(.99)}
 .has-sober-motion .sober-allianz .sober-media{transform:translateX(22px)}
 .sober-motion-ready .sober-project-heading.is-in-view,
 .sober-motion-ready .c103-intro.is-in-view,
 .sober-motion-ready .sober-project.is-in-view,
 .sober-motion-ready .sober-about.is-in-view,
 .sober-motion-ready .sober-contact.is-in-view{opacity:1;transform:none;transition:opacity .5s ease,transform .62s cubic-bezier(.2,.8,.2,1)}
 .sober-motion-ready .sober-contact.is-in-view{transition:none}
 .sober-motion-ready .sober-project.is-in-view .sober-project-copy,
 .sober-motion-ready .sober-project.is-in-view .sober-media,
 .sober-motion-ready .sober-project.is-in-view .sober-apphalt-story,
 .sober-motion-ready .sober-about.is-in-view .about-grid>*,
 .sober-motion-ready .sober-contact.is-in-view .wrap>*{opacity:1;transform:none;transition:opacity .48s ease var(--motion-delay,0ms),transform .62s cubic-bezier(.2,.8,.2,1) var(--motion-delay,0ms)}
 .sober-motion-ready .sober-apphalt-story [data-story-step]{opacity:0;transform:translateY(12px)}
 .sober-motion-ready .sober-apphalt.is-in-view [data-story-step]{animation:apphalt-step-in .48s cubic-bezier(.2,.8,.2,1) calc(100ms + var(--story-order)*85ms) both}
 .sober-motion-ready .sober-malakoff.is-in-view .sober-malakoff-media img{animation:malakoff-board-in .7s cubic-bezier(.2,.8,.2,1) .12s both}
 .sober-motion-ready .sober-allianz.is-in-view .at97-sample-top,
 .sober-motion-ready .sober-allianz.is-in-view .at97-sample-body>*{animation:allianz-detail-in .38s ease calc(80ms + var(--detail-order)*75ms) both}
 .sober-allianz .at97-sample-top{--detail-order:0}
 .sober-allianz .at97-sample-body>small{--detail-order:1}
 .sober-allianz .at97-order{--detail-order:2}
 .sober-allianz .at97-focus-tag{--detail-order:3}
 .sober-allianz .at97-sample-body h4{--detail-order:4}
 .sober-allianz .at97-sample-body p{--detail-order:5}
 .sober-allianz .at97-highlight{--detail-order:6}
 .sober-allianz .at97-faux-cta{--detail-order:7}
}
.sober-apphalt-story{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.68fr);gap:26px 44px;align-items:start;border-top:1px solid #dfe3e8;padding-top:34px;margin-top:8px}
.sober-story-heading{grid-column:1/-1}
.sober-story-heading .sober-kicker{margin:0 0 8px}
.sober-story-heading h3{font-size:clamp(24px,2.4vw,34px);line-height:1.2;letter-spacing:-.035em;margin:0}
.sober-story-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.sober-story-steps li{min-width:0;border-top:2px solid #dce3f7;padding-top:12px}
.sober-story-number{display:block;color:#4158d9;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:10px}
.sober-story-steps h4{font:600 14px/1.4 var(--sans);margin:0 0 7px;color:#202b3a}
.sober-story-steps p{font-size:12px;line-height:1.62;color:#566070;margin:0}
.sober-apphalt-demo{grid-column:2;grid-row:2 / span 2;background:#f2f4fb;padding:18px;border-radius:14px;margin:0!important;align-self:stretch}
.sober-apphalt-demo video{display:block;width:100%;max-width:330px;height:auto;max-height:440px;object-fit:contain;border-radius:8px;background:#e7e9f0;margin:0 auto}
.sober-apphalt-demo figcaption{font-size:11px;line-height:1.55;margin-top:10px;color:#5a6573}
.sober-apphalt-story .sober-story-steps{grid-column:1;grid-row:2 / span 2;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}
.sober-story-steps li:nth-child(1){--story-order:0}
.sober-story-steps li:nth-child(2){--story-order:1}
.sober-story-steps li:nth-child(3){--story-order:2}
.sober-story-steps li:nth-child(4){--story-order:3}
.sober-story-steps li:nth-child(5){--story-order:4}
.sober-malakoff-media img{transform-origin:center;clip-path:inset(0 0 0 0)}
.sober-allianz .at97-sample-top,.sober-allianz .at97-sample-body>*{transform-origin:left center}
.sober-apphalt-demo video:focus-visible{outline:3px solid #3047df;outline-offset:3px}
@keyframes apphalt-step-in{to{opacity:1;transform:none}}
@keyframes malakoff-board-in{from{opacity:.55;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
@keyframes allianz-detail-in{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:800px){
 .sober-apphalt-story{grid-template-columns:1fr;gap:22px}
 .sober-story-heading,.sober-apphalt-story .sober-story-steps,.sober-apphalt-demo{grid-column:1;grid-row:auto}
 .sober-apphalt-story .sober-story-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sober-apphalt-demo video{max-height:400px}
}
@media(max-width:520px){
 .sober-apphalt-story{gap:18px;padding-top:26px}
 .sober-apphalt-story .sober-story-steps{grid-template-columns:1fr;gap:15px}
 .sober-story-steps li{display:grid;grid-template-columns:32px 1fr;gap:0 8px;padding-top:10px}
 .sober-story-number{grid-row:1 / span 2;margin-top:1px}
 .sober-story-steps h4{margin-bottom:4px}
 .sober-story-steps p{font-size:13px}
 .sober-apphalt-demo{padding:14px}
}
@media(prefers-reduced-motion:reduce){
 .sober-apphalt-story [data-story-step]{opacity:1!important;transform:none!important;animation:none!important}
 .sober-malakoff-media img{clip-path:none!important}
 .sober-allianz .at97-sample-top,.sober-allianz .at97-sample-body>*{opacity:1!important;transform:none!important;animation:none!important}
}
html.motion-reduced .sober-apphalt-story [data-story-step]{opacity:1!important;transform:none!important;animation:none!important}
html.motion-reduced .sober-malakoff-media img{clip-path:none!important}
html.motion-reduced .sober-allianz .at97-sample-top,html.motion-reduced .sober-allianz .at97-sample-body>*{opacity:1!important;transform:none!important;animation:none!important}
/* Preserve the V105.1 hero draw/entrance motion while making MH and BNP-Cetelem readable in sequence. */
@media (prefers-reduced-motion:no-preference){
 .has-sober-motion .hero79-copy>*{opacity:0;transform:translateY(18px)}
 .has-sober-motion .hero79-portrait{opacity:0;transform:translateX(26px) rotate(1.5deg)}
 .has-sober-motion .hero81-draw{stroke-dashoffset:1}
 .sober-motion-ready .hero79-copy>*{animation:sober-copy-in .72s cubic-bezier(.2,.8,.2,1) forwards}
 .sober-motion-ready .hero79-copy>h1{animation-delay:100ms}
 .sober-motion-ready .hero79-copy>.hero79-role{animation-delay:220ms}
 .sober-motion-ready .hero79-copy>.hero94-description{animation-delay:310ms}
 .sober-motion-ready .hero79-copy>.hero79-cta{animation-delay:410ms}
 .sober-motion-ready .hero79-copy>.gn99-scroll-cue{animation-delay:500ms}
 .sober-motion-ready .hero79-portrait{animation:sober-portrait-in 1s cubic-bezier(.16,.9,.2,1) 180ms forwards}
 .sober-motion-ready .hero81-draw-back{animation:sober-draw .9s ease .25s forwards}
 .sober-motion-ready .hero81-draw-reverse{animation:sober-draw .9s ease .43s forwards}
 .sober-motion-ready .hero81-draw-front{animation:sober-draw .9s ease .62s forwards}
 .has-sober-motion .sober-malakoff .sober-malakoff-media img{clip-path:inset(0 0 100% 0);opacity:.55;transform:scale(1.02)}
 .sober-motion-ready .sober-malakoff.is-in-view .sober-project-copy>*{animation:malakoff-copy-in .5s cubic-bezier(.2,.8,.2,1) calc(100ms + var(--mh-copy-order)*100ms) both}
 .sober-motion-ready .sober-malakoff.is-in-view .sober-malakoff-media img{animation:malakoff-image-reveal .9s cubic-bezier(.2,.8,.2,1) 120ms both}
 .sober-motion-ready .c103-intro.is-in-view .c103-intro-head>*{animation:c103-copy-in .5s cubic-bezier(.2,.8,.2,1) calc(80ms + var(--c103-order)*100ms) both}
 .sober-motion-ready .c103-intro.is-in-view .c103-intro-aside>*{animation:c103-copy-in .5s cubic-bezier(.2,.8,.2,1) calc(280ms + var(--c103-order)*100ms) both}
}
.sober-malakoff .sober-project-copy>*:nth-child(1){--mh-copy-order:0}
.sober-malakoff .sober-project-copy>*:nth-child(2){--mh-copy-order:1}
.sober-malakoff .sober-project-copy>*:nth-child(3){--mh-copy-order:2}
.sober-malakoff .sober-project-copy>*:nth-child(4){--mh-copy-order:3}
.sober-malakoff .sober-project-copy>*:nth-child(5){--mh-copy-order:4}
.sober-malakoff .sober-project-copy>*:nth-child(6){--mh-copy-order:5}
.c103-intro-head>*:nth-child(1){--c103-order:0}
.c103-intro-head>*:nth-child(2){--c103-order:1}
.c103-intro-head>*:nth-child(3){--c103-order:2}
.c103-intro-aside>*:nth-child(1){--c103-order:0}
.c103-intro-aside>*:nth-child(2){--c103-order:1}
@keyframes malakoff-copy-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes malakoff-image-reveal{from{clip-path:inset(0 0 100% 0);opacity:.55;transform:scale(1.02)}to{clip-path:inset(0);opacity:1;transform:none}}
@keyframes c103-copy-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.sober-malakoff-media img,.c103-intro-head>*,.c103-intro-aside>*{animation:none!important;clip-path:none!important;opacity:1!important;transform:none!important}}
html.motion-reduced .sober-malakoff-media img,html.motion-reduced .c103-intro-head>*,html.motion-reduced .c103-intro-aside>*{animation:none!important;clip-path:none!important;opacity:1!important;transform:none!important}
@keyframes sober-copy-in{to{opacity:1;transform:none}}
@keyframes sober-portrait-in{to{opacity:1;transform:none}}
@keyframes sober-draw{to{stroke-dashoffset:0}}


/* SOURCE: /assets/styles/v105-release-project-harmony.20261022.css */
/* V105 project harmony: one quiet canvas around three distinct client stories.
   The animation canvases retain their real project palettes and transitions. */
body.sober-home {
  --client-canvas: #f7f8fb;
  --client-canvas-line: #e0e5ee;
}

/* Keep the editorial wrappers aligned; color belongs to the story stage, not
   to unrelated bands before or after it. */
#malakoff-experience.mh9,
.sober-cetelem,
#allianz-trade-pay.at84 {
  background-color: var(--client-canvas);
}

.sober-cetelem {
  border-top-color: var(--client-canvas-line);
  border-bottom-color: var(--client-canvas-line);
}
#interface-en-contexte .c103-scene-sticky{height:calc(100svh - var(--header,76px));min-height:400px}

/* Malakoff's old dark shell left its light transcript and CTA text on a dark
   field. Return the closing reading area to the shared canvas with dark ink. */
#malakoff-experience.mh9 .mh-after {
  background: var(--client-canvas);
  color: #25364d;
  border-top: 1px solid var(--client-canvas-line);
}

#malakoff-experience.mh9 .mh-after .mh3-transcript {
  color: #536174;
  border-top-color: var(--client-canvas-line);
}

#malakoff-experience.mh9 .mh-after .mh3-transcript summary,
#malakoff-experience.mh9 .mh-after .mh3-transcript h3 {
  color: #20344c;
}

#malakoff-experience.mh9 .mh-after .mh3-transcript p,
#malakoff-experience.mh9 .mh-after .mh3-transcript li {
  color: #536174;
}

#malakoff-experience.mh9 .mh-after > a:not(.sober-case-link) {
  color: #294b6a;
  text-decoration-color: #8294a9;
}

/* The half-disc header control was a manual motion toggle, not a theme
   switch. The site now follows the operating-system reduced-motion setting. */
.site-header .v105-motion-quick { display: none !important; }

/* Give the Malakoff wireframe a real reading order instead of letting its
   label, total and caption collapse into one line during the camera move. */
#malakoff-experience.mh86 .mh76-wire-content {
  position: absolute;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 5px;
  top: 46px;
  left: 16px;
  right: 16px;
  width: auto;
  white-space: normal;
  line-height: 1.3;
}
#malakoff-experience.mh86 .mh76-wire-label,
#malakoff-experience.mh86 .mh86-wire-caption { display: block; margin: 0; }
#malakoff-experience.mh86 .mh86-wire-total { display: block; line-height: 1.1; }
#malakoff-experience.mh86 .mh86-wire-split { display: flex; width: min(100%, 200px); }

/* Match the unobtrusive edge rail used by the other client stories. */
.sober-scene-controls {
  left: 0;
  right: 0;
  bottom: 0;
  transform: none;
  width: 100%;
  min-height: 80px;
  display: grid;
  grid-template-rows: 24px 1fr;
  gap: 0;
  padding: 0 20px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: #f5f8f4;
  color: #294b34;
}
.sober-scene-controls .c103-chapter-bars { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; width: 100%; align-self: stretch; }
.sober-scene-controls .c103-control-row { display: flex; justify-content: space-between; align-items: center; gap: 14px; min-height: 56px; }
.sober-scene-controls [data-workshop-step] { font-size: 11px; font-weight: 600; font-variant-numeric: tabular-nums; }
.sober-scene-controls .c103-arrow-controls { display: flex; align-items: center; gap: 8px; }
.sober-scene-controls button[data-workshop-jump] {
  position: relative;
  display: block;
  min-width: 0;
  width: 100%;
  min-height: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: 0;
}
.sober-scene-controls button[data-workshop-jump] span { display: none; }
.sober-scene-controls button[data-workshop-jump]::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#cedbd1}
.sober-scene-controls button[data-workshop-jump][aria-current] { background: transparent; box-shadow: none; }
.sober-scene-controls button[data-workshop-jump][aria-current]::before{background:#39633d}
.sober-scene-controls button[data-workshop-jump]:focus-visible,
.sober-scene-controls button.v105-workshop-arrow:focus-visible,
.sober-scene-controls > a:focus-visible {
  outline: 3px solid #3158f4;
  outline-offset: 4px;
}
.sober-scene-controls .v105-workshop-arrow { min-width: 38px; width: 38px; min-height: 38px; height: 38px; padding: 0; border: 1px solid currentColor; border-radius: 50%; }
.sober-scene-controls .c103-skip-link { display: none; }
.c103-lab[data-c103-backdrop="dark"] .sober-scene-controls { background: #153b2a; color: #f3f8ef; }
.c103-lab[data-c103-backdrop="dark"] .sober-scene-controls button[data-workshop-jump]::before { background: #698b71; }
.c103-lab[data-c103-backdrop="dark"] .sober-scene-controls button[data-workshop-jump][aria-current]::before { background: #e6f6d7; }


/* V105 mobile composition repairs. The source logo is the original V104 SVG. */
.c103-client-logo{display:block;width:142px;height:40px;object-fit:contain;object-position:left center;margin-bottom:15px}
.c103-stage-logo{position:absolute;z-index:3;top:16px;left:clamp(18px,3vw,42px);width:112px;height:42px;object-fit:contain;padding:5px 10px;background:#fffffff2;border:1px solid #dce8dc;border-radius:7px;pointer-events:none;transition:opacity .25s,visibility .25s}
.c103-intro-head .c103-eyebrow{display:block}
.sober-scene-controls .c103-skip-link:focus-visible{display:flex;position:absolute;right:12px;bottom:64px;width:auto;height:auto;padding:6px 9px;background:#fff;color:#193e29}

#malakoff-experience .mh3-problem-stat{display:flex;align-items:center;gap:10px;padding:7px 0 4px;color:#17334e;font:500 10px/1.3 var(--sans,Arial,sans-serif)}
#malakoff-experience .mh3-problem-stat strong{font-size:25px;line-height:1;color:#e85d37;white-space:nowrap}
#malakoff-experience .mh3-problem-stat span{max-width:31ch}
#malakoff-experience .mh3-decision-wire{position:absolute;inset:112px 26px 25px;display:flex;flex-direction:column;gap:12px;opacity:0;visibility:hidden;color:#526676;font:500 13px/1.3 var(--sans,Arial,sans-serif)}
#malakoff-experience .mh3-decision-wire>span{font-size:10px;letter-spacing:.12em;text-transform:uppercase}
#malakoff-experience .mh3-decision-wire strong{color:#172e45;font-size:23px}
#malakoff-experience .mh3-decision-wire i{display:block;height:9px;width:82%;border-radius:3px;background:#dce3e7}
#malakoff-experience .mh3-decision-wire i:nth-of-type(2){width:58%}
#malakoff-experience .mh3-decision-wire small{margin-top:auto;border-top:1px solid #cbd6dc;padding-top:10px;font-size:11px}
#malakoff-experience[data-mh3-phase="3"] .mh3-decision-wire{opacity:1;visibility:visible}
#malakoff-experience[data-mh3-phase="3"] .mh9-answer{visibility:hidden!important}
#malakoff-experience[data-mh3-phase="3"] .mh9-card{background:#f7f8f8!important;border-color:#bdccd2!important;box-shadow:0 7px 20px #0b1e3512!important}
.home-page #malakoff-experience .gn94-controls .gn94-skip,
.home-page #allianz-trade-pay .gn94-controls .gn94-skip{position:absolute;width:1px;height:1px;min-height:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.home-page #malakoff-experience .gn94-controls .gn94-skip:focus-visible,
.home-page #allianz-trade-pay .gn94-controls .gn94-skip:focus-visible{position:relative;width:auto;height:auto;min-height:40px;padding:0 8px;overflow:visible;clip:auto;outline:3px solid currentColor;outline-offset:2px}
.home-page #malakoff-experience .mh3-skip{position:absolute;width:1px;height:1px;min-height:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.home-page #malakoff-experience .mh3-skip:focus-visible{position:absolute;right:28px;top:43px;width:auto;height:auto;min-height:40px;padding:0 8px;overflow:visible;clip:auto;outline:3px solid currentColor;outline-offset:2px}
.home-page.story-controls-active .sober-to-top{display:none!important}

.sober-apphalt .sober-apphalt-only{grid-column:2;grid-row:1;margin:0;align-self:center;justify-self:center;width:min(100%,440px);padding:22px;background:#f2f4fb;border-radius:16px}
.sober-apphalt .sober-apphalt-only video{display:block;width:100%;max-height:min(68svh,590px);height:auto;object-fit:contain;background:#e7e9f0;border-radius:9px}
.sober-apphalt .sober-apphalt-only figcaption{font-size:11px;line-height:1.5;color:#59677a;margin-top:9px}
@media(max-width:800px){
 #malakoff-experience .mh3-rail{min-height:44px;align-items:flex-start}
 #malakoff-experience .mh3-main{grid-template-rows:154px minmax(0,1fr)}
 #malakoff-experience .mh3-copy-stack{height:154px}
 #malakoff-experience .mh3-copy{padding-top:35px}
 #malakoff-experience .mh3-kicker{margin-bottom:9px}
 #malakoff-experience[data-mh3-phase="1"] .mh10-audit-grid,
 #malakoff-experience[data-mh3-phase="2"] .mh10-audit-grid{visibility:hidden!important}
 #malakoff-experience .mh10-audit-points{display:block;left:16px;right:16px;bottom:12px}
 #malakoff-experience .mh10-audit-points>span:first-child{display:none}
 #malakoff-experience .mh10-audit-points>.mh76-test-task{display:block;max-width:none!important;border:0!important;border-left:2px solid #d39e8f!important;border-radius:0;background:none;padding:0 0 0 8px!important;font-size:10px!important}
 #malakoff-experience .mh3-decision-wire{inset:108px 22px 20px}
 #malakoff-experience .mh3-decision-wire strong{font-size:20px}
 #malakoff-experience .mh80-problem{gap:1px}
 #malakoff-experience .mh86-accesses{margin-top:3px!important}
 #malakoff-experience .mh86-accesses>div{padding:4px 0!important}
 #malakoff-experience .mh80-problem>p{margin-top:4px!important}
 .sober-apphalt .sober-apphalt-only{grid-column:1;grid-row:auto;width:min(100%,400px)}
 #allianz-trade-pay .at84-ui--buyer,#allianz-trade-pay .at84-ui--merchant,#allianz-trade-pay .at94-morph-shell{top:calc((100% - var(--at90-lane,72px))/2 - 25px);transform-origin:center}
 #allianz-trade-pay .at84-branch{bottom:65px}
 #interface-en-contexte .c103-scene-sticky{height:calc(100svh - var(--header,66px));min-height:0}
}
@media(max-width:430px){#malakoff-experience .mh3-main{grid-template-rows:146px minmax(0,1fr)}#malakoff-experience .mh3-copy-stack{height:146px}#malakoff-experience .mh3-copy h2{font-size:28px}}
@media(max-width:699px){.c103-stage-logo{top:10px;left:12px;width:95px;height:34px;padding:4px 7px}}

/* Project links live after each story, clear of the animated stage. */
.at84-stage-inner { position: relative; }
.client-story-outro{width:min(var(--sober-width),calc(100% - 2*var(--sober-gutter)));margin:0 auto;padding:24px 0 20px;display:flex;justify-content:flex-start}
.client-story-outro .sober-case-link{width:auto}
.at94-morph-shell{pointer-events:none;z-index:0;background:#fff}
.at84-static .at84-case-study-static {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  color: #173859;
  font: 600 12px/1.4 var(--sans, Arial, sans-serif);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.at84-static .at84-case-study-static:focus-visible { outline: 3px solid #1764cc; outline-offset: 3px; }

@media (max-width: 800px) {
  /* The story itself has stage controls; the floating up button otherwise
     collides with the Allianz identity and case-study link on narrow screens. */
  .home-page.story-controls-active .sober-to-top { display: none !important; }
  .sober-scene-controls { width: 100%; bottom: 0; padding-inline: 14px; }
  .sober-scene-controls [data-workshop-step] { font-size: 10px; }
  .sober-scene-controls .v105-workshop-arrow { min-width: 36px; width: 36px; min-height: 36px; height: 36px; }
}

/* Shared client navigation: one restrained, keyboard-accessible edge rail. */
.home-page #malakoff-experience .gn94-controls,
.home-page #allianz-trade-pay .gn94-controls,
.sober-scene-controls {height:80px;min-height:80px;padding:24px 20px 0;gap:12px}
.sober-scene-controls {display:flex}
.sober-scene-controls .c103-chapter-bars {position:absolute;top:0;left:20px;right:20px;width:auto;height:24px}
.sober-scene-controls .c103-control-row {width:100%;min-height:56px}
.home-page #malakoff-experience .mh3-stage {grid-template-rows:42px minmax(0,1fr) 80px 0}
.home-page #allianz-trade-pay .at84-stage-inner {height:calc(100% - 80px)}
.client-story-position {display:flex;flex-direction:column;justify-content:center;gap:1px;min-width:0;margin-right:auto;font-size:11px;line-height:1.25}
.home-page .client-story-position .gn93-progress {display:block!important;max-width:none!important;font-size:11px!important;line-height:1.25!important;margin:0!important}
.client-story-project {display:flex;align-items:center;align-self:flex-start;min-height:24px;color:inherit;font-size:11px;font-weight:600;text-decoration:underline;text-underline-offset:3px;gap:6px}
.client-story-project:focus-visible {outline:3px solid currentColor;outline-offset:3px}
.home-page #malakoff-experience .gn94-meter.gn102-meter,
.home-page #allianz-trade-pay .gn94-meter.gn102-meter {height:24px;left:20px;right:20px;top:0}
.client-story-controls button.gn102-segment {position:relative;width:100%;height:24px;min-height:24px;min-width:0;padding:0;border:0;border-radius:0;background:transparent;overflow:visible;cursor:pointer}
.client-story-controls button.gn102-segment::before {content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:2px;background:currentColor;opacity:.28}
.client-story-controls button.gn102-segment>i {position:absolute;top:0;height:3px;left:0;right:0;background:currentColor}
.client-story-controls button.gn102-segment:focus-visible {outline:3px solid currentColor;outline-offset:1px}
.client-story-controls .gn93-buttons,.client-story-controls .mh3-controls,.c103-arrow-controls {flex:none;gap:8px}
.home-page .client-story-controls .gn93-buttons button,
.home-page .client-story-controls .mh3-controls button,
.sober-scene-controls .v105-workshop-arrow {width:40px;min-width:40px;height:40px;min-height:40px;border-radius:50%;border:1px solid currentColor;background:transparent;color:inherit}
.sober-scene-controls .c103-skip-link {display:block;position:absolute;width:1px;height:1px;min-height:0;overflow:hidden;clip-path:inset(50%);padding:0;white-space:nowrap}
.sober-scene-controls .c103-skip-link:focus-visible {width:auto;height:auto;clip-path:none;right:20px;bottom:80px;padding:8px 12px}
@media(max-width:430px){
 .home-page #malakoff-experience .gn94-controls,.home-page #allianz-trade-pay .gn94-controls,.sober-scene-controls {padding-inline:14px;gap:8px}
 .sober-scene-controls .c103-chapter-bars,.home-page #malakoff-experience .gn94-meter.gn102-meter,.home-page #allianz-trade-pay .gn94-meter.gn102-meter{left:14px;right:14px}
 .home-page .client-story-position .gn93-progress,.sober-scene-controls [data-workshop-step]{font-size:10px!important}
}

/* Keep the two neighbouring needs in the small-screen wireframe. They are
   structural labels, not competing miniature interfaces. */
@media(max-width:800px){
 #malakoff-experience[data-mh3-phase="1"] .mh10-audit-grid,
 #malakoff-experience[data-mh3-phase="2"] .mh10-audit-grid {visibility:visible!important;display:flex!important;position:absolute;top:auto!important;bottom:48px;left:16px;right:16px;height:30px;gap:8px}
 #malakoff-experience[data-mh3-phase="1"] .mh10-audit-slot,
 #malakoff-experience[data-mh3-phase="2"] .mh10-audit-slot {display:none}
 #malakoff-experience .mh10-audit-grid .mh10-audit-tile {flex:1;min-width:0;padding:7px 9px;min-height:0;height:30px;border:1px dashed #bdcbd1;background:#f6f8f9;border-radius:5px}
 #malakoff-experience .mh10-audit-grid .mh10-audit-tile strong {font-size:11px;line-height:1.2;margin:0}
 #malakoff-experience .mh10-audit-grid .mh10-audit-tile>span {display:none}
}
/* Match the wireframe grid to the animated card's measured 59% slot. */
@media(min-width:801px){
 #malakoff-experience .mh10-audit-grid{position:absolute;top:72px;bottom:54px;left:16px;right:16px;height:auto;grid-template-columns:59fr 41fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}
 #malakoff-experience .mh10-audit-slot{grid-column:1;grid-row:1/3}
 #malakoff-experience .mh10-audit-tile{grid-column:2}
}
#malakoff-experience .mh10-audit-points>span:first-child{display:none}
#malakoff-experience .mh10-audit-points>.mh76-test-task{max-width:none!important;border:0!important;border-left:2px solid #b57561!important;border-radius:0;background:none;padding:0 0 0 8px!important;font-size:11px!important}
.sober-scene-controls button[data-workshop-jump][data-complete="true"]::before{background:#39633d}
.c103-lab[data-c103-backdrop="dark"] .sober-scene-controls button[data-workshop-jump][data-complete="true"]::before{background:#e6f6d7}
/* Small chapter labels need text contrast, even when the large accent title
   already passes the large-type threshold. Client accent families stay intact. */
#malakoff-experience[data-mh3-phase]:not([data-mh3-phase="0"]):not([data-mh3-phase="6"]) .mh3-kicker,
#malakoff-experience[data-mh3-phase]:not([data-mh3-phase="0"]):not([data-mh3-phase="6"]) [data-mh-view]{color:#b7372d}
#allianz-trade-pay[data-at106][data-at84-phase="1"] .at84-tag,
#allianz-trade-pay[data-at106][data-at84-phase="2"] .at84-tag{color:#086980}


/* 23 Oct: the illustration and controls occupy separate layout regions.
   The iframe must never draw beneath its sibling rail. */
#interface-en-contexte .c103-scene-sticky{--client-rail-height:80px}
#interface-en-contexte .c103-scene-sticky iframe{inset:0 0 var(--client-rail-height);height:calc(100% - var(--client-rail-height))}
.home-page .client-story-controls .gn93-buttons button.client-story-arrow,
.home-page .client-story-controls .mh3-controls button.client-story-arrow,
.sober-scene-controls .v105-workshop-arrow.client-story-arrow{
 display:inline-flex;align-items:center;justify-content:center;flex:none;
 width:44px;min-width:44px;height:44px;min-height:44px;padding:0;
 border:1px solid currentColor;border-radius:50%;color:inherit;background:transparent;
 box-shadow:none;line-height:1;vertical-align:middle;transition:background-color .15s;
}
.client-story-arrow svg{display:block;width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.client-story-arrow:disabled{opacity:.32;cursor:default;pointer-events:none}
.client-story-arrow:not(:disabled):hover{background:color-mix(in srgb,currentColor 9%,transparent)}
.home-page .client-story-controls button.client-story-arrow:focus-visible,
.sober-scene-controls button.client-story-arrow:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.client-story-controls .gn93-buttons,.client-story-controls .mh3-controls,.sober-scene-controls .c103-arrow-controls{display:flex;align-items:center;gap:8px}
@media(prefers-reduced-motion:reduce){.client-story-arrow{transition:none!important}}

/* 23 October - one visible case link per story. The static link remains the
   no-JavaScript and reduced-motion fallback; the animated rail owns it otherwise. */
html.has-js:not(.gn93-reading) .client-story-outro{display:none}
@media(prefers-reduced-motion:reduce){html.has-js .client-story-outro{display:flex}}

/* Contact: a real, compact form beside the direct-email fallback. */
.sober-contact-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(340px,.9fr);gap:clamp(38px,7vw,104px);align-items:start}
.sober-contact-copy{padding-top:8px}
.sober-contact #contact-form{background:#fff;color:#18233d;border-radius:14px;padding:clamp(24px,3vw,38px);box-shadow:0 18px 48px #10217a33}
.sober-contact #contact-form h3{font:400 clamp(28px,3vw,38px)/1.15 var(--serif,Georgia,serif);letter-spacing:-.035em;margin:0 0 6px}
.sober-contact #contact-form p{color:#4d5870;font-size:12px;line-height:1.55}
.contact-required{margin:0 0 22px}
.contact-field{margin:0 0 17px}
.contact-field label{display:block;margin:0 0 7px;color:#18233d;font-size:13px;font-weight:700}
.contact-field label small{font-weight:400;color:#657087}
.contact-field input,.contact-field textarea{display:block;width:100%;min-height:48px;padding:11px 13px;border:1px solid #8791a6;border-radius:7px;background:#fff;color:#18233d;font:400 16px/1.45 var(--sans,Arial,sans-serif);resize:vertical}
.contact-field textarea{min-height:132px}
.contact-field input:hover,.contact-field textarea:hover{border-color:#46526c}
.contact-field input:focus-visible,.contact-field textarea:focus-visible{outline:3px solid #3047df;outline-offset:2px;border-color:#3047df}
.contact-field [aria-invalid="true"]{border-color:#b42318;box-shadow:0 0 0 1px #b42318}
.sober-contact #contact-form .contact-field-hint{margin:6px 0 0;color:#657087;font-size:11px}
.sober-contact #contact-form .contact-field-error{margin:6px 0 0;color:#a51d17;font-size:12px;font-weight:600}
.contact-error-summary{margin:17px 0 22px;padding:14px 16px;border-left:4px solid #b42318;background:#fff0ee;border-radius:3px}
.contact-error-summary:focus{outline:3px solid #3047df;outline-offset:3px}
.sober-contact #contact-form .contact-error-summary p{color:#7c1813;font-weight:700;margin:0 0 5px}
.contact-error-summary ul{margin:0;padding-left:20px;color:#7c1813;font-size:12px}
.contact-error-summary a{color:#7c1813;text-decoration:underline;text-underline-offset:2px}
.contact-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.sober-contact #contact-form .contact-privacy{margin:2px 0 16px;font-size:11px;color:#657087}
.contact-privacy a{text-decoration:underline;text-underline-offset:2px;color:#3047df}
.sober-contact #contact-submit{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;min-height:50px;padding:12px 18px;border:0;border-radius:7px;background:#3047df;color:#fff;font-size:13px;font-weight:700}
.sober-contact #contact-submit:hover{background:#2439c2}
.sober-contact #contact-submit:focus-visible{outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 7px #3047df}
.sober-contact #contact-submit:disabled{opacity:.65;cursor:wait}
.sober-contact #contact-form-status{min-height:20px;margin:11px 0 0;color:#26334d;font-size:12px}
.sober-contact #contact-form-status[data-state="error"]{color:#a51d17}
.sober-contact #contact-form-status[data-state="success"]{color:#176533;font-weight:700}
.sober-contact #contact-form .contact-noscript{margin-top:10px;color:#4d5870;font-size:11px}

/* The section itself may reveal once; its readable content never waits on a
   second stagger, which previously left mobile arrivals looking blank. */
@media(prefers-reduced-motion:no-preference){
 .has-sober-motion .sober-about .about-grid>*,.has-sober-motion .sober-contact .wrap>*{opacity:1;transform:none}
 .sober-motion-ready .sober-about.is-in-view .about-grid>*,.sober-motion-ready .sober-contact.is-in-view .wrap>*{transition:none;opacity:1;transform:none}
}
@media(max-width:800px){
 .sober-contact-grid{grid-template-columns:1fr;gap:30px}
 .sober-contact #contact-form{padding:24px 20px}
 .sober-email{max-width:100%;overflow-wrap:anywhere}
}
@media(max-width:360px){.sober-contact #contact-form{padding:21px 17px}.contact-field textarea{min-height:120px}}


/* SOURCE: /assets/styles/v105-release-audit-fixes.20261023.css */

.client-story-project,.c103-project-link{font-size:13px!important;min-height:32px;display:inline-flex;align-items:center}
.audit-static-intro{padding:40px 22px 0;max-width:1160px;margin:auto}.audit-static-intro h2{font:400 clamp(32px,5vw,54px)/1.1 Georgia,serif;max-width:22ch}.at84[data-at84-ready] .audit-static-intro{display:none}
#allianz-trade-pay:not([data-at84-ready]) .at84-static{padding-inline:22px!important;box-sizing:border-box;max-width:1160px;margin-inline:auto}
#allianz-trade-pay .at106-swap{overflow:visible!important}
#allianz-trade-pay .at108-bridge{display:none!important}
.audit-replay{border:1px solid currentColor;border-radius:24px;background:transparent;color:inherit;padding:10px 18px;font:inherit;margin-top:12px;cursor:pointer}.audit-replay:focus-visible{outline:3px solid #294bf4;outline-offset:4px}
.contact-availability{padding:12px;border-left:3px solid #9f3a30;background:#fff2ee;color:#632c26;line-height:1.5}

/* Align anchored arrivals with the sticky header; keep the complete rail visible. */
#malakoff-experience,#interface-en-contexte,#allianz-trade-pay{scroll-margin-top:var(--header,76px)}
.client-story-project,.c103-project-link{font-size:13px!important}
@media(min-width:801px){#allianz-trade-pay .at84-stage{height:calc(100svh - 88px);min-height:0}}


/* SOURCE: /assets/styles/v105-release-apphalt-playback.20261024.css */
/* A quiet, keyboard-accessible pause control; the recording remains the focus. */
/* The focus export already frames the real menu. Keep its entire image visible
   at every breakpoint, including when JavaScript or autoplay is unavailable. */
html .sober-home .sober-apphalt.sober-project .apphalt-focus-frame{
  position:relative;aspect-ratio:568 / 680;overflow:hidden;background:#292c35;
}
html .sober-home .sober-apphalt.sober-project .apphalt-focus-frame video{
  position:relative;inset:auto;display:block;width:100%;max-width:none;
  height:auto;max-height:none;margin:0;border-radius:0;object-fit:contain;
}
.sober-apphalt .apphalt-static-poster{
  position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
  pointer-events:none;
}
.sober-apphalt [data-video-frame="true"] .apphalt-static-poster{visibility:hidden}
.sober-apphalt .sober-apphalt-demo[data-playback-ready] figcaption{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-top:10px;
}
.apphalt-demo-caption{min-width:0;flex:1}
.sober-apphalt .apphalt-playback-toggle{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  flex:0 0 auto;min-width:44px;min-height:44px;padding:7px 9px;
  border:1px solid transparent;border-radius:8px;background:transparent;
  color:#34465f;font:600 11px/1.2 var(--sans,Arial,sans-serif);cursor:pointer;
  white-space:nowrap;
}
.sober-apphalt .apphalt-playback-toggle:hover{background:#e4e9f3;color:#192c48}
.sober-apphalt .apphalt-playback-toggle:focus-visible{outline:3px solid #294bf4;outline-offset:2px}
.apphalt-playback-toggle[hidden]{display:none!important}
.apphalt-playback-icon{display:block;width:11px;height:12px;position:relative;flex:none}
.apphalt-playback-icon::before{
  content:"";display:block;position:absolute;left:2px;top:1px;
  width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;
  border-left:8px solid currentColor;
}
.apphalt-playback-toggle[data-playing="true"] .apphalt-playback-icon::before{
  left:1px;top:1px;width:3px;height:10px;border:0;background:currentColor;
  box-shadow:6px 0 0 currentColor;
}


/* SOURCE: /assets/styles/v105-release-continuity.20261024.css */
/* The client stages stay adjacent. Extra reading belongs to each client's
   coloured surface and expands in normal flow, outside the sticky scene. */
.sober-home #malakoff-experience { --story-end-bg:#172b48; --story-end-ink:#f4f7fc; --story-end-muted:#c5d4e5; }
.sober-home #interface-en-contexte { --story-end-bg:#153b2a; --story-end-ink:#f3f8ef; --story-end-muted:#c6dac4; }
.sober-home #allianz-trade-pay { --story-end-bg:#e1ebef; --story-end-ink:#173651; --story-end-muted:#4b6272; }
.sober-home #malakoff-experience,
.sober-home #interface-en-contexte,
.sober-home #allianz-trade-pay { background:var(--story-end-bg); border:0; }
.sober-home #malakoff-experience .mh-fallback { color:var(--story-end-ink); padding-block:32px; }
.sober-home #malakoff-experience .mh-fallback h2 { margin-block:8px 12px; }
.sober-home #malakoff-experience .mh-fallback .btn { margin-top:12px; }
html:not(.has-js) .sober-home #malakoff-experience .mh-fallback { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:32px; }
.sober-home #malakoff-experience .mh-fallback h2,
.sober-home #malakoff-experience .mh-fallback a { color:var(--story-end-ink); }
.sober-home #malakoff-experience .mh-fallback h2 em { color:#ff9b7f; }
.sober-home #malakoff-experience .mh-fallback p,
.sober-home #malakoff-experience .mh-fallback figcaption { color:var(--story-end-muted); }
.sober-home #cetelem-atelier:not(.c103-motion-on) .client-story-outro,
.sober-home #allianz-trade-pay:not([data-at84-ready]) .client-story-outro { display:flex; }
.sober-home #cetelem-atelier:not(.c103-motion-on) .client-story-outro a { color:var(--story-end-ink); }
.sober-home #interface-en-contexte .c103-motion-on .c103-intro {
  position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
  clip-path:inset(50%); white-space:nowrap; opacity:1;
}
.sober-home #interface-en-contexte .c103-intro h2,
.sober-home #interface-en-contexte .c103-reading,
.sober-home #interface-en-contexte .sober-inline-link { color:var(--story-end-ink); }
.sober-home #interface-en-contexte .c103-intro p,
.sober-home #interface-en-contexte .c103-intro .c103-eyebrow,
.sober-home #interface-en-contexte .c103-source-note,
.sober-home #interface-en-contexte .c103-reading-grid article > span,
.sober-home #interface-en-contexte .sober-cetelem-end p,
.sober-home #interface-en-contexte .sober-kicker { color:var(--story-end-muted); }
.sober-home #interface-en-contexte .c103-client-logo { background:#fff; padding:4px 8px; border-radius:5px; }
.sober-home #malakoff-experience:not(.mh3-reduced) .mh3-stage,
.sober-home #interface-en-contexte .c103-motion-on .c103-scene-sticky,
.sober-home #allianz-trade-pay[data-at84-ready] .at84-stage {
  top:var(--story-header,var(--header,76px));
  height:calc(100svh - var(--story-header,var(--header,76px))); min-height:0;
}
.sober-home .story-reading-zone,
.sober-home #malakoff-experience .mh-after,
.sober-home #cetelem-contexte {
  box-sizing:border-box; width:100%; max-width:none; margin:0; padding:12px clamp(22px,4vw,64px) 20px;
  background:var(--story-end-bg); color:var(--story-end-ink); border:0;
  display:flex; align-items:flex-start; flex-wrap:wrap; gap:8px 32px;
}
.sober-home .story-reading-zone details { flex:1 1 65%; min-width:0; width:auto; margin:0; padding:0; border:0; color:inherit; }
.sober-home .story-reading-zone details summary {
  display:list-item; width:fit-content; min-height:44px; padding:11px 0; box-sizing:border-box;
  font:500 12px/22px var(--sans,Arial,sans-serif); color:var(--story-end-muted); cursor:pointer;
  text-decoration:none; text-underline-offset:4px;
}
.sober-home .story-reading-zone summary:hover { color:var(--story-end-ink); text-decoration:underline; }
.sober-home .story-reading-zone a:focus-visible,
.sober-home .story-reading-zone summary:focus-visible { outline:2px solid currentColor; outline-offset:4px; border-radius:2px; }
.sober-home .story-reading-zone > a.sober-inline-link { min-height:44px; margin:0; font-size:12px; color:var(--story-end-muted); }
.sober-home #malakoff-experience .mh-after .mh3-transcript,
.sober-home #malakoff-experience .mh-after .mh3-transcript h3,
.sober-home #malakoff-experience .mh-after .mh3-transcript summary { color:var(--story-end-ink); }
.sober-home #malakoff-experience .mh-after p,
.sober-home #malakoff-experience .mh-after .mh3-transcript li { color:var(--story-end-muted); }
.sober-home .story-reading-zone .c103-reading-grid p,
.sober-home .story-reading-zone .c103-source-note,
.sober-home .story-reading-zone .c103-reading-grid article > span { color:var(--story-end-muted); }
.sober-home #interface-en-contexte .c103-reading-grid img {
  width:min(100%,240px); height:auto; max-height:none; background:white; border-radius:8px;
}
.sober-home #allianz-trade-pay .story-reading-zone .at84-static {
  position:static!important; width:100%!important; height:auto!important; margin:0!important;
  padding:18px 0 20px!important; clip:auto!important; clip-path:none!important;
  overflow:visible!important; white-space:normal!important;
}
.sober-home #allianz-trade-pay .story-reading-zone .at84-source { width:100%; max-width:none; padding:0; margin:0; color:var(--story-end-muted); }
.sober-home #malakoff-experience > .sober-next,
.sober-home #allianz-trade-pay > .sober-next,
.sober-home #apphalt-produit > .sober-next { display:none; }

/* All three controls have the same DOM order and a vertical chapter axis. */
.sober-home #malakoff-experience .story-navigation,
.sober-home #allianz-trade-pay .story-navigation,
.sober-home #apphalt-produit .story-navigation,
.sober-home #interface-en-contexte .story-navigation {
  position:absolute; inset:0; z-index:5; transform:none; width:100%; height:100%; min-height:0;
  display:block; padding:0; margin:0; border:0; border-radius:0; box-shadow:none;
  background:transparent; color:inherit; pointer-events:none;
}
.story-navigation > .story-vertical-rail {
  position:absolute; top:50%; right:12px; transform:translateY(-50%);
  display:flex; flex-direction:column; align-items:center; gap:6px; width:40px; pointer-events:auto;
}
.sober-home :is(#malakoff-experience,#allianz-trade-pay,#apphalt-produit) .story-navigation .story-vertical-rail .gn94-meter.gn102-meter,
.sober-home .story-navigation .story-vertical-rail .c103-chapter-bars {
  position:static; inset:auto; transform:none; display:flex; flex-direction:column; align-items:center;
  width:36px; height:auto; gap:0; border:0; background:none;
}
.story-navigation .story-vertical-rail .gn94-meter > span { display:none; }
.sober-home .story-navigation .story-vertical-rail button.gn102-segment,
.sober-home .story-navigation .story-vertical-rail button[data-workshop-jump] {
  display:block; position:relative; width:36px; min-width:36px; height:28px; min-height:28px;
  flex:none; padding:0; border:0; border-radius:4px; box-shadow:none; background:transparent; color:inherit;
}
.sober-home .story-navigation .story-vertical-rail button.gn102-segment > i { display:none; }
.sober-home .story-navigation .story-vertical-rail button.gn102-segment::before,
.sober-home .story-navigation .story-vertical-rail button[data-workshop-jump]::before {
  content:""; position:absolute; top:5px; bottom:5px; left:16px; right:auto; width:3px; height:auto;
  border-radius:3px; background:currentColor; opacity:.22; transform:none;
  transition:opacity .18s, height .18s;
}
.sober-home .story-navigation .story-vertical-rail button[aria-current]::before { opacity:1; }
@media(hover:hover) { .sober-home .story-navigation .story-vertical-rail button:hover::before { opacity:.75; } }
.sober-home .story-navigation .story-vertical-rail > button.client-story-arrow {
  display:flex; align-items:center; justify-content:center; width:40px; min-width:40px; height:40px; min-height:40px;
  padding:0; border:1px solid transparent; background:transparent; color:inherit; border-radius:50%;
}
.story-vertical-rail > .client-story-arrow svg { transform:rotate(90deg); width:20px; height:20px; }
.sober-home .story-navigation button:focus-visible { outline:2px solid currentColor; outline-offset:1px; }
.sober-home .story-navigation > .client-story-position {
  position:absolute; left:clamp(22px,4vw,64px); right:68px; bottom:8px; min-height:44px;
  display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:16px;
  margin:0; pointer-events:auto;
}
.sober-home .story-navigation .client-story-position .gn93-progress,
.sober-home .story-navigation .client-story-position [data-workshop-step] {
  max-width:40ch!important; color:inherit; opacity:.78; font-size:11px!important; font-weight:400;
  line-height:1.4!important; font-variant-numeric:tabular-nums;
}
.sober-home .story-navigation .client-story-project { min-height:44px; flex:none; align-self:center; margin:0; color:inherit; font-size:13px!important; }
.story-project-direction { width:10px; height:10px; flex:none; fill:currentColor; transform:rotate(-45deg); }
.sober-home #malakoff-experience .mh3-stage { grid-template-rows:42px minmax(0,1fr) 48px 0; }
.sober-home #allianz-trade-pay .at84-stage-inner { height:calc(100% - 56px); padding-right:68px; }
.sober-home #apphalt-produit .ah-stage-inner { height:calc(100% - 56px); padding-right:68px; }
.sober-home #interface-en-contexte .c103-scene-sticky { --client-rail-height:56px; }
.sober-home #interface-en-contexte .c103-scene-sticky iframe { right:40px; width:calc(100% - 40px); }
.sober-home #interface-en-contexte .story-navigation { color:#294b34; }
.sober-home #interface-en-contexte [data-c103-backdrop="dark"] .story-navigation { color:#f3f8ef; }
.sober-home #interface-en-contexte [data-c103-backdrop="dark"] .c103-scene-sticky { background:#153b2a; }
.sober-home #interface-en-contexte [data-c103-backdrop="light"] .c103-scene-sticky { background:#f5f8f4; }
.sober-home .story-navigation .gn94-skip:focus-visible,
.sober-home .story-navigation .c103-skip-link:focus-visible {
  position:absolute; left:22px; right:auto; top:8px; bottom:auto; width:auto; height:auto; min-height:44px;
  padding:10px 14px; background:#fff; color:#182e45; clip:auto; clip-path:none; z-index:8; pointer-events:auto;
}
.sober-home .gn99-back-top,.sober-home .sober-to-top { display:none!important; }
.sober-home .gn99-footer-top { display:inline-flex; align-items:center; min-height:44px; padding:0; border:0; background:none; color:inherit; font:inherit; text-decoration:underline; text-underline-offset:4px; }

/* A measured outcome, scoped to the reimbursement topic, not a generic CSAT. */
.sober-home #malakoff-experience .mh-outcome { display:flex; align-items:center; gap:16px; max-width:420px; margin-top:22px; padding:15px 16px; border:1px solid #ffffff35; border-radius:12px; background:#ffffff08; color:#fff; }
.sober-home #malakoff-experience .mh-outcome > strong { flex:none; font:600 46px/1 var(--sans,Arial,sans-serif); letter-spacing:-.055em; color:#ffad92; white-space:nowrap; }
.sober-home #malakoff-experience .mh-outcome > strong > span { font-size:.6em; letter-spacing:-.025em; }
.sober-home #malakoff-experience .mh-outcome p { margin:0; color:inherit; font:400 14px/1.4 var(--sans,Arial,sans-serif); }
.sober-home #malakoff-experience .mh-outcome small { display:block; margin-top:5px; font:400 14px/1.4 var(--sans,Arial,sans-serif); color:#c5d4e5; }
.sober-home #malakoff-experience.mh3-reduced .mh3-transcript .mh-outcome { display:none; }

@media(max-width:800px) {
  html:not(.has-js) .sober-home #malakoff-experience .mh-fallback { grid-template-columns:1fr; gap:24px; }
  .sober-home #malakoff-experience .mh3-copy { padding-top:12px; }
  .sober-home #malakoff-experience .mh3-main { grid-template-rows:174px minmax(0,1fr); }
  .sober-home #malakoff-experience .mh3-copy-stack { height:174px; padding-right:22px; }
  .sober-home #malakoff-experience .mh-outcome { gap:12px; padding:9px 11px; margin-top:12px; max-width:calc(100% - 22px); border-radius:10px; }
  .sober-home #malakoff-experience .mh-outcome > strong { font-size:34px; }
  .sober-home #malakoff-experience .mh-outcome p { font-size:14px; line-height:1.4; }
  .sober-home #malakoff-experience .mh-outcome small { margin-top:6px; font-size:14px; }
  .sober-home #malakoff-experience .mh3-visual { width:calc(100% - 30px); justify-self:start; }
  .story-navigation > .story-vertical-rail { right:1px; width:32px; }
  .sober-home .story-navigation .story-vertical-rail > button.client-story-arrow { display:none; }
  .sober-home :is(#malakoff-experience,#allianz-trade-pay,#apphalt-produit) .story-navigation .story-vertical-rail .gn94-meter.gn102-meter,
  .sober-home .story-navigation .story-vertical-rail .c103-chapter-bars { width:32px; }
  .sober-home .story-navigation .story-vertical-rail button.gn102-segment,
  .sober-home .story-navigation .story-vertical-rail button[data-workshop-jump] { width:32px; min-width:32px; height:28px; min-height:28px; }
  .sober-home .story-navigation .story-vertical-rail button.gn102-segment::before,
  .sober-home .story-navigation .story-vertical-rail button[data-workshop-jump]::before { left:14px; }
  .sober-home .story-navigation > .client-story-position { left:18px; right:38px; bottom:7px; gap:12px; }
  .sober-home .story-navigation .client-story-position .gn93-progress,
  .sober-home .story-navigation .client-story-position [data-workshop-step] { max-width:23ch!important; font-size:10px!important; }
  .sober-home #allianz-trade-pay[data-at106] .at84-stage-inner { width:100%; max-width:none; margin-inline:0; padding-right:38px; padding-left:18px; }
  .sober-home #apphalt-produit .ah-stage-inner { padding-right:38px; padding-left:18px; }
  .sober-home #allianz-trade-pay .at86-chapter-label { left:18px; right:38px; }
  .sober-home #interface-en-contexte .c103-scene-sticky iframe { right:30px; width:calc(100% - 30px); }
  .sober-home .story-reading-zone,
  .sober-home #malakoff-experience .mh-after,
  .sober-home #cetelem-contexte { padding:6px 22px 12px; gap:0 18px; }
  .sober-home .story-reading-zone details { flex-basis:100%; }
  .sober-home .story-reading-zone .c103-reading-grid { padding-top:16px; }
}
@media(prefers-reduced-motion:reduce) {
  .story-navigation { display:none!important; }
  .sober-home .story-reading-zone details summary { cursor:default; }
}
@media(max-width:360px) {
  .sober-home #malakoff-experience .mh3-main { grid-template-rows:188px minmax(0,1fr); }
  .sober-home #malakoff-experience .mh3-copy-stack { height:188px; }
  .sober-home #malakoff-experience .mh3-copy .mh3-intro { font-size:13px; line-height:1.45; }
}
/* On the smallest portrait screens the frame already expresses the short
   explanatory sentence. Keep that sentence available to assistive technology
   and in the transcript, and prioritise readable UI over a reduced miniature. */
@media(max-width:360px) and (max-height:720px) {
  .sober-home #allianz-trade-pay[data-at106] .at84-stage-inner { grid-template-rows:112px minmax(0,1fr); }
  .sober-home #allianz-trade-pay[data-at106] .at84-beat h3 { font-size:25px; margin-block:6px; }
  .sober-home #allianz-trade-pay[data-at106] .at84-beat > p {
    position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap;
  }
}
@media print {
  .story-navigation { display:none!important; }
  .sober-home .story-reading-zone { background:#fff; color:#182e45; }
}


/* SOURCE: /assets/styles/v105-release-clarity.20261025.css */
/* 25 October - shorter editorial journeys, existing brand and visual keyframes.
   AppHalt reuses the complete recording; mobile crops only unused surroundings. */
.sober-home .hero94-description { max-width:47ch; }
.sober-home .c103-intro-aside .sober-role { font-size:14px; line-height:1.5; }
.sober-home #malakoff-experience .mh3-rail > span:last-child {
  display:block; max-width:none; align-self:center; text-align:right;
  font:400 14px/1.4 var(--sans,Arial,sans-serif); letter-spacing:0;
  text-transform:none; color:var(--mh3-muted);
}
.sober-home #malakoff-experience .mh3-copy .mh3-intro { display:block; }
.sober-home #malakoff-experience .mh3-copy-stack { height:350px; }
.sober-home #malakoff-experience .mh3-copy h2 { max-width:18ch; }
.sober-home #malakoff-experience .mh3-stage { grid-template-rows:60px minmax(0,1fr) 48px 0; }
.sober-home .c103-scene-role {
  position:absolute; z-index:3; top:26px; left:clamp(160px,13vw,200px);
  right:75px; margin:0; color:#294b34; font:400 14px/1.4 var(--sans,Arial,sans-serif);
  pointer-events:none;
}
.sober-home [data-c103-backdrop="dark"] .c103-scene-role { color:#d8e8d1; }
.sober-home #allianz-trade-pay[data-at107] .at106-frame {
  top:50%!important; transform:translate(-50%,-50%) scale(var(--at106-fit,1)); transform-origin:center;
}
.sober-home #allianz-trade-pay[data-at107] .at106-content {
  transition:height .24s cubic-bezier(.2,.7,.2,1);
}
.sober-home .story-navigation .story-vertical-rail button[aria-current]::after {
  content:""; position:absolute; left:10px; top:11px; width:4px; height:4px;
  border-radius:50%; background:currentColor;
}
.sober-home #allianz-trade-pay .at86-chapter-label > span { font-size:14px; line-height:1.4; }
.sober-apphalt { row-gap:18px; }
.sober-apphalt .sober-role { font-size:14px; line-height:1.5; }
.sober-apphalt .sober-project-copy { grid-column:1; grid-row:1 / 3; align-self:center; }
.sober-apphalt .sober-project-copy h2 br { display:initial; }
.sober-apphalt .apphalt-project-actions { margin-top:20px; display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; }
.sober-apphalt .apphalt-project-actions a { margin:0; }
.sober-apphalt .sober-apphalt-only { grid-row:1 / 3; }
.sober-apphalt .apphalt-focus-frame { overflow:hidden; border-radius:9px; }
.sober-apphalt .sober-next { grid-column:1 / -1; }
.case-measurement-note { margin-top:22px; border-top:1px solid #cdd4df; padding-top:12px; font-size:14px; line-height:1.6; }
.case-measurement-note summary { width:fit-content; padding-block:10px; min-height:44px; cursor:pointer; color:#394a62; }
.case-measurement-note summary:focus-visible { outline:2px solid #294bf4; outline-offset:3px; }
.case-measurement-note p { max-width:72ch; font-size:14px; color:#526179; }
@media(max-width:1100px) {
  .sober-home #malakoff-experience .mh3-copy-stack { height:170px; }
}
@media(max-width:800px) {
  .sober-home #malakoff-experience .mh3-rail { gap:14px; }
  .sober-home #malakoff-experience .mh3-rail > span:last-child,
  .sober-home .c103-scene-role,
  .sober-home #allianz-trade-pay .at86-chapter-label > span { display:none!important; }
  .sober-home #malakoff-experience .mh3-main { grid-template-rows:224px minmax(0,1fr); }
  .sober-home #malakoff-experience .mh3-copy-stack { height:224px; }
  .sober-home #malakoff-experience .mh3-copy h2 { max-width:none; }
  .sober-home #malakoff-experience .mh3-copy .mh3-intro { font-size:14px; line-height:1.45; max-width:40ch; margin-top:9px; }
  .sober-home #allianz-trade-pay[data-at107] .at84-stage-inner { padding-top:82px; grid-template-rows:190px minmax(0,1fr); }
  .sober-home #allianz-trade-pay[data-at107] .at84-beat p { font-size:14px; line-height:1.45; }
  .sober-apphalt.wrap { width:calc(100% - 36px); padding:44px 0 28px; display:flex; flex-direction:column; gap:18px; }
  .sober-apphalt .sober-project-copy { align-self:stretch; }
  .sober-apphalt .sober-project-copy h2 { font-size:clamp(31px,8vw,44px); margin-block:15px 12px; }
  .sober-apphalt .sober-project-copy > p:not(.sober-role) { font-size:14px; line-height:1.5; margin-block:0 12px; }
  .sober-apphalt .sober-role { font-size:14px; margin:0; }
  .sober-apphalt .sober-apphalt-only { width:100%; max-width:440px; padding:10px; align-self:center; }
  html.has-js .sober-apphalt .apphalt-focus-frame { position:relative; aspect-ratio:540 / 660; background:#292c35; }
  html.has-js .sober-apphalt .apphalt-focus-frame video {
    position:absolute; top:0; left:-44.44445%; width:155.55556%; max-width:none;
    height:auto; max-height:none; border-radius:0; object-fit:contain;
  }
  .sober-apphalt .sober-apphalt-only figcaption { font-size:11px; line-height:1.4; margin-top:6px; }
  .sober-apphalt .apphalt-project-actions { margin-top:16px; align-self:stretch; gap:10px 24px; }
  .sober-apphalt .sober-next { margin-top:0; }
}
@media(max-width:360px) {
  .sober-home #allianz-trade-pay[data-at107] .at84-stage-inner { grid-template-rows:210px minmax(0,1fr); }
  .sober-home #malakoff-experience .mh3-main { grid-template-rows:250px minmax(0,1fr); }
  .sober-home #malakoff-experience .mh3-copy-stack { height:250px; }
  .sober-home #malakoff-experience .mh3-copy h2 { font-size:27px; }
}
@media(prefers-reduced-motion:reduce) {
  .sober-home #allianz-trade-pay[data-at107] .at106-content { transition:none; }
}
.motion-reduced .sober-home #allianz-trade-pay[data-at107] .at106-content { transition:none; }


/* SOURCE: /assets/styles/v105-release-project-brief.20261025.css */
/* Entry facts stay in normal document flow. They never control story progress.
   Outcome, original product material and reconstructed examples remain distinct. */
body.sober-home .hero81-track .hero79-role {
  display:flex; flex-wrap:wrap; align-items:baseline; gap:5px 18px;
  font-size:14px; line-height:1.5; letter-spacing:0; text-transform:none;
}
body.sober-home .hero81-track .hero79-role strong { font-size:16px; font-weight:600; }
body.sober-home .hero81-track .hero79-role span { color:#526078; }
.sober-home .project-brief {
  width:min(100% - 2 * var(--sober-gutter,80px),1280px); margin-inline:auto;
  padding-block:30px 28px; color:var(--story-end-ink); font-family:var(--sans,Arial,sans-serif);
  border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent);
}
.sober-home .project-brief-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; }
.sober-home .project-brief-domain { margin:0 0 5px; font-size:12px; line-height:1.4; color:var(--story-end-muted); }
.sober-home .project-brief h2 { margin:0; font:600 22px/1.3 var(--sans,Arial,sans-serif); letter-spacing:-.02em; color:inherit; }
.sober-home .project-brief-link { display:inline-flex; align-items:center; gap:10px; min-height:44px; flex:none; color:inherit; font-size:14px; font-weight:600; text-decoration:underline; text-underline-offset:5px; }
.sober-home .project-brief-link svg { width:18px; height:18px; fill:currentColor; stroke:none; }
.sober-home .project-brief-link:focus-visible { outline:2px solid currentColor; outline-offset:5px; border-radius:2px; }
.sober-home .project-brief-facts { display:grid; grid-template-columns:1fr 1fr 1.2fr; gap:24px; margin:0; }
.sober-home .project-brief-facts > div { min-width:0; }
.sober-home .project-brief-facts > div + div { border-left:1px solid color-mix(in srgb,currentColor 18%,transparent); padding-left:24px; }
.sober-home .project-brief-facts dt { font-size:12px; font-weight:600; line-height:1.4; margin-bottom:7px; color:var(--story-end-muted,#526078); }
.sober-home .project-brief-facts dd { margin:0; font:400 15px/1.55 var(--sans,Arial,sans-serif); color:inherit; }
.sober-home .project-brief-facts dd strong { font-weight:600; font-size:22px; line-height:1.2; white-space:nowrap; }
.sober-home .project-brief-facts dd small { display:block; margin-top:7px; font-size:13px; line-height:1.45; color:var(--story-end-muted,#526078); }
/* Hash navigation moves focus to the section title. Keep that orientation cue
   visible without drawing the browser's large default rectangle. */
.sober-home h2[tabindex="-1"]:focus { outline:none; }
.sober-home h2[tabindex="-1"]:focus-visible { box-shadow:-4px 0 0 currentColor; }
/* One project link per client, immediately available before the animation. */
.sober-home .has-project-brief .client-story-project,
.sober-home .has-project-brief .client-story-outro,
.sober-home .has-project-brief .at84-case-study-static,
.sober-home .has-project-brief .mh-fallback-copy,
.sober-home .has-project-brief .c103-intro,
.sober-home .has-project-brief .audit-static-intro { display:none!important; }
html:not(.has-js) .sober-home .has-project-brief .mh-fallback { grid-template-columns:1fr; max-width:820px; }
.sober-home .apphalt-brief { display:grid; grid-template-columns:1fr; gap:16px; margin-top:22px; }
.sober-home .apphalt-brief > div + div { border-left:0; padding-left:0; }
.sober-home .apphalt-brief dt { margin-bottom:4px; }
.sober-home .apphalt-brief dd { max-width:42ch; }
@media(max-width:800px) {
  body.sober-home .hero81-track .hero79-role { display:block; margin-top:20px; font-size:14px; line-height:1.5; }
  body.sober-home .hero81-track .hero79-role strong { display:block; font-size:16px; }
  body.sober-home .hero81-track .hero79-role span { display:block; margin-top:3px; }
  .sober-home .project-brief { width:calc(100% - 44px); padding-block:14px; }
  .sober-home .project-brief-heading { gap:6px 14px; flex-wrap:wrap; margin-bottom:12px; }
  .sober-home .project-brief h2 { font-size:20px; }
  .sober-home .project-brief-link { min-height:44px; }
  .sober-home .project-brief-facts { grid-template-columns:1fr; gap:8px; }
  .sober-home .project-brief-facts > div { display:grid; grid-template-columns:88px minmax(0,1fr); gap:10px; }
  .sober-home .project-brief-facts > div + div { border-left:0; padding-left:0; }
  .sober-home .project-brief-facts dt { margin:1px 0 0; font-size:12px; }
  .sober-home .project-brief-facts dd { font-size:14px; line-height:1.38; }
  .sober-home .project-brief-facts dd strong { font-size:20px; }
  .sober-home .project-brief-facts dd small { font-size:12px; margin-top:3px; }
  .sober-home .apphalt-brief { margin-top:14px; gap:10px; }
}
@media(max-width:360px) {
  .sober-home .project-brief { width:calc(100% - 28px); }
  .sober-home .project-brief h2 { font-size:19px; }
  .sober-home .project-brief-facts > div { grid-template-columns:76px minmax(0,1fr); gap:8px; }
  .sober-home .project-brief-heading { margin-bottom:10px; }
}


/* SOURCE: /assets/styles/v105-release-selection.20261026.css */
/* A selective portfolio index, compact role introductions and quieter chapters. */
.sober-home .sober-project-heading{display:block;padding-block:38px 32px;border:0}
.sober-home .selection-intro{display:flex;align-items:baseline;justify-content:space-between;gap:32px;margin-bottom:22px}
.sober-home .selection-intro h2{max-width:none;margin:0;font-size:32px;line-height:1.15}
.sober-home .selection-intro p{max-width:54ch;margin:0;font-size:14px;line-height:1.55;color:#536077}
.sober-home .sober-project-heading nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:100%;border-block:1px solid #dce1e8}
.sober-home .sober-project-heading nav a{position:relative;display:grid;grid-template-columns:60px minmax(0,1fr) 16px;align-items:center;gap:12px;padding:22px 16px;border:0;border-radius:0;color:#20324c;background:transparent;min-width:0;text-decoration:none;transition:background .18s}
.sober-home .sober-project-heading nav a:hover{background:#f4f6ff;color:#20324c}
.sober-home .sober-project-heading nav a:focus-visible{outline:3px solid #304cff;outline-offset:3px}
.sober-home .project-entry-name{display:block;font-size:14px;text-decoration:none}
.sober-home .project-entry-topic{display:block;margin-top:5px;font-size:13px;line-height:1.45;color:#536077}
.sober-home .selection-arrow{position:static;width:16px;height:16px;fill:currentColor;stroke:none;transform:rotate(90deg);transition:transform .18s}
.sober-home .project-brief{padding-block:22px 24px}
.sober-home .project-contribution{margin:10px 0 0;max-width:70ch;color:var(--story-end-muted,#566176);font-size:15px;line-height:1.5}
.sober-home .apphalt-contribution{margin:16px 0;color:#536077;max-width:40ch}
.sober-home .story-navigation .story-vertical-rail button[aria-current]::after{content:none!important}
.sober-home .story-navigation .story-vertical-rail button::before{width:3px;opacity:.3}
.sober-home .story-navigation .story-vertical-rail button[aria-current]::before{width:4px;opacity:1}
.sober-home .experience-scope{color:#536077;font-size:14px;line-height:1.5;margin-top:7px;max-width:46ch}
.sober-home .experience li{padding-block:20px}
.sober-home .sober-email{display:inline-flex;align-items:center;gap:12px;font-size:22px}
.sober-home .sober-email .icon,.sober-home .sober-contact-actions .icon{width:18px;height:18px;flex:none}
@media(max-width:800px){
 .sober-home .sober-project-heading{padding-block:26px}
 .sober-home .selection-intro{display:block;margin-bottom:16px}
 .sober-home .selection-intro h2{font-size:28px;max-width:20ch}
 .sober-home .selection-intro p{margin-top:10px;font-size:14px}
 .sober-home .sober-project-heading nav{grid-template-columns:1fr;gap:0}
 .sober-home .sober-project-heading nav a{grid-template-columns:56px minmax(0,1fr) 16px;padding:14px 4px;gap:14px;min-height:76px;box-sizing:border-box}
 .sober-home .selection-arrow{width:15px;height:15px}
 .sober-home .project-entry-name{font-size:15px;line-height:1.3}
 .sober-home .project-entry-topic{font-size:13px;line-height:1.35;margin-top:4px}
 .sober-home .project-brief{padding-block:18px;width:calc(100% - 36px)}
 .sober-home .project-brief-domain{display:none}
 .sober-home .project-brief h2{font-size:20px}
 .sober-home .project-brief-link{font-size:12px;gap:6px}
 .sober-home .project-contribution{font-size:14px;margin-top:8px}
 .sober-home .experience li{padding-block:16px}
}
@media(prefers-reduced-motion:reduce){.sober-home .sober-project-heading nav a{transition:none}}
.sober-home .sober-project-heading nav{max-width:none}
.sober-home .selection-arrow{fill:currentColor;stroke:none}

.sober-home .project-entry-copy{min-width:0}
.sober-home .project-entry-mark{display:flex;align-items:center;justify-content:center;width:60px;height:48px}
.sober-home .project-entry-mark img{display:block;width:100%;height:auto;max-height:48px;object-fit:contain}
.sober-home .project-entry-mark--apphalt img{width:40px;height:40px}
@media(min-width:801px){.sober-home .sober-project-heading nav a+a{border-left:1px solid #dce1e8}}
@media(min-width:801px) and (max-width:1100px){
 .sober-home .sober-project-heading nav a{grid-template-columns:minmax(0,1fr) 16px;gap:10px;padding:18px}
 .sober-home .project-entry-mark{grid-column:1/-1;justify-content:flex-start;height:36px}
 .sober-home .project-entry-mark img{max-height:36px}
}
@media(max-width:800px){
 .sober-home .sober-project-heading nav a+a{border-top:1px solid #dce1e8}
 .sober-home .project-entry-mark{width:56px;height:44px}
 .sober-home .project-entry-mark img{max-height:44px}
 .sober-home .project-entry-mark--apphalt img{width:36px;height:36px}
}
@media(hover:hover){.sober-home .sober-project-heading nav a:hover .selection-arrow{transform:translateY(3px) rotate(90deg)}}
@media(prefers-reduced-motion:reduce){.sober-home .selection-arrow{transition:none}}

/* Official symbols: exact source paths, without wordmarks. */
.sober-home .project-entry-mark--mh img{width:44px;height:36px}
.sober-home .project-entry-mark--cetelem img{width:30px;height:40px}
.sober-home .project-entry-mark--allianz img{width:38px;height:38px}


/* SOURCE: /assets/styles/v105-release-hero-navigation.20261026.css */
body.sober-home .hero81-track,body.sober-home .hero81-track .hero79-stage{height:auto}
/* The introduction presents the designer; product examples stay in the project section. */
body.sober-home .hero81-track .hero79-inner{min-height:600px;padding-block:56px 40px;gap:48px}
body.sober-home .hero81-track .hero-work{position:relative;width:100%;max-width:356px;height:404px;margin:0;align-self:center;isolation:isolate}
.hero-work-portrait{position:absolute;inset:0;overflow:hidden;border-radius:0 0 16px 16px;background:transparent;transform:translateY(var(--portrait-lift,0px))}
.hero-work-portrait::before{content:"";position:absolute;inset:54px 0 -40px;border-radius:100px 16px 16px 16px;background:#edf0ff;transform:translateY(var(--portrait-ground-shift,0px))}
.hero-work-portrait img{position:relative;display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(var(--portrait-scale,1.025));transform-origin:center top}
@keyframes hero-work-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:no-preference){.hero-work-portrait{animation:hero-work-in .6s both}}

/* The header already sticks: use its existing space rather than another rail. */
.project-switcher{position:relative}
.project-switcher summary{display:flex;align-items:center;gap:8px;min-height:44px;list-style:none;cursor:pointer;color:#20324c;font:600 13px/1.2 var(--sans);border-radius:8px;padding:0 10px}
.project-switcher summary::-webkit-details-marker{display:none}
.project-switcher summary svg{width:13px;height:13px;fill:currentColor;transform:rotate(90deg);transition:transform .2s}
.project-switcher[open] summary{background:#edf0ff;color:#2945e8}
.project-switcher[open] summary svg{transform:rotate(-90deg)}
body.sober-home .site-header .project-switch-panel{position:absolute;top:calc(100% + 12px);left:0;width:300px;display:block;padding:12px;background:#fff;border:1px solid #dce1e8;border-radius:14px;box-shadow:0 16px 45px #20324c22;max-height:calc(100svh - 110px);overflow:auto}
.project-switch-panel p{margin:6px 10px 10px;font-size:12px;color:#536077}
body.sober-home .site-header .project-switch-panel>a{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;min-height:55px;padding:8px 10px;border-radius:8px;text-decoration:none;color:#20324c;font-size:14px}
.project-switch-panel .project-entry-mark{width:36px;height:32px}
.project-switch-panel .project-entry-mark img{max-width:30px;max-height:28px}
.project-switch-panel .project-current{visibility:hidden;font-size:11px;color:#2945e8}
.project-switch-panel a[aria-current="location"] .project-current{visibility:visible}
body.sober-home .site-header .project-switch-panel a:hover,body.sober-home .site-header .project-switch-panel a[aria-current="location"]{background:#f0f3ff;color:#2945e8}
.project-switch-utilities{display:grid;grid-template-columns:1fr 1fr;gap:4px;border-top:1px solid #dce1e8;margin-top:10px;padding-top:8px}
body.sober-home .site-header .project-switch-utilities a{padding:12px 10px;font-size:12px;text-decoration:none;min-height:44px;box-sizing:border-box}
.project-switcher summary:focus-visible,.project-switch-panel a:focus-visible,.selection-controls button:focus-visible{outline:3px solid #304cff;outline-offset:3px}
.selection-controls{display:none}
@media(max-width:1100px) and (min-width:701px){body.sober-home .hero81-track .hero79-inner{gap:24px}body.sober-home .hero81-track .hero-work{height:370px}}
@media(max-width:800px){
 body.sober-home .site-header .desktop-nav{display:flex;margin-left:auto;gap:0}
 body.sober-home .site-header .desktop-nav>a{display:none}
 body.sober-home .site-header .header-inner{gap:10px}
 body.sober-home .site-header .header-actions{gap:0}
 body.sober-home .site-header .project-switch-panel{position:fixed;top:calc(var(--gn-header-height,67px) + 8px);left:16px;right:16px;width:auto}
 body.sober-home .sober-project-heading nav{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:2px;gap:0;scrollbar-width:thin;padding-block:4px 10px;border:0}
 body.sober-home .sober-project-heading nav a{flex:0 0 78%;box-sizing:border-box;min-height:104px;scroll-snap-align:start;border:1px solid #dce1e8!important;border-radius:12px;padding:16px;grid-template-columns:40px minmax(0,1fr) 14px;gap:12px;margin-right:10px}
 body.sober-home .sober-project-heading nav a:last-child{margin-right:0}
 body.sober-home .sober-project-heading .project-entry-mark{width:40px}
 .selection-controls{display:flex;align-items:center;justify-content:space-between;margin-top:8px;color:#536077;font-size:12px}
 .selection-position{font-variant-numeric:tabular-nums;letter-spacing:.08em}
 .selection-controls>div{display:flex;gap:8px}
 .selection-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #dce1e8;border-radius:50%;background:#fff;color:#20324c;cursor:pointer}
 .selection-controls button:disabled{opacity:.35;cursor:default}
 .selection-controls svg{width:18px;height:18px;fill:currentColor}.selection-controls button:first-child svg{transform:rotate(180deg)}
}
@media(max-width:700px){
 body.sober-home .hero81-track .hero79-inner{min-height:0;padding:28px 22px 20px;gap:24px}
 body.sober-home .hero81-track .hero-work{width:min(100%,244px);height:248px;margin:0 auto;align-self:center}
 .hero-work-portrait::before{top:40px;border-top-left-radius:70px}
}
@media(max-width:480px){
 body.sober-home .site-header .brand{gap:6px;min-width:0}
 body.sober-home .site-header .brand img{width:26px;height:26px}
 body.sober-home .site-header .brand span{display:block;max-width:64px;font-size:11px;line-height:1.3;white-space:normal}
 body.sober-home .site-header .desktop-nav{margin-left:auto}
 body.sober-home .site-header .header-actions{margin-left:0}
 .project-switcher summary{padding-inline:6px;gap:5px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.project-switcher summary svg{transition:none}}

/* The header borrows only the visible project's accent; navigation stays stable. */
body.sober-home .site-header{--header-accent:var(--blue)}
body.sober-home .site-header[data-project-theme="malakoff"]{--header-accent:#b94b28}
body.sober-home .site-header[data-project-theme="cetelem"]{--header-accent:#237b35}
body.sober-home .site-header[data-project-theme="allianz"]{--header-accent:#003781}
body.sober-home .site-header[data-project-theme="apphalt"]{--header-accent:#1757c5}
body.sober-home .site-header .brand-mark{display:inline-flex;flex:none;position:relative}
@supports (mask-image:url("/assets/images/v25-gn-monogram.png")){
 body.sober-home .site-header .brand-mark{background:var(--header-accent);mask:url("/assets/images/v25-gn-monogram.png") center/contain no-repeat;transition:background-color 280ms ease}
 body.sober-home .site-header .brand-mark img{opacity:0}
}
body.sober-home .site-header .language-switch a[aria-current]{background:var(--header-accent);color:#fff;transition:background-color 280ms ease}
@media(prefers-reduced-motion:reduce){
 body.sober-home .site-header .brand-mark,body.sober-home .site-header .language-switch a[aria-current]{transition:none}
}
@media(forced-colors:active){
 body.sober-home .site-header .brand-mark{mask:none;background:none}
 body.sober-home .site-header .brand-mark img{opacity:1}
 body.sober-home .site-header .language-switch a[aria-current]{background:Highlight;color:HighlightText}
}

/* Keep the portrait still when motion is reduced, including the site preference. */
html.motion-reduced .hero-work-portrait,html.gn93-reading .hero-work-portrait{animation:none;transform:none}
html.motion-reduced .hero-work-portrait img,html.motion-reduced .hero-work-portrait::before,
html.gn93-reading .hero-work-portrait img,html.gn93-reading .hero-work-portrait::before{transform:none}
@media(prefers-reduced-motion:reduce){.hero-work-portrait,.hero-work-portrait img,.hero-work-portrait::before{transform:none}}
/* Anchor targets receive focus for accessibility; avoid boxing the whole section. */
.sober-home #projets[tabindex="-1"]:focus-visible{outline:0}


/* SOURCE: /assets/styles/v105-release-cetelem-continuite.20261026.css */
/* The frame and embedded scene share the same interpolated background. */
body.sober-home #interface-en-contexte .c103-scene-sticky,
body.sober-home #interface-en-contexte [data-c103-backdrop] .c103-scene-sticky{
 background:var(--cetelem-ground,#153b2a);
}

body.sober-home #interface-en-contexte [data-c103-backdrop] .story-navigation,
body.sober-home #interface-en-contexte [data-c103-backdrop] .c103-scene-role,
body.sober-home #interface-en-contexte [data-c103-backdrop] [data-workshop-step]{
 color:var(--cetelem-ink,#f3f8ef);opacity:1;
}


/* SOURCE: /assets/styles/v105-release-project-results.20261026.css */
/* Outcomes remain fixed, readable values within the existing final scene. */
#allianz-trade-pay[data-at106] .at84-beat .project-result-number{font:600 clamp(64px,7vw,100px)/1 Georgia,serif;letter-spacing:-.055em;margin:16px 0 10px;white-space:nowrap}
#allianz-trade-pay .project-result-number span{font-size:.66em}
#allianz-trade-pay[data-at106] .at84-beat .project-result-label{font-size:clamp(18px,1.7vw,23px);line-height:1.3;max-width:25ch;color:inherit}
#allianz-trade-pay[data-at106] .at84-beat .project-result-context{font-size:14px;line-height:1.45;margin-top:12px;max-width:33ch}
.c103-result{max-width:65ch;line-height:1.6}.c103-result strong{display:block;margin-bottom:.3em}
.sober-home #interface-en-contexte .sober-cetelem-end .sober-cetelem-metric{flex:1 1 100%;margin:6px 0 10px;max-width:45ch;color:var(--story-end-ink,#f2fff1);font-size:17px;line-height:1.35}
.sober-home #interface-en-contexte .sober-cetelem-end .sober-cetelem-metric strong{font-size:1.35em;letter-spacing:-.04em;color:#d9f5dd}
@media(max-width:700px){
 #allianz-trade-pay[data-at106] .at84-beat .project-result-number{font-size:52px;margin:8px 0 6px}
 #allianz-trade-pay[data-at106] .at84-beat .project-result-label{font-size:17px;max-width:27ch}
 #allianz-trade-pay[data-at106] .at84-beat .project-result-context{font-size:12px;margin-top:8px;max-width:32ch}
}
#allianz-trade-pay[data-at109] .at84-beat--3 .project-result-label{font-size:clamp(18px,1.7vw,23px)!important;line-height:1.3!important;max-width:27ch!important}
#allianz-trade-pay[data-at109] .at84-beat--3 .project-result-context{font-size:14px!important;line-height:1.45!important;max-width:33ch!important}
@media(max-width:700px){
 #allianz-trade-pay[data-at109] .at84-beat--3 .project-result-label{font-size:17px!important;max-width:none!important}
 #allianz-trade-pay[data-at109] .at84-beat--3 .project-result-context{font-size:12px!important;max-width:none!important}
}


/* SOURCE: /assets/styles/v105-release-project-entry.20261026.css */
/* One identity and one direct link before each client story. */
.sober-home .project-brief{display:flex;flex-direction:column;align-items:flex-start;gap:16px;border:0;padding-block:32px 8px}
.sober-home .project-brief h2{margin:0;line-height:1;max-width:100%}
.sober-home .project-brief-logo{display:block;width:auto;height:42px;max-width:190px;object-fit:contain;object-position:left center}
.sober-home .project-brief-logo--cetelem{height:38px;box-sizing:content-box;background:#fff;padding:5px 8px;border-radius:5px}
.sober-home .project-brief-logo--allianz{height:36px}
.sober-home .project-brief .project-contribution{margin:0;max-width:54ch;font-size:16px;line-height:1.5;color:var(--story-end-muted)}
.sober-home .project-brief .project-brief-link{margin:0;font-size:14px;min-height:44px;gap:9px}
/* The brands inside the demonstrated interfaces are kept. Only the repeated scene mastheads are hidden. */
.sober-home #malakoff-experience .mh3-rail{visibility:hidden;min-height:0;height:0;overflow:hidden}
.sober-home #malakoff-experience .mh3-stage{grid-template-rows:0 minmax(0,1fr) 48px 0}
.sober-home #interface-en-contexte .c103-stage-logo,
.sober-home #interface-en-contexte .c103-scene-role,
.sober-home #allianz-trade-pay .at86-chapter-label{display:none!important}
@media(max-width:800px){
 .sober-home .project-brief{gap:12px;padding-block:24px 4px}
 .sober-home .project-brief-logo{height:36px;max-width:168px}
 .sober-home .project-brief-logo--cetelem{height:28px}
 .sober-home .project-brief-logo--allianz{height:30px}
 .sober-home .project-brief .project-contribution{font-size:14px;line-height:1.5;max-width:42ch}
 .sober-home .project-brief .project-brief-link{font-size:13px}
}

.sober-home .project-brief h2:focus,.sober-home .project-brief h2:focus-visible{box-shadow:none;outline:none}

/* Detailed Allianz reasoning belongs to its project page. Keep the text
   fallback only when the animated presentation is unavailable or disabled. */
html:not(.gn93-reading) .sober-home #allianz-trade-pay[data-at84-ready] .story-reading-zone{display:none!important}
.sober-home #allianz-trade-pay:not([data-at84-ready]) .story-reading-zone summary{display:none}

/* Keep static equivalents available when motion is disabled or fails; avoid
   offering the same story twice in the normal animated reading path. */
html:not(.gn93-reading):not(.motion-reduced) .sober-home #malakoff-experience.is-ready:not(.mh3-reduced) .story-reading-zone{display:none!important}
html:not(.gn93-reading):not(.motion-reduced) .sober-home #interface-en-contexte:has(.c103-motion-on) #cetelem-contexte [data-c103-reading]{display:none!important}
.sober-home #malakoff-experience .story-reading-zone summary,
.sober-home #interface-en-contexte [data-c103-reading] summary{display:none!important}


/* SOURCE: /assets/styles/v105-release-allianz-scroll-story.20261022.css */
.at84{--at-ink:#112e55;--at-deep:#092e60;--at-blue:#096dba;--at-cyan:#2ebacb;--at-paper:#f4f7f8;position:relative;background:#fff;color:var(--at-ink);overflow:clip}
.at84 *{box-sizing:border-box}
.at84-intro{padding-block:clamp(72px,9vw,138px) clamp(54px,6vw,84px)}
.at84-kicker,.at84-tag{display:block;font:700 11px/1.3 var(--sans,Arial,sans-serif);letter-spacing:.17em;text-transform:uppercase;color:#1463ad}
.at84-intro h2{max-width:19ch;margin:20px 0;font:400 clamp(44px,6.2vw,94px)/1.04 var(--serif,Georgia,serif);letter-spacing:-.06em}
.at84-intro h2 em,.at84-beat h3 em{font-weight:400;color:#1c93b6}
.at84-intro>p:last-child{max-width:58ch;color:#4e6174;font:400 clamp(17px,1.5vw,21px)/1.55 var(--sans,Arial,sans-serif)}
.at84-track{display:none;height:600svh;position:relative;background:var(--at-deep)}
.at84[data-at84-ready] .at84-track{display:block}
.at84-stage{position:sticky;top:72px;height:calc(100svh - 72px);min-height:590px;overflow:hidden;background:var(--at-deep);color:#fff;isolation:isolate;transition:none}
.at84-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 48%,#126bb450,transparent 46%),linear-gradient(120deg,#092950,#0b3b76);opacity:1;transition:opacity .65s ease}
.at84[data-at84-phase="1"] .at84-stage:before,.at84[data-at84-phase="2"] .at84-stage:before,.at84[data-at84-phase="3"] .at84-stage:before{opacity:.08}
.at84[data-at84-phase="1"] .at84-stage,.at84[data-at84-phase="2"] .at84-stage,.at84[data-at84-phase="3"] .at84-stage{background:#f2f7f8;color:var(--at-ink)}
.at84-stage-inner{position:relative;height:100%;display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(30px,5vw,90px)}
.at84-narrative{position:relative;height:clamp(280px,46vh,470px);z-index:4}
.at84-beat{position:absolute;left:0;right:0;top:50%;opacity:0;transform:translate3d(0,32px,0);transition:transform .32s cubic-bezier(.2,.75,.12,1),opacity .2s ease;pointer-events:none}
.at84[data-at84-phase="0"] .at84-beat--0,.at84[data-at84-phase="1"] .at84-beat--1,.at84[data-at84-phase="2"] .at84-beat--2,.at84[data-at84-phase="3"] .at84-beat--3,.at84[data-at84-phase="4"] .at84-beat--4{opacity:1;transform:translate3d(0,-50%,0)}
.at84-beat .at84-tag{color:#75dfe9}
.at84[data-at84-phase="1"] .at84-beat .at84-tag,.at84[data-at84-phase="2"] .at84-beat .at84-tag,.at84[data-at84-phase="3"] .at84-beat .at84-tag{color:#087ca7}
.at84-beat h3{max-width:13ch;margin:22px 0 20px;font:400 clamp(40px,4.7vw,72px)/1.04 var(--serif,Georgia,serif);letter-spacing:-.056em}
.at84-beat p{max-width:42ch;margin:0;color:#cfdeed;font:400 clamp(16px,1.3vw,20px)/1.55 var(--sans,Arial,sans-serif)}
.at84[data-at84-phase="1"] .at84-beat p,.at84[data-at84-phase="2"] .at84-beat p,.at84[data-at84-phase="3"] .at84-beat p{color:#4b6272}
.at84-canvas{position:relative;height:min(72vh,690px);min-height:480px;z-index:2;perspective:1000px}
.at84-hairline{position:absolute;left:5%;top:50%;width:90%;height:1px;background:#4dc1da;transform:scaleX(.45);transform-origin:left;opacity:.5;transition:transform 1s cubic-bezier(.2,.7,.15,1),opacity .5s}
.at84-needs{position:absolute;left:8%;right:6%;top:48%;display:grid;grid-template-columns:1fr 1fr;gap:14px;opacity:1;transform:translateY(0);transition:opacity .55s ease,transform .75s cubic-bezier(.2,.75,.12,1)}
.at84-needs>div{min-height:116px;padding:18px 19px;border:1px solid #78c7e270;border-radius:10px;background:#ffffff0b;backdrop-filter:blur(8px);font-family:var(--sans,Arial,sans-serif)}
.at84-needs span{display:block;margin-bottom:15px;color:#7cdded;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:700}
.at84-needs strong{display:block;color:#fff;font-size:16px;line-height:1.35;font-weight:600}
.at84[data-at84-phase="1"] .at84-needs,.at84[data-at84-phase="2"] .at84-needs,.at84[data-at84-phase="3"] .at84-needs,.at84[data-at84-phase="4"] .at84-needs{opacity:0;transform:translateY(38px)}
.at84[data-at84-phase="1"] .at84-hairline,.at84[data-at84-phase="2"] .at84-hairline,.at84[data-at84-phase="3"] .at84-hairline,.at84[data-at84-phase="4"] .at84-hairline{transform:scaleX(1)}
.at84-ui{position:absolute;left:9%;top:50%;width:82%;max-width:580px;background:#fff;color:#162e4b;border:1px solid #d9e5ec;border-radius:18px;box-shadow:0 26px 85px #001d3940;overflow:hidden;transition:opacity .25s ease,transform .42s cubic-bezier(.18,.8,.14,1),filter .3s ease}
.at84-ui--buyer{opacity:0;transform:translate3d(18%,20%,0) rotateY(-12deg) scale(.83)}
.at84[data-at84-phase="1"] .at84-ui--buyer{opacity:.73;transform:translate3d(0,-50%,0) rotateY(-5deg) scale(.94);filter:grayscale(1)}
.at84[data-at84-phase="2"] .at84-ui--buyer,.at84[data-at84-phase="3"] .at84-ui--buyer{opacity:1;transform:translate3d(0,-50%,0) rotateY(0) scale(1);filter:none}
.at84[data-at84-phase="4"] .at84-ui--buyer{opacity:0;transform:translate3d(-46%,-65%,0) rotateY(10deg) scale(.78)}
.at84-ui--merchant{opacity:0;transform:translate3d(52%,-40%,0) rotateY(-12deg) scale(.79)}
.at84[data-at84-phase="4"] .at84-ui--merchant{opacity:1;transform:translate3d(0,-50%,0) rotateY(0) scale(1)}
.at84-ui-top{height:55px;padding:0 22px;display:flex;justify-content:space-between;align-items:center;background:#f3f8fa;border-bottom:1px solid #e2ebef;color:#678090;font:600 11px/1.2 var(--sans,Arial,sans-serif)}
.at84-ui-brand{font-size:16px;letter-spacing:-.04em;color:#063e79}.at84-ui-brand b{color:#04a6c7;font-weight:600}
.at84-ui-body{padding:clamp(20px,3vw,38px)}
.at84-ui-body>small{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:700;color:#63808f;margin-bottom:10px}
.at84-ui-body>strong{display:block;font:500 clamp(21px,2.3vw,32px)/1.18 var(--sans,Arial,sans-serif);letter-spacing:-.04em;margin-bottom:24px}
.at84-payment,.at84-alt{display:flex;align-items:center;gap:14px;padding:17px;border-radius:11px;border:1px solid #dbe4e7;font:500 14px/1.3 var(--sans,Arial,sans-serif)}
.at84-payment{border:2px solid #0d91b1;background:#effbfc}.at84-payment>span:nth-child(2){flex:1}.at84-payment b,.at84-payment small{display:block}.at84-payment small{margin-top:4px;color:#4f6b75;font-size:12px}.at84-radio{width:18px;height:18px;flex:none;border:2px solid #9db5bd;border-radius:50%}.at84-payment .at84-radio{border:5px solid #039abc}.at84-chevron{color:#0783a7;font-size:18px}.at84-alt{margin-top:9px;color:#59707c}.at84-ui-action{display:flex;justify-content:space-between;margin-top:24px;padding:14px 18px;background:#ffbf1b;color:#082d54;border-radius:8px;font:700 14px/1.2 var(--sans,Arial,sans-serif)}
.at84-order{position:absolute;z-index:8;left:35%;top:18%;width:min(54%,330px);padding:18px 22px;background:#fff;border:1px solid #d4e5ed;border-left:4px solid #12b9cb;border-radius:10px;box-shadow:0 14px 42px #001d3940;color:#12365c;transform:translate3d(0,0,0) rotate(-3deg);transition:transform 1s cubic-bezier(.17,.83,.18,1),top 1s,left 1s,opacity .6s,background .6s}
.at84-order span,.at84-order strong{display:block;font-family:var(--sans,Arial,sans-serif)}.at84-order span{font-size:12px;color:#66808a}.at84-order span b{color:#173c68}.at84-order strong{font-size:clamp(23px,2.5vw,36px);letter-spacing:-.06em;margin-top:8px}
.at84[data-at84-phase="1"] .at84-order{left:32%;top:18%;transform:translate3d(0,0,0) rotate(2deg)}
.at84[data-at84-phase="2"] .at84-order,.at84[data-at84-phase="3"] .at84-order{left:49%;top:-8%;width:260px;padding:11px 15px;transform:translate3d(0,0,0) rotate(0)}
.at84[data-at84-phase="4"] .at84-order{left:17%;top:38%;width:260px;padding:11px 15px;transform:translate3d(0,0,0) scale(.55);transform-origin:left top;opacity:0;background:#e7f9fc}
.at84[data-at84-phase="2"] .at84-order strong,.at84[data-at84-phase="3"] .at84-order strong,.at84[data-at84-phase="4"] .at84-order strong{font-size:27px;margin-top:3px}
.at84-note{position:absolute;z-index:6;padding:10px 13px;background:#fff;color:#20516b;border:1px solid #b5d5dc;box-shadow:0 10px 22px #073d6220;font:600 12px/1.2 var(--sans,Arial,sans-serif);opacity:0;transform:translateY(15px) rotate(-3deg);transition:opacity .5s,transform .65s}
.at84-note--one{left:1%;top:22%}.at84-note--two{right:1%;top:55%;transform:translateY(15px) rotate(3deg)}.at84-note--three{left:3%;bottom:12%}
.at84[data-at84-phase="1"] .at84-note{opacity:1;transform:translateY(0) rotate(0)}
.at84-branch{position:absolute;left:9%;right:9%;bottom:-3%;z-index:5;display:grid;grid-template-columns:1fr 1fr;gap:10px;opacity:0;transform:translateY(20px);transition:opacity .5s,transform .7s}
.at84[data-at84-phase="3"] .at84-branch{opacity:1;transform:translateY(0)}
.at84-branch span{padding:12px 14px;background:#fff;border:1px solid #cbdde2;border-radius:8px;font:600 12px/1.3 var(--sans,Arial,sans-serif);color:#315a6b}.at84-branch b{display:block;color:#0b5e92;margin-top:3px}
.at84-invoice{padding:16px;background:#eaf9fb;border-left:3px solid #16aac1;border-radius:7px;display:grid;grid-template-columns:1fr auto;gap:3px 10px;font:500 13px/1.3 var(--sans,Arial,sans-serif)}.at84-invoice b{color:#0b5982}.at84-invoice small{grid-column:1/-1;color:#55737c;font-size:11px}.at84-merchant-row{display:flex;justify-content:space-between;gap:12px;padding:14px 2px;border-bottom:1px solid #e4ebee;color:#526a78;font:500 12px/1.3 var(--sans,Arial,sans-serif)}.at84-merchant-row b{color:#184f77;text-align:right}.at84-merchant-row:last-child{border:0}
.at84-progress{position:absolute;left:0;bottom:25px;width:100%;height:2px;background:#ffffff38}.at84-progress span{display:block;width:var(--at84-progress,0%);height:100%;background:#42c6da}
.at84-static{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,54px);padding-block:clamp(60px,7vw,110px)}
.at84-static>div{border-top:1px solid #b5cfd7;padding-top:20px}.at84-static span{color:#0785a8;font:700 10px/1.2 var(--sans,Arial,sans-serif);letter-spacing:.13em;text-transform:uppercase}.at84-static h3{font:400 clamp(25px,2.4vw,38px)/1.1 var(--serif,Georgia,serif);letter-spacing:-.04em;margin:12px 0}.at84-static p{color:#536676;font:400 14px/1.6 var(--sans,Arial,sans-serif);margin:0}
.at84-source{padding-bottom:48px;color:#6f7f87;font:400 11px/1.5 var(--sans,Arial,sans-serif)}
.at84[data-at84-ready] .at84-static{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:800px){.at84-intro{padding-block:55px 45px}.at84-intro h2{font-size:clamp(42px,8vw,64px)}.at84-track{height:510svh}.at84-stage{top:64px;height:calc(100svh - 64px);min-height:560px}.at84-stage-inner{display:block;padding-top:20px}.at84-narrative{height:28%;min-height:176px}.at84-beat{top:50%}.at84-beat h3{font-size:clamp(35px,6vw,48px);margin:10px 0 8px;max-width:16ch}.at84-beat p{font-size:14px;line-height:1.4;max-width:45ch}.at84-canvas{height:67%;min-height:330px}.at84-needs{left:4%;right:4%;top:41%;gap:7px}.at84-needs>div{min-height:94px;padding:11px}.at84-needs span{margin-bottom:9px}.at84-needs strong{font-size:13px}.at84-ui{left:7%;width:86%;top:52%}.at84-ui-top{height:42px;padding-inline:14px}.at84-ui-body{padding:17px}.at84-ui-body>strong{font-size:20px;margin-bottom:12px}.at84-payment,.at84-alt{padding:10px;font-size:12px;gap:9px}.at84-payment small{font-size:11px}.at84-ui-action{margin-top:13px;padding:10px 12px;font-size:12px}.at84-order{left:36%;top:5%;width:58%;padding:10px 12px}.at84-order strong{font-size:23px;margin-top:2px}.at84[data-at84-phase="1"] .at84-order{left:37%;top:3%}.at84[data-at84-phase="2"] .at84-order,.at84[data-at84-phase="3"] .at84-order,.at84[data-at84-phase="4"] .at84-order{left:40%;top:0}.at84-note{font-size:10px;padding:7px}.at84-note--one{top:19%}.at84-note--two{top:52%}.at84-note--three{bottom:5%}.at84-branch{left:7%;right:7%;bottom:2%;gap:5px}.at84-branch span{padding:8px;font-size:10px}.at84-invoice{padding:10px;font-size:11px}.at84-merchant-row{padding:8px 1px;font-size:12px}.at84-progress{bottom:8px}.at84-static{grid-template-columns:1fr;gap:25px}}
@media(max-width:430px){.at84-intro h2{font-size:clamp(39px,10.2vw,52px)}.at84-stage{min-height:520px}.at84-narrative{height:30%;min-height:175px}.at84-beat h3{font-size:clamp(31px,8.4vw,39px)}.at84-beat p{font-size:13px}.at84-canvas{height:63%;min-height:285px}.at84-ui{left:4%;width:92%}.at84-ui-body{padding:14px}.at84-ui-body>strong{font-size:18px}.at84-ui-top{font-size:10px}.at84-ui-brand{font-size:14px}.at84-note--two{right:-1%}.at84-order{width:62%}.at84[data-at84-phase="2"] .at84-order,.at84[data-at84-phase="3"] .at84-order,.at84[data-at84-phase="4"] .at84-order{width:62%;padding:10px 12px}.at84[data-at84-phase="4"] .at84-order{left:7%;top:50%;opacity:0;transform:scale(.55)}.at84[data-at84-phase="2"] .at84-order strong,.at84[data-at84-phase="3"] .at84-order strong,.at84[data-at84-phase="4"] .at84-order strong{font-size:23px}.at84-branch span{font-size:9px}}
@media(max-height:650px) and (min-width:801px){.at84-stage{min-height:0}.at84-narrative{height:70%}.at84-canvas{height:85%;min-height:0}.at84-beat h3{font-size:clamp(36px,4vw,55px)}.at84-ui-body{padding:18px}.at84-ui-body>strong{font-size:22px;margin-bottom:12px}.at84-payment,.at84-alt{padding:10px}.at84-ui-action{margin-top:12px}.at84-merchant-row{padding:8px}}
@media(prefers-reduced-motion:reduce){.at84-track{display:none}.at84-static{position:static!important;width:auto!important;height:auto!important;padding-block:60px!important;margin:0 auto!important;overflow:visible!important;clip:auto!important;white-space:normal!important;border:0!important}}
html.motion-reduced .at84-track{display:none!important}
html.motion-reduced .at84-static{position:static!important;width:auto!important;height:auto!important;padding-block:60px!important;margin:0 auto!important;overflow:visible!important;clip:auto!important;white-space:normal!important;border:0!important}
@media print{.at84-track{display:none!important}.at84-static{position:static!important;width:auto!important;height:auto!important;padding-block:30px!important;margin:0 auto!important;overflow:visible!important;clip:auto!important;white-space:normal!important;border:0!important}}

/* V86 - a continuous client chapter, with an anchored transaction as its entry. */
.at86-chapter-label{position:absolute;left:0;right:0;top:25px;display:flex;align-items:center;gap:16px;font:500 11px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.02em;color:#bfdae9;z-index:8}
.at86-chapter-label strong{font-size:12px;color:#fff;font-weight:700}
.at84 .at86-client-logo{display:block;width:108px;height:auto;flex:none;object-fit:contain}
.at84 .at84-kicker{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.at84 .at84-ui-brand .at86-client-logo{width:84px}
.at86-chapter-label .at86-client-logo{filter:brightness(0) invert(1)}
.at84[data-at84-phase="1"] .at86-client-logo,.at84[data-at84-phase="2"] .at86-client-logo,.at84[data-at84-phase="3"] .at86-client-logo{filter:none}
@media(max-width:800px){.at86-chapter-label .at86-client-logo{width:87px}.at84 .at84-ui-brand .at86-client-logo{width:72px}.at84 .at84-kicker{gap:12px;font-size:10px;letter-spacing:.08em}}
.at86-chapter-label span{padding-left:16px;border-left:1px solid #8ba8bb70}
.at84[data-at84-phase="1"] .at86-chapter-label,.at84[data-at84-phase="2"] .at86-chapter-label,.at84[data-at84-phase="3"] .at86-chapter-label{color:#546c7c}
.at84[data-at84-phase="1"] .at86-chapter-label strong,.at84[data-at84-phase="2"] .at86-chapter-label strong,.at84[data-at84-phase="3"] .at86-chapter-label strong{color:#143b66}
.at84-beat{visibility:hidden;opacity:0;transform:translate3d(0,calc(-50% + 12px),0);transition:none}
.at84[data-at84-phase="0"] .at84-beat--0,.at84[data-at84-phase="1"] .at84-beat--1,.at84[data-at84-phase="2"] .at84-beat--2,.at84[data-at84-phase="3"] .at84-beat--3,.at84[data-at84-phase="4"] .at84-beat--4{visibility:visible;opacity:1;transform:translate3d(0,-50%,0);animation:at86-copy-in .38s cubic-bezier(.2,.7,.2,1) both}
@keyframes at86-copy-in{from{opacity:0;transform:translate3d(0,calc(-50% + 12px),0)}to{opacity:1;transform:translate3d(0,-50%,0)}}
.at84-hairline{display:none}
.at86-context{position:absolute;left:3%;right:3%;top:50%;padding:26px;border:1px solid #6b9fc570;border-radius:16px;background:#ffffff07;transform:translateY(-50%);opacity:0;visibility:hidden;transition:opacity .2s,transform .5s cubic-bezier(.2,.7,.2,1)}
.at84[data-at84-phase="0"] .at86-context{opacity:1;visibility:visible}
.at86-context-label{display:block;color:#b8d6e8;font:600 10px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.12em;text-transform:uppercase}
.at86-context .at84-order{position:relative;left:auto;top:auto;width:100%;max-width:none;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:19px 0 28px;padding:0 0 24px;border:0;border-bottom:1px solid #7399b65c;border-radius:0;background:none;box-shadow:none;color:#fff;transform:none;transition:none}
.at86-context .at84-order span{font-size:12px;color:#b8d6e8;line-height:1.5}
.at86-context .at84-order span b{display:block;color:#fff;font-weight:600}
.at86-context .at84-order strong{font-size:clamp(25px,2.5vw,35px);line-height:1.1;letter-spacing:-.04em;margin:0;white-space:nowrap}
.at86-context .at84-needs{position:static;gap:12px;opacity:1;transform:none;transition:none}
.at86-context .at84-needs>div{min-height:100px;padding:16px;border:0;border-radius:7px;background:#ffffff09;backdrop-filter:none}
.at86-context .at84-needs span{margin-bottom:9px;font-size:10px}
.at86-context .at84-needs strong{font-size:15px;line-height:1.4}
.at84[data-at84-phase="1"] .at86-context,.at84[data-at84-phase="2"] .at86-context,.at84[data-at84-phase="3"] .at86-context,.at84[data-at84-phase="4"] .at86-context{opacity:0;visibility:hidden;transform:translateY(calc(-50% - 14px))}
.at86-questions{position:absolute;left:3%;right:3%;bottom:2%;z-index:6;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;visibility:hidden;opacity:0;transform:translateY(12px);transition:opacity .25s,transform .45s cubic-bezier(.2,.7,.2,1)}
.at84[data-at84-phase="1"] .at86-questions{visibility:visible;opacity:1;transform:none}
.at86-questions .at84-note{position:static;opacity:1;transform:none;padding:12px 10px;border:0;border-top:2px solid #2394ac;background:none;box-shadow:none;color:#214c63;font-size:12px;line-height:1.5;transition:none}
.at84[data-at84-phase="1"] .at84-ui--buyer{opacity:1;transform:translate3d(0,-54%,0) scale(.94);filter:none;box-shadow:0 12px 32px #123d6012}
.at86-checkout-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px;padding-bottom:15px;border-bottom:1px solid #e1e8ec;font:400 11px/1.4 var(--sans,Arial,sans-serif);color:#58727f}
.at86-checkout-summary strong{font-size:16px;letter-spacing:-.02em;color:#173d61;white-space:nowrap}
.at84[data-at84-phase="1"] .at84-ui--buyer .at84-ui-action{display:none}
@media(max-width:800px){
 .at84-stage{min-height:0}
 .at84-stage-inner{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(170px,.32fr) minmax(0,.68fr);gap:10px;padding-top:60px;padding-bottom:18px}
 .at86-chapter-label{top:20px;gap:10px;font-size:9px}
 .at86-chapter-label strong{font-size:11px}
 .at86-chapter-label span{padding-left:10px}
 .at84-narrative{height:100%;min-height:0}
 .at84-beat h3{max-width:19ch}
 .at84-canvas{height:100%;min-height:0}
 .at86-context{left:0;right:0;padding:20px}
 .at86-context-label{font-size:9px;letter-spacing:.1em}
 .at86-context .at84-order{margin:17px 0 18px;padding-bottom:18px;gap:8px}
 .at86-context .at84-order span{font-size:10px}
 .at86-context .at84-order strong{font-size:25px}
 .at86-context .at84-needs{gap:8px}
 .at86-context .at84-needs>div{min-height:88px;padding:12px}
 .at86-context .at84-needs span{font-size:9px}
 .at86-context .at84-needs strong{font-size:12px}
 .at86-questions{left:4%;right:4%;bottom:0;gap:5px}
 .at86-questions .at84-note{font-size:10px;line-height:1.4;padding:9px 3px}
 .at86-checkout-summary{font-size:10px;margin-bottom:13px;padding-bottom:11px}
 .at86-checkout-summary strong{font-size:14px}
 .at84[data-at84-phase="1"] .at84-ui--buyer{transform:translate3d(0,-62%,0) scale(.96)}
 .at84-branch{bottom:0}
}

/* V121 - four distinct compositions for one coherent B2B journey.
   The transaction stays identifiable while each design question gets its own silhouette. */
#allianz-trade-pay[data-at121] .at84-stage,
#allianz-trade-pay[data-at121][data-at84-phase] .at84-stage{background:#e5f0f4;color:#163a5a;transition:none}
#allianz-trade-pay[data-at121] .at84-stage:before{opacity:0;background:none}
#allianz-trade-pay[data-at121] .at84-stage-inner{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(36px,6vw,112px);align-items:center}
#allianz-trade-pay[data-at121] .at84-narrative{z-index:3}
#allianz-trade-pay[data-at121] .at84-beat .at84-tag{color:#057d9e}
#allianz-trade-pay[data-at121] .at84-beat h3{color:#163a5a}
#allianz-trade-pay[data-at121] .at84-beat p{color:#49677b}
#allianz-trade-pay[data-at121] .at84-canvas{height:min(72vh,680px);min-height:500px;z-index:2;display:flex;align-items:center;justify-content:center}
#allianz-trade-pay[data-at121] .at84-hairline,
#allianz-trade-pay[data-at121] .at84-needs,
#allianz-trade-pay[data-at121] .at84-note,
#allianz-trade-pay[data-at121] .at84-ui,
#allianz-trade-pay[data-at121] .at84-order,
#allianz-trade-pay[data-at121] .at84-branch{display:none}
#allianz-trade-pay[data-at121] .at121-visual{position:relative;width:min(100%,600px);height:520px;color:#173a59;font-family:var(--sans,Arial,sans-serif)}
#allianz-trade-pay[data-at121] .at121-scene{position:absolute;inset:0;will-change:opacity,transform;pointer-events:none}
#allianz-trade-pay[data-at121] .at121-scene img{display:block;width:108px;height:auto}
#allianz-trade-pay[data-at121] .at121-scene small{font:700 9px/1.3 var(--sans,Arial,sans-serif);letter-spacing:.1em;text-transform:uppercase;color:#5c788a}

/* 01 - needs map: two people, one shared order. */
#allianz-trade-pay[data-at121] .at121-needs{opacity:var(--at121-scene-0,1);transform:translate3d(calc(-18px * (1 - var(--at121-build-0,0))),calc(-18px * (1 - var(--at121-scene-0,1))),0) scale(calc(.97 + .03 * var(--at121-build-0,0)))}
#allianz-trade-pay[data-at121] .at121-brand{position:absolute;top:22px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid #bed3dd}
#allianz-trade-pay[data-at121] .at121-brand span{font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#087d9c}
#allianz-trade-pay[data-at121] .at121-need{position:absolute;width:62%;min-height:136px;padding:24px 26px;border:1px solid #bdd5df;border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(19,56,81,.08)}
#allianz-trade-pay[data-at121] .at121-need strong{display:block;margin-top:16px;font-size:clamp(20px,2.1vw,27px);line-height:1.08;letter-spacing:-.035em}
#allianz-trade-pay[data-at121] .at121-need--buyer{top:112px;left:0;border-top:5px solid #1394b0;transform:translateY(calc(18px * (1 - var(--at121-build-0,0))))}
#allianz-trade-pay[data-at121] .at121-need--merchant{right:0;bottom:28px;border-color:#173b5c;background:#173b5c;color:#fff;transform:translateY(calc(-18px * (1 - var(--at121-build-0,0))))}
#allianz-trade-pay[data-at121] .at121-need--merchant small{color:#9ed9e4}
#allianz-trade-pay[data-at121] .at121-order-token{position:absolute;z-index:2;top:52%;left:50%;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:3px 18px;width:46%;padding:13px 16px;border:1px solid #bfd5df;border-radius:12px;background:#f8fcfd;box-shadow:0 10px 24px rgba(18,57,82,.12);transform:translate(-50%,-50%) scale(calc(.9 + .1 * var(--at121-build-0,0)))}
#allianz-trade-pay[data-at121] .at121-order-token small{grid-column:1/-1;font-size:8px}
#allianz-trade-pay[data-at121] .at121-order-token b{font-size:12px}
#allianz-trade-pay[data-at121] .at121-order-token strong{font-size:18px;letter-spacing:-.035em;white-space:nowrap}

/* 02 - information architecture: facts first, action second. */
#allianz-trade-pay[data-at121] .at121-architecture{opacity:var(--at121-scene-1,0);transform:translate3d(calc(22px * (1 - var(--at121-scene-1,0))),0,0)}
#allianz-trade-pay[data-at121] .at121-architecture-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 26px;padding:0 8px 18px;border-bottom:1px solid #b9d0da}
#allianz-trade-pay[data-at121] .at121-architecture-head span{font-size:11px;font-weight:700;color:#516e81}
#allianz-trade-pay[data-at121] .at121-facts{display:grid;grid-template-columns:1.1fr .8fr 1.1fr;gap:10px;align-items:stretch}
#allianz-trade-pay[data-at121] .at121-facts div{min-height:122px;padding:19px 17px;border:1px solid #c5dce5;border-radius:13px;background:rgba(255,255,255,.72);transform:translateY(calc((1 - var(--at121-build-1,0)) * 20px))}
#allianz-trade-pay[data-at121] .at121-facts div:nth-child(2){transform:translateY(calc((1 - var(--at121-build-1,0)) * 20px + 18px));background:#d7eaef}
#allianz-trade-pay[data-at121] .at121-facts div:nth-child(3){transform:translateY(calc((1 - var(--at121-build-1,0)) * 20px + 36px))}
#allianz-trade-pay[data-at121] .at121-facts strong{display:block;margin-top:14px;font-size:18px;line-height:1.16;letter-spacing:-.025em}
#allianz-trade-pay[data-at121] .at121-option{display:grid;grid-template-columns:20px 1fr 24px;gap:14px;align-items:center;margin:68px 22px 0;padding:20px 22px;border:2px solid #0e93af;border-radius:15px;background:#fff;box-shadow:0 16px 35px rgba(23,67,91,.1);transform:translateY(calc(28px * (1 - var(--at121-build-1,0))))}
#allianz-trade-pay[data-at121] .at121-option-mark{width:19px;height:19px;border:2px solid #0e93af;border-radius:50%;box-shadow:inset 0 0 0 4px #fff;background:#0e93af}
#allianz-trade-pay[data-at121] .at121-option small,#allianz-trade-pay[data-at121] .at121-option strong,#allianz-trade-pay[data-at121] .at121-option p{display:block}
#allianz-trade-pay[data-at121] .at121-option strong{margin-top:4px;font-size:19px;line-height:1.15}
#allianz-trade-pay[data-at121] .at121-option p{margin:5px 0 0;font-size:11px;line-height:1.4;color:#567184}
#allianz-trade-pay[data-at121] .at121-option>b{font-size:22px;font-weight:400;color:#0e93af}

/* 03 - response path: preserve context and expose the alternative. */
#allianz-trade-pay[data-at121] .at121-response{opacity:var(--at121-scene-2,0);padding:32px 34px;border-radius:28px;background:#123958;color:#fff;box-shadow:0 24px 55px rgba(10,41,65,.2);transform:translate3d(0,calc(24px * (1 - var(--at121-scene-2,0))),0) scale(calc(.97 + .03 * var(--at121-scene-2,0)))}
#allianz-trade-pay[data-at121] .at121-response-token{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.22)}
#allianz-trade-pay[data-at121] .at121-response-token span{font-size:11px;font-weight:700;color:#c7dde7}
#allianz-trade-pay[data-at121] .at121-response-token strong{font-size:22px;letter-spacing:-.04em}
#allianz-trade-pay[data-at121] .at121-response-flow{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;gap:72px;align-items:center;margin-top:72px}
#allianz-trade-pay[data-at121] .at121-response-flow:before{content:"";position:absolute;top:50%;left:40%;right:48%;height:1px;background:#69cfe0;transform:scaleX(var(--at121-build-2,0));transform-origin:left}
#allianz-trade-pay[data-at121] .at121-response-choice,#allianz-trade-pay[data-at121] .at121-response-answer{min-height:136px;padding:22px;border-radius:16px}
#allianz-trade-pay[data-at121] .at121-response-choice{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06)}
#allianz-trade-pay[data-at121] .at121-response-answer{position:relative;padding-right:50px;background:#fff;color:#173a59;transform:translateX(calc(22px * (1 - var(--at121-build-2,0))))}
#allianz-trade-pay[data-at121] .at121-response-choice small{color:#8bd8e5}
#allianz-trade-pay[data-at121] .at121-response-answer small{color:#d25455}
#allianz-trade-pay[data-at121] .at121-response-choice strong,#allianz-trade-pay[data-at121] .at121-response-answer strong{display:block;margin-top:14px;font-size:18px;line-height:1.18;letter-spacing:-.025em}
#allianz-trade-pay[data-at121] .at121-response-answer span{position:absolute;right:20px;bottom:17px;font-size:24px;color:#078ba7}
#allianz-trade-pay[data-at121] .at121-flow-label{position:absolute;top:-29px;left:50%;width:auto;padding:0;background:transparent;color:#9fdce6;font-size:8px;font-weight:700;line-height:1.3;text-align:center;text-transform:uppercase;white-space:nowrap;transform:translateX(-50%)}
#allianz-trade-pay[data-at121] .at121-response>p{max-width:37ch;margin:54px 0 0;font-size:13px;line-height:1.55;color:#c7dde7}

/* 04 - outcome: an editorial proof point, no product-shell repetition. */
#allianz-trade-pay[data-at121] .at121-proof{opacity:var(--at121-scene-3,0);padding:34px 22px;transform:translate3d(calc(20px * (1 - var(--at121-scene-3,0))),0,0)}
#allianz-trade-pay[data-at121] .at121-proof-brand{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid #b9d0da}
#allianz-trade-pay[data-at121] .at121-proof-brand span{max-width:25ch;font-size:11px;line-height:1.4;text-align:right;color:#557285}
#allianz-trade-pay[data-at121] .at121-proof-result{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;align-items:end;min-height:286px;padding:42px 8px 34px;border-bottom:1px solid #b9d0da}
#allianz-trade-pay[data-at121] .at121-proof-result small{grid-column:1/-1;color:#087d9c}
#allianz-trade-pay[data-at121] .at121-proof-result strong{font:500 clamp(92px,11vw,148px)/.82 var(--serif,Georgia,serif);letter-spacing:-.075em;color:#123a5d;transform:translateY(calc(16px * (1 - var(--at121-build-3,0))))}
#allianz-trade-pay[data-at121] .at121-proof-result strong span{font-size:.42em;vertical-align:top;letter-spacing:-.03em}
#allianz-trade-pay[data-at121] .at121-proof-result p{margin:0 0 5px;font-size:15px;font-weight:700;color:#45677e}
#allianz-trade-pay[data-at121] .at121-proof-journey{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding-top:24px}
#allianz-trade-pay[data-at121] .at121-proof-journey span{display:flex;align-items:center;gap:10px;padding:0 18px;border-right:1px solid #bfd3dc;font-size:12px;font-weight:700}
#allianz-trade-pay[data-at121] .at121-proof-journey span:first-child{padding-left:8px}
#allianz-trade-pay[data-at121] .at121-proof-journey span:last-child{border-right:0}
#allianz-trade-pay[data-at121] .at121-proof-journey i{font-size:9px;font-style:normal;color:#0b8eaa}

@media(max-width:800px){
 #allianz-trade-pay[data-at121] .at84-stage-inner{display:grid;grid-template-columns:1fr;grid-template-rows:200px minmax(0,1fr);align-items:start;gap:6px;padding:28px 18px 16px!important}
 #allianz-trade-pay[data-at121] .at84-narrative{height:200px;min-height:0}
 #allianz-trade-pay[data-at121] .at84-beat{top:0;transform:translate3d(0,18px,0)}
 #allianz-trade-pay[data-at121][data-at84-phase] .at84-beat{transform:translate3d(0,0,0)!important}
 #allianz-trade-pay[data-at121] .at84-beat h3{margin:9px 0 7px;font-size:clamp(29px,9vw,40px)}
 #allianz-trade-pay[data-at121] .at84-beat p{font-size:13px;line-height:1.38}
 #allianz-trade-pay[data-at121] .at84-canvas{height:420px;min-height:0;align-self:start}
 #allianz-trade-pay[data-at121] .at121-visual{width:min(100%,350px);height:400px;margin-inline:auto}
 #allianz-trade-pay[data-at121] .at121-scene img{width:90px}
 #allianz-trade-pay[data-at121] .at121-brand{top:12px;left:4px;right:4px;padding-bottom:12px}.at121-brand span{font-size:8px!important}
 #allianz-trade-pay[data-at121] .at121-need{width:76%;min-height:102px;padding:15px 17px;border-radius:14px}
 #allianz-trade-pay[data-at121] .at121-need strong{margin-top:9px;font-size:17px}
 #allianz-trade-pay[data-at121] .at121-need--buyer{top:79px}
 #allianz-trade-pay[data-at121] .at121-need--merchant{bottom:16px}
 #allianz-trade-pay[data-at121] .at121-order-token{top:53%;width:58%;padding:10px 12px;gap:2px 8px}
 #allianz-trade-pay[data-at121] .at121-order-token b{font-size:10px}.at121-order-token strong{font-size:14px!important}
 #allianz-trade-pay[data-at121] .at121-architecture-head{margin:10px 0 17px;padding:0 3px 12px}.at121-architecture-head span{font-size:9px!important}
 #allianz-trade-pay[data-at121] .at121-facts{grid-template-columns:1fr 1fr;gap:7px}
 #allianz-trade-pay[data-at121] .at121-facts div{min-height:82px;padding:12px;border-radius:10px}
 #allianz-trade-pay[data-at121] .at121-facts div:nth-child(2){transform:translateY(calc((1 - var(--at121-build-1,0)) * 14px + 10px))}
 #allianz-trade-pay[data-at121] .at121-facts div:nth-child(3){grid-column:1/-1;width:72%;min-height:72px;margin:-1px auto 0;transform:translateY(calc((1 - var(--at121-build-1,0)) * 14px + 10px))}
 #allianz-trade-pay[data-at121] .at121-facts strong{margin-top:8px;font-size:14px}
 #allianz-trade-pay[data-at121] .at121-option{margin:21px 8px 0;padding:14px;gap:10px}
 #allianz-trade-pay[data-at121] .at121-option strong{font-size:15px}.at121-option p{font-size:9px!important}
 #allianz-trade-pay[data-at121] .at121-response{padding:20px 17px;border-radius:20px}
 #allianz-trade-pay[data-at121] .at121-response-token{padding-bottom:14px}.at121-response-token span{font-size:9px!important}.at121-response-token strong{font-size:18px!important}
 #allianz-trade-pay[data-at121] .at121-response-flow{grid-template-columns:1fr;gap:34px;margin-top:30px}
 #allianz-trade-pay[data-at121] .at121-response-flow:before{top:41%;left:50%;right:auto;width:1px;height:34px;transform:scaleY(var(--at121-build-2,0));transform-origin:top}
 #allianz-trade-pay[data-at121] .at121-response-choice,#allianz-trade-pay[data-at121] .at121-response-answer{min-height:83px;padding:14px 16px}
 #allianz-trade-pay[data-at121] .at121-response-answer{padding-right:46px}
 #allianz-trade-pay[data-at121] .at121-response-choice{width:78%}.at121-response-answer{width:84%;margin-left:auto}
 #allianz-trade-pay[data-at121] .at121-response-choice strong,#allianz-trade-pay[data-at121] .at121-response-answer strong{margin-top:7px;font-size:14px}
 #allianz-trade-pay[data-at121] .at121-flow-label{top:48%;left:50%;width:auto;padding:5px 9px;white-space:nowrap;transform:translate(-50%,-50%);font-size:7px}
 #allianz-trade-pay[data-at121] .at121-response>p{margin-top:24px;font-size:11px;line-height:1.4}
 #allianz-trade-pay[data-at121] .at121-proof{padding:18px 4px}
 #allianz-trade-pay[data-at121] .at121-proof-brand{padding-bottom:15px}.at121-proof-brand span{max-width:18ch;font-size:9px!important}
 #allianz-trade-pay[data-at121] .at121-proof-result{min-height:242px;padding:34px 5px 25px}
 #allianz-trade-pay[data-at121] .at121-proof-result strong{font-size:clamp(82px,27vw,112px)}
 #allianz-trade-pay[data-at121] .at121-proof-result p{margin-bottom:3px;font-size:12px}
 #allianz-trade-pay[data-at121] .at121-proof-journey{padding-top:20px}
 #allianz-trade-pay[data-at121] .at121-proof-journey span{gap:5px;padding:0 9px;font-size:10px}.at121-proof-journey span:first-child{padding-left:4px}
}

@media(max-width:430px){
 #allianz-trade-pay[data-at121] .at121-response>p{display:none}
}

@media(max-height:720px) and (max-width:800px){
 #allianz-trade-pay[data-at121] .at84-stage-inner{grid-template-rows:190px minmax(0,1fr);padding-top:20px!important}
 #allianz-trade-pay[data-at121] .at84-narrative{height:190px}
 #allianz-trade-pay[data-at121] .at84-canvas{height:390px}
 #allianz-trade-pay[data-at121] .at121-visual{height:390px;transform:scale(.9);transform-origin:top center}
}

@media(prefers-reduced-motion:reduce){#allianz-trade-pay[data-at121] .at121-scene{transition:none!important}}
html.motion-reduced #allianz-trade-pay[data-at121] .at121-scene{transition:none!important}
@media(max-width:430px){
 .at86-context{padding:17px}
 .at86-context .at84-order strong{font-size:23px}
 .at86-context .at84-needs>div{padding:10px}
 .at84-ui{left:2%;width:96%}
 .at86-chapter-label{font-size:8px}
 .at86-chapter-label strong{font-size:10px}
}
@media(max-height:680px) and (max-width:800px){
 .at84-stage-inner{padding-top:46px;padding-bottom:12px;grid-template-rows:190px minmax(0,1fr);gap:6px}
 .at86-chapter-label{top:14px}
 .at84-beat h3{font-size:28px;line-height:1.03;margin:8px 0}
 .at84-beat p{font-size:12px;line-height:1.35}
 .at84-beat .at84-tag{font-size:9px}
 .at84-ui-body{padding:10px}
 .at84-ui-body>small{display:none}
 .at84-ui-body>strong{font-size:16px;margin-bottom:8px}
 .at84-ui-top{height:32px}
 .at84-payment,.at84-alt{padding:8px;font-size:11px}
 .at86-checkout-summary{padding-bottom:7px;margin-bottom:8px}
 .at84-ui-action{margin-top:9px;padding:9px}
 .at86-context{padding:15px}
 .at86-context .at84-order{margin:10px 0 12px;padding-bottom:10px}
 .at86-context .at84-needs>div{min-height:77px}
 .at86-questions .at84-note{font-size:9px;padding-top:5px}
}
@media(prefers-reduced-motion:reduce){.at84-beat{animation:none!important;transition:none!important}}
html.motion-reduced .at84-beat{animation:none!important;transition:none!important}

/* Merchant research → product framing → the existing illustrated checkout. */
.at87-research,.at87-decisions{position:absolute;inset:50% 0 auto;transform:translateY(calc(-50% + 18px));opacity:0;visibility:hidden;transition:opacity .2s,transform .32s cubic-bezier(.2,.75,.2,1),visibility 0s .2s;font-family:var(--sans,Arial,sans-serif)}
.at84[data-at84-phase="0"] .at87-research,.at84[data-at84-phase="1"] .at87-decisions{opacity:1;visibility:visible;transform:translateY(-50%);transition-delay:0s}
.at87-research-head{display:flex;flex-direction:column;gap:7px;padding-bottom:24px;border-bottom:1px solid #ffffff30}
.at87-research-head>span,.at87-map-label{font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:#91e3eb}
.at87-research-head small{font-size:13px;color:#c9ddea}
.at87-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:24px 0}
.at87-insight{padding:20px 15px 18px;background:#f8fbff;color:#173651;border-top:4px solid #80cfdf;border-radius:2px 2px 10px 2px;box-shadow:0 9px 18px #001e4033;transform:translateY(22px) rotate(-2deg);opacity:0;transition:transform .32s cubic-bezier(.2,.75,.2,1),opacity .2s;transition-delay:0s}
.at84[data-at84-phase="0"] .at87-insight{opacity:1;transform:translateY(0) rotate(calc((var(--i) - 1)*1.5deg));transition-delay:calc(var(--i)*.05s)}
.at87-insight>span,.at87-synthesis>span,.at87-decision>small{display:block;font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#38687b}
.at87-insight strong{display:block;font-size:17px;line-height:1.25;margin:12px 0 8px;letter-spacing:-.025em}
.at87-insight p{font-size:12px;line-height:1.45;margin:0;color:#567082}
.at87-synthesis{border-left:2px solid #79d9e5;padding:4px 0 4px 16px;margin-top:6px}
.at87-synthesis>span{color:#86d9e5;margin-bottom:8px}
.at87-synthesis strong{display:block;font-weight:500;font-size:19px;line-height:1.4;max-width:34ch;color:white}
.at87-map-label{display:block;color:#34677d;margin-bottom:20px}
.at87-decisions{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.at87-map-label,.at87-decision--shared{grid-column:1/-1}
.at87-decision{position:relative;padding:24px;background:white;border:1px solid #cddde4;border-radius:12px;box-shadow:0 8px 30px #183f5810}
.at87-decision strong{display:block;color:#173651;font-size:21px;line-height:1.2;letter-spacing:-.03em;margin:12px 0}
.at87-decision p{font-size:13px;line-height:1.5;margin:0;color:#526c7b}
.at87-decision--shared{background:#173651;border-color:#173651}
.at87-decision--shared strong{color:white}.at87-decision--shared small{color:#86d9e5}.at87-decision--shared p{color:#d4e3ed}
.at84[data-at84-phase="1"] .at84-ui--buyer{opacity:0;visibility:hidden;transform:translate3d(0,-46%,0) scale(.96)}
.at84[data-at84-phase="1"] .at86-questions{visibility:hidden;opacity:0}
.at84[data-at84-phase="2"] .at86-questions{visibility:visible;opacity:1;transform:none}
.at84[data-at84-phase="2"] .at84-ui--buyer{transform:translate3d(0,-57%,0)}
@media(max-width:800px){
 .at87-research-head{padding-bottom:12px;gap:4px}.at87-research-head small{font-size:11px}
 .at87-insights{grid-template-columns:1fr;gap:9px;padding:14px 0}
 .at87-insight{padding:11px 13px;border-top:0;border-left:3px solid #80cfdf;display:grid;grid-template-columns:74px 1fr;column-gap:10px;align-items:center}
 .at87-insight>span{font-size:8px;grid-row:1/3;line-height:1.4}
 .at87-insight strong{font-size:14px;margin:0 0 3px}.at87-insight p{font-size:11px;line-height:1.3}
 .at87-synthesis{margin-top:2px;padding-left:12px}.at87-synthesis>span{font-size:8px;margin-bottom:4px}.at87-synthesis strong{font-size:15px;line-height:1.35}
 .at87-decisions{gap:9px;grid-template-columns:1fr}.at87-map-label{font-size:9px;margin-bottom:2px}
 .at87-decision{padding:12px 14px;border-radius:9px}.at87-decision strong{font-size:16px;margin:6px 0}.at87-decision p{font-size:11px;line-height:1.4}.at87-decision>small{font-size:8px}
 .at84[data-at84-phase="2"] .at84-ui--buyer{transform:translate3d(0,-61%,0)}
}
@media(max-height:720px) and (max-width:800px){
 .at87-research-head{padding-bottom:8px}.at87-insights{padding:10px 0;gap:6px}.at87-insight{padding:9px 11px}.at87-insight p{display:none}.at87-insight>span{grid-row:auto}.at87-insight strong{margin:0}
 .at87-decision{padding:9px 12px}.at87-decision strong{margin:4px 0;font-size:15px}.at87-decision p{font-size:10px}.at87-decisions{gap:6px}
}
@media(prefers-reduced-motion:reduce){.at87-research,.at87-decisions,.at87-insight{transition:none!important}}
/* V105 integration: keep the case-study CTA present above the scroll scene. */
.at84-intro .sober-at84-case{display:inline-flex;align-items:center;gap:18px;min-height:48px;margin-top:16px;padding:12px 22px;border-radius:30px;background:#234f7e;color:#fff;font:600 13px/1.4 var(--sans,Arial,sans-serif);text-decoration:none}
.at84-intro .sober-at84-case:hover{background:#193d65}
.at84-intro .sober-at84-case span{font-size:18px}
.sober-story-next{position:relative;right:auto;bottom:auto;justify-content:flex-end;width:min(100%,1920px);margin:0 auto;padding:12px clamp(28px,5.2vw,100px)}

/* V105 integration: keep the case-study CTA present above the scroll scene. */
.at84-intro .sober-at84-case{display:inline-flex;align-items:center;gap:18px;min-height:48px;margin-top:16px;padding:12px 22px;border-radius:30px;background:#234f7e;color:#fff;font:600 13px/1.4 var(--sans,Arial,sans-serif);text-decoration:none}
.at84-intro .sober-at84-case:hover{background:#193d65}
.at84-intro .sober-at84-case span{font-size:18px}
.sober-story-next{position:relative;right:auto;bottom:auto;justify-content:flex-end;width:min(100%,1920px);margin:0 auto;padding:12px clamp(28px,5.2vw,100px)}

@media(max-width:800px){.at84-beat{top:calc(50% + 18px)}}

/* V106 - a transaction evolves within one frame. All motion is scroll-bound. */
#allianz-trade-pay[data-at106] .at84-stage-inner{height:calc(100% - 80px);padding-top:62px;padding-bottom:20px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,76px);align-items:center}
#allianz-trade-pay[data-at106] .at84-canvas{height:100%;min-height:0;display:flex;align-items:center;justify-content:center;perspective:none}
#allianz-trade-pay[data-at106] .at84-narrative{height:360px;min-height:0}
#allianz-trade-pay[data-at106] .at84-beat{top:50%;animation:none!important;transform:translateY(-50%)!important}
#allianz-trade-pay[data-at106] .at84-beat h3{font-size:clamp(38px,4.5vw,64px);max-width:17ch}
#allianz-trade-pay[data-at106] .at84-beat p{font-size:17px;max-width:38ch}
#allianz-trade-pay[data-at106] .at86-chapter-label{top:22px}
#allianz-trade-pay[data-at106][data-at84-phase="0"] .at84-stage,
#allianz-trade-pay[data-at106][data-at84-phase="3"] .at84-stage{background:#0c315c;color:#fff}
#allianz-trade-pay[data-at106][data-at84-phase="0"] .at84-beat p,
#allianz-trade-pay[data-at106][data-at84-phase="3"] .at84-beat p{color:#d4e4f2}
#allianz-trade-pay[data-at106][data-at84-phase="0"] .at84-tag,
#allianz-trade-pay[data-at106][data-at84-phase="3"] .at84-tag,
#allianz-trade-pay[data-at106][data-at84-phase="0"] .at84-beat em,
#allianz-trade-pay[data-at106][data-at84-phase="3"] .at84-beat em{color:#88e3ed}
#allianz-trade-pay[data-at106][data-at84-phase="0"] .at86-chapter-label,
#allianz-trade-pay[data-at106][data-at84-phase="3"] .at86-chapter-label{color:#c0d9e9}
#allianz-trade-pay[data-at106][data-at84-phase="0"] .at86-chapter-label img,
#allianz-trade-pay[data-at106][data-at84-phase="3"] .at86-chapter-label img{filter:brightness(0) invert(1)}
#allianz-trade-pay[data-at106] .at106-frame{width:100%;max-width:560px;border:1px solid #cedfe7;border-radius:18px;background:#fff;color:#173651;overflow:hidden;box-shadow:0 14px 36px #001f401b;font-family:var(--sans,Arial,sans-serif);transform:scale(var(--at106-fit,1));transform-origin:center}
#allianz-trade-pay[data-at106] .at106-top{height:52px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e1e9ed;background:#f4f8fa;font-size:11px;font-weight:600;color:#456477}
#allianz-trade-pay[data-at106] .at106-top img{width:90px;height:auto;filter:none}
#allianz-trade-pay[data-at106] .at106-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;border-bottom:1px solid #dfe8ed}
#allianz-trade-pay[data-at106] .at106-summary small{display:block;color:#536e80;font-size:10px;line-height:1.5}
#allianz-trade-pay[data-at106] .at106-summary b{font-size:13px;line-height:1.5}
#allianz-trade-pay[data-at106] .at106-summary strong{font-size:23px;letter-spacing:-.035em;white-space:nowrap}
#allianz-trade-pay[data-at106] .at106-content{padding:22px;min-height:calc(var(--at106-body-height,340px) + 44px)}
#allianz-trade-pay[data-at106] .at106-panel{display:grid;grid-template-rows:0fr;transition:none}
#allianz-trade-pay[data-at106] .at106-panel-inner{min-height:0;overflow:hidden}
#allianz-trade-pay[data-at106] .at106-panel-inner>strong{display:block;font-size:22px;line-height:1.2;letter-spacing:-.025em;margin:0 0 16px}
#allianz-trade-pay[data-at106] .at106-need{padding:18px;background:#f0f7fa;border:1px solid #d5e4eb;border-radius:10px}
#allianz-trade-pay[data-at106] .at106-need small{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#31667e}
#allianz-trade-pay[data-at106] .at106-need strong{display:block;font-size:20px;line-height:1.25;margin:8px 0}
#allianz-trade-pay[data-at106] .at106-need p{font-size:13px;line-height:1.4;margin:0;color:#526c7e}
#allianz-trade-pay[data-at106] .at106-connection{display:flex;align-items:center;gap:12px;padding:18px 14px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#537284}
#allianz-trade-pay[data-at106] .at106-connection span{height:1px;flex:1;background:#9fc1d0}
#allianz-trade-pay[data-at106] .at84-payment{padding:13px;border-color:rgba(13,145,177,var(--at106-selected,0));background:#f0f9fb;gap:10px;font-size:14px}
#allianz-trade-pay[data-at106] .at84-payment small{font-size:11px}
#allianz-trade-pay[data-at106] .at84-payment .at84-radio{border-width:2px;border-color:#0d91b1;position:relative}
#allianz-trade-pay[data-at106] .at84-payment .at84-radio:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#0d91b1;transform:scale(var(--at106-selected,0))}
#allianz-trade-pay[data-at106] .at106-terms{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;padding:10px 2px;font-size:11px;line-height:1.3;color:#536d7e}
#allianz-trade-pay[data-at106] .at106-terms b{font-weight:600;color:#224a66;text-align:right}
#allianz-trade-pay[data-at106] .at84-alt{padding:10px 13px;font-size:13px;margin:0;gap:10px}
#allianz-trade-pay[data-at106] .at84-ui-action{display:flex;padding:12px 14px;margin-top:12px;font-size:13px;border-radius:7px}
#allianz-trade-pay[data-at106] .at106-outcomes{position:relative;padding-top:17px}
#allianz-trade-pay[data-at106] .at106-outcomes:before{content:"";position:absolute;height:13px;top:0;left:50%;width:1px;background:#8aadb9;transform:scaleY(var(--at106-result,0));transform-origin:top}
#allianz-trade-pay[data-at106] .at106-check{display:block;text-align:center;font-size:10px;color:#456577;line-height:1.3;margin-bottom:8px}
#allianz-trade-pay[data-at106] .at106-branches{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#allianz-trade-pay[data-at106] .at106-branches>span{display:block;padding:10px;border:1px solid #c9dce5;border-radius:7px;font-size:11px;line-height:1.4;background:#f6fafc;color:#345b70}
#allianz-trade-pay[data-at106] .at106-branches b{display:block;font-size:11px;font-weight:600;color:#164b70;margin-top:3px}
#allianz-trade-pay[data-at106] .at84-invoice{display:block;padding:15px;font-size:13px}
#allianz-trade-pay[data-at106] .at84-invoice small{display:block;margin-top:6px;font-size:11px;line-height:1.4}
#allianz-trade-pay[data-at106] .at84-merchant-row{padding:17px 2px;font-size:13px}
@media(max-width:800px){
 #allianz-trade-pay[data-at106] .at84-stage-inner{grid-template-columns:1fr;grid-template-rows:170px minmax(0,1fr);gap:12px;padding-top:58px;padding-bottom:12px}
 #allianz-trade-pay[data-at106] .at84-narrative{height:100%}
 #allianz-trade-pay[data-at106] .at84-beat{top:0;transform:none!important}
 #allianz-trade-pay[data-at106] .at84-beat h3{font-size:clamp(27px,7.7vw,34px);line-height:1.08;margin:9px 0;max-width:22ch}
 #allianz-trade-pay[data-at106] .at84-beat p{font-size:13px;line-height:1.45;max-width:42ch}
 #allianz-trade-pay[data-at106] .at86-chapter-label{top:16px}
 #allianz-trade-pay[data-at106] .at106-frame{max-width:430px;border-radius:14px}
 #allianz-trade-pay[data-at106] .at106-top{height:38px;padding-inline:14px;font-size:10px}
 #allianz-trade-pay[data-at106] .at106-top img{width:74px}
 #allianz-trade-pay[data-at106] .at106-summary{padding:11px 14px;gap:8px}
 #allianz-trade-pay[data-at106] .at106-summary strong{font-size:20px}
 #allianz-trade-pay[data-at106] .at106-summary small{font-size:9px}
 #allianz-trade-pay[data-at106] .at106-summary b{font-size:11px}
 #allianz-trade-pay[data-at106] .at106-content{padding:14px;min-height:calc(var(--at106-body-height,310px) + 28px)}
 #allianz-trade-pay[data-at106] .at106-panel-inner>strong{font-size:19px;margin-bottom:12px}
 #allianz-trade-pay[data-at106] .at106-need{padding:15px}
 #allianz-trade-pay[data-at106] .at106-need strong{font-size:18px}
 #allianz-trade-pay[data-at106] .at106-need p{font-size:12px}
 #allianz-trade-pay[data-at106] .at106-connection{padding-block:16px;font-size:9px}
 #allianz-trade-pay[data-at106] .at84-payment{font-size:12px;padding:10px;gap:8px}
 #allianz-trade-pay[data-at106] .at84-payment small{font-size:10px}
 #allianz-trade-pay[data-at106] .at106-terms{font-size:10px;padding:9px 1px;gap:5px 8px}
 #allianz-trade-pay[data-at106] .at84-alt{font-size:12px;padding:8px 10px}
 #allianz-trade-pay[data-at106] .at84-ui-action{font-size:12px;padding:10px 12px;margin-top:10px}
 #allianz-trade-pay[data-at106] .at106-outcomes{padding-top:15px}
 #allianz-trade-pay[data-at106] .at106-check{font-size:9px;margin-bottom:6px}
 #allianz-trade-pay[data-at106] .at106-branches>span,#allianz-trade-pay[data-at106] .at106-branches b{font-size:10px}
 #allianz-trade-pay[data-at106] .at106-branches>span{padding:8px}
 #allianz-trade-pay[data-at106] .at84-merchant-row{font-size:12px;padding-block:15px}
}
@media(max-width:360px){
 #allianz-trade-pay[data-at106] .at84-stage-inner{grid-template-rows:164px minmax(0,1fr);padding-top:56px;gap:6px}
 #allianz-trade-pay[data-at106] .at84-beat h3{font-size:27px}
 #allianz-trade-pay[data-at106] .at84-beat p{font-size:12px}
 #allianz-trade-pay[data-at106] .at106-summary strong{font-size:18px}
 #allianz-trade-pay[data-at106] .at106-content{padding:12px;min-height:calc(var(--at106-body-height,310px) + 24px)}
 #allianz-trade-pay[data-at106] .at106-panel-inner>strong{font-size:17px;margin-bottom:10px}
}
#allianz-trade-pay[data-at106] .at106-swap{position:relative;overflow:hidden}
#allianz-trade-pay[data-at106] .at106-swap-before,#allianz-trade-pay[data-at106] .at106-swap-after{position:absolute;inset:0 0 auto;min-width:0}
#allianz-trade-pay[data-at106] .at106-swap-before>strong,#allianz-trade-pay[data-at106] .at106-swap-after>strong{display:block;font-size:22px;line-height:1.2;letter-spacing:-.025em;margin:0 0 16px}
@media(max-width:800px){#allianz-trade-pay[data-at106] .at106-swap-before>strong,#allianz-trade-pay[data-at106] .at106-swap-after>strong{font-size:19px;margin-bottom:12px}}
@media(max-width:360px){#allianz-trade-pay[data-at106] .at106-swap-before>strong,#allianz-trade-pay[data-at106] .at106-swap-after>strong{font-size:17px;margin-bottom:10px}}
/* A short narrow viewport needs a compact composition, not a miniature card. */
@media(max-width:360px) and (max-height:800px){
 #allianz-trade-pay[data-at106] .at84-stage-inner{grid-template-rows:158px minmax(0,1fr);padding-top:52px;padding-bottom:8px}
 #allianz-trade-pay[data-at106] .at106-top{height:32px;padding-inline:12px;font-size:9px}
 #allianz-trade-pay[data-at106] .at106-summary{padding:8px 12px}
 #allianz-trade-pay[data-at106] .at106-summary small{font-size:8.5px;line-height:1.3}
 #allianz-trade-pay[data-at106] .at106-summary b{font-size:10px;line-height:1.3}
 #allianz-trade-pay[data-at106] .at106-content{padding:10px;min-height:calc(var(--at106-body-height,260px) + 20px)}
 #allianz-trade-pay[data-at106] .at106-swap-before>strong,#allianz-trade-pay[data-at106] .at106-swap-after>strong{font-size:16px;margin-bottom:8px}
 #allianz-trade-pay[data-at106] .at84-payment{padding:8px;font-size:11px;line-height:1.2}
 #allianz-trade-pay[data-at106] .at84-payment small{font-size:9px;line-height:1.2}
 #allianz-trade-pay[data-at106] .at106-terms{padding:6px 0;font-size:9.5px;line-height:1.25;grid-template-columns:1fr 1.3fr;gap:4px 6px}
 #allianz-trade-pay[data-at106] .at84-alt{padding:6px 8px;font-size:11px}
 #allianz-trade-pay[data-at106] .at84-ui-action{padding:8px 10px;margin-top:8px;font-size:11px}
 #allianz-trade-pay[data-at106] .at106-outcomes{padding-top:12px}
 #allianz-trade-pay[data-at106] .at106-outcomes:before{height:10px}
 #allianz-trade-pay[data-at106] .at106-check{font-size:8.5px;margin-bottom:4px;line-height:1.2}
 #allianz-trade-pay[data-at106] .at106-branches{gap:6px}
 #allianz-trade-pay[data-at106] .at106-branches>span{padding:6px;line-height:1.2}
 #allianz-trade-pay[data-at106] .at106-branches b{line-height:1.2;margin-top:2px}
 #allianz-trade-pay[data-at106] .at106-need{padding:12px}
 #allianz-trade-pay[data-at106] .at106-need strong{font-size:16px;margin-block:6px}
 #allianz-trade-pay[data-at106] .at106-need p{font-size:11px;line-height:1.3}
 #allianz-trade-pay[data-at106] .at106-connection{padding-block:12px;font-size:8px}
 #allianz-trade-pay[data-at106] .at84-invoice{padding:12px;font-size:12px}
 #allianz-trade-pay[data-at106] .at84-invoice small{font-size:10px}
 #allianz-trade-pay[data-at106] .at84-merchant-row{padding-block:12px;font-size:11px}
}
/* Change palette at the same scroll landmark as the copy: no timed dark veil. */
#allianz-trade-pay[data-at106] .at84-stage::before{display:none;transition:none}
#allianz-trade-pay[data-at106] .at84-stage{transition:none}
#allianz-trade-pay[data-at106][data-at84-phase="1"] .at84-stage,
#allianz-trade-pay[data-at106][data-at84-phase="2"] .at84-stage{background:#e1ebef;color:#173651}
/* Only accents animate inside fully readable states, never text opacity. */
#allianz-trade-pay[data-at106] .at106-connection span{transform:scaleX(var(--at106-context-line,1));transform-origin:center}
#allianz-trade-pay[data-at106] .at106-terms{background:rgba(13,145,177,calc(var(--at106-conditions,0) * .045))}
#allianz-trade-pay[data-at106] .at84-invoice{position:relative}
#allianz-trade-pay[data-at106] .at84-invoice:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#0d91b1;transform:scaleX(var(--at106-followup,0));transform-origin:left}

/* 23 October - one continuous transaction on a stable, high-contrast canvas. */
#allianz-trade-pay[data-at107] .at84-stage,
#allianz-trade-pay[data-at107][data-at84-phase] .at84-stage{background:#e1ebef;color:#173651;transition:none}
#allianz-trade-pay[data-at107][data-at84-phase] .at84-beat p{color:#4b6272}
#allianz-trade-pay[data-at107][data-at84-phase] .at84-tag,
#allianz-trade-pay[data-at107][data-at84-phase] .at84-beat em{color:#08718e}
#allianz-trade-pay[data-at107][data-at84-phase] .at86-chapter-label{color:#49677a}
#allianz-trade-pay[data-at107][data-at84-phase] .at86-chapter-label img{filter:none}
#allianz-trade-pay[data-at107] .at106-frame{--at107-pad:22px;position:absolute;left:50%;margin:0;transform:translateX(-50%) scale(var(--at106-fit,1));transform-origin:top center;will-change:height}
#allianz-trade-pay[data-at107] .at106-content{position:relative;min-height:0;padding:0;overflow:hidden;transition:none}
#allianz-trade-pay[data-at107] .at106-panel{position:absolute;display:block;inset:var(--at107-pad) var(--at107-pad) auto;grid-template-rows:none;transition:none;will-change:transform}
#allianz-trade-pay[data-at107] .at106-panel-inner{overflow:visible}
#allianz-trade-pay[data-at107] .at106-swap{transition:none}
#allianz-trade-pay[data-at107] .at108-bridge{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:20px;text-align:center;visibility:hidden;opacity:0;color:#496b7e;pointer-events:none}
#allianz-trade-pay[data-at107] .at108-bridge span{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
#allianz-trade-pay[data-at107] .at108-bridge b{font:500 18px/1.3 var(--sans,Arial,sans-serif);color:#173651}
@media(max-width:800px){#allianz-trade-pay[data-at107] .at106-frame{--at107-pad:14px}}
@media(max-width:360px){#allianz-trade-pay[data-at107] .at106-frame{--at107-pad:12px}}
@media(max-width:360px) and (max-height:800px){#allianz-trade-pay[data-at107] .at106-frame{--at107-pad:10px}}

/* 26 October - one transaction, four visibly different design questions.
   Native scroll drives every geometry; no timed height tween can lag behind it. */
.sober-home #allianz-trade-pay[data-at107][data-at109] .at106-content{transition:none}
#allianz-trade-pay[data-at109] .at106-swap{overflow:hidden!important}
#allianz-trade-pay[data-at109] .at106-context .at106-panel-inner{display:grid;grid-template-columns:1fr;gap:0}
#allianz-trade-pay[data-at109] .at106-need{padding:20px;border-radius:12px;background:#edf6f9;border-left:4px solid #13829c}
#allianz-trade-pay[data-at109] .at106-need:last-child{background:#f4f6f8;border-left-color:#173651}
#allianz-trade-pay[data-at109] .at106-connection{padding:15px 12px;justify-content:center}
#allianz-trade-pay[data-at109] .at106-connection span{max-width:48px}
#allianz-trade-pay[data-at109] .at106-branches{gap:12px}
#allianz-trade-pay[data-at109] .at106-branches>span{min-height:100px;padding:18px 14px;border-radius:12px;border-top:3px solid #0b8d9f;background:#eff9f9;display:flex;flex-direction:column;justify-content:center;font-size:13px;line-height:1.45}
#allianz-trade-pay[data-at109] .at106-branches>span:last-child{border-top-color:#547188;background:#f3f6fa}
#allianz-trade-pay[data-at109] .at106-branches b{font-size:13px;line-height:1.4;margin-top:8px}
#allianz-trade-pay[data-at109] .at106-check{font-weight:600;font-size:11px;margin-bottom:12px}
#allianz-trade-pay[data-at109] .at84-invoice{border-radius:10px;border:1px solid #c9dfe7;background:#eef8fa;padding:20px}
#allianz-trade-pay[data-at109] .at84-merchant-row{position:relative;margin-left:8px;padding-left:22px;border-left:1px solid #b6d0da}
#allianz-trade-pay[data-at109] .at84-merchant-row:before{content:"";position:absolute;left:-4px;top:23px;width:7px;height:7px;border-radius:50%;background:#1a819c;box-shadow:0 0 0 3px white}
@media(min-width:801px){
 #allianz-trade-pay[data-at109] .at106-context .at106-panel-inner{grid-template-columns:1fr 1fr;gap:14px}
 #allianz-trade-pay[data-at109] .at106-need{min-height:190px;padding:20px 16px}
 #allianz-trade-pay[data-at109] .at106-need:last-child{grid-column:2;grid-row:1}
 #allianz-trade-pay[data-at109] .at106-need strong{font-size:22px;margin-block:15px}
 #allianz-trade-pay[data-at109] .at106-connection{grid-column:1/-1;padding-block:12px}
}
@media(max-width:800px){
 #allianz-trade-pay[data-at109] .at106-need{padding:13px}
 #allianz-trade-pay[data-at109] .at106-need strong{font-size:17px;margin-block:6px}
 #allianz-trade-pay[data-at109] .at106-connection{padding-block:10px}
 #allianz-trade-pay[data-at109] .at106-branches{gap:8px}
 #allianz-trade-pay[data-at109] .at106-branches>span{padding:13px 10px;min-height:90px;font-size:11px}
 #allianz-trade-pay[data-at109] .at106-branches b{font-size:11px;margin-top:6px}
 #allianz-trade-pay[data-at109] .at106-check{font-size:10px;margin-bottom:8px}
 #allianz-trade-pay[data-at109] .at84-invoice{padding:14px}
 #allianz-trade-pay[data-at109] .at84-merchant-row:before{top:20px}
}

/* Needs map → payment screen → decision branches → invoice timeline.
   The reference and amount persist while the surrounding frame changes form. */
#allianz-trade-pay[data-at110] .at106-frame{background:rgba(255,255,255,var(--at110-shell,0));border-color:rgba(206,223,231,var(--at110-shell,0));box-shadow:0 14px 36px rgba(0,31,64,calc(.105 * var(--at110-shell,0)))}
#allianz-trade-pay[data-at110] .at106-top{background:rgba(244,248,250,var(--at110-shell,0));border-bottom-color:rgba(225,233,237,var(--at110-shell,0))}
#allianz-trade-pay[data-at110] .at106-summary{background:#fff;border-radius:calc(14px * (1 - var(--at110-shell,0)));border-bottom-color:rgba(223,232,237,var(--at110-shell,0))}
#allianz-trade-pay[data-at110] .at106-need{background:#fff;border:1px solid #c4dbe5;border-top:4px solid #1685a0;border-radius:16px;box-shadow:0 8px 18px #1639510a}
#allianz-trade-pay[data-at110] .at106-need:last-child{background:#173651;border-color:#173651;color:#fff}
#allianz-trade-pay[data-at110] .at106-need:last-child small,#allianz-trade-pay[data-at110] .at106-need:last-child p{color:#c9e2eb}
#allianz-trade-pay[data-at110] .at106-outcomes{padding-bottom:16px}
#allianz-trade-pay[data-at110] .at106-branches{gap:16px;position:relative;padding-top:12px}
#allianz-trade-pay[data-at110] .at106-branches:before{content:"";position:absolute;top:0;left:25%;right:25%;height:12px;border:1px solid #8aadb9;border-bottom:0;border-radius:5px 5px 0 0;transform:scaleX(var(--at106-result,0));transform-origin:center}
#allianz-trade-pay[data-at110] .at106-branches>span{background:#fff;border-top:4px solid #13829c;box-shadow:0 6px 18px #1736510c;transform:translateY(calc(-6px * var(--at110-branch,0)))}
#allianz-trade-pay[data-at110] .at106-branches>span:last-child{background:#173651;color:#daeaf0;border-color:#173651;transform:translateY(calc(10px * var(--at110-branch,0)))}
#allianz-trade-pay[data-at110] .at106-branches>span:last-child b{color:#fff}
@media(max-width:800px){
 #allianz-trade-pay[data-at110] .at106-need{margin-right:24px}
 #allianz-trade-pay[data-at110] .at106-need:last-child{margin-right:0;margin-left:24px}
 #allianz-trade-pay[data-at110] .at106-connection{padding-block:14px}
 #allianz-trade-pay[data-at110] .at106-branches{gap:10px}
}

/* Supersede the older 50% centering rule: short compositions stay close to
   their explanation even on unusually tall mobile viewports. */
.sober-home #allianz-trade-pay[data-at107][data-at110] .at106-frame{top:var(--at110-top,4px)!important;transform:translateX(-50%) scale(var(--at106-fit,1));transform-origin:top center}

/* One transaction remains on screen from the design question to follow-up.
   Scroll owns every transition; old and new UI states never overlap. */
#allianz-trade-pay[data-at120] .at84-stage,
#allianz-trade-pay[data-at120][data-at84-phase] .at84-stage{background:#e5f0f4;color:#163a5a;transition:none}
#allianz-trade-pay[data-at120] .at84-stage:before{opacity:0;background:none}
#allianz-trade-pay[data-at120] .at84-stage-inner{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(36px,6vw,112px)}
#allianz-trade-pay[data-at120] .at84-narrative{z-index:3}
#allianz-trade-pay[data-at120] .at84-beat .at84-tag{color:#057d9e}
#allianz-trade-pay[data-at120] .at84-beat h3{color:#163a5a}
#allianz-trade-pay[data-at120] .at84-beat p{color:#49677b}
#allianz-trade-pay[data-at120] .at84-canvas{height:min(72vh,680px);min-height:468px;z-index:2}
#allianz-trade-pay[data-at120] .at84-hairline,
#allianz-trade-pay[data-at120] .at84-needs,
#allianz-trade-pay[data-at120] .at84-note,
#allianz-trade-pay[data-at120] .at84-ui,
#allianz-trade-pay[data-at120] .at84-order,
#allianz-trade-pay[data-at120] .at84-branch{display:none}
#allianz-trade-pay[data-at120] .at120-frame{position:absolute;top:50%;left:50%;width:min(100%,480px);transform:translate(-50%,-50%);overflow:hidden;border:1px solid #c8dce6;border-radius:22px;background:#fff;box-shadow:0 22px 54px rgba(20,56,80,.14);color:#173a59;will-change:transform,opacity}
#allianz-trade-pay[data-at120] .at120-frame-head{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#f8fbfc;border-bottom:1px solid #dbe8ee}
#allianz-trade-pay[data-at120] .at120-frame-head img{width:102px;height:auto;display:block}
#allianz-trade-pay[data-at120] .at120-frame-head span{font:700 10px/1.2 var(--sans,Arial,sans-serif);letter-spacing:.06em;color:#537087}
#allianz-trade-pay[data-at120] .at120-summary{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #e2edf1;background:#fff}
#allianz-trade-pay[data-at120] .at120-summary span{display:grid;gap:3px}
#allianz-trade-pay[data-at120] .at120-summary small,#allianz-trade-pay[data-at120] .at120-label,#allianz-trade-pay[data-at120] .at120-question small,#allianz-trade-pay[data-at120] .at120-timeline small{font:700 9px/1.25 var(--sans,Arial,sans-serif);letter-spacing:.09em;text-transform:uppercase;color:#5f7b8d}
#allianz-trade-pay[data-at120] .at120-summary b{font:700 12px/1.2 var(--sans,Arial,sans-serif);color:#183a59}
#allianz-trade-pay[data-at120] .at120-summary strong{font:700 23px/1 var(--sans,Arial,sans-serif);letter-spacing:-.04em;color:#173a59}
#allianz-trade-pay[data-at120] .at120-body{position:relative;height:318px;background:linear-gradient(145deg,#f9fcfd,#edf6f8);overflow:hidden}
#allianz-trade-pay[data-at120] .at120-screen{position:absolute;inset:0;padding:22px 24px;will-change:opacity,transform;pointer-events:none}
#allianz-trade-pay[data-at120] .at120-insight{opacity:var(--at120-insight,1);transform:translateY(calc(-1 * var(--at120-lift,0px)))}
#allianz-trade-pay[data-at120] .at120-choice{opacity:var(--at120-choice,0);transform:translateY(calc(15px * (1 - var(--at120-choice,0))));background:#f7fbfc}
#allianz-trade-pay[data-at120] .at120-invoice{opacity:var(--at120-invoice,0);transform:translateY(calc(16px * (1 - var(--at120-invoice,0))));background:#f7fbfc}
#allianz-trade-pay[data-at120] .at120-label{margin:0 0 15px;color:#087b9d}
#allianz-trade-pay[data-at120] .at120-question{padding:15px 16px;border:1px solid #c5dce6;border-radius:13px;background:#fff;box-shadow:0 8px 18px rgba(26,64,86,.05)}
#allianz-trade-pay[data-at120] .at120-question--buyer{border-top:4px solid #1186a4}
#allianz-trade-pay[data-at120] .at120-question--merchant{border-color:#193d5e;background:#193d5e}
#allianz-trade-pay[data-at120] .at120-question--merchant small,#allianz-trade-pay[data-at120] .at120-question--merchant strong{color:#fff}
#allianz-trade-pay[data-at120] .at120-question strong{display:block;margin-top:7px;font:600 19px/1.15 var(--sans,Arial,sans-serif);letter-spacing:-.025em}
#allianz-trade-pay[data-at120] .at120-join{display:flex;align-items:center;gap:10px;justify-content:center;height:53px;color:#648296;font:700 9px/1 var(--sans,Arial,sans-serif);letter-spacing:.1em;text-transform:uppercase}
#allianz-trade-pay[data-at120] .at120-join i{width:60px;height:1px;background:#bdd2dc}
#allianz-trade-pay[data-at120] .at120-choice h4,#allianz-trade-pay[data-at120] .at120-invoice h4{margin:0 0 14px;font:600 22px/1.1 var(--sans,Arial,sans-serif);letter-spacing:-.04em;color:#173a59}
#allianz-trade-pay[data-at120] .at120-choice-row{display:grid;grid-template-columns:18px 1fr 16px;gap:10px;align-items:center;padding:15px;border:2px solid #0b94b7;border-radius:12px;background:#fff;box-shadow:0 8px 18px rgba(20,72,99,.07)}
#allianz-trade-pay[data-at120] .at120-radio{width:17px;height:17px;border:2px solid #0b94b7;border-radius:50%;box-shadow:inset 0 0 0 4px #fff;background:#0b94b7}
#allianz-trade-pay[data-at120] .at120-choice-row b,#allianz-trade-pay[data-at120] .at120-choice-row small{display:block}
#allianz-trade-pay[data-at120] .at120-choice-row b{font:700 14px/1.2 var(--sans,Arial,sans-serif)}
#allianz-trade-pay[data-at120] .at120-choice-row small{margin-top:4px;font:400 11px/1.35 var(--sans,Arial,sans-serif);color:#547083}
#allianz-trade-pay[data-at120] .at120-choice-row em{font:400 20px/1 var(--sans,Arial,sans-serif);font-style:normal;color:#159bb9}
#allianz-trade-pay[data-at120] .at120-status{position:absolute;left:24px;right:24px;bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-radius:10px;background:#193d5e;color:#dcebf1;opacity:var(--at120-response,0);transform:translateY(calc(10px * (1 - var(--at120-response,0))))}
#allianz-trade-pay[data-at120] .at120-status span{font:400 11px/1.3 var(--sans,Arial,sans-serif)}
#allianz-trade-pay[data-at120] .at120-status b{font:700 11px/1.2 var(--sans,Arial,sans-serif);text-align:right;color:#fff}
#allianz-trade-pay[data-at120] .at120-status i{font-style:normal;color:#63d7e8}
#allianz-trade-pay[data-at120] .at120-timeline{position:relative;margin-top:22px;display:grid;gap:13px;padding-left:20px}
#allianz-trade-pay[data-at120] .at120-timeline:before{content:"";position:absolute;top:7px;bottom:7px;left:4px;width:1px;background:#bfd5df}
#allianz-trade-pay[data-at120] .at120-timeline div{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid #dce9ee}
#allianz-trade-pay[data-at120] .at120-timeline div:before{content:"";position:absolute;left:-20px;top:4px;width:9px;height:9px;border-radius:50%;background:#1193b0;box-shadow:0 0 0 3px #f7fbfc}
#allianz-trade-pay[data-at120] .at120-timeline b{font:700 12px/1.2 var(--sans,Arial,sans-serif);color:#1b4e70;text-align:right}
@media(max-width:800px){
 #allianz-trade-pay[data-at120] .at84-stage-inner{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);align-items:start;gap:10px;padding:30px 22px 18px!important}
 #allianz-trade-pay[data-at120] .at84-narrative{height:154px}
 #allianz-trade-pay[data-at120] .at84-beat{top:0;transform:translate3d(0,18px,0)}
 #allianz-trade-pay[data-at120][data-at84-phase] .at84-beat{transform:translate3d(0,0,0)!important}
 #allianz-trade-pay[data-at120] .at84-beat h3{margin:10px 0 8px;font-size:clamp(30px,9.2vw,42px)}
 #allianz-trade-pay[data-at120] .at84-beat p{font-size:14px;line-height:1.4}
 #allianz-trade-pay[data-at120] .at84-canvas{height:auto;min-height:0;align-self:center}
 #allianz-trade-pay[data-at120] .at120-frame{position:relative;top:auto;left:auto;width:min(100%,345px);margin-inline:auto;transform:none}
 #allianz-trade-pay[data-at120] .at120-frame-head{height:43px;padding:0 15px}
 #allianz-trade-pay[data-at120] .at120-frame-head img{width:90px}
 #allianz-trade-pay[data-at120] .at120-frame-head span{font-size:8px}
 #allianz-trade-pay[data-at120] .at120-summary{padding:11px 15px}
 #allianz-trade-pay[data-at120] .at120-summary strong{font-size:19px}
 #allianz-trade-pay[data-at120] .at120-body{height:282px}
 #allianz-trade-pay[data-at120] .at120-screen{padding:16px}
 #allianz-trade-pay[data-at120] .at120-label{margin-bottom:11px;font-size:8px}
 #allianz-trade-pay[data-at120] .at120-question{padding:11px 12px}
 #allianz-trade-pay[data-at120] .at120-question strong{font-size:16px;margin-top:5px}
 #allianz-trade-pay[data-at120] .at120-join{height:42px;font-size:8px}
 #allianz-trade-pay[data-at120] .at120-choice h4,#allianz-trade-pay[data-at120] .at120-invoice h4{margin-bottom:11px;font-size:19px}
 #allianz-trade-pay[data-at120] .at120-choice-row{padding:12px;gap:8px}
 #allianz-trade-pay[data-at120] .at120-choice-row b{font-size:12px}
 #allianz-trade-pay[data-at120] .at120-choice-row small{font-size:10px}
 #allianz-trade-pay[data-at120] .at120-status{left:16px;right:16px;bottom:16px;padding:11px 12px}
 #allianz-trade-pay[data-at120] .at120-status span,#allianz-trade-pay[data-at120] .at120-status b{font-size:10px}
 #allianz-trade-pay[data-at120] .at120-timeline{margin-top:16px;gap:9px}
 #allianz-trade-pay[data-at120] .at120-timeline div{padding-bottom:8px}
 #allianz-trade-pay[data-at120] .at120-timeline small,#allianz-trade-pay[data-at120] .at120-timeline b{font-size:9px}
}

/* V122 - research, service decision, tangible buyer/merchant UI, outcome. */
#allianz-trade-pay[data-at122] .at84-stage,
#allianz-trade-pay[data-at122][data-at84-phase] .at84-stage{background:#e6f1f5;color:#123857}
#allianz-trade-pay[data-at122] .at84-stage:before{opacity:0}
#allianz-trade-pay[data-at122] .at121-visual{width:min(100%,670px);height:min(72vh,540px);min-height:470px}
#allianz-trade-pay[data-at122] .at121-scene{inset:0;overflow:hidden;transform:none;will-change:opacity;transition:none}
#allianz-trade-pay[data-at122] .at122-audit{opacity:var(--at121-scene-0,1)}
#allianz-trade-pay[data-at122] .at122-decision{opacity:var(--at121-scene-1,0)}
#allianz-trade-pay[data-at122] .at122-product{opacity:var(--at121-scene-2,0)}
#allianz-trade-pay[data-at122] .at122-outcome{opacity:var(--at121-scene-3,0)}
#allianz-trade-pay[data-at122] .at122-chrome{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 4px 16px;border-bottom:1px solid #b9d3df;color:#477185;font:700 10px/1.3 var(--sans,Arial,sans-serif);letter-spacing:.12em;text-transform:uppercase}
#allianz-trade-pay[data-at122] .at122-chrome img{width:105px;height:auto}
#allianz-trade-pay[data-at122] .at122-audit{padding:18px 17px 14px}
#allianz-trade-pay[data-at122] .at122-audit-heading{padding:52px 14px 32px;transform:translateY(calc(16px * (1 - var(--at121-build-0,0))))}
#allianz-trade-pay[data-at122] .at122-audit-heading small,#allianz-trade-pay[data-at122] .at122-decision h4,#allianz-trade-pay[data-at122] .at122-audit-heading strong{display:block}
#allianz-trade-pay[data-at122] .at122-audit-heading small{color:#197d9c;font:700 11px/1.3 var(--sans,Arial,sans-serif);letter-spacing:.11em;text-transform:uppercase}
#allianz-trade-pay[data-at122] .at122-audit-heading strong{max-width:15ch;margin-top:10px;font:400 clamp(38px,4vw,54px)/1.06 var(--serif,Georgia,serif);letter-spacing:-.05em}
#allianz-trade-pay[data-at122] .at122-methods{display:flex;gap:8px;margin:0 14px 20px}
#allianz-trade-pay[data-at122] .at122-methods span{padding:8px 12px;border:1px solid #8cbecd;border-radius:100px;background:#f3fafb;color:#075b78;font:700 11px/1 var(--sans,Arial,sans-serif)}
#allianz-trade-pay[data-at122] .at122-scope{display:grid;grid-template-columns:1fr 32px 1fr;align-items:center;margin:0 14px;border-top:1px solid #b9d3df;padding-top:19px}
#allianz-trade-pay[data-at122] .at122-scope div{min-height:104px;padding:16px 17px;border:1px solid #c5dce4;border-radius:12px;background:#fff;box-shadow:0 10px 24px #133e5c12;transform:translateY(calc(20px * (1 - var(--at121-build-0,0))))}
#allianz-trade-pay[data-at122] .at122-scope small,#allianz-trade-pay[data-at122] .at122-paths small{display:block;color:#0b829e;font:700 10px/1.2 var(--sans,Arial,sans-serif);letter-spacing:.1em;text-transform:uppercase}
#allianz-trade-pay[data-at122] .at122-scope strong{display:block;max-width:19ch;margin-top:10px;font:650 17px/1.22 var(--sans,Arial,sans-serif)}
#allianz-trade-pay[data-at122] .at122-scope i{text-align:center;color:#0b8aa9;font:400 24px/1 var(--sans,Arial,sans-serif)}
#allianz-trade-pay[data-at122] .at122-decision{padding:18px 17px}
#allianz-trade-pay[data-at122] .at122-decision h4{max-width:15ch;margin:58px 14px 38px;font:400 clamp(38px,4vw,54px)/1.05 var(--serif,Georgia,serif);letter-spacing:-.05em}
#allianz-trade-pay[data-at122] .at122-order-spine{position:relative;height:47px;margin:0 14px 20px;text-align:center}
#allianz-trade-pay[data-at122] .at122-order-spine:after{content:"";position:absolute;top:19px;left:10%;right:10%;height:2px;background:#6abbd0;transform:scaleX(var(--at121-build-1,0));transform-origin:center}
#allianz-trade-pay[data-at122] .at122-order-spine span{position:relative;z-index:1;display:inline-block;padding:10px 20px;border-radius:30px;background:#123f62;color:#fff;font:700 12px/1.2 var(--sans,Arial,sans-serif)}
#allianz-trade-pay[data-at122] .at122-paths{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:0 14px}
#allianz-trade-pay[data-at122] .at122-paths div{display:flex;flex-direction:column;min-height:136px;padding:19px 21px;border:1px solid #bfd7e2;border-radius:14px;background:#fff;box-shadow:0 12px 26px #14395412;transform:translateY(calc(20px * (1 - var(--at121-build-1,0))))}
#allianz-trade-pay[data-at122] .at122-paths div:last-child{background:#123f62;color:#fff;border-color:#123f62}
#allianz-trade-pay[data-at122] .at122-paths div:last-child small{color:#84d8e9}
#allianz-trade-pay[data-at122] .at122-paths strong{display:block;margin-top:12px;font:700 19px/1.2 var(--sans,Arial,sans-serif)}
#allianz-trade-pay[data-at122] .at122-paths div>span{margin-top:auto;padding-top:14px;color:#0781a3;font:700 11px/1.2 var(--sans,Arial,sans-serif)}
#allianz-trade-pay[data-at122] .at122-paths div:last-child>span{color:#a7e6f2}
#allianz-trade-pay[data-at122] .at122-product{padding:8px 0}
#allianz-trade-pay[data-at122] .at122-product-caption{display:flex;justify-content:space-between;gap:12px;padding:5px 6px 14px;color:#477185;font:700 10px/1.2 var(--sans,Arial,sans-serif);letter-spacing:.07em;text-transform:uppercase}
#allianz-trade-pay[data-at122] .at122-checkout,#allianz-trade-pay[data-at122] .at122-dashboard{position:absolute;overflow:hidden;border:1px solid #c5dbe5;border-radius:15px;background:#fff;box-shadow:0 18px 40px #0d3a5a24;color:#173c59;font-family:var(--sans,Arial,sans-serif)}
#allianz-trade-pay[data-at122] .at122-checkout{z-index:2;left:0;top:79px;width:45%;height:367px;transform:translateX(calc(-18px * (1 - var(--at121-build-2,0))))}
#allianz-trade-pay[data-at122] .at122-dashboard{right:0;top:44px;width:69%;height:430px;transform:translateX(calc(24px * (1 - var(--at121-build-2,0))))}
#allianz-trade-pay[data-at122] .at122-ui-top{display:flex;align-items:center;justify-content:space-between;gap:10px;height:49px;padding:0 15px;border-bottom:1px solid #e4edf1;background:#f7fafb;color:#5b7584;font-size:10px;font-weight:700;white-space:nowrap}
#allianz-trade-pay[data-at122] .at122-ui-top img{width:90px;height:auto}
#allianz-trade-pay[data-at122] .at122-checkout-body{padding:22px 20px}
#allianz-trade-pay[data-at122] .at122-checkout-body>small,#allianz-trade-pay[data-at122] .at122-dashboard-main>small{color:#417185;font:700 9px/1.2 var(--sans,Arial,sans-serif);letter-spacing:.09em;text-transform:uppercase}
#allianz-trade-pay[data-at122] .at122-checkout-body h4,#allianz-trade-pay[data-at122] .at122-dashboard-main h4{margin:9px 0 18px;font:700 23px/1.13 var(--sans,Arial,sans-serif);letter-spacing:-.04em}
#allianz-trade-pay[data-at122] .at122-pay-choice{display:flex;gap:11px;align-items:flex-start;padding:15px 11px;border:2px solid #139abd;border-radius:9px;background:#f0fafe}
#allianz-trade-pay[data-at122] .at122-radio{flex:none;width:17px;height:17px;margin-top:2px;border:5px solid #139abd;border-radius:50%;background:#fff}
#allianz-trade-pay[data-at122] .at122-pay-choice strong,#allianz-trade-pay[data-at122] .at122-pay-choice span:last-child{display:block}
#allianz-trade-pay[data-at122] .at122-pay-choice strong{font-size:13px}
#allianz-trade-pay[data-at122] .at122-pay-choice span:last-child{margin-top:5px;color:#557388;font-size:10px;line-height:1.35}
#allianz-trade-pay[data-at122] .at122-pay-next{padding:15px 2px;color:#537184;font-size:11px;line-height:1.4}
#allianz-trade-pay[data-at122] .at122-ui-cta{display:flex;justify-content:space-between;padding:11px 14px;border-radius:7px;background:#163e63;color:#fff;font-size:12px;font-weight:700}
#allianz-trade-pay[data-at122] .at122-transfer{position:absolute;z-index:4;left:40%;top:214px;width:20%;padding:9px 8px;border:1px solid #7cbace;border-radius:8px;background:#eff9fc;text-align:center;box-shadow:0 10px 20px #0b375825;transform:translateY(calc(10px * (1 - var(--at121-build-2,0))))}
#allianz-trade-pay[data-at122] .at122-transfer span{display:block;color:#174d68;font:700 10px/1.25 var(--sans,Arial,sans-serif)}
#allianz-trade-pay[data-at122] .at122-transfer b{font:400 18px/1 var(--sans,Arial,sans-serif);color:#0088a8}
#allianz-trade-pay[data-at122] .at122-dashboard-body{display:grid;grid-template-columns:105px minmax(0,1fr);height:calc(100% - 49px)}
#allianz-trade-pay[data-at122] .at122-dashboard-body nav{display:flex;flex-direction:column;gap:12px;padding:22px 11px;border-right:1px solid #e3ecf0;background:#f6f9fa;color:#627887;font-size:10px}
#allianz-trade-pay[data-at122] .at122-dashboard-body nav b{padding:8px;margin:-8px -6px 0;border-radius:5px;background:#dceef4;color:#114b6a;font-weight:700}
#allianz-trade-pay[data-at122] .at122-dashboard-main{padding:20px 18px}
#allianz-trade-pay[data-at122] .at122-dashboard-main h4{font-size:21px}
#allianz-trade-pay[data-at122] .at122-order-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 12px;border:1px solid #97c6d5;border-left:4px solid #159cbb;border-radius:8px;background:#f0f9fb;font-size:11px}
#allianz-trade-pay[data-at122] .at122-order-row span{color:#057f9d;font-weight:700;text-align:right}
#allianz-trade-pay[data-at122] .at122-admin-row{display:grid;grid-template-columns:110px 1fr;gap:8px;align-items:start;padding:17px 3px;border-bottom:1px solid #e1eaef;font-size:11px;line-height:1.25}
#allianz-trade-pay[data-at122] .at122-admin-row span{color:#607988}
#allianz-trade-pay[data-at122] .at122-admin-row strong{font-weight:650}
#allianz-trade-pay[data-at122] .at122-outcome{padding:18px 18px}
#allianz-trade-pay[data-at122] .at122-outcome-number{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin:89px 10px 54px;padding-bottom:25px;border-bottom:1px solid #abcbd8}
#allianz-trade-pay[data-at122] .at122-outcome-number strong{font:400 clamp(105px,10vw,150px)/.78 var(--serif,Georgia,serif);letter-spacing:-.09em;color:#123f62;transform:translateY(calc(18px * (1 - var(--at121-build-3,0))))}
#allianz-trade-pay[data-at122] .at122-outcome-number strong span{font-size:.45em;vertical-align:top;letter-spacing:-.03em}
#allianz-trade-pay[data-at122] .at122-outcome-number p{margin:0;color:#315e75;font:700 17px/1.2 var(--sans,Arial,sans-serif)}
#allianz-trade-pay[data-at122] .at122-outcome-bottom{display:grid;grid-template-columns:1fr 1.3fr;gap:28px;margin:0 10px;font:400 13px/1.5 var(--sans,Arial,sans-serif);color:#4e7182}
#allianz-trade-pay[data-at122] .at122-outcome-bottom b{color:#174967}
#allianz-trade-pay[data-at122][data-at84-phase="3"] .at84-beat--3 .project-result-number{font-size:clamp(42px,4.7vw,68px)}
#allianz-trade-pay[data-at122] .at84-beat--3 .project-result-number{display:none}
#allianz-trade-pay[data-at122] .at84-beat--3 .project-result-label{font:400 clamp(38px,4.1vw,58px)/1.08 var(--serif,Georgia,serif);letter-spacing:-.05em;color:#123857}
#allianz-trade-pay[data-at122] .at84-beat--3 .project-result-context{margin-top:18px}
@media(max-width:800px){
 #allianz-trade-pay[data-at122] .at84-stage-inner{grid-template-rows:minmax(170px,27%) minmax(0,1fr);gap:6px;padding:47px 17px 10px!important}
 #allianz-trade-pay[data-at122] .at84-narrative{height:100%;min-height:0}
 #allianz-trade-pay[data-at122] .at84-canvas{height:100%;min-height:0;align-self:stretch;overflow:hidden}
 #allianz-trade-pay[data-at122] .at121-visual{width:min(100%,390px);height:100%;min-height:0;margin:auto}
 #allianz-trade-pay[data-at122] .at84-beat h3{font-size:clamp(26px,7.7vw,36px);margin:7px 0}
 #allianz-trade-pay[data-at122] .at84-beat p{font-size:12px;line-height:1.35}
 #allianz-trade-pay[data-at122] .at84-beat--3 .project-result-label{font-size:clamp(27px,7.3vw,36px)}
 #allianz-trade-pay[data-at122] .at122-chrome{padding:4px 4px 9px;font-size:8px}
 #allianz-trade-pay[data-at122] .at122-chrome img{width:77px}
 #allianz-trade-pay[data-at122] .at122-audit,#allianz-trade-pay[data-at122] .at122-decision,#allianz-trade-pay[data-at122] .at122-outcome{padding:8px 2px}
 #allianz-trade-pay[data-at122] .at122-audit-heading{padding:22px 8px 15px}
 #allianz-trade-pay[data-at122] .at122-audit-heading strong,#allianz-trade-pay[data-at122] .at122-decision h4{font-size:clamp(28px,7.9vw,38px)}
 #allianz-trade-pay[data-at122] .at122-methods{margin:0 8px 13px}
 #allianz-trade-pay[data-at122] .at122-methods span{padding:6px 9px;font-size:9px}
 #allianz-trade-pay[data-at122] .at122-scope{grid-template-columns:1fr 18px 1fr;margin:0 8px;padding-top:10px}
 #allianz-trade-pay[data-at122] .at122-scope div{min-height:97px;padding:11px 9px}
 #allianz-trade-pay[data-at122] .at122-scope strong{font-size:12px}
 #allianz-trade-pay[data-at122] .at122-scope small{font-size:8px}
 #allianz-trade-pay[data-at122] .at122-scope i{font-size:16px}
 #allianz-trade-pay[data-at122] .at122-decision h4{margin:34px 8px 30px}
 #allianz-trade-pay[data-at122] .at122-order-spine{margin:0 8px 15px}
 #allianz-trade-pay[data-at122] .at122-paths{gap:7px;margin:0 8px}
 #allianz-trade-pay[data-at122] .at122-paths div{min-height:123px;padding:12px}
 #allianz-trade-pay[data-at122] .at122-paths strong{font-size:14px}
 #allianz-trade-pay[data-at122] .at122-paths div>span{font-size:9px}
 #allianz-trade-pay[data-at122] .at122-product-caption{font-size:7px;padding-bottom:6px}
 #allianz-trade-pay[data-at122] .at122-checkout{left:0;top:50px;width:47%;height:265px}
 #allianz-trade-pay[data-at122] .at122-dashboard{right:0;top:30px;width:70%;height:310px}
 #allianz-trade-pay[data-at122] .at122-ui-top{height:33px;padding:0 8px;font-size:7px}
 #allianz-trade-pay[data-at122] .at122-ui-top img{width:56px}
 #allianz-trade-pay[data-at122] .at122-checkout-body{padding:12px 8px}
 #allianz-trade-pay[data-at122] .at122-checkout-body>small,#allianz-trade-pay[data-at122] .at122-dashboard-main>small{font-size:7px}
 #allianz-trade-pay[data-at122] .at122-checkout-body h4{font-size:14px;margin:7px 0 10px}
 #allianz-trade-pay[data-at122] .at122-pay-choice{gap:5px;padding:7px 4px}
 #allianz-trade-pay[data-at122] .at122-radio{width:10px;height:10px;border-width:3px}
 #allianz-trade-pay[data-at122] .at122-pay-choice strong{font-size:9px}
 #allianz-trade-pay[data-at122] .at122-pay-choice span:last-child{font-size:8px}
 #allianz-trade-pay[data-at122] .at122-pay-next{padding:9px 1px;font-size:8px}
 #allianz-trade-pay[data-at122] .at122-ui-cta{padding:7px;font-size:8px}
 #allianz-trade-pay[data-at122] .at122-transfer{top:150px;left:40%;padding:5px 3px}
 #allianz-trade-pay[data-at122] .at122-transfer span{font-size:7px}
 #allianz-trade-pay[data-at122] .at122-dashboard-body{grid-template-columns:57px 1fr;height:calc(100% - 33px)}
 #allianz-trade-pay[data-at122] .at122-dashboard-body nav{gap:9px;padding:15px 5px;font-size:7px}
 #allianz-trade-pay[data-at122] .at122-dashboard-main{padding:11px 8px}
 #allianz-trade-pay[data-at122] .at122-dashboard-main h4{font-size:13px;margin:7px 0 12px}
 #allianz-trade-pay[data-at122] .at122-order-row{gap:4px;padding:8px 4px;font-size:8px}
 #allianz-trade-pay[data-at122] .at122-order-row span{font-size:7px}
 #allianz-trade-pay[data-at122] .at122-admin-row{grid-template-columns:1fr;gap:2px;padding:9px 1px;font-size:8px}
 #allianz-trade-pay[data-at122] .at122-outcome-number{display:block;margin:75px 8px 30px;padding-bottom:20px}
 #allianz-trade-pay[data-at122] .at122-outcome-number strong{font-size:clamp(91px,25vw,130px)}
 #allianz-trade-pay[data-at122] .at122-outcome-number p{margin:12px 0 0;font-size:14px}
 #allianz-trade-pay[data-at122] .at122-outcome-bottom{grid-template-columns:1fr;gap:7px;margin:0 8px;font-size:11px}
}
@media(max-width:800px) and (max-height:680px){
 #allianz-trade-pay[data-at122] .at84-stage-inner{grid-template-rows:minmax(138px,25%) minmax(0,1fr);padding-top:40px!important}
 #allianz-trade-pay[data-at122] .at84-beat h3{font-size:26px}
 #allianz-trade-pay[data-at122] .at84-beat p{font-size:11px}
 #allianz-trade-pay[data-at122] .at122-audit-heading{padding:16px 8px 10px}
 #allianz-trade-pay[data-at122] .at122-decision h4{margin:23px 8px 21px}
 #allianz-trade-pay[data-at122] .at122-checkout{top:36px;height:235px}
 #allianz-trade-pay[data-at122] .at122-dashboard{top:22px;height:275px}
 #allianz-trade-pay[data-at122] .at122-transfer{top:126px}
 #allianz-trade-pay[data-at122] .at122-outcome-number{margin-top:47px}
}

#allianz-trade-pay[data-at122] .at122-checkout{width:42%}
#allianz-trade-pay[data-at122] .at122-dashboard{width:62%}
#allianz-trade-pay[data-at122] .at122-transfer{display:none}
@media(max-width:800px){
 #allianz-trade-pay[data-at122] .at122-product-caption{align-items:center;font-size:8px;padding:0 2px 6px}
 #allianz-trade-pay[data-at122] .at122-checkout{top:26px;left:0;width:100%;height:82px;border-radius:10px;transform:translateY(calc(10px * (1 - var(--at121-build-2,0))))}
 #allianz-trade-pay[data-at122] .at122-checkout .at122-ui-top{height:25px;padding:0 10px;font-size:9px}
 #allianz-trade-pay[data-at122] .at122-checkout .at122-ui-top img{width:72px}
 #allianz-trade-pay[data-at122] .at122-checkout-body{padding:7px 10px}
 #allianz-trade-pay[data-at122] .at122-checkout-body>small,#allianz-trade-pay[data-at122] .at122-checkout-body h4,#allianz-trade-pay[data-at122] .at122-pay-next,#allianz-trade-pay[data-at122] .at122-ui-cta{display:none}
 #allianz-trade-pay[data-at122] .at122-pay-choice{padding:7px 9px;align-items:center;gap:9px}
 #allianz-trade-pay[data-at122] .at122-radio{width:14px;height:14px;border-width:4px}
 #allianz-trade-pay[data-at122] .at122-pay-choice strong{font-size:11px}
 #allianz-trade-pay[data-at122] .at122-pay-choice span:last-child{margin-top:2px;font-size:9px}
 #allianz-trade-pay[data-at122] .at122-transfer{display:block;top:111px;left:38%;width:62%;padding:0;border:0;background:transparent;box-shadow:none;text-align:right;transform:none}
 #allianz-trade-pay[data-at122] .at122-transfer span{display:inline;color:#3d7085;font-size:9px}
 #allianz-trade-pay[data-at122] .at122-transfer b{display:inline;margin-left:7px;font-size:13px}
 #allianz-trade-pay[data-at122] .at122-dashboard{top:137px;right:0;width:100%;height:187px;border-radius:10px;transform:translateY(calc(15px * (1 - var(--at121-build-2,0))))}
 #allianz-trade-pay[data-at122] .at122-dashboard .at122-ui-top{height:28px;padding:0 10px;font-size:9px}
 #allianz-trade-pay[data-at122] .at122-dashboard .at122-ui-top img{width:72px}
 #allianz-trade-pay[data-at122] .at122-dashboard-body{display:block;height:calc(100% - 28px)}
 #allianz-trade-pay[data-at122] .at122-dashboard-body nav{display:none}
 #allianz-trade-pay[data-at122] .at122-dashboard-main{padding:10px 13px}
 #allianz-trade-pay[data-at122] .at122-dashboard-main>small{font-size:8px}
 #allianz-trade-pay[data-at122] .at122-dashboard-main h4{margin:4px 0 8px;font-size:16px}
 #allianz-trade-pay[data-at122] .at122-order-row{padding:7px 9px;font-size:10px}
 #allianz-trade-pay[data-at122] .at122-order-row span{font-size:9px}
 #allianz-trade-pay[data-at122] .at122-admin-row{grid-template-columns:76px 1fr;gap:8px;padding:7px 2px;font-size:9px}
}
#allianz-trade-pay[data-at122] .at84-beat--3 .project-result-number{display:block;font-size:clamp(38px,4.4vw,62px);line-height:1.05}
#allianz-trade-pay[data-at122] .at84-beat--3 .project-result-label{margin-top:12px;font:400 clamp(16px,1.35vw,20px)/1.45 var(--sans,Arial,sans-serif);letter-spacing:0;color:#486a7d}
@media(max-width:800px){#allianz-trade-pay[data-at122] .at84-beat--3 .project-result-number{font-size:clamp(30px,8vw,39px)}#allianz-trade-pay[data-at122] .at84-beat--3 .project-result-label{font-size:13px}}
@media(min-width:801px){#allianz-trade-pay[data-at122] .at122-checkout{width:39%}#allianz-trade-pay[data-at122] .at122-dashboard{width:60%}}
#allianz-trade-pay[data-at122] .at84-beat--3 .project-result-context{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:800px){#allianz-trade-pay[data-at122] .at122-pay-choice span:last-child{font-size:10px}#allianz-trade-pay[data-at122] .at122-admin-row{font-size:10px}}

/* V123 - Scroll is the clock for both copy and image. Each scene fully leaves
   before its successor enters; the shared order marker carries the hand-off. */
#allianz-trade-pay[data-at122] .at84-beat{animation:none!important;transition:none!important;transform:translate3d(0,-50%,0)!important}
#allianz-trade-pay[data-at122] .at84-beat--0{opacity:var(--at121-scene-0,1)}
#allianz-trade-pay[data-at122] .at84-beat--1{opacity:var(--at121-scene-1,0)}
#allianz-trade-pay[data-at122] .at84-beat--2{opacity:var(--at121-scene-2,0)}
#allianz-trade-pay[data-at122] .at84-beat--3{opacity:var(--at121-scene-3,0)}
#allianz-trade-pay[data-at122] .at122-audit-heading{padding:34px 14px 22px}
#allianz-trade-pay[data-at122] .at122-bridge{position:absolute;z-index:8;top:50%;left:50%;display:flex;align-items:center;gap:13px;max-width:88%;padding:15px 19px;border:1px solid #8bbdce;border-radius:12px;background:#f9fdfe;box-shadow:0 18px 48px #123e5b24;color:#164567;font:700 15px/1.25 var(--sans,Arial,sans-serif);opacity:var(--at122-bridge,0);transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap}
#allianz-trade-pay[data-at122] .at122-bridge i{display:block;width:23px;height:2px;background:#159cbb;transform:scaleX(calc(.5 + .5 * var(--at122-bridge,0)));transform-origin:left}
#allianz-trade-pay[data-at122] .at122-outcome-period{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;gap:12px;margin:95px 10px 28px}
#allianz-trade-pay[data-at122] .at122-outcome-period div{display:flex;flex-direction:column;min-height:160px;padding:25px 23px;border:1px solid #bdd5df;border-radius:15px;background:#fff;box-shadow:0 13px 28px #14395411}
#allianz-trade-pay[data-at122] .at122-outcome-period div:last-child{border-color:#173f61;background:#173f61;color:#fff}
#allianz-trade-pay[data-at122] .at122-outcome-period small{color:#447187;font:700 10px/1.3 var(--sans,Arial,sans-serif);letter-spacing:.09em;text-transform:uppercase}
#allianz-trade-pay[data-at122] .at122-outcome-period div:last-child small{color:#a7dce8}
#allianz-trade-pay[data-at122] .at122-outcome-period span{display:block;margin-top:auto;padding-top:18px;font:650 18px/1.27 var(--sans,Arial,sans-serif)}
#allianz-trade-pay[data-at122] .at122-outcome-period i{color:#159cbb;font:400 28px/1 var(--sans,Arial,sans-serif);font-style:normal;text-align:center}
#allianz-trade-pay[data-at122] .at122-outcome-note{max-width:55ch;margin:0 10px;color:#4d7081;font:400 14px/1.5 var(--sans,Arial,sans-serif)}

/* On narrow screens, the buyer and merchant interfaces each take the whole
   canvas. Their scroll-bound hand-off shows the same order between them. */
@media(max-width:800px){
 #allianz-trade-pay[data-at122] .at84-stage-inner{grid-template-rows:minmax(160px,28%) minmax(0,1fr);padding:44px 17px 11px!important}
 #allianz-trade-pay[data-at122] .at84-beat h3{font-size:clamp(27px,7.2vw,35px)}
 #allianz-trade-pay[data-at122] .at84-beat p{font-size:13px;line-height:1.42}
 #allianz-trade-pay[data-at122] .at121-visual{transform:none!important}
 #allianz-trade-pay[data-at122] .at122-chrome{font-size:10px;padding:5px 5px 10px}
 #allianz-trade-pay[data-at122] .at122-chrome img{width:90px}
 #allianz-trade-pay[data-at122] .at122-audit-heading{padding:13px 8px 10px}
 #allianz-trade-pay[data-at122] .at122-audit-heading strong,#allianz-trade-pay[data-at122] .at122-decision h4{font-size:clamp(27px,7.2vw,34px)}
 #allianz-trade-pay[data-at122] .at122-methods{margin-bottom:8px}
 #allianz-trade-pay[data-at122] .at122-methods span{font-size:10px}
 #allianz-trade-pay[data-at122] .at122-scope{grid-template-columns:1fr;gap:5px;padding-top:8px}
 #allianz-trade-pay[data-at122] .at122-scope div{min-height:64px;padding:9px 12px}
 #allianz-trade-pay[data-at122] .at122-scope strong{margin-top:5px;font-size:14px}
 #allianz-trade-pay[data-at122] .at122-scope small{font-size:9px}
 #allianz-trade-pay[data-at122] .at122-scope i{font-size:14px;line-height:1;transform:rotate(90deg)}
 #allianz-trade-pay[data-at122] .at122-decision h4{margin:18px 8px 16px}
 #allianz-trade-pay[data-at122] .at122-order-spine{height:39px;margin-bottom:10px}
 #allianz-trade-pay[data-at122] .at122-order-spine span{font-size:11px;padding:9px 15px}
 #allianz-trade-pay[data-at122] .at122-paths{grid-template-columns:1fr;gap:8px}
 #allianz-trade-pay[data-at122] .at122-paths div{min-height:68px;padding:10px 14px}
 #allianz-trade-pay[data-at122] .at122-paths strong{margin-top:5px;font-size:15px}
 #allianz-trade-pay[data-at122] .at122-paths div>span{padding-top:4px;font-size:10px}
 #allianz-trade-pay[data-at122] .at122-product-caption{padding:2px 2px 8px;font-size:10px;letter-spacing:0}
 #allianz-trade-pay[data-at122] .at122-product-caption span:last-child{text-align:right}
 #allianz-trade-pay[data-at122] .at122-checkout,#allianz-trade-pay[data-at122] .at122-dashboard{top:40px;left:0;right:auto;width:100%;min-height:0;border-radius:14px;transform:none}
 #allianz-trade-pay[data-at122] .at122-checkout{height:min(340px,calc(100% - 43px));opacity:var(--at122-buyer,1)}
 #allianz-trade-pay[data-at122] .at122-dashboard{height:min(320px,calc(100% - 43px));opacity:var(--at122-merchant,0)}
 #allianz-trade-pay[data-at122] .at122-checkout .at122-ui-top,#allianz-trade-pay[data-at122] .at122-dashboard .at122-ui-top{height:43px;padding:0 15px;font-size:11px}
 #allianz-trade-pay[data-at122] .at122-checkout .at122-ui-top img,#allianz-trade-pay[data-at122] .at122-dashboard .at122-ui-top img{width:90px}
 #allianz-trade-pay[data-at122] .at122-checkout-body{padding:20px 18px}
 #allianz-trade-pay[data-at122] .at122-checkout-body>small,#allianz-trade-pay[data-at122] .at122-checkout-body h4,#allianz-trade-pay[data-at122] .at122-pay-next,#allianz-trade-pay[data-at122] .at122-ui-cta{display:block}
 #allianz-trade-pay[data-at122] .at122-checkout-body>small,#allianz-trade-pay[data-at122] .at122-dashboard-main>small{font-size:10px}
 #allianz-trade-pay[data-at122] .at122-checkout-body h4{margin:8px 0 16px;font-size:21px}
 #allianz-trade-pay[data-at122] .at122-pay-choice{gap:12px;padding:14px}
 #allianz-trade-pay[data-at122] .at122-radio{width:17px;height:17px;border-width:5px}
 #allianz-trade-pay[data-at122] .at122-pay-choice strong{font-size:14px}
 #allianz-trade-pay[data-at122] .at122-pay-choice span:last-child{margin-top:5px;font-size:12px;line-height:1.4}
 #allianz-trade-pay[data-at122] .at122-pay-next{padding:17px 2px;font-size:12px}
 #allianz-trade-pay[data-at122] .at122-ui-cta{display:flex;padding:13px 15px;font-size:13px}
 #allianz-trade-pay[data-at122] .at122-dashboard-body{height:calc(100% - 43px)}
 #allianz-trade-pay[data-at122] .at122-dashboard-main{padding:18px}
 #allianz-trade-pay[data-at122] .at122-dashboard-main h4{margin:7px 0 15px;font-size:21px}
 #allianz-trade-pay[data-at122] .at122-order-row{padding:12px;font-size:12px}
 #allianz-trade-pay[data-at122] .at122-order-row span{font-size:11px}
 #allianz-trade-pay[data-at122] .at122-admin-row{grid-template-columns:100px 1fr;gap:10px;padding:14px 2px;font-size:11px;line-height:1.3}
 #allianz-trade-pay[data-at122] .at122-transfer{display:flex;align-items:center;justify-content:center;gap:12px;top:50%;left:50%;width:auto;max-width:92%;padding:13px 16px;border:1px solid #8bbdce;border-radius:10px;background:#f9fdfe;box-shadow:0 12px 28px #123e5b28;text-align:center;opacity:var(--at122-transfer,0);transform:translate(-50%,-50%)}
 #allianz-trade-pay[data-at122] .at122-transfer span{display:block;font-size:13px;white-space:nowrap}
 #allianz-trade-pay[data-at122] .at122-transfer b{font-size:18px}
 #allianz-trade-pay[data-at122] .at122-bridge{font-size:12px;padding:11px 13px}
 #allianz-trade-pay[data-at122] .at122-outcome-period{grid-template-columns:1fr 20px 1fr;gap:7px;margin:62px 4px 20px}
 #allianz-trade-pay[data-at122] .at122-outcome-period div{min-height:128px;padding:15px 12px}
 #allianz-trade-pay[data-at122] .at122-outcome-period small{font-size:9px}
 #allianz-trade-pay[data-at122] .at122-outcome-period span{font-size:14px}
 #allianz-trade-pay[data-at122] .at122-outcome-period i{font-size:20px}
 #allianz-trade-pay[data-at122] .at122-outcome-note{margin:0 4px;font-size:12px;line-height:1.45}
}
@media(max-width:360px){
 #allianz-trade-pay[data-at122] .at122-checkout-body,#allianz-trade-pay[data-at122] .at122-dashboard-main{padding:14px}
 #allianz-trade-pay[data-at122] .at122-checkout-body h4,#allianz-trade-pay[data-at122] .at122-dashboard-main h4{font-size:19px;margin-bottom:11px}
 #allianz-trade-pay[data-at122] .at122-pay-choice{padding:11px}
 #allianz-trade-pay[data-at122] .at122-pay-next{padding:12px 2px}
 #allianz-trade-pay[data-at122] .at122-admin-row{grid-template-columns:82px 1fr;gap:8px;padding:10px 2px}
}
@media(max-height:720px) and (max-width:800px){
 #allianz-trade-pay[data-at122] .at84-stage-inner{grid-template-rows:minmax(148px,27%) minmax(0,1fr);padding-top:35px!important}
 #allianz-trade-pay[data-at122] .at122-checkout,#allianz-trade-pay[data-at122] .at122-dashboard{height:calc(100% - 43px)}
}
@media(max-width:360px) and (min-height:621px){
 #allianz-trade-pay[data-at122] .at84-stage-inner{grid-template-rows:178px minmax(0,1fr)}
 #allianz-trade-pay[data-at122] .at122-audit-heading{padding:6px 6px 8px}
 #allianz-trade-pay[data-at122] .at122-audit-heading strong{font-size:25px;line-height:1.02}
 #allianz-trade-pay[data-at122] .at122-methods{margin:0 6px 8px}
 #allianz-trade-pay[data-at122] .at122-methods span{padding:5px 8px;font-size:9px}
 #allianz-trade-pay[data-at122] .at122-scope{grid-template-columns:1fr 1fr;gap:7px;margin:0 6px;padding-top:9px}
 #allianz-trade-pay[data-at122] .at122-scope div{min-height:89px;padding:9px 8px}
 #allianz-trade-pay[data-at122] .at122-scope strong{font-size:13px}
 #allianz-trade-pay[data-at122] .at122-scope i{display:none}
 #allianz-trade-pay[data-at122] .at122-decision h4{margin:12px 8px 8px;font-size:26px}
 #allianz-trade-pay[data-at122] .at122-order-spine{margin-bottom:6px}
 #allianz-trade-pay[data-at122] .at122-paths div{min-height:62px;padding:8px 12px}
 #allianz-trade-pay[data-at122] .at122-paths strong{font-size:14px}
 #allianz-trade-pay[data-at122] .at122-paths div>span{display:none}
 #allianz-trade-pay[data-at122] .at122-checkout-body{padding:10px 13px}
 #allianz-trade-pay[data-at122] .at122-checkout-body h4{margin:4px 0 8px;font-size:19px}
 #allianz-trade-pay[data-at122] .at122-pay-choice{padding:9px 10px}
 #allianz-trade-pay[data-at122] .at122-pay-next{padding:8px 1px;font-size:12px}
 #allianz-trade-pay[data-at122] .at122-ui-cta{padding:10px 12px;font-size:13px}
 #allianz-trade-pay[data-at122] .at122-outcome-period{margin-top:51px}
 #allianz-trade-pay[data-at122] .at122-outcome-period div{min-height:117px;padding:12px 10px}
 #allianz-trade-pay[data-at122] .at122-outcome-period span{font-size:13px}
 #allianz-trade-pay[data-at122] .at122-outcome-note{font-size:11px}
}
@media(prefers-reduced-motion:reduce){#allianz-trade-pay[data-at122] .at84-beat{transition:none!important}}
html.motion-reduced #allianz-trade-pay[data-at122] .at84-beat{transition:none!important}


/* SOURCE: /assets/styles/v105-release-apphalt-scroll-story.20261028.css */
/* AppHalt project story - product-state morph from need to shipped macOS app. */
.ah-story{--ah-ink:#172246;--ah-blue:#3158f4;--ah-light:#eef2fb;--ah-dark:#111936;position:relative;overflow:clip;background:var(--ah-light);color:var(--ah-ink)}
.ah-story *{box-sizing:border-box}
.ah-story>.project-brief{position:relative;z-index:2}
/* The introduction belongs to the dark opening scene, including its gutters. */
.sober-home #apphalt-produit>.project-brief{
 --story-end-ink:#f7f9ff;--story-end-muted:#d6def2;
 width:100%;max-width:none;margin-inline:0;
 padding-inline:max(var(--sober-gutter,80px),calc((100% - 1280px)/2));
 background:#111936;color:var(--story-end-ink);
}
.sober-home #apphalt-produit>.project-brief .project-brief-link,
.sober-home #apphalt-produit>.project-brief .project-brief-link:hover{color:#fff}
.ah-brief-brand{display:inline-flex;align-items:center;gap:12px;text-align:left}
.ah-brief-brand>img{display:block;width:44px;height:44px;border-radius:0;box-shadow:none}
.ah-brief-brand>span{display:grid;gap:2px}
.ah-brief-brand small{font:500 12px/1.3 var(--sans,Arial,sans-serif);color:var(--story-end-muted,#526078)}
.ah-track{display:none;position:relative;background:var(--ah-dark)}
.ah-story[data-ah-ready] .ah-track{display:block}
.ah-stage{position:sticky;top:72px;height:calc(100svh - 72px);min-height:570px;overflow:hidden;isolation:isolate;background:var(--ah-dark);color:#f7f9ff}
.ah-stage:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ah-dark);transition:background .35s ease}
.ah-story[data-ah-phase="1"] .ah-stage:before,.ah-story[data-ah-phase="2"] .ah-stage:before,.ah-story[data-ah-phase="3"] .ah-stage:before{background:linear-gradient(132deg,#f0f3fb 0%,#eaf0fa 58%,#f2f5fc 100%)}
.ah-story[data-ah-phase="1"] .ah-stage,.ah-story[data-ah-phase="2"] .ah-stage,.ah-story[data-ah-phase="3"] .ah-stage{color:#172246}
.ah-story[data-ah-phase="1"] .ah-stage-head,.ah-story[data-ah-phase="2"] .ah-stage-head,.ah-story[data-ah-phase="3"] .ah-stage-head{color:#506b80}
.ah-story[data-ah-phase="1"] .ah-stage-head:after,.ah-story[data-ah-phase="2"] .ah-stage-head:after,.ah-story[data-ah-phase="3"] .ah-stage-head:after{background:#7183a655}
.ah-stage-inner{position:relative;height:100%;display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:center;gap:clamp(24px,4vw,64px);padding:76px clamp(24px,5vw,76px) 78px}
.ah-stage-head{position:absolute;left:clamp(24px,5vw,76px);right:clamp(24px,5vw,76px);top:22px;display:flex;align-items:center;gap:10px;color:#d8e1fb;font:600 10px/1.3 var(--sans,Arial,sans-serif);letter-spacing:.15em;text-transform:uppercase}
.ah-stage-head img{width:30px;height:30px;border-radius:0;box-shadow:none;background:transparent}
.ah-stage-head:after{content:"";height:1px;flex:1;margin-left:10px;background:#ffffff35}
.ah-narrative{position:relative;min-width:0;min-height:230px}
.ah-beat{position:absolute;inset:50% auto auto 0;width:100%;max-width:490px;visibility:hidden;opacity:0;transform:translate3d(0,calc(-50% + 14px),0);transition:none}
.ah-story[data-ah-phase="0"] .ah-beat--0,.ah-story[data-ah-phase="1"] .ah-beat--1,.ah-story[data-ah-phase="2"] .ah-beat--2,.ah-story[data-ah-phase="3"] .ah-beat--3,.ah-story[data-ah-phase="4"] .ah-beat--4{visibility:visible;opacity:1;transform:translate3d(0,-50%,0);animation:ah-beat-in .4s cubic-bezier(.2,.7,.2,1) both}
@keyframes ah-beat-in{from{opacity:0;transform:translate3d(0,calc(-50% + 14px),0)}to{opacity:1;transform:translate3d(0,-50%,0)}}
.ah-tag{display:block;margin-bottom:16px;color:#8fb7ff;font:700 10px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.17em;text-transform:uppercase}
.ah-beat h3{max-width:15ch;margin:0 0 17px;color:#f7f9ff;font:400 clamp(38px,4.3vw,64px)/1.03 var(--serif,Georgia,serif);letter-spacing:-.055em}
.ah-beat h3 em{color:#b8ceff;font-weight:400}
.ah-beat p{max-width:43ch;margin:0;color:#d6def2;font:400 clamp(15px,1.35vw,18px)/1.62 var(--sans,Arial,sans-serif)}
.ah-beat>small{display:block;max-width:38ch;margin-top:17px;color:#b6c3e0;font:500 11px/1.5 var(--sans,Arial,sans-serif)}
.ah-story[data-ah-phase="1"] .ah-tag,.ah-story[data-ah-phase="2"] .ah-tag,.ah-story[data-ah-phase="3"] .ah-tag{color:#0755ae}
.ah-story[data-ah-phase="1"] .ah-beat h3,.ah-story[data-ah-phase="2"] .ah-beat h3,.ah-story[data-ah-phase="3"] .ah-beat h3{color:#172b56}
.ah-story[data-ah-phase="1"] .ah-beat h3 em,.ah-story[data-ah-phase="2"] .ah-beat h3 em,.ah-story[data-ah-phase="3"] .ah-beat h3 em{color:#3158f4}
.ah-story[data-ah-phase="1"] .ah-beat p,.ah-story[data-ah-phase="2"] .ah-beat p,.ah-story[data-ah-phase="3"] .ah-beat p{color:#465674}
.ah-story[data-ah-phase="1"] .ah-beat>small,.ah-story[data-ah-phase="2"] .ah-beat>small,.ah-story[data-ah-phase="3"] .ah-beat>small{color:#536582}
.ah-canvas{position:relative;display:grid;place-items:center;width:100%;height:min(68vh,500px);min-height:365px;overflow:visible}
.ah-art{position:relative;flex:none;transform-origin:top left;color:var(--ah-art-ink,#17304e);font-family:var(--sans,Arial,sans-serif);isolation:isolate}
.ah-art-head{position:absolute;left:0;right:0;top:-42px;display:flex;align-items:center;justify-content:space-between;color:var(--ah-art-muted,#587087);font:700 9px/1.3 var(--sans,Arial,sans-serif);letter-spacing:.15em;text-transform:uppercase}
.ah-art-head b{font-weight:700;color:var(--ah-art-head-ink,#17304e)}
.ah-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0;pointer-events:none}
.ah-wires path{fill:none;stroke:var(--ah-art-accent,#155fbd);stroke-width:2.7;stroke-linecap:round;stroke-dasharray:620;stroke-dashoffset:0;opacity:var(--ah-wire-opacity,.9)}
.ah-wires circle{fill:var(--ah-art-accent,#155fbd);stroke:var(--ah-art-paper,#fff);stroke-width:2.5}
.ah-art-caption{position:absolute;left:0;right:0;bottom:-27px;display:flex;justify-content:space-between;gap:12px;color:var(--ah-art-muted,#536582);font:700 9px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.08em;text-transform:uppercase}
.ah-node{position:absolute;top:0;left:0;z-index:2;overflow:hidden;border:1px solid #cedce6;border-top:4px solid var(--ah-art-accent,#26aec2);border-radius:14px;background:#fff;box-shadow:0 15px 42px #061b3825;transform-origin:50% 50%;will-change:transform;transition:none}
.ah-node--b{border-top-color:#3158f4}
.ah-node--c{border-top-width:1px;border-color:#9dadd0;background:#edf3ff}
.ah-node--c .ah-content[data-scene="0"]{gap:6px;padding:clamp(12px,1.8vw,20px)}
.ah-node--c .ah-content[data-scene="1"]{gap:4px;padding:9px 14px}
.ah-node--c .ah-content[data-scene="1"]>small{font-size:8px}
.ah-node--c .ah-content[data-scene="1"]>strong{max-width:none;font-size:18px;line-height:1.12}
.ah-node--c .ah-content[data-scene="2"]{padding:10px 15px;text-align:center}
.ah-node--c .ah-content[data-scene="2"]>strong{max-width:none;font-size:18px;line-height:1.15;text-align:center}
.ah-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:clamp(18px,2vw,24px);visibility:hidden;opacity:0;overflow:hidden;color:var(--ah-art-ink,#172246);font:500 13px/1.45 var(--sans,Arial,sans-serif);transition:none}
.ah-content>small{display:block;color:#1453ac;font:700 10px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.12em;text-transform:uppercase}
.ah-content>strong{display:block;max-width:24ch;color:var(--ah-art-ink,#172246);font:700 20px/1.12 var(--sans,Arial,sans-serif);letter-spacing:-.035em}
.ah-content>p{margin:0;color:#455674;font:400 12px/1.45 var(--sans,Arial,sans-serif)}
.ah-content .ah-source{margin-top:auto;color:#536582;font:600 10px/1.35 var(--sans,Arial,sans-serif)}
.ah-content[data-scene="0"]{background:linear-gradient(145deg,#fff,#f5f8fc)}
.ah-content[data-scene="4"]{background:linear-gradient(145deg,#1c2e63,#131d43);color:#fff}
.ah-content[data-scene="4"]>small,.ah-content[data-scene="4"]>p{color:#d1dcf3}
.ah-content[data-scene="4"]>strong{color:#fff}
.ah-content[data-scene="4"] .ah-source{color:#9cb7ca}
.ah-content[data-scene="1"]{background:#fbfdfe}
.ah-wire-head{display:flex;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px dashed #a9c4d0;color:#4c6a80;font:700 9px/1.3 var(--sans,Arial,sans-serif);letter-spacing:.1em;text-transform:uppercase}
.ah-wire-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:31px;padding:6px 9px;border:1px dashed #b3cbd6;border-radius:6px;color:#3d5b70;font-size:11px}
.ah-wire-row i{display:block;width:30px;height:4px;border-radius:4px;background:#b7cbd3}
.ah-wire-action{display:flex;align-items:center;justify-content:center;min-height:28px;border-radius:6px;background:#182653;color:#fff;font-size:10px;font-weight:700}
.ah-wire-state{display:flex;align-items:center;gap:8px;margin-top:3px;padding-top:8px;border-top:1px solid #dce4f3;color:#0755ae;font-size:10px;font-weight:700}
.ah-wire-state i{width:8px;height:8px;border-radius:50%;background:#3158f4;box-shadow:0 0 0 4px #dce6ff}
.ah-ui-image{display:block;width:100%;height:auto;flex:1 1 0;min-height:0;object-fit:contain;background:#f3f5f8;border-radius:4px}
.ah-content[data-scene="2"]{gap:6px;padding:12px}
.ah-ui-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#4e5e79;font:600 10px/1.35 var(--sans,Arial,sans-serif)}
.ah-test-list{display:grid;gap:7px;margin:1px 0 0;padding:0;list-style:none}
.ah-test-list li{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;color:#344361}
.ah-test-list i{display:grid;place-items:center;width:20px;height:20px;flex:none;border-radius:50%;background:#e5ebff;color:#174eaa;font:700 10px/1 var(--sans,Arial,sans-serif);font-style:normal}
.ah-release-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:2px}
.ah-release-grid span{padding:7px 8px;border:1px solid #ffffff35;border-radius:6px;color:#ecf6ff;font-size:9px;line-height:1.25}
.ah-version{display:inline-flex;align-items:center;gap:8px;margin-top:3px;padding:7px 10px;border:1px solid #97b7ff;border-radius:999px;color:#e3ebff;font-size:10px;font-weight:700}
.ah-version i{width:7px;height:7px;border-radius:50%;background:#8db2ff;box-shadow:0 0 0 3px #8db2ff30}
.ah-outro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px clamp(22px,5vw,76px);background:var(--ah-light);color:var(--ah-ink)}
.ah-outro p{margin:0;color:#455674;font:500 13px/1.5 var(--sans,Arial,sans-serif)}
.ah-static{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px;padding-block:clamp(55px,7vw,100px)}
.ah-static article{min-width:0;padding-top:17px;border-top:1px solid #bfd1dc}
.ah-static article>span{display:block;margin-bottom:12px;color:#0755ae;font:700 10px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.15em;text-transform:uppercase}
.ah-static h3{margin:0 0 11px;color:#172b56;font:400 clamp(25px,2.7vw,38px)/1.1 var(--serif,Georgia,serif);letter-spacing:-.035em}
.ah-static p{max-width:62ch;margin:0;color:#455674;font:400 14px/1.65 var(--sans,Arial,sans-serif)}
.ah-static p+p{margin-top:10px}
.ah-static figure{margin:15px 0 0}
.ah-static figure img,.ah-static figure video{display:block;width:100%;max-width:450px;max-height:490px;object-fit:contain;background:#121a3c;border:1px solid #c3cee2;border-radius:10px}
.ah-static figure video{aspect-ratio:568/680}
.ah-static figcaption{margin-top:7px;color:#536582;font:500 12px/1.5 var(--sans,Arial,sans-serif)}
.ah-static .ah-source-note{margin-top:14px;color:#536582;font-size:12px}
.ah-static .ah-source-note a{color:#174eaa;text-underline-offset:3px}
.ah-story[data-ah-ready] .ah-static{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:normal!important;border:0!important}
html.gn93-reading #apphalt-produit .ah-track,html.motion-reduced #apphalt-produit .ah-track{display:none!important}
html.gn93-reading #apphalt-produit .ah-static,html.motion-reduced #apphalt-produit .ah-static,.ah-story:not([data-ah-ready]) .ah-static{position:static!important;width:calc(100% - 44px)!important;height:auto!important;padding-block:55px!important;margin-inline:auto!important;overflow:visible!important;clip:auto!important;white-space:normal!important;border:0!important}
html.gn93-reading #apphalt-produit .ah-static{display:grid!important}
html.gn93-reading #apphalt-produit .ah-outro{display:none}
.ah-story .sober-next{position:relative;z-index:1}
.home-page #apphalt-produit .gn94-controls .gn94-skip{position:absolute;width:1px;height:1px;min-height:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.home-page #apphalt-produit .gn94-controls .gn94-skip:focus-visible{position:relative;width:auto;height:auto;min-height:40px;padding:0 8px;overflow:visible;clip:auto;outline:3px solid currentColor;outline-offset:2px}
@media(max-width:800px){
 .sober-home #apphalt-produit>.project-brief{padding-inline:22px}
 .ah-stage{top:64px;height:calc(100svh - 64px);min-height:550px}
 .ah-stage-inner{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(155px,.37fr) minmax(0,.63fr);gap:8px;padding:58px 18px 78px}
 .ah-stage-head{left:18px;right:18px;top:14px;gap:8px;font-size:9px}
 .ah-stage-head img{width:27px;height:27px}
 .ah-narrative{min-height:0;height:100%}
 .ah-beat{top:50%;max-width:620px}
 .ah-tag{margin-bottom:9px;font-size:9px;letter-spacing:.13em}
 .ah-beat h3{max-width:17ch;margin-bottom:9px;font-size:clamp(34px,7.8vw,48px);line-height:1.02}
 .ah-beat p{max-width:56ch;font-size:13px;line-height:1.48}
 .ah-beat>small{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
 .ah-canvas{height:100%;min-height:0;align-self:stretch}
 .ah-art-head{top:-23px;font-size:8px}
 .ah-content{gap:6px;padding:14px}
 .ah-node--c .ah-content[data-scene="0"]{padding:12px 16px}
 .ah-node--c .ah-content[data-scene="1"]{padding:9px 12px}
 .ah-node--c .ah-content[data-scene="1"]>strong{font-size:16px}
 .ah-node--c .ah-content[data-scene="2"]{padding:9px 13px}
 .ah-node--c .ah-content[data-scene="2"]>strong{font-size:15px}
 .ah-content>small{font-size:10px}
 .ah-content>strong{font-size:16px}
 .ah-content>p{font-size:11px;line-height:1.35}
 .ah-content .ah-source{font-size:9px}
 .ah-content[data-scene="2"]{gap:4px;padding:8px}
 .ah-wire-head{font-size:8px;padding-bottom:5px}
 .ah-wire-row{min-height:25px;padding:4px 7px;font-size:10px}
 .ah-wire-action{min-height:24px;font-size:10px}
 .ah-node--b .ah-content[data-scene="1"]{gap:3px;padding:8px 12px}
 .ah-node--b .ah-content[data-scene="1"] .ah-wire-state{margin-top:0;padding-top:0;border-top:0;font-size:9px}
 .ah-node--b .ah-content[data-scene="1"] .ah-wire-action{min-height:20px;font-size:9px}
 .ah-test-list{gap:5px}
 .ah-test-list li{gap:6px;font-size:9px}
 .ah-test-list i{width:17px;height:17px;font-size:8px}
 .ah-release-grid{gap:4px}
 .ah-release-grid span{padding:5px 5px;font-size:9px}
 .ah-version{font-size:8px;padding:5px 8px}
 .ah-outro{align-items:flex-start;flex-direction:column;gap:11px;padding:20px 22px}
 .ah-static{grid-template-columns:1fr;gap:24px;padding-block:42px}
 .ah-static h3{font-size:29px}
 .ah-static p{font-size:14px}
}
@media(max-width:430px){
 .home-page #apphalt-produit .client-story-position .gn93-progress{font-size:10px!important}
}
@media(max-width:800px) and (max-height:700px){
 .sober-home #apphalt-produit .ah-source-links{display:none}
}
@media(max-width:380px){
 .ah-stage{min-height:540px}
 .ah-stage-inner{grid-template-rows:minmax(170px,.4fr) minmax(0,.6fr);padding-inline:14px}
 .ah-stage-head{left:14px;right:14px}
 .ah-beat h3{font-size:clamp(31px,8.5vw,39px)}
 .ah-beat p{font-size:12px}
 .ah-content{padding:11px}
 .ah-content>strong{font-size:15.5px}
 .ah-content>p{font-size:10.5px}
}
@media(max-width:360px){.sober-home #apphalt-produit>.project-brief{padding-inline:14px}}
@media(max-height:650px) and (min-width:801px){.ah-stage{min-height:0}.ah-stage-inner{padding-block:62px}.ah-narrative{min-height:190px}.ah-beat h3{font-size:clamp(34px,4vw,52px)}.ah-canvas{height:65vh;min-height:310px}}
@media(prefers-reduced-motion:reduce){.ah-track{display:none!important}.ah-stage:before{transition:none}.ah-story .ah-beat{animation:none!important}}
@media print{.ah-track{display:none!important}.ah-static{position:static!important;width:auto!important;height:auto!important;padding-block:30px!important;margin:auto!important;overflow:visible!important;clip:auto!important;white-space:normal!important;border:0!important}}
.ah-source-links{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:7px;color:#155f7a;font:600 11px/1.4 var(--sans,Arial,sans-serif)}
.ah-source-links a{display:inline-flex;align-items:center;min-height:28px;padding-block:2px;color:inherit;text-decoration:underline;text-underline-offset:3px}
.ah-source-links a:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:2px}
@media(max-width:800px){
 .sober-home #apphalt-produit .ah-stage-inner{width:100%;max-width:none;margin-inline:0;height:calc(100% - 56px);grid-template-rows:minmax(150px,.36fr) minmax(0,.64fr);gap:6px;padding:52px 38px 66px 18px}
 .sober-home #apphalt-produit .ah-art-head,.sober-home #apphalt-produit .ah-art-caption{display:none}
 .ah-source-links{gap:0 12px;margin-top:4px;font-size:11px}
 .ah-content{gap:6px}
 .ah-content>small{font-size:9px}
 .ah-content>strong{font-size:16px}
 .ah-content>p{font-size:11px;line-height:1.35}
 .ah-content .ah-source{font-size:9px}
 .ah-test-list li{font-size:10px}
 .ah-release-grid span{font-size:9px}
 .ah-version{font-size:9px}
}
@media(max-width:380px){
 .sober-home #apphalt-produit .ah-stage-inner{grid-template-rows:minmax(148px,.38fr) minmax(0,.62fr);padding:48px 38px 60px 14px}
 .ah-content{padding:10px}
 .ah-content>strong{font-size:16px}
 .ah-content>p{font-size:10.5px}
 .ah-release-grid span{font-size:8.5px}
}
.ah-content.ah-download-card[data-scene="4"]{align-items:center;gap:5px;padding:14px;text-align:center;background:linear-gradient(145deg,#f2f5ff,#e5ebff);color:#172246}
.ah-content.ah-download-card[data-scene="4"]>small{color:#174eaa}
.ah-content.ah-download-card[data-scene="4"]>strong.ah-download-count{max-width:none;color:#172246;font-size:clamp(42px,7vw,60px);line-height:.95;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.ah-content.ah-download-card[data-scene="4"]>p{color:#455674;font-size:13px;line-height:1.3}
.ah-content.ah-download-card[data-scene="4"] .ah-source{margin-top:3px;color:#536582;font-size:10px}

/* Product-first states: one dominant, cropped capture and two clear callouts. */
.ah-content.ah-shot{gap:7px;padding:10px;background:#fff}
.ah-ui-image{width:100%;height:auto;min-height:0;flex:1 1 0;object-fit:cover;object-position:center top;background:#edf1f6;border-radius:7px}
.ah-ui-image--menu,.ah-ui-image--dashboard,.ah-ui-image--paused,.ah-ui-image--settings{object-position:center top}
.ah-ui-caption{min-height:16px;color:#536582;font:600 10px/1.25 var(--sans,Arial,sans-serif)}
.ah-ui-caption b{color:#243a64;font-weight:700}
.ah-content.ah-proof-card,.ah-content.ah-note-card{justify-content:center;gap:5px;padding:14px 16px;background:#fff}
.ah-content.ah-proof-card>small,.ah-content.ah-note-card>small{color:#157a96;font-size:10px;letter-spacing:.11em}
.ah-content.ah-proof-card>strong,.ah-content.ah-note-card>strong{max-width:none;font-size:18px;line-height:1.15;letter-spacing:-.025em}
.ah-content.ah-note-card{background:#e7f2f6}
.ah-content.ah-note-card>strong{font-size:15px}
.ah-content.ah-final-card{justify-content:center;gap:5px;padding:16px 20px;background:#fff}
.ah-content.ah-final-card>small{color:#157a96}
.ah-content.ah-final-card>strong{max-width:none;font-size:22px}
.ah-content.ah-final-card>p{font-size:14px}
.ah-content.ah-release-card{gap:4px;padding:14px 18px;background:#e7f2f6}
.ah-content.ah-release-card>strong{font-size:20px}
.ah-content.ah-release-card>p{font-size:13px}
.ah-content.ah-release-card .ah-source{margin-top:2px;color:#465674;font-size:10px;line-height:1.35}
.ah-art-caption{letter-spacing:.045em}
@media(max-width:800px){
 .ah-content.ah-shot{gap:5px;padding:8px}
 .ah-ui-caption{min-height:16px;font-size:10px}
 .ah-content.ah-proof-card,.ah-content.ah-note-card{gap:3px;padding:8px 11px}
 .ah-content.ah-proof-card>small,.ah-content.ah-note-card>small{font-size:9px;line-height:1.2}
 .ah-content.ah-proof-card>strong{font-size:16px;line-height:1.1}
 .ah-content.ah-note-card>strong{font-size:13px;line-height:1.1}
 .ah-content.ah-final-card{gap:3px;padding:10px 12px}
 .ah-content.ah-final-card>small{font-size:9px}
 .ah-content.ah-final-card>strong{font-size:17px;line-height:1.1}
 .ah-content.ah-final-card>p{font-size:12px}
 .ah-content.ah-release-card{gap:3px;padding:9px 12px}
 .ah-content.ah-release-card>strong{font-size:17px}
 .ah-content.ah-release-card>p{font-size:12px}
 .ah-content.ah-release-card .ah-source{font-size:9px;line-height:1.25}
}
@media(max-width:380px){
 .ah-ui-caption{font-size:10px}
 .ah-content.ah-proof-card,.ah-content.ah-note-card{padding-inline:9px}
 .ah-content.ah-proof-card>strong{font-size:15px}
 .ah-content.ah-note-card>strong{font-size:12px}
 .ah-content.ah-release-card .ah-source{font-size:11px}
}

/* Preserve legibility on the pale end cards in the final product step. */
.ah-content.ah-final-card[data-scene="4"]{background:#fff;color:#172246}
.ah-content.ah-final-card[data-scene="4"]>small{color:#157a96}
.ah-content.ah-final-card[data-scene="4"]>strong{color:#172246}
.ah-content.ah-final-card[data-scene="4"]>p{color:#455674}
.ah-content.ah-release-card[data-scene="4"]{background:#e7f2f6;color:#172246}
.ah-content.ah-release-card[data-scene="4"]>small{color:#157a96}
.ah-content.ah-release-card[data-scene="4"]>strong{color:#172246}
.ah-content.ah-release-card[data-scene="4"]>p,.ah-content.ah-release-card[data-scene="4"] .ah-source{color:#344a68}
.ah-content.ah-release-card .ah-source{font-size:12px;line-height:1.3}

/* A deliberately labelled, reconstructed interaction map for the case study. */
.ah-case-wireframe{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);align-items:center;gap:clamp(12px,2.4vw,28px);margin:clamp(24px,4vw,48px) 0 0;padding:clamp(18px,3vw,38px);border:1px solid #c7d9e4;border-radius:20px;background:linear-gradient(145deg,#eef6f8,#e4f0f4)}
.ah-wireframe-screen{min-width:0;padding:clamp(18px,2.6vw,30px);border:1px solid #cbd8e2;border-top:4px solid #1595aa;border-radius:14px;background:#fff;box-shadow:0 14px 34px #17385414;color:#193653}
.ah-wireframe-screen:nth-of-type(2){border-top-color:#193653}
.ah-wireframe-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:clamp(24px,4vw,44px);padding-bottom:11px;border-bottom:1px solid #dce5ea;color:#527187;font:700 10px/1.3 var(--sans,Arial,sans-serif);letter-spacing:.11em}
.ah-wireframe-screen>small{display:block;margin-bottom:9px;color:#117f98;font:700 10px/1.35 var(--sans,Arial,sans-serif);letter-spacing:.13em}
.ah-wireframe-screen>h3{margin:0 0 18px;color:#173653;font:650 clamp(22px,2.4vw,30px)/1.1 var(--sans,Arial,sans-serif);letter-spacing:-.035em}
.ah-wireframe-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:11px 14px;border:1px dashed #aac1cf;border-radius:8px;background:#fbfdfe;font:500 15px/1.3 var(--sans,Arial,sans-serif)}
.ah-wireframe-row b{font-weight:650}
.ah-wireframe-row span{color:#557186;font-size:13px}
.ah-wireframe-action{display:flex;align-items:center;justify-content:center;min-height:46px;margin-top:12px;border:1px solid #136e9e;border-radius:8px;background:#155f9e;color:#fff;font:700 14px/1 var(--sans,Arial,sans-serif)}
.ah-wireframe-action--secondary{background:#eff7fa;color:#155f9e}
.ah-wireframe-arrow{color:#158ba4;text-align:center;font:400 30px/1 Arial,sans-serif}
.ah-wireframe-caption{max-width:76ch;margin:15px 0 0;color:#536b7e;font:500 13px/1.55 var(--sans,Arial,sans-serif)}
@media(max-width:700px){
 .ah-case-wireframe{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:24px;padding:14px;border-radius:15px}
 .ah-wireframe-screen{padding:19px}
 .ah-wireframe-top{margin-bottom:23px}
 .ah-wireframe-screen>h3{margin-bottom:14px}
 .ah-wireframe-arrow{transform:rotate(90deg);font-size:26px}
 .ah-wireframe-caption{font-size:12px}
}


/* SOURCE: /assets/styles/v105-release-allianz-product-story.20261028.css */
/* One responsive product window. Text is laid out at its real size, never
   shrunk together with a fixed illustration canvas. */
.sober-home #allianz-trade-pay[data-at125]{--story-end-bg:#103657;--story-end-ink:#f5faff;--story-end-muted:#c3d7e3;--ap-ground:#103657;--ap-ink:#f5faff;--ap-muted:#c3d7e3;--ap-accent:#91d7e4;background:var(--story-end-bg)}
.sober-home #allianz-trade-pay[data-at125]:is([data-at84-phase="1"],[data-at84-phase="2"],[data-at84-phase="3"]){--ap-ground:#e9f1f4;--ap-ink:#133852;--ap-muted:#486574;--ap-accent:#08728a}
.sober-home #allianz-trade-pay[data-at125]>.project-brief{background:#103657;color:#f5faff}
.sober-home #allianz-trade-pay[data-at125]>.project-brief .project-contribution{color:#c3d7e3}
.sober-home #allianz-trade-pay[data-at125]>.project-brief .project-brief-logo{background:#fff;border-radius:4px;padding:5px 8px;box-sizing:content-box}
.sober-home #allianz-trade-pay[data-at125] .at84-stage{background:var(--ap-ground);color:var(--ap-ink);overflow:hidden}
.sober-home #allianz-trade-pay[data-at125] .at84-track{background:var(--ap-ground)}
.sober-home #allianz-trade-pay[data-at125] .at84-stage:before{display:none}
.sober-home #allianz-trade-pay[data-at125] .at84-stage-inner{width:min(1440px,100%);height:100%;max-width:none;margin:auto;padding:36px 72px 72px clamp(24px,5vw,80px);display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:clamp(30px,4vw,72px);align-items:center}
.sober-home #allianz-trade-pay[data-at125] .at84-narrative{height:auto;min-height:240px;overflow:visible}
.sober-home #allianz-trade-pay[data-at125] .at84-beat{top:50%;visibility:hidden;opacity:0;transform:translateY(calc(-50% + var(--ap-copy-y,0px)));animation:none;transition:none}
.sober-home #allianz-trade-pay[data-at125] .at84-beat[aria-hidden="false"]{visibility:visible;opacity:var(--ap-copy-opacity,1)}
.sober-home #allianz-trade-pay[data-at125] .at84-beat .at84-tag{font-size:10px;letter-spacing:.14em;color:var(--ap-accent);margin:0 0 18px}
.sober-home #allianz-trade-pay[data-at125] .at84-beat h3{font:400 clamp(38px,4.1vw,64px)/1.02 var(--serif,Georgia,serif);letter-spacing:-.045em;color:var(--ap-ink);max-width:none;margin:0 0 20px}
.sober-home #allianz-trade-pay[data-at125] .at84-beat p{font:400 clamp(15px,1.25vw,18px)/1.5 var(--sans,Arial,sans-serif);color:var(--ap-muted);max-width:34ch;margin:0}
.sober-home #allianz-trade-pay[data-at125] .at84-beat--4 .project-result-label{font-size:clamp(20px,2vw,30px);font-weight:650;line-height:1.2;color:var(--ap-ink);margin-top:8px}
.sober-home #allianz-trade-pay[data-at125] .at84-beat--4 .project-result-context{font-size:12px;line-height:1.4;margin-top:13px;color:var(--ap-muted)}
.sober-home #allianz-trade-pay[data-at125] .at84-canvas{display:flex;align-items:center;justify-content:center;position:relative;min-width:0;min-height:0;height:auto;perspective:none}
.ap-art{width:100%;max-width:720px;font:400 13px/1.4 var(--sans,Arial,sans-serif);color:#15394e;transform:translateY(var(--ap-settle,0));transition:none}
.ap-art svg{width:20px;height:20px;display:block;flex:none;fill:none;stroke:currentColor}
.ap-context{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;color:var(--ap-accent);font-size:10px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}
.ap-context .ap-reconstruction{font-size:9px;letter-spacing:.07em;font-weight:500;color:var(--ap-muted)}
.ap-window{border:1px solid #c1d4df;border-radius:16px;background:#f5f8fa;box-shadow:0 24px 64px #04243d25;overflow:hidden}
.ap-toolbar{height:48px;display:flex;gap:12px;align-items:center;padding:0 22px;background:#fff;border-bottom:1px solid #dde7ec}
.ap-toolbar>b{font-size:16px;letter-spacing:-.04em;display:flex;align-items:center;gap:5px;white-space:nowrap}
.ap-toolbar-dot{display:block;width:5px;height:5px;border-radius:50%;background:#00a2bc}
.ap-toolbar>span:not(.ap-avatar){font-size:11px;color:#526a7a;margin-left:auto}
.ap-avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e8f0f5;font-size:9px;font-weight:700}
.ap-workspace{padding:22px}
.ap-order{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}
.ap-eyebrow{display:block;font-size:10px;color:#5a7180;margin-bottom:4px}
.ap-eyebrow b{font-weight:500;color:#245069;margin-left:3px}
.ap-order strong{display:block;font-size:23px;font-weight:650;letter-spacing:-.04em;line-height:1.2}
.ap-order-status{display:flex;gap:5px;align-items:center;font-size:10px;padding:5px 8px;border:1px solid #c8dde1;border-radius:20px;white-space:nowrap;background:#edf7f6;color:#266457}
.ap-order-status i{width:5px;height:5px;display:block;border-radius:50%;background:#378575}
.ap-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ap-module{position:relative;min-width:0;border:1px solid #d8e4eb;border-radius:10px;background:#fff;padding:16px}
.ap-module-heading{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650;color:#2b536b;line-height:1.25;margin-bottom:16px}
.ap-module-heading svg{width:17px;height:17px;color:#498596}
.ap-module-number{margin-left:auto;font-size:10px;letter-spacing:.03em;font-weight:400;color:#74909e}
.ap-need{min-height:108px}
.ap-need strong{font-size:18px;line-height:1.25;letter-spacing:-.025em;display:block;max-width:19ch}
.ap-need p{font-size:12px;line-height:1.45;margin:10px 0 0;color:#58717e;max-width:28ch}
.ap-next{grid-column:1/-1}
.ap-next .ap-need{min-height:0;display:flex;gap:24px;align-items:center}
.ap-next .ap-need strong{max-width:22ch;flex:1}
.ap-next .ap-need p{flex:1;margin:0}
.ap-wire,.ap-final{display:none}
.ap-wire{min-height:54px;padding:12px 14px;border:1px solid #bad0dc;border-radius:7px;background:#f5fafc;color:#31546a;font-size:12px;line-height:1.4}
.ap-wire::before{content:'→';display:inline-block;margin-right:9px;color:#008ca7;font-weight:700}
.ap-next .ap-wire{min-height:0}
.ap-payment-option{display:flex;align-items:center;gap:9px;font-size:12px}
.ap-radio{width:15px;height:15px;border:4px solid #008da7;border-radius:50%;flex:none;background:#fff}
.ap-payment-option b{display:block;line-height:1.3}
.ap-payment-option small{display:block;font-size:10px;color:#5a7480;margin-top:3px}
.ap-secure{margin-left:auto;color:#2b7567}
.ap-secure svg{width:17px;height:17px}
.ap-payment-details{margin-top:20px;display:grid;gap:9px}
.ap-payment-details>span{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#58717e}
.ap-payment-details b{color:#21485d;font-weight:600;white-space:nowrap}
.ap-buyer-only{display:none}
.ap-other{display:flex;align-items:center;gap:9px;border:1px solid #d7e3e8;border-radius:8px;padding:12px;font-size:12px;margin-top:14px}
.ap-other .ap-radio{border:1px solid #91a9b6}
.ap-action-button{display:flex;align-items:center;justify-content:space-between;background:#003781;color:white;border-radius:8px;padding:12px 14px;font-size:12px;font-weight:600;margin-top:14px}
.ap-action-button svg{width:17px;height:17px}
.ap-note{display:block;text-align:center;font-size:10px;color:#5b7481;margin:9px 0 0}
.ap-timeline{display:flex;align-items:center;padding:2px 8px 0}
.ap-timeline>span{width:23px;height:23px;display:grid;place-items:center;border:1px solid #abd3df;border-radius:50%;color:#14677f;background:#eef7fa;font-size:10px}
.ap-timeline .ap-timeline-done{background:#0e8197;border-color:#0e8197;color:#fff}
.ap-timeline svg{width:13px;height:13px}
.ap-timeline i{height:1px;background:#91c4d0;flex:1}
.ap-dates{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:10px}
.ap-dates>div:last-child{text-align:right}
.ap-dates b{display:block;font-weight:500;line-height:1.35}
.ap-dates small{display:block;color:#68808e;margin-top:3px;font-size:10px}
.ap-schedule-total{display:flex;justify-content:space-between;border-top:1px solid #e1ebef;padding-top:11px;margin-top:15px;font-size:10px;color:#58717e}
.ap-schedule-total b{color:#21485d}
.ap-next .ap-final{align-items:center;justify-content:space-between;gap:16px}
.ap-attention{display:block;font-size:9px;color:#99612e;margin:0 0 6px;text-transform:uppercase;letter-spacing:.08em;font-weight:650}
.ap-next .ap-final strong{display:block;font-size:15px;line-height:1.3;letter-spacing:-.02em}
.ap-next .ap-final small{display:block;font-size:10px;color:#58717e;margin-top:4px}
.ap-open-case{display:flex;gap:8px;align-items:center;white-space:nowrap;font-size:11px;font-weight:600;color:#006b87}
.ap-open-case svg{width:16px;height:16px}
.ap-footer{display:flex;justify-content:space-between;gap:12px;color:#607986;margin-top:16px;font-size:9px}
.ap-footer>span:last-child{white-space:nowrap;color:#7e94a0}
.ap-footer-product{display:none}
.ap-caption{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--ap-muted);line-height:1.4;margin-top:14px}
.ap-caption>span:last-child{white-space:nowrap;font-size:9px;opacity:.85}
/* The same modules pass from research questions to wireframe to product. */
.ap-art[data-ap-phase="0"] .ap-window{background:#e7eef2;border-color:#9fb7c6}
.ap-art[data-ap-phase="0"] .ap-module{background:#f8fbfd}
.ap-art[data-ap-phase="0"] .ap-order-status{visibility:hidden}
.ap-art:not([data-ap-phase="0"]) .ap-need{display:none}
.ap-art[data-ap-phase="1"] .ap-wire{display:block}
.ap-art[data-ap-phase="1"] .ap-module{border-style:dashed;border-color:#91a9b7;background:transparent;box-shadow:none}
.ap-art[data-ap-phase="1"] .ap-order-status{border-style:dashed;background:transparent;color:#607986}
.ap-art:is([data-ap-phase="2"],[data-ap-phase="3"],[data-ap-phase="4"]) .ap-final{display:block}
.ap-art:is([data-ap-phase="3"],[data-ap-phase="4"]) .ap-next .ap-final{display:flex}
.ap-art:is([data-ap-phase="3"],[data-ap-phase="4"]) .ap-next{border-color:#a3ccd8;background:#f1f9fb;box-shadow:inset 3px 0 #008ca7}
.ap-art:not([data-ap-phase="0"]) .ap-footer-need{display:none}
.ap-art:not([data-ap-phase="0"]) .ap-footer-product{display:block}
.ap-art[data-ap-phase="2"] .ap-grid{grid-template-columns:1fr}
.ap-art[data-ap-phase="2"] .ap-schedule,.ap-art[data-ap-phase="2"] .ap-next{display:none}
.ap-art[data-ap-phase="2"] .ap-payment{padding:18px 22px}
.ap-art[data-ap-phase="2"] .ap-buyer-only{display:block}
.ap-art[data-ap-phase="2"] .ap-payment-option{border:1px solid #70b8cb;background:#f0f8fb;border-radius:8px;padding:12px}
.ap-art[data-ap-phase="2"] .ap-payment-details{margin:12px 2px 0;gap:6px}
.ap-art[data-ap-phase="4"] .ap-window{border-color:#8db6c8}
.ap-art[data-ap-phase="4"] .ap-next{background:#edf7f3;border-color:#a8d2c2;box-shadow:inset 3px 0 #31876f}
.ap-art[data-ap-phase="4"] .ap-attention{color:#27715b}
.ap-art[data-ap-phase="4"] .ap-open-case{color:#27715b}
.sober-home #allianz-trade-pay[data-at125] .story-navigation{color:var(--ap-ink)}
.sober-home #allianz-trade-pay[data-at125] .at84-static :is(h3,p,span){color:inherit}
@media(max-width:1050px) and (min-width:801px){
  .sober-home #allianz-trade-pay[data-at125] .at84-stage-inner{grid-template-columns:minmax(200px,.6fr) minmax(0,1.4fr);padding-left:28px;gap:24px}
  .ap-workspace{padding:16px}.ap-module{padding:12px}.ap-grid{gap:10px}.ap-next .ap-final{flex-wrap:wrap;gap:8px}
}
@media(max-width:800px){
  .sober-home #allianz-trade-pay[data-at125] .at84-stage-inner{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-items:start;gap:16px;padding:20px 48px 56px 22px}
  .sober-home #allianz-trade-pay[data-at125] .at84-narrative{min-height:122px;height:122px;align-self:start}
  .sober-home #allianz-trade-pay[data-at125] .at84-beat{top:0;transform:translateY(var(--ap-copy-y,0px))}
  .sober-home #allianz-trade-pay[data-at125] .at84-beat .at84-tag{margin-bottom:9px;font-size:9px}
  .sober-home #allianz-trade-pay[data-at125] .at84-beat h3{font-size:clamp(29px,5vw,40px);line-height:1.03;margin-bottom:9px}
  .sober-home #allianz-trade-pay[data-at125] .at84-beat p{font-size:13px;line-height:1.4;max-width:42ch}
  .sober-home #allianz-trade-pay[data-at125] .at84-beat--4 .project-result-label{font-size:16px;line-height:1.25;margin-top:4px}
  .sober-home #allianz-trade-pay[data-at125] .at84-beat--4 .project-result-context{display:none}
  .sober-home #allianz-trade-pay[data-at125] .at84-canvas{align-self:center;width:100%;max-width:500px;justify-self:center;height:auto;max-height:100%}
  .ap-context{margin-bottom:9px;font-size:9px;letter-spacing:.07em}.ap-context .ap-reconstruction{font-size:8px;letter-spacing:0}
  .ap-window{border-radius:12px;box-shadow:0 16px 32px #04243d1c}
  .ap-toolbar{height:38px;padding:0 13px;gap:8px}.ap-toolbar>b{font-size:14px}.ap-toolbar>span:not(.ap-avatar){font-size:9px}.ap-avatar{display:none}
  .ap-workspace{padding:14px}.ap-order{margin-bottom:13px;gap:8px}.ap-eyebrow{font-size:9px}.ap-order strong{font-size:21px}.ap-order-status{font-size:9px;padding:4px 6px}
  .ap-grid{grid-template-columns:1fr;gap:8px}.ap-module{padding:12px;border-radius:8px}.ap-module-heading{font-size:11px;margin-bottom:9px}.ap-module-heading svg{width:15px;height:15px}.ap-module-number{font-size:9px}
  .ap-need{min-height:0}.ap-need strong{font-size:16px;max-width:none}.ap-need p{display:none}.ap-next .ap-need{display:block}
  .ap-wire{min-height:0;display:none;padding:9px 10px;font-size:11px}.ap-next .ap-wire{min-height:0}
  .ap-payment-option{font-size:12px}.ap-payment-option small{font-size:10px}.ap-payment-details{margin-top:12px;gap:6px}
  .ap-payment-details>span{font-size:10px}.ap-timeline{padding-top:0}.ap-timeline>span{width:18px;height:18px}
  .ap-dates{margin-top:6px;font-size:10px}.ap-dates small{margin-top:1px;font-size:9px}.ap-schedule-total{display:none}
  .ap-next .ap-final{flex-wrap:wrap;gap:8px}.ap-next .ap-final strong{font-size:14px}.ap-next .ap-final small{display:none}.ap-attention{font-size:8px;margin-bottom:3px}.ap-open-case{font-size:11px}
  .ap-footer{margin-top:11px;font-size:8px}.ap-footer>span:last-child{display:none}
  .ap-caption{margin-top:9px;gap:8px;font-size:9px}.ap-caption>span:last-child{font-size:8px}
  .ap-art[data-ap-phase="2"] .ap-payment{padding:14px}
  .ap-art[data-ap-phase="2"] .ap-module-heading{margin-bottom:14px}
  .ap-other{padding:10px;margin-top:12px;font-size:11px}.ap-action-button{padding:12px;margin-top:12px;font-size:11px}.ap-note{font-size:9px}
}
@media(max-width:800px) and (max-height:820px){
  .sober-home #allianz-trade-pay[data-at125] .at84-stage-inner{padding-top:12px;padding-bottom:50px;gap:10px}
  .sober-home #allianz-trade-pay[data-at125] .at84-narrative{height:115px;min-height:115px}
  .sober-home #allianz-trade-pay[data-at125] .at84-beat h3{font-size:28px}
  .sober-home #allianz-trade-pay[data-at125] .at84-beat p{font-size:12px;line-height:1.35}
  .ap-context{margin-bottom:6px}.ap-toolbar{height:32px}.ap-workspace{padding:10px}.ap-order{margin-bottom:10px}.ap-order strong{font-size:18px}.ap-order-status{display:none}
  .ap-module{padding:9px 10px}.ap-module-heading{margin-bottom:6px}.ap-grid{gap:6px}.ap-footer{display:none}.ap-caption [data-ap-caption]{display:none}
  .ap-payment-details{margin-top:8px}.ap-next .ap-final{gap:5px}.ap-open-case{font-size:10px}.ap-caption{justify-content:flex-end;margin-top:6px}
  .ap-art[data-ap-phase="2"] .ap-payment{padding:10px}.ap-other,.ap-action-button{padding:9px;margin-top:9px}
}
@media(min-width:801px) and (max-height:820px){
  .sober-home #allianz-trade-pay[data-at125] .at84-stage-inner{padding-top:24px;padding-bottom:56px}
}
@media(max-width:360px){
  .sober-home #allianz-trade-pay[data-at125] .at84-stage-inner{padding-left:16px;padding-right:42px}
  .ap-toolbar>span:not(.ap-avatar){font-size:8px}.ap-module-number{display:none}.ap-next .ap-final strong{font-size:13px}.ap-caption{gap:6px}
}
@media(prefers-reduced-motion:reduce){.ap-art{transform:none}.ap-module{transition:none}}
html:is(.motion-reduced,.gn93-reading) .ap-art{transform:none}

/* Provenance stays legible at the same size on every screen. */
.ap-art .ap-caption{justify-content:flex-start}
.ap-art .ap-caption>span:last-child{font-size:10px;line-height:1.4;white-space:normal;opacity:1}
.ap-reading{display:grid;gap:72px;padding:36px clamp(22px,5vw,80px) 64px;color:#f5faff}
[data-at84-ready]>.ap-reading{display:none}
.ap-reading-step{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:center;gap:48px;max-width:1280px;width:100%;margin:auto}
.ap-reading-copy>span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#91d7e4}
.ap-reading-copy h3{font:400 clamp(32px,4vw,56px)/1.04 var(--serif,Georgia,serif);letter-spacing:-.04em;margin:12px 0}
.ap-reading-copy p{font:400 15px/1.5 var(--sans,Arial,sans-serif);color:#c3d7e3;max-width:36ch}
.ap-reading .ap-art{transform:none;--ap-accent:#91d7e4;--ap-muted:#c3d7e3}
@media(max-width:800px){
  .ap-reading-step{grid-template-columns:1fr;gap:22px;max-width:500px}
  .ap-reading .ap-order-status{display:flex}
  .ap-reading .ap-payment-details>span:first-child{display:flex}
  .ap-reading .ap-workspace{padding:14px}
  .ap-reading .ap-module{padding:14px}
  .ap-reading .ap-grid{gap:10px}
  .ap-reading .ap-module-heading{margin-bottom:10px}
  .ap-reading .ap-next .ap-final strong{font-size:15px}
}

/* Scroll determines every intermediate composition. These rules apply only
   to the live illustration; reading mode keeps the original flow layouts. */
.ap-probe{position:absolute!important;left:0!important;top:0!important;visibility:hidden!important;pointer-events:none!important;transform:none!important;z-index:-1}
.ap-probe,.ap-probe *{transition:none!important;animation:none!important}
.ap-art.ap-morphing{transform:none}
.ap-art.ap-morphing .ap-grid{display:block;position:relative}
.ap-art.ap-morphing .ap-module{display:block;position:absolute;inset:0 auto auto 0;overflow:hidden;border-style:solid;transition:none;will-change:transform}
.ap-art.ap-morphing .ap-module::after{content:"";position:absolute;inset:0;border:1px dashed #91a9b7;border-radius:inherit;pointer-events:none;opacity:var(--ap-wire-opacity,0)}
.ap-art.ap-morphing .ap-module>.ap-need,
.ap-art.ap-morphing .ap-module>.ap-wire,
.ap-art.ap-morphing .ap-module>.ap-final{display:block;position:absolute;top:var(--ap-body-top);left:var(--ap-body-side);right:var(--ap-body-side);min-height:0;transition:none}
.ap-art.ap-morphing .ap-next>.ap-need,
.ap-art.ap-morphing .ap-next>.ap-final{display:flex}
.ap-art.ap-morphing .ap-payment-option{border-style:solid;transition:none}
.ap-art.ap-morphing .ap-buyer-only{display:block;overflow:hidden;transition:none}
.ap-art.ap-morphing .ap-order-status{visibility:visible;opacity:var(--ap-status-opacity,1)}
.ap-art.ap-morphing .ap-context>span,
.ap-art.ap-morphing .ap-toolbar>span:not(.ap-avatar){opacity:var(--ap-copy-opacity,1)}
.ap-art.ap-morphing .ap-footer{display:grid;grid-template-columns:minmax(0,1fr) auto}
.ap-art.ap-morphing .ap-footer-need,
.ap-art.ap-morphing .ap-footer-product{display:block;grid-area:1/1}
.ap-art.ap-morphing .ap-footer-need{opacity:var(--ap-need-opacity,1)}
.ap-art.ap-morphing .ap-footer-product{opacity:calc(1 - var(--ap-need-opacity,1))}
.ap-art.ap-morphing .ap-footer>span:last-child{grid-area:1/2}
@media(max-width:800px){.ap-art.ap-morphing .ap-next>.ap-need{display:block}}
@media(max-width:800px) and (max-height:820px){.ap-art.ap-morphing .ap-footer{display:none}}

/* v111 refinements: phase 0 reads as upstream framing, not as a product UI */
.ap-art[data-ap-phase="0"] .ap-context{margin-bottom:18px}
.ap-art[data-ap-phase="0"] .ap-window{background:transparent;border:none;box-shadow:none;overflow:visible}
.ap-art[data-ap-phase="0"] .ap-toolbar{display:none}
.ap-art[data-ap-phase="0"] .ap-workspace{padding:0}
.ap-art[data-ap-phase="0"] .ap-order{margin-bottom:18px;align-items:flex-start}
.ap-art[data-ap-phase="0"] .ap-order strong{font-size:25px;line-height:1.15}
.ap-art[data-ap-phase="0"] .ap-order-status,.ap-art[data-ap-phase="0"] .ap-footer-product{display:none!important}
.ap-art[data-ap-phase="0"] .ap-grid{gap:14px}
.ap-art[data-ap-phase="0"] .ap-module{padding:18px 18px 20px;border:1px solid #c7d9e2;border-radius:14px;background:#f7fbfd;box-shadow:0 16px 34px rgba(4,36,61,.12)}
.ap-art[data-ap-phase="0"] .ap-module-heading{margin-bottom:14px}
.ap-art[data-ap-phase="0"] .ap-next .ap-need{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:18px;align-items:center}
.ap-art[data-ap-phase="0"] .ap-next .ap-need p{margin:0;max-width:none}
.ap-art[data-ap-phase="0"] .ap-footer{margin-top:14px;padding-top:10px;border-top:1px solid #d3e0e7}
.ap-art[data-ap-phase="0"] .ap-caption{justify-content:flex-start;margin-top:16px}
@media(max-width:800px){
  .ap-art[data-ap-phase="0"] .ap-order strong{font-size:22px}
  .ap-art[data-ap-phase="0"] .ap-module{padding:14px}
  .ap-art[data-ap-phase="0"] .ap-next .ap-need{grid-template-columns:1fr;gap:8px}
  .ap-art[data-ap-phase="0"] .ap-footer{display:flex}
}


/* SOURCE: /assets/styles/v105-release-editorial-polish.20261027.css */
/* Focused readability and editorial refinements for the home page. */
body.sober-home .site-header .language-switch a[aria-current]:is(:hover,:focus-visible),
body.sober-home .site-footer .language-switch a[aria-current]:is(:hover,:focus-visible) {
  color: #fff;
}

.sober-about .sober-practice h3 {
  margin: 0 0 8px;
  color: #26364d;
  font: 600 16px/1.4 var(--sans, system-ui, sans-serif);
}
.sober-about .sober-practice p {
  margin: 0;
}

.sober-about .experience-brand {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 29px;
}
.sober-about .experience-logo {
  display: inline-flex;
  flex: 0 0 27px;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  border: 1px solid #e2e6ec;
  border-radius: 7px;
  background: #fff;
}
.sober-about .experience-logo img {
  display: block;
  width: 19px;
  height: 19px;
  object-fit: contain;
}
.sober-about .experience-scope {
  max-width: 52ch;
  line-height: 1.55;
}
.sober-about .experience li p {
  font-size: 12px !important;
  line-height: 1.55;
}

/* The Allianz introduction shares the first chapter's navy canvas. */
.sober-home #allianz-trade-pay > .project-brief {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 32px max(var(--sober-gutter, 22px), calc((100% - 1280px) / 2)) 30px;
  gap: 16px;
  background: #103657;
  color: #f7fbff;
}
.sober-home #allianz-trade-pay .project-brief-logo--allianz {
  box-sizing: content-box;
  height: 34px;
  padding: 6px 9px;
  border-radius: 5px;
  background: #fff;
}
.sober-home #allianz-trade-pay .project-brief .project-contribution {
  max-width: 58ch;
  color: #d4e2ec;
}
.sober-home #allianz-trade-pay .project-brief-link,
.sober-home #allianz-trade-pay .project-brief-link:hover {
  color: #fff;
}

/* Match the exposed scroll tracks to their current story surfaces. */
.sober-home #interface-en-contexte .c103-scene-track {
  background: var(--cetelem-ground, #153b2a);
}

@media (max-width: 800px) {
  #malakoff-experience.mh9 {
    --mh3-header: var(--header, 66px);
  }
  #malakoff-experience .mh3-stage {
    top: var(--mh3-header);
    height: calc(100svh - var(--mh3-header));
    min-height: 0;
  }
  .sober-home #interface-en-contexte .c103-scene-sticky {
    top: var(--header, 66px);
    height: calc(100svh - var(--header, 66px));
    min-height: 0;
  }
  #allianz-trade-pay[data-at124] .at84-stage {
    top: var(--header, 66px);
    height: calc(100svh - var(--header, 66px));
    min-height: 0;
  }
}

#malakoff-experience .mh10-audit-context {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--mh3-muted);
  font: 600 9px/1.3 var(--sans, system-ui, sans-serif);
  letter-spacing: .08em;
  white-space: nowrap;
}
#malakoff-experience .mh10-audit-context span:last-child {
  color: var(--mh3-accent);
}
#malakoff-experience .mh9-chart-center {
  gap: 5px;
}

@media (max-width: 600px) {
  /* One editorial rhythm before each client story. The client identities and
     scene compositions remain distinct; only the supporting information shares
     a consistent mobile measure. */
  .sober-home .project-brief {
    gap: 14px;
    padding-block: 26px 18px;
  }
  .sober-home .project-brief .project-contribution {
    font-size: 15px;
    line-height: 1.5;
  }
  .sober-home #allianz-trade-pay > .project-brief {
    padding-block: 26px 22px;
    gap: 14px;
  }
  .sober-home #allianz-trade-pay .project-brief-logo--allianz {
    height: 29px;
  }
  #malakoff-experience .mh10-audit-context {
    font-size: 8px;
    letter-spacing: .025em;
  }
}
@media (forced-colors: active) {
  body.sober-home .site-header .language-switch a[aria-current]:is(:hover,:focus-visible),
  body.sober-home .site-footer .language-switch a[aria-current]:is(:hover,:focus-visible) {
    color: HighlightText;
  }
}


/* SOURCE: /assets/styles/v105-release-case-entry-morph.20261028.css */
:root{--case-entry-ease:cubic-bezier(.2,.78,.2,1)}
.case-entry-source,.case-entry-target{contain:paint}
html[data-case-entry-client="allianz"]{--case-entry-brand:#123f65;--case-entry-soft:#eaf5f8;--case-entry-text:#fff}
html[data-case-entry-client="cetelem"]{--case-entry-brand:#123f31;--case-entry-soft:#f1f8ee;--case-entry-text:#fff}
html[data-case-entry-client="malakoff"]{--case-entry-brand:#7a352d;--case-entry-soft:#fff2ed;--case-entry-text:#fff}
@keyframes gn-case-content-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
html.case-entry-arrival .case-entry-target>*{animation:gn-case-content-in 660ms var(--case-entry-ease) both;animation-delay:80ms}
html.case-entry-arrival .case-entry-target>*:nth-child(2){animation-delay:130ms}
html.case-entry-arrival .case-entry-target>*:nth-child(3){animation-delay:180ms}
html.case-entry-arrival .case-entry-target>*:nth-child(4){animation-delay:230ms}
html.case-entry-arrival .case-entry-target>*:nth-child(n+5){animation-delay:280ms}
/* Deterministic fallback for browsers without cross-document View Transitions. */
.gn-case-morph-fallback{position:fixed;z-index:2147483000;display:grid;place-items:center;overflow:hidden;left:var(--gn-from-x);top:var(--gn-from-y);width:var(--gn-from-w);height:var(--gn-from-h);border:1px solid color-mix(in srgb,var(--case-entry-brand) 28%,#fff);border-radius:var(--gn-from-radius,18px);background:var(--case-entry-soft);pointer-events:none;transition:left 320ms var(--case-entry-ease),top 320ms var(--case-entry-ease),width 320ms var(--case-entry-ease),height 320ms var(--case-entry-ease),border-radius 320ms var(--case-entry-ease),background-color 250ms ease,opacity 300ms ease}
.gn-case-morph-fallback>span{display:grid;padding:12px 18px;place-items:center;border-radius:9px;background:#fff;box-shadow:0 16px 38px #061b2a26;transition:transform 520ms var(--case-entry-ease),opacity 300ms ease}
.gn-case-morph-fallback img{display:block;width:min(170px,42vw);height:44px;object-fit:contain}
.gn-case-morph-fallback.is-expanding{left:0;top:0;width:100vw;height:100dvh;border-radius:0;background:var(--case-entry-brand)}
.gn-case-morph-fallback.is-expanding>span{transform:scale(1.06)}
.gn-case-morph-fallback.is-arriving{left:0;top:0;width:100vw;height:100dvh;border:0;border-radius:0;background:var(--case-entry-brand)}
.gn-case-morph-fallback.is-revealing{left:var(--gn-to-x);top:var(--gn-to-y);width:var(--gn-to-w);height:var(--gn-to-h);border-radius:18px;opacity:0}
.gn-case-morph-fallback.is-revealing>span{transform:translateY(-24px) scale(.92);opacity:0}
@media(prefers-reduced-motion:reduce){html.case-entry-arrival .case-entry-target>*{animation:none!important}.gn-case-morph-fallback{display:none!important}}


/* SOURCE: /assets/styles/v105-release-liquid-navigation.20261028.css */
/* Balanced liquid motion, adapted to the existing portfolio navigation.
   The shell and visible controls move together while layout stays fixed. */
body:is(.sober-home,.sober-case) .site-header{
  position:sticky;top:0;z-index:70;padding:9px 0;
  background:transparent!important;border:0;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible;
}
body:is(.sober-home,.sober-case) .site-header .header-inner{
  position:relative;isolation:isolate;
  width:min(var(--sober-width,1280px),calc(100% - var(--sober-gutter,clamp(20px,4.5vw,72px)) - var(--sober-gutter,clamp(20px,4.5vw,72px))));
  padding-inline:clamp(15px,2vw,25px);
  border-radius:22px;
}
body:is(.sober-home,.sober-case) .site-header .header-inner::before{
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  border:1px solid rgba(255,255,255,.9);border-radius:inherit;
  background:
    linear-gradient(90deg,transparent,color-mix(in srgb,var(--header-accent,#3155ea) 24%,white),transparent) 22px 0 / calc(100% - 44px) 2px no-repeat,
    linear-gradient(118deg,rgba(255,255,255,.97),rgba(246,249,255,.9) 56%,rgba(255,255,255,.96));
  box-shadow:0 8px 27px rgba(19,35,65,.13),inset 0 1px 0 rgba(255,255,255,.98);
  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  transform:translate3d(0,var(--liquid-header-y,0px),0) scaleY(var(--liquid-header-stretch,1));
  transform-origin:50% 50%;
}
body:is(.sober-home,.sober-case) .site-header .header-inner > .brand,
body:is(.sober-home,.sober-case) .site-header .project-switcher > summary,
body:is(.sober-home,.sober-case) .site-header .desktop-nav > a,
body:is(.sober-home,.sober-case) .site-header .header-actions{
  transform:translate3d(0,var(--liquid-content-y,0px),0);
  will-change:transform;
}
body:is(.sober-home,.sober-case) .site-header .header-inner::after{
  display:none;
}
body.sober-case.v105-malakoff-humanis .site-header{--header-accent:#b94b28}
body.sober-case.v105-cetelem .site-header{--header-accent:#237b35}
body.sober-case.at97-detail .site-header{--header-accent:#003781}
body.sober-case.case-apphalt .site-header{--header-accent:#1757c5}
@supports (mask-image:url("/assets/images/v25-gn-monogram.png")){
  body.sober-case .site-header .brand{position:relative}
  body.sober-case .site-header .brand::before{
    content:"";position:absolute;left:0;top:50%;width:36px;height:31px;
    background:var(--header-accent,#3155ea);
    mask:url("/assets/images/v25-gn-monogram.png") center/contain no-repeat;
    -webkit-mask:url("/assets/images/v25-gn-monogram.png") center/contain no-repeat;
    transform:translateY(-50%);pointer-events:none;
  }
  body.sober-case .site-header .brand img{opacity:0}
}
body:is(.sober-home,.sober-case) .site-header :is(a,button,summary):focus-visible{
  outline:3px solid var(--header-accent,#3155ea);outline-offset:3px;
}
body.sober-home .site-header .project-switch-panel{z-index:3}

/* The header doubles as a persistent project identity and project switcher.
   The story markers remain unframed so the work keeps visual priority. */
body.sober-home .project-switcher summary{gap:7px;white-space:nowrap}
body.sober-home .project-switcher .project-switch-identity{display:none;align-items:center;gap:6px;min-width:0}
body.sober-home .project-switcher summary.has-project-identity .project-switch-default{display:none}
body.sober-home .project-switcher summary.has-project-identity .project-switch-identity{display:inline-flex}
body.sober-home .project-switcher .project-switch-identity img{display:block;width:auto;height:24px;max-width:104px;object-fit:contain}
body.sober-home .project-switcher .project-switch-identity span{font-size:12px;font-weight:700;letter-spacing:-.02em}
body.sober-home .site-header[data-project-theme="malakoff"] .project-switch-identity img{max-width:94px}
body.sober-home .site-header[data-project-theme="cetelem"] .project-switch-identity img{max-width:84px}
body.sober-home .site-header[data-project-theme="allianz"] .project-switch-identity img{max-width:90px}
body.sober-home .site-header[data-project-theme="apphalt"] .project-switch-identity img{width:28px;height:28px;border-radius:6px}
body.sober-home .site-header[data-project-theme="apphalt"] .project-switch-identity span{font-size:13px}
body.sober-home .project-switcher summary.has-project-identity svg{width:11px;height:11px;opacity:.7}
body.sober-home .story-navigation>.story-vertical-rail::before{display:none!important}

/* Allianz has the densest illustration. Keep its own buyer/merchant composition,
   but make the scene masthead a quiet label once the header carries the brand. */
body.sober-home #allianz-trade-pay[data-at124] .at124-head{justify-content:flex-start}
body.sober-home #allianz-trade-pay[data-at124] .at124-head img{display:none}
body.sober-home #allianz-trade-pay[data-at124] .at124-head span{letter-spacing:.12em}
body.sober-home #apphalt-produit .ah-stage-head img{display:none}

@media(max-width:800px){
  body:is(.sober-home,.sober-case) .site-header{padding:8px 0}
  body:is(.sober-home,.sober-case) .site-header .header-inner{
    width:calc(100% - 20px);height:60px;padding-inline:12px;border-radius:20px;
  }
  body.sober-case .site-header .brand::before{width:31px;height:28px}
  body.sober-home .site-header .project-switch-panel{
    top:calc(var(--gn-header-height,76px) + 4px);left:10px;right:10px;
  }
  body.sober-home .story-navigation>.story-vertical-rail{right:0;width:44px}
  body.sober-home .project-switcher .project-switch-identity img{height:21px;max-width:84px}
  body.sober-home .site-header[data-project-theme="malakoff"] .project-switch-identity img{max-width:84px}
  body.sober-home .site-header[data-project-theme="cetelem"] .project-switch-identity img{max-width:75px}
  body.sober-home .site-header[data-project-theme="allianz"] .project-switch-identity img{max-width:80px}
  body.sober-home .site-header[data-project-theme="apphalt"] .project-switch-identity img{width:26px;height:26px}
  body.sober-home .story-navigation .story-vertical-rail :is(.gn94-meter.gn102-meter,.c103-chapter-bars){width:44px}
  body.sober-home .story-navigation .story-vertical-rail :is(button.gn102-segment,button[data-workshop-jump]){
    width:44px;min-width:44px;height:44px;min-height:44px;
  }
  body.sober-home .story-navigation .story-vertical-rail :is(button.gn102-segment,button[data-workshop-jump])::before{left:20px}
}
@media(max-width:420px){
  body:is(.sober-home,.sober-case) .site-header .header-inner{padding-inline:9px}
  body.sober-home .project-switcher summary{padding-inline:2px;gap:5px}
  body.sober-home .site-header[data-project-theme="apphalt"] .project-switch-identity span{font-size:12.5px}
  body.sober-home .client-story-position .gn93-progress,
  body.sober-home .sober-scene-controls [data-workshop-step]{font-size:11px!important}
}
@media(max-width:480px){
  /* Reserve the same space in every story: the designer's name stays visible
     while only the project identity inside the selector changes. */
  body.sober-home .site-header .brand{gap:6px;flex:none}
  body.sober-home .site-header .brand > span{display:block;width:44px;max-width:none;font-size:11px;line-height:1.3;white-space:normal}
  body.sober-home .site-header .desktop-nav{flex:0 0 108px;min-width:0;justify-content:center}
  body.sober-home .site-header .project-switcher{width:100%}
  body.sober-home .site-header .project-switcher summary{width:100%;box-sizing:border-box;justify-content:center;padding-inline:4px;gap:5px}
  body.sober-home .site-header .project-switch-identity img{height:23px;max-width:80px}
  body.sober-home .site-header[data-project-theme="malakoff"] .project-switch-identity img{max-width:80px}
  body.sober-home .site-header[data-project-theme="cetelem"] .project-switch-identity img{max-width:75px}
  body.sober-home .site-header[data-project-theme="allianz"] .project-switch-identity img{max-width:78px}
  body.sober-home .site-header[data-project-theme="apphalt"] .project-switch-identity img{width:26px;height:26px}
  body.sober-home .site-header .header-actions{flex:none}
}
@media(max-width:360px){
  body.sober-home .site-header .header-inner{gap:6px}
  body.sober-home .site-header .desktop-nav{flex-basis:92px}
  body.sober-home .site-header .project-switcher summary{padding-inline:2px}
  body.sober-home .site-header .project-switch-identity img,
  body.sober-home .site-header[data-project-theme] .project-switch-identity img{max-width:72px}
  body.sober-home .site-header[data-project-theme="apphalt"] .project-switch-identity img{width:24px;height:24px}
  body.sober-home .site-header[data-project-theme="apphalt"] .project-switch-identity span{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  body:is(.sober-home,.sober-case) .site-header .header-inner::before,
  body:is(.sober-home,.sober-case) .site-header .header-inner > .brand,
  body:is(.sober-home,.sober-case) .site-header .project-switcher > summary,
  body:is(.sober-home,.sober-case) .site-header .desktop-nav > a,
  body:is(.sober-home,.sober-case) .site-header .header-actions{transform:none!important;transition:none!important}
}
html:is(.motion-reduced,.gn93-reading) body:is(.sober-home,.sober-case) .site-header .header-inner::before,
html:is(.motion-reduced,.gn93-reading) body:is(.sober-home,.sober-case) .site-header .header-inner > .brand,
html:is(.motion-reduced,.gn93-reading) body:is(.sober-home,.sober-case) .site-header .project-switcher > summary,
html:is(.motion-reduced,.gn93-reading) body:is(.sober-home,.sober-case) .site-header .desktop-nav > a,
html:is(.motion-reduced,.gn93-reading) body:is(.sober-home,.sober-case) .site-header .header-actions{
  transform:none!important;transition:none!important;
}
@media(forced-colors:active){
  body:is(.sober-home,.sober-case) .site-header .header-inner::before,
  body:is(.sober-home,.sober-case) .site-header .header-inner::after{display:none}
  body:is(.sober-home,.sober-case) .site-header .header-inner{border:1px solid CanvasText;background:Canvas}
  body:is(.sober-home,.sober-case) .site-header .header-inner > .brand,
  body:is(.sober-home,.sober-case) .site-header .project-switcher > summary,
  body:is(.sober-home,.sober-case) .site-header .desktop-nav > a,
  body:is(.sober-home,.sober-case) .site-header .header-actions{transform:none!important}
  body.sober-case .site-header .brand::before{display:none}
  body.sober-case .site-header .brand img{opacity:1}
}
@media print{
  body:is(.sober-home,.sober-case) .site-header{padding:0}
  body:is(.sober-home,.sober-case) .site-header .header-inner::before,
  body:is(.sober-home,.sober-case) .site-header .header-inner::after{display:none}
  body:is(.sober-home,.sober-case) .site-header .header-inner > .brand,
  body:is(.sober-home,.sober-case) .site-header .project-switcher > summary,
  body:is(.sober-home,.sober-case) .site-header .desktop-nav > a,
  body:is(.sober-home,.sober-case) .site-header .header-actions{transform:none!important}
}


/* SOURCE: /assets/styles/v105-release-apphalt-product-story.20261028.css */
/* Portfolio framing only. The native application has its own scoped styles. */
.sober-home #apphalt-produit[data-ah-native]{--ah-dark:#111936;--ah-light:#edf1fa;--ah-product-ink:#f7f9ff;--ah-product-muted:#c7d2ee;--ah-product-accent:#91b8ff;--ah-product-ground:#111936;overflow:clip;background:#111936}
.sober-home #apphalt-produit[data-ah-native]:is([data-ah-phase="1"],[data-ah-phase="2"],[data-ah-phase="3"]){--ah-product-ground:#edf1fa;--ah-product-ink:#172246;--ah-product-muted:#4e607d;--ah-product-accent:#2859b0}
.sober-home #apphalt-produit[data-ah-native] .ah-track{display:none;background:var(--ah-product-ground)}
.sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-track{display:block}
.sober-home #apphalt-produit[data-ah-native] .ah-stage{top:var(--story-header,76px);height:calc(100svh - var(--story-header,76px));min-height:0;background:var(--ah-product-ground);color:var(--ah-product-ink);overflow:hidden}
.sober-home #apphalt-produit[data-ah-native] .ah-stage:before{display:none}
.sober-home #apphalt-produit[data-ah-native] .ah-stage-inner{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);align-items:center;gap:clamp(28px,4vw,72px);width:min(1440px,100%);max-width:none;height:100%;padding:24px 68px 64px clamp(28px,5vw,80px);margin:auto}
.sober-home #apphalt-produit[data-ah-native] .ah-narrative{min-height:260px;height:auto}
.sober-home #apphalt-produit[data-ah-native] .ah-beat{position:absolute;inset:50% 0 auto;max-width:460px;visibility:hidden;opacity:0;transform:translateY(-50%);animation:none;transition:none}
.sober-home #apphalt-produit[data-ah-native] .ah-beat[aria-hidden="false"]{visibility:visible;opacity:1}
.sober-home #apphalt-produit[data-ah-native] .ah-tag{color:var(--ah-product-accent);font-size:10px;letter-spacing:.14em;margin-bottom:18px}
.sober-home #apphalt-produit[data-ah-native] .ah-beat h3{color:var(--ah-product-ink);font:400 clamp(38px,3.9vw,62px)/1.04 var(--serif,Georgia,serif);letter-spacing:-.045em;margin:0 0 18px;max-width:none}
.sober-home #apphalt-produit[data-ah-native] .ah-beat p{color:var(--ah-product-muted);font:400 clamp(15px,1.2vw,18px)/1.5 var(--sans,Arial,sans-serif);max-width:35ch;margin:0}
.sober-home #apphalt-produit[data-ah-native] [data-ah-motion-slot]{min-width:0;width:100%}
.sober-home #apphalt-produit[data-ah-native] .ah-canvas{display:block;position:relative;width:100%;max-width:650px;height:auto;min-height:0;transform:none;margin-inline:auto;overflow:visible}
.sober-home #apphalt-produit[data-ah-native] .story-navigation{color:var(--ah-product-ink)}
.sober-home #apphalt-produit[data-ah-native] .ah-download-fact{display:flex;align-items:baseline;gap:12px;margin-top:22px;color:var(--ah-product-ink)}
.sober-home #apphalt-produit[data-ah-native] .ah-download-fact strong{font:400 45px/1 var(--serif,Georgia,serif);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.sober-home #apphalt-produit[data-ah-native] .ah-download-fact span{font:500 12px/1.4 var(--sans,Arial,sans-serif)}
.sober-home #apphalt-produit[data-ah-native] .ah-product-reading{color:#f7f9ff;padding:20px clamp(22px,5vw,80px) 46px;display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:clamp(28px,4vw,72px);align-items:center;max-width:1440px;margin:auto}
.sober-home #apphalt-produit[data-ah-native] .ah-product-reading[hidden]{display:none}
.sober-home #apphalt-produit[data-ah-native] .ah-product-steps{list-style:none;margin:0;padding:0;display:grid;gap:26px}
.sober-home #apphalt-produit[data-ah-native] .ah-product-step>span{font:650 10px/1.4 var(--sans,Arial,sans-serif);color:#91b8ff;letter-spacing:.1em;text-transform:uppercase}
.sober-home #apphalt-produit[data-ah-native] .ah-product-step h3{font:400 29px/1.08 var(--serif,Georgia,serif);letter-spacing:-.03em;margin:8px 0;color:#f7f9ff}
.sober-home #apphalt-produit[data-ah-native] .ah-product-step p{font:400 14px/1.5 var(--sans,Arial,sans-serif);margin:0;max-width:38ch;color:#c7d2ee}
.sober-home #apphalt-produit[data-ah-native] .ah-product-step .ah-download-fact{margin-top:10px!important}
.sober-home #apphalt-produit[data-ah-native] .ah-product-reading [data-ah-reading-slot]{min-width:0;width:100%}
.sober-home #apphalt-produit[data-ah-native] .ah-product-links{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;padding:24px clamp(22px,5vw,80px) 30px;background:#111936;color:#f7f9ff}
.sober-home #apphalt-produit[data-ah-native] .ah-product-links a{font:600 14px/1.4 var(--sans,Arial,sans-serif);color:#f7f9ff;min-height:44px;display:inline-flex;align-items:center;gap:10px;text-underline-offset:5px}
.sober-home #apphalt-produit[data-ah-native] .ah-product-links p{font:400 11px/1.5 var(--sans,Arial,sans-serif);color:#bbc9e6;margin:0}
.sober-home #apphalt-produit[data-ah-native] .ah-product-links a:focus-visible{outline:2px solid #91b8ff;outline-offset:5px;border-radius:3px}
@media(max-width:1050px) and (min-width:801px){
 .sober-home #apphalt-produit[data-ah-native] .ah-stage-inner{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:24px;padding-left:28px;padding-right:58px}
 .sober-home #apphalt-produit[data-ah-native] .ah-beat h3{font-size:36px}
}
@media(max-width:800px){
 .sober-home #apphalt-produit[data-ah-native] .ah-stage-inner{grid-template-columns:minmax(0,1fr);grid-template-rows:126px minmax(0,1fr);align-items:start;gap:10px;padding:12px 46px 48px 18px}
 .sober-home #apphalt-produit[data-ah-native] .ah-narrative{min-height:126px;height:126px}
 .sober-home #apphalt-produit[data-ah-native] .ah-beat{top:0;transform:none;max-width:none}
 .sober-home #apphalt-produit[data-ah-native] .ah-tag{font-size:9px;margin-bottom:8px}
 .sober-home #apphalt-produit[data-ah-native] .ah-beat h3{font-size:28px;line-height:1.04;margin-bottom:8px}
 .sober-home #apphalt-produit[data-ah-native] .ah-beat p{font-size:12px;line-height:1.4;max-width:44ch}
 .sober-home #apphalt-produit[data-ah-native] [data-ah-motion-slot]{align-self:center}
 .sober-home #apphalt-produit[data-ah-native] .ah-download-fact{margin-top:8px;gap:8px}
 .sober-home #apphalt-produit[data-ah-native] .ah-download-fact strong{font-size:24px}.sober-home #apphalt-produit[data-ah-native] .ah-download-fact span{font-size:10px}
 .sober-home #apphalt-produit[data-ah-native] .ah-beat--4 h3 br{display:none}
 .sober-home #apphalt-produit[data-ah-native] .ah-product-reading{grid-template-columns:1fr;gap:28px;max-width:620px}
 .sober-home #apphalt-produit[data-ah-native] .ah-product-steps{gap:20px}
 .sober-home #apphalt-produit[data-ah-native] .ah-product-step h3{font-size:25px}
 .sober-home #apphalt-produit[data-ah-native] .ah-product-step h3 br{display:none}
 .sober-home #apphalt-produit[data-ah-native] .ah-product-links{padding-top:14px}
}
@media(prefers-reduced-motion:reduce){
 .sober-home #apphalt-produit[data-ah-native] .ah-beat{animation:none;transition:none}
}
/* Short portrait screens keep the native type size. The menu remains available
   from its macOS menu-bar icon; only the duplicate view switch is omitted. */
@media(max-width:600px){
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-stage-inner{grid-template-rows:120px minmax(0,1fr);gap:8px;padding-top:8px;padding-bottom:30px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-narrative{min-height:120px;height:120px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] [data-ah-motion-slot]{align-self:start}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-beat h3{font-size:26px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-demo-scene{height:432px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-demo-dashboard{height:380px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-demo-rows{height:180px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-demo-selector{display:none}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-demo-caption{padding-top:8px}
}
@media(min-width:801px){
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-stage-inner{padding-top:16px;padding-bottom:48px}
}

/* Seven distinct compositions; only the final product is an interactive window. */
.sober-home #apphalt-produit[data-ah-native]:is([data-ah-phase="0"],[data-ah-phase="2"],[data-ah-phase="5"],[data-ah-phase="6"]){--ah-product-ground:#111936;--ah-product-ink:#f7f9ff;--ah-product-muted:#c7d2ee;--ah-product-accent:#91b8ff}
.sober-home #apphalt-produit[data-ah-native]:is([data-ah-phase="1"],[data-ah-phase="3"],[data-ah-phase="4"]){--ah-product-ground:#edf1fa;--ah-product-ink:#172246;--ah-product-muted:#4e607d;--ah-product-accent:#2859b0}
.sober-home #apphalt-produit[data-ah-native] .ah-canvas{height:587px}
.ah-product-demo-host{position:absolute;inset:0;will-change:opacity,transform}
.ah-art{--ah-space-o:1;--ah-research-o:0;--ah-idea-o:0;--ah-wire-o:0;--ah-access-o:0;--ah-summary-o:0;--ah-work-spread:.4;--ah-research-p:0;--ah-wire-detail:0;--ah-wire-enter:0;--ah-access-p:0;position:relative;height:504px;width:100%;overflow:hidden;border:1px solid #bbc8e2;border-radius:20px;background:#e4eaf5;color:#1b2d50;font:13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;isolation:isolate}
.ah-art,.ah-art *,.ah-art *::before,.ah-art *::after{box-sizing:border-box}
.ah-art img{display:block;width:21px;height:21px;object-fit:contain;max-width:none}
.ah-art p{margin:0;font:inherit;color:inherit}.ah-art b,.ah-art strong{font-family:inherit;letter-spacing:0}
.ah-art-grid{position:absolute;inset:0;background:linear-gradient(#a9b9d51a 1px,transparent 1px),linear-gradient(90deg,#a9b9d51a 1px,transparent 1px);background-size:24px 24px;opacity:calc(.2 + var(--ah-wire-o)*.5)}
.ah-workspace{position:absolute;inset:0;opacity:var(--ah-space-o)}
.ah-workspace-bar{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#cad5e8;border-bottom:1px solid #b9c6dc;font-size:12px;font-weight:650;color:#334867}
.ah-access-trigger{display:flex;justify-content:center;width:34px;height:28px;align-items:center;border-radius:7px;background:#fff9;opacity:var(--ah-access-p);transform:translateY(calc((1 - var(--ah-access-p))*-9px))}
.ah-work-window{position:absolute;background:#fff;border:1px solid #bac7dc;border-radius:11px;overflow:hidden;box-shadow:0 12px 24px #344e7624;opacity:calc(1 - var(--ah-idea-o)*.32)}
.ah-work-browser{left:6%;top:67px;width:66%;height:230px;transform:translate(calc(var(--ah-work-spread)*-12px),calc(var(--ah-work-spread)*-7px))}
.ah-work-design{right:5%;top:138px;width:58%;height:208px;transform:translate(calc(var(--ah-work-spread)*12px),calc(var(--ah-work-spread)*8px));z-index:2}
.ah-work-chat{left:5%;bottom:92px;width:55%;height:126px;transform:translate(calc(var(--ah-work-spread)*-6px),calc(var(--ah-work-spread)*6px));z-index:3}
.ah-work-head{height:38px;display:flex;align-items:center;gap:8px;padding:0 12px;background:#f7f9fc;border-bottom:1px solid #d8e0ed;font-size:12px}
.ah-art-dots{display:flex;gap:5px;margin-right:4px;flex:none}.ah-art-dots i{height:7px;width:7px;background:#bac6d9;border-radius:50%;display:block}
.ah-work-head img{width:16px;height:16px}.ah-work-body{padding:15px}.ah-work-path{font-size:11px;color:#566987}
.ah-work-lines{display:grid;gap:8px;margin-top:17px}.ah-work-lines i{height:6px;background:#d9e2ef;width:88%;border-radius:2px}.ah-work-lines i:nth-child(2){width:68%}.ah-work-lines i:nth-child(3){width:78%}
.ah-work-document{display:flex;gap:10px;margin-top:18px}.ah-work-document span{height:48px;flex:1;background:#edf1f8;border:1px solid #d7e0ef;border-radius:4px}
.ah-work-layout{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.ah-work-layout i{height:40px;border:1px solid #b4c9ed;border-radius:5px;background:#e5edfc}.ah-work-layout i:first-child{background:#b4c8ef}
.ah-work-message{display:flex;gap:9px;margin-top:10px;align-items:center}.ah-work-message i{width:17px;height:17px;border-radius:4px;background:#b7caea}.ah-work-message span{width:75%;height:7px;background:#dbe3f0;border-radius:3px}
.ah-workspace-label{position:absolute;bottom:22px;left:24px;right:18px;opacity:calc(1 - max(var(--ah-idea-o),var(--ah-access-o)))}
.ah-workspace-label>span,.ah-art-eyebrow{font-size:10px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:#536b91}
.ah-workspace-label strong{display:block;font-size:22px;margin-top:7px;font-weight:650;line-height:1.15}.ah-workspace-label p{font-size:12px;margin-top:7px}
.ah-research{position:absolute;inset:0;opacity:var(--ah-research-o);transform:translateY(calc((1 - var(--ah-research-o))*18px))}
.ah-research>.ah-art-eyebrow{position:absolute;top:27px;left:27px}
.ah-research-card{position:absolute;width:78%;left:11%;height:91px;padding:18px 52px 16px 20px;background:#fff;border:1px solid #b5c6e0;border-radius:9px;box-shadow:0 6px 18px #233c6510}
.ah-research-card>span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#5a7296;font-weight:650}.ah-research-card strong{display:block;font-size:20px;line-height:1.2;margin-top:5px}.ah-research-card i{position:absolute;right:21px;top:31px;font-size:24px;color:#4e6da3;font-style:normal;opacity:var(--ah-research-p)}
.ah-research-keep{top:83px;transform:translateX(calc((1 - var(--ah-research-p))*-24px)) rotate(calc((1 - var(--ah-research-p))*-4deg))}
.ah-research-control{top:190px;transform:translateX(calc((1 - var(--ah-research-p))*22px)) rotate(calc((1 - var(--ah-research-p))*4deg));border-color:#6488c4}
.ah-research-avoid{top:297px;transform:translateX(calc((1 - var(--ah-research-p))*-15px)) rotate(calc((1 - var(--ah-research-p))*-2deg));background:#f4f6fa}
.ah-research-avoid i{color:#9a6568}.ah-research-answer{position:absolute;left:11%;right:11%;bottom:31px;text-align:center;opacity:var(--ah-research-p);transform:translateY(calc((1 - var(--ah-research-p))*14px))}.ah-research-answer span{display:block;font-size:27px;color:#6985b4}.ah-research-answer strong{font-size:17px}
.ah-idea{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;opacity:var(--ah-idea-o);transform:translateY(calc((1 - var(--ah-idea-o))*22px))}
.ah-idea::before{content:"";position:absolute;inset:0;background:#e3eaf5a6;z-index:-1}
.ah-idea-button{width:96px;height:96px;border-radius:25px;background:#116adf;box-shadow:0 13px 30px #2256a536,inset 0 1px 1px #ffffff66;display:flex;justify-content:center;align-items:center;gap:13px}
.ah-idea-button i{height:43px;width:11px;background:#fff;border-radius:5px}.ah-idea>strong{font-size:28px;font-weight:650}.ah-idea-caption{padding:10px 16px;border-radius:8px;background:#fff;border:1px solid #b8c9e5;font-size:13px}
.ah-wire{position:absolute;inset:0;opacity:var(--ah-wire-o)}
.ah-wire-label{position:absolute;inset:16px 18px auto;display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;color:#566d8f;letter-spacing:.04em}.ah-wire-label b{font-weight:400;font-size:17px}
.ah-wire-label>span:first-child{opacity:calc(1 - var(--ah-wire-detail)*.6)}.ah-wire-label>span:last-child{opacity:calc(.4 + var(--ah-wire-detail)*.6)}
.ah-wire-window{position:absolute;left:50%;top:50%;transform:translate(-50%,calc(-50% + 16px)) translateY(calc((1 - var(--ah-wire-enter))*12px));width:min(390px,calc(100% - 24px));height:432px;display:flex;flex-direction:column;background:#fbfcfe;border:1px solid #8c9bb2;border-radius:calc(3px + var(--ah-wire-detail)*11px);overflow:hidden}
.ah-wire-head{height:53px;flex:none;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid #bcc7d7;position:relative;background:rgba(222,229,239,calc(.4 - var(--ah-wire-detail)*.25))}
.ah-wire-head>strong{font-size:14px;position:absolute;left:100px;opacity:var(--ah-wire-detail)}.ah-wire-head>.ah-wire-skeleton{width:94px;margin-left:23px}.ah-wire-head>i{margin-left:auto;width:24px;height:24px;border:1px solid #a3b2c9;border-radius:50%;opacity:var(--ah-wire-detail)}.ah-wire-head>i+i{margin-left:0}
.ah-wire-skeleton{display:block;height:9px;background:#c5cfde;border-radius:2px;opacity:calc(1 - var(--ah-wire-detail))}
.ah-wire-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;height:28px;margin:13px 17px 5px;background:#e0e6ef;border:1px solid #b9c6d8;border-radius:calc(1px + var(--ah-wire-detail)*4px);flex:none}
.ah-wire-tabs>span{margin:8px 20%;background:#b5c2d6;opacity:calc(1 - var(--ah-wire-detail))}.ah-wire-tabs b{position:absolute;inset:4px 0 auto;text-align:center;width:50%;font-size:12px;font-weight:500;opacity:var(--ah-wire-detail)}.ah-wire-tabs b:last-child{left:50%}
.ah-wire-choice{position:relative;height:50px;flex:none;display:flex;align-items:center;padding:0 17px;gap:12px;border-bottom:1px solid #b5c3d8}.ah-wire-icon{display:block;flex:none;width:18px;height:18px;border:1px solid #a7b6ce;border-radius:4px;background:#e3e9f2}
.ah-wire-choice>.ah-wire-skeleton{width:92px}.ah-wire-choice>strong{position:absolute;left:48px;font-size:12px;opacity:var(--ah-wire-detail);font-weight:600}.ah-wire-pause{display:flex;align-items:center;justify-content:center;margin-left:auto;width:87px;height:29px;border:1px solid #6c7e99;color:#314968;font-size:12px;border-radius:calc(var(--ah-wire-detail)*6px);background:rgba(151,169,197,calc(var(--ah-wire-detail)*.22))}
.ah-wire-tablehead{display:grid;grid-template-columns:1fr 1fr;height:23px;flex:none;font-size:11px;background:#edf1f7;border-bottom:1px solid #c6d0e0}.ah-wire-tablehead span{padding:3px 8px;opacity:var(--ah-wire-detail)}
.ah-wire-rows{flex:1}.ah-wire-row{height:36px;display:flex;align-items:center;padding:0 14px;position:relative;gap:8px;border-bottom:1px solid rgba(182,195,216,calc(.3 - var(--ah-wire-detail)*.2))}.ah-wire-row .ah-wire-icon{width:12px;height:12px;border-radius:3px}.ah-wire-row .ah-wire-skeleton{width:82px;height:7px}.ah-wire-row b{position:absolute;left:35px;font-size:12px;font-weight:400;opacity:var(--ah-wire-detail)}.ah-wire-row>i{height:7px;width:57px;margin-left:auto;background:#cbd5e4;opacity:calc(1 - var(--ah-wire-detail));border-radius:2px}.ah-wire-row>em{position:absolute;left:53%;font-size:11px;font-style:normal;color:#5f7492;opacity:var(--ah-wire-detail)}.ah-wire-selected{background:rgba(119,141,175,calc(var(--ah-wire-detail)*.18))}
.ah-wire-footer{height:52px;display:flex;align-items:center;gap:10px;padding:0 16px;position:relative;border-top:1px solid #b8c5da;flex:none;background:#edf1f7}.ah-wire-footer .ah-wire-skeleton{width:125px}.ah-wire-footer>span:not(.ah-wire-skeleton){position:absolute;left:16px;font-size:11px;opacity:var(--ah-wire-detail)}.ah-wire-footer b{margin-left:auto;font-size:11px;font-weight:400;padding:4px 9px;border:1px solid #b1bfd4;border-radius:4px;opacity:var(--ah-wire-detail)}
.ah-access{position:absolute;z-index:5;left:8%;right:8%;bottom:36px;padding:22px;background:#fff;border:1px solid #aac1e5;border-radius:13px;opacity:var(--ah-access-o);transform:translateY(calc((1 - var(--ah-access-p))*18px));box-shadow:0 12px 35px #18325c1a}
.ah-access>.ah-art-eyebrow{display:block;font-size:9px}.ah-access>strong{display:block;font-size:24px;line-height:1.2;margin-top:9px;max-width:16ch}.ah-access-line{position:absolute;right:5px;bottom:calc(100% + 16px);height:185px;width:1px;border-right:1px dashed #5277b4;opacity:var(--ah-access-p)}.ah-access-line::before{content:"";position:absolute;top:0;left:-3px;width:7px;height:7px;border-radius:50%;background:#3e75ca}
.ah-native-summary{display:none;position:absolute;left:8%;right:8%;top:50%;transform:translateY(-50%);background:#fff;border:1px solid #b6c8e2;border-radius:14px;padding:24px;opacity:var(--ah-summary-o)}
.ah-native-summary>div{display:flex;align-items:center;gap:10px;font-size:12px}.ah-native-summary>div>span{margin-left:auto;color:#6981a5;font-size:10px}.ah-native-summary>b{display:block;font-size:25px;margin:28px 0;text-align:center;color:#2463bf}.ah-native-summary>b>span{padding:0 10px;color:#92a7c5}.ah-native-summary p{font-size:13px;text-align:center}
.sober-home #apphalt-produit[data-ah-native] .ah-product-reading{display:block;max-width:1200px}
.sober-home #apphalt-produit[data-ah-native] .ah-product-steps{gap:58px}
.sober-home #apphalt-produit[data-ah-native] .ah-product-step{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center;gap:40px}
.sober-home #apphalt-produit[data-ah-native] .ah-product-step>div>span{font:650 10px/1.4 var(--sans,Arial,sans-serif);color:#91b8ff;letter-spacing:.1em;text-transform:uppercase}
.sober-home #apphalt-produit[data-ah-native] .ah-product-step:last-child{display:block;margin-bottom:24px}
.sober-home #apphalt-produit[data-ah-native] .ah-product-reading .ah-canvas{height:auto;max-width:720px}
.sober-home #apphalt-produit[data-ah-native] .ah-product-reading .ah-canvas>.ah-art{display:none}
.sober-home #apphalt-produit[data-ah-native] .ah-product-reading .ah-product-demo-host{position:relative}
[data-ah-reading-art] .ah-art{height:350px}
[data-ah-reading-art] .ah-native-summary{display:block}
[data-ah-reading-art] .ah-work-browser{top:55px;height:180px}[data-ah-reading-art] .ah-work-design{top:88px;height:166px}[data-ah-reading-art] .ah-work-chat{bottom:75px;height:104px}[data-ah-reading-art] .ah-workspace-label{bottom:12px}[data-ah-reading-art] .ah-workspace-label strong{font-size:18px}[data-ah-reading-art] .ah-workspace-label p{display:none}
[data-ah-reading-art] .ah-research>.ah-art-eyebrow{top:15px}[data-ah-reading-art] .ah-research-card{height:65px;padding:11px 44px 10px 16px}[data-ah-reading-art] .ah-research-card strong{font-size:16px}[data-ah-reading-art] .ah-research-card i{top:17px}[data-ah-reading-art] .ah-research-keep{top:48px}[data-ah-reading-art] .ah-research-control{top:122px}[data-ah-reading-art] .ah-research-avoid{top:196px}[data-ah-reading-art] .ah-research-answer{bottom:16px}[data-ah-reading-art] .ah-research-answer span{font-size:20px}[data-ah-reading-art] .ah-wire-window{height:280px;top:52%}[data-ah-reading-art] .ah-wire-head{height:38px}[data-ah-reading-art] .ah-wire-tabs{margin:7px 17px 4px;height:23px}[data-ah-reading-art] .ah-wire-choice{height:37px}[data-ah-reading-art] .ah-wire-row{height:24px}[data-ah-reading-art] .ah-wire-footer{height:30px}[data-ah-reading-art] .ah-access{bottom:18px}[data-ah-reading-art] .ah-access-line{height:105px}
@media(max-width:800px){
 .sober-home #apphalt-produit[data-ah-native] .ah-beat--6 h3 br{display:none}
 .sober-home #apphalt-produit[data-ah-native] .ah-product-step{grid-template-columns:1fr;gap:18px}
 .sober-home #apphalt-produit[data-ah-native] .ah-product-steps{gap:35px}
}
@media(max-width:600px){
 .sober-home #apphalt-produit[data-ah-native] .ah-canvas{height:578px}
 .ah-art{height:452px;border-radius:16px}
 .ah-work-browser{top:69px;height:198px;width:77%;left:7%}.ah-work-design{top:134px;height:177px;width:68%;right:6%}.ah-work-chat{width:64%;height:117px;bottom:93px;left:5%}
 .ah-work-head{padding:0 9px;gap:6px;font-size:11px;height:33px}.ah-work-head .ah-art-dots{gap:3px;margin-right:0}.ah-work-head .ah-art-dots i{width:5px;height:5px}.ah-work-head img{height:15px;width:15px}.ah-work-body{padding:11px}.ah-work-path{font-size:10px}.ah-work-lines{margin-top:12px;gap:7px}.ah-work-document{margin-top:13px}.ah-work-layout{gap:7px;margin-top:9px}.ah-work-layout i{height:33px}
 .ah-workspace-label{left:19px;bottom:20px}.ah-workspace-label strong{font-size:19px}.ah-workspace-label>span{font-size:9px}.ah-workspace-label p{font-size:11px}
 .ah-research>.ah-art-eyebrow{left:19px;font-size:9px;top:23px}.ah-research-card{width:84%;left:8%;padding:16px 42px 12px 16px;height:81px}.ah-research-card strong{font-size:17px}.ah-research-card i{right:15px;top:26px}.ah-research-keep{top:68px}.ah-research-control{top:163px}.ah-research-avoid{top:258px}.ah-research-answer{bottom:29px}.ah-research-answer strong{font-size:16px}
 .ah-idea-button{width:80px;height:80px;border-radius:22px}.ah-idea-button i{height:37px;width:9px}.ah-idea>strong{font-size:25px}.ah-idea-caption{font-size:11px;padding:9px 11px}
 .ah-wire-window{height:400px}.ah-wire-head{height:44px;padding:0 12px}.ah-wire-head>strong{left:68px;font-size:13px}.ah-wire-head>.ah-wire-skeleton{margin-left:7px;width:83px}.ah-wire-head>i{height:22px;width:22px}.ah-wire-tabs{margin:8px 12px 4px}.ah-wire-choice{height:44px;padding:0 12px}.ah-wire-choice>strong{left:41px;font-size:11px}.ah-wire-choice>.ah-wire-skeleton{width:75px}.ah-wire-pause{width:68px;height:27px;font-size:11px}.ah-wire-row{padding:0 10px}.ah-wire-row b{left:30px;font-size:11px}.ah-wire-row em{font-size:10px}.ah-wire-footer{height:49px;padding:0 12px}.ah-wire-label{font-size:8px;gap:8px;top:13px}.ah-wire-label b{font-size:12px}
 .ah-access{left:8%;right:8%;bottom:33px;padding:18px}.ah-access strong{font-size:23px}.ah-access-line{height:155px;right:3px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-canvas{height:500px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-art{height:432px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-wire-window{height:380px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-research-keep{top:61px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-research-control{top:152px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-research-avoid{top:243px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-research-answer{bottom:20px}
}
@media(prefers-reduced-motion:reduce){.ah-art *,.ah-art *::before,.ah-art *::after,.ah-product-demo-host{transition:none!important;animation:none!important}}
.ah-research-avoid i{color:#4e6da3}
@media(max-width:600px){.ah-research-card{padding-top:12px;padding-bottom:12px}.ah-research-card strong{font-size:16px}.ah-research-card>span{font-size:9px}}
.ah-work-chat{bottom:110px}
.ah-access-line{display:none}
.ah-access-flight{position:absolute;z-index:7;left:var(--ah-flight-x,51%);top:var(--ah-flight-y,72%);width:38px;height:38px;display:grid;place-items:center;transform:translate(-50%,-50%) scale(calc(.8 + var(--ah-flight-o,0)*.2));opacity:var(--ah-flight-o,0);border:1px solid #ffffffd9;border-radius:11px;background:#f7faff;box-shadow:0 0 0 7px #6ba5ff2b,0 10px 25px #24487655;pointer-events:none}
.ah-access-flight img{width:28px;height:28px}
.ah-workspace-bar .ah-access-trigger{opacity:var(--ah-trigger-o,0)}
.ah-art[data-art-phase="5"] .ah-workspace-label{opacity:0}
.sober-home #apphalt-produit[data-ah-native] .ah-stage{transition:background-color .18s ease,color .18s ease}
.ah-product-demo-host .ah-demo[data-composition="workspace"][data-mode="menu"] .ah-demo-menu{transform-origin:85% 0;transform:translateY(calc((1 - var(--ah-menu-reveal,1))*-18px)) scale(calc(.88 + var(--ah-menu-reveal,1)*.12));opacity:var(--ah-menu-reveal,1)}
@media(max-width:600px){.ah-work-chat{bottom:124px}}
@media(max-width:600px){.ah-access-flight{width:32px;height:32px;border-radius:9px}.ah-access-flight img{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){.ah-access-flight{display:none}.sober-home #apphalt-produit[data-ah-native] .ah-stage{transition:none}}

/* One continuing work scenario: Chrome can wait while Figma remains in use. */
.ah-art{--ah-chrome-paused:0}
.ah-workspace-bar{height:32px}
.ah-work-window{opacity:1}
.ah-work-browser{left:43%;right:auto;top:69px;width:52%;height:248px;z-index:2;border-color:#9aafce}
.ah-work-design{left:5%;right:auto;top:184px;width:46%;height:232px;z-index:3;border-color:#789ccb;box-shadow:0 12px 28px #344e762b}
.ah-work-design .ah-work-head{background:#edf3fc}
.ah-work-design .ah-work-layout{grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
.ah-work-design .ah-work-layout i{height:42px}
.ah-work-tabs{display:flex;gap:5px;margin:13px 0 17px;border-bottom:1px solid #b6c9e6;padding-bottom:7px}
.ah-work-tabs i{display:block;flex:1;height:13px;border:1px solid #c1cfe3;background:#edf2f9;border-radius:4px 4px 0 0}
.ah-work-tabs i:first-child{background:#b4c8ec;border-color:#9ab5df}
.ah-work-pause-mark{margin-left:auto;color:#2864b6;font-size:15px;font-weight:700;opacity:var(--ah-chrome-paused)}
.ah-work-activity{position:relative;margin-top:19px;height:29px;font-size:10px;font-weight:600;color:#547198}
.ah-work-running,.ah-work-stopped{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}
.ah-work-running{opacity:calc(1 - var(--ah-chrome-paused))}
.ah-work-stopped{opacity:var(--ah-chrome-paused);color:#285fb1}
.ah-art[data-pause-state="running"] .ah-work-stopped,
.ah-art[data-pause-state="paused"] .ah-work-running{visibility:hidden}
.ah-work-activity i{font-style:normal;flex:none}
.ah-work-running i{height:8px;width:8px;border-radius:50%;background:#c88d32;box-shadow:0 0 0 3px #c88d321a}
.ah-work-stopped i{font-size:15px;font-weight:700}
.ah-work-live{display:flex;gap:6px;align-items:center;font-size:10px;color:#3f6d58;margin-top:13px;font-weight:600}
.ah-work-live i{width:7px;height:7px;display:block;flex:none;border-radius:50%;background:#448265;box-shadow:0 0 0 3px #44826512}
.ah-workspace-label{bottom:20px;left:24px;right:20px}
.ah-workspace-label strong{font-size:18px;max-width:none}
.ah-workspace-label p{font-size:11px;margin-top:4px}
.ah-research-card i{opacity:1;right:20px;top:27px;width:30px;height:30px;display:flex;align-items:center;justify-content:center}
.ah-research-card i img{width:27px;height:27px}
.ah-research-answer strong{font-size:16px}
.ah-idea{inset:auto 5% 22px;min-height:68px;padding:13px 15px;display:flex;flex-direction:row;justify-content:flex-start;gap:12px;border:1px solid #b8c9e5;border-radius:12px;background:#fff;transform:translateY(calc((1 - var(--ah-idea-o))*12px))}
.ah-idea::before{display:none}
.ah-idea>img{width:27px;height:27px}
.ah-idea>div{flex:1;min-width:0}
.ah-idea strong{display:block;font-size:16px;font-weight:650}
.ah-idea-caption{display:block;border:0;background:transparent;padding:3px 0 0;font-size:11px}
.ah-idea-resume{font-size:11px;margin-left:auto;border:0;background:none;color:#536b91;padding:0;white-space:nowrap}
.ah-wire-skeleton,.ah-wire-tabs>span,.ah-wire-row>i{opacity:max(0,calc(1 - var(--ah-wire-detail)*3))}
.ah-wire-head>strong,.ah-wire-head>i,.ah-wire-tabs b,.ah-wire-choice>strong,.ah-wire-tablehead span,.ah-wire-row b,.ah-wire-row>em,.ah-wire-footer>span:not(.ah-wire-skeleton),.ah-wire-footer b{opacity:max(0,calc(var(--ah-wire-detail)*3 - 2))}
.ah-wire-selected{background:rgba(119,141,175,calc(var(--ah-wire-detail)*.18));box-shadow:inset 3px 0 rgba(53,93,155,var(--ah-wire-detail))}
.ah-wire-choice{box-shadow:inset 0 0 0 1px rgba(53,93,155,calc(var(--ah-wire-detail)*.4))}
.ah-access{bottom:22px;padding:15px 18px}
.ah-access>strong{font-size:20px;max-width:29ch}
.ah-art[data-art-phase="4"] .ah-workspace-label,.ah-art[data-art-phase="6"] .ah-workspace-label{opacity:0}
.sober-home #apphalt-produit[data-ah-native] .ah-product-reading .ah-canvas>.ah-art{display:block;position:absolute;inset:0 0 auto;height:504px}
.sober-home #apphalt-produit[data-ah-native] .ah-product-reading .ah-product-demo-host{position:relative}
[data-ah-reading-art] .ah-work-browser{top:50px;left:43%;width:52%;height:188px}
[data-ah-reading-art] .ah-work-design{top:117px;left:5%;width:46%;height:157px}
[data-ah-reading-art] .ah-work-design .ah-work-layout i{height:22px}
[data-ah-reading-art] .ah-work-design .ah-work-live{margin-top:9px}
[data-ah-reading-art] .ah-work-browser .ah-work-lines{display:none}
[data-ah-reading-art] .ah-workspace-label{bottom:14px}
[data-ah-reading-art] .ah-workspace-label strong{font-size:16px}
[data-ah-reading-art] .ah-idea{bottom:12px;min-height:54px;padding:9px 12px}
[data-ah-reading-art] .ah-idea strong{font-size:14px}
[data-ah-reading-art] .ah-idea-caption{font-size:10px}
[data-ah-reading-art] .ah-access{bottom:13px;padding:13px 16px}
[data-ah-reading-art] .ah-access strong{font-size:17px}
@media(max-width:600px){
 .ah-work-browser{top:54px;left:12%;width:83%;height:192px}
 .ah-work-design{top:190px;left:5%;width:76%;height:148px}
 .ah-work-design .ah-work-layout{margin-top:8px;gap:6px}
 .ah-work-design .ah-work-layout i{height:23px}
 .ah-work-design .ah-work-live{margin-top:8px;font-size:9px}
 .ah-work-browser .ah-work-lines{display:none}
 .ah-work-tabs{margin-top:13px;margin-bottom:8px}
 .ah-work-activity{margin-top:4px;font-size:10px}
 .ah-workspace-label{bottom:15px;left:17px;right:15px}
 .ah-workspace-label strong{font-size:16px;max-width:22ch;line-height:1.2;margin-top:5px}
 .ah-workspace-label>span{font-size:8px}
 .ah-workspace-label p{font-size:10px;line-height:1.3}
 .ah-idea{left:5%;right:5%;bottom:18px;gap:8px;padding:11px 12px;min-height:62px}
 .ah-idea>img{width:22px;height:22px}
 .ah-idea strong{font-size:14px}
 .ah-idea-caption{font-size:10px}
 .ah-idea-resume{font-size:10px;padding:0;max-width:8ch;white-space:normal;line-height:1.3;text-align:right}
 .ah-research-card i{right:13px;top:24px}
 .ah-research-card i img{width:24px;height:24px}
 .ah-research-answer strong{font-size:14px}
 .ah-access{bottom:18px;padding:13px 15px}
 .ah-access>strong{font-size:18px;max-width:23ch}
 .sober-home #apphalt-produit[data-ah-native] .ah-product-reading .ah-canvas>.ah-art{height:452px}
 [data-ah-reading-art] .ah-work-browser{left:12%;width:83%;height:166px;top:42px}
 [data-ah-reading-art] .ah-work-design{left:5%;top:174px;width:76%;height:108px}
 [data-ah-reading-art] .ah-work-design .ah-work-layout{display:none}
 [data-ah-reading-art] .ah-workspace-label strong{font-size:14px;max-width:none}
 [data-ah-reading-art] .ah-idea-resume{display:none}
 [data-ah-reading-art] .ah-access strong{font-size:16px}
}

/* Let the current narration set its own height instead of covering the scene.
   The shipped-product fact shares the eyebrow row on narrow screens so the
   native menu keeps its readable height. */
@media(max-width:800px){
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-stage-inner{grid-template-rows:auto minmax(0,1fr);gap:14px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-narrative{min-height:126px;height:auto}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-beat[aria-hidden="false"]{position:relative;inset:auto;transform:none}
.sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-beat--6 .ah-download-fact{position:absolute;top:-2px;right:0;margin:0;gap:2px;display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}
.sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-beat--6 .ah-download-fact strong{font-size:26px;line-height:1}
.sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-beat--6 .ah-download-fact span{font-size:10px;line-height:1.2}
}
@media(max-width:600px){
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-stage-inner{grid-template-rows:auto minmax(0,1fr);gap:12px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-narrative{min-height:120px;height:auto}
}

/* The shipped-product frame uses an unaltered capture of AppHalt 1.9.7.
   Activity figures are a momentary process sample, not an impact claim. */
.sober-home #apphalt-produit[data-ah-native] .ah-product-demo-host{display:grid;place-items:center;pointer-events:none}
.sober-home #apphalt-produit[data-ah-native] .ah-real-capture{box-sizing:border-box;width:100%;height:100%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px}
.sober-home #apphalt-produit[data-ah-native] .ah-real-capture img{display:block;width:min(100%,440px);height:auto;max-height:calc(100% - 31px);object-fit:contain;border-radius:20px;box-shadow:0 20px 50px #12274d30,0 2px 8px #12274d18}
.sober-home #apphalt-produit[data-ah-native] .ah-real-capture figcaption{font:500 11px/1.3 var(--sans,Arial,sans-serif);letter-spacing:.015em;color:var(--ah-product-muted);text-align:center;min-height:14px}
@media(max-width:800px){
 .sober-home #apphalt-produit[data-ah-native][data-ah-phase="3"] .ah-canvas{height:min(520px,calc(100svh - var(--story-header,76px) - 170px))}
 .sober-home #apphalt-produit[data-ah-native][data-ah-phase="3"] .ah-real-capture img{width:min(100%,420px)}
}
@media(max-width:600px){
 .sober-home #apphalt-produit[data-ah-native][data-ah-phase="3"] .ah-canvas{height:clamp(300px,calc(100svh - var(--story-header,76px) - 175px),500px)}
 .sober-home #apphalt-produit[data-ah-native][data-ah-phase="3"] .ah-real-capture{gap:8px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-phase="3"] .ah-real-capture img{max-height:calc(100% - 25px);border-radius:16px;box-shadow:0 12px 28px #12274d26}
 .sober-home #apphalt-produit[data-ah-native][data-ah-phase="3"] .ah-real-capture figcaption{font-size:11px}
}
.sober-home #apphalt-produit[data-ah-native] .ah-real-capture figcaption{color:#405078}


/* SOURCE: /assets/styles/v105-release-apphalt-story-clarity.20261029.css */
/* AppHalt: four readable moments from observation to the native product. */
.sober-home #apphalt-produit[data-ah-native]:is([data-ah-phase="0"],[data-ah-phase="1"],[data-ah-phase="3"]){--ah-product-ground:#111936;--ah-product-ink:#f7f9ff;--ah-product-muted:#c7d2ee;--ah-product-accent:#91b8ff}
.sober-home #apphalt-produit[data-ah-native][data-ah-phase="2"]{--ah-product-ground:#edf1fa;--ah-product-ink:#172246;--ah-product-muted:#4e607d;--ah-product-accent:#2859b0}
.sober-home #apphalt-produit[data-ah-native] .ah-art{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.sober-home #apphalt-produit[data-ah-native] .ah-art-grid{display:none}
.sober-home #apphalt-produit[data-ah-native] .ah-beat--3 .ah-download-fact{margin-top:22px}

.ah-observation{position:absolute;inset:20px 0 0;display:flex;flex-direction:column;justify-content:center;gap:15px;opacity:var(--ah-observation-o,0);transform:translateY(calc((1 - var(--ah-observation-o,0))*18px));color:#f7f9ff}
.ah-observation-title{padding-left:6%;margin-bottom:8px}
.ah-observation-title span{display:block;color:#91b8ff;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-bottom:9px}
.ah-observation-title strong{display:block;font-size:clamp(21px,2.25vw,30px);line-height:1.18;font-weight:630;letter-spacing:-.025em}
.ah-observation-app{display:flex;align-items:center;gap:13px;min-height:76px;margin-left:6%;width:84%;padding:13px 18px;border-radius:14px;background:#203055;border:1px solid #465c8e;color:#f4f7ff;box-shadow:0 12px 30px #080e2133}
.ah-observation-app>strong{font-size:16px;font-weight:650;letter-spacing:-.015em}
.ah-observation-app>small{margin-left:auto;color:#bfd0ee;font-size:11px;line-height:1.3;text-align:right}
.ah-observation-app-icon{width:27px;height:27px;flex:none;display:grid;place-items:center;border-radius:8px;background:#9fb8e82b;color:#bbd0f4;font-size:15px}
.ah-observation-app--background{margin-left:15%;background:#f7f9ff;border-color:#e2eafb;color:#172246;box-shadow:0 18px 42px #070d2045}
.ah-observation-app--background>img{width:26px;height:26px;flex:none}
.ah-observation-app--background>small{color:#536985}
.ah-observation-signal{display:flex;align-items:center;gap:6px;color:#355f9a;font-size:10px;white-space:nowrap}
.ah-observation-signal i{display:block;width:8px;height:8px;flex:none;border-radius:50%;background:#d38a24;box-shadow:0 0 0 4px #d38a2420}
.ah-observation-note{align-self:flex-end;width:75%;margin:6px 4% 0 0;padding:12px 0 0;border-top:1px solid #91b8ff77;color:#c7d2ee;font-size:12px;line-height:1.4}

.sober-home #apphalt-produit[data-ah-native] .ah-research>.ah-art-eyebrow{left:6%;top:24px;color:#91b8ff}
.sober-home #apphalt-produit[data-ah-native] .ah-research-card{left:6%;width:88%;border:1px solid #d9e3f5;border-radius:13px;box-shadow:0 11px 25px #060b1b26}
.sober-home #apphalt-produit[data-ah-native] .ah-research-keep{top:68px}
.sober-home #apphalt-produit[data-ah-native] .ah-research-control{top:173px}
.sober-home #apphalt-produit[data-ah-native] .ah-research-avoid{top:278px}
.sober-home #apphalt-produit[data-ah-native] .ah-research-answer{left:6%;right:6%;bottom:17px;color:#f7f9ff}
.sober-home #apphalt-produit[data-ah-native] .ah-research-answer span{color:#91b8ff}
.sober-home #apphalt-produit[data-ah-native] .ah-wire-label{color:#526b94}
.sober-home #apphalt-produit[data-ah-native] .ah-wire-window{box-shadow:0 18px 42px #1a2d531e}
.sober-home #apphalt-produit[data-ah-native] .ah-product-demo-host .ah-demo-scene{border-color:#b6c8e4;background:#e5ecf9;box-shadow:0 18px 38px #0b183340}
.sober-home #apphalt-produit[data-ah-native] .ah-product-demo-host .ah-demo-wallpaper{background:linear-gradient(145deg,#dbe6f6,#b9cbe9 58%,#d9e5f5)}
.sober-home #apphalt-produit[data-ah-native] .ah-product-demo-host .ah-demo-wallpaper::before,.sober-home #apphalt-produit[data-ah-native] .ah-product-demo-host .ah-demo-wallpaper::after{display:none}
.sober-home #apphalt-produit[data-ah-native] .ah-product-demo-host .ah-demo-caption{color:var(--ah-product-muted)}
.sober-home #apphalt-produit[data-ah-native] .ah-product-demo-host{will-change:opacity,transform;transform-origin:50% 50%}
.sober-home #apphalt-produit[data-ah-native] .ah-product-demo-host :is(.ah-demo-caption,.ah-demo-disclaimer){opacity:var(--ah-caption-reveal,1);transform:translateY(calc((1 - var(--ah-caption-reveal,1))*6px));transition:opacity .18s ease,transform .22s cubic-bezier(.2,.75,.2,1)}

@media(max-width:800px){
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-stage-inner{grid-template-rows:auto minmax(0,1fr);gap:15px;padding:14px 46px 28px 18px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-narrative{min-height:150px;height:auto}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-beat[aria-hidden="false"]{position:relative;inset:auto;transform:none}
 .sober-home #apphalt-produit[data-ah-native] .ah-beat h3{font-size:clamp(27px,6.8vw,36px);line-height:1.07;margin-bottom:9px}
 .sober-home #apphalt-produit[data-ah-native] .ah-beat p{font-size:13px;line-height:1.42;max-width:43ch}
 .sober-home #apphalt-produit[data-ah-native] .ah-beat--3 .ah-download-fact{position:static;margin-top:8px;align-items:baseline;flex-direction:row}
 .sober-home #apphalt-produit[data-ah-native] .ah-canvas{height:min(545px,calc(100svh - 250px))}
 .sober-home #apphalt-produit[data-ah-native] .ah-art{height:min(450px,calc(100svh - 320px))}
 .sober-home #apphalt-produit[data-ah-native] .ah-research-card{height:72px;padding:11px 43px 10px 15px}
 .sober-home #apphalt-produit[data-ah-native] .ah-research-card strong{font-size:16px;line-height:1.16}
 .sober-home #apphalt-produit[data-ah-native] .ah-research-card>span{font-size:9px}
 .sober-home #apphalt-produit[data-ah-native] .ah-research-keep{top:49px}
 .sober-home #apphalt-produit[data-ah-native] .ah-research-control{top:135px}
 .sober-home #apphalt-produit[data-ah-native] .ah-research-avoid{top:221px}
 .sober-home #apphalt-produit[data-ah-native] .ah-research-answer{bottom:8px}
 .sober-home #apphalt-produit[data-ah-native] .ah-research-answer strong{font-size:14px}
 .sober-home #apphalt-produit[data-ah-native] .ah-research-answer span{font-size:19px}
 .sober-home #apphalt-produit[data-ah-native] .ah-wire-window{height:min(400px,calc(100svh - 350px))}
 .ah-observation{inset:0 0 0;justify-content:flex-start;padding-top:12px;gap:11px}
 .ah-observation-title{margin-bottom:4px}
 .ah-observation-title strong{font-size:21px}
 .ah-observation-app{min-height:63px;padding:10px 11px;gap:8px;margin-left:4%;width:91%}
 .ah-observation-app>strong{font-size:13px}
 .ah-observation-app>small{font-size:9px}
 .ah-observation-app--background{margin-left:9%}
 .ah-observation-signal{font-size:9px}
 .ah-observation-note{width:87%;margin-right:4%;font-size:10px}
}
@media(max-width:600px){
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-stage-inner{grid-template-rows:auto minmax(0,1fr);gap:13px;padding:14px 46px 28px 18px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-narrative{min-height:150px;height:auto}
 .ah-observation-app--background{flex-wrap:wrap}
 .ah-observation-app--background .ah-observation-signal{margin-left:35px}
 .sober-home #apphalt-produit[data-ah-native] .ah-product-demo-host .ah-demo-selector{display:none}
}
@media(prefers-reduced-motion:reduce){.ah-observation{transform:none}.ah-observation-signal i{box-shadow:none}}

/* Final product view: the main window and menu remain visible together. */
.sober-home #apphalt-produit .ah-demo[data-composition="showcase"] .ah-demo-dashboard{left:3%;top:46px;width:57%;height:432px;transform:none;opacity:1}
.sober-home #apphalt-produit .ah-demo[data-composition="showcase"] .ah-demo-menu{right:2.5%;top:65px;width:36%;max-height:408px;background:rgba(224,225,230,.98);box-shadow:0 15px 32px #1422413d}
.sober-home #apphalt-produit .ah-demo[data-composition="showcase"] .ah-demo-tray{background:#ffffff38}
.sober-home #apphalt-produit .ah-demo[data-composition="showcase"] button{cursor:default}
.sober-home #apphalt-produit .ah-demo[data-composition="showcase"] .ah-demo-selector{display:none}
@media(max-width:800px){
 .sober-home #apphalt-produit .ah-demo[data-composition="showcase"] .ah-demo-dashboard{left:2%;width:60%;height:400px}
 .sober-home #apphalt-produit .ah-demo[data-composition="showcase"] .ah-demo-menu{right:2%;width:39%;max-height:380px}
}
@media(max-width:600px){
 .sober-home #apphalt-produit .ah-demo[data-composition="showcase"] .ah-demo-dashboard{left:4%;top:47px;width:88%;height:400px;transform:scale(.79);transform-origin:top left}
 .sober-home #apphalt-produit .ah-demo[data-composition="showcase"] .ah-demo-menu{right:3%;top:151px;width:62%;max-height:278px;overflow:hidden;transform:none;box-shadow:0 10px 26px #14224166}
 .sober-home #apphalt-produit .ah-demo[data-composition="showcase"] .ah-demo-menu-item:nth-last-child(-n+4),.sober-home #apphalt-produit .ah-demo[data-composition="showcase"] .ah-demo-menu-line:nth-last-of-type(-n+2){display:none}
}

/* Compact portrait phones keep one scroll-driven scene. The art and the native
   window are sized from the same stable viewport unit as the sticky stage. */
.sober-home #apphalt-produit[data-ah-native] .ah-stage{transition:background-color .36s ease,color .36s ease}
.sober-home #apphalt-produit[data-ah-native] .ah-art-arrow{display:inline-block;width:16px;height:16px;fill:currentColor;vertical-align:middle}
.sober-home #apphalt-produit[data-ah-native] .ah-research-card{padding-right:18px}
.sober-home #apphalt-produit[data-ah-native] .ah-research-answer .ah-art-arrow{width:18px;height:18px}
.sober-home #apphalt-produit[data-ah-native] .ah-wire-label .ah-art-arrow{width:12px;height:12px}
.sober-home #apphalt-produit[data-ah-native] .ah-observation-app-icon::after{content:"";width:12px;height:12px;border-radius:50%;background:#bbd0f4}
@media(max-width:600px){
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-stage-inner{grid-template-rows:auto minmax(0,1fr);gap:11px;padding:14px 46px 18px 18px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-narrative,
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-narrative{min-height:0;height:auto}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-canvas,
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-canvas{height:min(440px,calc(100svh - 286px))}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-art,
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-art{height:min(392px,calc(100svh - 326px))}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-wire-window,
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-wire-window{height:min(358px,calc(100svh - 350px))}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo-scene,
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-demo-scene{height:min(384px,calc(100svh - 324px))}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo-dashboard,
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-demo-dashboard{height:min(346px,calc(100svh - 362px))}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-research-card{height:62px;padding:9px 14px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-research-card strong{font-size:15px;line-height:1.15;margin-top:3px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-research-keep{top:42px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-research-control{top:112px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-research-avoid{top:182px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-research-answer{bottom:5px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-research-answer strong{display:block;font-size:13px;line-height:1.2}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-dashboard{height:min(346px,calc(100svh - 362px))}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-menu{top:116px;max-height:min(250px,calc(100svh - 436px))}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-research-keep{top:42px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-research-control{top:112px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-research-avoid{top:182px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-research-answer{bottom:5px}
}
@media(max-width:350px){
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-canvas,
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-canvas{height:calc(100svh - 316px)}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-art,
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-art{height:calc(100svh - 355px)}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-wire-window,
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-wire-window{height:calc(100svh - 372px)}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo-scene,
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-demo-scene{height:calc(100svh - 354px)}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo-dashboard,
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-demo-dashboard,
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-dashboard{height:calc(100svh - 394px)}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-research-avoid,
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-research-avoid{top:174px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-menu{top:96px;max-height:190px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-research-keep,
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-research-keep{top:38px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-research-control,
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready][data-ah-compact] .ah-research-control{top:104px}
}


/* SOURCE: /assets/styles/v106-evidence-and-controls.css */
/* Portfolio 2026-10-29 · additions scoped to the new evidence section and explanatory text. */
.gn26-product-evolution{padding-block:clamp(48px,6vw,88px);border-top:1px solid var(--line,#dfe5e9)}
.gn26-product-evolution .evidence-heading{margin-bottom:24px}
.gn26-evolution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,22px)}
.gn26-evolution-grid article{min-width:0;padding:24px 0 10px;border:0;border-top:1px solid #d2deea;border-radius:0;background:transparent;box-shadow:none}
.gn26-evolution-grid article>span{display:block;margin-bottom:20px;color:#526a78;font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase}
.gn26-evolution-grid h3{margin:0 0 12px;color:#182b3b;font-size:clamp(18px,2vw,23px);line-height:1.27;letter-spacing:-.03em}
.gn26-evolution-grid p{margin:0;color:#4b5d6d;font-size:15px;line-height:1.75}
.gn26-evidence-source{max-width:78ch;margin:22px 0 0;color:#536676;font-size:13px;line-height:1.75}
.gn26-evidence-source a{text-decoration:underline;text-underline-offset:3px}
.gn26-evidence-source a:hover{color:#164b7a}
.gn26-evidence-details{margin-top:28px;padding:0;border:0;border-top:1px solid #d2deea;border-radius:0;background:transparent}
.gn26-evidence-details>summary{cursor:pointer;min-height:58px;display:list-item;padding:18px 0;font-weight:600;font-size:14px;line-height:1.6;color:#173a50}
.gn26-evidence-details[open]>summary{border-bottom:1px solid #e5ebef}
.gn26-evidence-details .apphalt-method-notes{margin:20px 0 24px}
.gn26-ai-note{font-size:12px;line-height:1.6;color:#5c6a80;margin:14px 2px 0}
.site-footer .footer-links [data-motion-toggle]{font:inherit;color:inherit;background:none;border:0;text-align:left;cursor:pointer}
.site-footer .footer-links [data-motion-toggle]:disabled{cursor:default;opacity:.7}
.site-footer .footer-links [data-motion-toggle][hidden]{display:none}
.site-footer .footer-links [data-motion-toggle]:focus-visible,.gn26-evidence-details>summary:focus-visible{outline:2px solid #316894;outline-offset:4px;border-radius:4px}
@media(max-width:900px){.gn26-evolution-grid{grid-template-columns:1fr}.gn26-evolution-grid article{padding:20px 0 6px}.gn26-evolution-grid article>span{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.gn26-evolution-grid article,.gn26-evidence-details{scroll-behavior:auto}}


/* SOURCE: /assets/styles/v107-portfolio-finitions.20261029.css */
/* Portfolio V107 | reviewed changes only. Existing brand, media and story geometry
   remain authoritative. New selectors are scoped to AppHalt and the AI section. */

/* AppHalt - native-feeling movement: window travels first, menu follows.
   Pixel coordinates are produced by the scroll controller, not by timers. */
.sober-home #apphalt-produit[data-ah-ready] .ah-product-demo-host .ah-demo .ah-demo-dashboard {
  left:var(--ah-window-left,50%);
  top:var(--ah-window-top,50%);
  width:var(--ah-window-width,min(390px,calc(100% - 24px)));
  height:432px;
  transform:none;
  transition:box-shadow .22s ease, background-color .22s ease;
}
.sober-home #apphalt-produit .ah-demo[data-composition="showcase"] .ah-demo-menu {
  top:58px;
  right:2.5%;
  width:36%;
  max-height:none;
  overflow:visible;
  padding:8px 11px 9px;
  opacity:var(--ah-menu-reveal,1);
  transform:translate3d(0,var(--ah-menu-translate,0px),0) scale(var(--ah-menu-scale,1));
  transform-origin:top right;
  border:1px solid rgba(255,255,255,.82);
  background:rgba(232,233,240,.96);
  box-shadow:0 16px 35px rgba(14,25,49,.24),0 1px 3px rgba(14,25,49,.09),inset 0 1px rgba(255,255,255,.66);
}
.sober-home #apphalt-produit .ah-demo[data-composition="showcase"] .ah-demo-menu-label {
  padding:2px 2px;
  line-height:15px;
  font-size:11.5px;
  color:#686773;
}
.sober-home #apphalt-produit .ah-demo[data-composition="showcase"] :is(.ah-demo-menu-app,.ah-demo-menu-item) {
  height:23px;
  min-height:23px;
  padding:2px 2px;
  font-size:12px!important;
  line-height:1.2;
  white-space:nowrap;
}
.sober-home #apphalt-produit .ah-demo[data-composition="showcase"] .ah-demo-menu-line {
  margin:3px 2px;
}
.sober-home #apphalt-produit .ah-demo[data-composition="showcase"] .ah-demo-menu-name {
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sober-home #apphalt-produit .ah-demo[data-composition="showcase"] .ah-demo-menu-app .ah-demo-icon {
  width:14px;
  height:14px;
}
.sober-home #apphalt-produit .ah-demo[data-composition="showcase"] .ah-demo-menu-item svg {
  width:13px;
  height:13px;
}
@media(max-width:800px){
  /* On a narrow screen the macOS menu remains a popover over the dashboard.
     Moving the dashboard sideways here would make both unreadably narrow. */
  .sober-home #apphalt-produit[data-ah-ready] .ah-product-demo-host .ah-demo .ah-demo-dashboard {
    left:50%;
    top:50%;
    width:min(390px,calc(100% - 24px));
    height:400px;
    transform:translate(-50%,calc(-50% + 16px));
  }
  .sober-home #apphalt-produit .ah-demo[data-composition="showcase"] .ah-demo-menu {
    top:38px;
    right:12px;
    width:min(265px,calc(100% - 24px));
    max-height:calc(100% - 48px);
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    transform-origin:top right;
  }
  .sober-home #apphalt-produit .ah-demo[data-composition="showcase"] .ah-demo-menu-item:nth-last-child(-n+4) {
    display:flex;
  }
  .sober-home #apphalt-produit .ah-demo[data-composition="showcase"] .ah-demo-menu-line:nth-last-of-type(-n+2) {
    display:block;
  }
}

/* AI practice: three openly presented examples, no carousel or faux quotes.
   The same two responsibilities appear in every card. */
.sober-home .ai-practice-section {
  padding:clamp(68px,7vw,106px) 0 clamp(78px,7vw,108px);
  background:linear-gradient(180deg,#fff 0%,#f7f9fd 100%);
}
.sober-home .ai-practice-intro {
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(300px,.75fr);
  align-items:end;
  gap:clamp(20px,5vw,76px);
  margin-bottom:34px;
}
.sober-home .ai-practice-intro .eyebrow {
  grid-column:1/-1;
  margin-bottom:-6px;
}
.sober-home .ai-practice-intro>p:last-child {
  color:#465875;
  line-height:1.65;
  max-width:60ch;
  margin:0;
}
.aif-grid,.aif-grid *,.aif-grid *::before,.aif-grid *::after {box-sizing:border-box}
.aif-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  color:#223650;
}
.aif-card {
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:clamp(23px,2.4vw,32px);
  border:1px solid #dbe3ef;
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 35px rgba(32,53,88,.055);
}
.aif-card-head {min-height:222px}
.aif-step {
  color:#2857a2;
  display:block;
  font:750 10px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.105em;
}
.aif-card h3 {
  margin:18px 0 13px;
  color:#192f50;
  font:400 clamp(27px,2.3vw,35px)/1.07 Georgia,'Times New Roman',serif;
  letter-spacing:-.038em;
  max-width:17ch;
}
.aif-card-head>p {
  margin:0;
  font:400 14px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  color:#4d5f77;
}
.aif-visual {
  margin-top:10px;
  height:166px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:9px;
  padding:16px 11px;
  border:1px solid #dfe7f3;
  border-radius:14px;
  background:linear-gradient(145deg,#f9fbff,#eef3fb);
  overflow:hidden;
}
.aif-mini-label {
  display:block;
  font:700 10px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  color:#536581;
  margin-bottom:9px;
  white-space:normal;
}
.aif-arrow {color:#6f8ebd;flex:none;font-size:20px;line-height:1}
.aif-visual--research>div {min-width:0;flex:1;min-height:102px;background:white;border:1px solid #dbe5f1;border-radius:9px;padding:12px 9px;box-shadow:0 4px 10px #1c365712}
.aif-research-notes i,.aif-research-check i {
  display:block;height:5px;margin-bottom:8px;border-radius:2px;background:#c2cedf;
}
.aif-research-notes i:nth-of-type(2){width:84%}
.aif-research-notes i:nth-of-type(3){width:59%}
.aif-research-themes b{display:block;width:88%;height:10px;border-radius:3px;background:#d7e3fb;border-left:3px solid #4c70bd;margin-bottom:8px}
.aif-research-themes b:last-child{width:66%}
.aif-research-check strong{display:block;color:#317052;font-size:22px;line-height:1.15;margin:-3px 0 5px}
.aif-research-check i{width:72%;background:#c8decf}
.aif-visual--variants {gap:9px;padding:18px 12px}
.aif-variant {flex:1;min-width:0;height:122px;border:1px solid #d8e4f0;border-radius:8px;background:#fff;padding:12px 8px;box-shadow:0 4px 10px #1c36570c}
.aif-variant>span{display:block;font:700 10px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:#647592;margin-bottom:11px}
.aif-shapes{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.aif-shapes i{height:15px;border-radius:3px;background:#dce5f2;display:block}
.aif-variant--1 .aif-shapes i:first-child{grid-column:1/-1;height:34px;background:#aebfdd}
.aif-variant--2 .aif-shapes{grid-template-columns:1fr}
.aif-variant--2 .aif-shapes i{height:15px}
.aif-variant--2 .aif-shapes i:first-child{background:#aec4e8}
.aif-variant--3 .aif-shapes i:nth-child(2){grid-row:span 2;height:auto;background:#afc0dc}
.aif-visual--prototype{padding:12px 9px}
.aif-proto-flow{display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%}
.aif-proto-idea,.aif-proto-check{
  width:25%;min-width:0;padding:11px 7px;min-height:94px;border:1px solid #dbe5f2;border-radius:8px;background:#fff;
  color:#687895;font:700 10px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
}
.aif-proto-idea span{display:block;height:6px;width:85%;background:#b9cce8;border-radius:3px;margin-top:11px}
.aif-proto-idea span:last-child{width:60%;margin-top:7px}
.aif-proto-device{height:130px;flex:1;max-width:106px;min-width:0;border:3px solid #bacbe4;border-radius:12px;background:#fff;position:relative;padding:10px}
.aif-proto-device>span{display:block;font-size:11px;color:#8798b2;line-height:10px}
.aif-proto-device i{display:block;height:7px;border-radius:2px;background:#d8e2f0;margin-top:9px}
.aif-proto-device i:nth-of-type(2){width:72%}
.aif-proto-device b{display:block;height:19px;margin-top:10px;border-radius:4px;background:#3467c2}
.aif-proto-device small{display:block;text-align:center;margin-top:8px;font:700 9px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:#677c9c}
.aif-proto-check strong{display:block;font-size:22px;font-weight:600;color:#317052;margin-bottom:8px}
.aif-responsibility {
  margin-top:18px;padding-top:15px;border-top:1px solid #e7ecf4;
  display:grid;grid-template-columns:1fr 1fr;gap:16px;
}
.aif-responsibility>div{min-width:0}
.aif-responsibility span{
  display:block;font:750 9px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color:#6d7f9c;letter-spacing:.09em;margin-bottom:6px;
}
.aif-responsibility>div:last-child span{color:#1f614c}
.aif-responsibility strong{display:block;font:600 12px/1.35 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:#2f4463}
@media(max-width:1110px){
  .aif-grid{grid-template-columns:1fr;gap:14px}
  .aif-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.95fr);gap:18px 28px;align-items:center}
  .aif-card-head{min-height:0}
  .aif-card h3{max-width:none}
  .aif-visual{margin-top:0}
  .aif-responsibility{grid-column:1/-1;margin-top:0}
}
@media(max-width:650px){
  .sober-home .ai-practice-intro{display:block;margin-bottom:25px}
  .sober-home .ai-practice-intro .eyebrow{margin-bottom:12px}
  .sober-home .ai-practice-intro h2{margin-bottom:17px}
  .aif-card{display:flex;gap:0;padding:22px 18px;border-radius:17px}
  .aif-card h3{font-size:30px;margin-top:12px}
  .aif-visual{margin-top:18px;width:100%}
  .aif-responsibility{margin-top:16px;gap:10px}
}
@media(prefers-reduced-motion:reduce){
  .sober-home #apphalt-produit .ah-demo[data-composition="showcase"] .ah-demo-menu {transform:none;transition:none!important}
}
html.motion-reduced .sober-home #apphalt-produit .ah-demo[data-composition="showcase"] .ah-demo-menu{transform:none;transition:none!important}


/* SOURCE: /assets/styles/v108-recruiter-paths.20261029.css */
/* Portfolio 2026-10-29 · faster recruiting path, existing stories left intact.
   New selectors are scoped; original selection and story styles remain unchanged on desktop. */

/* Essential introduction must not wait for an entrance animation. The portrait
   and the storytelling sections retain their existing motion. */
body.sober-home .hero81-track .hero79-copy > h1,
body.sober-home .hero81-track .hero79-copy > .hero79-role,
body.sober-home .hero81-track .hero79-copy > .hero94-description,
body.sober-home .hero81-track .hero79-copy > .hero79-cta,
body.sober-home .hero81-track .hero79-copy > .gn-hero-cv {
  opacity:1 !important;
  transform:none !important;
  animation:none !important;
  visibility:visible !important;
}

body.sober-home .hero79-copy > .gn-hero-cv {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  max-width:100%;
  margin:7px 0 0 16px;
  color:#273c64;
  font:600 13px/1.4 var(--sans,Arial,sans-serif);
  text-decoration:underline;
  text-underline-offset:4px;
  white-space:nowrap;
}
body.sober-home .hero79-copy > .gn-hero-cv span{font-size:15px}
body.sober-home .hero79-copy > .gn-hero-cv:hover{color:#254be3}
body.sober-home .hero79-copy > .gn-hero-cv:focus-visible{outline:3px solid #3154ef;outline-offset:4px;border-radius:3px}

/* The native project switcher remains the only floating menu. */
body.sober-home .site-header .project-switch-utilities a.gn-menu-cv {
  color:#163b85;
  font-weight:700;
}
body.sober-home .site-header .project-switch-utilities a.gn-menu-cv span {margin-left:5px}

/* Desktop: one restrained row of direct links, complementary to the immersive index. */
body.sober-home .sober-project-heading nav.gn-direct-studies {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-start;
  gap:5px 18px;
  width:100%;
  padding:10px 0 0;
  border:0;
  background:transparent;
}
body.sober-home .sober-project-heading nav.gn-direct-studies > span {
  color:#536077;
  font:500 12px/1.55 var(--sans,Arial,sans-serif);
}
body.sober-home .sober-project-heading nav.gn-direct-studies > a {
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:38px;
  min-width:0;
  padding:4px 0;
  margin:0;
  border:0;
  border-radius:0;
  color:#2649a2;
  background:transparent;
  font:600 12px/1.4 var(--sans,Arial,sans-serif);
  text-decoration:underline;
  text-underline-offset:3px;
  white-space:normal;
  scroll-snap-align:none;
}
body.sober-home .sober-project-heading nav.gn-direct-studies > a + a{border:0}
body.sober-home .sober-project-heading nav.gn-direct-studies > a:hover{background:none;color:#173376}
body.sober-home .sober-project-heading nav.gn-direct-studies > a:focus-visible{outline:3px solid #3154ef;outline-offset:3px;border-radius:3px}

/* The alternative compact index is presented only on small screens. */
body.sober-home .sober-project-heading nav.gn-quick-index {display:none}

@media(max-width:800px){
  body.sober-home .hero79-copy > .gn-hero-cv {margin-left:12px;font-size:12px}
  body.sober-home .sober-project-heading nav:not(.gn-quick-index):not(.gn-direct-studies) {display:none}
  body.sober-home .sober-project-heading nav.gn-direct-studies {display:none}
  body.sober-home .sober-project-heading .selection-controls {display:none}
  body.sober-home .sober-project-heading nav.gn-quick-index {
    display:block;
    overflow:visible;
    width:100%;
    max-width:none;
    padding:0;
    border:0;
    scroll-snap-type:none;
    background:transparent;
  }
  .gn-quick-index,.gn-quick-index *,.gn-quick-index *::before,.gn-quick-index *::after{box-sizing:border-box}
  body.sober-home .gn-quick-index ul {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    list-style:none;
    gap:10px;
    margin:0;
    padding:0;
  }
  body.sober-home .gn-quick-item {
    display:block;
    margin:0;
    padding:13px 15px 7px;
    border:1px solid #dbe2ec;
    border-radius:13px;
    background:#fff;
    box-shadow:0 5px 18px rgba(26,45,79,.025);
    min-width:0;
  }
  body.sober-home .gn-quick-intro {display:flex;align-items:center;gap:11px;min-width:0}
  body.sober-home .gn-quick-logo {
    width:42px;
    height:42px;
    flex:none;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  body.sober-home .gn-quick-logo img {display:block;max-width:100%;max-height:39px;width:auto;height:auto;object-fit:contain}
  body.sober-home .gn-quick-logo--mh img{width:35px;max-height:32px}
  body.sober-home .gn-quick-logo--cetelem img{width:28px;max-height:38px}
  body.sober-home .gn-quick-logo--allianz img{width:34px;max-height:35px}
  body.sober-home .gn-quick-logo--apphalt img{width:35px;max-height:35px}
  body.sober-home .gn-quick-copy {display:flex;flex-direction:column;min-width:0;gap:3px}
  body.sober-home .gn-quick-copy strong {font:700 14px/1.25 var(--sans,Arial,sans-serif);color:#1b2d49}
  body.sober-home .gn-quick-copy span {font:400 12px/1.45 var(--sans,Arial,sans-serif);color:#536077}
  body.sober-home .gn-quick-actions {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:10px 14px;
    padding:7px 0 0;
    margin:8px 0 0 53px;
    border-top:1px solid #edf0f5;
  }
  body.sober-home .sober-project-heading nav.gn-quick-index .gn-quick-actions a {
    display:inline-flex;
    flex-direction:row;
    flex:none;
    align-items:center;
    justify-content:center;
    gap:5px;
    min-height:44px;
    width:auto;
    min-width:0;
    padding:4px 0;
    margin:0;
    border:0 !important;
    border-radius:4px;
    color:#2f4b7d;
    background:transparent;
    text-decoration:none;
    font:600 11px/1.3 var(--sans,Arial,sans-serif);
    scroll-snap-align:none;
    box-shadow:none;
    transition:color .16s;
  }
  body.sober-home .sober-project-heading nav.gn-quick-index .gn-quick-actions a.gn-quick-study {color:#2349c2}
  body.sober-home .sober-project-heading nav.gn-quick-index .gn-quick-actions a:hover{color:#143889}
  body.sober-home .sober-project-heading nav.gn-quick-index .gn-quick-actions a:focus-visible{outline:3px solid #3154ef;outline-offset:2px}
  body.sober-home .sober-project-heading nav.gn-quick-index .gn-quick-actions a span{font-size:14px}
  body.sober-home .site-header .project-switch-utilities {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:359px){
  body.sober-home .hero79-copy > .gn-hero-cv{margin:7px 0 0 9px}
  body.sober-home .gn-quick-actions {gap:8px 12px;margin-left:0}
  body.sober-home .gn-quick-item{padding:12px 12px 5px}
  body.sober-home .gn-quick-index .gn-quick-actions a{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  body.sober-home .sober-project-heading nav.gn-quick-index .gn-quick-actions a{transition:none}
}
html.motion-reduced body.sober-home .sober-project-heading nav.gn-quick-index .gn-quick-actions a{transition:none}

/* Navigation is a functional index, not story decoration: never fade it while
   visitors scan or move to an anchor. Chapter illustrations still animate. */
body.sober-home .sober-project-heading {
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
}

@media(min-width:680px) and (max-width:800px){
  body.sober-home .gn-quick-index ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.sober-home .gn-quick-item{min-height:126px}
  body.sober-home .gn-quick-actions{margin-left:0}
}


/* SOURCE: /assets/styles/v109-polish-20261030.css */
/* Scoped visual corrections requested 2026-10-30.
   Only AppHalt's menu and metric, AI practice, Cetelem scene ending,
   and the Cetelem detailed page are changed. Other projects untouched. */

/* 1. AppHalt - solid macOS-style popover, no wallpaper bleeding through.
   Keep its existing animation, dimensions and menu-item positioning intact. */
.sober-home #apphalt-produit .ah-demo .ah-demo-menu,
.sober-home #apphalt-produit .ah-demo[data-composition="showcase"] .ah-demo-menu {
  background-color:#e8e9ee;
  background-image:linear-gradient(180deg,#f0f0f4,#e6e7ed);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  border-color:rgba(255,255,255,.94);
  box-shadow:0 17px 36px rgba(12,22,47,.28), 0 2px 8px rgba(12,22,47,.10), inset 0 1px rgba(255,255,255,.8);
}

/* 2. AppHalt - the metric is a creator-reported download count, NOT a user count.
   Less imposing than the prior oversized version number. */
.sober-home #apphalt-produit .ah-download-fact {gap:11px;flex-wrap:wrap;}
.sober-home #apphalt-produit .ah-download-fact strong {font-variant-numeric:tabular-nums;letter-spacing:-.06em;}
.sober-home #apphalt-produit .ah-download-fact span {max-width:33ch;line-height:1.45;}

/* 3. AI - the first thing you see is WHEN, THEN WHAT and WHO DECIDES.
   The original 3 visual diagrams, layout and responsible roles remain. */
.sober-home .ai-practice-intro > p:last-child {max-width:64ch;}
.sober-home .aif-step {letter-spacing:.065em;line-height:1.5;color:#2a5e9c;}
.sober-home .aif-card-head {min-height:216px;}
.sober-home .aif-card h3 {max-width:18ch;}
.sober-home .aif-responsibility {border-top-color:#dbe5ef;}
.sober-home .aif-responsibility>div:last-child strong {color:#16513f;}
@media(min-width:1111px){
  .sober-home .aif-card-head {min-height:208px;}
}
@media(max-width:1110px){
  .sober-home .aif-card-head {min-height:0;}
}

/* 4. Cetelem home-story conclusion - breathe before Allianz starts. */
.sober-home #cetelem-contexte.sober-cetelem-end {
  padding-top:clamp(22px,3vw,35px);
  padding-bottom:clamp(83px,7vw,108px);
  row-gap:14px;
}
.sober-home #interface-en-contexte .sober-cetelem-end .sober-cetelem-metric {
  margin-top:8px;
  margin-bottom:17px;
  max-width:49ch;
  line-height:1.46;
}
@media(max-width:700px){
  .sober-home #cetelem-contexte.sober-cetelem-end {padding-bottom:83px;}
  .sober-home #interface-en-contexte .sober-cetelem-end .sober-cetelem-metric {margin-bottom:13px;}
}

/* 5. Cetelem detailed page - lighter editorial canvas, without a giant green slab.
   Desktop only. The section composition, text and responsive layout remain intact. */
@media(min-width:1000px){
  body.sober-case.v105-cetelem {background:#fff;}
  body.sober-case.v105-cetelem .v105-case-hero {
    background:
      radial-gradient(ellipse 45% 42% at 92% 16%,rgba(143,185,146,.18),transparent 76%),
      linear-gradient(155deg,#fff 0%,#fbfcf9 45%,#f6f9f4 100%);
    border-bottom:1px solid #dfeade;
  }
  body.sober-case.v105-cetelem .v105-case-hero > .eyebrow {
    display:block;
    width:fit-content;
    max-width:100%;
    padding-left:13px;
    border-left:3px solid #2d7849;
    color:#286344;
  }
  body.sober-case.v105-cetelem .site-header .header-inner::before {
    border:1px solid rgba(188,213,195,.95);
    background:
      linear-gradient(90deg,transparent,rgba(66,131,82,.34),transparent) 22px 0 / calc(100% - 44px) 2px no-repeat,
      linear-gradient(115deg,#e5efe7,#f3f8f1 55%,#eaf3eb);
    box-shadow:0 11px 31px rgba(27,64,41,.14),inset 0 1px 0 rgba(255,255,255,.9);
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  body.sober-case.v105-cetelem .v105-case-hero .case-facts {
    box-shadow:0 14px 36px rgba(24,68,40,.055);
    border-color:#d6e3d7;
  }
  body.sober-case.v105-cetelem .v105-case-hero .case-facts > div {
    background:rgba(255,255,255,.95);
  }
  body.sober-case.v105-cetelem .case-study-summary {
    border:1px solid #d9e7d9;
    box-shadow:0 18px 38px rgba(24,68,40,.065);
    background:#fff;
    border-radius:15px;
  }
  body.sober-case.v105-cetelem .case-study-summary article {
    background:#fff;
  }
  body.sober-case.v105-cetelem .case-study-summary article:first-child {
    background:#f7faf5;
  }
  body.sober-case.v105-cetelem .case-publication-note--details {
    border-top-color:#dce8dc;
    border-bottom-color:#dce8dc;
  }
  body.sober-case.v105-cetelem .case-research-block {
    border-color:#dce9db;
    background:linear-gradient(135deg,#f5faf4,#fff 72%);
    box-shadow:0 10px 26px rgba(24,68,40,.045);
  }
  body.sober-case.v105-cetelem .v105-case-section {
    border-bottom-color:#dde8dd;
  }
  body.sober-case.v105-cetelem .v105-case-section .case-section-label {
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#286344;
  }
  body.sober-case.v105-cetelem .v105-case-section .case-section-label::before {
    content:"";
    display:block;
    width:16px;
    height:2px;
    background:#58a76a;
    border-radius:2px;
  }
}

@media(prefers-reduced-motion:reduce){
  .sober-home #apphalt-produit .ah-demo .ah-demo-menu {transition:none!important;}
}


/* SOURCE: /assets/styles/v111-portfolio-refinements.20261030.css */
/* v111 portfolio refinements – narrative continuity, clearer IA section, calmer case-study captures */

/* Home story continuation panels */
html.has-js .story-next-panel,
html.has-js:not(.gn93-reading) .story-next-panel{
  width:min(var(--sober-width),calc(100% - 2*var(--sober-gutter)));
  margin:0 auto 28px;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px 24px;
  align-items:center;
  padding:20px 24px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:22px;
  background:color-mix(in srgb,var(--story-end-bg,#173b2a) 82%, white 18%);
  box-shadow:0 18px 42px rgba(10,28,46,.12);
}
.story-next-copy{min-width:0}
.story-next-copy span{display:block;font:700 10px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.11em;text-transform:uppercase;color:var(--story-end-muted,#d7e2ea);margin-bottom:7px}
.story-next-copy strong{display:block;font:400 clamp(26px,2.2vw,36px)/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.04em;color:var(--story-end-ink,#fff)}
.story-next-copy p{margin:9px 0 0;color:var(--story-end-muted,#d7e2ea);font:400 14px/1.55 var(--sans,Arial,sans-serif);max-width:42ch}
.story-next-panel .sober-case-link{justify-self:end;white-space:nowrap;box-shadow:0 10px 26px rgba(0,0,0,.12)}
.story-next-panel--mh{--story-end-bg:#8e3a2f;--story-end-ink:#fff7f4;--story-end-muted:#f0d7cf;border-color:#d8b7ae;background:linear-gradient(135deg,#a94a3d 0%,#8d3a2f 100%)}
.story-next-panel--mh .sober-case-link{background:#fff;color:#8c392f}
.story-next-panel--mh .sober-case-link:hover{background:#fef4ef}
@media(max-width:760px){
  html.has-js .story-next-panel,
  html.has-js:not(.gn93-reading) .story-next-panel{grid-template-columns:1fr;padding:18px 18px 20px;border-radius:18px}
  .story-next-panel .sober-case-link{justify-self:start}
  .story-next-copy strong{font-size:29px}
  .story-next-copy p{font-size:13px}
}

/* Simplified IA section */
.ai-practice-section{padding:74px 0 68px;background:linear-gradient(180deg,#fff 0,#f6f8fc 100%)}
.ai-practice-intro{display:grid;grid-template-columns:minmax(0,.7fr) minmax(300px,.75fr);gap:30px;align-items:end;margin-bottom:30px}
.ai-practice-intro .eyebrow{grid-column:1/-1;margin-bottom:-10px}
.ai-practice-intro h2{margin:0}
.ai-practice-intro>p:last-child{margin:0;color:#556884;max-width:48ch}
.aif-simple-grid,.aif-simple-grid *,.aif-simple-grid *::before,.aif-simple-grid *::after{box-sizing:border-box}
.aif-simple-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.aif-simple-card{display:flex;flex-direction:column;min-width:0;padding:26px;border:1px solid #dbe3ef;border-radius:22px;background:#fff;box-shadow:0 14px 35px rgba(32,53,88,.05)}
.aif-simple-top .aif-step{display:block;color:#315fb2;font:750 10px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.11em;margin-bottom:15px}
.aif-simple-card h3{margin:0 0 14px;color:#1d3152;font:400 clamp(29px,2.5vw,39px)/1.04 Georgia,'Times New Roman',serif;letter-spacing:-.04em;max-width:14ch}
.aif-simple-card p{margin:0;color:#51627d;font:400 14px/1.65 var(--sans,Arial,sans-serif)}
.aif-simple-facts{display:grid;gap:12px;margin:22px 0 20px;padding:16px 0;border-top:1px solid #e5ebf4;border-bottom:1px solid #e5ebf4}
.aif-simple-facts>div{display:grid;gap:4px}
.aif-simple-facts dt{font:750 9px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;color:#6d7f9d}
.aif-simple-facts dd{margin:0;color:#314764;font:400 13px/1.55 var(--sans,Arial,sans-serif)}
.aif-simple-roles{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.aif-simple-roles>div{padding:12px 14px;border-radius:14px;background:#f7f9fc;border:1px solid #e3eaf4}
.aif-simple-roles span{display:block;margin-bottom:6px;color:#6c7e99;font:750 9px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}
.aif-simple-roles strong{display:block;color:#24405f;font:600 12px/1.45 var(--sans,Arial,sans-serif)}
.aif-simple-note{max-width:72ch;margin:18px 0 0;color:#5b6d87;font:400 12px/1.55 var(--sans,Arial,sans-serif)}
@media(max-width:1100px){
  .aif-simple-grid{grid-template-columns:1fr}
  .aif-simple-card{padding:24px}
  .aif-simple-card h3{max-width:none}
}
@media(max-width:680px){
  .ai-practice-section{padding:56px 0}
  .ai-practice-intro{display:block;margin-bottom:24px}
  .ai-practice-intro .eyebrow{margin-bottom:12px}
  .ai-practice-intro h2{margin-bottom:16px}
  .aif-simple-card{padding:20px;border-radius:18px}
  .aif-simple-card h3{font-size:31px}
  .aif-simple-facts{margin:18px 0 16px;padding:14px 0}
  .aif-simple-roles{grid-template-columns:1fr;gap:10px}
}

/* Case-study screenshot polish for Malakoff Humanis */
.mh2-shot figcaption small{display:none}
.mh2-shot img{border-radius:20px;box-shadow:0 18px 38px rgba(19,32,56,.08)}
.mh2-shot figcaption{justify-content:flex-start}


/* SOURCE: /assets/styles/v112-editorial-and-glass.20261030.css */
/* Portfolio V112 - editorial clarity and scroll-edge navigation, 2026-10-30.
   Custom web interpretation, not Apple's native Liquid Glass material. */

/* A. IA - a one-glance explanation without artificial equal-height spacer gaps. */
.sober-home #ia .aiv12-intro { margin-bottom: 28px; align-items: end; }
.sober-home #ia .aiv12-intro > p:last-child { max-width: 24ch; font-weight: 550; color: #3c5172; font-size: clamp(17px,1.5vw,21px); line-height: 1.35; }
.aiv12-grid, .aiv12-grid * { box-sizing: border-box; }
.aiv12-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: stretch; gap: 16px; }
.aiv12-card { min-width:0; display:flex; flex-direction:column; gap:0; border:1px solid #dbe4f1; background:#fff; border-radius:21px; padding:clamp(19px,2.3vw,29px); box-shadow:0 16px 39px rgba(30,51,88,.065); }
.aiv12-top { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; }
.aiv12-step { font:750 10px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; letter-spacing:.095em; color:#2e5aa2; }
.aiv12-icon { flex:none; width:55px; height:55px; display:grid; place-items:center; border:1px solid #dce5f4; border-radius:16px; background:linear-gradient(142deg,#edf3ff,#f8faff); color:#315db2; }
.aiv12-icon svg { width:27px; height:27px; }
.aiv12-card h3 { font:400 clamp(32px,3vw,42px)/1.02 Georgia,'Times New Roman',serif; color:#1c3050; letter-spacing:-.045em; margin:0 0 10px; }
.aiv12-desc { font:400 14px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif; color:#52637e; margin:0; max-width:37ch; }
.aiv12-flow { display:grid; grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr); align-items:center; gap:8px; margin:22px 0 20px; border:1px solid #e0e8f4; border-radius:14px; background:linear-gradient(128deg,#f9fbff,#f0f4fc); padding:14px 12px; min-height:75px; }
.aiv12-flow span { color:#244267; text-align:center; font:700 12px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif; }
.aiv12-flow svg { display:block; width:25px;height:25px; color:#7694c5; }
.aiv12-roles { margin-top:auto; display:grid; grid-template-columns:1fr 1fr; gap:10px; padding-top:17px; border-top:1px solid #e4eaf3; }
.aiv12-roles>div { min-width:0; }
.aiv12-roles span { display:block; margin-bottom:7px; font:750 9px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; letter-spacing:.11em; color:#627c9f; }
.aiv12-roles div:last-child span { color:#217257; }
.aiv12-roles strong { display:block; color:#2b425d; font:600 12px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif; }
@media(max-width:1050px){ .aiv12-grid { grid-template-columns:1fr; } .aiv12-card { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1fr); column-gap:24px; } .aiv12-top,.aiv12-card h3,.aiv12-desc { grid-column:1; } .aiv12-flow {grid-column:2; grid-row:1/4; align-self:center; margin:0;} .aiv12-roles { grid-column:1/-1; margin-top:18px;} }
@media(max-width:700px){ .sober-home #ia .aiv12-intro > p:last-child {max-width:32ch; font-size:16px;} .aiv12-card { display:flex; padding:20px; } .aiv12-card h3 { font-size:36px; } .aiv12-top {margin-bottom:12px;} .aiv12-icon {width:50px;height:50px;} .aiv12-flow { margin:17px 0 14px; } .aiv12-roles{margin-top:0;} }

/* B. Story ends - editorial next step instead of an interruptive CTA banner. */
html.has-js .sober-home .story-next-panel--inline,
html.has-js:not(.gn93-reading) .sober-home .story-next-panel--inline,
.sober-home .story-next-panel--inline {
  display:flex !important; align-items:center; justify-content:space-between;
  gap:20px 40px; padding:24px 0 32px; width:min(1110px,calc(100% - 2*clamp(24px,6vw,90px)));
  margin:0 auto 24px; border:0; border-top:1px solid color-mix(in srgb,var(--story-end-ink,#fff) 26%,transparent);
  border-radius:0; background:transparent; box-shadow:none; color:var(--story-end-ink,#fff);
}
.sober-home .story-next-panel--inline .story-next-copy span{font:700 10px/1.4 ui-monospace,Menlo,monospace; letter-spacing:.11em; color:var(--story-end-muted,#d8e5ed); margin-bottom:5px}
.sober-home .story-next-panel--inline .story-next-copy strong{font:400 clamp(23px,2.5vw,33px)/1.1 Georgia,serif; color:var(--story-end-ink,#fff); letter-spacing:-.035em}
.sober-home .story-next-panel--inline .sober-case-link { background:transparent!important; color:var(--story-end-ink,#fff)!important; font-weight:650; padding:10px 0; min-height:44px; border-radius:0; border-bottom:1px solid currentColor; box-shadow:none; white-space:nowrap; }
.sober-home .story-next-panel--inline .sober-case-link:hover { opacity:.8; }
.sober-home .story-next-panel--inline .sober-case-link:focus-visible{ outline:3px solid currentColor; outline-offset:4px; }
.sober-home .story-next-panel--inline.story-next-panel--mh { --story-end-bg:#192e49; --story-end-ink:#ecf1fa; --story-end-muted:#bfcadb; }
.sober-home .story-next-panel--inline.story-next-panel--mh .sober-case-link{color:#f5f9ff!important;}
/* Existing upfront index and direct study links remain available; story-only CTAs move to the footer. */
.sober-home .has-project-brief > .project-brief .project-brief-link { display:none; }
@media(max-width:720px){html.has-js .sober-home .story-next-panel--inline,.sober-home .story-next-panel--inline{align-items:flex-start; flex-direction:column; padding:22px 0 25px; gap:11px;width:calc(100% - 44px);} .sober-home .story-next-panel--inline .story-next-copy strong{font-size:26px;} }

/* C. Progress indicators align with the story content's leading edge. */
@media(min-width:801px){
 .sober-home .story-navigation>.client-story-position { left:clamp(26px,4vw,78px); }
 .sober-home #interface-en-contexte .sober-scene-controls .c103-control-row { padding-left:clamp(10px,2.4vw,45px); }
}
@media(max-width:800px){
 .sober-home .story-navigation>.client-story-position {left:22px;}
 .sober-home #interface-en-contexte .sober-scene-controls .c103-control-row{padding-left:6px;}
}

/* D. Malakoff - research framing, traceable evidence and a concise journey wireflow. */
.mh2-case .mhv12-research {margin:0 auto; padding:clamp(38px,5vw,72px) 0 clamp(44px,5vw,76px);}
.mhv12-research-header{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); column-gap:clamp(25px,5vw,72px); align-items:end;}
.mhv12-research-header .mh2-label{grid-column:1/-1; margin-bottom:14px;}
.mhv12-research-header h2{max-width:17ch; margin:0; color:#59382f; font:400 clamp(34px,4.1vw,61px)/1.08 Georgia,serif; letter-spacing:-.045em;}
.mhv12-research-header>p:last-child{margin:0; max-width:54ch; color:#695a55; font:400 16px/1.7 -apple-system,BlinkMacSystemFont,Arial,sans-serif;}
.mhv12-friction-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px;margin:38px 0 32px;}
.mhv12-friction-map article{display:flex;flex-direction:column;gap:0;padding:22px 24px; background:linear-gradient(150deg,#fff9f6,#fff); border:1px solid #eadbd6;border-radius:18px;box-shadow:0 11px 26px rgba(113,52,36,.045);}
.mhv12-friction-map article>span{color:#b24c38;font:750 10px/1.4 ui-monospace,Menlo,monospace;letter-spacing:.1em;}
.mhv12-friction-map h3{font:400 clamp(24px,2.5vw,35px)/1.1 Georgia,serif;letter-spacing:-.03em;color:#553329;margin:12px 0 10px;}
.mhv12-friction-map p{font:400 14px/1.55 -apple-system,BlinkMacSystemFont,Arial,sans-serif;color:#695b57;margin:0;}
.mhv12-friction-map article>div{margin-top:18px;padding-top:15px;border-top:1px solid #eee0dc;display:grid;gap:5px;}
.mhv12-friction-map b{color:#b44c3b;font:750 9px/1.3 ui-monospace,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase;}
.mhv12-friction-map strong{color:#643a30;font:600 13px/1.45 -apple-system,BlinkMacSystemFont,Arial,sans-serif;}
.mhv12-flow {border:1px solid #e8dbd5;background:#fbf7f5;padding:clamp(19px,3vw,34px);border-radius:20px;}
.mhv12-flow-heading{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:end;margin-bottom:20px;}
.mhv12-flow-heading>span{grid-column:1/-1;color:#b24d3d;font:750 10px/1.4 ui-monospace,Menlo,monospace;letter-spacing:.1em;}
.mhv12-flow-heading h3{margin:0;color:#56372d;font:400 clamp(24px,2.8vw,39px)/1.13 Georgia,serif;letter-spacing:-.032em;}
.mhv12-flow-heading p{margin:0;color:#776761;font:400 12px/1.5 -apple-system,BlinkMacSystemFont,Arial,sans-serif;}
.mhv12-flow-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.mhv12-flow-track>div{position:relative;min-width:0;padding:16px;background:#fff;border:1px solid #e7d8d1;border-radius:12px;}
.mhv12-flow-track>div:not(:last-child)::after{content:'›';position:absolute;top:50%;right:-15px;transform:translateY(-50%);width:18px;height:18px;display:grid;place-items:center;z-index:1;background:#b64d3d;color:white;border-radius:100%;font-size:20px;line-height:1;}
.mhv12-flow-track small{display:block;color:#b54e3f;font:700 11px/1.4 ui-monospace,Menlo,monospace;margin-bottom:13px;}
.mhv12-flow-track strong{display:block;color:#543c33;font:700 14px/1.4 -apple-system,BlinkMacSystemFont,Arial,sans-serif;}
.mhv12-flow-track span{display:block;margin-top:8px;color:#796b65;font:400 12px/1.45 -apple-system,BlinkMacSystemFont,Arial,sans-serif;}
.mhv12-proofbar{display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,70px);margin-top:24px;padding-top:24px;border-top:1px solid #eee0db;}
.mhv12-proofbar span{display:flex;align-items:baseline;gap:9px;color:#675c57;font:500 12px/1.5 -apple-system,BlinkMacSystemFont,Arial,sans-serif;}
.mhv12-proofbar strong{font:400 35px/1 Georgia,serif;color:#8d3a2f;letter-spacing:-.04em;}
.mh2-case .mh2-index {padding-bottom:36px;}
/* Screens stay visible, but no giant gallery or 'new tab' visual target. */
.mh2-case .mh2-shot-viewport{height:clamp(340px,41vw,620px);overflow:hidden;background:#f7f8fa;}
.mh2-case .mh2-shot-viewport img{width:100%;height:auto;display:block;object-fit:cover;object-position:top center;}
.mh2-case .mh2-shot--mobile .mh2-shot-viewport{height:clamp(410px,45vw,620px);background:#faf8f6;}
.mh2-case .mh2-shot--mobile .mh2-shot-viewport img{width:min(100%,430px);margin-inline:auto;}
.mh2-case .mh2-media-support .mh2-shot-viewport{height:clamp(310px,31vw,430px);}
.mh2-case .mh2-shot figcaption small{display:none;}
@media(max-width:1380px){.mh2-case .mhv12-research{margin-inline:clamp(22px,4.2vw,60px);}}
@media(max-width:900px){.mhv12-research-header{display:block}.mhv12-research-header h2{max-width:20ch;margin-bottom:17px}.mhv12-friction-map{gap:10px}.mhv12-friction-map article{padding:18px}.mhv12-friction-map h3{font-size:25px}.mhv12-flow-heading{display:block}.mhv12-flow-heading p{margin-top:8px}}
@media(max-width:640px){.mhv12-friction-map{grid-template-columns:1fr;gap:10px;margin:25px 0}.mhv12-friction-map article{padding:19px}.mhv12-friction-map h3{font-size:28px}.mhv12-flow-track{grid-template-columns:1fr 1fr;gap:12px}.mhv12-flow-track>div:nth-child(2)::after{display:none}.mhv12-flow-heading h3{font-size:28px}.mhv12-proofbar{gap:11px;flex-wrap:wrap;justify-content:space-between}.mhv12-proofbar span{min-width:42%;gap:7px}.mhv12-proofbar strong{font-size:30px}.mh2-case .mh2-shot-viewport{height:390px}.mh2-case .mh2-shot--mobile .mh2-shot-viewport{height:480px}}

/* E. Apple HIG-informed web approximation of a floating navigation material. */
body:is(.sober-home,.sober-case) .site-header .header-inner::before{
  transition:background .30s ease,box-shadow .30s ease,border-color .30s ease,border-radius .30s ease,filter .30s ease;
}
body:is(.sober-home,.sober-case) .site-header.is-v112-scrolled .header-inner::before{
  border-color:rgba(255,255,255,.72);
  background:linear-gradient(110deg,rgba(255,255,255,.93),rgba(246,248,253,.88) 54%,rgba(255,255,255,.94));
  box-shadow:0 14px 38px rgba(17,31,51,.19),inset 0 1px 0 rgba(255,255,255,.96),0 0 0 1px rgba(64,87,120,.05);
  -webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);
}
body:is(.sober-home,.sober-case) .site-header.is-v112-moving-down .header-inner::before{border-radius:19px;filter:saturate(1.04)}
body:is(.sober-home,.sober-case) .site-header.is-v112-moving-up .header-inner::before{border-radius:22px;}
body:is(.sober-home,.sober-case) .site-header.is-v112-scrolled::after{content:'';position:absolute;z-index:-1;left:0;right:0;top:100%;height:14px;pointer-events:none;background:linear-gradient(to bottom,rgba(232,238,246,.16),transparent);-webkit-mask-image:linear-gradient(to bottom,#000,transparent);mask-image:linear-gradient(to bottom,#000,transparent);}
@media(max-width:800px){body:is(.sober-home,.sober-case) .site-header.is-v112-moving-down .header-inner::before{border-radius:18px}}
@media(prefers-reduced-motion:reduce){body:is(.sober-home,.sober-case) .site-header .header-inner::before{transition:none!important;}}
html:is(.motion-reduced,.gn93-reading) body:is(.sober-home,.sober-case) .site-header .header-inner::before{transition:none!important;}
@media(prefers-reduced-transparency:reduce){body:is(.sober-home,.sober-case) .site-header .header-inner::before,body:is(.sober-home,.sober-case) .site-header.is-v112-scrolled .header-inner::before{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}}
@media(forced-colors:active){body:is(.sober-home,.sober-case) .site-header.is-v112-scrolled .header-inner::before{background:Canvas;border:1px solid CanvasText;box-shadow:none;}}
/* Precision pass: constrain the research frame inside narrow viewports. */
@media(max-width:1380px){
  .mh2-case .mhv12-research{width:calc(100% - 2*clamp(22px,4.2vw,60px));margin-inline:auto;}
}
/* Keep the owner's brand name together on the home header, as on case-study pages. */
@media(max-width:480px){
  body.sober-home .site-header .brand > span{width:auto;max-width:none;white-space:nowrap;font-size:11px;line-height:1.2;}
  body.sober-home .site-header .brand{flex:0 0 auto;}
  body.sober-home .site-header .desktop-nav{flex:1 1 83px;min-width:0;}
}
@media(max-width:360px){
  body.sober-home .site-header .brand > span{font-size:10px;}
  body.sober-home .site-header .desktop-nav{flex-basis:70px;}
}


/* SOURCE: /assets/styles/v113-ux-header-icons-and-joins.20261030.css */
/* V113 - restrained usability improvements on the validated V112 baseline. */

/* 1. Keep direct access to the studies, without repeating a detached row of links.
   Each project tile offers two distinct paths: immersive story and full case. */
body.sober-home .sober-project-heading nav.gn-direct-studies { display:none !important; }
body.sober-home .sober-project-heading nav .project-index-item{
  display:flex;flex-direction:column;min-width:0;position:relative;
}
@media(min-width:801px){
  body.sober-home .sober-project-heading nav .project-index-item+.project-index-item{
    border-left:1px solid #dce1e8;
  }
  body.sober-home .sober-project-heading nav .project-index-item>a.project-index-link{
    flex:1;min-height:108px;padding:18px 13px 6px;border:0;
    transition:background .18s ease;
  }
  body.sober-home .sober-project-heading nav .project-index-item>a.project-index-study{
    display:inline-flex;flex-direction:row;gap:7px;align-items:center;justify-content:flex-start;
    align-self:flex-start;width:auto;min-height:38px;max-width:calc(100% - 18px);
    margin:0 0 10px 84px;padding:5px 4px;border:0;border-radius:5px;
    background:transparent;color:#2548aa;text-decoration:underline;text-underline-offset:3px;
    font:650 12px/1.35 var(--sans,Arial,sans-serif);box-shadow:none;
  }
  body.sober-home .sober-project-heading nav .project-index-item>a.project-index-study span{
    font-size:15px;line-height:1;
  }
  body.sober-home .sober-project-heading nav .project-index-item>a.project-index-study:hover{
    background:transparent;color:#17367c;
  }
  body.sober-home .project-index-story-cue{
    display:block;margin-top:7px;color:#677793;
    font:600 11px/1.35 var(--sans,Arial,sans-serif);
  }
}
@media(min-width:801px) and (max-width:1100px){
  body.sober-home .sober-project-heading nav .project-index-item>a.project-index-study{margin-left:13px;}
}
@media(max-width:800px){
  /* The existing mobile quick index already provides both choices. */
  body.sober-home .sober-project-heading nav .project-index-item{display:none;}
}
body.sober-home .sober-project-heading nav .project-index-item>a.project-index-study:focus-visible{
  outline:3px solid #3154ef;outline-offset:2px;
}

/* 2. Lucide outlines: real pictograms with one stroke language and no solid blocks. */
.sober-home #ia .aiv12-icon{
  width:52px;height:52px;border-radius:15px;
  background:#f3f6fc;border:1px solid #dce5f2;
  color:#315bb0;box-shadow:none;
}
.sober-home #ia .aiv12-icon .aiv13-icon-svg{
  display:block;width:25px;height:25px;flex:none;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.sober-home #ia .aiv12-card{gap:0;}
.sober-home #ia .aiv12-desc{max-width:40ch;line-height:1.52;}
.sober-home #ia .aiv12-flow{margin:18px 0 17px;min-height:64px;}
.sober-home #ia .aiv12-roles{margin-top:0;padding-top:14px;}
.sober-home #ia .aiv12-grid{align-items:stretch;}
@media(max-width:700px){
  .sober-home #ia .aiv12-icon{width:47px;height:47px;}
  .sober-home #ia .aiv12-flow{margin:15px 0;}
}

/* 3. Repair margin-collapsing between the immersive sections.
   Flow-root contains the last child's margin inside its own painted section. */
body.sober-home main > :is(#malakoff-experience,#interface-en-contexte,#allianz-trade-pay,#apphalt-produit){
  display:flow-root;
}
body.sober-home .story-next-panel--inline{margin-bottom:0 !important;}

/* 4. Clean scroll-edge material: no decorative top white track or diffuse tail. */
body:is(.sober-home,.sober-case) .site-header .header-inner::before,
body:is(.sober-home,.sober-case) .site-header.is-v112-scrolled .header-inner::before{
  background:rgba(248,250,253,.95) !important;
  border:1px solid rgba(72,96,130,.12) !important;
  box-shadow:0 9px 28px rgba(17,37,67,.13) !important;
  -webkit-backdrop-filter:blur(17px) saturate(135%);
  backdrop-filter:blur(17px) saturate(135%);
  transform:none !important;
  filter:none !important;
}
body:is(.sober-home,.sober-case) .site-header.is-v112-scrolled .header-inner::before{
  background:rgba(246,249,252,.96) !important;
  box-shadow:0 12px 29px rgba(17,37,67,.17) !important;
}
body:is(.sober-home,.sober-case) .site-header::after,
body:is(.sober-home,.sober-case) .site-header.is-v112-scrolled::after{
  content:none !important;display:none !important;
}
body:is(.sober-home,.sober-case) .site-header .header-inner{
  --liquid-header-y:0px;--liquid-header-stretch:1;--liquid-content-y:0px;
  transform:translate3d(0,var(--gn-header-elastic-y,0px),0) scaleY(var(--gn-header-elastic-stretch,1));
  transform-origin:50% 15%;
  will-change:transform;
}
/* Move the whole bar as one body, not the background and controls independently. */
body:is(.sober-home,.sober-case) .site-header .header-inner > .brand,
body:is(.sober-home,.sober-case) .site-header .project-switcher > summary,
body:is(.sober-home,.sober-case) .site-header .desktop-nav > a,
body:is(.sober-home,.sober-case) .site-header .header-actions{
  transform:none !important;
}
@media(prefers-reduced-motion:reduce){
  body:is(.sober-home,.sober-case) .site-header .header-inner{transform:none !important;will-change:auto;}
}
html:is(.motion-reduced,.gn93-reading) body:is(.sober-home,.sober-case) .site-header .header-inner{
  transform:none !important;will-change:auto;
}
@media(prefers-reduced-transparency:reduce){
  body:is(.sober-home,.sober-case) .site-header .header-inner::before{
    background:#f9fafc!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
}
@media(forced-colors:active){
  body:is(.sober-home,.sober-case) .site-header .header-inner::before{
    background:Canvas!important;border:1px solid CanvasText!important;box-shadow:none!important;
  }
}

/* 5. Very subtle headline entrance. Essential copy is never hidden or delayed. */
@keyframes gn113-headline-arrival{
  from{opacity:.72;filter:blur(2px);transform:translate3d(0,10px,0)}
  to{opacity:1;filter:blur(0);transform:translate3d(0,0,0)}
}
@media(prefers-reduced-motion:no-preference){
  html.has-js:not(.motion-reduced):not(.gn93-reading) body.sober-home .hero79-copy h1 > span{
    animation:gn113-headline-arrival .62s cubic-bezier(.18,.8,.2,1) both;
  }
  html.has-js:not(.motion-reduced):not(.gn93-reading) body.sober-home .hero79-copy h1 > em{
    animation:gn113-headline-arrival .74s cubic-bezier(.18,.8,.2,1) .08s both;
  }
}
/* The first child of the light career block also had a collapsing top margin. */
body.sober-home main > #parcours{display:flow-root;}
/* Reveal the career content, not its full-color section background. Moving the
   entire section created a visible 24px white seam before it entered view. */
body.sober-home #parcours{transform:none!important;opacity:1!important;}


/* SOURCE: /assets/styles/v114-ia-and-layout.20261030.css */
/* v114 - IA clarity, project header breathing room, and tighter parcours balance */

/* 1) Give project lead-ins more breathing room so logos do not feel stuck to the top edge. */
body.sober-home .project-brief{
  padding-block:44px 12px;
}
body.sober-home .project-brief-logo{
  display:block;
}
@media(max-width:800px){
  body.sober-home .project-brief{padding-block:28px 6px;}
}

/* 2) Tighten the parcours section so the two columns feel related. */
body.sober-home #parcours .about-grid{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:clamp(30px,4.4vw,68px);
  align-items:start;
}
body.sober-home #parcours .experience li{grid-template-columns:82px 1fr;gap:18px;}
body.sober-home #parcours .experience h3{margin-bottom:16px;}
@media(max-width:1080px){
  body.sober-home #parcours .about-grid{gap:42px;}
}
@media(max-width:800px){
  body.sober-home #parcours .about-grid{grid-template-columns:1fr;gap:34px;}
  body.sober-home #parcours .experience li{grid-template-columns:86px 1fr;gap:16px;}
}

/* 3) IA section: calmer labels, richer visual cues, clearer role split. */
.sober-home #ia .aiv12-intro{margin-bottom:30px;align-items:end;}
.sober-home #ia .aiv12-intro > p:last-child{
  max-width:22ch;
  font-weight:600;
  color:#44597b;
  font-size:clamp(18px,1.55vw,24px);
  line-height:1.28;
}
.sober-home #ia .aiv12-grid,
.sober-home #ia .aiv12-grid * ,
.sober-home #ia .aiv12-grid *::before,
.sober-home #ia .aiv12-grid *::after{box-sizing:border-box;}
.sober-home #ia .aiv12-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.sober-home #ia .aiv12-card{
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:0;
  padding:clamp(22px,2.4vw,30px);
  border:1px solid #dbe4f1;
  border-radius:24px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%);
  box-shadow:0 16px 40px rgba(30,51,88,.06);
  overflow:hidden;
}
.sober-home #ia .aiv12-card::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:5px;
  background:linear-gradient(90deg,rgba(49,83,237,.12),rgba(49,83,237,0));
}
.sober-home #ia .aiv12-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.sober-home #ia .aiv12-step{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0;
  color:#315fb2;
  font:750 10px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.sober-home #ia .aiv12-icon{
  width:52px;
  height:52px;
  border-radius:16px;
  background:#f3f7ff;
  border:1px solid #d8e3f3;
  color:#315bb0;
  display:grid;
  place-items:center;
  transition:transform .28s ease, box-shadow .28s ease;
}
.sober-home #ia .aiv13-icon-svg{
  display:block;
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sober-home #ia .aiv12-card h3{
  margin:0 0 10px;
  color:#1b3152;
  font:400 clamp(31px,3vw,42px)/1.02 Georgia,'Times New Roman',serif;
  letter-spacing:-.045em;
}
.sober-home #ia .aiv12-desc{
  margin:0;
  max-width:32ch;
  color:#566885;
  font:400 14px/1.62 var(--sans,Arial,sans-serif);
}
.sober-home #ia .aiv14-flow{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:stretch;
  gap:10px;
  margin:20px 0 18px;
}
.sober-home #ia .aiv14-flow-item,
.sober-home #ia .aiv14-flow-arrow{
  min-width:0;
  border:1px solid #dde6f3;
  border-radius:15px;
  background:#f8fbff;
}
.sober-home #ia .aiv14-flow-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:13px 14px;
}
.sober-home #ia .aiv14-flow-arrow{
  display:grid;
  place-items:center;
  width:46px;
  color:#6f88ba;
  background:linear-gradient(180deg,#f6f9ff,#eef4ff);
}
.sober-home #ia .aiv14-flow-arrow svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.sober-home #ia .aiv14-mini-icon{
  width:28px;
  height:28px;
  flex:none;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#edf3ff;
  color:#4269c9;
}
.sober-home #ia .aiv14-mini-icon svg,
.sober-home #ia .aiv14-role-label svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  display:block;
}
.sober-home #ia .aiv14-flow-copy{min-width:0;display:grid;gap:2px;}
.sober-home #ia .aiv14-flow-copy small{
  color:#6f83a1;
  font:750 9px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.sober-home #ia .aiv14-flow-copy strong{
  color:#274261;
  font:650 12px/1.4 var(--sans,Arial,sans-serif);
}
.sober-home #ia .aiv12-roles{
  margin-top:auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding-top:16px;
  border-top:1px solid #e4ebf4;
}
.sober-home #ia .aiv12-roles > div{
  min-width:0;
  padding:12px 13px;
  border-radius:15px;
  background:#f7f9fd;
  border:1px solid #e1e9f4;
}
.sober-home #ia .aiv14-role-label{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-bottom:7px;
  color:#657b9d;
  font:750 9px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.sober-home #ia .aiv12-roles > div:last-child .aiv14-role-label{color:#217257;}
.sober-home #ia .aiv12-roles strong{
  display:block;
  color:#26415f;
  font:600 12px/1.45 var(--sans,Arial,sans-serif);
}
.sober-home #ia .aiv14-note{
  margin:16px 0 0;
  color:#61728d;
  font:400 12px/1.55 var(--sans,Arial,sans-serif);
}
@media(min-width:701px) and (max-width:1080px){
  .sober-home #ia .aiv12-grid{grid-template-columns:1fr;}
  .sober-home #ia .aiv12-card{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);column-gap:24px;}
  .sober-home #ia .aiv12-top,
  .sober-home #ia .aiv12-card h3,
  .sober-home #ia .aiv12-desc{grid-column:1;}
  .sober-home #ia .aiv14-flow{grid-column:2;grid-row:1/4;align-self:center;margin:0;}
  .sober-home #ia .aiv12-roles,
  .sober-home #ia .aiv14-note{grid-column:1/-1;}
}
@media(max-width:700px){
  .sober-home #ia .aiv12-intro{display:block;margin-bottom:24px;}
  .sober-home #ia .aiv12-intro .eyebrow{margin-bottom:12px;}
  .sober-home #ia .aiv12-intro h2{margin-bottom:12px;}
  .sober-home #ia .aiv12-intro > p:last-child{max-width:30ch;font-size:16px;}
  .sober-home #ia .aiv12-grid{grid-template-columns:1fr;gap:14px;}
  .sober-home #ia .aiv12-card{padding:20px;border-radius:20px;}
  .sober-home #ia .aiv12-card h3{font-size:36px;}
  .sober-home #ia .aiv12-step{font-size:9px;}
  .sober-home #ia .aiv12-icon{width:48px;height:48px;border-radius:15px;}
  .sober-home #ia .aiv14-flow{grid-template-columns:1fr;gap:8px;margin:17px 0 15px;}
  .sober-home #ia .aiv14-flow-arrow{width:auto;min-height:38px;}
  .sober-home #ia .aiv12-roles{grid-template-columns:1fr;gap:8px;}
}

/* 4) Gentle motion, only when useful. */
@media(prefers-reduced-motion:no-preference){
  html.has-js:not(.motion-reduced) .sober-home #ia .aiv12-card{
    opacity:0;
    transform:translate3d(0,18px,0);
    transition:opacity .52s ease, transform .52s cubic-bezier(.2,.7,.2,1), box-shadow .26s ease;
  }
  html.has-js:not(.motion-reduced) .sober-home #ia .aiv12-card.is-revealed{opacity:1;transform:none;}
  html.has-js:not(.motion-reduced) .sober-home #ia .aiv12-card:nth-child(2){transition-delay:.05s;}
  html.has-js:not(.motion-reduced) .sober-home #ia .aiv12-card:nth-child(3){transition-delay:.1s;}
  html.has-js:not(.motion-reduced) .sober-home #ia .aiv12-card:hover{
    transform:translate3d(0,-3px,0);
    box-shadow:0 20px 44px rgba(30,51,88,.09);
  }
  html.has-js:not(.motion-reduced) .sober-home #ia .aiv12-card:hover .aiv12-icon{
    transform:translate3d(0,-2px,0);
    box-shadow:0 10px 20px rgba(49,91,176,.12);
  }
}
@media(prefers-reduced-motion:reduce){
  .sober-home #ia .aiv12-card{opacity:1 !important;transform:none !important;transition:none !important;}
}


/* SOURCE: /assets/styles/v115-final-polish.20261030.css */
:root{
  --c115-shadow-soft:0 18px 48px rgba(17,24,39,.08);
  --c115-line:rgba(87,99,122,.16);
  --c115-card-bg:rgba(255,255,255,.72);
}
body.sober-home{--page-shell:#f5f6f8;--header-tint:rgba(247,249,252,.72);--glass-border:rgba(184,193,209,.62);--glass-ink:#1b2432}
body.v105-malakoff-humanis{--page-shell:#fff4ef;--header-tint:rgba(255,244,239,.78);--glass-border:rgba(210,170,158,.55);--glass-ink:#4c2b24;--case-accent:#8f3b31;--case-accent-soft:#f9e3da}
body.v105-cetelem{--page-shell:#f2f7ef;--header-tint:rgba(242,247,239,.78);--glass-border:rgba(173,197,169,.56);--glass-ink:#233221;--case-accent:#2d6a38;--case-accent-soft:#dff0e1}
body.v105-allianz-trade-pay{--page-shell:#edf4fb;--header-tint:rgba(237,244,251,.78);--glass-border:rgba(164,188,214,.58);--glass-ink:#18304d;--case-accent:#23507d;--case-accent-soft:#dfeaf7}
body.v105-apphalt{--page-shell:#f4f3fb;--header-tint:rgba(244,243,251,.76);--glass-border:rgba(187,182,222,.54);--glass-ink:#261f46;--case-accent:#6b58d3;--case-accent-soft:#e9e6ff}
body.sober-case,
body.sober-home,
body.sober-home main,
body.sober-case main,
body.sober-case .v105-case-hero,
body.sober-case .mh2-hero{background:var(--page-shell,#fff)}

.site-header{position:sticky;top:10px;z-index:70;background:transparent;border:0;padding:12px 0 10px;backdrop-filter:none;-webkit-backdrop-filter:none}
.site-header .header-inner{position:relative;min-height:74px;height:auto;padding:0 22px;border:1px solid var(--glass-border,rgba(190,198,210,.6));border-radius:30px;background:var(--header-tint,rgba(255,255,255,.76));box-shadow:var(--c115-shadow-soft), inset 0 1px 0 rgba(255,255,255,.56), inset 0 -1px 0 rgba(255,255,255,.16);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);overflow:hidden}
.site-header .header-inner::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,.14) 44%,rgba(255,255,255,.08));pointer-events:none}
.site-header .header-inner>*{position:relative;z-index:1}
.brand span,.desktop-nav>a,.header-cv,.header-linkedin{color:var(--glass-ink,#172130)}
.desktop-nav{gap:26px}
.desktop-nav>a{font-weight:550}
.desktop-nav>a[aria-current],.desktop-nav>a:hover{color:var(--case-accent,var(--blue));text-decoration:none}
.header-actions{gap:12px}
.header-linkedin,.header-cv{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid rgba(125,137,156,.22);background:rgba(255,255,255,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.45);font-weight:600}
.header-linkedin:hover,.header-cv:hover{background:rgba(255,255,255,.62)}
.header-linkedin .icon,.header-cv .icon{width:13px}
.header-cv{background:rgba(255,255,255,.58)}
.language-switch{padding:4px;background:rgba(255,255,255,.38);border-color:rgba(125,137,156,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.36)}
.language-switch a[aria-current]{background:var(--case-accent,#a44035);color:#fff}
.mobile-menu nav .header-linkedin,.mobile-menu nav .header-cv{display:flex;width:max-content;margin-top:4px}

/* White strip removal and project hero balance */
body.sober-case .v105-case-hero,
body.sober-case .mh2-hero{padding-top:18px;margin-top:0}
body.sober-case .back-link{margin-top:4px}
body.sober-case .v105-case-section,
body.sober-case .mh2-case-body section,
body.sober-case .mh2-conclusion{scroll-margin-top:110px}

/* Summary card clarity */
.case-facts{margin-top:34px;border:1px solid rgba(123,96,87,.14);border-radius:24px;overflow:hidden;background:rgba(127,108,97,.12)}
.case-facts>div{position:relative;display:flex;flex-direction:column;gap:10px;min-height:132px;padding:22px 22px 20px;background:rgba(255,255,255,.68)}
.case-facts>div::before{content:"";width:42px;height:42px;border-radius:14px;background:var(--case-accent-soft,#eef1f7);display:block;margin-bottom:4px;background-repeat:no-repeat;background-position:center;background-size:20px 20px}
.case-facts dt{display:flex;align-items:center;gap:10px;font:700 11px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:rgba(80,61,57,.84)}
.case-facts dd{margin:0;font:500 clamp(17px,1.8vw,22px)/1.35 var(--sans);color:var(--glass-ink,#252525);max-width:24ch}
.mh2-facts>div:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238f3b31' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M8 7V5a4 4 0 0 1 8 0v2'/%3E%3C/svg%3E")}
.mh2-facts>div:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238f3b31' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E")}
.mh2-facts>div:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238f3b31' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='4' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='13' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='13' width='7' height='7' rx='1.5'/%3E%3C/svg%3E")}
.mh2-facts>div:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238f3b31' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 12l3 3 7-7'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E")}
body.v105-cetelem .case-facts>div::before{background-color:var(--case-accent-soft)}
body.v105-cetelem .case-facts>div:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232d6a38' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M8 7V5a4 4 0 0 1 8 0v2'/%3E%3C/svg%3E")}
body.v105-cetelem .case-facts>div:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232d6a38' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E")}
body.v105-cetelem .case-facts>div:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232d6a38' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='4' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='13' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='13' width='7' height='7' rx='1.5'/%3E%3C/svg%3E")}
body.v105-cetelem .case-facts>div:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232d6a38' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 12l3 3 7-7'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E")}

.case-study-summary{gap:18px;margin-top:18px}
.case-study-summary article{position:relative;padding:22px 22px 22px 78px;border-radius:22px;border:1px solid rgba(123,96,87,.14);background:rgba(255,255,255,.74);box-shadow:0 12px 32px rgba(77,47,39,.06)}
.case-study-summary article::before{content:"";position:absolute;left:22px;top:22px;width:38px;height:38px;border-radius:12px;background:var(--case-accent-soft,#edf2fb);background-repeat:no-repeat;background-position:center;background-size:18px 18px}
.case-study-summary article span{font:700 11px/1.25 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:rgba(87,67,59,.84)}
.case-study-summary article strong{display:block;margin-top:10px;font:600 clamp(24px,2.2vw,30px)/1.08 var(--sans);color:var(--glass-ink,#252525)}
.case-study-summary article p{margin-top:12px;color:#5b5756}
.mh2-summary article:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238f3b31' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 8v4l2.5 2.5'/%3E%3C/svg%3E")}
.mh2-summary article:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238f3b31' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16M4 12h10M4 18h13'/%3E%3C/svg%3E")}
.mh2-summary article:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238f3b31' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E")}
body.v105-cetelem .case-study-summary article::before{background-color:var(--case-accent-soft)}
body.v105-cetelem .case-study-summary article:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232d6a38' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h18'/%3E%3Cpath d='M7 3v8'/%3E%3Cpath d='M17 13v8'/%3E%3Cpath d='M12 10l4 4-4 4'/%3E%3C/svg%3E")}
body.v105-cetelem .case-study-summary article:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232d6a38' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='m13 5 7 7-7 7'/%3E%3C/svg%3E")}
body.v105-cetelem .case-study-summary article:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232d6a38' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E")}

/* Research / friction blocks */
.mhv12-friction-map article{padding:22px;border-radius:22px;border:1px solid rgba(143,59,49,.16);background:rgba(255,255,255,.74);box-shadow:0 10px 28px rgba(77,47,39,.05)}
.mhv12-friction-map article span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:var(--case-accent-soft);color:var(--case-accent);font:700 12px/1 var(--sans);margin-bottom:14px}
.mhv12-friction-map article h3{margin-top:0}
.mhv12-flow,.mhv12-proofbar{border-radius:24px}
.mhv12-flow{border:1px solid rgba(143,59,49,.14);background:rgba(255,255,255,.72);padding:24px}
.mhv12-flow-track>div{background:#fff;border:1px solid rgba(143,59,49,.12);border-radius:18px;padding:18px 16px;box-shadow:0 8px 24px rgba(77,47,39,.05)}
.mhv12-proofbar{background:linear-gradient(135deg,#9a4034,#7d342a);box-shadow:0 14px 34px rgba(124,54,43,.16)}
.mhv12-proofbar span{color:#fffaf8}
.mhv12-proofbar strong{display:block;font-size:28px;line-height:1}

/* Case CTA / story panel stronger block */
html.has-js .sober-home .story-next-panel--inline,
.sober-home .story-next-panel--inline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:24px 26px;border-radius:24px;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 42px rgba(16,23,41,.14)}
.sober-home .story-next-panel--inline .sober-case-link{justify-self:end;padding:12px 18px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:none;white-space:nowrap}
.sober-home .story-next-panel--inline .sober-case-link:hover{background:rgba(255,255,255,.2)!important}
.sober-home .story-next-panel--inline .story-next-copy strong{max-width:16ch}

/* Cetelem real boards */
.c115-source-gallery{margin:24px auto 52px;max-width:1280px;padding:0 32px}
.c115-gallery-head{max-width:860px;margin:0 0 20px}
.c115-gallery-head .case-section-label{margin-bottom:8px}
.c115-gallery-head h2{font:400 clamp(34px,4.5vw,56px)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.04em;margin:0;color:var(--glass-ink,#263426)}
.c115-gallery-head p{margin:14px 0 0;color:#48514c;font-size:17px;line-height:1.65}
.c115-source-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.c115-source-card{margin:0;border:1px solid rgba(60,96,68,.14);border-radius:24px;background:rgba(255,255,255,.78);padding:16px;box-shadow:0 14px 34px rgba(47,70,45,.08)}
.c115-source-card img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid rgba(60,96,68,.1);background:#fff}
.c115-source-card figcaption{padding:14px 4px 4px;color:#455348;font-size:14px;line-height:1.55}
.c115-source-card strong{display:block;color:#1e3021;font-size:17px;margin-bottom:6px}

/* Case exits softer card feeling */
.v105-case-exits{margin-top:42px;padding:22px 26px;border:1px solid rgba(98,111,128,.16);border-radius:24px;background:rgba(255,255,255,.7);box-shadow:0 12px 32px rgba(20,26,40,.06)}
.v105-case-exits a{font-weight:600}

@media (max-width:1100px){
  .header-linkedin{display:none}
  .case-facts>div{min-height:118px}
}
@media (max-width:900px){
  .site-header{top:0;padding:0}
  .site-header .header-inner{min-height:66px;border-radius:0;border-left:0;border-right:0;box-shadow:none}
  .desktop-nav{display:none}
  .header-actions{margin-left:auto}
  .case-facts,.case-study-summary,.c115-source-gallery-grid{grid-template-columns:1fr!important}
  .c115-source-gallery{padding:0 20px}
  html.has-js .sober-home .story-next-panel--inline,.sober-home .story-next-panel--inline{grid-template-columns:1fr;padding:22px}
  .sober-home .story-next-panel--inline .sober-case-link{justify-self:start}
}
@media (max-width:720px){
  .header-cv{padding:0 12px}
  .case-facts>div,.case-study-summary article,.mhv12-friction-map article,.mhv12-flow,.c115-source-card,.v105-case-exits{padding:18px}
  .case-study-summary article{padding-left:74px}
  .case-study-summary article strong{font-size:24px}
  .mhv12-proofbar strong{font-size:24px}
}

/* v116 — focused adjustments requested on the validated v115 baseline. */

/* Header: one quiet LinkedIn icon, no PDF action, and no grey band beneath. */
body.sober-home{background:#fff}
.site-header .header-cv,
.site-header .gn-menu-cv{display:none!important}
.site-header .header-linkedin{
  width:44px;
  min-width:44px;
  padding:0;
  justify-content:center;
  font-size:0;
  color:var(--glass-ink,#172130);
}
.site-header .header-linkedin::before{
  content:"";
  width:17px;
  height:17px;
  background:currentColor;
  -webkit-mask:url("/assets/images/icon-linkedin.svg?v=20261030-v117a") center/contain no-repeat;
  mask:url("/assets/images/icon-linkedin.svg?v=20261030-v117a") center/contain no-repeat;
}
.site-header .header-linkedin .icon{display:none}
@media(max-width:1100px){.site-header .header-linkedin{display:inline-flex}}

/* The low-fi reimbursement view reserves the future icon without revealing it. */
#malakoff-experience .mh9-care-icon{
  border:1px solid #9fb0b9;
  border-radius:7px;
  background:#dfe6e9;
  box-shadow:inset 0 0 0 3px #edf1f3;
}
#malakoff-experience .mh9-care-icon img{
  opacity:var(--care-icon-detail,1);
  transition:opacity .18s linear;
}
#malakoff-experience[data-mh3-phase="3"] .mh9-care-icon img{opacity:0!important}

/* Keep the full study available alongside each immersive story. */
body.sober-home .sober-project-heading .project-index-study,
body.sober-home .sober-project-heading .gn-quick-study{display:inline-flex!important}
@media(min-width:801px){
  body.sober-home .sober-project-heading nav .project-index-item>a.project-index-link{
    min-height:132px;
    padding-bottom:18px;
  }
}
@media(max-width:800px){
  body.sober-home .gn-quick-actions{justify-content:flex-end}
  body.sober-home .gn-quick-actions .gn-quick-story{font-weight:650}
}

/* End-of-story access: a compact glass panel, visible without competing with the story. */
html.has-js .sober-home .story-next-panel--inline,
html.has-js:not(.gn93-reading) .sober-home .story-next-panel--inline,
.sober-home .story-next-panel--inline{
  width:min(1080px,calc(100% - 2*clamp(22px,5vw,72px)));
  margin:18px auto 28px!important;
  padding:17px 18px 17px 20px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:22px;
  background:rgba(255,255,255,.1);
  box-shadow:0 14px 34px rgba(7,19,36,.13),inset 0 1px 0 rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  backdrop-filter:blur(18px) saturate(125%);
}
.sober-home .story-next-panel--inline .story-next-copy span{
  margin-bottom:3px;
  font-size:9px;
  opacity:.82;
}
.sober-home .story-next-panel--inline .story-next-copy strong{
  max-width:none;
  font-size:clamp(20px,1.8vw,26px);
  letter-spacing:-.025em;
}
.sober-home .story-next-panel--inline .sober-case-link{
  min-height:42px;
  padding:0 15px!important;
  border:1px solid rgba(255,255,255,.26)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
  text-decoration:none;
  font-size:12px;
}
.sober-home .story-next-panel--inline .sober-case-link:hover{
  background:rgba(255,255,255,.2)!important;
  opacity:1;
}
@media(max-width:720px){
  html.has-js .sober-home .story-next-panel--inline,
  .sober-home .story-next-panel--inline{
    width:calc(100% - 32px);
    padding:16px;
    gap:12px;
    border-radius:18px;
  }
  .sober-home .story-next-panel--inline .story-next-copy strong{font-size:22px}
}

/* AI practice: one idea and one responsibility split per card. */
.sober-home #ia .aiv12-intro{margin-bottom:24px}
.sober-home #ia .aiv12-grid{gap:14px}
.sober-home #ia .aiv12-card{
  padding:24px;
  border-radius:22px;
  box-shadow:0 12px 30px rgba(30,51,88,.045);
}
.sober-home #ia .aiv12-card::after{display:none}
.sober-home #ia .aiv12-top{margin-bottom:12px}
.sober-home #ia .aiv12-icon{width:44px;height:44px;border-radius:14px}
.sober-home #ia .aiv12-icon .aiv13-icon-svg{width:21px;height:21px}
.sober-home #ia .aiv12-card h3{
  margin-bottom:8px;
  font-size:clamp(30px,2.7vw,39px);
}
.sober-home #ia .aiv12-desc{
  min-height:3.1em;
  font-size:14px;
  line-height:1.55;
}
.sober-home #ia .aiv14-flow{display:none}
.sober-home #ia .aiv12-roles{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  margin-top:22px;
  padding-top:0;
  border:1px solid #e1e8f2;
  border-radius:16px;
  overflow:hidden;
  background:#f8faff;
}
.sober-home #ia .aiv12-roles>div{
  padding:13px 14px;
  border:0;
  border-radius:0;
  background:transparent;
}
.sober-home #ia .aiv12-roles>div+div{border-left:1px solid #e1e8f2}
.sober-home #ia .aiv14-role-label{margin-bottom:5px}
.sober-home #ia .aiv12-roles strong{font-size:12px;line-height:1.4}
.sober-home #ia .aiv14-note{
  margin-top:13px;
  font-size:12px;
}
@media(max-width:700px){
  .sober-home #ia .aiv12-card{padding:20px}
  .sober-home #ia .aiv12-card h3{font-size:34px}
  .sober-home #ia .aiv12-desc{min-height:0}
  .sober-home #ia .aiv12-roles{grid-template-columns:1fr;margin-top:18px}
  .sober-home #ia .aiv12-roles>div+div{border-left:0;border-top:1px solid #e1e8f2}
}

/* Footer language state returns to the portfolio blue. */
.site-footer .language-switch a[aria-current]{background:#3154ef;color:#fff}

/* v117 — visual synthesis after the full portfolio review. */
body:is(.sober-home,.sober-case) .site-header .header-inner{
  overflow:visible;
  background:color-mix(in srgb,var(--header-tint,rgba(247,249,252,.72)) 74%,transparent);
  border-color:rgba(170,185,207,.54);
  -webkit-backdrop-filter:blur(24px) saturate(145%);
  backdrop-filter:blur(24px) saturate(145%);
}
body:is(.sober-home,.sober-case) .site-header .header-inner::before,
body:is(.sober-home,.sober-case) .site-header.is-v112-scrolled .header-inner::before{
  background:linear-gradient(155deg,rgba(255,255,255,.20),rgba(255,255,255,.04) 55%,rgba(255,255,255,.12))!important;
  border:0!important;
  border-radius:inherit;
  box-shadow:inset 0 1px rgba(255,255,255,.63),inset 0 -1px rgba(255,255,255,.14)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body:is(.sober-home,.sober-case) .site-header .project-switcher[open] .project-switch-panel{z-index:90}
.sober-home #hero-title:focus-visible{outline:0;box-shadow:-4px 0 #3154ef}
@media(prefers-reduced-transparency:reduce){
  body:is(.sober-home,.sober-case) .site-header .header-inner{background:#f8faff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
.site-header .header-linkedin{display:grid;place-items:center;gap:0;width:44px;height:44px;min-height:44px}
.site-header .header-linkedin::before{width:19px;height:19px}
body.sober-home .project-brief{padding-block:62px 38px}
body.sober-home #allianz-trade-pay[data-at125]>.project-brief{padding-block:62px 38px}
@media(max-width:800px){body.sober-home .project-brief,body.sober-home #allianz-trade-pay[data-at125]>.project-brief{padding-block:38px 24px}}
.sober-home .story-next-panel--inline{margin-bottom:52px!important}
@media(max-width:720px){.sober-home .story-next-panel--inline{margin-bottom:36px!important}}

/* Recruitment story: quick proof, readable supporting detail. */
.at2-case .case-study-summary{display:none}
.at2-case .at124-facts>div::before{display:none}
.at2-case .at124-facts>div{min-height:94px;padding:18px 20px}
.at2-case .at124-research{
  margin:38px 0 0;
  border-radius:24px 24px 0 0;
  border-bottom:0;
}
.at2-case .at2-context{margin-top:0}
.at2-case .at2-context::before{
  inset:50% -320px auto auto;
  width:640px;height:640px;
  transform:translateY(-50%);
  border-color:rgba(169,206,255,.20);
  box-shadow:none;
}
.sober-home #allianz-trade-pay :is(.ap-eyebrow,.ap-footer,.ap-caption){
  font-size:max(12px,1em);
  color:#476171;
}
.sober-home #allianz-trade-pay .ap-footer>span:last-child{color:#476171}
.sober-home #allianz-trade-pay .ap-art[data-ap-phase="0"] .ap-order strong{color:#f5f9ff}
.sober-home #allianz-trade-pay .ap-art[data-ap-phase="0"] :is(.ap-eyebrow,.ap-eyebrow b,.ap-footer,.ap-footer>span:last-child){color:#c3d7e3}
.sober-home #cetelem-contexte .sober-cetelem-metric,
.sober-home #cetelem-contexte #cetelem-concevoir,
.sober-home #cetelem-contexte .sober-inline-link,
.sober-home #cetelem-contexte .sober-kicker{display:none}
.sober-home #cetelem-contexte.sober-cetelem-end{min-height:0;height:0;padding:0;overflow:hidden}
@media(prefers-reduced-motion:reduce){.sober-home #cetelem-contexte.sober-cetelem-end{height:auto;overflow:visible}}
.sober-home #cetelem-contexte.sober-cetelem-end>div{display:none}

/* Editorial labels belong to the same type system as the rest of the page. */
.sober-home #ia .aiv12-intro>p:last-child{display:none}
.sober-home #ia :is(.aiv12-step,.aiv14-role-label){
  font-family:var(--sans,Arial,sans-serif);
  font-size:12px;
  font-weight:650;
  letter-spacing:0;
  text-transform:none;
}
.sober-home #ia .aiv12-roles strong{font-size:13px}

/* AppHalt: the observed apps travel toward the two design decisions. */
.sober-home #apphalt-produit[data-ah-native] .ah-observation-app--foreground{
  transform:translate3d(calc(var(--ah-bridge,0)*-2%),calc(var(--ah-bridge,0)*-42px),0) scale(calc(1 - var(--ah-bridge,0)*.035));
}
.sober-home #apphalt-produit[data-ah-native] .ah-observation-app--background{
  transform:translate3d(calc(var(--ah-bridge,0)*-9%),calc(var(--ah-bridge,0)*-70px),0) scale(calc(1 - var(--ah-bridge,0)*.035));
}
.sober-home #apphalt-produit[data-ah-native] .ah-research-keep{
  transform:translate3d(calc((1 - var(--ah-bridge,1))*-14px),calc((1 - var(--ah-bridge,1))*42px),0) scale(calc(.965 + var(--ah-bridge,1)*.035));
}
.sober-home #apphalt-produit[data-ah-native] .ah-research-control{
  transform:translate3d(calc((1 - var(--ah-bridge,1))*22px),calc((1 - var(--ah-bridge,1))*70px),0) scale(calc(.965 + var(--ah-bridge,1)*.035));
}
.sober-home #apphalt-produit[data-ah-native] .ah-research-avoid,
.sober-home #apphalt-produit[data-ah-native] .ah-research-answer{
  opacity:calc(var(--ah-research-o,0)*var(--ah-third,0));
}
@media(prefers-reduced-motion:reduce){
  .sober-home #apphalt-produit[data-ah-native] :is(.ah-observation-app,.ah-research-card){transform:none}
}

/* Project links land edge to edge. Reserve the floating header's height inside
   each introduction, so the logo stays in place while the new colour fills
   the viewport behind the header. */
body.sober-home .has-project-brief>.project-brief,
body.sober-home #allianz-trade-pay[data-at125]>.project-brief{
  padding-top:calc(62px + var(--gn-header-height,92px));
}
@media(max-width:800px){
  body.sober-home .has-project-brief>.project-brief,
  body.sober-home #allianz-trade-pay[data-at125]>.project-brief{
    padding-top:calc(38px + var(--gn-header-height,76px));
  }
}
@media(max-width:340px){
  body.sober-home .site-header .header-inner{padding-inline:3px;gap:3px}
  body.sober-home .site-header .brand{gap:4px}
  body.sober-home .site-header .project-switcher summary{padding-inline:1px}
  body.sober-home .site-header .project-switcher summary svg{width:11px;height:11px;flex:0 0 11px}
}

/* A single, findable return control at the end of the long home page. */
body.sober-home .site-footer{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:22px 32px;
  padding-block:28px 36px;
}
body.sober-home .site-footer>.gn99-footer-top{
  grid-column:1/-1;
  justify-self:end;
  display:inline-flex;
  align-items:center;
  gap:18px;
  min-height:48px;
  padding:5px 9px 5px 18px;
  border:1px solid #ccd7e9;
  border-radius:999px;
  background:#f5f7ff;
  color:#193a78;
  font:600 13px/1.2 var(--sans);
  text-decoration:none;
  transition:background-color .2s,border-color .2s,transform .2s;
}
body.sober-home .site-footer>.gn99-footer-top:hover{
  background:#e9eeff;
  border-color:#9eafe8;
  transform:translateY(-2px);
}
body.sober-home .site-footer>.gn99-footer-top span{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#3154ef;
  color:#fff;
  font-size:17px;
  line-height:1;
}
body.sober-home .site-footer>.footer-links{margin-top:0}
@media(max-width:800px){
  body.sober-home .site-footer{grid-template-columns:1fr;gap:18px}
  body.sober-home .site-footer>.gn99-footer-top{justify-self:start}
  body.sober-home .site-footer>.footer-links{grid-column:1;justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){
  body.sober-home .site-footer>.gn99-footer-top{transition:none}
  body.sober-home .site-footer>.gn99-footer-top:hover{transform:none}
}

/* V129: native project carousel and optically centred LinkedIn mark. */
.site-header .header-linkedin{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  font-size:0;
  line-height:0;
}
.site-header .header-linkedin::before{
  display:block;
  flex:0 0 17px;
  width:17px;
  height:17px;
  -webkit-mask-image:url("/assets/images/icon-linkedin-outline.svg");
  mask-image:url("/assets/images/icon-linkedin-outline.svg");
}
@media(max-width:800px){
  body.sober-home .sober-project-heading nav.gn-quick-index{display:none}
  body.sober-home .sober-project-heading nav:not(.gn-quick-index):not(.gn-direct-studies){
    display:flex;
    flex-wrap:nowrap;
    gap:12px;
    width:100%;
    max-width:none;
    padding:3px 1px 11px;
    border:0;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    scroll-padding-inline:1px;
    scrollbar-width:thin;
    -webkit-overflow-scrolling:touch;
  }
  body.sober-home .sober-project-heading nav:not(.gn-quick-index):not(.gn-direct-studies):focus-visible{
    outline:3px solid #3154ef;
    outline-offset:3px;
    border-radius:12px;
  }
  body.sober-home .sober-project-heading nav .project-index-item{
    display:flex;
    flex:0 0 max(220px,66%);
    flex-direction:column;
    min-width:0;
    min-height:150px;
    margin:0;
    border:1px solid #dce3ed;
    border-radius:17px;
    background:#fff;
    box-shadow:0 7px 22px rgba(28,45,77,.055);
    scroll-snap-align:start;
    overflow:hidden;
  }
  body.sober-home .sober-project-heading nav .project-index-item>a.project-index-link{
    display:grid;
    grid-template-columns:43px minmax(0,1fr) 15px;
    gap:10px;
    align-items:center;
    flex:1;
    width:100%;
    min-height:100px;
    margin:0;
    padding:15px 13px 9px;
    border:0!important;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  body.sober-home .sober-project-heading nav .project-index-item>a.project-index-link .project-entry-mark{
    width:42px;
  }
  body.sober-home .sober-project-heading nav .project-index-item>a.project-index-study{
    display:inline-flex!important;
    flex:none;
    flex-direction:row;
    align-items:center;
    align-self:flex-start;
    gap:5px;
    width:auto;
    min-height:44px;
    margin:0 0 4px 66px;
    padding:4px 2px;
    border:0!important;
    border-radius:4px;
    background:transparent;
    box-shadow:none;
    color:#2548aa;
    font:650 12px/1.3 var(--sans,Arial,sans-serif);
    text-decoration:underline;
    text-underline-offset:3px;
    scroll-snap-align:none;
  }
  body.sober-home .sober-project-heading nav .project-index-item>a.project-index-study span{
    display:inline-flex;
    align-items:center;
  }
  body.sober-home .sober-project-heading nav .project-index-item>a.project-index-study svg{
    display:block;
    width:13px;
    height:13px;
    fill:currentColor;
  }
  body.sober-home .sober-project-heading .selection-controls{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:7px;
  }
}
@media(max-width:359px){
  body.sober-home .sober-project-heading nav .project-index-item>a.project-index-link{grid-template-columns:36px minmax(0,1fr) 12px;gap:8px;padding-inline:10px}
  body.sober-home .sober-project-heading nav .project-index-item>a.project-index-study{margin-left:54px}
  body.sober-home .site-header .header-inner{gap:5px;padding-inline:5px}
  body.sober-home .site-header .brand{gap:4px}
  body.sober-home .site-header .brand > span{display:block;width:38px;max-width:38px;white-space:normal;font-size:10px;line-height:1.05}
  body.sober-home .site-header .brand img{width:24px}
  body.sober-home .site-header .desktop-nav{flex:0 0 74px;min-width:0}
  body.sober-home .site-header .header-actions{gap:4px}
  body.sober-home .site-header .project-switcher summary.has-project-identity{gap:2px}
  body.sober-home .site-header .project-switcher .project-switch-identity{gap:2px}
  body.sober-home .site-header .project-switcher summary.has-project-identity svg{width:8px;height:8px;flex:0 0 8px}
  body.sober-home .site-header[data-project-theme] .project-switch-identity img{max-width:62px}
  body.sober-home .site-header[data-project-theme="apphalt"] .project-switch-identity img{width:22px;height:22px}
  body.sober-home .site-header[data-project-theme="apphalt"] .project-switch-identity span{font-size:10px}
}

/* One quiet route from each client story to its detailed project page. */
html.has-js .sober-home .story-next-panel--compact,
html.has-js:not(.gn93-reading) .sober-home .story-next-panel--compact,
.sober-home .story-next-panel--compact{
  display:block;
  padding:0;
  margin:16px auto 48px!important;
  border:1px solid rgba(255,255,255,.17);
  border-radius:18px;
  background:rgba(255,255,255,.065);
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.sober-home .story-next-panel--compact .story-next-link{
  display:flex;
  box-sizing:border-box;
  width:100%;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:72px;
  padding:12px 17px 12px 20px;
  border-radius:inherit;
  color:#f7faff;
  text-decoration:none;
  transition:background-color .2s ease;
}
.sober-home .story-next-panel--compact .story-next-link:hover{background:rgba(255,255,255,.075)}
.sober-home .story-next-panel--compact .story-next-link:focus-visible{outline:3px solid #b9d4ff;outline-offset:3px}
.sober-home .story-next-panel--compact .story-next-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.sober-home .story-next-panel--compact .story-next-copy span{
  margin:0;
  color:rgba(247,250,255,.68);
  font:650 10px/1.2 var(--sans,Arial,sans-serif);
  letter-spacing:.11em;
  text-transform:uppercase;
}
.sober-home .story-next-panel--compact .story-next-copy strong{
  color:inherit;
  font:600 16px/1.3 var(--sans,Arial,sans-serif);
  letter-spacing:0;
}
.sober-home .story-next-panel--compact .story-next-link svg{
  box-sizing:border-box;
  flex:0 0 36px;
  width:36px;
  height:36px;
  padding:10px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;
  fill:currentColor;
}
@media(max-width:720px){
  html.has-js .sober-home .story-next-panel--compact,
  .sober-home .story-next-panel--compact{width:calc(100% - 32px);padding:0;margin-bottom:36px!important}
  .sober-home .story-next-panel--compact .story-next-link{min-height:68px;padding:10px 13px 10px 15px}
  .sober-home .story-next-panel--compact .story-next-copy strong{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.sober-home .story-next-panel--compact .story-next-link{transition:none}}
html:is(.motion-reduced,.gn93-reading) .sober-home .story-next-panel--compact .story-next-link{transition:none}

/* Font Awesome's LinkedIn mark, without a second square inside the round button. */
.site-header .header-linkedin::before{
  flex:0 0 16px;
  width:16px;
  height:18px;
  -webkit-mask:url("/assets/images/icon-linkedin-fa.svg") center/contain no-repeat;
  mask:url("/assets/images/icon-linkedin-fa.svg") center/contain no-repeat;
  transform:translateY(1px);
  opacity:.82;
}
.site-header .header-linkedin:hover::before{opacity:1}


/* SOURCE: /assets/styles/v130-apphalt-journey.20261031.css */
/* AppHalt only: a single Chrome example travels from the observation to the design rule. */
.sober-home #apphalt-produit[data-ah-native] .ah-logic{
  position:absolute;inset:0;opacity:var(--ah-logic-o,0);color:#f7f9ff;
  font-family:var(--sans,Arial,sans-serif);pointer-events:none;
}
.sober-home #apphalt-produit[data-ah-native] .ah-logic *{box-sizing:border-box}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-bar{
  position:absolute;top:12px;left:6%;right:6%;height:34px;display:flex;align-items:center;
  justify-content:space-between;border-bottom:1px solid #b6c9ee4d;color:#cbd9f5;
}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-brand{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-brand img{height:24px;width:24px;border-radius:6px}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-bar-dots{opacity:.58}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-kicker{display:block;color:#a9c8ff;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-observation{
  position:absolute;top:74px;left:8%;right:8%;opacity:var(--ah-observation-o,0);
  transform:translateY(calc((1 - var(--ah-observation-o,0))*12px));
}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-observation strong{
  display:block;max-width:23ch;margin-top:9px;font-size:clamp(22px,2.3vw,30px);line-height:1.14;letter-spacing:-.035em;
}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-observation p{max-width:38ch;margin-top:9px;font-size:13px;line-height:1.45;color:#c7d2ee}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-question{
  position:absolute;top:84px;left:8%;right:8%;color:#f6f9ff;font-size:clamp(21px,2.2vw,29px);
  line-height:1.17;font-weight:650;letter-spacing:-.025em;opacity:var(--ah-interlude-o,0);
  transform:translateY(calc((1 - var(--ah-interlude-o,0))*8px));
}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-work,
.sober-home #apphalt-produit[data-ah-native] .ah-logic-browser{
  position:absolute;left:8%;right:8%;display:flex;align-items:center;gap:13px;min-width:0;border-radius:13px;
}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-work{
  top:215px;height:69px;padding:13px 17px;border:1px solid #435980;background:#1d2d50;
  opacity:var(--ah-observation-o,0);transform:translateY(calc((1 - var(--ah-observation-o,0))*10px));
}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-work-icon{width:28px;height:28px;flex:none;border-radius:8px;background:#a9c6fb24}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-work-icon:after{content:"";display:block;width:11px;height:11px;margin:8.5px;border-radius:50%;background:#b6cdf4}
.sober-home #apphalt-produit[data-ah-native] :is(.ah-logic-work,.ah-logic-browser)>span:nth-child(2){display:grid;gap:2px;min-width:0}
.sober-home #apphalt-produit[data-ah-native] :is(.ah-logic-work,.ah-logic-browser) strong{font-size:15px;line-height:1.2;font-weight:670;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sober-home #apphalt-produit[data-ah-native] :is(.ah-logic-work,.ah-logic-browser) small{font-size:11px;line-height:1.2;color:#c4d2ec}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-work-state{margin-left:auto;color:#c4d2ec;font-size:11px;white-space:nowrap}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-browser{
  top:calc(303px - var(--ah-bridge,0)*185px);height:78px;padding:13px 17px;
  background:#f8faff;color:#162647;border:1px solid #d5e2f7;
  box-shadow:0 18px 38px #060e2445;z-index:2;
  /* Only present during the observation. The card must fade before the design rule appears. */
  opacity:var(--ah-observation-o,0);
}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-browser>img{height:30px;width:30px;flex:none}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-browser small{color:#60718e}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-activity{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:11px;color:#2f5b99;white-space:nowrap}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-activity i{width:8px;height:8px;flex:none;background:#d58e2a;border-radius:50%;box-shadow:0 0 0 4px #d58e2a20}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-footnote{
  position:absolute;left:15%;right:8%;bottom:46px;padding-top:13px;border-top:1px solid #a9c8ff6b;
  color:#c7d2ee;font-size:12px;line-height:1.45;opacity:var(--ah-observation-o,0);
}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-decisions{
  position:absolute;top:215px;left:8%;right:8%;opacity:var(--ah-research-o,0);
  transform:translateY(calc((1 - var(--ah-research-o,0))*12px));
}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-decisions>strong{
  display:block;margin:7px 0 13px;font-size:20px;line-height:1.2;letter-spacing:-.025em;
}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-choice{
  min-height:64px;display:flex;align-items:center;gap:13px;margin-top:7px;padding:9px 14px;
  border:1px solid #667ca144;border-radius:11px;background:#26395c;color:#f7f9ff;
}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-choice>span{width:25px;color:#a9c8ff;font-size:10px;font-weight:700;letter-spacing:.1em}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-choice>div{display:grid;gap:2px;min-width:0;flex:1}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-choice strong{font-size:13px;line-height:1.2}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-choice small{font-size:11px;line-height:1.2;color:#bdcde8}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-choice b{font-size:11px;font-weight:700;color:#b9d6ff}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-choice-focus{border-color:#91b8ff;background:#eaf2ff;color:#172951;box-shadow:0 10px 24px #050c1b3b}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-choice-focus small{color:#456487}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-choice-focus b{padding:6px 11px;border-radius:7px;background:#2468d9;color:white}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-decisions>p{margin:12px 0 0;color:#cad8ef;font-size:11px;line-height:1.35}
.sober-home #apphalt-produit[data-ah-native] .ah-wire-label{font-size:11px;font-weight:650;color:#365a92}
.sober-home #apphalt-produit[data-ah-native] .ah-wire-window{border-color:#9db2d2;box-shadow:0 24px 45px #1b2d5350}
.sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-product-demo-host .ah-demo-caption{display:none}

/* The menu waits until the window has travelled; on phones both are legible and separate. */
@media(max-width:800px){
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-observation{top:48px;left:6%;right:6%}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-question{top:65px;left:6%;right:6%;font-size:21px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-observation strong{font-size:22px;max-width:24ch}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-observation p{font-size:11px;margin-top:6px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-bar{top:0;left:5%;right:5%;height:36px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-work{top:169px;left:5%;right:5%;height:60px;padding:9px 12px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-browser{top:calc(245px - var(--ah-bridge,0)*195px);left:5%;right:5%;height:68px;padding:10px 12px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-browser>img{height:26px;width:26px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-footnote{left:8%;right:5%;bottom:18px;font-size:11px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-decisions{top:128px;left:5%;right:5%}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-decisions>strong{font-size:17px;margin:4px 0 8px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-choice{min-height:52px;margin-top:5px;padding:6px 9px;gap:7px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-choice>span{width:19px;font-size:9px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-choice strong{font-size:11px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-choice small{font-size:10px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-choice b{font-size:10px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-choice-focus b{padding:5px 7px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-decisions>p{font-size:10px;margin-top:8px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-product-demo-host .ah-demo .ah-demo-dashboard,
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-product-demo-host .ah-demo[data-composition="showcase"] .ah-demo-dashboard{
   left:12px;top:var(--ah-mobile-window-top,40px);width:calc(100% - 24px);
   height:var(--ah-mobile-window-height,346px);transform:none;overflow:hidden;
 }
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-menu{
   left:12px;right:12px;top:192px;width:calc(100% - 24px);max-height:min(186px,calc(100% - 204px));
   overflow:hidden;padding:7px 11px;border:1px solid #ffffff;
   background:#e9ebf0;box-shadow:0 13px 26px #10203e55;
   opacity:var(--ah-menu-reveal,1);transform:translateY(var(--ah-menu-translate,0px)) scale(var(--ah-menu-scale,1));
 }
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-menu-item:nth-last-child(-n+4),
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-menu-line:nth-last-of-type(-n+2){display:none}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-menu-item,
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-menu-line:last-of-type,
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] :is(.ah-demo-rows,.ah-demo-tablehead,.ah-demo-footer){display:none}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] [data-part="menu-other"] .ah-demo-menu-app:last-child{display:none}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-menu-app,
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-menu-item{height:24px;min-height:24px;font-size:11px!important}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-menu-label{font-size:10px;line-height:13px}
}
@media(max-width:600px){
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-canvas{height:min(440px,calc(100svh - 286px))}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-art{height:min(392px,calc(100svh - 326px))}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-wire-window{height:min(344px,calc(100svh - 370px));top:51%}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo-scene{height:min(392px,calc(100svh - 318px))}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-menu{top:192px;max-height:min(186px,calc(100% - 204px))}
}
@media(max-width:800px) and (max-height:710px){
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-decisions>p{display:none}
}
@media(max-width:380px){
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-observation strong{font-size:19px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-observation p{font-size:10px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-activity{font-size:9px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-choice-focus b{padding:4px 6px}
}


/* SOURCE: /assets/styles/v132-targeted-polish.20261031.css */
/* The AI practice stays a three-column overview on larger screens. */
.sober-home #ia .aiv132-controls{display:none}

@media(max-width:700px){
  .sober-home #ia .aiv12-grid{
    display:flex;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    max-width:100%;
    padding:4px 32px 14px 0;
    scroll-snap-type:x mandatory;
    scroll-padding-inline-start:0;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .sober-home #ia .aiv12-grid::-webkit-scrollbar{display:none}
  .sober-home #ia .aiv12-card{
    flex:0 0 100%;
    min-width:0;
    height:auto;
    scroll-snap-align:start;
    opacity:1 !important;
    transform:none !important;
  }
  .sober-home #ia .aiv132-controls{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-top:8px;
    color:#3d5272;
  }
  .sober-home #ia .aiv132-position{
    font:600 13px/1.3 var(--sans,Arial,sans-serif);
    font-variant-numeric:tabular-nums;
  }
  .sober-home #ia .aiv132-buttons{display:flex;gap:10px}
  .sober-home #ia .aiv132-buttons button{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    padding:0;
    border:1px solid #cbd8eb;
    border-radius:50%;
    background:#fff;
    color:#234675;
    cursor:pointer;
  }
  .sober-home #ia .aiv132-buttons button:disabled{opacity:.38;cursor:default}
  .sober-home #ia .aiv132-buttons button:focus-visible{outline:3px solid #3154ef;outline-offset:3px}
  .sober-home #ia .aiv132-buttons svg{display:block;width:18px;height:18px;fill:currentColor}
}

@media(prefers-reduced-motion:reduce){
  .sober-home #ia .aiv12-grid{scroll-behavior:auto}
}


/* SOURCE: /assets/styles/v135-targeted.20261031.css */
/* Requested refinements only. */
.mh2-case .mh2-summary{background:#fff9f6;border-color:#eadbd6;box-shadow:none}
.mh2-case .mh2-summary article{background:#fffaf8;box-shadow:none}
.mhv12-flow-track>div:not(:last-child)::after{content:none!important}
.mhv12-flow-track .mhv135-flow-arrow{position:absolute;top:50%;right:-17px;transform:translateY(-50%);width:22px;height:22px;margin:0;display:flex;align-items:center;justify-content:center;z-index:2;background:#b64d3d;border-radius:50%;color:#fff}
.mhv12-flow-track .mhv135-flow-arrow svg{width:10px;height:10px;fill:currentColor;display:block}
.mhv12-friction-map article>span,.mhv12-friction-map b,.mhv12-flow-heading>span,.mhv12-flow-track small{font-family:var(--sans,Arial,sans-serif)!important;letter-spacing:.035em}
:is(.at97-tabs button>span:first-child,.aiv12-step,.aiv12-roles span,.story-next-copy span,.aif-step,.aif-simple-facts dt,.aif-simple-roles span,.aif-responsibility span,.aiv14-flow-copy small,.aiv14-role-label,.eyebrow,.wire-kicker,.question-note span){font-family:var(--sans,Arial,sans-serif)!important;letter-spacing:.035em!important}
.mhv135-process{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0 0}
.mhv135-panel{min-width:0;padding:clamp(20px,2.5vw,30px);border:1px solid #e8d8d1;border-radius:20px;background:#fffaf8;color:#543c33}
.mhv135-panel>p:first-child{margin:0 0 7px;color:#ad4736;font:700 11px/1.3 var(--sans,Arial,sans-serif);letter-spacing:.04em;text-transform:uppercase}
.mhv135-panel h3{margin:0 0 8px;font:400 clamp(23px,2.25vw,32px)/1.13 Georgia,serif;letter-spacing:-.03em}
.mhv135-panel>p:nth-of-type(2){margin:0 0 18px;color:#6e5b54;font:400 13px/1.5 var(--sans,Arial,sans-serif)}
.mhv135-panel>small{display:block;margin-top:16px;color:#786760;font:400 11px/1.45 var(--sans,Arial,sans-serif)}
.mhv135-map{display:grid;gap:8px}
.mhv135-map-root,.mhv135-map-row,.mhv135-map-leaf{border:1px solid #e4d4cc;border-radius:10px;background:#fff;padding:11px 13px;font:600 13px/1.3 var(--sans,Arial,sans-serif)}
.mhv135-map-root{background:#f6e7e1;border-color:#dbb8aa}
.mhv135-map-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0;border:0;background:transparent}
.mhv135-map-leaf{font-size:12px;font-weight:500;min-height:56px;display:flex;align-items:center}
.mhv135-map-leaf.is-current{border-color:#bc6652;background:#fff1ea;font-weight:700}
.mhv135-wire{border:1px solid #cbbcb6;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 10px 23px #583c2a0b}
.mhv135-wire-top{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f4efec;border-bottom:1px solid #d8cbc5;font:600 11px/1.2 var(--sans,Arial,sans-serif)}
.mhv135-wire-dots{display:flex;gap:4px}.mhv135-wire-dots i{width:6px;height:6px;border-radius:50%;background:#c2ada4}
.mhv135-wire-body{padding:18px}
.mhv135-wire-step{font:700 11px/1.2 var(--sans,Arial,sans-serif);color:#a24c3d}
.mhv135-wire-body strong{display:block;margin:8px 0 13px;font:700 18px/1.2 var(--sans,Arial,sans-serif)}
.mhv135-wire-note,.mhv135-wire-field,.mhv135-wire-upload{border:1px solid #d8cbc5;border-radius:7px;padding:10px;font:500 12px/1.3 var(--sans,Arial,sans-serif)}
.mhv135-wire-note{background:#f9f4f1}.mhv135-wire-field{margin-top:9px;color:#786760}.mhv135-wire-upload{margin-top:9px;border-style:dashed;background:#fffaf8;color:#685750}
.mhv135-wire-action{margin-top:13px;padding:9px 13px;border-radius:6px;background:#b54e3d;color:#fff;text-align:center;font:700 12px/1.3 var(--sans,Arial,sans-serif)}
@media(max-width:760px){.mhv135-process{grid-template-columns:1fr}.mhv12-flow-track>div:nth-child(2) .mhv135-flow-arrow{display:none}}
@media(max-width:390px){.mhv135-map-row{grid-template-columns:1fr}.mhv135-map-leaf{min-height:auto}}
/* Case pages use the same project selector and brand layout as the home page. */
body.sober-case .site-header .desktop-nav{display:flex;align-items:center}
body.sober-case .site-header .project-switcher{position:relative}
body.sober-case .site-header .project-switch-panel{position:absolute;top:calc(100% + 12px);left:0;width:300px;display:block;padding:12px;background:#fff;border:1px solid #dce1e8;border-radius:14px;box-shadow:0 16px 45px #20324c22;max-height:calc(100svh - 110px);overflow:auto;z-index:90}
body.sober-case .site-header .project-switch-panel>a{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;min-height:55px;padding:8px 10px;border-radius:8px;text-decoration:none;color:#20324c;font-size:14px}
body.sober-case .site-header .project-switch-panel a:hover,body.sober-case .site-header .project-switch-panel a[aria-current="page"]{background:#f0f3ff;color:#2945e8}
body.sober-case .site-header .project-switch-panel a[aria-current="page"] .project-current{visibility:visible}
body.sober-case .site-header .project-switch-utilities a{padding:12px 10px;font-size:12px;min-height:44px;box-sizing:border-box}
body.sober-case .site-header .project-switcher summary{gap:5px;white-space:nowrap}
body.sober-case .site-header .project-switch-identity{display:inline-flex;align-items:center;gap:3px;min-width:0}
body.sober-case .site-header .project-switch-identity img{display:block;width:auto;height:23px;max-width:89px;object-fit:contain}
body.sober-case .site-header[data-project-theme="apphalt"] .project-switch-identity img{width:26px;height:26px;border-radius:6px}
body.sober-case .site-header .project-switch-identity span{font-size:12px;font-weight:700}
body.sober-case .site-header .project-switcher summary svg{width:10px;height:10px}
body.sober-case .site-header .brand-mark{display:inline-flex;align-items:center;justify-content:center}
body.sober-case .site-header .brand-mark img{display:block}
@media(max-width:800px){body.sober-case .site-header .desktop-nav{display:flex;margin-left:auto;gap:0}body.sober-case .site-header .desktop-nav>a{display:none}body.sober-case .site-header .project-switch-panel{position:fixed;top:calc(var(--gn-header-height,76px) + 4px);left:10px;right:10px;width:auto}body.sober-case .site-header .header-actions{gap:0}}
@media(max-width:480px){body.sober-case .site-header .brand{gap:6px;flex:none}body.sober-case .site-header .brand>span{display:block;width:44px;font-size:11px;line-height:1.3;white-space:normal}body.sober-case .site-header .desktop-nav{flex:0 0 108px;min-width:0;justify-content:center}body.sober-case .site-header .project-switcher{width:100%}body.sober-case .site-header .project-switcher summary{width:100%;box-sizing:border-box;justify-content:center;padding-inline:4px;gap:3px}body.sober-case .site-header .project-switch-identity img{height:21px;max-width:76px}body.sober-case .site-header .header-actions{margin-left:0;flex:none}}
.gn-v135-icon{display:inline-block;width:1em;height:1em;fill:currentColor;vertical-align:-.12em}
.gn-v135-icon--up{transform:rotate(180deg)}
/* Show a complete window first, then a complete menu, within the mobile canvas. */
@media(max-width:600px){
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo-scene{height:max(242px,calc(min(392px,100svh - 318px) - var(--ah-menu-reveal,0)*150px));transform:translateY(calc(var(--ah-menu-reveal,0)*75px))}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-product-demo-host .ah-demo .ah-demo-dashboard,.sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-product-demo-host .ah-demo[data-composition="showcase"] .ah-demo-dashboard{height:min(346px,calc(100svh - 370px))!important;top:40px;overflow:hidden;transform:none;opacity:calc(1 - var(--ah-menu-reveal,0))!important;pointer-events:none}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-menu{top:47px;max-height:none;overflow:visible}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-menu-item[data-action="dashboard"],.sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-menu-item[data-action="auto"]{display:flex}
}


/* SOURCE: /assets/styles/v138-ai-method.20261031.css */
/* A single, fictional UX example makes the three uses of AI tangible. */
.sober-home #ia .aiv12-intro>p:last-child{
  display:block;
  max-width:43ch;
  color:#465a7b;
  font:500 clamp(16px,1.35vw,19px)/1.5 var(--sans,Arial,sans-serif);
}
.sober-home #ia .aiv138-example{
  margin:-3px 0 24px;
  color:#60718a;
  font:400 13px/1.5 var(--sans,Arial,sans-serif);
}
.sober-home #ia .aiv12-grid{gap:16px}
.sober-home #ia .aiv138-card{
  padding:clamp(22px,2.2vw,28px);
  border:1px solid #d9e3f3;
  background:#fff;
  box-shadow:0 14px 36px rgba(26,49,88,.06);
}
.sober-home #ia .aiv138-card .aiv12-top{margin-bottom:10px}
.sober-home #ia .aiv138-card h3{
  max-width:13ch;
  margin-bottom:10px;
  font-size:clamp(30px,2.5vw,37px);
  line-height:1.04;
}
.sober-home #ia .aiv138-card .aiv12-desc{
  min-height:0;
  max-width:36ch;
  color:#526481;
  line-height:1.5;
}
.sober-home #ia .aiv138-artifact{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-height:240px;
  margin-top:23px;
  padding:17px;
  border:1px solid #d7e2f0;
  border-radius:17px;
  background:linear-gradient(150deg,#f6f9ff,#eef4fd);
}
.sober-home #ia .aiv138-artifact-label{
  color:#42608e;
  font:700 11px/1.25 var(--sans,Arial,sans-serif);
  letter-spacing:.055em;
  text-transform:uppercase;
}
.sober-home #ia .aiv138-note-stack{display:grid;gap:7px}
.sober-home #ia .aiv138-note-stack span{
  display:block;
  padding:8px 11px;
  border:1px solid #d5deeb;
  border-radius:8px;
  background:#fff;
  color:#354a67;
  font:600 12px/1.2 var(--sans,Arial,sans-serif);
  box-shadow:0 2px 5px rgba(30,51,88,.035);
}
.sober-home #ia .aiv138-note-stack span:nth-child(2){margin-left:16px}
.sober-home #ia .aiv138-note-stack span:nth-child(3){margin-left:8px}
.sober-home #ia .aiv138-outcome{
  display:grid;
  gap:4px;
  margin-top:auto;
  padding:12px 14px;
  border:1px solid #b8caff;
  border-radius:10px;
  background:#e8eeff;
}
.sober-home #ia .aiv138-outcome span{
  color:#3154c1;
  font:700 10px/1.3 var(--sans,Arial,sans-serif);
  letter-spacing:.045em;
  text-transform:uppercase;
}
.sober-home #ia .aiv138-outcome strong{
  color:#21385e;
  font:700 13px/1.28 var(--sans,Arial,sans-serif);
}
.sober-home #ia .aiv138-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;flex:1}
.sober-home #ia .aiv138-option{
  min-width:0;
  padding:9px;
  border:1px solid #d5dfec;
  border-radius:10px;
  background:#fff;
}
.sober-home #ia .aiv138-option.is-selected{border:2px solid #3154ef;padding:8px;box-shadow:0 5px 14px rgba(49,84,239,.1)}
.sober-home #ia .aiv138-option>span{
  display:flex;
  justify-content:space-between;
  gap:5px;
  min-height:30px;
  color:#435774;
  font:700 10px/1.2 var(--sans,Arial,sans-serif);
}
.sober-home #ia .aiv138-option>span b{color:#3154ef;font:700 9px/1.2 var(--sans,Arial,sans-serif)}
.sober-home #ia .aiv138-option-screen{display:grid;gap:5px}
.sober-home #ia .aiv138-option-screen i{
  display:block;
  padding:6px 7px;
  border:1px solid #dce5f1;
  border-radius:5px;
  background:#f9fbff;
  color:#5c6e87;
  font:500 9px/1.1 var(--sans,Arial,sans-serif);
}
.sober-home #ia .aiv138-option.is-selected .aiv138-option-screen i:first-child{border-color:#bfceff;background:#ecf1ff;color:#2e4da7}
.sober-home #ia .aiv138-compare .aiv138-outcome{background:#fff}
.sober-home #ia .aiv138-prototype{gap:9px}
.sober-home #ia .aiv138-window{
  overflow:hidden;
  width:min(100%,265px);
  margin:auto;
  border:1px solid #c7d5e9;
  border-radius:11px;
  background:#fff;
  box-shadow:0 9px 20px rgba(28,51,91,.11);
}
.sober-home #ia .aiv138-window-bar{
  display:flex;
  align-items:center;
  gap:4px;
  height:24px;
  padding:0 9px;
  border-bottom:1px solid #dce5f1;
  background:#f3f6fb;
}
.sober-home #ia .aiv138-window-bar>span{width:5px;height:5px;border-radius:50%;background:#b7c5d9}
.sober-home #ia .aiv138-window-bar small{margin-left:auto;color:#62748c;font:600 8px var(--sans,Arial,sans-serif)}
.sober-home #ia .aiv138-window-body{display:grid;gap:6px;padding:12px}
.sober-home #ia .aiv138-window-progress{color:#5874ab;font:700 8px var(--sans,Arial,sans-serif)}
.sober-home #ia .aiv138-window-body>strong{margin:1px 0 3px;color:#1c3559;font:700 13px/1.2 var(--sans,Arial,sans-serif)}
.sober-home #ia .aiv138-choice{
  padding:7px 8px;
  border:1px solid #d4dfef;
  border-radius:5px;
  color:#4d617e;
  font:600 9px/1.15 var(--sans,Arial,sans-serif);
}
.sober-home #ia .aiv138-choice.is-active{border-color:#7f9cff;background:#f0f3ff;color:#2b4bb0}
.sober-home #ia .aiv138-help{display:flex;justify-content:space-between;color:#3e5fa9;font:600 9px/1.2 var(--sans,Arial,sans-serif)}
.sober-home #ia .aiv138-submit{padding:7px;border-radius:5px;background:#3154ef;color:#fff;text-align:center;font:700 9px/1.2 var(--sans,Arial,sans-serif)}
.sober-home #ia .aiv138-takeaway{
  margin:17px 0 0;
  padding-top:13px;
  border-top:1px solid #e2e9f3;
  color:#526481;
  font:500 12px/1.45 var(--sans,Arial,sans-serif);
}
.sober-home #ia .aiv138-takeaway strong{color:#29456d}
@media(min-width:701px) and (max-width:1080px){
  .sober-home #ia .aiv138-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);column-gap:24px}
  .sober-home #ia .aiv138-card .aiv12-top,
  .sober-home #ia .aiv138-card h3,
  .sober-home #ia .aiv138-card .aiv12-desc{grid-column:1}
  .sober-home #ia .aiv138-artifact{grid-column:2;grid-row:1/4;align-self:stretch;margin:0}
  .sober-home #ia .aiv138-takeaway{grid-column:1/-1}
}
@media(max-width:700px){
  .sober-home #ia .aiv12-intro>p:last-child{display:block;max-width:34ch;font-size:15px}
  .sober-home #ia .aiv138-example{margin:0 0 18px;font-size:12px}
  .sober-home #ia .aiv138-card{display:flex;padding:20px}
  .sober-home #ia .aiv138-card h3{font-size:32px}
  .sober-home #ia .aiv138-artifact{min-height:224px;margin-top:18px;padding:14px}
  .sober-home #ia .aiv138-takeaway{font-size:11px}
}


/* SOURCE: /assets/styles/v146-content-readability.20261101.css */
/* Content-only adjustments: retain the existing scenes, motion and palette. */
.sober-home #apphalt-produit[data-ah-native] .ah-real-capture{
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  justify-items:center;
  align-content:center;
  gap:10px;
}
.sober-home #apphalt-produit[data-ah-native] .ah-real-capture img{
  min-height:0;
  width:auto;
  max-width:100%;
  height:100%;
  max-height:100%;
  object-fit:contain;
}
.sober-home #apphalt-produit[data-ah-native] .ah-real-capture[data-capture-view="menu"] img{border-radius:16px}
.sober-home #apphalt-produit[data-ah-native] .ah-capture-views{
  display:flex;
  justify-content:center;
  gap:6px;
  pointer-events:auto;
}
.sober-home #apphalt-produit[data-ah-native] .ah-capture-views button{
  min-height:40px;
  padding:8px 15px;
  border:1px solid #b6c8e4;
  border-radius:999px;
  background:#fff;
  color:#405078;
  font:600 12px/1.25 var(--sans,Arial,sans-serif);
  cursor:pointer;
}
.sober-home #apphalt-produit[data-ah-native] .ah-capture-views button[aria-pressed="true"]{background:#e5ecf9;border-color:#6981a5;color:#12274d}
.sober-home #apphalt-produit[data-ah-native] .ah-capture-views button:focus-visible{outline:3px solid #2463bf;outline-offset:3px}
.sober-home #apphalt-produit[data-ah-native] .ah-real-capture figcaption{
  display:grid;
  gap:4px;
  max-width:49ch;
  color:#c5d4e5;
  font-size:12px;
  line-height:1.4;
  text-wrap:balance;
}
.sober-home #apphalt-produit[data-ah-native] .ah-real-capture figcaption small{font-size:11px;line-height:1.4;font-weight:400}
.sober-home #apphalt-produit[data-ah-native] .ah-product-reading .ah-real-capture{height:620px;max-height:none}
.sober-home .gn146-provenance{
  margin:9px 0 0;
  font:500 11px/1.4 var(--sans,Arial,sans-serif);
  letter-spacing:0;
}
.sober-home #malakoff-experience .gn146-provenance{position:absolute;left:0;right:0;bottom:0;z-index:5;color:var(--mh3-muted);text-align:center}
.sober-home #allianz-trade-pay .gn146-provenance{color:var(--ap-muted,#c3d7e3)}
.sober-home #interface-en-contexte .gn146-provenance{color:#526481}
@media(max-width:800px){
  .sober-home #apphalt-produit[data-ah-native] .ah-real-capture{gap:7px}
  .sober-home #apphalt-produit[data-ah-native] .ah-product-reading .ah-real-capture{height:560px}
}
@media(max-width:600px){
  .sober-home #interface-en-contexte .c103-reading-grid{grid-template-columns:minmax(0,1fr)}
  .sober-home #interface-en-contexte .c103-reading-grid article{min-width:0}
  .sober-home #interface-en-contexte .c103-reading-grid article>a{display:block;max-width:100%;overflow:visible}
  .sober-home #interface-en-contexte .c103-reading-grid article img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:top}
  .sober-home #allianz-trade-pay .ap-reading{padding-inline:20px}
  .sober-home #allianz-trade-pay .ap-reading-copy p{max-width:none;font-size:15px;line-height:1.5}
  .sober-home #allianz-trade-pay .ap-reading .ap-art{min-width:0}
  .sober-home #allianz-trade-pay .ap-reading .ap-context{flex-wrap:wrap;gap:6px}
  .sober-home #apphalt-produit[data-ah-native] .ah-capture-views button{min-height:44px}
  .sober-home #apphalt-produit[data-ah-native] .ah-product-reading .ah-real-capture{height:530px}
}


/* SOURCE: /assets/styles/v147-design-consistency.20261102.css */
/* v147 — focused consistency pass. No existing animation timings or JS layout APIs changed. */
:root { --v147-radius:18px; --v147-card-shadow:0 10px 26px rgba(34,47,56,.045); }
body.sober-home { --v147-accent:#bc5538; --v147-ink:#4c332d; --v147-accent-soft:#fff3ed; --v147-line:#e9d7d0; }
body.v105-malakoff-humanis { --v147-accent:#a94d3d; --v147-ink:#52362f; --v147-accent-soft:#fff0eb; --v147-line:#e8d4cd; }
body.v105-cetelem,body.c104-immersive-page { --v147-accent:#247443; --v147-ink:#214a31; --v147-accent-soft:#ecf6ee; --v147-line:#d4e5d8; }
body.at97-detail { --v147-accent:#14558a; --v147-ink:#1f4664; --v147-accent-soft:#edf5fb; --v147-line:#d2e1ec; }
body.case-apphalt { --v147-accent:#3559bb; --v147-ink:#243c6d; --v147-accent-soft:#eef2ff; --v147-line:#d5def6; }
.v147-icon { display:block;width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;overflow:visible; }

/* Home header is the reference. Same shell, spacing and mobile behavior throughout. */
body:is(.sober-home,.sober-case) .site-header { position:sticky; top:0; z-index:90; }
body.sober-case .site-header .header-inner { background:color-mix(in srgb,var(--header-tint,rgba(247,249,252,.72)) 74%,transparent); border-color:rgba(170,185,207,.54); }
body.sober-case .site-header .project-switcher > summary { min-height:42px; }
body.sober-case .site-header .project-switcher .project-switch-identity img { object-fit:contain; }
body.sober-case .site-header[data-project-theme="malakoff"] .project-switch-identity img {max-width:94px;}
body.sober-case .site-header[data-project-theme="cetelem"] .project-switch-identity img {max-width:84px;}
body.sober-case .site-header[data-project-theme="allianz"] .project-switch-identity img {max-width:90px;}
body:is(.sober-home,.sober-case) .site-header :is(a,summary):focus-visible { outline:3px solid var(--header-accent,#3155ea);outline-offset:3px; }
/* Homepage project-colored monogram remains handled by the original working component. */
/* The back button is part of the content, never allowed to start beneath the floating shell. */
body.sober-case :is(.v105-case-hero,.case-hero,.at97-detail-intro) .back-link {display:inline-flex;align-items:center;gap:10px;position:relative;z-index:1;margin-top:12px!important;min-height:42px;margin-bottom:clamp(24px,3vw,42px)!important;}
body.sober-case .v105-case-hero:not(.mh2-hero) {padding-top:clamp(34px,3.8vw,55px);}
body.v105-malakoff-humanis .mh2-case .v105-case-hero.mh2-hero {padding-top:clamp(56px,5vw,78px);}
body.sober-case .back-link:focus-visible {outline:3px solid var(--v147-accent);outline-offset:4px;border-radius:6px;}
@media(max-width:800px){
  body.sober-case .site-header .header-inner {width:calc(100% - 20px);height:60px;padding-inline:12px;border-radius:20px;}
  body.sober-case .site-header .project-switcher > summary {min-height:42px;}
  body.sober-case .site-header .project-switch-panel {top:calc(var(--gn-header-height,76px) + 4px);}
  body.v105-malakoff-humanis .mh2-case .v105-case-hero.mh2-hero {padding-top:40px;}
}
@media(max-width:480px){
  body.sober-case .site-header .brand {gap:6px;flex:none;}
  body.sober-case .site-header .brand > span {display:block;width:44px;max-width:none;font-size:11px;line-height:1.3;white-space:normal;}
  body.sober-case .site-header .desktop-nav {flex:0 0 108px;min-width:0;justify-content:center;}
  body.sober-case .site-header .project-switcher {width:100%;}
  body.sober-case .site-header .project-switcher summary {width:100%;box-sizing:border-box;justify-content:center;padding-inline:4px;gap:5px;}
  body.sober-case .site-header .project-switch-identity img {height:23px;max-width:78px;}
  body.sober-case .site-header .header-actions {flex:none;}
}
@media(max-width:360px){body.sober-case .site-header .desktop-nav {flex-basis:92px;} body.sober-case .site-header .project-switch-identity img {max-width:72px;}}

/* Better use of existing large source (1500px): no transform rasterization or forced image enlargement. */
body.v105-malakoff-humanis .mh2-case .mh2-hero-art {transform:none;isolation:isolate;}
body.v105-malakoff-humanis .mh2-case .mh2-hero-art img {transform:none;object-fit:cover;object-position:center top;image-rendering:auto;}

/* More controlled type ladder in facts, summary cards and local navigation; keep editorial headlines. */
body.sober-case .case-study-summary article strong,
body.v105-malakoff-humanis .mh2-case .mh2-summary article strong {
  font-family:var(--sans,Arial,sans-serif);font-size:clamp(20px,2vw,26px);font-weight:650;line-height:1.25;letter-spacing:-.027em;
}
body.sober-case .case-study-summary article p {font-size:clamp(14px,1.05vw,15px);line-height:1.57;}
body.sober-case .case-study-summary article > span:not(.v147-number-icon) {font-size:11px;line-height:1.35;letter-spacing:.095em;}
body.v105-malakoff-humanis .mh2-case .mh2-index h2,
body.v105-malakoff-humanis .mh2-case .mh2-conclusion h2 {font-size:clamp(42px,4.1vw,61px);line-height:1.1;letter-spacing:-.042em;}
body.v105-malakoff-humanis .mh2-case .mh2-index>div>p:last-child {font-size:clamp(16px,1.22vw,18px);line-height:1.62;}

/* In-page contents are navigational content, not a grid of unlabelled buttons. */
body.sober-case .v147-case-index:not(.is-floating) {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:stretch;margin-top:clamp(28px,3.4vw,40px);}
body.sober-case .v147-case-index:not(.is-floating)>a.v147-nav-item {
 position:relative;display:grid!important;grid-template-columns:42px minmax(0,1fr);column-gap:14px;align-items:start;min-width:0;min-height:122px!important;box-sizing:border-box;
 padding:20px 32px 20px 20px!important;border:1px solid var(--v147-line)!important;border-radius:var(--v147-radius)!important;
 background:linear-gradient(145deg,rgba(255,255,255,.97),var(--v147-accent-soft))!important;
 box-shadow:var(--v147-card-shadow)!important;text-align:left!important;text-decoration:none!important;color:var(--v147-ink)!important;
 transform:none;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
body.sober-case .v147-case-index:not(.is-floating)>a.v147-nav-item:hover {
 border-color:color-mix(in srgb,var(--v147-accent) 43%,white)!important;
 background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--v147-accent-soft) 83%,white))!important;
 box-shadow:0 15px 32px color-mix(in srgb,var(--v147-accent) 12%,transparent)!important;
 transform:translateY(-2px);
}
body.sober-case .v147-case-index:not(.is-floating)>a.v147-nav-item:focus-visible {outline:3px solid var(--v147-accent)!important;outline-offset:3px;}
.v147-nav-icon {display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--v147-accent) 11%,white);color:var(--v147-accent);}
.v147-nav-copy {display:grid;align-content:start;gap:7px;min-width:0;padding-top:1px;}
body.sober-case .v147-case-index .v147-nav-title {display:block;color:var(--v147-ink);font:650 15px/1.35 var(--sans,Arial,sans-serif);letter-spacing:-.012em;}
body.sober-case .v147-case-index .v147-nav-description {display:block;color:color-mix(in srgb,var(--v147-ink) 77%,#888);font:400 12.5px/1.46 var(--sans,Arial,sans-serif);letter-spacing:0;}
.v147-nav-arrow {position:absolute;top:23px;right:15px;color:var(--v147-accent);opacity:.6;}
.v147-nav-arrow .v147-icon {width:15px;height:15px;}
body.sober-case .v147-case-index:not(.is-floating)>a:hover .v147-nav-arrow {opacity:1;}
/* Preserve the original compact, scroll-following guide and its mobile bottom dock. */
body.sober-case .v147-case-index.is-floating .v147-nav-icon,
body.sober-case .v147-case-index.is-floating .v147-nav-description,
body.sober-case .v147-case-index.is-floating .v147-nav-arrow {display:none!important;}
body.sober-case .v147-case-index.is-floating .v147-nav-copy {display:contents!important;}
body.sober-case .v147-case-index.is-floating .v147-nav-title {font:inherit!important;color:inherit!important;}
@media(min-width:741px) and (max-width:1110px){
 body.sober-case .v147-case-index:not(.is-floating) {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:740px){
 body.sober-case .v147-case-index:not(.is-floating) {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
 body.sober-case .v147-case-index:not(.is-floating)>a.v147-nav-item {min-height:115px!important;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:15px 13px!important;}
 .v147-nav-icon {width:34px;height:34px;border-radius:10px;}
 .v147-nav-icon .v147-icon {width:18px;height:18px;}
 .v147-nav-arrow {display:none;}
 body.sober-case .v147-case-index .v147-nav-title {font-size:13px;}
 body.sober-case .v147-case-index .v147-nav-description {font-size:11.5px;line-height:1.4;}
}
@media(max-width:420px){
 body.sober-case .v147-case-index:not(.is-floating) {grid-template-columns:1fr!important;}
 body.sober-case .v147-case-index:not(.is-floating)>a.v147-nav-item {min-height:82px!important;grid-template-columns:36px minmax(0,1fr);gap:13px;padding:14px 16px!important;}
 body.sober-case .v147-case-index .v147-nav-title {font-size:14px;}
}

/* Visual vocabulary: one intentional icon per concept, instead of decorative indices. */
.v147-number-icon,.v147-takeaway-icon,.v147-flow-icon,.v147-workshop-icon {display:inline-grid!important;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--v147-accent-soft);color:var(--v147-accent);font-size:initial!important;letter-spacing:normal!important;}
.v147-number-icon .v147-icon,.v147-takeaway-icon .v147-icon,.v147-flow-icon .v147-icon,.v147-workshop-icon .v147-icon {width:19px;height:19px;}
body.v105-malakoff-humanis .mh2-case .mh2-takeaways>div {padding:25px 26px;min-height:176px;background:linear-gradient(170deg,#fffaf8,var(--v147-accent-soft));box-shadow:var(--v147-card-shadow);}
body.v105-malakoff-humanis .mh2-case .mh2-takeaways .v147-takeaway-icon {margin:0 0 21px;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--v147-accent) 14%,white);}
body.v105-malakoff-humanis .mh2-case .mh2-takeaways strong {font-size:17px;line-height:1.38;}
body.v105-malakoff-humanis .mh2-case .mh2-takeaways p {margin-top:6px;line-height:1.55;}
body.v105-malakoff-humanis .mhv12-friction-map article>.v147-number-icon {display:inline-grid!important;width:40px;height:40px;margin-bottom:16px;}
body.v105-malakoff-humanis .mhv12-flow-track .v147-flow-icon {display:inline-grid!important;position:relative;width:36px;height:36px;margin:0 0 15px;color:var(--v147-accent);}
body.v105-malakoff-humanis .mhv12-flow-track .v147-flow-icon .v147-icon {width:18px;height:18px;}
body.case-apphalt .image-notes .v147-number-icon {display:inline-grid!important;width:34px;height:34px;margin:0;padding:0;border-radius:10px;}
body.case-apphalt .image-notes .v147-number-icon .v147-icon {width:17px;height:17px;}
body.c104-immersive-page .c103-reading-grid .v147-workshop-icon {width:40px;height:40px;margin-bottom:13px;}

/* Compact, legible friction/decision cards (the UI differentiates need vs response). */
body.v105-malakoff-humanis .mh2-case .mh2-decision-pair {max-width:1020px;gap:14px;margin-top:28px;}
body.v105-malakoff-humanis .mh2-case .mh2-decision-pair>div {
 position:relative;min-width:0;min-height:116px;display:flex;flex-direction:column;justify-content:center;
 padding:21px 23px 21px 70px!important;border:1px solid var(--v147-line);border-left:3px solid var(--v147-accent);
 border-radius:15px;background:linear-gradient(145deg,white,var(--v147-accent-soft));box-shadow:var(--v147-card-shadow);
}
body.v105-malakoff-humanis .mh2-case .mh2-decision-pair>div::before {
 content:"";position:absolute;top:21px;left:17px;width:36px;height:36px;border-radius:10px;
 background:var(--v147-accent-soft) url("/assets/images/v147-lucide-friction.20261102.svg") center/19px no-repeat;
}
body.v105-malakoff-humanis .mh2-case .mh2-decision-pair>div:nth-child(2)::before {background-image:url("/assets/images/v147-lucide-decision.20261102.svg");}
body.v105-malakoff-humanis .mh2-case .mh2-decision-pair small {margin:0 0 6px;letter-spacing:.085em;}
body.v105-malakoff-humanis .mh2-case .mh2-decision-pair strong {font-weight:600;font-size:15px;line-height:1.5;}
/* Other client studies use the same restrained informational treatment. */
body.sober-case :is(.ux142-evidence,.case-study-summary,.mh2-summary) {box-shadow:none;}
@media(max-width:640px){
 body.v105-malakoff-humanis .mh2-case .mh2-decision-pair>div {min-height:106px;padding:18px 18px 18px 64px!important;}
 body.v105-malakoff-humanis .mh2-case .mh2-decision-pair>div::before {top:18px;left:16px;width:32px;height:32px;background-size:18px;}
 body.v105-malakoff-humanis .mh2-case .mh2-takeaways>div {min-height:0;}
 body.v105-malakoff-humanis .mh2-case .mh2-index h2 {font-size:clamp(36px,8.7vw,47px);}
}
@media(prefers-reduced-motion:reduce){body.sober-case .v147-case-index:not(.is-floating)>a {transition:none!important;transform:none!important;}}
@media(forced-colors:active){.v147-nav-icon,.v147-number-icon,.v147-takeaway-icon,.v147-flow-icon{border:1px solid CanvasText;}body.sober-case .v147-case-index:not(.is-floating)>a{background:Canvas!important;border:1px solid CanvasText!important;}}

/* Preserve interactive header identity during touch, and compact guide labels. */
body.sober-case .v147-case-index.is-floating a.v147-nav-item > .v147-nav-copy {display:contents!important;}
body.sober-case .v147-case-index.is-floating a.v147-nav-item > .v147-nav-icon,
body.sober-case .v147-case-index.is-floating a.v147-nav-item > .v147-nav-arrow {display:none!important;}
body.sober-case .v147-case-index.is-floating .v147-nav-title {white-space:normal;}
/* Icon badges inside existing wireframes retain the intrinsic proportions of the demonstration. */
body.case-apphalt .ah-wireframe-top .v147-number-icon {width:26px;height:26px;border-radius:8px;min-height:0;background:#e7eff8;color:#406798;}
body.case-apphalt .ah-wireframe-top .v147-number-icon .v147-icon {width:15px;height:15px;}
body.sober-home #apphalt-produit .ah-logic-choice > span.v147-number-icon {display:grid!important;place-items:center;width:25px;height:25px;min-width:25px;border-radius:7px;background:rgba(182,207,249,.14);color:#c6ddff;}
body.sober-home #apphalt-produit .ah-logic-choice > span.v147-number-icon .v147-icon {width:16px;height:16px;}
body.sober-home #apphalt-produit .ah-logic-choice-focus > span.v147-number-icon {background:#d5e5ff;color:#1753af;}
@media(max-width:600px){body.sober-home #apphalt-produit .ah-logic-choice > span.v147-number-icon {width:21px;height:21px;min-width:21px;}}

/* Inside the embedded Cetelem scene, icons replace the previous ordinal badges. */
.question-note .v147-number-icon,.wire-consent .v147-number-icon {display:inline-grid;place-items:center;flex:none;width:30px;height:30px;min-width:30px;border-radius:9px;background:rgba(29,113,64,.1);color:#24804b;font-size:0;}
.question-note .v147-number-icon .v147-icon,.wire-consent .v147-number-icon .v147-icon {width:17px;height:17px;}

/* Utility + atelier pages reuse exactly the same home/case navigation shell. */
body.v147-utility-page {--header-accent:#bc5538;}
body.v147-atelier-page {--header-accent:#237b35;}
body.v147-utility-page .site-header {--header-accent:inherit;}
body.v147-utility-page .site-header .header-inner {display:flex;align-items:center;gap:clamp(10px,2vw,25px);height:64px;box-sizing:border-box;}
body.v147-utility-page .site-header .brand {display:inline-flex;align-items:center;min-height:44px;gap:10px;flex:none;text-decoration:none;}
body.v147-utility-page .site-header .brand .brand-mark {display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;}
body.v147-utility-page .site-header .brand img {width:36px;height:auto;}
body.v147-utility-page .site-header .brand span {font:600 14px/1.2 var(--sans,Arial,sans-serif);white-space:nowrap;}
body.v147-utility-page .site-header .desktop-nav {display:flex;align-items:center;gap:clamp(14px,2vw,26px);margin-left:auto;}
body.v147-utility-page .site-header .desktop-nav>a {font:600 13px/1.35 var(--sans,Arial,sans-serif);color:inherit;text-decoration:none;}
body.v147-utility-page .site-header .header-actions {display:flex;align-items:center;gap:8px;}
body.v147-utility-page .site-header .language-switch {display:flex;align-items:center;padding:3px;gap:2px;border:1px solid #dce1e8;border-radius:30px;background:rgba(255,255,255,.58);}
body.v147-utility-page .site-header .language-switch a {display:grid;place-items:center;min-width:42px;min-height:38px;border-radius:23px;color:#333;font:700 11px/1 var(--sans,Arial,sans-serif);text-decoration:none;}
body.v147-utility-page .site-header .language-switch a[aria-current="page"] {background:var(--header-accent,#bc5538);color:#fff;}
body.v147-utility-page .site-header .project-switch-panel {position:absolute;z-index:12;top:calc(100% + 12px);left:0;width:300px;max-height:calc(100svh - 110px);overflow:auto;box-sizing:border-box;display:block;padding:12px;background:#fff;border:1px solid #dce1e8;border-radius:14px;box-shadow:0 16px 45px #20324c22;}
body.v147-utility-page .site-header .project-switch-panel>a {display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;min-height:55px;padding:8px 10px;border-radius:8px;text-decoration:none;color:#20324c;font-size:14px;}
body.v147-utility-page .site-header .project-switch-panel>a:hover {background:#f0f3ff;}
body.v147-utility-page .site-header .project-switch-utilities a {display:flex;align-items:center;justify-content:flex-start;min-height:44px;padding:9px;font-size:12px;text-decoration:none;}
body.v147-utility-page .site-header .project-switcher summary {white-space:nowrap;}
body.v147-atelier-page .site-header .header-inner {--sober-width:1280px;}
body.v147-atelier-page .v147-atelier-back {width:min(1160px,calc(100% - 40px));margin:16px auto 0;}
body.v147-atelier-page .v147-atelier-back a {display:inline-flex;align-items:center;min-height:44px;color:#246842;font:600 13px/1.4 Arial,sans-serif;text-decoration:none;}
body.v147-atelier-page .v147-atelier-back a:hover {text-decoration:underline;}
@media(max-width:800px){
 body.v147-utility-page .site-header .desktop-nav {display:flex;gap:0;}
 body.v147-utility-page .site-header .desktop-nav>a {display:none;}
 body.v147-utility-page .site-header .header-inner {gap:10px;height:60px;}
 body.v147-utility-page .site-header .project-switch-panel {position:fixed;top:calc(var(--gn-header-height,76px) + 6px);left:10px;right:10px;width:auto;}
}
@media(max-width:480px){
 body.v147-utility-page .site-header .brand {gap:6px;flex:none;}
 body.v147-utility-page .site-header .brand span {display:block;max-width:44px;font-size:11px;line-height:1.25;white-space:normal;}
 body.v147-utility-page .site-header .brand .brand-mark {width:29px;height:29px;}
 body.v147-utility-page .site-header .brand img {width:29px;}
 body.v147-utility-page .site-header .desktop-nav {flex:0 0 108px;min-width:0;justify-content:center;margin-left:auto;}
 body.v147-utility-page .site-header .project-switcher {width:100%;}
 body.v147-utility-page .site-header .project-switcher summary {justify-content:center;width:100%;box-sizing:border-box;padding-inline:4px;}
 body.v147-utility-page .site-header .header-actions {flex:none;}
 body.v147-utility-page .site-header .language-switch a {min-width:33px;min-height:34px;}
}
@media(max-width:360px){body.v147-utility-page .site-header .desktop-nav {flex-basis:92px;}}
@media(prefers-reduced-motion:reduce){body.v147-utility-page .site-header .project-switcher summary svg {transition:none;}}

/* Keep client identity logos sized consistently in the standalone workshop header. */
body.v147-utility-page .site-header .project-switch-identity {display:inline-flex;align-items:center;gap:6px;min-width:0;}
body.v147-utility-page .site-header .project-switch-identity img {display:block;width:auto;height:23px;max-width:84px;object-fit:contain;}
body.v147-utility-page .site-header .project-switcher summary.has-project-identity svg {width:10px;height:10px;flex:0 0 10px;opacity:.72;}
@media(max-width:480px){body.v147-utility-page .site-header .project-switch-identity img {height:21px;max-width:72px;}}


/* SOURCE: /assets/styles/v149-home-scroll.20261102.css */
/* v149 — Only the homepage. De-clutter the stepper without changing its
   keyboard-accessible chapter buttons or existing page transition scripts. */
body.sober-home .story-navigation .story-vertical-rail > button.client-story-arrow {display:none!important;}
body.sober-home .story-navigation .story-vertical-rail button.gn102-segment :is(svg,span,i),
body.sober-home .story-navigation .story-vertical-rail button[data-workshop-jump] :is(svg,span,i),
body.sober-home .story-navigation .story-vertical-rail .v147-number-icon {display:none!important;}
body.sober-home .story-navigation .story-vertical-rail {gap:0;width:36px;right:clamp(4px,1.25vw,18px);padding:7px 0;border-radius:999px;background:transparent;}
body.sober-home .story-navigation .story-vertical-rail button.gn102-segment,
body.sober-home .story-navigation .story-vertical-rail button[data-workshop-jump] {min-height:32px;height:32px;}
body.sober-home .story-navigation .story-vertical-rail button.gn102-segment::before,
body.sober-home .story-navigation .story-vertical-rail button[data-workshop-jump]::before {top:7px;bottom:7px;left:16px;width:3px;opacity:.34;}
body.sober-home .story-navigation .story-vertical-rail button[aria-current]::before {opacity:1;width:4px;left:15.5px;}
body.sober-home .story-navigation .story-vertical-rail button:focus-visible{outline:2px solid currentColor;outline-offset:0;border-radius:5px;}
/* Dark phases use their own legible, restrained surface. */
body.sober-home :is(#malakoff-experience,#allianz-trade-pay,#apphalt-produit,#interface-en-contexte) .story-navigation .story-vertical-rail {color:inherit;}
@media(max-width:800px){body.sober-home .story-navigation .story-vertical-rail{right:0;width:28px;border-radius:12px;padding:5px 0;}}
@media(prefers-reduced-motion:reduce){body.sober-home .story-navigation .story-vertical-rail{backdrop-filter:none;}}


/* SOURCE: /assets/styles/v153-home-mobile-stability.20261102.css */
/* v153 -- Mobile homepage: stable header, measured story content, no clipping.
   Desktop presentation and case-study pages keep their prior behavior. */
@media (max-width:800px) {
  /* Safari toolbar changes must never move, stretch or resize the navigation. */
  body.sober-home .site-header { position:sticky; top:0; height:76px; padding:8px 0; }
  body.sober-home .site-header .header-inner {
    height:60px; transform:none !important; --gn-header-elastic-y:0px !important;
    --gn-header-elastic-stretch:1 !important; --liquid-header-y:0px !important;
    --liquid-header-stretch:1 !important; --liquid-content-y:0px !important;
    will-change:auto;
  }
  body.sober-home .site-header .header-inner::before,
  body.sober-home .site-header .header-inner > .brand,
  body.sober-home .site-header .project-switcher > summary,
  body.sober-home .site-header .header-actions {
    transform:none !important; transition-property:background-color,color,border-color,box-shadow !important;
    will-change:auto !important;
  }
  body.sober-home .site-header .header-inner::before,
  body.sober-home .site-header.is-v112-moving-down .header-inner::before,
  body.sober-home .site-header.is-v112-moving-up .header-inner::before{border-radius:20px;filter:none}
  /* The reading composition is a deliberate mobile storytelling mode: real
     document flow replaces the fixed-height spring/morph stages. */
  body.sober-home #allianz-trade-pay .at84-track,
  body.sober-home #apphalt-produit .ah-track{display:none!important}
  body.sober-home #allianz-trade-pay .ap-reading,
  body.sober-home #apphalt-produit .ah-product-reading{overflow:visible}
  body.sober-home #allianz-trade-pay .ap-reading{
    display:grid;gap:0;padding:0 20px 42px;
    background:#fff;color:#163550;
  }
  body.sober-home #allianz-trade-pay .ap-reading-step{
    position:relative;box-sizing:border-box;display:flex;flex-direction:column;
    gap:16px;width:100%;max-width:580px;margin:0 auto;
    padding:34px 0 44px;border-top:1px solid #dce7ee;
    color:#153952;scroll-margin-top:98px;
  }
  body.sober-home #allianz-trade-pay .ap-reading-copy>span{color:#056c82;font-size:11px;letter-spacing:.12em}
  body.sober-home #allianz-trade-pay .ap-reading-copy h3{font-size:clamp(33px,8.5vw,43px);line-height:1.07;max-width:22ch;color:#173b51;margin:12px 0}
  body.sober-home #allianz-trade-pay .ap-reading-copy p{font-size:15px;line-height:1.5;color:#496374;max-width:40ch;margin:0}
  body.sober-home #allianz-trade-pay .ap-reading-step .ap-art{
    width:100%;max-width:100%;min-width:0;transform:none!important;
    --ap-accent:#056c82;--ap-muted:#405c6e;
  }
  body.sober-home #allianz-trade-pay .ap-reading-step .ap-context{font-size:10px;line-height:1.45;margin-bottom:10px}
  body.sober-home #allianz-trade-pay .ap-reading-step .ap-window{height:auto!important;max-width:100%;overflow:hidden}
  body.sober-home #allianz-trade-pay .ap-reading-step .ap-grid{height:auto!important;min-height:0}
  body.sober-home #allianz-trade-pay .ap-reading-step .ap-module{position:relative!important;inset:auto!important;transform:none!important;width:auto!important;height:auto!important;opacity:1!important;visibility:visible!important;overflow:visible}
  body.sober-home #allianz-trade-pay .ap-reading-step .ap-footer{display:flex;min-width:0;flex-wrap:wrap}
  body.sober-home #allianz-trade-pay .ap-reading-step .gn146-provenance{
    display:block;position:static;max-width:100%;font-size:11px;line-height:1.4;
    color:#516c78;overflow-wrap:anywhere;margin:12px 0 0;
  }
  body.sober-home #allianz-trade-pay .ap-reading-step:nth-child(2),
  body.sober-home #allianz-trade-pay .ap-reading-step:nth-child(4){background:#f5f9fb;margin-inline:-10px;padding-inline:10px;border-radius:18px;border-top:1px solid #dae6ee}
  body.sober-home #allianz-trade-pay .ap-reading-step:last-child{border-bottom:1px solid #dce7ee}
  /* Each AppHalt illustration has its own reserved height. The UI capture
     stays in normal flow and can never cover its following caption. */
  body.sober-home #apphalt-produit .ah-product-reading{
    display:block;box-sizing:border-box;width:100%;max-width:620px;
    padding:8px 20px 42px;color:#eef3ff;
  }
  body.sober-home #apphalt-produit .ah-product-steps{gap:0}
  body.sober-home #apphalt-produit .ah-product-step,
  body.sober-home #apphalt-produit .ah-product-step:last-child{
    display:flex;flex-direction:column;gap:16px;width:100%;min-width:0;
    margin:0;padding:32px 0 42px;border-top:1px solid rgba(174,194,232,.22);
    scroll-margin-top:100px;
  }
  body.sober-home #apphalt-produit .ah-product-step>div:first-child{min-width:0}
  body.sober-home #apphalt-produit .ah-product-step>div>span{font-size:10px;letter-spacing:.13em;color:#adc8ff}
  body.sober-home #apphalt-produit .ah-product-step h3{font-size:clamp(31px,8vw,43px);line-height:1.08;max-width:23ch;margin:9px 0 12px}
  body.sober-home #apphalt-produit .ah-product-step p{font-size:15px;line-height:1.52;max-width:42ch}
  body.sober-home #apphalt-produit [data-ah-reading-art]{width:100%;max-width:100%;overflow:hidden}
  body.sober-home #apphalt-produit [data-ah-reading-art] .ah-art{height:350px;max-width:100%;overflow:hidden}
  body.sober-home #apphalt-produit .ah-product-reading [data-ah-reading-slot]{min-width:0;width:100%;position:relative;display:block}
  body.sober-home #apphalt-produit .ah-product-reading .ah-canvas{
    display:block;position:relative;width:100%;height:auto!important;max-width:100%;overflow:visible;
  }
  body.sober-home #apphalt-produit .ah-product-reading .ah-canvas>.ah-art{display:none!important}
  body.sober-home #apphalt-produit .ah-product-reading .ah-product-demo-host{
    position:relative!important;inset:auto!important;display:block;opacity:1!important;
    visibility:visible!important;transform:none!important;height:auto!important;
  }
  body.sober-home #apphalt-produit .ah-product-reading .ah-real-capture{
    display:flex;width:100%;height:auto;gap:12px;justify-content:flex-start;
  }
  body.sober-home #apphalt-produit .ah-product-reading .ah-real-capture img{
    display:block;width:100%;max-width:500px;height:auto;max-height:none!important;
    object-fit:contain;border-radius:16px;
  }
  body.sober-home #apphalt-produit .ah-product-reading .ah-real-capture figcaption{
    position:static!important;display:block;width:100%;max-width:48ch;
    min-height:0;line-height:1.5;font-size:12px;white-space:normal;
    color:#c7d2ee;opacity:1!important;transform:none!important;
  }
  body.sober-home #apphalt-produit .ah-product-reading .ah-download-fact{margin-top:15px!important}

}
@media (max-width:700px) {
  /* AI: one complete card rather than an accidental clipped neighbour. */
  body.sober-home #ia{scroll-margin-top:95px}
  body.sober-home #ia .aiv12-grid{
    box-sizing:border-box;display:flex;gap:0;max-width:100%;
    overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;scrollbar-width:none;
    padding:6px 0 12px;scroll-padding-inline:0;
  }
  body.sober-home #ia .aiv12-card{
    box-sizing:border-box;flex:0 0 100%;width:100%;max-width:100%;
    min-width:0;scroll-snap-align:start;scroll-margin-top:110px;
  }
  body.sober-home #ia .aiv132-controls{position:relative;z-index:1;margin-top:12px}
  body.sober-home #ia .aiv138-artifact,
  body.sober-home #ia .aiv138-note-stack{min-width:0;overflow-wrap:anywhere}
  body.sober-home #ia .aiv138-note-stack > * {max-width:100%;overflow-wrap:anywhere}
}
@media (max-width:380px) {
  body.sober-home #allianz-trade-pay .ap-reading{padding-inline:16px}
  body.sober-home #apphalt-produit .ah-product-reading{padding-inline:16px}
}
@media (prefers-reduced-motion:reduce) {
  body.sober-home #ia .aiv12-card{animation:none!important;transition:none!important}
}

@media(max-width:800px){
  body.sober-home #allianz-trade-pay .ap-reading-step .ap-art[data-ap-phase="0"] .ap-order strong{color:#163950}
  body.sober-home #allianz-trade-pay .ap-reading-step .ap-art[data-ap-phase="0"] .ap-eyebrow{color:#496576}
  body.sober-home #allianz-trade-pay .ap-reading-step .ap-art[data-ap-phase="0"] .ap-footer-need{color:#4a6475}
  body.sober-home #allianz-trade-pay .ap-reading-step .ap-art[data-ap-phase="0"] .ap-order{margin-bottom:12px}
  body.sober-home #apphalt-produit .ah-product-step:last-child > [data-ah-reading-art]{display:none!important}
  body.sober-home #apphalt-produit .ah-product-step:nth-child(3) > [data-ah-reading-art]{height:auto;overflow:visible}
  body.sober-home #apphalt-produit .ah-product-reading .ah-product-step:last-child [data-ah-reading-slot]{display:block;width:100%;min-width:0}
  body.sober-home #apphalt-produit .ah-product-reading .ah-real-capture{align-items:center}
  body.sober-home #ia .aiv138-card{padding:18px;box-shadow:0 10px 27px rgba(26,49,88,.055)}
  body.sober-home #ia .aiv138-card h3{font-size:clamp(28px,7.5vw,34px);margin-bottom:9px}
  body.sober-home #ia .aiv138-card .aiv12-desc{font-size:13px;line-height:1.45}
  body.sober-home #ia .aiv138-artifact{margin-top:14px;min-height:0;padding:12px;gap:10px}
  body.sober-home #ia .aiv138-note-stack span{margin-left:0;font-size:12px;line-height:1.32;padding:8px 10px}
  body.sober-home #ia .aiv138-note-stack span:nth-child(n){margin-left:0}
  body.sober-home #ia .aiv138-takeaway{margin-top:14px;padding-top:11px;font-size:12px}
  body.sober-home #ia .aiv138-outcome{padding:10px 12px}
  body.sober-home #ia .aiv138-outcome strong{font-size:12px}
  body.sober-home #interface-en-contexte .sober-scene-controls [data-workshop-step]{visibility:hidden!important}
}
.v153-structure-preview{display:block;min-width:0;margin:0;padding:16px;border:1px solid #64789e;border-radius:18px;background:#e7ecf5;color:#253d63;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.v153-structure-preview .v153-structure-bar{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:650;padding-bottom:12px;border-bottom:1px solid #b9c7dd}
.v153-structure-preview .v153-structure-bar i{width:7px;height:7px;border-radius:50%;background:#9cacbf}
.v153-structure-preview .v153-structure-bar strong{margin-left:auto;font-size:11px}
.v153-structure-preview .v153-structure-tabs{display:flex;gap:8px;margin:16px 0 12px;font-size:12px}
.v153-structure-preview .v153-structure-tabs span{flex:1;border:1px dashed #a8b7cd;border-radius:7px;text-align:center;padding:8px 5px}
.v153-structure-preview .v153-structure-tabs span:first-child{background:#fff;border-color:#94a9c9;font-weight:700}
.v153-structure-preview .v153-structure-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:9px;padding:13px 10px;background:#fff;border:1px solid #b5c3d8;border-radius:11px}
.v153-structure-preview .v153-structure-row .v153-square{width:23px;height:23px;border-radius:5px;background:#e2e9f5;border:1px solid #a0b2cb}
.v153-structure-preview .v153-structure-row strong{display:block;font-size:13px}
.v153-structure-preview .v153-structure-row small{display:block;color:#5f7694;font-size:11px;margin-top:3px}
.v153-structure-preview .v153-structure-action{display:block;border:1px solid #9fb3d2;border-radius:7px;background:#edf3ff;padding:7px 12px;font-size:12px;font-weight:700}
.v153-structure-preview figcaption{margin-top:13px;color:#506a8a;font-size:12px;line-height:1.45}

/* Tablets use the same complete-card carousel and navigable controls. */
@media (min-width:701px) and (max-width:800px){
  body.sober-home #ia .aiv132-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px}
  body.sober-home #ia .aiv132-position{font:600 13px/1.3 var(--sans,Arial,sans-serif);font-variant-numeric:tabular-nums}
  body.sober-home #ia .aiv132-buttons{display:flex;gap:10px}
  body.sober-home #ia .aiv132-buttons button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #cbd8eb;border-radius:50%;background:#fff;color:#234675;cursor:pointer}
  body.sober-home #ia .aiv132-buttons button:disabled{opacity:.38;cursor:default}
  body.sober-home #ia .aiv132-buttons button:focus-visible{outline:3px solid #3154ef;outline-offset:3px}
  body.sober-home #ia .aiv132-buttons svg{display:block;width:18px;height:18px;fill:currentColor}
}

/* The AI walkthrough is a scrollable carousel only below 701px.
   On tablets, its three cards use the existing document layout; showing
   disabled carousel controls would suggest navigation that cannot work. */
@media (min-width:701px) and (max-width:800px){
  body.sober-home #ia .aiv132-controls{display:none!important}
}


/* SOURCE: /assets/styles/v154-home-qa.20261102.css */
/* v154 — only the homepage: small-iPhone reading mode and caption polish. */
@media (max-width:800px) {
  /* A label and its explanation must never run together beneath the capture. */
  body.sober-home #apphalt-produit .ah-product-reading .ah-real-capture figcaption > span,
  body.sober-home #apphalt-produit .ah-product-reading .ah-real-capture figcaption > small {
    display:block;max-width:100%;overflow-wrap:anywhere;
  }
  body.sober-home #apphalt-produit .ah-product-reading .ah-real-capture figcaption > small {
    margin-top:5px;line-height:1.55;
  }
  /* An undersized keyframed phone is less useful than real readable screens.
     Natural document flow is activated only by the short-viewport controller. */
  body.sober-home #cetelem-atelier[data-c103-compact-reading="true"] .c103-scene-track {
    display:none!important;
  }
  body.sober-home #cetelem-atelier[data-c103-compact-reading="true"] .c103-reading {
    display:block;max-width:100%;margin-top:20px;
  }
  body.sober-home #cetelem-atelier[data-c103-compact-reading="true"] .c103-reading-grid {
    display:grid;grid-template-columns:minmax(0,1fr);gap:20px;
  }
  body.sober-home #cetelem-atelier[data-c103-compact-reading="true"] .c103-reading-grid article {
    min-width:0;
  }
  body.sober-home #cetelem-atelier[data-c103-compact-reading="true"] .c103-reading-grid article img {
    display:block;max-width:100%;height:auto;object-fit:contain;
  }
}
@media (max-width:800px) {
  body.sober-home #cetelem-atelier[data-c103-compact-reading="true"] .c103-reading-grid article {
    box-sizing:border-box;background:#fff;color:#234231;
    border:1px solid #d3e1d0;border-radius:18px;padding:18px;
    box-shadow:0 7px 24px rgba(20,64,36,.06);
  }
  body.sober-home #cetelem-atelier[data-c103-compact-reading="true"] .c103-reading-grid h3 {
    color:#1f422d;font-size:19px;line-height:1.25;margin:10px 0 9px;
  }
  body.sober-home #cetelem-atelier[data-c103-compact-reading="true"] .c103-reading-grid p {
    color:#425e4b;font-size:14px;line-height:1.5;margin-bottom:15px;
  }
  body.sober-home #cetelem-atelier[data-c103-compact-reading="true"] .c103-reading-grid article>a img {
    border:1px solid #dce8d7;border-radius:12px;
  }
  body.sober-home #cetelem-atelier[data-c103-compact-reading="true"] .c103-result,
  body.sober-home #cetelem-atelier[data-c103-compact-reading="true"] .c103-source-note {
    font-size:13px;line-height:1.55;
  }
}


/* SOURCE: /assets/styles/v155-home-restore-motion.20261102.css */
/* v155 — restore home scroll stories on phones where they fit.
   Preserve v154 natural-flow reading on truly short screens and reduced motion. */
@media (max-width:800px) {
  body.sober-home #allianz-trade-pay[data-at84-ready] .at84-track {display:block!important}
  body.sober-home #allianz-trade-pay[data-at84-ready] .ap-reading {display:none!important}
  body.sober-home #apphalt-produit[data-ah-ready] .ah-track {display:block!important}
  body.sober-home #apphalt-produit[data-ah-ready] .ah-product-reading {display:none!important}
}
/* The position word used to leak as a cropped fragment at the foot of the
   animated viewport. Progress ticks remain the visual navigation affordance. */
@media (max-width:800px) {
  body.sober-home #allianz-trade-pay[data-at84-ready] .client-story-position .gn93-progress,
  body.sober-home #apphalt-produit[data-ah-ready] .client-story-position .gn93-progress {
    display:none!important;
  }
}
/* Compact, but still animated, phones: give the stage real room for both
   its short explanation and the interface without either sitting on top. */
@media (max-width:800px) and (max-height:720px) {
  body.sober-home #allianz-trade-pay[data-at84-ready] .at84-stage-inner {
    padding-top:7px;
    padding-bottom:10px;
    gap:6px;
  }
  body.sober-home #allianz-trade-pay[data-at84-ready] .at84-beat h3 {
    font-size:26px;
    line-height:1.03;
    margin-bottom:7px;
  }
  body.sober-home #allianz-trade-pay[data-at84-ready] .at84-beat p {
    font-size:11.5px;
    line-height:1.33;
  }
  body.sober-home #allianz-trade-pay[data-at84-ready] .at84-beat--4 .project-result-label {
    font-size:13px;
    line-height:1.26;
  }
}
@media (max-width:800px) and (max-height:720px) {
  body.sober-home #allianz-trade-pay[data-at84-ready] .ap-toolbar {height:30px}
  body.sober-home #allianz-trade-pay[data-at84-ready] .ap-workspace {padding:7px}
}
@media (max-width:800px) and (max-height:720px) {
  body.sober-home #allianz-trade-pay[data-at84-ready] .ap-art[data-ap-phase="0"] .ap-module {
    padding:11px;
  }
  body.sober-home #allianz-trade-pay[data-at84-ready] .ap-context {margin-bottom:3px}
}
@media (max-width:800px) and (max-height:720px) {
  /* Reserve caption space beneath the AppHalt screenshot on short phones. */
  body.sober-home #apphalt-produit[data-ah-ready][data-ah-phase="3"] .ah-real-capture img {
    height:auto!important;
    max-height:300px!important;
    width:auto!important;
  }
}


/* SOURCE: /assets/styles/v156-home-layout-qa.20261102.css */
/* v156 — homepage only: compact AppHalt observation needs a distinct caption row.
   Prevent the Chrome card from covering its explanatory sentence on short phones. */
@media (max-width:800px) and (max-height:720px) {
  body.sober-home #apphalt-produit[data-ah-ready] .ah-logic-footnote {
    bottom:-30px;
  }
}


/* SOURCE: /assets/styles/v157-home-editorial-focus.20261102.css */
/* v157 — HOME ONLY. Editorial clarity and legibility, not a new motion engine.
   Restrict every rule to the homepage; client pages and case studies are untouched. */

/* MALAKOFF — one design decision rather than a 'Shipped' status badge. */
body.sober-home #malakoff-experience .mh-outcome.mh157-outcome {
  display:flex; align-items:flex-start; gap:12px; width:100%; max-width:415px;
  margin:16px 0 0; padding:0; background:none; border:0; border-radius:0;
  box-shadow:none; color:var(--mh3-ink,#fff);
}
body.sober-home #malakoff-experience .mh157-rule {
  display:block; flex:0 0 3px; width:3px; height:54px; margin-top:2px;
  background:var(--mh3-accent,#ffb398); border-radius:4px;
}
body.sober-home #malakoff-experience .mh157-outcome > div {min-width:0}
body.sober-home #malakoff-experience .mh157-outcome .mh157-eyebrow {
  display:block; margin:0 0 6px; font:700 10px/1.35 var(--sans,Arial,sans-serif);
  letter-spacing:.12em; color:var(--mh3-accent,#ffb398);
}
body.sober-home #malakoff-experience .mh157-outcome p {
  margin:0; max-width:30ch; font:500 15px/1.45 var(--sans,Arial,sans-serif);
  color:var(--mh3-ink,#fff);
}
/* Reduce low-value filler in the portal preview, focus the reimbursement action. */
body.sober-home #malakoff-experience .mh10-products--single .mh10-product-mobile .mh10-app-row:last-child {display:none}
body.sober-home #malakoff-experience .mh10-products--single .mh10-product-mobile .mh10-app-services {display:none}
body.sober-home #malakoff-experience .mh10-products--single .mh10-product-mobile .mh10-app-feed>p {display:none}
body.sober-home #malakoff-experience .mh10-products--single .mh10-product-mobile .mh10-app-row strong {font-size:13px}
body.sober-home #malakoff-experience .mh10-products--single .mh10-product-mobile .mh10-app-row small {font-size:10px}
@media(max-width:1100px){
  body.sober-home #malakoff-experience .mh3-main{gap:5px}
}
@media(max-width:600px){
  body.sober-home #malakoff-experience .mh3-main {grid-template-rows:148px minmax(0,1fr)!important;gap:4px}
  body.sober-home #malakoff-experience .mh3-copy-stack {height:148px!important;padding-right:4px}
  body.sober-home #malakoff-experience .mh3-copy {padding-top:4px;justify-content:flex-start}
  body.sober-home #malakoff-experience .mh3-copy h2 {font-size:clamp(24px,6.35vw,30px);line-height:1.02;max-width:24ch}
  body.sober-home #malakoff-experience .mh3-copy .mh3-intro {font-size:12px;line-height:1.4;margin-top:9px;max-width:44ch}
  body.sober-home #malakoff-experience .mh157-outcome {margin-top:10px;gap:9px}
  body.sober-home #malakoff-experience .mh157-rule {height:42px}
  body.sober-home #malakoff-experience .mh157-outcome .mh157-eyebrow {font-size:8px;margin-bottom:2px}
  body.sober-home #malakoff-experience .mh157-outcome p {font-size:11px;line-height:1.35;max-width:36ch}
  body.sober-home #malakoff-experience .mh3-visual {max-height:none;min-height:0}
}
@media(max-width:600px) and (max-height:740px){
  body.sober-home #malakoff-experience .mh3-main{grid-template-rows:128px minmax(0,1fr)!important}
  body.sober-home #malakoff-experience .mh3-copy-stack{height:128px!important}
  body.sober-home #malakoff-experience .mh3-copy h2{font-size:25px}
  body.sober-home #malakoff-experience .mh3-copy .mh3-intro{font-size:11px;margin-top:6px}
}

/* ALLIANZ — preserve the five-phase morph, make every phase answer one question.
   The business order is the anchor; duplicated metadata should not compete. */
body.sober-home #allianz-trade-pay .ap-order-status,
body.sober-home #allianz-trade-pay .ap-module-number,
body.sober-home #allianz-trade-pay .ap-note,
body.sober-home #allianz-trade-pay .ap-schedule-total,
body.sober-home #allianz-trade-pay .ap-footer{display:none!important}
body.sober-home #allianz-trade-pay .ap-art[data-ap-phase="0"] .ap-need p{display:none}
body.sober-home #allianz-trade-pay .ap-art[data-ap-phase="0"] .ap-need strong{max-width:none}
body.sober-home #allianz-trade-pay .ap-art[data-ap-phase="0"] .ap-module-heading{margin-bottom:10px}
body.sober-home #allianz-trade-pay .ap-art:is([data-ap-phase="3"],[data-ap-phase="4"]) .ap-payment-details{display:none}
body.sober-home #allianz-trade-pay .ap-art:is([data-ap-phase="3"],[data-ap-phase="4"]) .ap-dates>div:first-child{display:none}
body.sober-home #allianz-trade-pay .ap-art:is([data-ap-phase="3"],[data-ap-phase="4"]) .ap-dates>div:last-child{text-align:left}
body.sober-home #allianz-trade-pay .ap-module-heading {letter-spacing:.01em}
body.sober-home #allianz-trade-pay .at84-beat p {max-width:37ch}
@media(max-width:800px){
  body.sober-home #allianz-trade-pay .at84-stage-inner{padding-right:35px;gap:12px}
  body.sober-home #allianz-trade-pay .at84-beat h3{font-size:clamp(29px,7.5vw,38px);line-height:1.07}
  body.sober-home #allianz-trade-pay .at84-beat p{font-size:13px;line-height:1.45}
  body.sober-home #allianz-trade-pay .ap-context{margin-bottom:8px}
  body.sober-home #allianz-trade-pay .ap-art[data-ap-phase="0"] .ap-module{box-shadow:none}
  body.sober-home #allianz-trade-pay .ap-art[data-ap-phase="0"] .ap-need strong{font-size:14px;line-height:1.3}
  body.sober-home #allianz-trade-pay .ap-art[data-ap-phase="0"] .ap-module-heading{margin-bottom:5px}
  body.sober-home #allianz-trade-pay .ap-art[data-ap-phase="0"] .ap-module {padding:11px 13px}
}
@media(max-width:600px) and (max-height:720px){
  body.sober-home #allianz-trade-pay .at84-stage-inner{padding-right:40px;gap:8px}
  body.sober-home #allianz-trade-pay .at84-beat h3{font-size:28px}
  body.sober-home #allianz-trade-pay .at84-beat p{font-size:12px}
}

/* APPHALT — an idea, one relevant choice, then a real product screenshot.
   Do not crowd the native screenshot with invented annotations or metrics. */
body.sober-home #apphalt-produit .ah157-guardrail{
  margin:12px 0 0; font:500 12px/1.4 var(--sans,Arial,sans-serif);
  color:#c3d3f2;
}
body.sober-home #apphalt-produit .ah157-resume{margin:8px 0 0;font-size:11px;line-height:1.4}
body.sober-home #apphalt-produit .ah-wire-rows{display:grid;grid-template-rows:repeat(3,minmax(34px,1fr))}
body.sober-home #apphalt-produit .ah-wire-row{height:auto}
body.sober-home #apphalt-produit .ah-real-capture[data-capture-view="action"] img{
  width:min(100%,680px);height:auto;max-height:60%;object-fit:contain;
  border-radius:14px;box-shadow:0 20px 60px #09142e35;
}
body.sober-home #apphalt-produit .ah-real-capture[data-capture-view="dashboard"] img{
  width:min(100%,460px);max-height:calc(100% - 52px);object-fit:contain;
}
body.sober-home #apphalt-produit .ah-capture-views {gap:8px}
body.sober-home #apphalt-produit .ah-capture-views button{white-space:normal;text-align:center;line-height:1.2}
body.sober-home #apphalt-produit .ah-real-capture[data-capture-view="action"] figcaption {max-width:42ch}
body.sober-home #apphalt-produit .ah-real-capture figcaption small {display:none}
@media(max-width:800px){
  body.sober-home #apphalt-produit .ah-real-capture[data-capture-view="action"] img{width:min(100%,610px);max-height:63%;border-radius:12px}
  body.sober-home #apphalt-produit .ah-real-capture[data-capture-view="dashboard"] img{width:min(100%,420px);max-height:calc(100% - 65px)}
  body.sober-home #apphalt-produit .ah157-guardrail{font-size:11px}
}
@media(max-width:600px){
  body.sober-home #apphalt-produit .ah-real-capture[data-capture-view="action"] img{width:min(100%,380px);max-height:60%}
  body.sober-home #apphalt-produit .ah-real-capture figcaption{font-size:11px;line-height:1.4}
  body.sober-home #apphalt-produit .ah-capture-views button{min-height:42px;font-size:12px}
  body.sober-home #apphalt-produit .ah-logic-decisions>strong{max-width:24ch}
}
@media(prefers-reduced-motion:reduce){
  body.sober-home #malakoff-experience .mh157-outcome,
  body.sober-home #apphalt-produit .ah-real-capture img{transition:none!important}
}
/* The scene already has an accessible provenance note after the animation.
   Avoid an unreadable micro-caption inside the illustrated screen. */
body.sober-home #malakoff-experience .mh3-visual .gn146-provenance {display:none}
body.sober-home #malakoff-experience .mh-fallback .mh-outcome>strong {font-size:14px;letter-spacing:0;line-height:1.35}
@media(max-width:600px){
 body.sober-home #malakoff-experience .client-story-position .gn93-progress{display:none}
}


/* SOURCE: /assets/styles/v158-home-clarity-and-robustness.20261102.css */
/* v158: home-only hardening after seven-perspective review.
   Keep engines, sticky geometry, project routes and client pages unchanged. */

/* On Malakoff mobile the progress rail already identifies the chapter. The
   duplicate bottom-left label is both tiny and visually disconnected. */
@media (max-width: 800px) {
  body.sober-home #malakoff-experience .client-story-position .gn93-progress { display: none !important; }
  body.sober-home #malakoff-experience .mh10-product-mobile .mh158-breakdown {
    display: block;
    margin-top: 10px;
    padding: 12px 14px;
    background: #f3f7f6;
    border: 1px solid #e1eae8;
  }
  body.sober-home #malakoff-experience .mh10-product-mobile .mh158-breakdown h3 {
    font-size: 12px;
    margin: 0 0 5px;
  }
  body.sober-home #malakoff-experience .mh10-product-mobile .mh158-breakdown > div {
    display: flex;
    justify-content: space-between;
    min-height: 24px;
    font-size: 11px;
    border-color: #d9e6e2;
  }
  body.sober-home #malakoff-experience .mh10-product-mobile .mh158-breakdown strong {
    font-size: 12px;
    margin-left: 8px;
  }
  body.sober-home #malakoff-experience .mh10-product-mobile .mh158-breakdown .mh158-balance {
    color: #244b42;
    font-weight: 700;
    border-top: 1px solid #c9dbd4;
    border-bottom: 0;
  }
  body.sober-home #malakoff-experience .mh10-product-mobile .mh10-app-row:first-of-type b { font-size: 17px; }
  body.sober-home #malakoff-experience .mh10-product-mobile .mh10-app-row:first-of-type b small { font-size: 10px; }
}
/* Desktop also has enough information without an extra footer chapter label. */
body.sober-home #malakoff-experience .client-story-position .gn93-progress { opacity: .6; }

/* The native AppHalt screenshot was spread across three stretched grid rows:
   buttons, picture and caption appeared unrelated. Treat them as one figure. */
body.sober-home #apphalt-produit .ah-product-demo-host .ah-real-capture {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: clamp(10px, 1.7svh, 16px);
}
body.sober-home #apphalt-produit .ah-product-demo-host .ah-real-capture .ah-capture-views {
  flex: 0 0 auto;
}
body.sober-home #apphalt-produit .ah-product-demo-host .ah-real-capture img {
  flex: 0 1 auto;
  min-height: 0;
}
body.sober-home #apphalt-produit .ah-product-demo-host .ah-real-capture figcaption {
  flex: 0 0 auto;
  min-height: 0;
  margin: 0;
  max-width: 35ch;
}
/* Minimum text sizes for supporting product context without enlarging the
   full scene beyond the short portrait viewport. */
@media (max-width: 600px) {
  body.sober-home #apphalt-produit .ah-product-demo-host .ah-real-capture figcaption { font-size: 12px; line-height: 1.45; }
  body.sober-home #allianz-trade-pay .at84-beat p { font-size: clamp(13px, 3.45vw, 15px); }
}

/* Labels are never a substitute for an interface. At reduced motion the
   same content remains readable in ordinary document flow. */
@media (prefers-reduced-motion: reduce) {
  body.sober-home #apphalt-produit .ah-product-demo-host .ah-real-capture { transition: none !important; }
}


/* SOURCE: /assets/styles/v159-home.20261103.css */
/* v159 — Home / editorial improvements only. Keep every scroll engine active. */
/* MH: research framing must precede the polished interface. This is a
   reconstructed design board, not a fabricated photo of an actual workshop. */
#malakoff-experience .mh80-problem:has(.mh159-workshop){background:#f5f7f5!important;padding:clamp(12px,2.1vw,28px)!important;border-radius:18px;}
#malakoff-experience .mh159-workshop{display:flex;flex-direction:column;gap:clamp(10px,2.5vh,24px);height:100%;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#273d3e;}
#malakoff-experience .mh159-workshop-head{display:grid;gap:6px;padding-bottom:10px;border-bottom:1px solid #d6e3df;}
#malakoff-experience .mh159-kicker{font:750 10px/1.25 ui-monospace,monospace;letter-spacing:.12em;color:#a05d4d;}
#malakoff-experience .mh159-workshop-head strong{font:680 clamp(18px,2vw,27px)/1.18 system-ui,sans-serif;letter-spacing:-.035em;}
#malakoff-experience .mh159-workshop-head small{font-size:12px;color:#60736f;}
#malakoff-experience .mh159-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(7px,1.2vw,18px);flex:1;min-height:0;}
#malakoff-experience .mh159-notes article{display:flex;flex-direction:column;gap:clamp(7px,1.5vh,13px);min-width:0;padding:clamp(9px,1.45vw,20px);border:1px solid #e4c5a8;border-radius:5px;background:#fff4da;box-shadow:0 6px 13px #3a47381a;transform:rotate(-1.3deg);}
#malakoff-experience .mh159-notes article:nth-child(2){background:#e7f4ed;border-color:#c8dcd0;transform:rotate(1.1deg);}
#malakoff-experience .mh159-notes article:nth-child(3){background:#f6eced;border-color:#e4d6da;transform:rotate(-.6deg);}
#malakoff-experience .mh159-notes article span{font:750 9px/1.35 ui-monospace,monospace;letter-spacing:.08em;color:#896950;}
#malakoff-experience .mh159-notes article strong{font:650 clamp(12px,1.35vw,19px)/1.3 system-ui,sans-serif;letter-spacing:-.02em;}
#malakoff-experience .mh159-notes article i{margin-top:auto;width:54%;height:4px;border-radius:4px;background:#d2d7cc;}
#malakoff-experience .mh159-workshop-bottom{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;padding:12px 14px;border-left:3px solid #ca6b50;background:#fff;border-radius:4px;}
#malakoff-experience .mh159-workshop-bottom span{font:750 9px/1.25 ui-monospace,monospace;letter-spacing:.08em;color:#ae6b54;}
#malakoff-experience .mh159-workshop-bottom strong{font:650 clamp(12px,1vw,15px)/1.35 system-ui,sans-serif;}
@media(max-width:800px){
 #malakoff-experience .mh159-workshop{gap:10px}
 #malakoff-experience .mh159-workshop-head strong{font-size:clamp(15px,4vw,20px)}
 #malakoff-experience .mh159-kicker{font-size:8px}
 #malakoff-experience .mh159-workshop-head small{font-size:10px}
 #malakoff-experience .mh159-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 #malakoff-experience .mh159-notes article{padding:9px 6px;gap:8px;}
 #malakoff-experience .mh159-notes article span{font-size:7px}
 #malakoff-experience .mh159-notes article strong{font-size:clamp(10px,2.8vw,12px);hyphens:auto;overflow-wrap:anywhere;}
 #malakoff-experience .mh159-workshop-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:7px 10px}
 #malakoff-experience .mh159-workshop-bottom span{font-size:7px}
 #malakoff-experience .mh159-workshop-bottom strong{font-size:10px}
}
@media(max-width:380px) and (max-height:680px){
 #malakoff-experience .mh159-workshop-head small{display:none}
 #malakoff-experience .mh159-notes article{padding:6px 5px;}
 #malakoff-experience .mh159-notes article strong{font-size:10px}
}
/* Allianz: the project narrative never competes with tiny internal captions
   at the bottom of the visual. The copy remains in the left-hand stage. */
body.sober-home #allianz-trade-pay .at84-canvas :is(.ap-caption,.ap-window-caption,.ap-screen-caption){display:none!important}
/* AppHalt: a single, authentic dashboard at a readable but contained size. */
body.sober-home #apphalt-produit .ah-real-capture.ah159-single-capture{display:flex;align-items:center;justify-content:center;min-height:0;max-height:100%;padding:10px 6px;background:transparent;border:0;box-shadow:none;}
body.sober-home #apphalt-produit .ah-real-capture.ah159-single-capture img{display:block;width:auto!important;max-width:min(100%,470px)!important;max-height:min(69svh,600px)!important;height:auto!important;object-fit:contain;border-radius:12px;box-shadow:0 16px 50px #03091648;}
@media(max-width:800px){body.sober-home #apphalt-produit .ah-real-capture.ah159-single-capture img{max-width:min(100%,320px)!important;max-height:clamp(330px,55svh,490px)!important;}}
@media(max-height:710px){body.sober-home #apphalt-produit .ah-real-capture.ah159-single-capture img{max-height:43svh!important;}}