/* Estuvia Motion System — v2. Native CSS + JS, no framework dependency. */
:root{--ease-out:cubic-bezier(.16,1,.3,1);--scene-progress:0}body{overflow-x:clip}header{transition:height .45s var(--ease-out),box-shadow .45s,background .45s}header.compact{height:68px;box-shadow:0 8px 40px #092b3910;background:#f8fafcf0}.hero{padding-top:85px}.hero-content{animation:hero-arrive 1.3s var(--ease-out) both}.hero-content h1{font-weight:450}.hero-content em{background-size:180% 100%;animation:gradient-drift 9s ease infinite alternate}.hero .mesh{background:radial-gradient(ellipse at 75% 45%,#0c9e8150,transparent 47%),radial-gradient(ellipse at 10% 60%,#126c9d35,transparent 50%)}.aurora-ribbon{position:absolute;width:70vw;height:190px;pointer-events:none;border-radius:50%;filter:blur(5px);border-top:1px solid #94ffe542;box-shadow:inset 0 20px 55px #35e5bd09,0 -20px 80px #23c7a912;transform:rotate(-28deg);left:-25%;top:32%;animation:ribbon-breathe 12s ease-in-out infinite alternate}.ribbon-two{left:auto;right:-25%;top:12%;transform:rotate(-36deg);width:80vw;height:260px;animation-delay:-6s}.hero:before{content:'';position:absolute;left:50%;top:52%;width:70%;height:30%;transform:translateX(-50%);border-radius:50%;background:#2bd6b516;filter:blur(65px)}.browser{will-change:transform;transform:perspective(1700px) rotateX(var(--screen-angle,5deg)) translateY(var(--screen-y,0px));transition:box-shadow .5s}.browser:hover{transform:perspective(1700px) rotateX(var(--screen-angle,5deg)) translateY(var(--screen-y,0px))}.browser-bar{background:linear-gradient(110deg,#10333d,#0a212e)}.screen-wrap{overflow:hidden}.screen-wrap img{transition:opacity .24s,transform .6s var(--ease-out)}.screen-wrap img.switching{opacity:.15;transform:translateY(12px) scale(.985)}.hero-bottom{padding-bottom:60px}.intro{position:relative;border-radius:40px 40px 0 0;margin-top:-32px;z-index:4;background:linear-gradient(#f8fafc 75%,#f0f6f5);padding-top:95px}.intro:before{content:'';position:absolute;top:14px;left:calc(50% - 25px);width:50px;height:3px;background:#bcdad4;border-radius:5px}.section-top .eyebrow,.split-heading .eyebrow{position:relative;padding-left:22px}.section-top .eyebrow:before,.split-heading .eyebrow:before{content:'';position:absolute;width:12px;height:1px;background:#28b4a3;left:0;top:5px}.section-top h2 em,.split-heading h2 em{background:linear-gradient(100deg,#00857e,#23a78e);background-clip:text;color:transparent}.js .reveal{transition:opacity 1s var(--ease-out),transform 1s var(--ease-out);transform:translateY(30px)}.bento>.feature:nth-child(2n){transition-delay:70ms}.bento>.feature:nth-child(3n){transition-delay:120ms}.feature{isolation:isolate;box-shadow:0 12px 40px #10372e03;transition:transform .5s var(--ease-out),box-shadow .5s,border-color .5s;--spot-x:50%;--spot-y:50%}.feature:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(350px circle at var(--spot-x) var(--spot-y),#66e6bd14,transparent 70%);opacity:0;transition:opacity .5s}.feature:hover:after{opacity:1}.feature:hover{box-shadow:0 16px 55px #073a2c0b;transform:translateY(-5px)}.btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .4s var(--ease-out),box-shadow .4s}.btn:after{content:'';position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 40%,#fff5 50%,transparent 60%);transform:translateX(-100%);transition:transform .8s;pointer-events:none}.btn:hover:after{transform:translateX(100%)}.btn span{transition:transform .4s var(--ease-out)}.btn:hover span{transform:translate(2px,-2px)}.contrast{position:relative}.clarity{box-shadow:0 15px 50px #069d7d09}.clarity .task{transition:transform .4s}.clarity:hover .task:nth-of-type(2){transform:translateX(4px)}.clarity:hover .task:nth-of-type(3){transform:translateX(8px)}.journey{background:linear-gradient(#f0f6f5,#eaf3f1 80%,#f8fafc);position:relative}.journey .section-top{margin-bottom:70px}.motion-story{display:grid;grid-template-columns:1.15fr .85fr;gap:85px;position:relative;align-items:start}.story-stage{position:sticky;top:125px;background:linear-gradient(145deg,#102e3a,#071e29);border:1px solid #2b535a;border-radius:22px;overflow:hidden;height:470px;color:white;box-shadow:0 30px 70px #0b443a18}.story-ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 45% 50%,#2dd4bf25,transparent 65%)}.story-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#c4f2e710 .8px,transparent .8px);background-size:18px 18px}.story-topline{position:relative;z-index:2;display:flex;justify-content:space-between;padding:22px 25px;font-size:7px;letter-spacing:1px;color:#81a9ad;border-bottom:1px solid #b9f9eb12}.motion-frames{position:relative;height:350px;z-index:2}.motion-frame{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(22px) scale(.97);transition:opacity .65s var(--ease-out),transform .85s var(--ease-out),visibility .65s}.motion-frame.is-active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.frame-tag{display:block;text-align:center;font-size:7px;letter-spacing:1.8px;color:#6ce2c5;margin-top:22px}.document-stack{position:relative;height:230px;display:flex;align-items:center;justify-content:center}.paper{position:relative;background:linear-gradient(140deg,#fff,#dbf3ee);width:165px;height:177px;border:1px solid #fff9;border-radius:12px;color:#1b4d51;padding:25px 18px;box-shadow:0 25px 40px #0003;transform:rotate(-4deg)}.paper>span{font-size:5px;letter-spacing:.8px}.paper strong{font-size:13px;display:block;margin-top:12px}.paper i{display:block;height:3px;background:#bad8d2;margin-top:14px;width:90%;border-radius:4px}.paper i:nth-of-type(2){width:65%}.paper b{font-size:8px;position:absolute;bottom:17px;right:17px;color:#069480}.back-paper{position:absolute;transform:rotate(7deg) translateX(12px);background:#49c8aa40;border-color:#6cd6be55}.scan-beam{position:absolute;left:0;right:0;top:20%;height:2px;background:#3fcba6;box-shadow:0 -12px 25px 8px #20d5b130;animation:scan 4s ease-in-out infinite}.topic-chip{position:absolute;background:#183e44f0;border:1px solid #67cdb355;color:#a5ead7;padding:13px 16px;border-radius:8px;font-size:9px;box-shadow:0 12px 20px #0002;animation:bob 6s ease-in-out infinite}.chip-one{right:10%;top:60px}.chip-two{left:7%;bottom:20px;animation-delay:-3s}.frame-caption{text-align:center;font-size:12px;line-height:1.8;color:#b8d0d3}.schedule-art{width:78%;margin:25px auto 20px;background:#173740;border:1px solid #91c4be2b;border-radius:12px;padding:20px;box-shadow:0 20px 30px #0002}.schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:12px}.schedule-header span{font-size:5px;color:#66cfb5;letter-spacing:1px}.schedule-item{display:flex;gap:12px;align-items:center;margin:14px 0;font-size:8px}.schedule-item i{font-size:8px;font-style:normal;color:#6fcdbb}.schedule-item div{border-left:2px solid #2e9c8a;padding-left:12px}.schedule-item b{font-size:9px;font-weight:500}.schedule-item small{display:block;font-size:7px;color:#83a5ad;margin-top:4px}.schedule-item>span{margin-left:auto;color:#729aa2;font-size:7px}.flashcard-art{width:72%;margin:24px auto 16px;background:linear-gradient(140deg,#fff,#e6f7f1);border:1px solid #fff8;border-radius:13px;padding:25px;color:#163c45;transform:rotate(-2deg);box-shadow:10px 10px 0 #48b49d24}.flashcard-art>span{font-size:5px;letter-spacing:1px;color:#549b91}.flashcard-art h3{font-size:21px;line-height:1.4;margin:15px 0}.flashcard-art p{font-size:9px;line-height:1.7;margin:12px 0;color:#59827f}.flashcard-art>b{font-size:5px;letter-spacing:1px;color:#0b9c82}.flashcard-rule{height:1px;background:#b8ded3}.growth-art{width:75%;padding:23px;margin:24px auto 18px;border:1px solid #87d3c233;border-radius:12px;background:#12333d}.growth-heading span{font-size:6px;letter-spacing:1px;color:#6cc5b4}.growth-heading b{display:block;font-size:15px;font-weight:450;margin-top:9px}.growth-bars{display:flex;gap:12px;height:120px;align-items:flex-end;border-bottom:1px solid #a3dccb33;padding:10px 5px 0}.growth-bars i{width:100%;height:var(--bar);background:linear-gradient(#63e6b8,#0d786e);border-radius:5px 5px 0 0;transform:scaleY(.15);transform-origin:bottom;transition:transform 1.2s var(--ease-out)}.is-active .growth-bars i{transform:scaleY(1)}.growth-bars i:nth-child(2n){transition-delay:.1s}.growth-bars i:nth-child(3n){transition-delay:.2s}.growth-axis{display:flex;justify-content:space-between;font-size:5px;letter-spacing:.5px;margin-top:12px;color:#6eb6ab}.story-controls{display:flex;gap:7px;justify-content:center;position:relative;z-index:3;margin-top:8px}.story-controls button{width:28px;height:4px;border-radius:5px;background:#41666a;padding:0;transition:background .4s,width .4s}.story-controls button[aria-pressed=true]{background:#68e4bc;width:50px}.story-disclaimer{display:block;text-align:center;font-size:6px;letter-spacing:.4px;color:#668f96;margin-top:15px}.chapter{min-height:380px;display:flex;flex-direction:column;justify-content:center;opacity:.35;transition:opacity .6s,transform .6s;transform:translateX(8px)}.chapter.active{opacity:1;transform:none}.chapter>span{font-size:9px;letter-spacing:1.8px;color:#069c85}.chapter h3{font-size:32px;line-height:1.3;margin:18px 0}.chapter p{font-size:13px;max-width:330px}.chapter-line{height:2px;background:#d3e3de;margin-top:20px;max-width:320px}.chapter-line i{display:block;height:100%;width:0;background:#16b79b;transition:width .7s var(--ease-out)}.chapter.active .chapter-line i{width:100%}.audience{background:linear-gradient(#f8fafc,#edf5f2 20%,#edf5f2 80%,#f8fafc)}.personas{gap:20px}.persona{transition:background .5s,color .5s,box-shadow .5s,transform .5s var(--ease-out)}.persona.active{box-shadow:0 22px 40px #0a3b3420;transform:translateY(-6px);background:radial-gradient(ellipse at 100% 0,#245b54,transparent 80%),#0b2e35}.founder-photo{box-shadow:0 25px 65px #0b37271a;transform:translateY(var(--portrait-y,0px))}.founder-photo img{transition:transform 1.3s var(--ease-out)}.founder-photo:hover img{transform:scale(1.035)}.pricing{background:linear-gradient(#f8fafc,#edf6f2 20%,#edf6f2 75%,#f8fafc)}.price-card{transition:transform .5s var(--ease-out),box-shadow .5s}.price-card:hover{transform:translateY(-6px);box-shadow:0 20px 70px #0f75541a}.featured{background:linear-gradient(135deg,#f6fff9,#fff 65%)}.final-cta{border-radius:38px 38px 0 0;position:relative;background:radial-gradient(ellipse at 50% 110%,#155950,transparent 70%),#071e29}.final-cta:before{content:'';position:absolute;border:1px solid #5ce8c624;width:800px;height:800px;left:50%;top:70px;transform:translateX(-50%);border-radius:50%;box-shadow:0 0 0 100px #6ce6c804,0 0 0 200px #6ce6c803}.final-cta h2{font-size:76px}.final-cta .mesh{animation:mesh 12s infinite alternate}dialog[open]{animation:dialog-in .4s var(--ease-out)}
@keyframes hero-arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes ribbon-breathe{to{translate:30px -30px;opacity:.5}}@keyframes gradient-drift{to{background-position:100% 0}}@keyframes scan{50%{top:80%}}@keyframes dialog-in{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:1100px){.motion-story{gap:40px}.story-stage{height:460px}.chapter h3{font-size:28px}.chip-one{right:3%}.chip-two{left:3%}.schedule-art{width:85%}.flashcard-art{width:82%}.flashcard-art h3{font-size:18px}.story-topline{font-size:6px}}
@media(max-width:760px){.hero{padding-top:50px}.hero-bottom{padding-bottom:45px}.intro{border-radius:24px 24px 0 0;margin-top:-22px;padding-top:65px}.aurora-ribbon{width:140vw;left:-70%;top:20%}.ribbon-two{left:auto;right:-80%;top:35%}.browser,.browser:hover{transform:none;will-change:auto}.motion-story{display:flex;flex-direction:column;gap:0}.story-stage{width:100%;position:relative;top:auto;height:440px}.motion-frames{height:330px}.chapter{min-height:0;opacity:1;transform:none;display:none;padding:28px 5px 0}.chapter.active{display:flex}.chapter h3{font-size:26px;margin:14px 0 5px}.chapter p{font-size:12px;max-width:none}.chapter-line{display:none}.story-chapters{min-height:210px}.journey .section-top{margin-bottom:35px}.story-topline{font-size:6px}.story-disclaimer{font-size:6px}.document-stack{height:215px}.frame-caption{font-size:11px}.schedule-art{max-width:330px}.flashcard-art{max-width:300px}.flashcard-art h3{font-size:20px}.growth-art{max-width:320px}.story-controls button{height:6px;position:relative}.story-controls button:before{content:'';position:absolute;inset:-12px 0}.personas{gap:16px}.persona.active{transform:none}.final-cta{border-radius:24px 24px 0 0}.final-cta h2{font-size:57px}.founder-photo{transform:none!important}header.compact{height:64px}header.compact nav{top:64px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.browser,.browser:hover,.founder-photo,.persona.active{transform:none!important}.chapter{opacity:1}.hero-content{opacity:1}.scan-beam{display:none}}