@font-face{font-family:Outfit;src:url('assets/fonts/Outfit-Latin-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Fraunces;src:url('assets/fonts/Fraunces-Latin-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Remplacant-J;src:url('assets/fonts/PlayfairDisplay-JF.woff2') format('woff2');font-weight:400 900;font-display:swap;unicode-range:U+0046,U+004A,U+0066,U+006A}

:root{--navy:#000036;--orange:#ff7f26;--orange-deep:#e06a10;--paper:#fffefd;--cream:#fff8f4;--blue-soft:#f6f6ff;--ink:#22263c;--soft:#686d7f;--line:#e4e2e9;--page:1400px;--serif:Remplacant-J,Fraunces,Georgia,serif;--ease:cubic-bezier(.19,1,.22,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Outfit,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
body::selection{background:var(--orange);color:var(--navy)}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:.25em}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}
[hidden]{display:none!important}
section,[id]{scroll-margin-top:32px}
figure,p,h1,h2,h3{margin:0}
p{font-size:1.0625rem;line-height:1.65;text-wrap:pretty}
h1,h2,h3{color:var(--navy)}
h1,h2,.scene-copy h3,.platform-shot h3{font-family:var(--serif);font-weight:570;font-variation-settings:'SOFT' 0,'WONK' 1;letter-spacing:-.045em;word-spacing:.06em;line-height:.99}
h1 em,h2 em,h3 em{color:var(--orange-deep);font-weight:inherit}
h2{font-size:clamp(2.8rem,5.8vw,5.6rem)}
.kicker,.eyebrow{display:block;color:var(--navy);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.5}
.kicker{margin-bottom:1.25rem}
.sr-only,.honeypot{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:1rem;left:1rem;z-index:100;padding:1rem;background:var(--navy);color:white;transform:translateY(-200%)}
.skip-link:focus{transform:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:1.1rem;min-height:54px;padding:1rem 1.5rem;border:0;border-radius:100px;background:var(--orange);color:var(--navy);font-size:1rem;font-weight:720;text-decoration:none;cursor:pointer;transition:box-shadow .3s,transform .3s,background .3s}
.button::after{content:'↗';font-size:1.25em;font-weight:400;transition:transform .3s}
.button:hover{box-shadow:0 10px 30px #ff7f2630;transform:translateY(-2px)}
.button:hover::after{transform:translate(2px,-2px)}
.button-small{min-height:46px;padding:.7rem 1.25rem;font-size:.875rem}
.text-link{font-weight:650;font-size:.9375rem;text-decoration:none;border-bottom:1px solid currentColor;padding:.25rem 0}
.text-link:hover{color:var(--orange-deep)}
.site-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;max-width:var(--page);width:calc(100% - 80px);margin:0 auto;padding:1.35rem 0;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;flex-shrink:0;color:var(--navy)}
.brand img{width:34px;height:46px;object-fit:contain}
.brand>span{font-size:1.2rem;line-height:1.2;font-weight:750;letter-spacing:-.025em}
.brand small{display:block;margin-top:.3rem;font-size:.63rem;letter-spacing:.055em;text-transform:uppercase;font-weight:600;color:var(--soft)}
.site-header nav{display:flex;align-items:center;gap:1.5rem}
.header-menu a{font-size:.875rem;font-weight:500;text-decoration:none;padding:.75rem 0}
.header-menu a:hover{color:var(--orange-deep)}
.header-phone{font-size:.875rem;text-decoration:none;font-weight:650;white-space:nowrap}
.hero{position:relative;width:calc(100% - 80px);max-width:var(--page);margin:0 auto;display:grid;grid-template-columns:1fr 1.05fr;column-gap:1rem;padding:5rem 0 1rem;align-items:center}
.hero::before{content:'';position:absolute;top:-7%;right:-20%;width:85%;height:750px;z-index:-1;background:radial-gradient(ellipse at 62% 50%,#ffd4b54d,transparent 63%);pointer-events:none}
.hero-copy{position:relative;z-index:3;padding:1rem 0 3.5rem;min-width:0}
.eyebrow{margin-bottom:1.5rem;font-size:.6875rem;letter-spacing:.11em;display:flex;align-items:center;gap:.65rem}
.eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--orange);flex-shrink:0}
h1{font-size:clamp(3.9rem,6.6vw,6.55rem);line-height:1;letter-spacing:-.07em}
h1 .l{display:block;white-space:nowrap}
h1 em{position:relative;width:max-content}
h1 em::after{content:'';position:absolute;right:-.34em;bottom:-.16em;width:1.6em;aspect-ratio:570/130;background:url('assets/griffe-boucle.svg') center/contain no-repeat;opacity:.85;transform:rotate(-8deg)}
.hero-sigle{margin-top:1.65rem;font-size:clamp(.875rem,1.1vw,1rem);color:var(--soft)}
.hero-sigle b{color:var(--orange-deep);font-weight:650}
.hero-lead{font-size:clamp(1.1rem,1.8vw,1.45rem);font-weight:520;line-height:1.45;color:var(--navy);margin-top:2rem;letter-spacing:-.02em}
.hero-detail{max-width:440px;color:var(--soft);font-size:1rem;margin-top:.85rem}
.hero-price{display:grid;gap:.15rem;margin-top:1.5rem;font-size:.875rem}
.hero-price strong{color:var(--navy);font-weight:650}
.hero-price>span{color:var(--soft)}
.hero-actions{display:flex;gap:1.5rem;align-items:center;margin-top:1.75rem;flex-wrap:wrap}
.hero-object{position:relative;min-width:0;aspect-ratio:1.05;align-self:center;margin:0 0 2rem;perspective:1400px}
.hero-object::before{content:'';position:absolute;inset:4% -8% 2% 10%;background:linear-gradient(145deg,#fff1e5,#eeedf6);border-radius:48% 38% 44% 32%;transform:rotate(-10deg)}
.hero-object-label{position:absolute;z-index:5;top:1%;left:20%;display:flex;align-items:center;gap:.65rem;padding:.7rem 1rem;border:1px solid #00003612;border-radius:100px;background:#fffefdcf;backdrop-filter:blur(12px);font-size:.75rem;font-weight:600;color:var(--navy);letter-spacing:.015em}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #ff7f261a;flex-shrink:0}
.tablet{display:block;position:relative;width:100%;aspect-ratio:1400/875;filter:drop-shadow(0 22px 24px #00003618)}
.tablet-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:24px}
.tablet-screen{position:absolute;z-index:2;left:22.45%;top:21.08%;width:55.1%;height:55.8%;overflow:hidden;border-radius:4px;background:white;box-shadow:inset 0 0 0 1px #00003618}
.device-shot{display:block;width:100%;height:100%;object-fit:cover}
.device-shot-catalogue{object-position:50% 38%}
.device-shot-offline{object-position:center top}
.hero-object>.tablet{position:absolute;width:117%;left:-8%;top:17%;transform:rotate(-6deg);}
.hero-phone{position:absolute;z-index:4;right:1%;top:38%;width:20%;aspect-ratio:414/900;border:5px solid #13141c;border-radius:24px;background:#f2f4f7;overflow:hidden;box-shadow:0 26px 30px #00003633;transform:rotate(9deg)}
.hero-phone img{width:100%;height:100%;object-fit:cover}
.hero-live{position:absolute;z-index:5;left:-3%;bottom:16%;width:42%;display:flex;gap:.8rem;align-items:center;padding:.6rem;background:#fffefd;box-shadow:0 20px 45px #00003612;border:1px solid #0000360d;border-radius:15px;transform:rotate(-3deg)}
.hero-live>img{width:33%;aspect-ratio:1;object-fit:cover;border-radius:9px}
.hero-live>span{font-size:.875rem;line-height:1.45;font-weight:600;color:var(--navy)}
.hero-live .live-dot{display:block;margin-bottom:.5rem;width:5px;height:5px}
.hero-object figcaption{position:absolute;left:26%;bottom:4%;display:grid;gap:.2rem;color:var(--navy);text-align:center}
.hero-object figcaption strong{font-size:1.15rem;font-weight:600;letter-spacing:-.025em}
.hero-object figcaption>span{font-size:.75rem;color:var(--soft)}
.proof-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--line)}
.proof-heading .kicker{margin:0;font-size:.6875rem}
.proof-heading>span:last-child{display:flex;gap:.8rem;align-items:center;font-size:.75rem;color:var(--soft)}
.proof-heading img{width:60px;height:auto}
.proof-sequence{grid-column:1/-1;min-width:0}
.proofs{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;padding:0;margin:1.35rem 0 0}
.proofs li{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-rows:2.1rem 1fr minmax(3rem,auto);gap:1.25rem;align-items:start;padding:1.8rem 2.1rem 1.6rem;min-height:260px;border:1px solid #00003607;border-radius:20px;color:var(--navy)}
.proof-mentions{background:linear-gradient(125deg,#e4e5f4,#f3f2fa)}
.proof-success{background:linear-gradient(125deg,#ffd8bf,#fff0e5)}
.proof-google{background:linear-gradient(125deg,#fffdfb,#f2f1f8)}
.proofs small{font-size:.6875rem;font-weight:650;letter-spacing:.095em;text-transform:uppercase;color:#46466b;line-height:1.5}
.proofs strong{display:block;font-family:var(--serif);font-size:clamp(4.3rem,6.4vw,6.5rem);font-weight:560;letter-spacing:-.065em;line-height:.9;align-self:start}
.proofs strong span{font-family:Outfit,sans-serif;font-size:.33em;font-weight:650;letter-spacing:-.05em}
.proofs p{font-size:1rem;font-weight:550;line-height:1.4;max-width:245px;display:flex;flex-direction:column;gap:.1rem}
.proof-stars{color:var(--orange-deep);font-size:.9375rem;letter-spacing:.16em}
.proof-note{grid-column:1/-1;font-size:.6875rem;color:var(--soft);max-width:1030px;line-height:1.65;margin:1rem auto 0;text-align:center}
.section-heading{width:calc(100% - 80px);max-width:940px;margin:0 auto 4rem;text-align:center}
.section-heading>p:last-child{max-width:620px;margin:1.5rem auto 0;color:var(--soft)}
.story{padding-top:8.5rem}
.story-static{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;width:calc(100% - 80px);max-width:var(--page);margin:auto}
.learning-card{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--paper)}
.learning-card figure{position:relative;aspect-ratio:4/3;background:#f3f2f8;display:grid;place-items:center;overflow:hidden}
.learning-card figure>img{width:100%;height:100%;object-fit:cover}
.learning-card>div{padding:2rem}
.learning-card>div>span{font-size:.75rem;color:var(--orange-deep);font-weight:700}
.learning-card h3{font-family:var(--serif);font-weight:550;font-size:2rem;letter-spacing:-.045em;margin:.75rem 0}
.learning-card p{color:var(--soft)}
.learning-card-progress{background:var(--navy)}
.learning-card-progress figure{background:radial-gradient(ellipse at 35% 65%,#ff7f2633,transparent 70%),var(--navy)}
.learning-card-progress h3{color:#fff}.learning-card-progress p{color:#c3c4d9}
.learning-card-team{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.static-phone{height:90%;aspect-ratio:414/900;display:block;border:5px solid #171723;border-radius:24px;overflow:hidden;transform:rotate(5deg);box-shadow:0 25px 45px #00003624}
.story-motion{display:none}
.platform-showcase{padding:9rem 0;position:relative}
.platform-showcase-grid{display:grid;gap:2rem;width:calc(100% - 80px);max-width:var(--page);margin:auto}
.platform-shot{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:4rem;padding:3rem;border:1px solid #0000360b;border-radius:28px;overflow:hidden;isolation:isolate;background:linear-gradient(125deg,#f2f1f9,#fffaf7);box-shadow:0 22px 55px #0000360c}
.platform-shot figure{position:relative;min-width:0;overflow:hidden;aspect-ratio:1.3;border:1px solid #00003614;border-radius:14px;background:white;box-shadow:0 20px 28px #0000360b}
.platform-shot img{display:block;width:100%;height:100%;object-fit:contain}
.platform-shot>div{position:relative;z-index:1;min-width:0}
.platform-shot>div>span{display:inline-flex;align-items:center;gap:.7rem;font-size:.75rem;font-weight:650;letter-spacing:.12em;color:var(--orange-deep);margin-bottom:1.4rem}
.platform-shot>div>span::after{content:'';width:38px;height:1px;background:currentColor}
.platform-shot h3{font-size:clamp(2.2rem,4vw,3.5rem)}
.platform-shot p{margin-top:1.4rem;color:var(--soft);max-width:330px}
.platform-shot-replay{background:linear-gradient(135deg,#fff2e7,#fffaf7)}
.platform-shot-replay figure{aspect-ratio:1.3;background:#fff}
.platform-shot-replay img{object-fit:contain}
.platform-shot-evaluation{background:linear-gradient(135deg,#f1f1ff,#f8f8fd)}
.practice{padding:6rem 0;background:var(--navy);color:#fff;position:relative}
.practice-copy{width:calc(100% - 80px);max-width:1000px;text-align:center;margin:0 auto 3rem}
.practice h2,.practice .kicker{color:#fff}
.practice h2 em{color:var(--orange)}
.practice p:not(.kicker){max-width:720px;margin:1.5rem auto 0;color:#cacade}
.practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1100px;width:calc(100% - 80px);margin:auto;position:relative}
.practice-grid .tile{aspect-ratio:1.25;overflow:hidden;border-radius:15px}
.practice-grid img{height:100%;width:100%;object-fit:cover}
.practice-message{display:none}
.practice-motion{display:none}
.eligibility{max-width:var(--page);width:calc(100% - 80px);margin:0 auto;padding:9rem 0;display:grid;grid-template-columns:1fr 1.15fr;gap:2rem 6rem}
.section-heading-left{width:auto;text-align:left;max-width:none;margin:0}
.section-heading-left>p:last-child{margin-left:0}
.eligibility-list{list-style:none;padding:0;margin:0}
.eligibility-list li{display:flex;gap:1.5rem;padding:1.75rem 0;border-top:1px solid var(--line)}
.eligibility-list li:first-child{padding-top:.5rem;border:0}
.eligibility-list>li>span{color:var(--orange-deep);font-size:.75rem;padding-top:.35rem;font-weight:650}
.eligibility-list h3{font-size:1.25rem;font-weight:600;line-height:1.3;letter-spacing:-.02em}
.eligibility-list p{margin-top:.6rem;font-size:1rem;color:var(--soft)}
.inline-cta{grid-column:1/-1;display:flex;align-items:center;gap:1.8rem;border-top:1px solid var(--line);padding-top:2rem;margin-top:1rem}
.inline-cta p{flex:1;color:var(--navy);font-size:1.125rem}
.conversion{position:relative;max-width:var(--page);width:calc(100% - 48px);margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;background:var(--navy);border-radius:32px;padding:4.5rem;color:#fff;isolation:isolate}
.conversion::before{content:'';position:absolute;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 0 100%,#ff7f262b,transparent 60%);pointer-events:none}
.funding h2{color:white;font-size:clamp(2.8rem,4.25vw,4.25rem)}
.funding h2 em{color:var(--orange)}
.funding .kicker{color:#cbcbe0}
.funding-options{margin-top:2.5rem}
.funding-options article{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1rem;padding:1.6rem 0;border-top:1px solid #ffffff24;align-items:baseline}
.funding-number{font-family:var(--serif);font-size:2.6rem;letter-spacing:-.04em;color:var(--orange);line-height:1.1}
.funding-number small{font-family:Outfit,sans-serif;font-size:.875rem;letter-spacing:0;margin-left:.2rem;color:#cbcbe0}
.funding-options h3{color:white;font-size:1rem;font-weight:550;text-align:right}
.funding-options article>p:last-child{grid-column:1/-1;color:#bdbed3;font-size:.9375rem;line-height:1.65;max-width:410px}
.funding-note{color:#9d9fbf;font-size:.75rem;margin-top:.75rem;max-width:430px}
.form-card{align-self:start;background:var(--paper);color:var(--ink);border-radius:22px;padding:2.5rem;box-shadow:0 25px 60px #0000001c}
.form-card .kicker{font-size:.6875rem;margin-bottom:1rem}
.form-card h2{font-size:3.4rem}
.form-card>p:not(.kicker){font-size:.9375rem;color:var(--soft);margin-top:1rem}
.callback-form{display:grid;gap:1rem;margin-top:1.7rem}
.callback-form label{display:grid;gap:.45rem;font-size:.8125rem;font-weight:600;color:var(--navy)}
.callback-form label small{font-size:inherit;font-weight:400;display:contents;color:var(--soft)}
.callback-form input,.callback-form select,.callback-form textarea{display:block;width:100%;border:1px solid #dcdce5;border-radius:8px;background:white;color:var(--navy);padding:.8rem;font-size:1rem;min-height:48px;outline-offset:3px}
.callback-form input:focus,.callback-form select:focus,.callback-form textarea:focus{outline:2px solid var(--orange);border-color:transparent}
.callback-form textarea{resize:vertical;min-height:80px}
.callback-form .button{width:100%;margin-top:.3rem}
.callback-form .privacy{font-size:.6875rem;color:var(--soft);line-height:1.5}
.callback-form .honeypot{display:block}
.form-status{padding:.8rem;border-radius:8px;font-size:.875rem;background:#fff0e3;color:var(--navy)}
.form-error{border:1px solid #b64848}
.preview-form-note{font-size:.75rem!important;padding:.6rem;border-left:2px solid var(--orange)}
.form-card .call-direct{font-size:.75rem!important;line-height:1.7}
.call-direct a{white-space:nowrap;font-weight:650;color:var(--navy)}
.anchor-target{position:absolute;top:0}
.faq{width:calc(100% - 80px);max-width:var(--page);margin:auto;padding:9rem 0 7rem;display:grid;grid-template-columns:.85fr 1.15fr;gap:2.5rem 6rem}
.faq h2{font-size:clamp(2.8rem,4.5vw,4.3rem)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list details:first-child{border-top:1px solid var(--line)}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.4rem 0;cursor:pointer;font-size:1.0625rem;font-weight:550;color:var(--navy);list-style:none;line-height:1.45}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:'+';font-size:1.5rem;font-weight:350;width:26px;flex-shrink:0;text-align:center;color:var(--orange-deep)}
.faq-list details[open] summary::after{content:'−'}
.faq-list details>div{padding:0 2.75rem 1.5rem 0;color:var(--soft)}
.faq-list p{font-size:1rem;line-height:1.7}
.faq-contact{grid-column:2;font-size:.875rem;color:var(--soft)}
.faq-contact a{color:var(--navy);font-weight:550}
.footer{border-top:1px solid var(--line);background:#f7f7fb;padding:3.5rem max(40px,calc((100vw - var(--page))/2)) 1.5rem}
.footer-main{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:3rem}
.footer-brand>p{font-size:.875rem;color:var(--soft);margin-top:1.25rem}
.footer-brand a{font-weight:500}
.footer-title{font-size:1.0625rem;font-weight:650;color:var(--navy);margin-bottom:.7rem}
.footer-summary>p:nth-child(2){font-size:.875rem;color:var(--soft);margin-bottom:1.25rem}
.qualiopi{width:160px;height:auto;margin-bottom:.85rem}
.footer-quality p{font-size:.6875rem;color:var(--soft);line-height:1.65}
.footer-bottom{border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1.2rem;font-size:.75rem;color:var(--soft)}
.mobile-bar{display:none}
.prototype{padding:.5rem;background:var(--navy);color:white;text-align:center;font-size:.75rem}
.confirmation-card{width:calc(100% - 48px);max-width:850px;margin:6rem auto;padding:3rem;border-radius:24px;background:var(--cream)}
.confirmation-card h1{font-size:clamp(3rem,7vw,5rem)}
.confirmation-card>p:not(.kicker){margin-top:1.5rem;color:var(--soft)}


@keyframes enter-line{from{opacity:0;transform:translateY(65%);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes enter-object{from{opacity:0;transform:translate3d(12%,9%,0) rotate(8deg) scale(.88)}to{opacity:1;transform:none}}
@keyframes screen-on{from{opacity:0;filter:brightness(.1)}to{opacity:1;filter:brightness(1)}}
@keyframes reveal{from{opacity:.1;transform:translateY(50px)}to{opacity:1;transform:none}}
@keyframes reveal-left{from{opacity:0;transform:translate(-16%,40px) rotate(-4deg) scale(.9)}to{opacity:1;transform:none}}
@keyframes reveal-right{from{opacity:0;transform:translate(16%,40px) rotate(4deg) scale(.9)}to{opacity:1;transform:none}}
@keyframes hero-drift{from{transform:translateY(0) rotate(-4deg)}to{transform:translateY(60px) rotate(2deg)}}
@keyframes screen-drift{from{object-position:50% 12%}to{object-position:50% 85%}}
@keyframes scene-one{0%,13%{opacity:1;transform:none;filter:none}20%,100%{opacity:0;transform:translateX(-32%) scale(.76);filter:blur(5px)}}
@keyframes scene-two{0%,13%{opacity:1;clip-path:inset(0 0 0 100% round 28px);transform:scale(1.12)}20%,33%{opacity:1;clip-path:inset(0 round 0);transform:none}40%,100%{opacity:0;clip-path:inset(0 round 0);transform:scale(1.55)}}
@keyframes scene-three{0%,33%{opacity:1;clip-path:inset(100% 0 0 round 28px);transform:translateY(22%)}40%,53%{opacity:1;clip-path:inset(0 round 0);transform:none}60%,100%{opacity:0;clip-path:inset(0 round 0);transform:translateX(35%) scale(.8)}}
@keyframes scene-four{0%,53%{opacity:1;clip-path:inset(0 100% 0 0 round 28px);transform:translateX(-12%)}60%,73%{opacity:1;clip-path:inset(0 round 0);transform:none}81%,100%{opacity:0;clip-path:inset(0 round 0);transform:translateY(-25%) scale(.78)}}
@keyframes scene-five{0%,73%{opacity:1;clip-path:inset(100% 0 0 round 28px);transform:scale(1.14)}81%,100%{opacity:1;clip-path:inset(0 round 0);transform:none}}
@keyframes rail-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes rail-top{from{transform:translateX(0)}to{transform:translateX(calc(100vw - 100%))}}
@keyframes rail-bottom{from{transform:translateX(calc(100vw - 100%))}to{transform:translateX(0)}}
@keyframes practice-focus{0%{opacity:.5;transform:scale(.94);filter:blur(4px)}25%,75%{opacity:1;transform:none;filter:none}100%{opacity:.8;transform:scale(1.02);filter:none}}
@keyframes deck-recede{from{transform:scale(1);filter:brightness(1)}to{transform:scale(.94);filter:brightness(.84)}}
@keyframes panel-open{from{clip-path:inset(8% 5% round 60px)}to{clip-path:inset(0 round 32px)}}
@media(prefers-reduced-motion:no-preference){
  h1 .l{animation:enter-line 1.2s var(--ease) both}
  h1 .l:nth-child(2){animation-delay:.16s}
  .hero-copy>.eyebrow,.hero-sigle,.hero-lead,.hero-detail,.hero-price,.hero-actions{animation:enter-line 1.2s var(--ease) both;animation-delay:.25s}
  .hero-object{animation:enter-object 1.6s var(--ease) both;animation-delay:.1s}
  .hero-object .tablet-screen{animation:screen-on 1.2s ease both;animation-delay:.7s}
}
@supports(animation-timeline:view()){
 @media(prefers-reduced-motion:no-preference){
  .hero-object>.tablet{animation:hero-drift linear both;animation-timeline:view();animation-range:exit 0% exit 100%}
  .hero-object .device-shot-catalogue{animation:screen-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  .section-heading h2,.section-heading>.kicker,.section-heading>p:last-child{animation:reveal var(--ease) both;animation-timeline:view();animation-range:entry 0% cover 28%}
  .eligibility-list li{animation:reveal-right var(--ease) both;animation-timeline:view();animation-range:entry 0% cover 32%}
  .conversion{animation:panel-open var(--ease) both;animation-timeline:view();animation-range:entry 0% cover 35%}
  .funding-options article,.faq-list details{animation:reveal var(--ease) both;animation-timeline:view();animation-range:entry 0% cover 24%}
 }
 
 @media(prefers-reduced-motion:no-preference){
  .story-static{display:none}
  .story-motion{display:block}
  .story-track{height:560svh;view-timeline:--journey block}
  .story-sticky{position:sticky;top:0;width:calc(100% - 48px);max-width:var(--page);height:100dvh;margin:auto;padding:1.2rem 0 1.4rem;display:grid;grid-template-rows:24px minmax(0,1fr) 58px;row-gap:.8rem}
  .story-topline{grid-row:1;display:flex;align-items:center;justify-content:space-between;padding:0 .5rem;font-size:.625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);font-weight:600}
  .story-rail{grid-row:3;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;list-style:none;padding:0;margin:0}
  .story-rail li{position:relative;display:flex;gap:.7rem;align-items:center;padding:.75rem .5rem;border-top:2px solid var(--line);font-size:.8125rem;color:var(--soft);font-weight:500}
  .story-rail b{font-size:.6875rem;font-weight:500;color:var(--orange-deep)}
  .story-rail li::before{content:'';position:absolute;top:-2px;left:0;right:0;height:2px;background:var(--orange);transform-origin:left;animation:rail-fill linear both;animation-timeline:--journey;animation-range:contain 0% contain 20%}
  .story-rail li:nth-child(2)::before{animation-range:contain 20% contain 40%}
  .story-rail li:nth-child(3)::before{animation-range:contain 40% contain 60%}
  .story-rail li:nth-child(4)::before{animation-range:contain 60% contain 80%}
  .story-rail li:nth-child(5)::before{animation-range:contain 80% contain 100%}
  .story-window{position:relative;grid-row:2;isolation:isolate;min-height:0;overflow:hidden;border-radius:28px;background:var(--navy);box-shadow:0 25px 55px #00003615}
  .story-scene{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;padding:clamp(2rem,4vw,4rem);background:var(--cream);animation:scene-one linear both;animation-timeline:--journey;animation-range:contain 0% contain 100%;pointer-events:none;will-change:transform,opacity}
  .scene-copy{position:relative;z-index:3;min-width:0}
  .scene-number{display:inline-flex;align-items:center;gap:.75rem;color:var(--orange-deep);font-size:.75rem;font-weight:650;letter-spacing:.13em;margin-bottom:2rem}
  .scene-number::after{content:'';width:44px;height:1px;background:currentColor}
  .scene-copy h3{font-size:clamp(3.3rem,5.65vw,5.65rem)}
  .scene-copy>p{margin-top:1.65rem;max-width:440px;font-size:clamp(1rem,1.35vw,1.1875rem);color:var(--soft);line-height:1.6}
  .scene-caption{display:flex;align-items:center;gap:.7rem;margin-top:2rem;padding-top:1rem;border-top:1px solid #ffffff26;font-size:.8125rem;color:#c9cadb}
  .scene-media{position:relative;min-width:0;min-height:0;height:100%;max-height:640px;display:grid;place-items:center;margin:0}
  .scene-photo{overflow:hidden;border-radius:20px}
  .scene-photo img{width:100%;height:100%;object-fit:cover}
  .scene-visio{background:var(--navy)}
  .scene-visio h3,.scene-progress h3{color:#fff}
  .scene-visio h3 em,.scene-progress h3 em{color:var(--orange)}
  .scene-visio .scene-number,.scene-progress .scene-number{color:var(--orange)}
  .scene-visio .scene-copy>p,.scene-progress .scene-copy>p{color:#c3c4d9}
  .scene-tablet{animation-name:scene-two;grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;gap:1.1rem;text-align:center;background:radial-gradient(ellipse at 50% 80%,#ffe2cb,transparent 65%),var(--cream);padding:2rem 3rem 1.25rem}
  .scene-tablet .scene-number{margin-bottom:.8rem}
  .scene-tablet .scene-copy h3{font-size:clamp(2.7rem,4.5vw,4.5rem)}
  .scene-tablet .scene-copy h3 br{display:block}
  .scene-tablet .scene-copy>p{font-size:1rem;max-width:800px;margin:.9rem auto 0;line-height:1.5}
  .scene-points{display:flex;justify-content:center;gap:1rem;list-style:none;margin:.85rem 0 0;padding:0;font-size:.75rem;color:var(--navy)}
  .scene-points li{padding:.4rem .8rem;border:1px solid #00003614;border-radius:100px}
  .scene-tablet .scene-media{width:100%;height:auto;max-height:none}
  .tablet-motion{width:min(100%,calc((100svh - 490px) * 1.6),900px);height:auto;aspect-ratio:1400/875}
  .scene-offline{animation-name:scene-three;background:radial-gradient(ellipse at 74% 48%,#dddff3,transparent 60%),#f7f6fb}
  .motion-phone{display:block;height:min(100%,65svh);aspect-ratio:414/900;background:#10111c;border:7px solid #151621;border-radius:34px;overflow:hidden;box-shadow:0 35px 45px #00003629;transform:rotate(7deg)}
  .motion-phone>img{width:100%;height:100%;object-fit:cover}
  .scene-progress{animation-name:scene-four;background:radial-gradient(ellipse at 22% 60%,#ff7f2636,transparent 50%),var(--navy)}
  .scene-progress .scene-media{grid-column:1;grid-row:1}
  .scene-progress .scene-copy{grid-column:2;grid-row:1}
  .scene-progress .motion-phone{transform:rotate(-7deg)}
  .scene-tutor{animation-name:scene-five;grid-template-columns:1fr 1.1fr;gap:3rem;background:var(--cream)}
  .scene-tutor .scene-copy h3{font-size:clamp(3rem,5vw,5rem)}
  .scene-tutor .scene-media{height:auto;aspect-ratio:1.35;align-self:center}
  .team-roles{list-style:none;margin:1.5rem 0 0;padding:0;border-top:1px solid var(--line)}
  .team-roles li{padding:.7rem 0;border-bottom:1px solid var(--line);font-size:.875rem;font-weight:600;display:flex;justify-content:space-between;gap:.7rem;color:var(--navy)}
  .team-roles span{font-weight:400;font-size:.75rem;color:var(--soft);padding-top:.15rem}
  .platform-showcase-grid{display:block;view-timeline:--platform block}
  .platform-shot{position:sticky;top:32px;height:calc(100dvh - 64px);max-height:780px;min-height:500px;margin-bottom:4rem;transform-origin:center top}
  .platform-shot:not(:last-child){animation:deck-recede linear both;animation-timeline:--platform;animation-range:contain 0% contain 48%}
  .platform-shot:nth-child(2){top:48px;animation-range:contain 48% contain 96%}
  .platform-shot:nth-child(3){top:64px;margin-bottom:0}
  .platform-shot figure{max-height:100%;height:100%;aspect-ratio:auto}
  .practice{padding:0}
  .practice>.practice-copy,.practice-grid{display:none}
  .practice-motion{display:block}
  .practice-track{height:250svh;view-timeline:--practice block}
  .practice-sticky{position:sticky;top:0;height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);row-gap:1rem;padding:1.5rem 0;overflow:hidden;isolation:isolate}
  .practice-rail{width:max-content;min-width:100vw;display:flex;gap:1.25rem;padding:0 24px;align-self:center;will-change:transform;animation:rail-top linear both;animation-timeline:--practice;animation-range:contain 0% contain 100%}
  .practice-rail figure{flex:none;width:clamp(200px,22vw,350px);height:clamp(130px,22svh,240px);overflow:hidden;border-radius:16px}
  .practice-rail img{height:100%;width:100%;object-fit:cover}
  .practice-rail-bottom{animation-name:rail-bottom}
  .practice-motion-copy{position:relative;width:calc(100% - 80px);max-width:1100px;justify-self:center;text-align:center;padding:1.5rem 0;animation:practice-focus linear both;animation-timeline:--practice;animation-range:contain 0% contain 100%;z-index:2}
  .practice-motion-copy::before{content:'';position:absolute;inset:-3rem -8rem;background:var(--navy);filter:blur(30px);z-index:-1;opacity:.9}
  .practice-motion-copy h2{font-size:clamp(3rem,5.4vw,5.2rem)}
  .practice-motion-copy .kicker{margin-bottom:1.3rem}
  .practice-motion-copy p:not(.kicker){font-size:1rem;line-height:1.65;margin-top:1.5rem}
 }
}

@media(min-width:1600px){.hero{padding-top:6rem}.hero-copy{padding-bottom:4rem}}
@media(max-width:1100px){
 .site-header{width:calc(100% - 48px)}.header-menu{display:none!important}
 .hero{width:calc(100% - 48px);padding-top:3.5rem;grid-template-columns:1fr 1fr}
 h1{font-size:clamp(3.3rem,6.7vw,5rem)}
 .hero-live{left:0;bottom:13%;width:46%}.hero-live>span{font-size:.7rem}.hero-object figcaption{left:24%;bottom:0}
 .hero-object-label{font-size:.65rem;top:-3%;left:18%}
 .proofs li{padding:1.5rem;min-height:250px}.proofs small{font-size:.625rem}
 .proofs p{font-size:.9375rem}.proofs strong{font-size:5rem}
 .section-heading{width:calc(100% - 48px)}.platform-showcase-grid{width:calc(100% - 48px)}
 .platform-shot{gap:2rem;padding:2rem}.platform-shot h3{font-size:3rem}
 .eligibility,.faq{width:calc(100% - 64px);gap:3rem}.conversion{gap:2.5rem;padding:2.5rem}
 .form-card{padding:1.7rem}.form-card h2{font-size:2.8rem}.funding h2{font-size:3.25rem}
 .funding-number{font-size:2.2rem}.funding-options h3{font-size:.875rem}
 .footer-main{gap:2rem}.footer{padding-left:32px;padding-right:32px}
}
@media(min-width:701px) and (max-width:1000px){
 .hero{grid-template-columns:1fr}.hero-copy{max-width:640px;padding-bottom:1rem}.hero h1{font-size:6rem}.hero-object{width:78%;margin:-1rem 0 2rem auto;max-width:650px;aspect-ratio:1.3}.hero-object figcaption{bottom:-3%;left:30%}.hero-object>.tablet{top:9%}.hero-phone{top:20%}.hero-live{bottom:8%;left:-4%}.hero-object-label{top:0}
 .proofs strong{font-size:4.4rem}.proofs li{padding:1.3rem;gap:1rem;min-height:235px}.proofs p{font-size:.875rem}
 .scene-copy h3{font-size:3.4rem}.scene-number{margin-bottom:1.3rem}.story-scene{padding:2rem;gap:1.5rem}.scene-copy>p{font-size:1rem}.scene-tutor{grid-template-columns:1fr 1fr;gap:1.5rem}.scene-tutor .scene-copy h3{font-size:3.3rem}.team-roles li{display:block}.team-roles span{display:block}.scene-tablet{grid-template-columns:1fr;gap:1rem}.scene-tablet .scene-copy h3{font-size:3rem}.scene-tablet .scene-copy h3 br{display:block}.scene-tablet .scene-copy>p{font-size:.9375rem}.scene-tablet .scene-points{gap:.5rem}
 .eligibility{grid-template-columns:1fr}.eligibility .section-heading{max-width:650px}.inline-cta{flex-wrap:wrap}.inline-cta p{flex-basis:100%}
 .conversion{grid-template-columns:1fr 1fr;gap:1.5rem;padding:2rem}.form-card{padding:1.5rem}.funding h2{font-size:2.7rem}.funding-number{font-size:2rem}.funding-options article{grid-template-columns:1fr}.funding-options h3{text-align:left}.form-card h2{font-size:2.6rem}
 .faq{grid-template-columns:1fr;max-width:750px}.faq-contact{grid-column:1}.faq .section-heading{max-width:540px}
 .footer-main{grid-template-columns:1fr 1fr}.footer-quality{grid-column:1/-1;display:flex;gap:2rem;align-items:center}.footer-quality p{max-width:550px}
}
@media(max-width:700px){
 body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
 .site-header{width:calc(100% - 36px);padding:1rem 0;justify-content:center;min-height:82px}
 .site-header>nav{display:none}.brand img{width:29px;height:38px}.brand>span{font-size:1.15rem}.brand small{font-size:.59rem}
 .hero{width:calc(100% - 40px);grid-template-columns:1fr;padding:2.25rem 0 0;gap:0}
 .hero::before{top:250px;right:-20%;width:130%;height:650px}
 .hero-copy{padding:0;z-index:3}.eyebrow{font-size:.59rem;letter-spacing:.075em;margin-bottom:1.3rem;gap:.4rem}
 h1{font-size:clamp(2.25rem,11.85vw,5.4rem);line-height:1.02}
 .hero-sigle{font-size:.8rem;line-height:1.5;max-width:300px;margin-top:1.4rem}
 .hero-lead{margin-top:1.4rem;font-size:1.25rem}.hero-detail{font-size:.9375rem;max-width:430px;margin-top:.65rem}
 .hero-price{margin-top:1.25rem;font-size:.8125rem;gap:.2rem}.hero-actions{margin-top:1.4rem;gap:1.25rem}.hero-actions .button{font-size:.9375rem;padding:.9rem 1.2rem;min-height:50px}.hero-actions .text-link{font-size:.8125rem}
 .hero-object{width:100%;aspect-ratio:1.13;margin:2.3rem 0 2rem;min-height:0}
 .hero-object::before{inset:2% -7% 1% 8%}.hero-object>.tablet{top:16%;width:116%;left:-10%}.tablet-frame{border-radius:14px}.tablet-screen{border-radius:3px}
 .hero-object-label{font-size:.625rem;top:0;left:12%;padding:.65rem .8rem;gap:.5rem}
 .hero-phone{width:21%;right:0;top:31%;border-width:3px;border-radius:15px;box-shadow:0 15px 25px #00003630}
 .hero-live{width:45%;bottom:15%;left:-1%;border-radius:10px;gap:.5rem;padding:.4rem}.hero-live>span{font-size:.6875rem}.hero-live>img{border-radius:7px}.hero-live .live-dot{margin-bottom:.3rem}
 .hero-object figcaption{left:25%;bottom:0}.hero-object figcaption strong{font-size:.9375rem}.hero-object figcaption>span{font-size:.6875rem}
 .proof-heading{margin-top:1.1rem;padding-top:1rem}.proof-heading .kicker{font-size:.59rem;letter-spacing:.09em}.proof-heading>span:last-child{font-size:0}.proof-heading img{width:55px}
 .proofs{grid-template-columns:1fr;gap:.75rem;margin-top:1.1rem}
 .proofs li{min-height:190px;padding:1.4rem 1.65rem;grid-template-rows:1.4rem auto auto;gap:.85rem;border-radius:18px}
 .proofs small{font-size:.625rem}.proofs strong{font-size:4.7rem;line-height:.9}.proofs p{display:block;max-width:none;min-height:0;font-size:.9375rem}.proof-stars{display:inline-block;margin-right:.65rem}
 .proof-note{font-size:.625rem;line-height:1.6;text-align:left;margin-top:1rem}
 h2{font-size:clamp(2.5rem,10.5vw,4rem)}.section-heading{width:calc(100% - 40px);margin-bottom:2rem}.section-heading>p:last-child{font-size:1rem;margin-top:1.25rem}.kicker{font-size:.625rem;margin-bottom:1rem}
 .story{padding-top:5rem}.story-static{grid-template-columns:1fr;width:calc(100% - 32px);gap:1.1rem}
 .learning-card{border-radius:20px}.learning-card figure{aspect-ratio:1.25}.learning-card>div{padding:1.5rem}.learning-card h3{font-size:2.1rem}.learning-card p{font-size:.9375rem}.static-phone{height:91%;border-width:4px;border-radius:20px}.learning-card-team{display:block}
 .platform-showcase{padding:5rem 0}.platform-showcase-grid{width:calc(100% - 32px);gap:1.3rem}
 .platform-shot{grid-template-columns:1fr;gap:1.4rem;padding:1.1rem 1.1rem 1.65rem;border-radius:20px}
 .platform-shot figure{aspect-ratio:1.3;border-radius:10px}.platform-shot-replay figure{aspect-ratio:1.15}.platform-shot h3{font-size:2.3rem}.platform-shot>div{padding:0 .35rem}.platform-shot>div>span{font-size:.6875rem;margin-bottom:.85rem}.platform-shot p{font-size:.9375rem;margin-top:.85rem;max-width:none}
 .practice{padding:4.5rem 0}.practice-copy{width:calc(100% - 40px);margin-bottom:2rem}.practice-copy h2{font-size:clamp(2.4rem,9vw,3.7rem)}.practice-copy p:not(.kicker){font-size:.9375rem;margin-top:1.25rem}
 .practice-grid{width:calc(100% - 28px);grid-template-columns:repeat(2,1fr);gap:.7rem}.practice-grid .tile{border-radius:12px;aspect-ratio:1.12}
 .eligibility{width:calc(100% - 40px);grid-template-columns:1fr;gap:2rem;padding:5rem 0}.eligibility .section-heading{width:auto;margin:0}.eligibility-list li{gap:1rem;padding:1.4rem 0}.eligibility-list h3{font-size:1.15rem}.eligibility-list p{font-size:.9375rem}.eligibility-list>li>span{font-size:.6875rem}
 .inline-cta{display:flex;flex-wrap:wrap;gap:1.1rem;margin:0;padding-top:1.5rem}.inline-cta p{flex-basis:100%;font-size:1rem}.inline-cta .button{font-size:.875rem}.inline-cta .text-link{font-size:.8125rem}
 .conversion{width:calc(100% - 24px);padding:2.2rem 1rem 1rem;grid-template-columns:1fr;gap:2rem;border-radius:24px}.funding{padding:0 .6rem}.funding h2{font-size:3rem}.funding-options{margin-top:2rem}.funding-options article{padding:1.4rem 0}.funding-options h3{font-size:.9375rem}.funding-number{font-size:2.4rem}.funding-options article>p:last-child{font-size:.9375rem}.funding-note{font-size:.6875rem;line-height:1.7}
 .form-card{padding:1.6rem 1.2rem;border-radius:18px}.form-card h2{font-size:2.7rem}.form-card>p:not(.kicker){font-size:.9375rem}.callback-form{gap:1rem}.callback-form label{font-size:.8125rem}.callback-form input,.callback-form select,.callback-form textarea{font-size:1rem}.callback-form .privacy{font-size:.6875rem}
 .faq{width:calc(100% - 40px);padding:5rem 0 4rem;grid-template-columns:1fr;gap:2rem}.faq .section-heading{width:auto;margin:0}.faq h2{font-size:2.8rem}.faq-list summary{font-size:1rem;padding:1.2rem 0}.faq-list details>div{padding-right:.5rem}.faq-list p{font-size:.9375rem}.faq-contact{grid-column:1;font-size:.8125rem}
 .footer{padding:2.5rem 24px 1.5rem}.footer-main{grid-template-columns:1fr;gap:2rem}.footer-quality{display:block}.qualiopi{width:155px}.footer-quality p{max-width:420px}.footer-bottom{margin-top:2rem}
 .mobile-bar{position:fixed;z-index:30;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:.5rem;align-items:center;padding:.6rem .75rem calc(.6rem + env(safe-area-inset-bottom));border-top:1px solid #0000360d;background:#fffefdf2;backdrop-filter:blur(18px);box-shadow:0 -6px 25px #00003609}
 .mobile-bar a{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:100px;text-decoration:none;color:var(--navy);font-size:.8125rem;font-weight:650}.mobile-bar>a:last-child{background:var(--orange)}.mobile-wa{border:1px solid var(--line)}
 .confirmation-card{margin:2rem auto;padding:1.5rem}
}
@supports(animation-timeline:view()){
 @media(max-width:700px) and (prefers-reduced-motion:no-preference){
  .story-sticky{width:calc(100% - 24px);height:calc(100dvh - 68px - env(safe-area-inset-bottom));padding:8px 0;grid-template-rows:minmax(0,1fr) 38px;row-gap:8px}
  .story-topline{display:none}
  .story-window{grid-row:1;border-radius:22px}
  .story-rail{grid-row:2;gap:6px}
  .story-rail li{justify-content:center;padding:.45rem 0;font-size:clamp(.56rem,2.1vw,.75rem);text-align:center;line-height:1.2}
  .story-rail b{display:none}
  .story-scene{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:18px;align-content:start;align-items:start;padding:24px}
  .scene-copy{grid-column:1;grid-row:1}
  .scene-number,.scene-tablet .scene-number{font-size:.6875rem;margin-bottom:12px}
  .scene-copy h3,.scene-tablet .scene-copy h3,.scene-tutor .scene-copy h3{font-size:clamp(2rem,8.8vw,3.3rem);line-height:1.02}
  .scene-copy>p,.scene-tablet .scene-copy>p{font-size:1rem;line-height:1.45;max-width:none;margin:12px 0 0}
  .scene-caption,.scene-points,.team-roles{display:none}
  .scene-media{grid-column:1;grid-row:2;max-height:none;height:100%;width:100%}
  .scene-photo{border-radius:14px}
  .scene-photo img{min-height:0}
  .scene-tablet{grid-template-rows:auto auto;align-content:center;gap:18px;padding:24px 22px}
  .scene-tablet .scene-media{height:auto}
  .tablet-motion{width:115%;max-width:none}
  .motion-phone{height:95%;max-height:100%;border-width:5px;border-radius:26px}
  .scene-progress .scene-copy{grid-column:1;grid-row:1}
  .scene-progress .scene-media{grid-column:1;grid-row:2}
  .scene-tutor{grid-template-rows:auto auto;align-content:center}
  .scene-tutor .scene-media{height:auto;aspect-ratio:1400/933}
  .scene-tutor .scene-photo img{object-position:center}
  .platform-shot{top:12px;height:calc(100dvh - 112px - env(safe-area-inset-bottom));max-height:850px;min-height:0;grid-template-rows:minmax(0,1fr) auto;gap:1.2rem;margin-bottom:2.5rem}
  .platform-shot:nth-child(2){top:22px}
  .platform-shot:nth-child(3){top:32px}
  .platform-shot figure{height:100%;min-height:0;aspect-ratio:auto}
  .practice{padding:0}
  .practice-track{height:270svh}
  .practice-sticky{height:calc(100dvh - 68px - env(safe-area-inset-bottom));padding:12px 0;row-gap:8px}
  .practice-rail{gap:12px;padding:0 16px}
  .practice-rail figure{width:clamp(180px,48vw,320px);height:clamp(110px,19svh,220px);border-radius:14px}
  .practice-motion-copy{width:calc(100% - 40px);padding:12px 0}
  .practice-motion-copy .kicker{font-size:.625rem;margin-bottom:1rem}
  .practice-motion-copy h2{font-size:clamp(2rem,8.5vw,3.2rem)}
  .practice-motion-copy p:not(.kicker){font-size:.9375rem;line-height:1.5;margin-top:1rem}
 }
 
 @media(max-height:619px) and (prefers-reduced-motion:no-preference){
  .story-track{height:auto}
  .story-sticky{position:relative;width:calc(100% - 32px);height:auto;display:block;padding:0}
  .story-topline,.story-rail{display:none}
  .story-window{display:grid;gap:24px;overflow:visible;background:none;box-shadow:none}
  .story-scene{position:relative;inset:auto;min-height:560px;border-radius:22px;overflow:hidden;animation:reveal linear both;animation-timeline:view();animation-range:entry 0% cover 40%}
  .story-scene:nth-child(even){animation-name:reveal-right}
  .scene-media{max-height:440px}
  .motion-phone{height:400px;max-height:none}
  .scene-tablet{gap:20px}
  .tablet-motion{width:min(110%,700px)}
  .scene-tablet .scene-points{display:none}
  .scene-tutor .team-roles{display:none}
  .platform-shot,.platform-shot:nth-child(2),.platform-shot:nth-child(3){position:relative;top:auto;height:auto;max-height:none;min-height:0;grid-template-rows:auto;animation:reveal linear both;animation-timeline:view();animation-range:entry 0% cover 35%}
  .platform-shot figure{height:auto;aspect-ratio:1.3}
  .practice-track{height:auto}
  .practice-sticky{position:relative;height:auto;grid-template-rows:160px auto 160px;padding:24px 0;row-gap:16px}
  .practice-rail figure{height:160px}
  .practice-rail,.practice-motion-copy{animation-range:entry 0% exit 100%}
 }
 @media(max-width:700px) and (max-height:619px) and (prefers-reduced-motion:no-preference){
  .story-scene{grid-template-rows:auto auto}
  .scene-photo{height:auto;aspect-ratio:1.35}
  .scene-tutor .scene-media{height:auto;aspect-ratio:1400/933}
  .scene-device-phone{height:430px}
 }
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-object>.tablet{transform:rotate(-4deg)}}


.learning-card-progress{background:#f6f5fc}
.learning-card-progress figure{background:radial-gradient(ellipse at 35% 65%,#ffeadc,transparent 70%),#f2f1fa}
.learning-card-progress h3{color:var(--navy)}
.learning-card-progress p{color:var(--soft)}
.conversion{background:linear-gradient(135deg,#fff5ec,#f6f5fc);border:1px solid var(--line);color:var(--ink)}
.conversion::before{background:radial-gradient(ellipse at 0 100%,#ff7f2614,transparent 60%)}
.funding h2,.funding .kicker,.funding-options h3{color:var(--navy)}
.funding h2 em,.funding-number{color:var(--orange-deep)}
.funding-options article{border-top-color:#0000361a}
.funding-number small,.funding-options article>p:last-child,.funding-note{color:var(--soft)}

@keyframes copy-arrive{from{opacity:0;transform:translateY(36px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes media-arrive{from{transform:translate(8%,12%) scale(1.3)}to{transform:none}}

.proof-stage{position:relative}
.proofs li{min-height:300px;padding:2rem;grid-template-rows:2.4rem auto minmax(3rem,auto);gap:1.3rem;box-shadow:0 22px 60px #0000360a}
.proofs strong{font-size:clamp(4.5rem,7.4vw,7.4rem);align-self:start;line-height:.95}
.proofs p{font-size:1.1rem;max-width:100%}
.proof-note{font-size:.75rem}
@keyframes proofs-arrive{from{opacity:.2;transform:translateY(42px) scale(.94);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}

@media(max-width:700px){
 .proof-heading{gap:1rem}
 .proof-heading .kicker{font-size:.75rem}
 .proof-heading>span:last-child{display:none}
 .proofs{gap:.75rem}
 .proofs li{min-height:148px;padding:1rem 1.1rem;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);grid-template-rows:auto auto;gap:.65rem .8rem;border-radius:20px;align-items:center}
 .proofs small{grid-column:1/-1;font-size:.75rem;letter-spacing:.06em}
 .proofs strong{grid-column:1;grid-row:2;font-size:clamp(3.5rem,17vw,4.5rem);align-self:center}
 .proofs p{grid-column:2;grid-row:2;display:flex;font-size:1rem;line-height:1.35;max-width:100%}
 .proof-stars{font-size:.875rem;letter-spacing:.1em;margin-right:0}
 .proof-note{text-align:left;line-height:1.55}
}

@supports(animation-timeline:view()){
 @media(prefers-reduced-motion:no-preference){
  .proofs{animation:proofs-arrive linear both;animation-timeline:view();animation-range:entry 0% entry 75%;transform-origin:center}
  .story-window{background:#f6f5fa}
  .scene-visio{background:linear-gradient(135deg,#f5f4fb,#fffaf5)}
  .scene-progress{background:radial-gradient(ellipse at 22% 60%,#ffdfc8,transparent 65%),#f7f5fc}
  .scene-visio h3,.scene-progress h3{color:var(--navy)}
  .scene-visio h3 em,.scene-progress h3 em,.scene-visio .scene-number,.scene-progress .scene-number{color:var(--orange-deep)}
  .scene-visio .scene-copy>p,.scene-progress .scene-copy>p,.scene-caption{color:var(--soft)}
  .scene-caption{border-top-color:var(--line)}
  .story-scene .scene-copy{animation:copy-arrive linear both;animation-timeline:--journey;animation-range:contain 0% contain 7%}
  .story-scene .scene-media{animation:media-arrive linear both;animation-timeline:--journey;animation-range:contain 0% contain 9%;transform-origin:center}
  .scene-tablet .scene-copy{animation-range:contain 15% contain 23%}
  .scene-tablet .scene-media{animation-range:contain 13% contain 24%}
  .scene-offline .scene-copy{animation-range:contain 35% contain 43%}
  .scene-offline .scene-media{animation-range:contain 33% contain 44%}
  .scene-progress .scene-copy{animation-range:contain 55% contain 63%}
  .scene-progress .scene-media{animation-range:contain 53% contain 64%}
  .scene-tutor .scene-copy{animation-range:contain 75% contain 84%}
  .scene-tutor .scene-media{animation-range:contain 73% contain 85%}
 }
 @media(max-height:619px) and (prefers-reduced-motion:no-preference){
  .story-window{background:none}
  .story-scene .scene-copy,.story-scene .scene-media{animation:none}
 }
}

h1{font-weight:640;letter-spacing:-.05em}
h1 em{font-weight:640}


html,body{overflow-x:clip}
.preuves-js .proofs{animation:none}
.preuves-js .proofs li{animation:none;transition:transform .95s cubic-bezier(.2,.9,.25,1),opacity .6s ease;will-change:transform}
.preuves-js .proofs li:not(.est-la){opacity:.001}
.preuves-js .proofs li:not(.est-la):nth-child(1){transform:translate3d(-110vw,0,0) rotate(-4deg)}
.preuves-js .proofs li:not(.est-la):nth-child(2){transform:translate3d(0,70vh,0) scale(.94)}
.preuves-js .proofs li:not(.est-la):nth-child(3){transform:translate3d(110vw,0,0) rotate(4deg)}
.preuves-js .proofs li:nth-child(2){transition-delay:.12s}
.preuves-js .proofs li:nth-child(3){transition-delay:.24s}
@media (max-width:700px){
  .preuves-js .proofs li:not(.est-la):nth-child(2){transform:translate3d(110vw,0,0) rotate(4deg)}
  .preuves-js .proofs li:not(.est-la):nth-child(3){transform:translate3d(-110vw,0,0) rotate(-4deg)}
  .preuves-js .proofs li:nth-child(2),.preuves-js .proofs li:nth-child(3){transition-delay:0s}
}
.preuves-js .proofs li.est-la{transform:none;opacity:1}