/* AKIREAI — visual identity. Transform/opacity motion only, with explicit pause. */
body.landing{position:relative;isolation:isolate;background:#090d1c;overflow-x:clip}
.landing>header,.landing>main,.landing>footer{position:relative;z-index:1}
.brand-atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.brand-aura{position:absolute;display:block;width:950px;height:950px;top:-180px;left:-440px;background:radial-gradient(ellipse,#823cde44,transparent 65%);animation:brand-drift 22s ease-in-out infinite alternate}
.brand-aura:nth-child(2){left:auto;right:-300px;top:50px;background:radial-gradient(ellipse,#07c9e035,transparent 65%);animation-delay:-11s}
.brand-grid{position:absolute;top:510px;left:-30%;width:160%;height:400px;background-image:linear-gradient(#aa8aff18 1px,transparent 1px),linear-gradient(90deg,#aa8aff18 1px,transparent 1px);background-size:70px 70px;transform:perspective(400px) rotateX(58deg);mask-image:linear-gradient(transparent,#0008,transparent)}
.brand-stars{position:absolute;inset:0 0 auto;height:950px;background:radial-gradient(circle at 14% 28%,#b791ff 0 1px,transparent 2px),radial-gradient(circle at 73% 18%,#7af2ff 0 1px,transparent 2px),radial-gradient(circle at 91% 38%,#8df2ff 0 2px,transparent 3px),radial-gradient(circle at 42% 12%,#c9b3ff 0 1px,transparent 2px),radial-gradient(circle at 48% 73%,#9653fa 0 2px,transparent 3px);opacity:.7;animation:brand-glimmer 8s ease-in-out infinite alternate}
.landing-nav{border-bottom:1px solid #d4bfff16;padding-top:20px;padding-bottom:20px}
.landing-brand{display:flex;align-items:center;gap:9px}.landing-brand>i{display:grid;place-items:center;width:36px;height:36px;font-style:normal;border:1px solid #bc95ff;background:linear-gradient(130deg,#ad6cf4,#574fd5);border-radius:12px;box-shadow:0 0 30px #8051e94d}
.motion-toggle{color:#c6c0df;background:#1a1830b0;border:1px solid #514869;border-radius:30px;padding:8px 12px;font-size:11px;cursor:pointer;min-height:34px}
.motion-toggle:hover{border-color:#b898ff;color:white}.motion-toggle:focus-visible{outline:3px solid #bb9dff;outline-offset:3px}
.landing-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:26px;padding-top:54px;padding-bottom:52px;min-height:640px}
.landing-hero h1{font-size:clamp(38px,4.7vw,62px);line-height:1.04;letter-spacing:-2.2px;max-width:580px;margin-top:24px}
.landing-hero h1 span{color:#aeb1ff;background:linear-gradient(110deg,#e6ccff 5%,#b08bff 40%,#70e3ef);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.landing-hero p{font-size:17px;max-width:470px}.landing-label{display:inline-flex;align-items:center;gap:9px}
.landing-hero .landing-label{border:1px solid #a67be656;background:#5232822b;padding:8px 12px;border-radius:100px;font-size:10px;letter-spacing:1.5px}
.landing-hero .landing-label:before{content:'';width:6px;height:6px;border-radius:50%;background:#8ce6e4;box-shadow:0 0 12px #5cf1f3}
.landing .btn-primary{background:linear-gradient(115deg,#a65ce9,#6c60f1);border:1px solid #c398ff65;box-shadow:0 6px 25px #8951e64f, inset 0 1px #ffffff26;transition:transform .2s,box-shadow .2s}
.landing .btn-primary:hover{box-shadow:0 7px 38px #a067f380;transform:translateY(-3px)}
.landing .btn-secondary{background:#192138c9;border-color:#626680;color:#eef0ff}
.landing-art{position:relative;margin:0;min-width:0;isolation:isolate;padding:5px 0 22px}
.landing-art:before{content:'';position:absolute;inset:15% 5%;border-radius:50%;background:radial-gradient(ellipse,#8d3bff55,transparent 70%);z-index:-1}
.director-image{width:100%;height:auto;aspect-ratio:1;display:block;border-radius:34px;box-shadow:0 24px 80px #03071380;border:1px solid #a18bff36;animation:brand-float 7s ease-in-out infinite}
.art-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #8c8cd76b;background:#15182fed;box-shadow:0 12px 30px #0005;border-radius:14px;backdrop-filter:blur(12px);font-size:12px;font-weight:700;z-index:2;animation:brand-float 7s ease-in-out infinite reverse}
.art-chip i{font-style:normal;color:#77efed;font-size:20px}.art-chip-one{top:24px;left:-18px}.art-chip-two{bottom:55px;right:-12px;animation-delay:-2s}.art-chip small{display:block;font-size:10px;font-weight:400;color:#b6bad0;margin-top:3px}
.landing-art figcaption{margin-top:16px;text-align:center;font-size:10px;letter-spacing:1.5px;color:#909ebc;text-transform:uppercase}
.hero-confidence{display:flex;align-items:center;gap:11px;margin-top:24px;font-size:12px;color:#b9c2d9}.confidence-icon{border:1px solid #786698;color:#d4bdff;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:17px}.hero-confidence strong{color:#f4f1ff}.hero-confidence small{display:block;color:#9eafc5;margin-top:2px}
.social-proof{display:grid;grid-template-columns:1fr 1fr 1.25fr;border:1px solid #9c7bd840;background:linear-gradient(110deg,#201d39c9,#111f35e0);border-radius:20px;margin-bottom:55px;padding:25px 28px;box-shadow:inset 0 1px #d6c6ff12}
.proof-item{padding:4px 24px;border-right:1px solid #4e476d;display:flex;flex-direction:column;gap:6px}.proof-item:first-child{padding-left:0}.proof-item:last-child{border:0}.proof-item strong{font-family:Outfit,system-ui;font-size:30px;letter-spacing:-1px;color:#f7f2ff}.proof-item span{font-size:12px;color:#aebbd3}.proof-item:last-child strong{font-size:18px;line-height:1.35;letter-spacing:-.3px}.rating-stars{color:#f9cc7d;letter-spacing:2px;font-size:13px}
.landing-card{position:relative;background:linear-gradient(145deg,#24213de8,#131d30ed);border-color:#65527f66;transition:transform .24s,border-color .24s,box-shadow .24s;overflow:hidden}
.landing-card:after{content:'';position:absolute;inset:auto -10% -100px 20%;height:180px;background:radial-gradient(ellipse,#8343df22,transparent 70%);pointer-events:none}
.landing-card:hover{transform:translateY(-7px);border-color:#9f86d8;box-shadow:0 14px 45px #8e51e722}.landing-card .step{background:linear-gradient(135deg,#5a3888,#25314b);border:1px solid #a18cca55;color:#e1ceff}
.landing-section h2{max-width:700px}.landing-end{background:radial-gradient(ellipse at 100% 0,#4863d34f,transparent 60%),linear-gradient(110deg,#402264,#151d35);border-color:#9873d470}
.benefit-showcase{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;margin-bottom:52px}.benefit-art{border-radius:24px;position:relative;min-height:330px;border:1px solid #635484;background:radial-gradient(ellipse at 50% 10%,#53397f,#101729 75%);display:flex;flex-direction:column;justify-content:center;padding:30px;box-shadow:0 20px 65px #08081766;overflow:hidden}
.benefit-art>span{color:#d5bcff;font-size:11px;letter-spacing:2px;font-weight:800}.benefit-art h3{font-size:30px;line-height:1.08;margin:12px 0 24px;color:white}.scan-example-row{margin:10px 0}.scan-example-row>div{display:flex;justify-content:space-between;font-size:12px;color:#c7cfe1}.scan-example-row strong{font-size:11px;color:#96e4d8}.scan-example-track{height:5px;border-radius:10px;background:#3a3453;margin-top:9px;overflow:hidden}.scan-example-track i{display:block;height:100%;width:var(--bar);border-radius:10px;background:linear-gradient(90deg,#a36ff6,#62dfdf);transform-origin:left;animation:brand-fill 1.4s ease-out both}.benefit-art small{font-size:10px;color:#9ea7bf;line-height:1.5;margin-top:18px}.benefit-copy h2{font-size:34px;line-height:1.12}.benefit-copy p{color:#afbdd3}.benefit-points{display:grid;gap:16px;margin-top:24px}.benefit-point{display:flex;gap:14px}.benefit-point i{font-style:normal;font-size:18px;color:#b59aff;padding-top:2px}.benefit-point strong{font-size:15px}.benefit-point p{font-size:13px;line-height:1.6;margin:5px 0 0}
/* The working area shares the identity without moving form fields. */
.app-body .app-main{background:radial-gradient(ellipse 650px 480px at 100% 0,#58329b30,transparent 75%),radial-gradient(ellipse 500px 600px at 0 60%,#16758013,transparent 70%),#0b101c}
.app-body .journey-hero{position:relative}.app-body .journey-hero h1{max-width:850px;text-shadow:0 4px 30px #9162ff20}.app-body .journey-kicker{color:#c3a8ff}
.app-body .journey-choice{position:relative;overflow:hidden;background:linear-gradient(115deg,#211e3c,#171e31 60%);border-color:#6b568950;transition:transform .22s,border-color .22s,box-shadow .22s}
.app-body .journey-choice:after{content:'';position:absolute;pointer-events:none;width:220px;height:220px;right:-75px;top:-75px;background:radial-gradient(ellipse,#9d52ed24,transparent 70%)}
.app-body .journey-choice:hover{transform:translateY(-3px);border-color:#a37cd9;box-shadow:0 10px 35px #8551d41c}
.app-body .journey-choice-icon{background:linear-gradient(135deg,#8155cf66,#34314c);border:1px solid #9c7de044;box-shadow:0 0 30px #7544d31a;color:#dfccff}
.app-body .journey-choice:nth-child(2) .journey-choice-icon{background:linear-gradient(135deg,#236b8666,#252a48);color:#90e9ec}.app-body .journey-choice:nth-child(3) .journey-choice-icon{background:linear-gradient(135deg,#7157a566,#272243);color:#e5b2fc}
.app-body .hero-panel{background:radial-gradient(ellipse at 90% 20%,#7256c985,transparent 65%),linear-gradient(115deg,#492a71,#1c2546)}
.app-body .top-right{gap:10px}.app-body .motion-toggle{font-size:10px;padding:7px 10px}.auth-card{box-shadow:0 25px 100px #6946ae18}
@keyframes brand-drift{to{transform:translate3d(90px,60px,0) scale(1.08)}}@keyframes brand-glimmer{to{opacity:.3;transform:translateY(10px)}}@keyframes brand-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes brand-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
html[data-motion="off"] .brand-aura,html[data-motion="off"] .brand-stars,html[data-motion="off"] .director-image,html[data-motion="off"] .art-chip,html[data-motion="off"] .scan-example-track i{animation:none!important}
html[data-motion="off"] .landing-card,html[data-motion="off"] .journey-choice,html[data-motion="off"] .btn{transition:none!important}
@media(prefers-reduced-motion:reduce){.brand-aura,.brand-stars,.director-image,.art-chip,.scan-example-track i{animation:none!important}.landing-card,.journey-choice,.btn{transition:none!important}}
@media(max-width:760px){.landing-hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:25px;gap:30px;min-height:0}.landing-hero h1{font-size:42px;max-width:540px;letter-spacing:-1.5px}.landing-art{max-width:520px;margin:0 auto;width:100%;padding:12px}.art-chip{font-size:11px;padding:10px 12px}.art-chip-one{left:0;top:32px}.art-chip-two{right:0;bottom:55px}.landing-nav-actions{gap:12px}.landing-nav .motion-toggle{display:none}.landing-footer .motion-toggle{margin-top:12px}.social-proof{padding:20px 14px;margin-bottom:35px;grid-template-columns:1fr 1fr}.proof-item{padding:0 12px}.proof-item:nth-child(2){border:0}.proof-item:last-child{grid-column:1/-1;padding:20px 0 0;margin-top:20px;border-top:1px solid #514367}.proof-item strong{font-size:27px}.benefit-showcase{grid-template-columns:1fr;gap:25px}.benefit-copy h2{font-size:28px}.brand-aura{width:650px;height:700px}.landing-hero .landing-label{font-size:9px;letter-spacing:1px}}