:root{
  --bg:#030b10;
  --panel:#06171d;
  --panel2:#0a2028;
  --teal:#11d7d0;
  --teal-soft:#6ff4eb;
  --silver:#d7dde0;
  --muted:#96a9ad;
  --line:rgba(111,244,235,.22);
  --shadow:0 24px 80px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;
  background:
    radial-gradient(circle at 50% 0%,rgba(17,215,208,.14),transparent 24%),
    radial-gradient(circle at 14% 18%,rgba(17,215,208,.05),transparent 18%),
    radial-gradient(circle at 86% 24%,rgba(17,215,208,.035),transparent 16%),
    linear-gradient(180deg,#010408 0%,#020b10 44%,#010408 100%);
  color:var(--silver);
  position:relative;
  min-height:100vh;
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  background:
    linear-gradient(rgba(111,244,235,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(111,244,235,.04) 1px,transparent 1px),
    linear-gradient(rgba(111,244,235,.014) 1px,transparent 1px),
    linear-gradient(90deg,rgba(111,244,235,.014) 1px,transparent 1px),
    linear-gradient(115deg,transparent 0%,rgba(17,215,208,.05) 48%,transparent 100%),
    radial-gradient(circle at 16% 22%,rgba(17,215,208,.08),transparent 22%),
    radial-gradient(circle at 82% 12%,rgba(17,215,208,.05),transparent 18%);
  background-size:140px 140px,140px 140px,28px 28px,28px 28px,100% 100%,100% 100%,100% 100%;
  background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0;
  opacity:.78;
  pointer-events:none;
  z-index:0;
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  background:
    url('assets/design-tech-overlay-dense.svg') center top / cover no-repeat,
    url('assets/design-tech-overlay-symbols.svg') center top / cover no-repeat;
  opacity:.24;
  mix-blend-mode:screen;
  pointer-events:none;
  z-index:0;
}
a{color:inherit;text-decoration:none}
body.splash-open{overflow:hidden}
.splash-screen{position:fixed;inset:0;z-index:1000;display:block;background:#020b10;transition:opacity .35s ease,visibility .35s ease}
.splash-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.splash-fullscreen{display:block;width:100%;height:100vh;padding:0;border:0;background:#020b10;cursor:pointer}
.splash-static-wrap{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 12%,rgba(66,225,227,.14),transparent 28%),linear-gradient(180deg,#04141b 0%,#031018 48%,#020a0f 100%);overflow:hidden}
.splash-flat-art{display:block;width:100vw;height:100vh;object-fit:contain;object-position:center center;image-rendering:auto}
.splash-enter-overlay{position:absolute;left:0;right:0;bottom:3.2vh;display:flex;justify-content:center;pointer-events:none}
.splash-enter-text{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.5rem;border-radius:999px;background:rgba(2,11,16,.38);border:1px solid rgba(111,244,235,.24);backdrop-filter:blur(8px);color:#9ef8f0;font-size:14px;font-weight:800;letter-spacing:.28em;text-transform:uppercase;text-shadow:0 0 14px rgba(17,215,208,.35);box-shadow:0 0 28px rgba(17,215,208,.10), inset 0 0 0 1px rgba(255,255,255,.03);animation:pulseEnter 1.8s ease-in-out infinite}
@keyframes pulseEnter{0%,100%{transform:scale(1);opacity:.72;box-shadow:0 0 18px rgba(17,215,208,.08), inset 0 0 0 1px rgba(255,255,255,.03)}50%{transform:scale(1.05);opacity:1;box-shadow:0 0 34px rgba(17,215,208,.22), inset 0 0 0 1px rgba(255,255,255,.06)}}
.site-shell{position:relative;z-index:1;width:min(1180px,calc(100% - 36px));margin:0 auto}.topbar{position:sticky;top:14px;z-index:10;display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:12px 16px 12px 14px;border:1px solid rgba(111,244,235,.18);border-radius:999px;background:linear-gradient(135deg,rgba(3,11,16,.86),rgba(6,28,34,.72));backdrop-filter:blur(22px);box-shadow:0 20px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;padding-right:18px}.brand-mark{width:42px;height:42px;border:1px solid rgba(111,244,235,.32);border-radius:50%;display:grid;place-items:center;color:var(--teal);background:radial-gradient(circle at 35% 25%,rgba(111,244,235,.18),rgba(3,11,16,.1));box-shadow:0 0 28px rgba(17,215,208,.2),inset 0 0 18px rgba(17,215,208,.08)}.brand-text strong{color:var(--teal);font-weight:900}.nav{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.nav a{padding:12px 14px;border-radius:999px;transition:color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.nav a:hover{color:var(--teal);background:rgba(17,215,208,.1);box-shadow:inset 0 0 0 1px rgba(111,244,235,.16);transform:translateY(-1px)}.hero{min-height:78vh;display:grid;grid-template-columns:1fr 1.05fr;gap:44px;align-items:center;padding:54px 0 28px}.page-hero{padding:110px 0 54px;max-width:900px}.page-hero h1{margin:0;color:#fff;line-height:.96;letter-spacing:-.055em;font-size:clamp(48px,8vw,92px)}.page-hero p:not(.eyebrow){color:#b7c5c8;font-size:19px;line-height:1.65;max-width:760px;margin:24px 0 30px}.eyebrow{margin:0 0 14px;color:var(--teal);font-weight:800;letter-spacing:.22em;text-transform:uppercase;font-size:12px}.hero h1,.section h2,.cta h2{margin:0;color:#fff;line-height:.96;letter-spacing:-.055em}.hero h1{font-size:clamp(48px,8vw,92px)}.hero-text{margin:26px 0 0;color:#b7c5c8;font-size:19px;line-height:1.65;max-width:640px}.hero-actions{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.button.primary{background:linear-gradient(135deg,var(--teal),#087d85);color:#001214;box-shadow:0 14px 34px rgba(17,215,208,.22)}.button.ghost{border:1px solid var(--line);color:var(--silver);background:rgba(255,255,255,.03)}.hero-art{border:1px solid var(--line);border-radius:32px;overflow:hidden;background:rgba(255,255,255,.02);box-shadow:var(--shadow);position:relative}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(111,244,235,.02) 1px,transparent 1px),linear-gradient(rgba(111,244,235,.015) 1px,transparent 1px);background-size:28px 28px;opacity:.26;pointer-events:none}.hero-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(111,244,235,.2),transparent 40%);pointer-events:none}.hero-art img{width:100%;height:auto;display:block}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 0 70px}.stats div{padding:24px;border:1px solid var(--line);border-radius:24px;background:rgba(6,23,29,.72)}.stats strong{display:block;color:#fff;font-size:38px}.stats span{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:12px;margin-top:4px}.section{padding:80px 0;border-top:1px solid rgba(111,244,235,.12);position:relative}.section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(111,244,235,.025),transparent 16%),radial-gradient(circle at 88% 26%,rgba(111,244,235,.02),transparent 14%);pointer-events:none;opacity:.9}.section-heading{max-width:780px;margin-bottom:34px}.section-heading.split{max-width:none;display:flex;justify-content:space-between;gap:30px;align-items:end}.section h2,.cta h2{font-size:clamp(34px,5vw,60px)}.section-heading p:not(.eyebrow),.cta p{color:var(--muted);font-size:17px;line-height:1.65}.service-grid,.project-grid,.website-grid{display:grid;gap:18px}.service-grid{grid-template-columns:repeat(3,1fr)}.service-card,.project-card,.website-card{border:1px solid rgba(111,244,235,.17);background:linear-gradient(180deg,rgba(10,32,40,.88),rgba(4,15,20,.82));border-radius:28px;padding:26px;box-shadow:0 18px 54px rgba(0,0,0,.22);position:relative;overflow:hidden}.service-card:before,.project-card:before,.website-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(111,244,235,.025) 1px,transparent 1px),linear-gradient(rgba(111,244,235,.02) 1px,transparent 1px);background-size:22px 22px;opacity:.34;pointer-events:none}.project-card:before{background:radial-gradient(circle at top right,rgba(17,215,208,.18),transparent 34%),linear-gradient(90deg,rgba(111,244,235,.02) 1px,transparent 1px),linear-gradient(rgba(111,244,235,.015) 1px,transparent 1px);background-size:auto,22px 22px,22px 22px}.service-card:hover span{transform:translateY(-2px) scale(1.03);box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 0 34px rgba(17,215,208,.28),0 14px 34px rgba(0,0,0,.34)}.service-card span{display:grid;place-items:center;width:62px;height:62px;border:1px solid rgba(111,244,235,.34);border-radius:18px;color:var(--teal-soft);font-size:28px;font-weight:800;margin-bottom:22px;background:radial-gradient(circle at 35% 25%,rgba(111,244,235,.22),rgba(7,27,34,.88) 62%,rgba(3,12,16,.98) 100%);box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 0 26px rgba(17,215,208,.18),0 10px 26px rgba(0,0,0,.28);text-shadow:0 0 14px rgba(111,244,235,.4)}.service-card > *,.project-card > *,.website-card > *{position:relative}.service-card h3,.project-card h3,.website-card h3{margin:0 0 12px;color:#fff;font-size:22px}.service-card p,.project-card p,.website-card p{color:#9fb3b7;line-height:1.6;margin:0}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.filter{border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--muted);border-radius:999px;padding:11px 16px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.filter.active,.filter:hover{background:rgba(17,215,208,.14);color:var(--teal)}.project-grid{grid-template-columns:repeat(3,1fr)}.project-card{position:relative;overflow:hidden;min-height:254px;display:flex;flex-direction:column}.project-card>*{position:relative}.project-card .project-media{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(111,244,235,.18);background:linear-gradient(180deg,rgba(7,22,29,.92),rgba(4,13,18,.92));box-shadow:0 12px 32px rgba(0,0,0,.28);margin-bottom:18px;aspect-ratio:4/5}.project-card .project-media:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top center,rgba(17,215,208,.08),transparent 40%),linear-gradient(90deg,rgba(111,244,235,.03) 1px,transparent 1px),linear-gradient(rgba(111,244,235,.02) 1px,transparent 1px);background-size:auto,26px 26px,26px 26px;opacity:.9;pointer-events:none;z-index:1}.project-card .project-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}.project-card .project-body{display:flex;flex-direction:column;flex:1}.project-card .project-body a{margin-top:auto}.project-card.featured{border-color:rgba(17,215,208,.44);background:linear-gradient(180deg,rgba(11,43,50,.96),rgba(4,15,20,.86));box-shadow:0 0 0 1px rgba(111,244,235,.06) inset,0 20px 58px rgba(0,0,0,.3)}.project-card .tag{color:var(--teal);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.16em;margin-bottom:16px}.project-card a,.website-card a{margin-top:auto;display:inline-flex;color:var(--teal);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px;padding-top:22px}.project-card.is-hidden{display:none}.website-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.website-card{min-height:210px;display:flex;flex-direction:column}.website-card .website-media{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(111,244,235,.18);background:linear-gradient(180deg,rgba(7,22,29,.92),rgba(4,13,18,.92));box-shadow:0 12px 32px rgba(0,0,0,.28);margin-bottom:18px;aspect-ratio:4/3}.website-card .website-media:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top center,rgba(17,215,208,.08),transparent 40%),linear-gradient(90deg,rgba(111,244,235,.025) 1px,transparent 1px),linear-gradient(rgba(111,244,235,.02) 1px,transparent 1px);background-size:auto,26px 26px,26px 26px;opacity:.9;pointer-events:none;z-index:1}.website-card .website-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}.website-card .website-body{display:flex;flex-direction:column;flex:1}.website-card .website-body a{margin-top:auto}.graphics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.graphic-card{border:1px solid rgba(111,244,235,.17);background:linear-gradient(180deg,rgba(10,32,40,.88),rgba(4,15,20,.82));border-radius:30px;padding:18px;box-shadow:0 18px 54px rgba(0,0,0,.22);overflow:hidden;position:relative}.graphic-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(111,244,235,.02) 1px,transparent 1px),linear-gradient(rgba(111,244,235,.015) 1px,transparent 1px);background-size:24px 24px;opacity:.3;pointer-events:none}.graphic-card > *{position:relative}.graphic-frame{border:1px solid rgba(111,244,235,.14);border-radius:22px;overflow:hidden;background:linear-gradient(180deg,rgba(7,24,30,.84),rgba(3,12,17,.92));display:flex;align-items:center;justify-content:center;min-height:320px}.graphic-frame-dark{background:radial-gradient(circle at 50% 18%,rgba(17,215,208,.14),transparent 30%),linear-gradient(180deg,#07161c 0%,#030c10 100%)}.graphic-frame img{display:block;width:100%;height:100%;object-fit:contain}.graphic-copy{padding:18px 6px 4px}.graphic-copy .tag{color:var(--teal);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.16em;margin:0 0 12px}.graphic-copy h3{margin:0 0 10px;color:#fff;font-size:24px}.graphic-copy p:last-child{margin:0;color:#9fb3b7;line-height:1.6}.graphic-landscape .graphic-frame{min-height:250px}.graphic-character .graphic-frame{min-height:520px}.graphic-portrait .graphic-frame{min-height:620px}
.featured-grid,.process-grid{display:grid;gap:18px}
.featured-grid{grid-template-columns:repeat(3,1fr)}
.featured-card,.process-card,.cred-panel{border:1px solid rgba(111,244,235,.18);background:linear-gradient(180deg,rgba(10,32,40,.9),rgba(4,15,20,.82));border-radius:30px;padding:28px;box-shadow:0 18px 54px rgba(0,0,0,.24);position:relative;overflow:hidden}
.featured-card:before,.process-card:before,.cred-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(17,215,208,.14),transparent 36%),linear-gradient(90deg,rgba(111,244,235,.022) 1px,transparent 1px),linear-gradient(rgba(111,244,235,.018) 1px,transparent 1px);background-size:auto,24px 24px,24px 24px;opacity:.92;pointer-events:none}
.featured-card > *,.process-card > *,.cred-panel > *{position:relative}
.featured-card .tag,.website-card .tag{color:var(--teal);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.16em;margin:0 0 16px}
.featured-card h3,.process-card h3{margin:0 0 12px;color:#fff;font-size:24px}
.featured-card p,.process-card p,.cred-panel p:not(.eyebrow){color:#9fb3b7;line-height:1.65;margin:0}
.featured-card a{margin-top:22px;display:inline-flex;color:var(--teal);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.cred-panel{padding:42px;max-width:980px}
.cred-panel h2{margin:0;color:#fff;line-height:.96;letter-spacing:-.055em;font-size:clamp(34px,5vw,60px)}
.process-grid{grid-template-columns:repeat(4,1fr)}
.process-card span{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:16px;border:1px solid rgba(111,244,235,.3);color:var(--teal-soft);font-weight:900;margin-bottom:20px;background:rgba(17,215,208,.08);box-shadow:0 0 26px rgba(17,215,208,.12)}
.portfolio-group-label{grid-column:1/-1;margin:20px 0 4px;padding:22px 24px;border:1px solid rgba(111,244,235,.14);border-radius:24px;background:linear-gradient(135deg,rgba(17,215,208,.10),rgba(6,23,29,.58))}
.portfolio-group-label h3{margin:0;color:#fff;font-size:24px}
.portfolio-group-label.is-hidden{display:none}
.cta-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:30px}
.design-chip-row{display:flex;gap:10px;flex-wrap:wrap;margin:-12px 0 28px}
.design-chip-row span{display:inline-flex;padding:10px 14px;border:1px solid rgba(111,244,235,.2);border-radius:999px;color:var(--teal-soft);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:rgba(17,215,208,.06)}
.website-card .tag{margin-bottom:12px}
.cta{margin:70px 0 42px;text-align:center;border:1px solid var(--line);border-radius:36px;padding:56px 28px;background:radial-gradient(circle at 50% 0%,rgba(17,215,208,.22),transparent 42%),rgba(6,23,29,.7);box-shadow:var(--shadow)}.cta p{max-width:720px;margin:20px auto 30px}@media(max-width:920px){.hero,.section-heading.split{grid-template-columns:1fr;display:block}.hero{min-height:auto}.service-grid,.project-grid,.website-grid,.stats,.graphics-grid,.featured-grid,.process-grid{grid-template-columns:1fr 1fr}.nav{display:none}}@media(max-width:620px){.splash-enter-overlay{bottom:2.2vh}.splash-enter-text{font-size:11px;letter-spacing:.18em;padding:.6rem 1rem}.splash-flat-art{width:100vw;height:100vh;object-fit:contain}.site-shell{width:min(100% - 22px,1180px)}.topbar{top:10px;margin-top:10px;padding:10px 12px}.hero{padding-top:32px}.hero h1,.page-hero h1{font-size:48px}.service-grid,.project-grid,.website-grid,.stats,.featured-grid,.process-grid,.graphics-grid{grid-template-columns:1fr}.service-card,.project-card,.website-card,.featured-card,.process-card,.graphic-card{border-radius:22px;padding:22px}.cred-panel{padding:28px}.topbar{padding:14px 0}.brand-text{font-size:13px}.hero-art{border-radius:22px}.stats{padding-bottom:48px}}

/* Responsive scaling fix for portfolio images on phone-width screens */
@media(max-width:620px){
  .project-card .project-media,
  .website-card .website-media{
    width:100%;
    max-width:100%;
    overflow:hidden;
    margin-bottom:16px;
  }
  .project-card .project-media img,
  .website-card .website-media img{
    width:100%;
    height:100%;
    max-width:100%;
    display:block;
    object-fit:contain;
    object-position:center center;
  }
  .project-card .project-media,
  .website-card .website-media{
    background:linear-gradient(180deg,rgba(7,22,29,.96),rgba(4,13,18,.96));
  }
}


.graphics-showcase{display:grid;gap:26px;margin-top:34px}.graphic-collection{border:1px solid rgba(111,244,235,.17);background:linear-gradient(180deg,rgba(10,32,40,.88),rgba(4,15,20,.82));border-radius:30px;padding:24px;box-shadow:0 18px 54px rgba(0,0,0,.22);position:relative;overflow:hidden}.graphic-collection:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(111,244,235,.02) 1px,transparent 1px),linear-gradient(rgba(111,244,235,.015) 1px,transparent 1px);background-size:24px 24px;opacity:.3;pointer-events:none}.graphic-collection>*{position:relative}.collection-head{margin-bottom:18px;max-width:760px}.collection-head .tag{color:var(--teal);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.16em;margin:0 0 12px}.collection-head h3{margin:0 0 10px;color:#fff;font-size:30px;line-height:1.05}.collection-head p:last-child{margin:0;color:#9fb3b7;line-height:1.65}.collection-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.collection-item{grid-column:span 4;margin:0}.collection-item.wide{grid-column:span 6}.collection-item.tall{grid-column:span 4;grid-row:span 2}.collection-grid-single .collection-item,.collection-item.single-poster{grid-column:1 / -1;max-width:580px}.collection-media{border:1px solid rgba(111,244,235,.14);border-radius:22px;overflow:hidden;background:linear-gradient(180deg,rgba(7,24,30,.84),rgba(3,12,17,.92));box-shadow:0 12px 32px rgba(0,0,0,.22)}.collection-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.collection-item.tall .collection-media{aspect-ratio:4/5}.collection-item:not(.tall) .collection-media{aspect-ratio:4/3}.collection-item.single-poster .collection-media{aspect-ratio:2/3}.collection-item figcaption{padding:10px 4px 0;color:#9fb3b7;font-size:13px;line-height:1.45;font-weight:600}.collection-grid-gg .collection-item:nth-child(4) .collection-media,.collection-grid-gg .collection-item:nth-child(5) .collection-media,.collection-grid-topgun .collection-item .collection-media,.collection-grid-single .collection-item .collection-media{background:radial-gradient(circle at 50% 18%,rgba(17,215,208,.12),transparent 30%),linear-gradient(180deg,#07161c 0%,#030c10 100%)}
@media(max-width:920px){.graphics-showcase{gap:22px}.graphic-collection{padding:20px}.collection-grid{grid-template-columns:repeat(2,1fr)}.collection-item,.collection-item.wide,.collection-item.tall{grid-column:span 1;grid-row:auto}.collection-grid-single .collection-item,.collection-item.single-poster{grid-column:1 / -1;max-width:none}.collection-head h3{font-size:26px}}
@media(max-width:620px){.graphic-collection{padding:18px;border-radius:22px}.collection-grid{grid-template-columns:1fr}.collection-item,.collection-item.wide,.collection-item.tall,.collection-item.single-poster{grid-column:1 / -1;grid-row:auto}.collection-media,.collection-item.tall .collection-media,.collection-item:not(.tall) .collection-media,.collection-item.single-poster .collection-media{aspect-ratio:auto}.collection-media img{height:auto;object-fit:contain}.collection-head h3{font-size:24px}}


@media(max-width:620px){.design-chip-row{gap:8px}.design-chip-row span{font-size:11px;padding:9px 12px;line-height:1.2}.graphics-showcase{gap:18px}.graphic-copy h3{font-size:22px;line-height:1.08}.hero-actions .button,.cta-actions .button{width:100%}.graphic-frame,.collection-media{max-width:100%}img{max-width:100%;height:auto}}


.project-card[role="link"]{cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.project-card[role="link"]:hover{transform:translateY(-4px);border-color:rgba(111,244,235,.42);box-shadow:0 22px 64px rgba(0,0,0,.34),0 0 0 1px rgba(111,244,235,.08) inset}
.project-card[role="link"]:focus{outline:2px solid rgba(111,244,235,.75);outline-offset:4px}
.app-page-shell{padding-bottom:34px}.app-landing-hero{min-height:calc(100vh - 160px);display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding:74px 0 42px}.app-landing-copy h1{font-size:clamp(44px,7vw,86px);line-height:.9;letter-spacing:-.07em;margin:0 0 24px}.app-landing-media{border:1px solid rgba(111,244,235,.24);border-radius:34px;padding:18px;background:radial-gradient(circle at 50% 0%,rgba(17,215,208,.2),transparent 44%),linear-gradient(180deg,rgba(8,31,39,.92),rgba(4,13,18,.96));box-shadow:var(--shadow);overflow:hidden}.app-landing-media img{width:100%;height:auto;display:block;border-radius:24px;object-fit:contain}.app-panel{border:1px solid rgba(111,244,235,.17);background:linear-gradient(180deg,rgba(10,32,40,.88),rgba(4,15,20,.82));border-radius:30px;padding:34px;margin:22px 0;box-shadow:0 18px 54px rgba(0,0,0,.22);position:relative;overflow:hidden}.app-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(111,244,235,.02) 1px,transparent 1px),linear-gradient(rgba(111,244,235,.015) 1px,transparent 1px);background-size:24px 24px;opacity:.3;pointer-events:none}.app-panel>*{position:relative}.app-panel h2{font-size:clamp(30px,4vw,48px);margin:0 0 16px}.app-panel p{color:var(--muted);font-size:17px;line-height:1.75;margin:0}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0 0;padding:0;list-style:none}.feature-list li{border:1px solid rgba(111,244,235,.14);border-radius:18px;padding:16px 18px;color:#d9f4f2;background:rgba(255,255,255,.03);line-height:1.45}.site-footer{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px;padding:26px 0 42px}.site-footer a{color:var(--teal);font-weight:800}.privacy-content h1{font-size:clamp(42px,6vw,76px);line-height:.9;margin:0 0 18px}.privacy-content h2{font-size:28px;margin:32px 0 12px}.privacy-content p,.privacy-content li{color:var(--muted);line-height:1.7;font-size:16px}.privacy-content ul{padding-left:20px}.privacy-updated{color:var(--teal);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:12px}@media(max-width:820px){.app-landing-hero{grid-template-columns:1fr;min-height:auto;padding-top:42px}.feature-list{grid-template-columns:1fr}.app-panel{padding:24px;border-radius:24px}.app-landing-media{border-radius:26px;padding:12px}.app-landing-media img{border-radius:18px}}

.privacy-grid .project-card{min-height:220px}.privacy-grid .project-body{padding:0}.privacy-grid .project-card{padding:26px}.privacy-content .eyebrow{margin-top:6px}.privacy-content h1{max-width:980px}.privacy-content h2{margin-top:34px}

/* v32 mobile sizing fix for app landing pages */
@media(max-width:820px){
  .app-landing-media{
    width:min(100%, 320px);
    margin:0 auto;
  }
}

@media(max-width:620px){
  .app-landing-copy h1{
    font-size:clamp(38px,11vw,56px);
  }

  .app-landing-media{
    width:min(100%, 280px);
    margin:0 auto;
    padding:10px;
  }

  .app-landing-media img{
    border-radius:16px;
  }
}

/* v33 data deletion policy callout */
.privacy-deletion-section{
  border-color:rgba(255,145,43,.38);
  background:linear-gradient(180deg,rgba(41,24,10,.88),rgba(4,15,20,.86));
}
.privacy-deletion-section a{
  color:var(--orange);
  font-weight:900;
}
.privacy-deletion-section strong{
  color:#fff;
}

/* v34 read-only app landing page notice */
.read-only-app-note{
  border-color:rgba(255,145,43,.34);
  background:linear-gradient(180deg,rgba(41,24,10,.72),rgba(4,15,20,.86));
}
.read-only-app-note h2{
  color:#fff;
}
.read-only-app-note .eyebrow{
  color:var(--orange);
}

/* v35 Trouthooker PRO Stillwater Ecosystem page */
.ecosystem-page .ecosystem-hero .app-landing-copy h1{
  letter-spacing:-.075em;
}
.ecosystem-flow .ecosystem-steps{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
  margin-top:22px;
}
.ecosystem-steps article{
  border:1px solid rgba(111,244,235,.16);
  border-radius:22px;
  padding:20px;
  background:rgba(255,255,255,.035);
}
.ecosystem-steps span{
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(17,215,208,.12);
  border:1px solid rgba(111,244,235,.28);
  color:var(--teal);
  font-weight:900;
  margin-bottom:14px;
}
.ecosystem-steps h3{
  color:#fff;
  font-size:20px;
  margin:0 0 10px;
}
.ecosystem-steps p{
  font-size:14px;
  line-height:1.6;
}
.ecosystem-apps{
  display:block;
}
.ecosystem-app-card{
  display:grid;
  grid-template-columns:320px 1fr;
  gap:28px;
  align-items:center;
  border:1px solid rgba(111,244,235,.17);
  border-radius:28px;
  padding:22px;
  background:linear-gradient(180deg,rgba(5,28,31,.82),rgba(4,15,20,.78));
  margin:24px 0;
  box-shadow:0 18px 54px rgba(0,0,0,.18);
}
.ecosystem-app-image{
  border:1px solid rgba(111,244,235,.18);
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(7,22,29,.92),rgba(4,13,18,.92));
  aspect-ratio:4/5;
}
.ecosystem-app-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.ecosystem-app-copy .tag{
  color:var(--teal);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.16em;
  margin:0 0 12px;
}
.ecosystem-app-copy h3{
  color:#fff;
  font-size:clamp(28px,4vw,46px);
  line-height:1;
  letter-spacing:-.055em;
  margin:0 0 14px;
}
.ecosystem-feature-list{
  grid-template-columns:repeat(2,1fr);
  margin-top:18px;
}
.project-card.ecosystem-card:before{
  background:radial-gradient(circle at top right,rgba(255,145,43,.2),transparent 34%),linear-gradient(90deg,rgba(111,244,235,.02) 1px,transparent 1px),linear-gradient(rgba(111,244,235,.015) 1px,transparent 1px);
}
@media(max-width:920px){
  .ecosystem-flow .ecosystem-steps{
    grid-template-columns:1fr 1fr;
  }
  .ecosystem-app-card{
    grid-template-columns:1fr;
  }
  .ecosystem-app-image{
    width:min(100%,320px);
    margin:0 auto;
  }
}
@media(max-width:620px){
  .ecosystem-flow .ecosystem-steps{
    grid-template-columns:1fr;
  }
  .ecosystem-app-card{
    padding:18px;
    border-radius:22px;
  }
  .ecosystem-app-image{
    width:min(100%,260px);
  }
  .ecosystem-feature-list{
    grid-template-columns:1fr;
  }
}

/* v39 app page disclaimer blocks */
.disclaimer-panel{
  border-color:rgba(255,145,43,.32);
  background:linear-gradient(180deg,rgba(47,28,11,.72),rgba(4,15,20,.86));
}
.disclaimer-panel h2{
  color:#fff;
}
.disclaimer-panel .eyebrow{
  color:var(--orange);
}

/* v45 featured Trouthooker trolling page */
.trolling-feature-page .trolling-hero .app-landing-copy h1{
  letter-spacing:-.07em;
}
.google-play-badge-link{
  display:inline-flex;
  align-items:center;
  margin-top:18px;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(111,244,235,.18);
  background:rgba(255,255,255,.04);
}
.google-play-badge-link img{
  display:block;
  width:min(250px,70vw);
  height:auto;
}
.app-screenshot-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
  margin-top:22px;
}
.app-screenshot-grid img{
  width:100%;
  height:420px;
  object-fit:cover;
  object-position:top center;
  border-radius:22px;
  border:1px solid rgba(111,244,235,.18);
  box-shadow:0 18px 54px rgba(0,0,0,.24);
  background:#07141a;
}
@media(max-width:1100px){
  .app-screenshot-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:720px){
  .app-screenshot-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .app-screenshot-grid img{
    height:360px;
  }
}
@media(max-width:460px){
  .app-screenshot-grid{
    grid-template-columns:1fr;
  }
  .app-screenshot-grid img{
    height:auto;
  }
}


/* v49 responsive app page sizing fixes */
.app-landing-hero{
  align-items:center;
}
.app-landing-media{
  width:min(100%, 360px);
  margin-left:auto;
}
.app-landing-media img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
}
.google-play-badge-link{
  display:inline-flex !important;
  width:min(100%, 250px) !important;
  max-width:250px !important;
  padding:0 !important;
  margin-top:18px;
  overflow:hidden;
}
.google-play-badge-link img{
  display:block !important;
  width:100% !important;
  max-width:250px !important;
  height:auto !important;
}
.app-screenshot-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:16px;
  justify-items:center;
  align-items:start;
}
.app-screenshot-grid img{
  display:block;
  width:100%;
  max-width:240px;
  height:auto;
  aspect-ratio:9 / 19.5;
  object-fit:cover;
  object-position:top center;
}
@media (max-width: 1024px){
  .app-landing-media{
    width:min(100%, 320px);
  }
  .app-screenshot-grid{
    grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  }
  .app-screenshot-grid img{
    max-width:220px;
  }
}
@media (max-width: 820px){
  .app-landing-copy{
    text-align:left;
  }
  .app-landing-media{
    width:min(100%, 320px);
    margin:0 auto;
  }
}
@media (max-width: 620px){
  .google-play-badge-link{
    width:min(100%, 220px) !important;
    max-width:220px !important;
  }
  .google-play-badge-link img{
    max-width:220px !important;
  }
  .app-screenshot-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }
  .app-screenshot-grid img{
    max-width:100%;
  }
}
@media (max-width: 460px){
  .app-panel{
    padding:20px;
  }
  .app-panel h2{
    font-size:clamp(26px,8vw,36px);
    line-height:1.04;
  }
  .app-panel p{
    font-size:16px;
  }
  .app-landing-copy h1{
    font-size:clamp(34px,10vw,48px);
  }
  .app-landing-media{
    width:min(100%, 280px);
    padding:10px;
  }
  .google-play-badge-link{
    width:min(100%, 200px) !important;
    max-width:200px !important;
  }
  .google-play-badge-link img{
    max-width:200px !important;
  }
  .app-screenshot-grid{
    grid-template-columns:1fr;
  }
  .app-screenshot-grid img{
    max-width:280px;
  }
}