@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,700&display=swap');

:root{--ink:#082b62;--ink-2:#061c3e;--paper:#f6f2e9;--cream:#fffaf0;--purple:#6f259f;--violet:#8e45bd;--yellow:#ffbd00;--coral:#ff755d;--blue:#2461a9;--line:rgba(8,43,98,.18);--shadow:0 30px 80px rgba(4,28,65,.14);--radius:32px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scrollbar-color:var(--ink) var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.skip-link{position:fixed;top:12px;left:12px;z-index:1000;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:12px;padding:12px 16px;font-weight:700;transform:translateY(-150%);transition:transform .2s}.skip-link:focus{transform:none}
.noise{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,189,0,.13),transparent 68%);transform:translate(-50%,-50%);pointer-events:none;z-index:-1}
.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px);position:absolute;top:0;left:0;right:0;z-index:20;border-bottom:1px solid rgba(8,43,98,.12)}
.brand{display:flex;align-items:center;gap:12px;font:800 20px 'Manrope';letter-spacing:-.04em}.brand em{font-family:'Playfair Display',serif;color:var(--purple)}
.brand-orbit{width:39px;height:39px;display:block;border:2px solid var(--ink);border-radius:50%;position:relative;transform:rotate(-18deg)}.brand-orbit:after{content:"";position:absolute;inset:10px -6px;border:2px solid var(--ink);border-radius:50%;transform:rotate(65deg)}.brand-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--yellow);top:1px;left:4px}.brand-orbit b{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--purple);inset:13px;margin:auto}
nav{display:flex;gap:34px;font-size:14px;font-weight:600}nav a{position:relative}nav a:after{content:"";position:absolute;height:2px;background:var(--purple);left:0;right:100%;bottom:-7px;transition:.3s}nav a:hover:after{right:0}
.button{background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:19px 24px;border-radius:100px;font-weight:700;box-shadow:0 10px 30px rgba(8,43,98,.2);transition:box-shadow .3s,background .3s;will-change:transform}.button:hover{background:var(--purple);box-shadow:0 14px 35px rgba(111,37,159,.25)}.button span{font-size:20px}.button-small{padding:11px 18px;gap:18px;font-size:14px;box-shadow:none}.menu-toggle{display:none;border:0;background:none;width:42px;height:42px}.menu-toggle span{height:2px;background:var(--ink);display:block;margin:7px 0}
.hero{min-height:100svh;padding:145px clamp(24px,6vw,92px) 70px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;position:relative;isolation:isolate;overflow:hidden}.hero-grid{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(rgba(8,43,98,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(8,43,98,.045) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
.orb{position:absolute;border-radius:50%;z-index:-2;filter:blur(1px)}.orb-one{width:410px;height:410px;background:rgba(134,52,182,.08);top:12%;right:6%}.orb-two{width:240px;height:240px;background:rgba(255,189,0,.15);left:38%;bottom:2%}
.eyebrow,.kicker{font:700 12px 'Manrope';text-transform:uppercase;letter-spacing:.18em}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:28px}.eyebrow span{display:block;width:28px;height:9px;background:var(--yellow);border-radius:20px;transform:rotate(-6deg)}
.hero-title{margin:0;font:800 clamp(50px,6vw,91px)/.92 'Manrope';letter-spacing:-.075em}.hero-title .line{display:block;overflow:hidden;padding:0 0 .08em}.hero-title .line>span{display:inline-block}.hero-title .accent-script{font:700 italic 1.14em 'Playfair Display';color:var(--purple);letter-spacing:-.04em;transform:rotate(-2deg)}.outline{-webkit-text-stroke:2px var(--ink);color:transparent}.highlight{position:relative;z-index:1}.highlight:after{content:"";height:17%;background:var(--yellow);position:absolute;left:-2%;right:-2%;bottom:7%;z-index:-1;transform:rotate(-1deg);border-radius:50%}
.hero-lead{font-size:clamp(17px,1.4vw,21px);line-height:1.55;max-width:570px;margin:30px 0}.hero-lead strong{color:var(--purple)}.hero-actions{display:flex;align-items:center;gap:30px}.text-link{font-weight:700;border-bottom:1px solid var(--ink);padding:8px 0}.text-link span{display:inline-block;margin-left:8px}.hero-note{display:flex;align-items:center;gap:14px;margin-top:38px}.hero-note p{font-size:13px;line-height:1.45;margin:0}.avatar-stack{display:flex}.avatar-stack span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--purple);color:#fff;border:3px solid var(--paper);font-weight:700}.avatar-stack span+span{margin-left:-10px;background:var(--yellow);color:var(--ink)}
.hero-visual{min-height:650px;display:grid;place-items:center;perspective:1200px}.visual-stage{width:min(610px,46vw);height:580px;position:relative;transform-style:preserve-3d;transition:transform .15s ease-out}.science-card{position:absolute;border:1px solid rgba(8,43,98,.15);background:rgba(255,250,240,.9);backdrop-filter:blur(8px);box-shadow:var(--shadow);transform-style:preserve-3d}.flask-card{width:270px;height:340px;border-radius:140px 140px 35px 35px;left:45%;top:23%;transform:translateX(-50%) rotate(5deg);display:grid;place-items:center}.flask-card svg{width:76%;height:86%;overflow:visible}.formula-card{border-radius:24px;width:220px;padding:24px;right:0;top:8%;transform:rotate(7deg)}.formula-card small{text-transform:uppercase;letter-spacing:.14em}.formula-card strong{font:800 38px 'Manrope';display:block;margin:8px 0;color:var(--purple)}.formula-card span{font-size:13px;line-height:1.4}.mini-card{width:170px;padding:18px;border-radius:22px;left:2%;bottom:7%;transform:rotate(-8deg);text-align:center}.mini-card .magnet-shape{font:bold 70px/1 'Manrope';display:block;color:var(--coral);-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;transform:rotate(180deg)}.mini-card strong,.mini-card small{display:block}.mini-card small{margin-top:5px}.atom{position:absolute;width:200px;height:200px;left:3%;top:4%;transform-style:preserve-3d}.atom i{position:absolute;inset:45px 12px;border:3px solid var(--ink);border-radius:50%}.atom i:nth-child(2){transform:rotate(60deg)}.atom i:nth-child(3){transform:rotate(-60deg)}.atom b{position:absolute;width:28px;height:28px;background:var(--purple);border:5px solid var(--ink);border-radius:50%;inset:0;margin:auto}.atom span{position:absolute;width:15px;height:15px;background:var(--yellow);border:3px solid var(--ink);border-radius:50%;top:87px;left:7px}.atom span:nth-of-type(2){top:44px;left:138px}.atom span:nth-of-type(3){top:134px;left:139px}.spin-slow{animation:spin 18s linear infinite}.spark{position:absolute;color:var(--yellow);font-size:46px;animation:pulse 2.4s ease-in-out infinite}.spark-a{right:8%;bottom:18%}.spark-b{left:28%;top:12%;font-size:24px;animation-delay:-1s}.dashed-loop{position:absolute;width:460px;height:380px;border:3px dashed rgba(8,43,98,.45);border-radius:50%;left:14%;top:15%;transform:rotate(-21deg);z-index:-1}.scroll-cue{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font:700 9px 'Manrope';letter-spacing:.2em}.scroll-cue i{height:38px;width:1px;background:var(--ink);animation:scrollLine 1.8s ease-in-out infinite}
.marquee{background:var(--ink);color:var(--paper);overflow:hidden;transform:rotate(-1.2deg);margin:-14px -5px 0;padding:18px 0}.marquee-track{width:max-content;display:flex;align-items:center;gap:38px;animation:marquee 24s linear infinite}.marquee span{font:800 30px 'Manrope'}.marquee i{color:var(--yellow);font-style:normal;font-size:22px}
.section{padding:130px clamp(24px,6vw,92px)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:70px}.section-heading h2,.about h2,.method h2{font:700 clamp(44px,5vw,72px)/1.02 'Manrope';letter-spacing:-.06em;margin:17px 0 0}.section-heading h2 em,.about h2 em,.method h2 em{font-family:'Playfair Display';color:var(--purple)}.section-heading>p{max-width:420px;font-size:18px;line-height:1.55}.kicker{color:var(--purple)}
.subject-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;perspective:1200px}.subject-card{min-height:580px;border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid rgba(8,43,98,.13);transform-style:preserve-3d;will-change:transform;transition:box-shadow .35s}.subject-card:hover{box-shadow:var(--shadow)}.subject-card.physics{background:#ffd04a}.subject-card.chemistry{background:#9d58c4;color:#fff}.subject-card.physchem{background:#e9eff4}.card-top{display:flex;justify-content:space-between;align-items:center;font-weight:700}.card-icon{width:42px;height:42px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:20px}.subject-card h3{font:800 44px 'Manrope';letter-spacing:-.05em;margin:auto 0 10px;position:relative}.subject-card p{font-size:16px;line-height:1.5;max-width:310px;position:relative}.subject-card>a{display:flex;justify-content:space-between;border-top:1px solid currentColor;margin-top:22px;padding-top:18px;font-weight:700;position:relative}.card-illustration{position:absolute;inset:80px 28px auto;height:245px}.pendulum{display:flex;justify-content:center;height:210px;border-top:7px solid var(--ink);transform:rotate(-4deg);transform-origin:center}.pendulum i{width:2px;background:var(--ink);height:130px;position:relative;margin:0 10px;transform-origin:top}.pendulum i:after{content:"";position:absolute;width:36px;height:36px;background:#f2ede3;border:4px solid var(--ink);border-radius:50%;left:-19px;bottom:-26px;box-shadow:inset -5px -6px 0 rgba(8,43,98,.12)}.pendulum i:first-child{transform:rotate(38deg);height:138px}.molecule i{position:absolute;width:67px;height:67px;border:5px solid var(--ink);background:var(--coral);border-radius:50%;box-shadow:inset -8px -9px 0 rgba(8,43,98,.18);z-index:2}.molecule i:nth-child(1){left:42%;top:37%;width:83px;height:83px;background:var(--yellow)}.molecule i:nth-child(2){left:7%;top:6%}.molecule i:nth-child(3){right:4%;top:3%;background:#4ea4dc}.molecule i:nth-child(4){right:12%;bottom:2%}.molecule b{position:absolute;height:13px;background:var(--ink);transform-origin:left;border-radius:10px;left:45%;top:48%;z-index:1}.molecule b:nth-of-type(1){width:130px;transform:rotate(-31deg)}.molecule b:nth-of-type(2){width:124px;transform:rotate(34deg)}.molecule b:nth-of-type(3){width:127px;transform:rotate(210deg)}.beaker{width:180px;left:50%;transform:translateX(-50%);border:7px solid var(--ink);border-top:0;border-radius:8px 8px 50px 50px;clip-path:polygon(15% 0,85% 0,85% 22%,100% 100%,0 100%,15% 22%);background:linear-gradient(to top,var(--blue) 0 55%,transparent 55%)}.beaker:before{content:"";position:absolute;left:11%;right:11%;top:52%;height:10px;border-radius:50%;background:#a3d2ec;border:3px solid var(--ink)}.bubbles i{position:absolute;border:4px solid var(--ink);background:#fff;border-radius:50%;width:22px;height:22px;left:44%;bottom:27%;animation:bubble 3s infinite}.bubbles i:nth-child(2){left:25%;width:14px;height:14px;animation-delay:-1s}.bubbles i:nth-child(3){left:67%;width:18px;height:18px;animation-delay:-2s}
.method{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;position:relative}.method-sticky{position:sticky;top:80px;height:fit-content}.kicker.light{color:var(--yellow)}.method h2 em{color:var(--yellow)}.steps{border-top:1px solid rgba(255,255,255,.22)}.step{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:50px 0;border-bottom:1px solid rgba(255,255,255,.22)}.step>span{width:48px;height:48px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;font-weight:700}.step h3{font:700 27px 'Manrope';margin:5px 0 13px}.step p{max-width:540px;color:rgba(255,255,255,.7);line-height:1.65;margin:0}.method-orbit{height:250px;width:330px;position:relative;margin:50px auto 0}.method-orbit i{position:absolute;inset:55px 0;border:2px solid rgba(255,255,255,.4);border-radius:50%}.method-orbit i:nth-child(2){transform:rotate(60deg)}.method-orbit i:nth-child(3){transform:rotate(-60deg)}.method-orbit b{position:absolute;width:45px;height:45px;background:var(--yellow);border-radius:50%;inset:0;margin:auto;box-shadow:0 0 50px rgba(255,189,0,.5)}
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;align-items:center}.about-visual{min-height:600px;position:relative;display:grid;place-items:center}.portrait-card{width:min(420px,85%);height:510px;background:var(--yellow);border:3px solid var(--ink);border-radius:220px 220px 30px 30px;position:relative;display:grid;place-items:center;transform:rotate(-3deg);box-shadow:25px 25px 0 var(--purple)}.portrait-placeholder{width:70%;height:70%;border:3px solid var(--ink);border-radius:50% 50% 20% 20%;background:linear-gradient(145deg,#f9ede2,#e8d7ca);display:grid;place-items:center;position:relative;overflow:hidden}.portrait-placeholder span{font:800 160px 'Manrope';color:var(--purple)}.portrait-placeholder i{position:absolute;right:20px;top:20px;font-style:normal;font-size:45px}.portrait-label{position:absolute;z-index:3;top:16px;background:var(--ink);color:#fff;padding:12px 22px;border-radius:30px;font-weight:700;transform:rotate(3deg)}.tape{position:absolute;width:100px;height:35px;background:rgba(255,255,255,.55);top:-14px;left:38%;transform:rotate(8deg)}.floating-note{position:absolute;right:-2%;bottom:6%;background:#fff;border:2px solid var(--ink);border-radius:50%;width:180px;height:180px;display:grid;place-items:center;text-align:center;font:700 18px/1.4 'Manrope';transform:rotate(8deg);box-shadow:var(--shadow)}.about-copy>p{font-size:18px;line-height:1.7;max-width:620px}.about-copy ul{list-style:none;padding:0;margin:35px 0}.about-copy li{font-weight:600;margin:14px 0}.about-copy li span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--yellow);margin-right:12px}
.testimonial{text-align:center;position:relative;overflow:hidden}.quote-mark{font:700 180px/1 'Playfair Display';color:rgba(111,37,159,.12);position:absolute;top:40px;left:12%}.testimonial blockquote{font:700 clamp(36px,4.7vw,70px)/1.14 'Manrope';letter-spacing:-.055em;margin:0}.testimonial blockquote em{font-family:'Playfair Display';color:var(--purple)}.equation-line{display:flex;justify-content:center;align-items:center;gap:35px;margin-top:80px;color:rgba(8,43,98,.55);font:700 17px 'Manrope'}.equation-line i{height:1px;width:70px;background:var(--line)}
.cta{background:var(--purple);color:#fff;text-align:center;position:relative;overflow:hidden;min-height:760px;display:flex;flex-direction:column;justify-content:center;align-items:center}.cta h2{font:700 clamp(48px,6.5vw,94px)/.98 'Manrope';letter-spacing:-.07em;margin:22px 0 45px;position:relative}.cta h2 em{font-family:'Playfair Display';color:var(--yellow)}.button-light{background:var(--paper);color:var(--ink);position:relative}.button-light:hover{background:var(--yellow);color:var(--ink)}.cta-meta{position:absolute;bottom:35px;left:6vw;right:6vw;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.3);padding-top:22px;font-size:12px;text-transform:uppercase;letter-spacing:.13em}.cta-orbit{position:absolute;width:1000px;height:1000px;border:1px solid rgba(255,255,255,.16);border-radius:50%;top:-120px}.cta-orbit:before,.cta-orbit:after{content:"";position:absolute;inset:130px -180px;border:1px solid rgba(255,255,255,.13);border-radius:50%;transform:rotate(60deg)}.cta-orbit:after{transform:rotate(-60deg)}
.whatsapp-float{position:fixed;right:clamp(18px,3vw,42px);bottom:clamp(18px,3vw,38px);z-index:45;display:flex;align-items:center;gap:12px;color:#fff;filter:drop-shadow(0 12px 24px rgba(3,40,20,.25));transition:transform .25s ease}.whatsapp-float:hover{transform:translateY(-5px)}.whatsapp-label{background:#fff;color:var(--ink);border:1px solid rgba(8,43,98,.12);border-radius:16px;padding:9px 15px;text-align:right;font-size:12px;line-height:1.35;box-shadow:0 10px 30px rgba(8,43,98,.13);opacity:0;transform:translateX(12px);transition:.25s}.whatsapp-label strong{display:block;font-size:13px}.whatsapp-float:hover .whatsapp-label,.whatsapp-float:focus-visible .whatsapp-label{opacity:1;transform:none}.whatsapp-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#25d366;border:3px solid #fff;position:relative}.whatsapp-icon:before{content:"";position:absolute;inset:-7px;border:2px solid rgba(37,211,102,.5);border-radius:50%;animation:whatsappPulse 2.2s ease-out infinite}.whatsapp-icon svg{width:34px;height:34px;fill:#fff}
footer{min-height:180px;padding:45px clamp(24px,6vw,92px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.footer-links{display:flex;gap:28px;font-weight:700}.footer-links a:hover{color:var(--purple)}footer>p{text-align:right;font-size:12px}.footer-brand{justify-self:start}
.reveal{opacity:0;transform:translateY(42px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.25,1)}.reveal.is-visible{opacity:1;transform:none}.hero-title .line>span{transform:translateY(115%);transition:transform 1s cubic-bezier(.2,.75,.25,1)}.loaded .hero-title .line>span{transform:none}.hero-title .line:nth-child(2)>span{transition-delay:.1s}.hero-title .line:nth-child(3)>span{transition-delay:.2s}.loaded .hero .reveal{opacity:1;transform:none}.hero .eyebrow{transition-delay:.25s}.hero .hero-lead{transition-delay:.4s}.hero .hero-actions{transition-delay:.5s}.hero .hero-note{transition-delay:.6s}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.3) rotate(15deg);opacity:.6}}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes bubble{0%{transform:translateY(30px);opacity:0}30%{opacity:1}100%{transform:translateY(-65px);opacity:0}}@keyframes whatsappPulse{0%{transform:scale(.9);opacity:.9}75%,100%{transform:scale(1.35);opacity:0}}
@media (max-width:1000px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:130px}.hero-copy{z-index:2}.hero-visual{min-height:540px;margin-top:-50px;opacity:.85}.visual-stage{width:min(610px,85vw)}.subject-grid{grid-template-columns:1fr}.subject-card{min-height:500px}.method,.about{grid-template-columns:1fr}.method-sticky{position:relative;top:0}.method-orbit{display:none}.about{gap:40px}.about-copy{order:-1}.section-heading{align-items:flex-start;flex-direction:column}.menu-toggle{display:block}.site-header>.button{display:none}.site-header.open nav{display:flex;position:absolute;top:88px;left:0;right:0;background:var(--paper);padding:30px;flex-direction:column;border-bottom:1px solid var(--line)}}
@media (max-width:640px){.site-header{height:76px;padding-inline:20px}.brand{font-size:17px}.brand-orbit{width:32px;height:32px}.hero{padding:115px 20px 50px;display:block}.hero-title{font-size:clamp(44px,14vw,67px)}.hero-lead{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.hero-note{margin-top:25px}.hero-visual{min-height:400px;margin:20px -50px -40px}.visual-stage{width:480px;height:400px;transform:scale(.78)!important}.flask-card{top:10%;left:53%}.formula-card{right:5%;top:0}.atom{left:8%;top:-4%}.mini-card{bottom:0;left:8%}.dashed-loop{height:300px;width:390px}.scroll-cue{display:none}.section{padding:90px 20px}.section-heading{margin-bottom:45px}.section-heading h2,.about h2,.method h2{font-size:43px}.subject-card{min-height:500px}.subject-card h3{font-size:39px}.method{padding-top:90px}.step{grid-template-columns:55px 1fr;padding:38px 0}.step h3{font-size:23px}.about-visual{min-height:480px}.portrait-card{height:410px;box-shadow:14px 14px 0 var(--purple)}.portrait-placeholder span{font-size:120px}.floating-note{width:130px;height:130px;font-size:14px;right:0}.testimonial blockquote{font-size:38px}.equation-line{gap:14px}.equation-line i{width:20px}.cta{min-height:680px}.cta h2{font-size:49px}.cta-meta{gap:12px}.cta-meta span:last-child{text-align:right}footer{grid-template-columns:1fr;gap:30px;text-align:center}.footer-brand{justify-self:center}footer>p{text-align:center}.marquee span{font-size:24px}.cursor-glow{display:none}.whatsapp-float{right:16px;bottom:16px}.whatsapp-icon{width:56px;height:56px}.whatsapp-label{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.hero-title .line>span{transform:none}}