:root{color:#f4f2f8;font-synthesis:none;--muted:#a6a3af;--accent:#a18afb;--line:#ffffff14;background:#111114;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(at 90% 10%,#2e214632,#0000 45%),#111114;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible{outline-offset:5px;outline:2px solid #c5b5ff}a:focus-visible{outline-offset:5px;outline:2px solid #c5b5ff}summary:focus-visible{outline-offset:5px;outline:2px solid #c5b5ff}button:disabled{opacity:.6;cursor:wait}.site-shell{max-width:1240px;margin:auto;padding:0 48px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:106px;display:flex}.brand{letter-spacing:-.5px;align-items:center;gap:12px;font-size:19px;font-weight:650;display:flex}.brand-mark{color:#15121d;background:#aa8afb;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:700;display:grid;box-shadow:inset 0 0 12px #ffffff28}.brand-detail{color:var(--muted);letter-spacing:0;font-size:14px;font-weight:400}.button{color:#f5f2ff;background:#1c1b21;border:1px solid #ffffff25;border-radius:9px;justify-content:center;align-items:center;gap:26px;min-height:50px;padding:0 20px;font-weight:650;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:#292530;transform:translateY(-1px)}.button-small{gap:22px;min-height:40px;padding:0 15px;font-size:13px}.button-primary{color:#191222;background:#a78bfa;border:0;min-height:55px;padding:0 24px}.button-primary:hover{background:#b8a0ff}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:58px;padding:94px 0 108px;display:grid}.eyebrow{letter-spacing:2.5px;color:#b4a2df;align-items:center;gap:10px;margin:0 0 24px;font-size:10px;font-weight:650;display:flex}.eyebrow span{background:#b3a0f5;border-radius:50%;width:5px;height:5px;box-shadow:0 0 12px #b3a0f5}h1{letter-spacing:-3px;margin:0 0 25px;font-size:clamp(43px,4.7vw,64px);font-weight:550;line-height:1.07}h1 em{color:#bea8fa;white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-weight:400}.hero-description{color:var(--muted);max-width:360px;margin:0 0 31px;font-size:16px;line-height:1.8}.app-note{color:#8c8798;margin-top:16px;font-size:11px}.studio-visual{background:#1a191f;border:1px solid #ffffff19;border-radius:16px;padding:12px;position:relative;transform:rotate(2deg);box-shadow:0 28px 100px #0005}.visual-topline{letter-spacing:1.7px;color:#c3bbd2;align-items:center;gap:7px;height:33px;font-size:8px;font-weight:600;display:flex}.record-dot{background:#b99bff;border-radius:50%;width:5px;height:5px}.frame-corner{color:#7c7588;margin-left:auto;font-size:22px}.abstract-scene{background:radial-gradient(at 65% 38%,#b995ce99,#0000 38%),linear-gradient(135deg,#51446a 0%,#7c698a 40%,#282733 75%);border-radius:8px;height:320px;position:relative;overflow:hidden}.orb{background:radial-gradient(circle at 35% 20%,#fff5dc,#e8baaf 20%,#8d638e 45%,#343451 68%,#141623 80%);border-radius:50%;width:300px;height:300px;position:absolute;box-shadow:inset -16px -20px 50px #080914cc,0 15px 30px #25212c}.orb-back{opacity:.8;width:295px;height:295px;top:-115px;right:-92px}.orb-front{width:250px;height:250px;top:26%;left:18%}.scene-grain{z-index:2;opacity:.15;pointer-events:none;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff18 3px);position:absolute;top:0;bottom:0;left:0;right:0}.horizon{filter:blur(1px);background:linear-gradient(#7c6578aa,#1a1825);border-top:1px solid #c2a1b988;width:190%;height:215px;position:absolute;bottom:-150px;left:-45%;transform:rotate(-17deg)}.scene-label{letter-spacing:3px;z-index:3;text-shadow:0 1px 15px #000;font-size:9px;font-weight:400;line-height:1.9;position:absolute;bottom:32px;left:20px}.scene-label strong{letter-spacing:2px;font-size:12px;font-weight:500}.art-label{letter-spacing:1.5px;opacity:.7;writing-mode:vertical-rl;font-size:6px;position:absolute;top:14px;right:10px}.prompt-card{background:linear-gradient(#211e28,#1a191f);border-radius:0 0 8px 8px;align-items:center;gap:14px;padding:19px 14px 12px;display:flex;position:relative}.prompt-icon{color:#bc9ffb;font-size:25px}.prompt-label{letter-spacing:1.8px;color:#a6a0b1;font-size:7px;font-weight:650}.prompt-card p{color:#e7e1f0;margin:7px 0 0;font-size:13px;line-height:1.5}.timeline{opacity:.65;align-items:center;gap:3px;height:25px;margin:8px 10px 0;display:flex;position:relative}.timeline span{background:linear-gradient(90deg,#766481,#ae89a0);border-radius:1px;flex:1;height:10px}.timeline i{background:#d9c5ff;width:1px;height:19px;position:absolute;left:34%}.process-section{border-top:1px solid var(--line);padding:55px 0 61px}.section-heading .eyebrow{margin-bottom:14px}h2{letter-spacing:-.9px;margin:0;font-size:28px;font-weight:500}.steps{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:43px;display:grid}.step-number{color:#a38acb;letter-spacing:1px;font-size:12px}.step h3{letter-spacing:-.4px;margin:19px 0 11px;font-size:18px;font-weight:550}.step p{color:var(--muted);max-width:295px;margin:0;font-size:14px;line-height:1.85}.details-section{border-top:1px solid var(--line);grid-template-columns:1fr 1.4fr;gap:55px;padding:51px 0 66px;display:grid}.details-section h2{font-size:23px;line-height:1.5}.details-list details{border-bottom:1px solid var(--line);padding:18px 0}.details-list details:first-child{padding-top:6px}summary{cursor:pointer;color:#dcd7e5;justify-content:space-between;gap:14px;font-size:14px;list-style:none;display:flex}summary:after{content:"+";color:#a890ce}details[open] summary:after{content:"−"}details p{color:var(--muted);margin:14px 25px 0 0;font-size:13px;line-height:1.85}footer{border-top:1px solid var(--line);color:#86808f;justify-content:space-between;align-items:center;gap:18px;padding:25px 0 35px;font-size:11px;display:flex}footer span:first-child{color:#b2a9c2}footer a:hover{color:#ddcaff}.error-message{color:#ffd4dd;background:#281b22;border:1px solid #60303f;border-radius:8px;padding:14px;font-size:14px}@media (max-width:900px){.site-shell{padding:0 28px}.hero{gap:28px;padding:65px 0 80px}h1{letter-spacing:-2px;font-size:47px}.abstract-scene{height:280px}.orb-front{left:8%}.brand-detail{display:none}.steps{gap:25px}.details-section{gap:35px}}@media (max-width:650px){.site-shell{padding:0 24px}.site-header{height:82px}.brand{font-size:18px}.button-small{gap:16px;min-height:38px;padding:0 12px;font-size:12px}.hero{grid-template-columns:1fr;gap:48px;padding:49px 0 65px}.hero-copy{max-width:450px}.eyebrow{letter-spacing:2px;margin-bottom:21px;font-size:9px}h1{letter-spacing:-2px;margin-bottom:22px;font-size:clamp(39px,10.8vw,58px)}.hero-description{max-width:350px;margin-bottom:25px;font-size:15px;line-height:1.8}.button-primary{min-height:52px;font-size:14px}.app-note{font-size:10px}.studio-visual{width:100%;max-width:440px;margin:auto;transform:rotate(1deg)}.abstract-scene{height:280px}.orb-front{top:22%;left:24%}.process-section{padding:38px 0 42px}h2{font-size:26px;line-height:1.2}.steps{grid-template-columns:1fr;gap:30px;margin-top:31px}.step{padding-left:38px;position:relative}.step-number{position:absolute;top:1px;left:0}.step h3{margin:0 0 9px;font-size:17px}.step p{max-width:100%;font-size:13px}.details-section{grid-template-columns:1fr;gap:24px;padding:35px 0 45px}.details-section h2{font-size:23px}.details-list details{padding:19px 0}footer{flex-wrap:wrap;gap:12px;padding-bottom:30px;font-size:10px}footer span:first-child{width:100%}footer a{margin-left:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}