@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap');

:root { --bg:#151515; --ink:#f7f5ef; --muted:rgba(247,245,239,.6); --line:rgba(247,245,239,.18); --accent:#ff6b4a; --soft:#252525; --shadow:0 30px 80px rgba(0,0,0,.2); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; background:var(--bg); color:var(--ink); font-family:'DM Sans',ui-sans-serif,system-ui,sans-serif; -webkit-font-smoothing:antialiased; transition:background .5s,color .5s; }
a { color:inherit; text-decoration:none; }
h1,h2,h3,p { margin-top:0; }
.ui-shell { width:min(1120px,calc(100% - 72px)); margin:0 auto; }
.ui-noise { position:fixed; inset:0; opacity:.045; pointer-events:none; z-index:20; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.ui-header { height:84px; display:flex; align-items:center; justify-content:space-between; gap:28px; position:relative; z-index:5; }
.ui-brand { display:inline-flex; align-items:center; gap:10px; font-weight:800; letter-spacing:-.05em; font-size:17px; }.ui-brand-mark { display:grid; place-items:center; width:28px; height:28px; border-radius:9px; background:var(--accent); color:#111; font-family:'IBM Plex Mono',monospace; font-size:8px; letter-spacing:-.08em; }
.ui-header-meta { display:flex; align-items:center; gap:22px; margin-left:auto; font:10px 'IBM Plex Mono',monospace; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); }.ui-header-meta a:hover,.ui-header-cta:hover,.ui-footer a:hover{color:var(--accent)}.ui-header-cta{font:700 10px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.ui-header-cta span{font-size:16px;margin-left:7px}
.ui-hero { min-height:690px; display:grid; grid-template-columns:.84fr 1.16fr; align-items:center; gap:40px; position:relative; padding:58px 0 105px; }.ui-hero-copy { max-width:460px; position:relative; z-index:2; }.ui-kicker { font:10px 'IBM Plex Mono',monospace; text-transform:uppercase; letter-spacing:.14em; color:var(--accent); margin-bottom:23px; }.ui-hero h1 { font-size:clamp(55px,7.2vw,94px); line-height:.93; letter-spacing:-.085em; white-space:pre-line; margin-bottom:28px; }.ui-lede { color:var(--muted); font-size:15px; line-height:1.7; max-width:385px; }.ui-actions { display:flex; align-items:center; gap:22px; margin-top:34px; }.ui-button { display:inline-flex; align-items:center; justify-content:center; gap:12px; border:1px solid var(--accent); background:var(--accent); color:#121212; border-radius:999px; padding:14px 19px; font-size:11px; font-weight:800; transition:transform .25s,background .25s,color .25s,box-shadow .25s; }.ui-button:hover{transform:translateY(-3px);background:transparent;color:var(--ink);box-shadow:0 10px 28px rgba(0,0,0,.14)}.ui-button span{font-size:16px;line-height:0}.ui-text-link{font-size:11px;font-weight:700;display:inline-flex;gap:9px;align-items:center}.ui-text-link span{font-size:16px;transition:transform .2s}.ui-text-link:hover span{transform:translateY(3px)}
.ui-hero-stage { height:430px; position:relative; display:grid; place-items:center; transform:translate(var(--mx,0),var(--my,0)); transition:transform .25s ease-out; }.ui-style-caption{grid-column:1/-1;position:absolute;bottom:15px;left:0;display:flex;align-items:baseline;gap:14px;font-family:'IBM Plex Mono',monospace}.ui-style-caption span{color:var(--accent);font-size:10px}.ui-style-caption strong{font-size:12px;text-transform:uppercase;letter-spacing:.1em}.ui-style-caption em{font-size:10px;color:var(--muted);font-style:normal}
.ui-signals,.ui-workflow{padding:82px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:200px 1fr;gap:48px}.ui-section-label{display:flex;flex-direction:column;gap:10px;color:var(--muted);font:10px 'IBM Plex Mono',monospace;letter-spacing:.1em}.ui-section-label span{color:var(--accent)}.ui-signal-list{border-top:1px solid var(--line)}.ui-signal{display:grid;grid-template-columns:38px 1fr 1.1fr;gap:20px;padding:19px 0;border-bottom:1px solid var(--line);align-items:baseline}.ui-signal>span{font:10px 'IBM Plex Mono',monospace;color:var(--accent)}.ui-signal strong{font-size:21px;letter-spacing:-.06em}.ui-signal i{font:11px 'IBM Plex Mono',monospace;color:var(--muted);font-style:normal;line-height:1.5}
.ui-workflow{padding-bottom:112px}.ui-workflow-content{display:grid;grid-template-columns:1fr 1.25fr;gap:65px}.ui-workflow h2{font-size:clamp(40px,5vw,65px);line-height:.96;letter-spacing:-.08em;margin:0}.ui-workflow h2 em,.ui-final h2 em{font-style:normal;color:var(--accent)}.ui-steps{border-top:1px solid var(--line)}.ui-steps>div{display:grid;grid-template-columns:34px 1fr;column-gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.ui-steps span{font:10px 'IBM Plex Mono',monospace;color:var(--accent);grid-row:span 2}.ui-steps b{font-size:13px}.ui-steps small{font-size:11px;color:var(--muted);margin-top:3px}.ui-quote{padding:110px 0 120px;border-top:1px solid var(--line);max-width:1120px}.ui-quote-mark{font:110px Georgia,serif;color:var(--accent);line-height:.45;display:block;height:65px;margin-left:-8px}.ui-quote blockquote{max-width:760px;font-size:clamp(25px,3.8vw,46px);line-height:1.08;letter-spacing:-.07em;margin:0 0 30px}.ui-quote small{font:10px 'IBM Plex Mono',monospace;color:var(--muted);letter-spacing:.1em}.ui-final{padding:112px 0 130px;display:flex;flex-direction:column;align-items:center;text-align:center;border-top:1px solid var(--line)}.ui-final h2{font-size:clamp(45px,6vw,76px);line-height:.95;letter-spacing:-.08em;margin-bottom:33px}.ui-final .ui-kicker{margin-bottom:19px}.ui-footer{padding:25px 0 31px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font:9px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.ui-footer a{color:var(--ink)}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}.reveal-late{transition-delay:.16s}

/* Gallery */
.gallery-page { --bg:#111; --ink:#f8f5ec; --muted:rgba(248,245,236,.55); --line:rgba(248,245,236,.18); --accent:#ff6b4a; background:#111; color:#f8f5ec; }.gallery-shell{width:min(1160px,calc(100% - 72px));margin:0 auto}.gallery-header{height:92px;display:flex;align-items:center;justify-content:space-between}.gallery-back{font:10px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.gallery-back span{font-size:16px;margin-left:7px}.gallery-hero{padding:115px 0 84px;max-width:700px}.gallery-hero h1{font-size:clamp(58px,9vw,112px);line-height:.88;letter-spacing:-.095em;margin:0 0 30px}.gallery-hero h1 em{font-style:normal;color:var(--accent)}.gallery-hero p:last-child{font-size:16px;line-height:1.6;color:var(--muted);max-width:430px}.style-index{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:110px}.style-tile{min-height:214px;position:relative;padding:23px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;transition:transform .25s,box-shadow .25s}.style-tile:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(0,0,0,.24)}.style-tile span{position:absolute;left:23px;top:19px;font:10px 'IBM Plex Mono',monospace}.style-tile strong{font-size:25px;letter-spacing:-.07em;position:relative}.style-tile small{font:10px 'IBM Plex Mono',monospace;opacity:.63;margin-top:7px;position:relative}.style-tile b{position:absolute;right:22px;bottom:20px;font-size:22px;font-weight:400}.tile-minimalism{background:#f0eee7;color:#171717}.tile-maximalism{background:#f8c800;color:#121212;transform:rotate(-1deg)}.tile-flat-design{background:#4c61ec;color:#fff}.tile-neumorphism{background:#bec3c9;color:#3e434a;box-shadow:inset 10px 10px 20px rgba(0,0,0,.12),inset -10px -10px 20px rgba(255,255,255,.55)}.tile-claymorphism{background:#f5b8a8;color:#38252a;border-radius:28px}.tile-aurora-ui{background:linear-gradient(135deg,#1a1740,#ec5b83 55%,#5fe4c1);color:#fff;border-radius:13px}.tile-brutalism-ui{background:#e9ff37;color:#121212;border:4px solid #121212;box-shadow:8px 8px 0 #ff5648}.tile-collage-art{background:#e6ddca;color:#171717;transform:rotate(.7deg)}.tile-skeuomorphism{background:linear-gradient(135deg,#79503e,#231d1c);color:#f2dfbb;border-radius:7px;box-shadow:inset 0 0 0 8px rgba(0,0,0,.15)}.tile-retro{background:#171b22;color:#73f79d;border:1px solid #73f79d;box-shadow:0 0 18px rgba(115,247,157,.26)}.tile-glassmorphism{background:linear-gradient(135deg,#4c6bc0,#ca70a7);color:#fff;border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(8px);border-radius:19px}.gallery-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:23px 0 32px;color:var(--muted);font:9px 'IBM Plex Mono',monospace;letter-spacing:.08em}

/* Minimalism */
.style-minimalism{--bg:#f5f4ee;--ink:#161616;--muted:#73736e;--line:rgba(22,22,22,.15);--accent:#161616;}.style-minimalism .ui-header,.style-minimalism .ui-footer{font-family:'DM Sans',sans-serif}.style-minimalism .ui-hero-stage{border-left:1px solid var(--line);}.style-minimalism .ui-button{background:#161616;border-color:#161616;color:#fff}.style-minimalism .ui-button:hover{background:transparent;color:#161616}.visual-minimal{width:390px;height:390px;border:1px solid #161616;border-radius:50%;position:relative}.minimal-orb{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;border:1px solid #161616;border-radius:50%;display:grid;place-items:center;font:12px 'IBM Plex Mono',monospace}.minimal-axis{position:absolute;background:#161616;opacity:.2}.axis-x{height:1px;width:100%;top:50%;left:0}.axis-y{width:1px;height:100%;top:0;left:50%}.minimal-label{position:absolute;background:var(--bg);padding:3px 7px;font:9px 'IBM Plex Mono',monospace;text-transform:uppercase}.label-a{top:32px;right:37px}.label-b{bottom:38px;left:39px}.style-minimalism .ui-style-caption em{font-family:'IBM Plex Mono',monospace}.tile-minimalism:before{content:'';position:absolute;width:90px;height:90px;border:1px solid #171717;border-radius:50%;right:22px;top:48px}

/* Maximalism */
.style-maximalism{--bg:#ff5f4d;--ink:#111;--muted:rgba(17,17,17,.7);--line:rgba(17,17,17,.3);--accent:#ffe500;}.style-maximalism .ui-header,.style-maximalism .ui-footer{font-weight:800}.style-maximalism .ui-hero{min-height:750px}.style-maximalism .ui-hero:before{content:'CHAT / SALES / PRODUCT';position:absolute;right:-7vw;top:120px;font-size:clamp(80px,16vw,200px);font-weight:800;line-height:.75;letter-spacing:-.1em;color:rgba(255,229,0,.42);max-width:600px;overflow:hidden}.style-maximalism .ui-button{background:#111;border-color:#111;color:#ffe500;border-radius:7px;box-shadow:7px 7px 0 #ffe500}.style-maximalism .ui-button:hover{background:#ffe500;color:#111;box-shadow:3px 3px 0 #111}.style-maximalism .ui-hero h1{font-size:clamp(59px,8vw,110px);text-transform:uppercase;font-weight:800}.style-maximalism .ui-kicker,.style-maximalism .ui-section-label span,.style-maximalism .ui-signal>span{color:#ffe500}.style-maximalism .ui-hero-stage{border:7px solid #111;background:#ffe500;transform:rotate(2deg) translate(var(--mx,0),var(--my,0));}.style-maximalism .ui-style-caption{background:#111;color:#ffe500;padding:10px 13px;transform:rotate(-2deg)}.visual-maximal{width:390px;height:380px;position:relative;transform:rotate(-4deg)}.max-word{position:absolute;left:35px;top:45px;color:#ff5f4d;font-size:94px;line-height:.72;letter-spacing:-.12em;font-weight:800;-webkit-text-stroke:3px #111;text-shadow:7px 7px #111}.max-word em{font-style:normal;color:#111;-webkit-text-stroke:0}.max-sticker{position:absolute;padding:16px;background:#ff5f4d;color:#111;font-size:18px;font-weight:800;line-height:.8;border:4px solid #111;box-shadow:6px 6px 0 #111}.sticker-red{right:23px;top:24px;transform:rotate(9deg)}.sticker-yellow{left:8px;bottom:23px;background:#ffe500;transform:rotate(-11deg)}.sticker-yellow small{font-size:9px}.max-burst{position:absolute;right:21px;bottom:29px;font-size:83px;color:#fff;line-height:1}.max-dot{position:absolute;width:26px;height:26px;border:4px solid #111;border-radius:50%;background:#4c61ec}.dot-one{left:205px;bottom:4px}.dot-two{left:253px;top:13px;background:#fff}.tile-maximalism:before{content:'✳';position:absolute;right:35px;top:52px;font-size:82px;line-height:1}.tile-maximalism:after{content:'';position:absolute;right:22px;bottom:23px;width:22px;height:22px;border-radius:50%;background:#4c61ec;border:3px solid #111}

/* Flat Design */
.style-flat-design{--bg:#eaf0ff;--ink:#1c2447;--muted:#5a6385;--line:rgba(28,36,71,.16);--accent:#f15b4e;}.style-flat-design .ui-hero{background:#eaf0ff}.style-flat-design .ui-button{border-radius:4px;background:#f15b4e;border-color:#f15b4e;color:#fff;box-shadow:0 5px 0 #b63e45}.style-flat-design .ui-button:hover{box-shadow:0 2px 0 #b63e45}.style-flat-design .ui-hero-stage{background:#ffd35e;border-radius:18px;overflow:hidden}.visual-flat{width:390px;height:360px;position:relative}.flat-window{position:absolute;width:270px;height:215px;background:#fff;border:4px solid #1c2447;left:58px;top:62px;padding:20px;box-shadow:10px 10px 0 #f15b4e}.flat-top{display:block;font:9px 'IBM Plex Mono',monospace;color:#68749e;border-bottom:2px solid #d8dded;padding-bottom:9px}.flat-message{font-size:12px;padding:10px 12px;margin-top:18px;width:max-content;max-width:190px}.flat-message-user{background:#eaf0ff;margin-left:auto}.flat-message-ai{background:#61c6a7;color:#1c2447}.flat-message-ai b{margin-left:17px}.flat-button{position:absolute;right:17px;bottom:15px;background:#f15b4e;color:#fff;font:700 9px 'IBM Plex Mono',monospace;padding:9px 14px}.flat-shape{position:absolute;display:block}.flat-shape-c{width:76px;height:76px;border-radius:50%;background:#5f69e9;right:8px;top:14px}.flat-shape-r{width:45px;height:45px;background:#61c6a7;left:9px;bottom:21px;transform:rotate(20deg)}.style-flat-design .ui-style-caption{color:#1c2447}.tile-flat-design:before{content:'';position:absolute;width:80px;height:80px;background:#ffd35e;border-radius:50%;right:35px;top:44px;border:8px solid #f15b4e}.tile-flat-design:after{content:'';position:absolute;width:31px;height:31px;background:#61c6a7;right:19px;bottom:24px;transform:rotate(20deg)}

/* Neumorphism */
.style-neumorphism{--bg:#cdd2d8;--ink:#414750;--muted:#77808c;--line:rgba(65,71,80,.18);--accent:#697a91;--shadow-light:#eef1f2;--shadow-dark:#aeb4bd;}.style-neumorphism .ui-header,.style-neumorphism .ui-footer{color:#414750}.style-neumorphism .ui-button,.style-neumorphism .ui-header-cta{background:#cdd2d8;color:#414750;border:0;box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light)}.style-neumorphism .ui-button:hover{box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.style-neumorphism .ui-hero-stage{border-radius:36px;box-shadow:15px 15px 30px var(--shadow-dark),-15px -15px 30px var(--shadow-light)}.visual-neu{width:370px;height:350px;display:grid;place-items:center}.neu-panel{width:280px;height:265px;border-radius:32px;box-shadow:inset 8px 8px 15px var(--shadow-dark),inset -8px -8px 15px var(--shadow-light);padding:28px;text-align:center}.neu-title{font:9px 'IBM Plex Mono',monospace;letter-spacing:.12em}.neu-circle{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;margin:28px auto 21px;box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light);font:700 18px 'IBM Plex Mono',monospace;color:var(--accent)}.neu-slider{height:9px;border-radius:9px;box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light);padding:2px;text-align:left}.neu-slider i{display:block;width:67%;height:5px;border-radius:9px;background:var(--accent)}.neu-controls{display:flex;justify-content:space-between;align-items:center;margin-top:21px;color:var(--muted);font:10px 'IBM Plex Mono',monospace}.neu-controls b{font-size:8px;letter-spacing:.1em}.tile-neumorphism:before{content:'';position:absolute;left:32px;top:62px;width:70px;height:70px;border-radius:50%;box-shadow:8px 8px 16px #aeb4bd,-8px -8px 16px #eef1f2}

/* Claymorphism */
.style-claymorphism{--bg:#fff2ec;--ink:#3d2734;--muted:#9e7382;--line:rgba(61,39,52,.13);--accent:#ef6b85;}.style-claymorphism .ui-hero{min-height:710px}.style-claymorphism .ui-button{border:0;border-radius:18px;background:#ef6b85;color:#fff;box-shadow:0 10px 0 #c85474}.style-claymorphism .ui-button:hover{box-shadow:0 5px 0 #c85474}.style-claymorphism .ui-hero-stage{background:#ffdbc9;border-radius:46px;box-shadow:inset 0 -8px 0 rgba(61,39,52,.06)}.visual-clay{width:390px;height:380px;position:relative}.clay-blob{position:absolute;display:block;border-radius:45% 55% 42% 58%/57% 45% 55% 43%;filter:drop-shadow(0 14px 0 rgba(61,39,52,.09))}.blob-pink{width:220px;height:210px;left:23px;top:67px;background:#ef91aa;transform:rotate(18deg)}.blob-blue{width:145px;height:164px;right:20px;top:26px;background:#9ad8e1;transform:rotate(-17deg)}.clay-agent{position:absolute;z-index:2;width:185px;height:170px;left:106px;top:103px;background:#fff8f2;border-radius:42px;box-shadow:0 14px 0 rgba(61,39,52,.1);display:flex;flex-direction:column;align-items:center;padding:25px 15px}.clay-face{width:66px;height:53px;background:#ffd3bf;border-radius:40%;position:relative;margin-bottom:13px}.clay-face i{position:absolute;top:20px;width:7px;height:7px;background:#3d2734;border-radius:50%}.clay-face i:first-child{left:18px}.clay-face i:nth-child(2){right:18px}.clay-face b{position:absolute;left:28px;bottom:11px;width:10px;height:5px;border-bottom:2px solid #3d2734;border-radius:50%}.clay-agent strong{font-size:13px;letter-spacing:-.04em}.clay-agent small{font:9px 'IBM Plex Mono',monospace;color:#9e7382;margin-top:5px}.clay-star{position:absolute;right:28px;bottom:36px;color:#fff;font-size:42px;text-shadow:0 5px 0 #ef6b85}.tile-claymorphism:before{content:'✦';position:absolute;right:36px;top:48px;color:#fff;font-size:55px;text-shadow:0 5px 0 #ef6b85}.tile-claymorphism:after{content:'';position:absolute;width:95px;height:80px;border-radius:42%;background:#9ad8e1;right:43px;top:71px;transform:rotate(-19deg)}

/* Aurora UI */
.style-aurora-ui{--bg:#14162f;--ink:#f5f4ff;--muted:rgba(245,244,255,.62);--line:rgba(245,244,255,.18);--accent:#75e7ca;}.style-aurora-ui:before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 73% 15%,rgba(236,91,131,.46),transparent 28%),radial-gradient(circle at 18% 70%,rgba(86,86,237,.34),transparent 30%),linear-gradient(140deg,#14162f,#25285c 60%,#102d38)}.style-aurora-ui .ui-hero-stage{border-radius:50%;background:radial-gradient(circle at 40% 35%,rgba(117,231,202,.4),transparent 18%),radial-gradient(circle at 70% 65%,rgba(236,91,131,.42),transparent 25%);box-shadow:0 0 100px rgba(117,231,202,.2)}.style-aurora-ui .ui-button{background:#75e7ca;border-color:#75e7ca;color:#12152d}.style-aurora-ui .ui-button:hover{background:transparent;color:#75e7ca}.visual-aurora{width:420px;height:390px;position:relative;overflow:hidden;border-radius:50%}.aurora-orb{position:absolute;border-radius:50%;filter:blur(1px);mix-blend-mode:screen}.orb-a{width:210px;height:230px;background:rgba(236,91,131,.72);left:53px;top:68px;transform:rotate(28deg);filter:blur(20px)}.orb-b{width:180px;height:250px;background:rgba(117,231,202,.7);right:36px;top:30px;transform:rotate(-28deg);filter:blur(21px)}.orb-c{width:170px;height:170px;background:rgba(95,98,237,.76);left:140px;bottom:12px;filter:blur(25px)}.aurora-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:126px;height:126px;border-radius:50%;background:rgba(20,22,47,.48);border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(15px);display:grid;place-content:center;text-align:center;box-shadow:0 0 40px rgba(117,231,202,.35)}.aurora-core span{font-size:31px;letter-spacing:-.1em}.aurora-core small{font:8px 'IBM Plex Mono',monospace;opacity:.65;margin-top:7px}.aurora-readout{position:absolute;bottom:38px;left:33px;display:flex;flex-direction:column;background:rgba(20,22,47,.35);border:1px solid rgba(255,255,255,.3);padding:10px 13px;backdrop-filter:blur(10px)}.aurora-readout b{font-size:18px;color:#75e7ca}.aurora-readout span{font:8px 'IBM Plex Mono',monospace;margin-top:3px;opacity:.65}.tile-aurora-ui:before,.tile-aurora-ui:after{content:'';position:absolute;border-radius:50%;filter:blur(10px)}.tile-aurora-ui:before{width:120px;height:90px;right:16px;top:37px;background:#75e7ca}.tile-aurora-ui:after{width:100px;height:80px;left:125px;bottom:30px;background:#f7a3dd}

/* Brutalism */
.style-brutalism-ui{--bg:#f1eee5;--ink:#111;--muted:#4d4d4a;--line:#111;--accent:#ff5d45;}.style-brutalism-ui{font-family:'Space Mono',monospace}.style-brutalism-ui .ui-header{border-bottom:4px solid #111}.style-brutalism-ui .ui-brand{font-family:'DM Sans',sans-serif}.style-brutalism-ui .ui-hero{min-height:700px}.style-brutalism-ui .ui-hero h1{font-family:'DM Sans',sans-serif;font-size:clamp(56px,7vw,95px);font-weight:800;letter-spacing:-.09em}.style-brutalism-ui .ui-kicker,.style-brutalism-ui .ui-section-label,.style-brutalism-ui .ui-signal>span{font-weight:700;color:#111}.style-brutalism-ui .ui-button{border:3px solid #111;border-radius:0;background:#ff5d45;color:#111;box-shadow:7px 7px 0 #111}.style-brutalism-ui .ui-button:hover{box-shadow:2px 2px 0 #111}.style-brutalism-ui .ui-hero-stage{border:4px solid #111;background:#ffec3e}.visual-brutal{width:380px;height:360px;position:relative;padding:23px}.brutal-title{font:800 40px 'DM Sans',sans-serif;letter-spacing:-.08em;line-height:.86}.brutal-ticket{position:absolute;left:70px;top:126px;width:275px;background:#f1eee5;border:4px solid #111;padding:19px;box-shadow:10px 10px 0 #111;transform:rotate(-4deg)}.brutal-ticket small,.brutal-ticket span{display:block;font-size:8px}.brutal-ticket b{display:block;font:700 16px 'DM Sans',sans-serif;margin:23px 0}.brutal-ticket span{border-top:2px solid #111;padding-top:10px}.brutal-ticket i{font-style:normal;float:right;background:#ff5d45;padding:0 4px}.brutal-arrow{position:absolute;right:27px;bottom:21px;font-size:65px;font-family:'DM Sans',sans-serif}.tile-brutalism-ui:before{content:'NO\A FLUFF';white-space:pre;position:absolute;right:22px;top:50px;font:800 28px 'DM Sans',sans-serif;line-height:.8}.tile-brutalism-ui:after{content:'↘';position:absolute;right:27px;bottom:20px;font-size:48px}

/* Collage Art */
.style-collage-art{--bg:#e6ddca;--ink:#202020;--muted:#716b61;--line:rgba(32,32,32,.23);--accent:#e55c42;}.style-collage-art .ui-header,.style-collage-art .ui-footer{font-family:'IBM Plex Mono',monospace}.style-collage-art .ui-hero{min-height:740px}.style-collage-art .ui-hero-copy{background:#f6f1e8;padding:30px 33px;transform:rotate(-2deg);box-shadow:8px 8px 0 rgba(32,32,32,.1)}.style-collage-art .ui-button{border-radius:0;background:#e55c42;border-color:#e55c42;color:#fff;transform:rotate(2deg)}.style-collage-art .ui-hero-stage{overflow:visible}.visual-collage{width:420px;height:390px;position:relative}.paper{position:absolute;display:block;box-shadow:8px 10px 0 rgba(32,32,32,.15)}.paper-orange{background:#e55c42;color:#f6f1e8;font:800 33px 'DM Sans',sans-serif;line-height:.82;padding:22px;width:148px;height:180px;left:21px;top:27px;transform:rotate(-8deg)}.paper-photo{width:205px;height:230px;right:24px;top:15px;transform:rotate(5deg);background:linear-gradient(140deg,#4e6670 0 25%,#e8b37f 26% 50%,#697f51 51% 72%,#2d3e53 73%)}.paper-photo:before{content:'AI';position:absolute;color:#fff;left:18px;bottom:16px;font:800 40px 'DM Sans',sans-serif}.paper-note{width:210px;height:112px;right:67px;bottom:24px;background:#f4d566;padding:20px;font:600 15px 'DM Sans',sans-serif;line-height:1.05;transform:rotate(-3deg)}.paper-stamp{left:37px;bottom:27px;width:91px;height:91px;border:3px dashed #202020;border-radius:50%;display:grid;place-content:center;text-align:center;font:700 17px 'IBM Plex Mono',monospace;transform:rotate(12deg);background:#f6f1e8}.collage-scribble{position:absolute;right:7px;bottom:107px;font-size:70px;color:#e55c42;transform:rotate(13deg)}.tile-collage-art:before{content:'';position:absolute;width:85px;height:120px;background:#e55c42;right:31px;top:42px;transform:rotate(12deg);box-shadow:6px 6px 0 #f4d566}.tile-collage-art:after{content:'→';position:absolute;font-size:49px;right:44px;bottom:25px;transform:rotate(-7deg)}

/* Skeuomorphism */
.style-skeuomorphism{--bg:#4b3027;--ink:#f2dfbb;--muted:#d1b68d;--line:rgba(242,223,187,.27);--accent:#e99a45;}.style-skeuomorphism:before{content:'';position:fixed;inset:0;z-index:-1;background:repeating-linear-gradient(85deg,rgba(255,255,255,.025) 0 1px,transparent 1px 7px),radial-gradient(circle at 70% 30%,#704c3e,#2c1c1b 75%)}.style-skeuomorphism .ui-header{border-bottom:1px solid rgba(242,223,187,.28)}.style-skeuomorphism .ui-button{border:1px solid #bd6c2e;border-radius:5px;background:linear-gradient(#f0b35e,#c8682f);color:#321d18;box-shadow:inset 0 1px rgba(255,255,255,.4),0 4px 0 #241616}.style-skeuomorphism .ui-button:hover{filter:brightness(1.1)}.style-skeuomorphism .ui-hero-stage{border:8px solid #2b1b1a;border-radius:8px;background:#332323;box-shadow:inset 0 0 30px #120e0e,0 15px 0 rgba(0,0,0,.25)}.visual-skeuo{width:390px;height:350px;display:grid;place-items:center}.skeuo-window{width:320px;height:250px;background:linear-gradient(145deg,#6c4b3d,#2f2321);border:3px solid #1e1414;border-radius:6px;box-shadow:inset 0 0 0 2px #98745e,8px 12px 0 #1e1414;position:relative;padding:11px}.skeuo-bar{height:24px;background:linear-gradient(#93705b,#4a332c);border:1px solid #241818;display:flex;align-items:center;gap:5px;padding:0 7px;box-shadow:inset 0 1px rgba(255,255,255,.22)}.skeuo-bar span{width:7px;height:7px;border-radius:50%;background:#e99a45;border:1px solid #3d231d}.skeuo-bar b{margin-left:auto;font:8px 'IBM Plex Mono',monospace;color:#f2dfbb}.skeuo-screen{height:151px;margin-top:11px;background:linear-gradient(120deg,#243f3b,#132524);border:3px solid #1e1414;box-shadow:inset 0 0 24px rgba(0,0,0,.65);padding:16px;color:#a7e1bd}.skeuo-screen span{font:7px 'IBM Plex Mono',monospace;opacity:.7}.skeuo-screen strong{display:block;font-size:22px;line-height:.9;letter-spacing:-.07em;margin-top:18px}.skeuo-screen i{display:block;font:8px 'IBM Plex Mono',monospace;font-style:normal;color:#e99a45;margin-top:21px}.skeuo-dial{position:absolute;right:26px;bottom:15px;width:33px;height:33px;border-radius:50%;background:linear-gradient(145deg,#8d6a54,#31201e);border:2px solid #191010;box-shadow:inset 1px 1px 2px rgba(255,255,255,.3);display:grid;place-items:center;color:#e99a45;font-size:17px}.tile-skeuomorphism:before{content:'◉';position:absolute;right:34px;top:51px;color:#e99a45;font-size:60px;text-shadow:inset 1px 1px #000}.tile-skeuomorphism:after{content:'agent_console';position:absolute;left:24px;bottom:25px;font:9px 'IBM Plex Mono',monospace;color:#f2dfbb}

/* Retro */
.style-retro{--bg:#171b22;--ink:#a1ffb8;--muted:rgba(161,255,184,.63);--line:rgba(161,255,184,.32);--accent:#ff9d42;}.style-retro{font-family:'Space Mono',monospace}.style-retro:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(rgba(23,27,34,.1),rgba(23,27,34,.1)),repeating-linear-gradient(0deg,rgba(161,255,184,.025) 0 1px,transparent 1px 4px)}.style-retro .ui-brand,.style-retro .ui-header-cta{font-family:'Space Mono',monospace}.style-retro .ui-hero h1{font-family:'Space Mono',monospace;font-size:clamp(45px,6vw,78px);line-height:1.05;letter-spacing:-.08em;text-transform:uppercase}.style-retro .ui-button{border:1px solid #a1ffb8;border-radius:0;background:#a1ffb8;color:#171b22;box-shadow:5px 5px 0 #ff9d42}.style-retro .ui-button:hover{background:transparent;color:#a1ffb8;box-shadow:2px 2px 0 #ff9d42}.style-retro .ui-hero-stage{border:1px solid #a1ffb8;background:#20252d;overflow:hidden}.visual-retro{width:410px;height:380px;position:relative;overflow:hidden}.crt{position:absolute;left:64px;top:48px;width:286px;height:214px;border:10px solid #38414a;border-radius:20px 20px 30px 30px;background:#10211d;box-shadow:inset 0 0 20px rgba(161,255,184,.35),10px 10px 0 #0c1014;padding:27px 22px;color:#a1ffb8;overflow:hidden}.crt-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(161,255,184,.07) 4px 5px);pointer-events:none}.crt small{font-size:7px;letter-spacing:.05em;color:#ff9d42}.crt strong{display:block;font-size:19px;line-height:1.05;margin-top:32px;letter-spacing:-.07em}.crt i{font-style:normal;color:#ff9d42;display:block;margin-top:18px}.retro-sun{position:absolute;width:120px;height:120px;border-radius:50%;right:10px;top:18px;background:linear-gradient(#ff9d42 0 48%,#171b22 49% 53%,#ff9d42 54%);opacity:.8;filter:blur(.5px)}.retro-grid{position:absolute;width:160%;height:110px;left:-30%;bottom:-48px;background:linear-gradient(90deg,transparent 49%,rgba(161,255,184,.5) 50% 50.5%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(161,255,184,.5) 50% 50.5%,transparent 51%);background-size:35px 35px;transform:perspective(80px) rotateX(48deg);transform-origin:bottom}.tile-retro:before{content:'_';position:absolute;right:28px;top:39px;font-size:65px;color:#ff9d42}.tile-retro:after{content:'NOW PLAYING';position:absolute;left:22px;bottom:25px;font:8px 'Space Mono',monospace;color:#a1ffb8}

/* Glassmorphism */
.style-glassmorphism{--bg:#5669a8;--ink:#fff;--muted:rgba(255,255,255,.67);--line:rgba(255,255,255,.33);--accent:#fff;}.style-glassmorphism:before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 78% 12%,#f3a8d9 0 8%,transparent 30%),radial-gradient(circle at 17% 32%,#95dfd8 0 9%,transparent 30%),linear-gradient(130deg,#516aa9,#8265b2 50%,#d685b0)}.style-glassmorphism .ui-header,.style-glassmorphism .ui-footer{border-color:rgba(255,255,255,.3)}.style-glassmorphism .ui-button{border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(10px);box-shadow:0 8px 25px rgba(37,35,83,.16)}.style-glassmorphism .ui-button:hover{background:rgba(255,255,255,.34)}.style-glassmorphism .ui-hero-stage{border:1px solid rgba(255,255,255,.43);border-radius:35px;background:rgba(255,255,255,.08);backdrop-filter:blur(11px);overflow:hidden}.visual-glass{width:410px;height:380px;position:relative}.glass-orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-g1{width:190px;height:190px;background:#f6a6cc;left:15px;top:43px;box-shadow:0 20px 50px rgba(39,25,88,.2)}.orb-g2{width:170px;height:170px;background:#89e1d0;right:17px;bottom:34px}.glass-panel{position:absolute;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.65);backdrop-filter:blur(18px);box-shadow:0 20px 50px rgba(39,25,88,.16);color:#fff}.panel-main{width:245px;height:185px;left:73px;top:79px;border-radius:20px;padding:22px}.glass-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.34);font:700 11px 'IBM Plex Mono',monospace}.panel-main strong{display:block;font-size:13px;margin-top:15px}.panel-main small,.panel-mini small{display:block;font:8px 'IBM Plex Mono',monospace;opacity:.7;margin-top:4px}.panel-main p{font-size:16px;letter-spacing:-.05em;margin:26px 0 0}.panel-mini{width:125px;height:70px;border-radius:15px;right:12px;top:22px;padding:15px;transform:rotate(6deg)}.panel-mini b{font-size:23px;display:block}.tile-glassmorphism:before{content:'';position:absolute;width:110px;height:100px;border-radius:50%;background:rgba(255,255,255,.32);right:27px;top:37px;filter:blur(3px)}.tile-glassmorphism:after{content:'AI';position:absolute;right:75px;top:74px;font:700 26px 'IBM Plex Mono',monospace;color:#fff}

@media (max-width: 850px){.ui-shell,.gallery-shell{width:calc(100% - 40px)}.ui-header-meta{display:none}.ui-hero{grid-template-columns:1fr;min-height:900px;padding-top:75px;align-items:start}.ui-hero-copy{max-width:620px}.ui-hero-stage{height:380px;margin-top:8px}.ui-style-caption{bottom:5px}.ui-signals,.ui-workflow{grid-template-columns:1fr;gap:30px;padding:65px 0}.ui-workflow-content{grid-template-columns:1fr;gap:45px}.ui-quote{padding:80px 0}.style-maximalism .ui-hero:before{right:-45vw}.gallery-hero{padding:85px 0 62px}.style-index{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 560px){.ui-shell,.gallery-shell{width:calc(100% - 32px)}.ui-header{height:72px}.ui-brand{font-size:15px}.ui-header-cta{font-size:9px}.ui-hero{padding-top:54px;min-height:830px}.ui-hero h1{font-size:55px}.ui-lede{font-size:14px}.ui-actions{align-items:flex-start;flex-direction:column;gap:17px}.ui-hero-stage{height:325px;margin-top:17px;transform:scale(.87) translate(var(--mx,0),var(--my,0));transform-origin:top center;width:115%;margin-left:-7.5%}.ui-style-caption{bottom:8px;gap:9px;display:grid;grid-template-columns:auto 1fr;line-height:1.2}.ui-style-caption em{grid-column:2}.ui-signal{grid-template-columns:28px 1fr;gap:7px}.ui-signal i{grid-column:2}.ui-signal strong{font-size:18px}.ui-workflow h2{font-size:44px}.ui-quote blockquote{font-size:30px}.ui-final h2{font-size:49px}.ui-footer{display:block;line-height:1.8}.ui-footer span{display:block}.ui-footer span+span{margin-top:7px}.visual-maximal,.visual-collage,.visual-skeuo,.visual-retro,.visual-glass,.visual-aurora{transform:scale(.86);transform-origin:center}.gallery-header{height:72px}.gallery-hero h1{font-size:60px}.style-index{grid-template-columns:1fr}.style-tile{min-height:180px}}