:root{
  --bg:#070708;--bg-soft:#0d0d10;--panel:#151518;--panel-2:#1b1b1f;--text:#fff;--muted:#aaaab4;--line:rgba(255,255,255,.09);
  --orange:#ff7a18;--coral:#ff4f56;--pink:#f220b7;--purple:#9f47ff;--cyan:#45bcff;--max:1200px;--radius:30px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(900px 500px at 80% -10%,rgba(242,32,183,.16),transparent 60%),radial-gradient(750px 500px at -10% 15%,rgba(69,188,255,.13),transparent 62%),linear-gradient(180deg,#09090b,#070708 52%,#09090b)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 44px));margin-inline:auto}.gradient-text{background:linear-gradient(95deg,#ff9b27 2%,#ff5b50 44%,#f221b9 78%,#bd5cff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:#ff9b48}.eyebrow::before{content:"✦";font-size:15px}.muted{color:var(--muted)}
.nav{position:sticky;top:0;z-index:100;background:rgba(7,7,8,.68);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}.navin{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;font-weight:950;font-size:22px;letter-spacing:-.04em}.brand-mark{position:relative;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--orange),var(--coral) 48%,var(--pink));box-shadow:0 12px 30px rgba(242,32,183,.22)}.brand-mark::before,.brand-mark::after{content:"";position:absolute;background:white;border-radius:999px;transform:rotate(45deg)}.brand-mark::before{width:15px;height:4px;left:11px;top:17px}.brand-mark::after{width:4px;height:15px;left:17px;top:11px}.links{display:flex;align-items:center;gap:27px;color:#c7c7ce;font-size:14px}.links a{transition:color .2s ease}.links a:hover{color:#fff}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:14px 23px;color:#fff;font-weight:900;letter-spacing:-.01em;background:linear-gradient(100deg,var(--orange),var(--coral) 47%,var(--pink));box-shadow:0 16px 38px rgba(242,32,183,.22);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;overflow:hidden}.btn::after{content:"";position:absolute;inset:-2px;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.32),transparent 62%);transform:translateX(-130%);transition:transform .65s ease}.btn:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 20px 48px rgba(242,32,183,.28)}.btn:hover::after{transform:translateX(125%)}.btn.secondary{background:#1a1a1e;border:1px solid var(--line);box-shadow:none}.btn.ghost{background:transparent;border:1px solid var(--line);box-shadow:none}.play-icon{width:19px;height:19px;fill:currentColor}.menu-btn{display:none;width:42px;height:42px;border-radius:13px;border:1px solid var(--line);background:#161619;color:#fff;font-size:22px}.mobile-menu{display:none}
.hero{position:relative;padding:96px 0 86px;display:grid;grid-template-columns:1.05fr .95fr;gap:62px;align-items:center;min-height:calc(100vh - 78px)}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(54px,7.5vw,98px);line-height:.91;letter-spacing:-.07em;margin:22px 0 27px;max-width:760px}.hero .lead{font-size:20px;line-height:1.7;color:#b6b6c0;max-width:660px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.trust-line{display:flex;gap:17px;align-items:center;flex-wrap:wrap;margin-top:22px;color:#8d8d98;font-size:13px}.trust-line span{display:inline-flex;gap:7px;align-items:center}.trust-line i{width:7px;height:7px;border-radius:99px;background:linear-gradient(135deg,var(--orange),var(--pink));box-shadow:0 0 18px rgba(242,32,183,.7)}
.hero-visual{position:relative;min-height:690px;display:grid;place-items:center;perspective:1200px}.orb{position:absolute;border-radius:50%;filter:blur(8px);opacity:.8;animation:float 7s ease-in-out infinite}.orb.o1{width:310px;height:310px;background:radial-gradient(circle at 35% 35%,rgba(255,122,24,.8),rgba(242,32,183,.08) 65%,transparent 70%);right:2%;top:5%}.orb.o2{width:360px;height:360px;background:radial-gradient(circle at 40% 35%,rgba(69,188,255,.55),rgba(159,71,255,.12) 62%,transparent 70%);left:-10%;bottom:0;animation-delay:-2s}.phone-stack{position:relative;width:min(100%,540px);height:660px;transform-style:preserve-3d}.phone{position:absolute;background:#111114;border:1px solid rgba(255,255,255,.15);border-radius:42px;padding:9px;box-shadow:0 42px 90px rgba(0,0,0,.56),inset 0 1px rgba(255,255,255,.05);overflow:hidden;will-change:transform}.phone img{border-radius:34px;width:100%;height:100%;object-fit:cover}.phone.primary{width:330px;height:652px;left:55px;top:0;z-index:4;transform:rotate(-4deg) translateZ(40px);animation:phoneFloat 6s ease-in-out infinite}.phone.secondary{width:242px;height:506px;right:0;top:95px;z-index:2;transform:rotate(7deg) translateZ(0);animation:phoneFloat2 7s ease-in-out infinite}.floating-pill{position:absolute;z-index:8;padding:11px 15px;border-radius:999px;background:rgba(21,21,25,.76);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(14px);font-size:13px;font-weight:800;box-shadow:0 18px 40px rgba(0,0,0,.3);animation:float 6s ease-in-out infinite}.floating-pill.p1{left:0;top:105px}.floating-pill.p2{right:6px;bottom:42px;animation-delay:-2.8s}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--pink));margin-right:8px}
.logo-strip{border-block:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.015)}.logo-strip .wrap{padding:20px 0;display:flex;align-items:center;justify-content:center;gap:34px;flex-wrap:wrap;color:#8e8e98;font-size:13px}.logo-strip strong{color:#e3e3e7}.section{padding:104px 0;position:relative}.section-head{max-width:780px;margin-bottom:44px}.section h2{font-size:clamp(40px,5.4vw,68px);line-height:1.02;letter-spacing:-.055em;margin:13px 0 18px}.section-intro{font-size:18px;color:#a9a9b3;margin:0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{position:relative;overflow:hidden;background:linear-gradient(180deg,#17171a,#101012);border:1px solid var(--line);border-radius:var(--radius);padding:30px;min-height:260px;transition:transform .28s ease,border-color .28s ease,background .28s ease}.card::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-95px;bottom:-110px;background:radial-gradient(circle,rgba(242,32,183,.18),transparent 68%)}.card:hover{transform:translateY(-7px);border-color:rgba(255,122,24,.35);background:linear-gradient(180deg,#1b1b1f,#111113)}.icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,rgba(255,122,24,.17),rgba(242,32,183,.2));border:1px solid rgba(255,122,24,.25);font-size:23px}.card h3{font-size:23px;margin:22px 0 8px;letter-spacing:-.03em}.card p{color:#a8a8b2;margin:0}.feature-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}.feature-copy h3{font-size:clamp(34px,4vw,54px);line-height:1.04;letter-spacing:-.05em;margin:13px 0 17px}.feature-copy p{font-size:18px;color:#aaaab4}.checklist{display:grid;gap:13px;margin-top:24px}.check{display:flex;gap:11px;align-items:flex-start;color:#d6d6db}.check b{width:23px;height:23px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,rgba(255,122,24,.24),rgba(242,32,183,.25));color:#ff9c50;flex:0 0 auto}.device-frame{position:relative;width:min(100%,520px);margin:auto}.device-frame::before{content:"";position:absolute;inset:14% 9%;border-radius:50%;background:linear-gradient(135deg,rgba(69,188,255,.2),rgba(242,32,183,.25));filter:blur(55px)}.device-frame .phone{position:relative;width:310px;height:auto;left:auto;right:auto;top:auto;margin:auto;transform:rotate(2.5deg);animation:none}.gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;align-items:start}.shot{position:relative;overflow:hidden;border-radius:25px;border:1px solid var(--line);background:#111;box-shadow:0 22px 48px rgba(0,0,0,.3);transition:transform .35s ease,box-shadow .35s ease}.shot:nth-child(2),.shot:nth-child(5){margin-top:36px}.shot:nth-child(3),.shot:nth-child(6){margin-top:72px}.shot img{aspect-ratio:9/19.5;object-fit:cover;width:100%;transition:transform .5s ease}.shot:hover{transform:translateY(-8px);box-shadow:0 30px 70px rgba(0,0,0,.42)}.shot:hover img{transform:scale(1.025)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:step}.step{counter-increment:step;padding:30px;border-radius:var(--radius);background:#121215;border:1px solid var(--line)}.step::before{content:"0" counter(step);display:inline-flex;color:#ff9d4c;font-weight:950;font-size:12px;letter-spacing:.16em}.step h3{font-size:23px;margin:19px 0 8px}.step p{color:#aaaab4;margin:0}.cta-banner{position:relative;overflow:hidden;border-radius:38px;padding:52px;background:linear-gradient(115deg,#241410 0%,#1b101b 45%,#121725 100%);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-banner::after{content:"";position:absolute;width:360px;height:360px;right:-120px;top:-170px;border-radius:50%;background:linear-gradient(135deg,rgba(255,122,24,.3),rgba(242,32,183,.24));filter:blur(12px)}.cta-banner> *{position:relative;z-index:2}.cta-banner h2{margin:0 0 10px;font-size:clamp(35px,4.2vw,58px)}.cta-banner p{margin:0;color:#bbbcc4}.footer{border-top:1px solid rgba(255,255,255,.07);padding:50px 0 56px;color:#91919c}.footerin{display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap}.footlinks{display:flex;gap:22px;flex-wrap:wrap}.footlinks a:hover{color:#fff}.legal{padding:74px 0 105px}.legal .paper{max-width:900px;margin:auto;background:linear-gradient(180deg,#131316,#0f0f12);border:1px solid var(--line);border-radius:32px;padding:clamp(28px,5vw,60px);box-shadow:0 28px 70px rgba(0,0,0,.22)}.legal h1{font-size:clamp(44px,6vw,70px);line-height:1;letter-spacing:-.055em;margin:9px 0 12px}.legal h2{font-size:27px;line-height:1.25;letter-spacing:-.03em;margin:42px 0 10px}.legal h3{font-size:19px;margin:26px 0 7px}.legal p,.legal li{color:#b9b9c2}.legal strong{color:#f1f1f3}.legal a{text-decoration:underline;text-underline-offset:3px;color:#ff9748}.legal ul{padding-left:22px}.meta{color:#83838e!important;margin-bottom:34px}.callout{border:1px solid rgba(255,122,24,.22);background:linear-gradient(120deg,rgba(255,122,24,.08),rgba(242,32,183,.07));border-radius:19px;padding:20px 22px;color:#d0d0d6}.legal .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:40px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes phoneFloat{0%,100%{transform:rotate(-4deg) translateY(0) translateZ(40px)}50%{transform:rotate(-2deg) translateY(-12px) translateZ(40px)}}@keyframes phoneFloat2{0%,100%{transform:rotate(7deg) translateY(0)}50%{transform:rotate(5deg) translateY(14px)}}
@media(max-width:1020px){.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{text-align:center}.hero .lead{margin-inline:auto}.hero-actions,.trust-line{justify-content:center}.hero-visual{min-height:620px}.feature-split{grid-template-columns:1fr}.feature-copy{max-width:760px}.gallery{grid-template-columns:repeat(3,1fr)}.shot:nth-child(n){margin-top:0}.grid3,.steps{grid-template-columns:1fr}.links{display:none}.navbtn{display:none}.menu-btn{display:grid;place-items:center}.mobile-menu.open{display:grid;position:absolute;left:22px;right:22px;top:68px;padding:14px;background:rgba(18,18,21,.97);border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.4)}.mobile-menu a{padding:12px;border-radius:12px;color:#d6d6dc}.mobile-menu a:hover{background:#202024}.cta-banner{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.wrap{width:min(var(--max),calc(100% - 24px))}.navin{height:70px}.brand{font-size:20px}.hero{padding:54px 0 56px;min-height:auto}.hero h1{font-size:clamp(50px,15.5vw,72px)}.hero .lead{font-size:17px}.hero-actions .btn{width:100%}.hero-visual{min-height:520px}.phone-stack{height:520px;width:100%}.phone.primary{width:250px;height:494px;left:calc(50% - 145px)}.phone.secondary{width:170px;height:356px;right:0;top:92px}.floating-pill.p1{top:55px}.floating-pill.p2{bottom:15px}.section{padding:76px 0}.section h2{font-size:42px}.gallery{grid-template-columns:repeat(2,1fr);gap:10px}.shot{border-radius:18px}.feature-split{gap:36px}.device-frame .phone{width:250px}.cta-banner{padding:30px;border-radius:28px}.cta-banner .btn{width:100%}.legal{padding:40px 0 72px}.legal .paper{border-radius:24px}.footerin{align-items:flex-start;flex-direction:column}.footlinks{gap:15px 20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.orb,.phone.primary,.phone.secondary,.floating-pill{animation:none!important}.reveal{opacity:1;transform:none;transition:none}.btn,.card,.shot,.shot img{transition:none}}

/* Code-built OpenArt interface artwork — no screenshots or raster artwork */
.phone{padding:8px;background:#09090b}.phone img{display:none!important}.app-ui{position:relative;width:100%;height:100%;overflow:hidden;border-radius:34px;background:#09090b;color:#fff;font-size:12px}.app-status{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-weight:800;font-size:10px;letter-spacing:.02em}.hero-art{position:relative;height:245px;overflow:hidden;background:radial-gradient(circle at 64% 18%,#3c3e49 0 4%,transparent 5%),radial-gradient(circle at 22% 22%,rgba(255,255,255,.1),transparent 18%),linear-gradient(145deg,#14080b 0 30%,#40151b 51%,#111217 100%)}.art-mask::before{content:"";position:absolute;width:118px;height:165px;left:74px;top:36px;border-radius:52% 48% 42% 46%;background:linear-gradient(90deg,#17191d,#343b43 52%,#18181b);box-shadow:0 0 0 8px rgba(192,28,44,.14)}.art-mask::after{content:"";position:absolute;width:58px;height:76px;left:102px;top:62px;border-radius:48% 48% 45% 45%;background:radial-gradient(circle at 36% 45%,#ff5151 0 3px,transparent 4px),radial-gradient(circle at 66% 45%,#ddd 0 3px,transparent 4px),linear-gradient(#d9d1c8,#9e948f);box-shadow:inset 0 -16px 16px rgba(0,0,0,.22)}.art-spark{position:absolute;width:70px;height:70px;border:1px solid rgba(255,80,103,.25);border-radius:50%;animation:pulseRing 3s ease-in-out infinite}.art-spark.s1{left:38px;top:52px}.art-spark.s2{right:28px;top:35px;animation-delay:-1.4s}.art-title{position:absolute;left:16px;bottom:18px;font-size:20px;font-weight:900}.hero-art button,.photo-banner button{position:absolute;right:14px;bottom:15px;border:0;color:#fff;font-weight:900;padding:9px 13px;border-radius:999px;background:linear-gradient(100deg,var(--orange),var(--pink))}.mode-switch{height:42px;margin:12px 14px 14px;border-radius:999px;background:#222225;display:grid;grid-template-columns:1fr 1fr;padding:4px;color:#aaa;align-items:center;text-align:center;font-size:11px}.mode-switch span{height:34px;display:grid;place-items:center;border-radius:999px;font-weight:800}.mode-switch .active{background:linear-gradient(100deg,var(--orange),var(--pink));color:#fff}.ui-title{display:flex;align-items:center;justify-content:space-between;padding:0 14px 10px}.ui-title b{font-size:16px}.ui-title small{color:#8e8e98}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 14px}.mini-card{height:126px;border-radius:14px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.06);display:flex;align-items:flex-end;padding:9px;background:#16161a}.mini-card span{position:relative;z-index:3;font-weight:900;font-size:9px}.mini-card::before,.mini-card::after{content:"";position:absolute}.dance-a{background:radial-gradient(circle at 30% 24%,#16a8ff,transparent 32%),linear-gradient(160deg,#241344,#111)}.dance-a::before{width:34px;height:75px;left:28px;bottom:18px;border-radius:15px 15px 10px 10px;background:#16181d;transform:rotate(-9deg)}.dance-a::after{width:42px;height:42px;left:22px;top:22px;border:4px solid rgba(255,255,255,.48);border-radius:50% 45% 50% 45%;border-bottom-color:transparent}.dance-b{background:linear-gradient(150deg,#8a2f21,#e18c32 52%,#27422c)}.dance-b::before{width:40px;height:73px;left:23px;bottom:16px;border-radius:18px;background:#23392b}.dance-b::after{width:34px;height:34px;left:26px;top:18px;border-radius:50%;background:#d75838;box-shadow:0 0 0 7px #28282c}.dance-c{background:linear-gradient(150deg,#37202f,#851d17 55%,#0e1014)}.dance-c::before{width:42px;height:75px;left:22px;bottom:15px;border-radius:18px;background:#d33425}.dance-c::after{width:28px;height:28px;left:29px;top:24px;border-radius:50%;background:#222}.generate-pill{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:72%;padding:10px;text-align:center;border-radius:999px;background:linear-gradient(100deg,var(--orange),var(--coral),var(--pink));font-weight:950;font-size:14px;box-shadow:0 10px 25px rgba(242,32,183,.24)}
.studio-ui{padding-bottom:10px}.studio-head{display:grid;grid-template-columns:32px 1fr auto;align-items:center;padding:7px 12px 10px;font-size:13px}.studio-head>b{text-align:center;font-size:16px}.studio-head em{font-style:normal;font-size:9px;padding:6px 8px;border-radius:999px;background:linear-gradient(100deg,var(--orange),var(--pink))}.seg,.subseg{margin:6px 10px;padding:4px;border-radius:18px;background:#1b1b1e;display:grid;gap:3px;text-align:center;align-items:center}.seg{grid-template-columns:1fr 1fr}.subseg{grid-template-columns:repeat(3,1fr);font-size:8px}.seg>*{padding:8px 3px;border-radius:15px;color:#86868d}.seg strong{background:#fff;color:#111}.subseg>*{padding:7px 2px;color:#797980}.subseg strong{color:#fff}.prompt-box{margin:9px 10px;padding:12px;border-radius:18px;background:#18181b;min-height:108px}.prompt-box b{font-size:13px}.prompt-box p{color:#66666f;margin:9px 0 11px;line-height:1.45}.prompt-box small{color:#686871}.setting{margin:8px 10px;padding:10px 12px;border-radius:13px;background:#18181b;display:flex;justify-content:space-between;color:#87878e}.setting b{color:#eee}.setting-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 10px}.setting-row>div{background:#18181b;border-radius:13px;padding:10px;color:#898990}.setting-row b{color:#fff;margin-left:5px}.studio-generate{margin:10px;background:#333337;color:#929298;border:4px solid #202024;border-radius:999px;padding:10px 12px;text-align:center;font-weight:900;display:flex;justify-content:center;gap:12px}.studio-generate b{color:#fff;background:#050506;border-radius:999px;padding:0 8px}.large-studio .prompt-box{min-height:142px}.large-studio .setting{padding:13px 14px}.large-studio .seg>*{padding:10px 3px}.large-studio .subseg>*{padding:9px 2px}
.coded-phone{height:620px!important}.photo-banner{height:250px;position:relative;overflow:hidden;background:linear-gradient(130deg,#07355a,#1e78a9 46%,#852d64 100%)}.photo-banner::before{content:"";position:absolute;inset:auto -10% 0;height:62%;background:radial-gradient(ellipse at 50% 100%,#16171a 0 26%,transparent 27%),linear-gradient(transparent 0 70%,rgba(0,0,0,.35))}.photo-banner span{position:absolute;left:14px;bottom:18px;font-size:19px;font-weight:900}.bubble{position:absolute;border-radius:50%;filter:blur(1px);background:rgba(255,255,255,.18)}.bubble.b1{width:92px;height:92px;right:20px;top:24px}.bubble.b2{width:140px;height:140px;left:7px;top:42px;background:rgba(255,128,65,.14)}.silhouette{position:absolute;background:#17191c}.silhouette.one{width:68px;height:135px;left:95px;bottom:20px;border-radius:38px 38px 22px 22px}.silhouette.two{width:58px;height:116px;left:163px;bottom:20px;border-radius:36px 36px 18px 18px;background:#2f191e}.trend-a{background:radial-gradient(circle at 50% 20%,rgba(255,211,72,.72),transparent 18%),radial-gradient(circle at 20% 30%,#e97a4c,transparent 22%),linear-gradient(140deg,#171717,#4e2532)}.trend-b{background:linear-gradient(155deg,#5a3d27,#0d0d0f 68%)}.trend-c{background:radial-gradient(circle at 55% 30%,#ffd19c,transparent 18%),linear-gradient(145deg,#4b202f,#18181b 60%)}
.coded-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.concept-card{background:linear-gradient(180deg,#151518,#101012);border:1px solid var(--line);border-radius:var(--radius);padding:16px;overflow:hidden}.concept-card h3{font-size:22px;margin:18px 10px 6px}.concept-card p{color:#9e9ea8;margin:0 10px 12px}.concept-art{position:relative;height:280px;border-radius:22px;overflow:hidden}.c1{background:radial-gradient(circle at 20% 15%,rgba(69,188,255,.8),transparent 30%),radial-gradient(circle at 78% 76%,rgba(242,32,183,.75),transparent 28%),#12131b}.ring{position:absolute;border:2px solid rgba(255,255,255,.16);border-radius:50%;animation:spinSlow 13s linear infinite}.r1{width:190px;height:190px;left:45px;top:40px}.r2{width:120px;height:120px;left:80px;top:75px;animation-direction:reverse}.figure{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);width:68px;height:160px;border-radius:38px 38px 20px 20px;background:linear-gradient(#222735,#111)}.figure::before{content:"";position:absolute;width:55px;height:55px;border-radius:50%;left:7px;top:-38px;background:#d8a47c}.c2{background:linear-gradient(145deg,#2a1710,#4f1d36 45%,#15152c)}.cube{position:absolute;width:100px;height:100px;border:1px solid rgba(255,255,255,.18);transform:rotate(35deg);background:linear-gradient(135deg,rgba(255,122,24,.28),rgba(242,32,183,.12));box-shadow:0 0 45px rgba(242,32,183,.15);animation:cubeFloat 5s ease-in-out infinite}.q1{left:34px;top:36px}.q2{right:28px;bottom:32px;animation-delay:-2.2s}.f2{height:145px;background:linear-gradient(#3a1c27,#111)}.c3{background:linear-gradient(#14273b,#6a3b52 58%,#161218)}.sun{position:absolute;width:95px;height:95px;border-radius:50%;right:35px;top:35px;background:radial-gradient(circle,#ffd885,#ff7754 55%,rgba(255,119,84,.15) 70%,transparent 72%);box-shadow:0 0 50px rgba(255,119,84,.28)}.mountain{position:absolute;bottom:-30px;width:260px;height:180px;transform:rotate(45deg);background:#24202c}.m1{left:-45px}.m2{right:-80px;bottom:-65px;background:#171820}
@keyframes pulseRing{0%,100%{transform:scale(.9);opacity:.45}50%{transform:scale(1.15);opacity:.9}}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes cubeFloat{0%,100%{transform:rotate(35deg) translateY(0)}50%{transform:rotate(42deg) translateY(-12px)}}
@media(max-width:1020px){.coded-gallery{grid-template-columns:1fr}.concept-art{height:320px}.device-frame .coded-phone{height:600px!important}.phone.primary .app-ui{font-size:11px}}
@media(max-width:620px){.coded-gallery{grid-template-columns:1fr}.concept-art{height:260px}.coded-phone{height:500px!important}.phone.primary .hero-art{height:190px}.phone.primary .mini-card{height:88px}.phone.primary .generate-pill{bottom:8px}.phone.secondary .prompt-box{min-height:82px}.phone.secondary .setting{padding:7px}.phone.secondary .setting-row>div{padding:7px}.phone.secondary .studio-generate{padding:7px}.photo-banner{height:195px}.mini-card{height:90px}.large-studio .prompt-box{min-height:105px}.large-studio .setting{padding:9px}}