/* AILI homepage motion edition: flat, original interface animation. */
.reading-progress{position:fixed;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#124bce,#79aaff);transform:scaleX(0);transform-origin:left;z-index:110;pointer-events:none}
.hero-motion{padding-top:142px;min-height:900px;background:#fff}.hero-composition{width:min(1360px,calc(100% - 104px));margin:0 auto;display:grid;grid-template-columns:1.06fr 1fr;gap:6%;align-items:center;position:relative;z-index:3}
.hero-motion .hero-intro{width:100%;text-align:left;margin:0}.hero-motion .eyebrow{justify-content:flex-start;font-size:9px}.hero-motion h1{font-size:clamp(58px,5.7vw,88px);line-height:1.04;margin-top:30px;letter-spacing:-.067em}.hero-motion .hero-sub{margin:25px 0 0;max-width:435px;font-size:16px}.hero-motion .hero-actions{justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:20px;margin-top:28px}.hero-motion .hero-primary{padding:16px 23px}.hero-motion .possibility-gateways{width:min(1240px,calc(100% - 104px));margin:52px auto 32px}.hero-motion .field-caption{display:none}.hero-motion .possibility-field{opacity:.42}.hero-motion .hero-foot{width:calc(100% - 104px);margin-top:0}
.hero-aura{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.hero-aura i{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,#c6dcff78,transparent 66%);right:-100px;top:70px;animation:aura-drift 13s ease-in-out infinite}.hero-aura i:nth-child(2){width:450px;height:450px;background:radial-gradient(circle,#b6c5ff40,transparent 68%);right:30%;top:320px;animation-delay:-7s}
.motion-studio{min-width:0;position:relative;animation:studio-arrive 1.3s cubic-bezier(.2,.75,.2,1) .2s both}.studio-eyebrow{display:flex;gap:8px;align-items:center;color:#677b98;font:8px ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;margin-bottom:20px}.studio-number{margin-left:auto;color:#8997ad}.studio-live-dot{height:5px;width:5px;background:#477fe6;border-radius:50%;box-shadow:0 0 0 4px #e4edff;animation:live-breathe 2.5s infinite}
.studio-canvas{position:relative;isolation:isolate;height:398px;border:1px solid #e4eaf5;border-radius:24px;background:linear-gradient(135deg,#fcfdffef,#f3f7ffbb);box-shadow:0 26px 75px -35px #3a65ac35;overflow:hidden;padding:25px 9%;display:flex;flex-direction:column;align-items:center}
.canvas-grid{position:absolute;inset:0;z-index:-2;background-image:radial-gradient(#7392c62a 1px,transparent 1px);background-size:19px 19px;mask-image:linear-gradient(transparent,#000 35%,#000 75%,transparent)}.canvas-orbit{position:absolute;width:320px;height:320px;border:1px solid #cadcf35c;border-radius:50%;z-index:-1;top:40px;left:calc(50% - 160px)}.orbit-b{width:410px;height:410px;top:-5px;left:calc(50% - 205px);border-style:dashed;animation:orbit-trace 70s linear infinite}.orbit-a:after{content:'';position:absolute;top:36px;left:48px;width:6px;height:6px;border-radius:50%;background:#93b9f9;box-shadow:0 0 18px #6495eb;animation:live-breathe 3s infinite}
.studio-source{width:89%;background:white;border:1px solid #e2e9f3;border-radius:13px;box-shadow:0 10px 30px #1c396208;padding:13px 16px;transform:translateX(-18px);transition:transform .75s cubic-bezier(.2,.75,.2,1),opacity .6s}.source-top{display:flex;align-items:center;gap:9px;font-size:11px;color:#334663;font-weight:500}.source-icon{display:grid;place-items:center;background:#edf3fd;color:#4d7ac6;width:22px;height:22px;border-radius:6px;font-size:19px}.source-badge{margin-left:auto;font:7px ui-monospace,monospace;color:#8b9bb1;letter-spacing:.1em}.source-content{margin:8px 0 0 31px;font-size:9px;color:#7d8a9f}.source-content i{display:block;width:86%;height:3px;border-radius:4px;background:#e8edf6;margin-top:6px;transform-origin:left;animation:note-writing 8s ease-in-out infinite}.source-content i:nth-child(2){width:64%;animation-delay:.15s}.source-content i:last-child{width:74%;animation-delay:.3s}
.studio-thread{height:25px;flex-shrink:0;width:1px;position:relative;background:#c8daf9}.studio-thread i{position:absolute;width:5px;height:10px;background:#6599f7;border-radius:4px;top:0;left:-2px;animation:thread-flow 1.5s ease-in-out infinite}.studio-thread.second{height:23px}
.studio-engine{display:flex;align-items:center;gap:12px;border:1px solid #adc8fa;background:#fdfefe;border-radius:15px;width:80%;padding:11px 15px;position:relative;box-shadow:0 4px 25px #3c77e719;transition:box-shadow .5s,border-color .5s}.engine-mark{width:34px;height:34px;border-radius:10px;background:#2865db;color:white;display:grid;place-items:center;font-size:27px;animation:engine-turn 8s cubic-bezier(.3,.1,.2,1) infinite}.studio-engine strong{display:block;font-size:12px;font-weight:500;letter-spacing:-.02em;color:#234377}.studio-engine div>span{display:block;font-size:8px;margin-top:3px;color:#8a99b0}.engine-spark{margin-left:auto;color:#6797ef;font-size:19px;animation:live-breathe 2s infinite}.engine-orbit{position:absolute;inset:-5px;border:1px solid #b6cef8;border-radius:19px;opacity:0;transition:opacity .5s;pointer-events:none}
.studio-result{background:white;border:1px solid #ccdff8;border-radius:13px;width:89%;padding:12px 15px 0;box-shadow:0 12px 30px #2c548615;transform:translateX(18px);transition:transform .65s cubic-bezier(.2,.75,.2,1),opacity .65s}.result-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#26467a;font-weight:500;margin-bottom:10px}.result-pill{font:7px ui-monospace,monospace;color:#6283ba;background:#eef4ff;padding:4px 6px;border-radius:4px}.result-line{display:flex;gap:8px;align-items:center;margin:7px 0;transition:opacity .5s,transform .5s}.result-line>span{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#eaf3ff;color:#497ddd;font-size:9px}.result-line b{font-size:10px;color:#76869d;font-weight:400}.result-review{border-top:1px solid #ebf0f7;margin-top:11px;padding:9px 0;font:6px ui-monospace,monospace;color:#7090b8;letter-spacing:.06em}.result-review>span{margin-right:5px;color:#3772d9}.canvas-stamp{position:absolute;bottom:12px;left:0;right:0;text-align:center;font:6px ui-monospace,monospace;letter-spacing:.15em;color:#9eabc0}
.studio-canvas[data-phase="1"] .studio-source{transform:translateX(0)}.studio-canvas[data-phase="1"] .studio-result{opacity:.16;transform:translate(18px,12px)}.studio-canvas[data-phase="1"] .studio-engine{box-shadow:none;border-color:#dee7f3}.studio-canvas[data-phase="2"] .engine-orbit{opacity:1}.studio-canvas[data-phase="2"] .studio-engine{box-shadow:0 0 35px #6098ff3b}.studio-canvas[data-phase="2"] .studio-result{opacity:.25;transform:translate(18px,8px)}.studio-canvas:not([data-phase="3"]) .result-line{opacity:0;transform:translateY(7px)}.studio-canvas[data-phase="3"] .result-line:nth-child(3){transition-delay:.18s}
.studio-description{min-height:32px;max-width:360px;margin:18px auto 13px;text-align:center;font-size:11px;line-height:1.6;color:#62748e}.studio-tabs{display:flex;border-bottom:1px solid #dfe7f4;gap:7px}.studio-tabs button{position:relative;flex:1;padding:12px 0;border:0;background:transparent;color:#8a97aa;font:inherit;font-size:10px;cursor:pointer;text-align:center;white-space:nowrap}.studio-tabs button span{font-size:7px;margin-right:3px;color:#9cacc4}.studio-tabs button:after{content:'';position:absolute;inset:auto 0 -1px;height:2px;background:#366bd1;transform:scaleX(0);transform-origin:left;transition:transform .5s}.studio-tabs button[aria-pressed="true"]{color:#2558b7}.studio-tabs button[aria-pressed="true"]:after{transform:scaleX(1)}.studio-tabs button:focus-visible{outline:2px solid #235ed3;outline-offset:4px;border-radius:4px}.studio-disclaimer{text-align:center;color:#9aa6b8;font-size:8px;margin-top:11px}
@keyframes aura-drift{50%{transform:translate(-65px,35px) scale(1.18)}}@keyframes studio-arrive{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}@keyframes live-breathe{50%{opacity:.4;transform:scale(.8)}}@keyframes orbit-trace{to{transform:rotate(360deg)}}@keyframes note-writing{0%,8%{transform:scaleX(.15);opacity:.3}26%,85%{transform:scaleX(1);opacity:1}100%{transform:scaleX(.15);opacity:.3}}@keyframes thread-flow{0%{transform:translateY(0);opacity:0}30%{opacity:1}100%{transform:translateY(20px);opacity:0}}@keyframes engine-turn{0%,20%{transform:rotate(0)}55%,100%{transform:rotate(180deg)}}
/* Section choreography: visible content by default, enhanced only when JS is ready. */
.motion-ready [data-motion-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.75,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready [data-motion-reveal].motion-visible{opacity:1;transform:none}.free-feature .lesson-cover{transition:box-shadow .6s,transform .6s}.free-feature .lesson-cover:hover{transform:translateY(-6px);box-shadow:0 28px 70px #3163a52b}.play-badge:after{content:'';position:absolute;inset:-12px;border:1px solid #ffffff88;border-radius:50%;animation:play-ripple 3s ease-out infinite}.topic-pills a{transition:background .3s,border-color .3s,transform .3s}.topic-pills a:hover{background:#edf4ff;border-color:#acc9f6;transform:translateY(-3px)}.story-grid article{transition:border-color .3s,transform .4s}.story-grid article:hover{border-color:#3678dc;transform:translateY(-5px)}.gateway{transition:transform .5s,box-shadow .5s,border-color .5s,background .5s}.gateway:hover{background:#f4f8ff}.channel-proof strong{background:linear-gradient(110deg,#183353,#3f75d3,#183353);background-size:200%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:proof-light 8s ease-in-out infinite}@keyframes proof-light{50%{background-position:100%}}@keyframes play-ripple{0%{transform:scale(.75);opacity:0}25%{opacity:1}100%{transform:scale(1.2);opacity:0}}
@media(min-width:1001px){.header nav{gap:20px;font-size:12px}}
@media(min-width:1600px){.hero-motion{padding-top:150px}.hero-composition{gap:9%}.studio-canvas{height:420px;padding-top:34px}.hero-motion .possibility-gateways{margin-top:56px}}
@media(max-width:1100px){.hero-composition{width:calc(100% - 64px);gap:5%;grid-template-columns:1fr 1fr}.hero-motion h1{font-size:60px}.hero-motion .hero-sub{font-size:14px}.studio-tabs button{font-size:9px}.studio-canvas{padding-inline:5%}.hero-motion .possibility-gateways,.hero-motion .hero-foot{width:calc(100% - 64px)}}
@media(min-width:801px) and (max-width:1000px){.header nav{gap:13px;font-size:10px}.nav-contact{padding:9px 11px}.nav-contact span{padding:0}.brand{font-size:12px}.hero-motion h1{font-size:53px}.hero-composition{gap:4%}.studio-source,.studio-result{width:94%}.studio-engine{width:88%}}
@media(max-width:800px){.hero-motion{padding-top:118px;min-height:0}.hero-composition{grid-template-columns:1fr;gap:48px;width:calc(100% - 48px)}.hero-motion .hero-intro{text-align:center;max-width:620px;margin:auto}.hero-motion .eyebrow{justify-content:center}.hero-motion h1{font-size:clamp(50px,8.6vw,67px)}.hero-motion .hero-sub{margin:24px auto 0}.hero-motion .hero-actions{align-items:center;justify-content:center}.motion-studio{width:min(490px,100%);margin:auto}.studio-canvas{padding-inline:9%}.hero-motion .possibility-gateways{width:calc(100% - 48px);margin-top:42px}.hero-motion .hero-foot{width:calc(100% - 48px)}.header nav.open{max-height:calc(100svh - 90px);overflow-y:auto}}
@media(max-width:560px){.hero-composition{width:calc(100% - 36px);gap:38px}.hero-motion h1{font-size:clamp(43px,11.5vw,61px);margin-top:24px}.hero-motion .hero-sub{font-size:14px;max-width:325px}.hero-motion .hero-primary{padding:14px 20px}.studio-eyebrow{font-size:7px;margin-bottom:13px}.studio-canvas{height:380px;padding:23px 6%}.studio-source,.studio-result{width:92%}.studio-engine{width:85%;padding:10px 13px}.studio-source{transform:translateX(-9px)}.studio-result{transform:translateX(9px)}.studio-description{font-size:10px;max-width:310px}.studio-tabs button{font-size:10px}.hero-motion .possibility-gateways{width:calc(100% - 36px)}.hero-motion .hero-foot{width:calc(100% - 36px)}}
.motion-paused [data-motion-reveal]{opacity:1;transform:none;transition:none}.motion-paused .motion-studio{animation:none;opacity:1;transform:none}.motion-paused .studio-canvas *{transition:none!important}.motion-paused .hero-aura{opacity:.6}.motion-paused .studio-source,.motion-paused .studio-result{transform:none}
@media(prefers-reduced-motion:reduce){[data-motion-reveal],.motion-ready [data-motion-reveal]{opacity:1;transform:none;transition:none}.motion-studio{animation:none;opacity:1;transform:none}.studio-source,.studio-result{transform:none}.reading-progress{display:none}}
@media print{.motion-studio,.hero-aura,.reading-progress{display:none}.hero-composition{display:block}.hero-motion{min-height:0}.motion-ready [data-motion-reveal]{opacity:1;transform:none}}

.source-content{color:#63758e}.result-line b{color:#5e738f}.studio-disclaimer{color:#7285a1}.studio-description{color:#526b8e}.source-content i{background:#dce6f5}.studio-result{border-color:#b7d2fa}.studio-engine strong{font-size:13px}.result-top{font-size:12px}.result-line b{font-size:11px}.source-top{font-size:12px}

.studio-idle *,.studio-idle *:after,.studio-idle *:before{animation-play-state:paused!important}