.logo,.stat .num,h1.title{font-weight:800}.eyebrow,.kicker,.logo{letter-spacing:2px}.stat,td,th{text-align:left}.stat .lbl,.typo-row .tag,th{letter-spacing:1px}.cs-pair,.mockup-card,.section-banner,.shot-card,.stat-grid{overflow:hidden}.mockup-card svg,.section-banner svg{width:100%;height:auto;display:block}:root{--bg:#0b0d10;--bg-alt:#11151a;--card:#161b21;--card-border:#232a32;--neon:#c6ff3d;--neon-dim:#8fce1f;--orange:#ff5e3a;--blue:#3da9ff;--text:#eef1f3;--text-dim:#9aa4ad;--text-dimmer:#6b747c;--radius:16px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background: radial-gradient(circle at 0% 0%, rgba(85, 120, 30, .22) 0%, rgba(85, 120, 30, .12) 25%, transparent 45%), radial-gradient(circle at 100% 0%, rgba(90, 35, 35, .18) 0%, transparent 40%), linear-gradient(90deg, #0B0F0D 0%, #090A0B 50%, #0B0C10 100%);color:var(--text);font-family:'Helvetica Neue',Arial,sans-serif;line-height:1.6}.cs-col.solution .cs-label,.eyebrow,.logo span,.stat .num,h1.title .accent{color:var(--neon)}.wrap{max-width:1300px;margin:0 auto;padding:0 32px}img.illustration{width:100%;border-radius:var(--radius);display:block;border:1px solid var(--card-border)}.logo{font-size:18px}.hero{padding:90px 0 70px;border-bottom:1px solid var(--card-border)}.eyebrow{display:inline-block;font-size:12px;border:1px solid rgba(198,255,61,.3);padding:6px 14px;border-radius:30px;margin-bottom:24px;text-transform:uppercase}.hero-desc,.pill,.tagline{color:var(--text-dim)}h1.title{font-size:56px;line-height:1.05;max-width:820px}.tagline{font-size:21px;margin-top:18px;max-width:640px;font-weight:300}.hero-desc{margin-top:22px;max-width:680px;font-size:15px}.meta-row{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.pill{font-size:12px;padding:7px 14px;border-radius:30px;border:1px solid var(--card-border)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:56px;border:1px solid var(--card-border);border-radius:var(--radius);background:var(--card-border)}.card,.stat{background:var(--card)}.stat{padding:28px 20px}.stat .num{font-size:34px}.kicker,.stat .lbl{font-size:20px;text-transform:uppercase}.stat .lbl{color:var(--text-dim);margin-top:6px}.section-head{margin-bottom:42px}.kicker{color:var(--orange);font-weight:700}.card p,.flow-step p,.lede,th{color:var(--text-dim)}.flow-num,h2{font-weight:800}h2{font-size:18px;margin-top:10px}.lede{font-size:16px;max-width:720px;margin-top:14px}.flow,table{margin-top:10px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:28px}.gallery-grid.triple,.grid-3,.shot-grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid-3{display:grid;gap:24px}.grid-4,.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{border:1px solid var(--card-border);border-radius:var(--radius);padding:28px}.arch-layer,.flow-num,.prompt-box{background:var(--bg-alt)}.card h3{font-size:18px;margin-bottom:10px;font-weight:700}.card p,td,th{font-size:14px}.card .icon{font-size:26px;margin-bottom:14px;display:block}table{width:100%;border-collapse:collapse}td,th{padding:12px 14px}th{font-weight:600;text-transform:uppercase;font-size:11px}td{color:var(--text)}.flow-step:last-child,.typo-row:last-child,tr:last-child td{border-bottom:none}.flow{display:flex;flex-direction:column;gap:0}.flow-step{display:grid;grid-template-columns:60px 1fr 1.1fr;gap:26px;padding:30px 0;align-items:start}.flow-num{width:44px;height:44px;border-radius:50%;border:1px solid var(--neon);color:var(--neon);display:flex;align-items:center;justify-content:center;font-size:15px}.flow-step h4{font-size:18px;margin-bottom:8px}.flow-step p{font-size:14px;margin-bottom:10px}.prompt-box{border:1px dashed var(--card-border);border-radius:10px;padding:14px 16px;font-size:12.5px;color:var(--blue);font-family:'SF Mono',Consolas,monospace}.prompt-box::before{content:"PROMPT → ";color:var(--text-dimmer);font-family:inherit}.swatches{display:flex;gap:16px;margin-top:18px;flex-wrap:wrap}.swatch{width:120px}.swatch .block{height:70px;border-radius:10px;border:1px solid var(--card-border)}.arch-layer,.chip{border:1px solid var(--card-border)}.swatch .name{font-size:12px;margin-top:8px;color:var(--text-dim)}.swatch .hex,.typo-row .tag{font-size:11px;color:var(--text-dimmer)}.swatch .hex{font-family:monospace}.typo-row{display:flex;align-items:baseline;gap:18px;padding:16px 0;border-bottom:1px solid var(--card-border)}.typo-row .tag{width:90px;text-transform:uppercase}.arch-layer .layer-title,.cs-label{letter-spacing:1.5px;font-weight:700;text-transform:uppercase}.arch-layer{border-radius:14px;padding:18px 22px;margin-bottom:14px}.arch-layer .layer-title{font-size:12px;color:var(--orange);margin-bottom:10px}.chip-row{display:flex;gap:10px;flex-wrap:wrap}.chip{background:#1d242b;border-radius:8px;padding:7px 12px;font-size:12.5px;color:var(--text)}.cs-pair,.result-card{border:1px solid var(--card-border)}.chip.hl{border-color:var(--neon);color:var(--neon)}.arrow-down{text-align:center;color:var(--text-dimmer);font-size:18px;margin:4px 0}.cs-pair{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:var(--radius);margin-bottom:18px}.cs-col{padding:24px 26px}.cs-col.challenge{background:rgba(255,94,58,.06);border-right:1px solid var(--card-border)}.cs-col.solution{background:rgba(198,255,61,.05)}.cs-label{font-size:11px;margin-bottom:8px}.cs-col.challenge .cs-label{color:var(--orange)}.cs-col p{font-size:14px;color:var(--text-dim)}.result-card{background:linear-gradient(160deg,var(--card),var(--bg-alt));border-radius:var(--radius);padding:26px;text-align:center}.mockup-card,.prompt-card{border:1px solid var(--card-border);background:var(--card)}.result-card .big{font-size:30px;font-weight:800;color:var(--neon)}.result-card .small{font-size:12.5px;color:var(--text-dim);margin-top:6px}.prompt-card{border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:10px}.gallery-grid,.shot-grid{display:grid;grid-template-columns:repeat(3,1fr)}.prompt-card .tag2{font-size:11px;color:var(--orange);text-transform:uppercase;letter-spacing:1px;font-weight:700}.gallery-subhead,.mockup-caption .platform-tag{text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.prompt-card .ptxt{font-size:13px;color:var(--text-dim);font-family:'SF Mono',Consolas,monospace;line-height:1.5}.gallery-grid{gap:28px}.mockup-card{border-radius:var(--radius)}.mockup-card .shot-wrap{padding:22px;display:flex;justify-content:center;background:radial-gradient(circle at 50% 0,rgba(198,255,61,.05),transparent 60%)}.mockup-card.phone .shot-wrap svg{max-width:230px}.mockup-caption{padding:16px 22px 22px;border-top:1px solid var(--card-border)}.mockup-caption .platform-tag{font-size:10.5px;color:var(--orange)}.mockup-caption h4{font-size:15px;margin-top:6px;margin-bottom:6px;font-weight:700}.mockup-caption p{font-size:12.5px;color:var(--text-dim)}.gallery-subhead{font-size:13px;color:var(--text-dimmer);margin:48px 0 20px}.gallery-subhead:first-of-type{margin-top:0}.shot-grid{gap:22px}.shot-card{background:var(--card);border:1px solid var(--card-border);border-radius:14px}.shot-card img{width:400px; height: 500px; display:block;background:#0b0d10;image-rendering:-webkit-optimize-contrast}.shot-cap{padding:12px 16px;font-size:12px;color:var(--text-dim)}.shot-cap b{color:var(--text);font-weight:600}.note,.src,.src a{color:var(--text-dimmer)}.section-banner{margin-bottom:46px;border-radius:20px;border:1px solid var(--card-border)}.note{font-size:12.5px;border-left:3px solid var(--card-border);padding:10px 16px;margin-top:18px;background:var(--bg-alt);border-radius:0 8px 8px 0}.src{font-size:11px;margin-top:6px}.src a{text-decoration:underline}.trusted-brand-section, .client-review-dark{    background: radial-gradient(circle at 0% 0%, rgba(85, 120, 30, .22) 0%, rgba(85, 120, 30, .12) 25%, transparent 45%), radial-gradient(circle at 100% 0%, rgba(90, 35, 35, .18) 0%, transparent 40%), linear-gradient(90deg, #1f2421 0%, #3d4044 50%, #0B0C10 100%);}.trusted-heading p{color: white;}#overview, #objectives, #features, #webflow, #mobileflow, #design, #architecture, #integrations, #challenges, #results, #prompts, #screenshots, #gallery, #conclusion{padding: 30px;border-bottom: 2px solid black;}.flow-step{opacity:0;transform:translateY(40px);transition:opacity .6s,transform .6s}.flow-step.show{opacity:1;transform:translateY(0)}
.cta-box{background:linear-gradient(135deg,rgba(47,214,192,.16),rgba(74,140,255,.12));border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:70px 40px}.cta-box img.applogo{width:64px;height:64px;border-radius:16px;margin:0 auto 24px;box-shadow:0 12px 30px rgba(0,0,0,.4)}.cta-box h2{font-size:clamp(1.6rem,3.6vw,2.2rem);font-weight:800;margin-bottom:14px}.cta-box p{max-width:520px;margin:0 auto 30px}.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta-box p,.result-card p,.tech-chip{color:#93a3ad}.cta-box,.result-card,.stat-box{text-align:center}.cta,.features,.panel-section{padding:100px 0}.btn-primary,.btn-secondary{padding:14px 28px;border-radius:30px;font-weight:700;font-size:.92rem;display:inline-flex;align-items:center;gap:8px;transition:transform .25s,box-shadow .25s,background .25s}.btn-secondary,.float-card{border:1px solid rgba(255,255,255,.08)}.btn-primary{color:#0a0f14}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(47,214,192,.4)}.btn-secondary{background:rgba(255,255,255,.03)}.btn-secondary:hover{background:rgba(255,255,255,.08);transform:translateY(-3px)}.meta-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:26px 0;margin-bottom:60px}
@media (max-width:900px){h1.title{font-size:36px}.stat-grid{grid-template-columns:repeat(2,1fr)}.cs-pair,.flow-step,.grid-2,.grid-3,.grid-4,.result-grid,.shot-grid,.shot-grid.cols-3{grid-template-columns:1fr}.cs-col.challenge{border-right:none;border-bottom:1px solid var(--card-border)}.blob2{width: 0px;}}@media (max-width:767px){.shot-card img {width: 200px; height: 300px;}.shot-card{max-width: 200px;}.gallery-grid, .shot-grid{display: block;}}