@font-face{font-family:Inter;src:url('assets/Inter.ttf') format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:Space;src:url('assets/SpaceGrotesk.ttf') format('truetype');font-weight:300 700;font-display:swap}
:root{--bg:#f8f7ff;--ink:#171426;--purple:#7c3aed;--muted:#625d73;--line:#e5dff1;--display:Space,Inter,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--purple);outline-offset:6px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-90px;left:20px;background:#fff;padding:12px;z-index:10}.skip:focus{top:16px}.header{height:112px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font:700 29px var(--display);letter-spacing:-1.2px}.brand img{border-radius:11px}.brand-dot{color:var(--purple)}nav{display:flex;gap:36px;align-items:center;font-size:14px;font-weight:550}nav>a:not(.nav-cta):hover{color:var(--purple)}.nav-cta{padding:11px 18px;border:1px solid #d9cfe9;border-radius:99px;background:#ffffff85}.nav-cta span{margin-left:15px;color:var(--purple)}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;min-height:730px;padding-bottom:40px}.hero-copy{padding-bottom:40px;position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;color:#6b46a6;margin:0 0 25px}.hero .eyebrow{display:flex;gap:12px;align-items:center}.small-mark{font-size:22px;line-height:1}.hero h1{font-family:var(--display);font-weight:600;font-size:clamp(58px,6.2vw,86px);line-height:1.07;letter-spacing:-5px;margin:0 0 27px}.hero h1 span{color:var(--purple)}.hero-description{font-size:19px;line-height:1.75;color:var(--muted);max-width:450px;margin-bottom:31px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;border-radius:99px;padding:16px 25px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--purple);color:white;box-shadow:0 7px 20px #7c3aed25,inset 0 1px 1px #ffffff55}.button span{font-size:21px}.hero-note{display:flex;align-items:center;gap:10px;color:#766d88;font-size:13px;margin-top:25px}.note-line{width:24px;height:1px;background:#ab96ce}.hero-visual{position:relative;min-height:650px;display:flex;align-items:center;justify-content:center}.halo{position:absolute;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#eee4ff,#d9cbfc 58%,#e8ecfb);box-shadow:0 0 100px 25px #e5dcff70;border:1px solid #fff}.phone{margin:0;background:#fff;border:7px solid #fff;border-radius:43px;overflow:hidden;box-shadow:0 30px 65px #3e236828,0 0 0 1px #d9cfeb;width:270px;flex-shrink:0}.phone img{width:100%;height:auto}.hero-phone{transform:rotate(7deg);position:relative;z-index:1;width:270px}.floating-note{position:absolute;z-index:2;background:#ffffffd9;backdrop-filter:blur(18px);border:1px solid #fff;border-radius:18px;box-shadow:0 12px 35px #4b286714;display:flex;align-items:center;gap:13px;font-size:13px;white-space:nowrap}.note-top{top:47px;right:1px;transform:rotate(-5deg);padding:13px 19px}.note-top>span{color:var(--purple);font-size:26px}.note-bottom{left:-23px;bottom:86px;padding:17px 20px;transform:rotate(-3deg)}.note-bottom strong{display:block;font-weight:500;font-size:12px;color:var(--muted)}.check{background:#ede5ff;color:var(--purple);border-radius:50%;width:35px;height:35px;text-align:center;line-height:35px;font-size:20px}.visual-caption{position:absolute;bottom:8px;font-size:10px;letter-spacing:2px;color:#7c6b95}.feature-strip{padding:27px 18px;border-block:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:var(--display);font-weight:500;font-size:17px}.feature-strip>[aria-hidden]{color:#b397e2;font-size:23px}.section{padding-block:112px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:44px;gap:25px}h2{font-family:var(--display);font-weight:500;font-size:clamp(36px,4vw,51px);line-height:1.14;letter-spacing:-2px;margin:0}h3{font-family:var(--display);font-weight:500;font-size:31px;line-height:1.2;letter-spacing:-1px;margin:0 0 17px}.section-heading .eyebrow{margin-bottom:18px}.section-heading>p{font-size:16px;color:var(--muted);margin-bottom:4px;line-height:1.8}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.feature-card{position:relative;overflow:hidden;border-radius:28px;padding:30px;border:1px solid #fff;box-shadow:inset 0 0 0 1px #ffffff60}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:33px;position:relative;z-index:1}.card-number{font-size:11px;font-weight:650;letter-spacing:1.4px;color:#6e508f}.card-symbol{font-size:25px;line-height:1;color:#7c3aed}.feature-card p{color:var(--muted);font-size:15px;line-height:1.8;margin:0;max-width:400px}.rehearsal,.scores{min-height:355px;background:linear-gradient(120deg,#eee7fc,#e9e3fc 65%,#e2eafa)}.scores{background:linear-gradient(135deg,#fff,#f1effb)}.card-copy{position:relative;z-index:1;width:64%}.card-copy p{max-width:285px}.feature-card>img{position:absolute;width:230px;height:230px;object-fit:contain;right:-21px;bottom:3px}.listening,.society{min-height:325px;background:#fff}.listening{background:#201531;color:#fff}.listening .card-number{color:#c0a3e5}.listening .card-symbol{color:#c4a2fa}.listening p{color:#c7bbd5}.audio-line{display:flex;align-items:center;gap:13px;margin-top:24px;padding:13px 16px;border:1px solid #ffffff20;background:#ffffff08;border-radius:16px}.audio-line>span:first-child{font-size:25px;color:#ceb2ff}.audio-line b{font-weight:500;font-size:13px;display:block}.audio-line small{color:#b9abc8;font-size:12px}.audio-line>span:last-child{margin-left:auto;font-size:24px}.role-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.role-list span{font-size:13px;border:1px solid #e9e1f5;border-radius:99px;padding:7px 14px;color:#6f518f;background:#f9f6ff}.showcase{background:linear-gradient(125deg,#eee8fc,#f1edfc 60%,#e8edf8);border-block:1px solid #e5dcf3}.showcase-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.showcase-copy>p:not(.eyebrow){color:var(--muted);max-width:435px;line-height:1.8;margin-block:25px 32px}.screen-tabs{display:flex;flex-direction:column;gap:8px}.screen-tabs button{display:flex;align-items:center;gap:17px;text-align:left;width:100%;border:1px solid transparent;border-radius:17px;background:transparent;padding:19px 20px;cursor:pointer;color:var(--muted)}.screen-tabs button[aria-selected=true]{background:#ffffffb5;border-color:#fff;box-shadow:0 8px 25px #54368008;color:var(--ink)}.screen-tabs button:hover{background:#ffffff70}.tab-number{font-size:13px;color:#9274b8}.screen-tabs strong{font-size:15px;font-weight:550;display:block}.screen-tabs small{font-size:13px;display:block;margin-top:3px;color:#71677f}.screen-tabs button>span:last-child{margin-left:auto;color:var(--purple);font-size:20px}.screen-stage{display:flex;flex-direction:column;align-items:center}.showcase-phone{width:254px;transform:rotate(-4deg)}.screen-stage>p{font-size:12px;letter-spacing:.4px;color:#736184;margin:28px 0 0}.closing{text-align:center;max-width:900px}.closing h2{font-size:clamp(38px,4.4vw,57px)}.closing h2 span{color:var(--purple)}.closing>p:not(.eyebrow){max-width:585px;color:var(--muted);line-height:1.9;margin:27px auto}.secondary{border:1px solid #d6c6ed;color:#6731b5;background:#fff9}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:120px;border-top:1px solid var(--line)}.footer .brand{font-size:24px}.footer p{color:#756a86;font-size:13px}.footer>span{font-size:12px;color:#7c718c}
@media(min-width:1500px){.hero{min-height:780px}.hero-visual{min-height:690px}.hero-phone{width:285px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero h1{font-size:66px;letter-spacing:-3.5px}.hero{min-height:690px}.halo{width:430px;height:430px}.hero-phone{width:245px}.note-top{right:-8px;top:73px}.note-bottom{left:-30px;font-size:12px;bottom:95px;padding:12px}.hero-visual{min-height:620px}.card-copy{width:70%}.feature-card>img{width:185px;height:185px;right:-30px}.showcase-inner{gap:45px}.feature-strip{font-size:15px}.section{padding-block:85px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:88px}.brand{font-size:25px}.brand img{width:35px;height:35px}nav{gap:18px}nav>a:first-child,nav .nav-cta{display:none}nav>a{font-size:12px}.hero{grid-template-columns:1fr;padding-top:36px;min-height:auto}.hero-copy{padding-bottom:0;text-align:center}.hero .eyebrow{justify-content:center;font-size:10px;letter-spacing:1.6px;margin-bottom:22px}.hero h1{font-size:clamp(48px,11vw,74px);letter-spacing:-3px}.hero-description{font-size:17px;margin:0 auto 27px;max-width:390px}.hero-note{justify-content:center;font-size:12px}.hero-visual{min-height:615px;margin-top:25px}.halo{width:min(94vw,440px);height:min(94vw,440px)}.hero-phone{width:232px}.note-top{top:43px;right:0;font-size:12px}.note-bottom{left:0;bottom:60px;padding:12px 15px}.visual-caption{font-size:8px;letter-spacing:1.7px;bottom:7px}.feature-strip{flex-wrap:wrap;justify-content:center;gap:10px 17px;font-size:13px;padding-block:22px}.feature-strip>[aria-hidden]{font-size:15px}.feature-strip>span:last-child{flex-basis:100%;text-align:center}.feature-strip>[aria-hidden]:nth-child(4){display:none}.section{padding-block:66px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px}.eyebrow{font-size:10px;letter-spacing:1.4px}.feature-grid{grid-template-columns:1fr;gap:16px}.feature-card{padding:26px;min-height:320px}.card-copy{width:68%}.feature-card>img{width:195px;height:195px;right:-22px;bottom:12px}.feature-card h3{font-size:29px}.feature-card p{font-size:14px}.showcase-inner{grid-template-columns:1fr;gap:42px}.showcase h2{font-size:43px}.showcase-copy>p:not(.eyebrow){font-size:15px}.showcase-phone{width:244px}.screen-tabs button{padding:16px 12px}.screen-tabs strong{font-size:14px}.screen-tabs small{font-size:12px}.closing h2{font-size:37px;letter-spacing:-1.7px}.closing>p:not(.eyebrow){font-size:15px}.footer{flex-wrap:wrap;justify-content:center;padding-block:26px;gap:12px 22px}.footer>span{width:100%;text-align:center}.footer p{margin:0}.desktop-break{display:none}}@media(max-width:380px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:46px}.note-bottom{left:-4px;font-size:11px}.note-bottom strong{font-size:10px}.feature-card>img{width:155px;height:155px;right:-20px}.card-copy{width:73%}.card-number{font-size:10px}.closing h2{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.header-actions{display:flex;align-items:center;gap:20px}.theme-toggle{min-height:44px;display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border:1px solid var(--line);border-radius:99px;background:#ffffff9c;color:var(--ink);font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}.theme-toggle:hover{border-color:var(--purple)}.theme-icon{font-size:19px;line-height:1;color:var(--purple)}
html[data-theme=dark]{color-scheme:dark;--bg:#080810;--ink:#f3f4f6;--purple:#a78bfa;--muted:#c3bdd3;--line:#333047}html[data-theme=dark] body{background:radial-gradient(circle at 72% 15%,#1d1533 0,#080810 35%);color:var(--ink)}html[data-theme=dark] .skip{background:#20182e;color:var(--ink)}html[data-theme=dark] .theme-toggle,html[data-theme=dark] .nav-cta{background:#1c182bd9;border-color:#49415e;color:var(--ink)}html[data-theme=dark] .eyebrow{color:#c2a8ff}html[data-theme=dark] .hero h1 span,html[data-theme=dark] .closing h2 span{color:#b49aff}html[data-theme=dark] .hero-note{color:#b4acc5}html[data-theme=dark] .note-line{background:#8a73aa}html[data-theme=dark] .halo{background:radial-gradient(circle at 35% 30%,#403065,#241a40 62%,#15222f);box-shadow:0 0 100px 20px #4e338040;border-color:#6c4d9e}html[data-theme=dark] .phone{background:#181427;border-color:#342946;box-shadow:0 30px 65px #0009,0 0 0 1px #645278}html[data-theme=dark] .floating-note{background:#221b32e8;border-color:#78689773;box-shadow:0 12px 35px #0006}html[data-theme=dark] .note-bottom strong{color:#bbb1d2}html[data-theme=dark] .check{background:#392956;color:#d0b7ff}html[data-theme=dark] .visual-caption{color:#b5a7c8}html[data-theme=dark] .feature-strip>[aria-hidden]{color:#a78bfa}html[data-theme=dark] .feature-card{border-color:#3b334d;box-shadow:inset 0 0 0 1px #ffffff08}html[data-theme=dark] .rehearsal{background:linear-gradient(125deg,#28203e,#211b36 65%,#192739)}html[data-theme=dark] .scores{background:linear-gradient(135deg,#1a1927,#242039)}html[data-theme=dark] .society{background:#181823}html[data-theme=dark] .listening{background:#21152f}html[data-theme=dark] .card-number{color:#c6afea}html[data-theme=dark] .card-symbol{color:#c5a9ff}html[data-theme=dark] .role-list span{background:#302842;border-color:#514367;color:#ded0fa}html[data-theme=dark] .showcase{background:linear-gradient(125deg,#181323,#201831 60%,#14242c);border-color:#363049}html[data-theme=dark] .screen-tabs button[aria-selected=true]{background:#30263f;border-color:#594970;box-shadow:0 8px 25px #0003}html[data-theme=dark] .screen-tabs button:hover{background:#ffffff12}html[data-theme=dark] .screen-tabs small,html[data-theme=dark] .tab-number,html[data-theme=dark] .screen-stage>p{color:#beb0d2}html[data-theme=dark] .secondary{background:#241b36;color:#d5bdff;border-color:#6f5499}html[data-theme=dark] .footer p,html[data-theme=dark] .footer>span{color:#b8adc9}
@media(max-width:760px){.header-actions{gap:9px}.theme-toggle{width:44px;padding:0;justify-content:center}.theme-toggle #theme-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
.download{background:#eee8fb;border-block:1px solid #ded2f3}.download-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:60px;padding-block:96px}.download h2{font:600 clamp(38px,4vw,58px)/1.12 var(--display);letter-spacing:-2px;margin:0 0 20px}.download p:not(.eyebrow){color:var(--muted);max-width:510px}.store-list{display:grid;gap:13px;min-width:250px}.store-badge{display:flex;align-items:center;gap:16px;background:#171426;color:#fff;border-radius:17px;padding:12px 18px;opacity:.83}.store-symbol{font-size:33px;line-height:1}.store-symbol.play{font-size:42px}.store-badge span:last-child{display:grid;line-height:1.2}.store-badge small{font-size:12px}.store-badge strong{font:600 21px var(--display)}.store-note{text-align:center;font-size:13px;color:var(--muted)}html[data-theme=dark] .download{background:#181323;border-color:#363049}html[data-theme=dark] .store-badge{background:#322740;border:1px solid #574769}@media(max-width:760px){.download-inner{grid-template-columns:1fr;padding-block:65px;gap:25px}.store-list{max-width:290px}.header nav>a[href="#apercu"],.header nav>a[href="#telecharger"]{display:none}}@media(max-width:450px){.header nav>a[href="#fonctionnalites"]{display:none}.header nav{gap:0}.header .nav-cta{padding:9px 12px}}