@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--ink:#20213f;--violet:#7851d2;--cyan:#36dcf5;--line:#e2def0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fbfaf7;color:var(--ink);font:15px/1.7 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #7851d2;outline-offset:6px}.wrap{width:min(1240px,90%);margin:auto}.xp-gem{width:22px;height:29px;display:inline-block;vertical-align:middle}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}header>span{font-size:9px;letter-spacing:1.8px;color:#736b87}header>a:last-child{font-size:12px}.brand{display:flex;align-items:center;font:600 25px Outfit;letter-spacing:-.8px;gap:10px}.brand-dot{color:#7851d2;margin-left:-9px}.brand-mark{display:grid;place-items:center;width:37px;height:43px;background:#eee6fc;border-radius:12px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding:75px 0 65px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#6d5595}h1,h2,h3{font-family:Outfit,sans-serif}h1{font-size:clamp(48px,5.8vw,83px);font-weight:600;letter-spacing:-3px;line-height:1.04;margin:24px 0}h1 em{font-style:normal;color:var(--violet)}.intro{font-size:16px;color:#6b647b;max-width:470px;line-height:1.85}.cta{display:inline-flex;align-items:center;gap:40px;margin-top:20px;padding:15px 22px;background:#25213e;border-radius:12px;color:white;font-size:13px;font-weight:600}.cta span{color:var(--cyan)}.hero-scene{position:relative;isolation:isolate;display:grid;place-items:center;min-height:470px;background:radial-gradient(ellipse,#e4dcfa 0%,#e5f8fc 45%,transparent 70%)}.hero-scene>img{position:relative;width:88%;height:450px;object-fit:contain;filter:drop-shadow(0 20px 15px #4e347518)}.orbit{position:absolute;border:1px solid #cfc1e9;border-radius:50%;width:90%;height:65%;transform:rotate(-25deg);z-index:-1}.orbit-two{transform:rotate(35deg);width:73%;height:88%;border-color:#c5e9ed}.floating-gem{position:absolute;transform:rotate(16deg)}.gem-one{top:35px;left:35px}.gem-one svg{width:36px;height:45px}.gem-two{bottom:85px;right:12px;transform:rotate(-16deg)}.scene-label{position:absolute;bottom:0;display:flex;align-items:center;gap:10px;border:1px solid #dbd0ed;border-radius:30px;background:#ffffffda;padding:10px 18px;font-size:9px;letter-spacing:1px;color:#634c86}.scene-label svg{width:15px;height:20px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;border-top:1px solid var(--line);padding-top:35px;margin-bottom:28px}.section-heading .eyebrow{margin:0 0 9px}h2{font-size:38px;font-weight:500;letter-spacing:-1px;margin:0}.section-heading>p{font-size:12px;color:#786f87;margin:0}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.app{--accent:#087f83;--tint:#d9f4f1;border:1px solid #d8cfe9;border-radius:24px;background:#fff;overflow:hidden;transition:transform .2s,box-shadow .2s}.app:hover{transform:translateY(-6px);box-shadow:0 15px 35px #53417d17}.math{--accent:#3458bd;--tint:#e2edff}.histoire{--accent:#955624;--tint:#f8e8d0}.app-scene{height:265px;position:relative;background:linear-gradient(125deg,var(--tint),#eee4fc);isolation:isolate;display:flex;align-items:end;justify-content:center}.app-scene:after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;background:#ffffff70;z-index:-1;top:45px;left:50%;transform:translateX(-50%)}.subject{position:absolute;top:18px;left:22px;font-size:8px;letter-spacing:1.3px;font-weight:700;color:var(--accent)}.scene-symbol{position:absolute;right:18px;top:35px;font:500 85px Outfit;color:var(--accent);opacity:.12}.app-scene img{width:85%;height:240px;object-fit:contain;filter:drop-shadow(0 8px 5px #55466c15);transform:translateY(8px)}.app-copy{padding:25px}.badge{font-size:8px;letter-spacing:1px;font-weight:700;color:var(--accent)}h3{font-size:25px;line-height:1.2;font-weight:500;letter-spacing:-.6px;margin:12px 0}.app-copy p{font-size:13px;color:#756d81;line-height:1.8;margin:0;min-height:94px}.app-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e9e2f0;margin-top:22px;padding-top:17px;font-size:11px;font-weight:700;color:var(--accent)}.app-link b{font-size:21px}.collection-note{display:flex;align-items:center;gap:22px;background:linear-gradient(110deg,#eee6fc,#e8f8fb);border:1px solid #ddd0ed;border-radius:20px;padding:25px 30px;margin:30px 0 65px}.collection-note>span:first-child svg{width:30px;height:40px}.collection-note strong{font:500 19px Outfit}.collection-note p{font-size:12px;color:#70627f;margin:4px 0}.note-tag{margin-left:auto;white-space:nowrap;font-size:8px;letter-spacing:1px;color:#6b4c94}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:25px 0;color:#8c8098;font-size:10px}@media(max-width:850px){.hero{gap:10px;padding:45px 0}.hero-scene{min-height:340px}.hero-scene>img{height:330px}.app-grid{gap:14px}.app-copy{padding:20px}.app-scene{height:220px}.app-scene img{height:200px}.app-copy p{min-height:130px}header>span{display:none}}@media(max-width:600px){.wrap{width:89%}header{height:80px}.brand{font-size:22px}.hero{display:flex;flex-direction:column;gap:10px;padding:35px 0}.hero-copy{width:100%}h1{font-size:55px;letter-spacing:-2px}.intro{font-size:14px}.hero-scene{width:100%;min-height:340px;margin-top:15px}.hero-scene>img{height:340px}.section-heading{display:block;padding-top:25px}.section-heading>p{margin-top:12px}h2{font-size:31px}.app-grid{grid-template-columns:1fr;gap:25px}.app-scene{height:260px}.app-scene img{height:245px}.app-copy p{min-height:0}.collection-note{padding:20px;gap:16px;margin-bottom:35px}.note-tag{display:none}footer{flex-wrap:wrap;font-size:9px}.section-heading>p br{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app{transition:none}}