/* ============================================================
   iCHARLES V5.3 — CONSOLIDATED IKO PRODUCTION SYSTEM
   Locked Iko identity unchanged. V5.1 + V5.2 final rules merged.
   ============================================================ */
:root{
  --iko-bg-0:#05060a;
  --iko-bg-1:#080b12;
  --iko-bg-2:#0d1020;
  --iko-white:#f5f7ff;
  --iko-muted:#a8b0c7;
  --iko-cyan:#00efff;
  --iko-blue:#087bff;
  --iko-deep-blue:#3156ff;
  --iko-violet:#8b5cff;
  --iko-magenta:#ff18d8;
  --iko-red:#ff2938;
  --iko-amber:#ff9d1c;
  --iko-green:#35e58a;
  --iko-line:rgba(151,183,226,.22);
  --iko-panel:rgba(5,10,18,.82);
}

html{background:var(--iko-bg-0)!important}
body{background:transparent!important;isolation:isolate}

.v4-hero-network,
.v4-signal-field,
.cp1-global-layer,
.cp1-hero-art,
.cp1-art-break,
.cp2-art,
.cp2-divider,
.cp2-radar-small,
.cp2-hex-small,
.cp2-app-pedestal,
.cp2-card-circuit,
.cp2-case-ornaments,
.cp3-art,
.cp3-wizard-frame,
.cp3-wizard-prism,
.cp3-step-flow,
.cp4-art,
.cp4-trace-wrap,
.cp4-identity-core,
.cp4-terminal-array,
#world-grid{
  display:none!important;
}

.iko-v5-atmosphere{
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  overflow:hidden;
  background:var(--iko-bg-0);
}
.iko-v5-atmosphere>img{
  position:absolute;
  inset:-2%;
  width:104%;
  height:104%;
  object-fit:cover;
  opacity:.19;
  filter:saturate(.88) contrast(1.08) brightness(.75);
  transform:scale(1.025);
}
.iko-v5-atmosphere::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:
    radial-gradient(circle at 72% 30%,transparent 0 14%,rgba(5,6,10,.22) 46%,rgba(5,6,10,.82) 100%),
    linear-gradient(90deg,rgba(5,6,10,.92),rgba(5,6,10,.56) 44%,rgba(5,6,10,.72));
}
.iko-v5-atmosphere::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  opacity:.34;
  background:
    linear-gradient(rgba(0,239,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,24,216,.014) 1px,transparent 1px);
  background-size:80px 80px;
  mask-image:linear-gradient(to bottom,transparent,black 20%,black 78%,transparent);
}

.brand img,
.v423-panel-brand img{
  object-fit:contain!important;
  filter:drop-shadow(0 0 10px rgba(0,239,255,.13))
         drop-shadow(0 0 12px rgba(255,24,216,.10));
}
.v423-header-left .brand img{width:48px!important;height:48px!important}
.v423-panel-brand img{width:58px!important;height:58px!important}

.clarity-core.iko-v5-home-core{
  isolation:isolate;
  overflow:visible;
}
.clarity-core.iko-v5-home-core .core-ring,
.clarity-core.iko-v5-home-core .core-scan,
.clarity-core.iko-v5-home-core .core-halo{
  display:none!important;
}
.iko-v5-core-orbit{
  position:absolute;
  width:min(47vw,620px);
  aspect-ratio:1;
  left:50%;
  top:48%;
  transform:translate(-50%,-50%);
  opacity:.60;
  mix-blend-mode:screen;
  z-index:0;
  pointer-events:none;
}
.iko-v5-core-logo{
  position:absolute;
  width:min(43vw,560px);
  aspect-ratio:1;
  left:50%;
  top:46%;
  transform:translate(-50%,-50%);
  object-fit:contain;
  z-index:2;
  filter:drop-shadow(0 18px 42px rgba(0,0,0,.62))
         drop-shadow(-7px 0 20px rgba(0,239,255,.14))
         drop-shadow(7px 0 20px rgba(255,24,216,.12));
  pointer-events:none;
}
.iko-v5-core-rail{
  position:absolute;
  width:min(62vw,820px);
  max-width:92%;
  left:50%;
  top:74%;
  transform:translateX(-50%);
  opacity:.42;
  z-index:1;
  mix-blend-mode:screen;
  pointer-events:none;
}
.clarity-core.iko-v5-home-core .core-logo{
  opacity:0!important;
  pointer-events:none!important;
}
.clarity-core.iko-v5-home-core .clarity-core-label,
.clarity-core.iko-v5-home-core .clarity-core-tags,
.clarity-core.iko-v5-home-core .core-app-chip{
  position:relative;
  z-index:4;
}

.iko-v5-page-mark{
  position:absolute;
  right:clamp(18px,5vw,76px);
  top:50%;
  width:clamp(110px,17vw,230px);
  aspect-ratio:1;
  transform:translateY(-50%);
  opacity:.34;
  pointer-events:none;
  z-index:0;
  filter:drop-shadow(0 0 30px rgba(0,239,255,.08));
}
main>.hero>.wrap,
main>.hero>*:not(.iko-v5-page-mark),
.try-hero>*:not(.iko-v5-page-mark),
.studio-intro>*:not(.iko-v5-page-mark){
  position:relative;
  z-index:1;
}

@keyframes iko-v5-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes iko-v5-rail{
  0%,100%{opacity:.26;filter:brightness(.82)}
  50%{opacity:.52;filter:brightness(1.14)}
}
@keyframes iko-v5-mark-float{
  0%,100%{transform:translateY(calc(-50% - 4px))}
  50%{transform:translateY(calc(-50% + 6px))}
}
@keyframes iko-v5-scan{
  0%{transform:translateY(-120%);opacity:0}
  10%{opacity:.44}
  76%{opacity:.13}
  100%{transform:translateY(120%);opacity:0}
}
.iko-v5-core-orbit{animation:iko-v5-spin 36s linear infinite}
.iko-v5-core-rail{animation:iko-v5-rail 5.4s ease-in-out infinite}
.iko-v5-page-mark{animation:iko-v5-mark-float 8.5s ease-in-out infinite}
.iko-v5-scan-surface{position:relative;overflow:hidden}
.iko-v5-scan-surface::after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:26%;
  pointer-events:none;
  z-index:7;
  background:linear-gradient(180deg,transparent,rgba(0,239,255,.045),rgba(255,24,216,.024),transparent);
  mix-blend-mode:screen;
  animation:iko-v5-scan 8s linear infinite;
}

.iko-v5-effects{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 10px;
  border:1px solid rgba(142,177,220,.24);
  background:rgba(5,10,18,.78);
  color:#b9c7d8;
  font:700 9px/1 "Space Mono",monospace;
  letter-spacing:.045em;
  cursor:pointer;
}
.iko-v5-effects i{
  width:6px;height:6px;border-radius:50%;
  background:var(--iko-cyan);
  box-shadow:0 0 10px rgba(0,239,255,.48);
}
.iko-v5-effects[aria-pressed="false"] i{
  background:#6f7888;
  box-shadow:none;
}
.v423-panel .iko-v5-effects{
  width:100%;
  justify-content:space-between;
  margin-top:12px;
  min-height:42px;
}

.primary-btn,
.clarity-primary,
.v45-value-cta a,
.case-try-demo,
.v48-form-actions button{
  background:linear-gradient(135deg,rgba(5,15,25,.98),rgba(7,30,44,.97),rgba(29,16,57,.97))!important;
  border-color:rgba(0,239,255,.38)!important;
  color:var(--iko-white)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,24,216,.035)!important;
}
.primary-btn:hover,
.clarity-primary:hover,
.v45-value-cta a:hover,
.case-try-demo:hover,
.v48-form-actions button:hover{
  border-color:rgba(0,239,255,.66)!important;
  box-shadow:0 17px 42px rgba(0,0,0,.30),0 0 24px rgba(0,239,255,.075)!important;
}

.iko-v5-energy-node{
  background:var(--iko-amber)!important;
  box-shadow:0 0 13px rgba(255,157,28,.46)!important;
}
.iko-v5-error{color:var(--iko-red)!important}
.iko-v5-warning{color:var(--iko-amber)!important}

.page-transition{
  background:
    radial-gradient(circle at center,rgba(8,13,23,.78),rgba(5,6,10,.98))!important;
}
.page-transition::after{
  content:"";
  position:absolute;
  width:min(42vw,320px);
  aspect-ratio:1;
  left:50%;top:50%;
  transform:translate(-50%,-50%) scale(.88);
  background:url("/assets/iko-prime/identity/iko-prime-logo-256.webp") center/contain no-repeat;
  opacity:0;
  filter:drop-shadow(0 0 30px rgba(0,239,255,.16));
  transition:opacity .18s ease,transform .28s ease;
}
.page-transition.active::after{
  opacity:.82;
  transform:translate(-50%,-50%) scale(1);
}

.fx-boot-box::before{
  content:"";
  display:block;
  width:72px;height:72px;
  margin:0 auto 14px;
  background:url("/assets/iko-prime/identity/iko-prime-logo-128.png") center/contain no-repeat;
  filter:drop-shadow(0 0 16px rgba(0,239,255,.14));
}

html[data-iko-effects="off"] .iko-v5-core-orbit,
html[data-iko-effects="off"] .iko-v5-core-rail,
html[data-iko-effects="off"] .iko-v5-page-mark,
html[data-iko-effects="off"] .iko-v5-scan-surface::after{
  animation:none!important;
}
html[data-iko-effects="off"] [data-iko-parallax]{
  translate:none!important;
}
html[data-iko-effects="off"] .iko-v5-atmosphere>img{
  transform:none!important;
}

@media(max-width:900px){
  .iko-v5-atmosphere>img{opacity:.13}
  .iko-v5-core-orbit{width:min(88vw,540px)}
  .iko-v5-core-logo{width:min(78vw,480px)}
  .iko-v5-core-rail{width:min(96vw,720px)}
  .iko-v5-page-mark{
    width:clamp(90px,27vw,160px);
    right:8px;
    opacity:.20;
  }
}
@media(max-width:620px){
  .iko-v5-atmosphere>img{opacity:.10}
  .iko-v5-page-mark{opacity:.15}
  .v423-header-left .brand img{width:36px!important;height:36px!important}
}
@media(prefers-reduced-motion:reduce){
  .iko-v5-core-orbit,
  .iko-v5-core-rail,
  .iko-v5-page-mark,
  .iko-v5-scan-surface::after{
    animation:none!important;
  }
  [data-iko-parallax]{translate:none!important}
}

/* ===== V5.1 FINAL TRANSPARENT IDENTITY OVERRIDES ===== */
/* ============================================================
   iCHARLES V5.1 — TRANSPARENT IKO IDENTITY FIX
   Final realistic Iko source; transparent overlays only.
   ============================================================ */

.iko-v5-core-logo,
.brand img,
.v423-panel-brand img,
.iko-v5-page-mark{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.iko-v5-core-logo{
  width:min(43vw,560px)!important;
  height:auto!important;
  aspect-ratio:auto!important;
  top:46%!important;
  object-fit:contain!important;
  filter:
    drop-shadow(0 24px 52px rgba(0,0,0,.62))
    drop-shadow(-10px 0 24px rgba(0,239,255,.15))
    drop-shadow(10px 0 24px rgba(255,24,216,.13))!important;
}
.iko-v5-core-orbit{
  width:min(47vw,620px)!important;
  opacity:.48!important;
}
.iko-v5-core-rail{
  width:min(62vw,820px)!important;
  top:74%!important;
  opacity:.34!important;
}
.clarity-core.iko-v5-home-core,
.iko-v5-scan-surface.clarity-core{
  overflow:visible!important;
}

.v423-header-left .brand img{
  width:48px!important;
  height:48px!important;
}
.v423-panel-brand img{
  width:58px!important;
  height:58px!important;
}

.iko-v5-page-mark{
  width:clamp(145px,20vw,285px)!important;
  opacity:.32!important;
  object-fit:contain!important;
}

.iko-v5-core-orbit,
.iko-v5-core-rail,
.iko-v5-page-mark{
  background:transparent!important;
}

.page-transition::after{
  width:min(52vw,410px)!important;
  background-image:url("/assets/iko-prime/identity/iko-prime-logo-512.webp")!important;
}

.iko-v5-energy-node{
  width:6px!important;
  height:6px!important;
}

@media(max-width:900px){
  .iko-v5-core-logo{
    width:min(78vw,480px)!important;
    top:45%!important;
  }
  .iko-v5-core-orbit{width:min(88vw,540px)!important}
  .iko-v5-core-rail{width:min(96vw,720px)!important}
  .iko-v5-page-mark{width:clamp(120px,32vw,210px)!important}
}
@media(max-width:620px){
  .iko-v5-core-logo{width:min(88vw,430px)!important}
  .v423-header-left .brand img{width:40px!important;height:40px!important}
  .v423-panel-brand img{width:52px!important;height:52px!important}
}

/* ===== V5.2 FINAL HIGH-RESOLUTION OVERRIDES ===== */
/* ============================================================
   iCHARLES V5.2 — HIGH-RES VISUAL POLISH
   The locked Iko main logo is unchanged.
   ============================================================ */

img[src*="/assets/iko-prime/"]{
  image-rendering:auto!important;
  -ms-interpolation-mode:bicubic;
}

/* Header identity: large enough to read as a real identity, not a favicon. */
header .brand{
  align-items:center!important;
}
header .brand img,
.v423-header-left .brand img{
  width:56px!important;
  height:56px!important;
  flex:0 0 56px!important;
  object-fit:contain!important;
  background:transparent!important;
}
.v423-panel-brand img{
  width:64px!important;
  height:64px!important;
}

/* Keep Charles Lioc visually aligned with the stronger Iko emblem. */
.v423-header-left .brand,
header .brand{
  gap:12px!important;
}
header .brand strong,
.v423-header-left .brand strong{
  line-height:1!important;
}

/* Main Iko keeps the large authority the user approved, but sits a little higher
   so the lower app/status UI has breathing room. */
.iko-v5-core-logo{
  width:min(44vw,590px)!important;
  top:43.5%!important;
  height:auto!important;
  aspect-ratio:auto!important;
}
.iko-v5-core-orbit{
  width:min(48vw,640px)!important;
  top:46%!important;
}
.iko-v5-core-rail{
  top:76%!important;
}

/* Large non-home identity artwork should never be fed a small derivative. */
.hero-logo,
.identity-core img,
.live-orbit-core img{
  image-rendering:auto!important;
  backface-visibility:hidden;
}

/* Keep tiny internal labels legible or let the art win instead of looking fuzzy. */
.clarity-core-tags span,
.core-app-chip,
.live-orbit-core span{
  text-rendering:geometricPrecision;
}

/* Never create a square surface behind transparent Iko artwork. */
.iko-v5-core-logo,
.iko-v5-page-mark,
.hero-logo,
.identity-core img,
.live-orbit-core img{
  background:transparent!important;
  border-radius:0!important;
}

/* On smaller displays, keep the header logo clear without crowding navigation. */
@media(max-width:1279px){
  header .brand img,
  .v423-header-left .brand img{
    width:52px!important;
    height:52px!important;
    flex-basis:52px!important;
  }
}
@media(max-width:620px){
  header .brand img,
  .v423-header-left .brand img{
    width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
  }
  .iko-v5-core-logo{
    width:min(90vw,500px)!important;
    top:43%!important;
  }
  .iko-v5-core-orbit{width:min(96vw,560px)!important}
}
/* ============================================================
   iCHARLES V5.4 — FINAL VISUAL QA
   Screenshot-driven correction pass. Locked Iko is unchanged.
   ============================================================ */

/* TRY APPS
   The page already owns a native orbital Iko composition. Do not visually
   compete with it, and give the native identity enough size to stay crisp. */
.live-app-hero>.iko-v5-page-mark{
  display:none!important;
}
.live-orbit{
  overflow:visible!important;
}
.live-orbit-core{
  width:260px!important;
  height:260px!important;
  background:
    radial-gradient(circle,rgba(0,239,255,.07),rgba(7,10,16,.54) 61%,transparent 72%)!important;
  box-shadow:
    0 0 70px rgba(0,239,255,.07),
    0 0 70px rgba(255,24,216,.045)!important;
}
.live-orbit-core img{
  width:210px!important;
  height:210px!important;
  object-fit:contain!important;
  image-rendering:auto!important;
  background:transparent!important;
  filter:
    drop-shadow(0 16px 30px rgba(0,0,0,.45))
    drop-shadow(-5px 0 16px rgba(0,239,255,.10))
    drop-shadow(5px 0 16px rgba(255,24,216,.09))!important;
}
.live-orbit-core span{
  margin-top:-13px!important;
  position:relative;
  z-index:3;
}
.live-orbit-app{
  background:rgba(5,9,16,.90)!important;
  border-color:rgba(135,170,218,.25)!important;
}

/* PORTFOLIO
   Restore the first screen to one intentional two-column composition:
   copy on the left, Iko on the right. This removes the huge empty first-screen
   area and prevents the visual from dropping into a second row. */
.site-header + main .hero{
  grid-template-columns:minmax(0,.94fr) minmax(470px,1.06fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  gap:clamp(38px,5vw,84px)!important;
  align-items:center!important;
  min-height:calc(100vh - 86px)!important;
  padding:56px 0 82px!important;
}
.site-header + main .hero .hero-copy{
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:stretch!important;
  transform:none!important;
  margin:0!important;
}
.site-header + main .hero .hero-visual{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:stretch!important;
  min-height:610px!important;
  transform:none!important;
}
.site-header + main .hero>.iko-v5-page-mark{
  display:none!important;
}

/* Keep HUD labels completely inside the visual. The previous -1% left offset
   visibly cropped BUILD / IMPROVE / CREATE in the supplied screenshot. */
.site-header + main .hero .hud-side{
  left:5%!important;
  top:42%!important;
}
.site-header + main .hero .hud-top{
  right:5%!important;
  top:14%!important;
}
.site-header + main .hero .hud-bottom{
  right:7%!important;
  bottom:9%!important;
}

/* Preserve sharpness: do not enlarge compact derivatives on large visual roles. */
.site-header + main .hero .hero-logo,
.identity-core img{
  image-rendering:auto!important;
  backface-visibility:hidden!important;
}

/* The generated atmosphere is intentionally soft/dark; foreground Iko artwork
   stays optically sharper so it never reads as low-resolution. */
.iko-v5-atmosphere>img{
  filter:saturate(.88) contrast(1.08) brightness(.74)!important;
}
.iko-v5-core-logo,
.hero-logo,
.live-orbit-core img,
.identity-core img{
  filter:
    drop-shadow(0 18px 38px rgba(0,0,0,.48))
    drop-shadow(-5px 0 16px rgba(0,239,255,.09))
    drop-shadow(5px 0 16px rgba(255,24,216,.08));
}

@media(max-width:1050px){
  .site-header + main .hero{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    gap:20px!important;
    padding-top:44px!important;
  }
  .site-header + main .hero .hero-copy{
    grid-column:1!important;
    grid-row:1!important;
  }
  .site-header + main .hero .hero-visual{
    grid-column:1!important;
    grid-row:2!important;
    min-height:520px!important;
  }
  .site-header + main .hero .hud-side{
    left:8%!important;
  }
}

@media(max-width:720px){
  .live-orbit-core{
    width:182px!important;
    height:182px!important;
  }
  .live-orbit-core img{
    width:142px!important;
    height:142px!important;
  }
  .site-header + main .hero .hero-visual{
    min-height:430px!important;
  }
}

/* END V5.4 FINAL VISUAL QA */
/* ============================================================
   iCHARLES V5.5 — REST OF SITE FINAL POLISH
   Source-driven final pass for remaining pages.
   Locked Iko identity unchanged. No new graphics.
   ============================================================ */

/* SERVICES — preserve commercial clarity, remove desktop microtext. */
.v45-services-hero p{
  font-size:18px!important;
  color:#a8b4c6!important;
}
.v45-button{
  font-size:11.5px!important;
  min-height:54px!important;
}
.v45-hero-proof::before,
.v45-proof-line span{
  font-size:10px!important;
}
.v45-proof-line strong{
  font-size:14px!important;
  line-height:1.45!important;
}
.v45-service-copy p{
  font-size:15px!important;
}
.v45-get>strong{
  font-size:11px!important;
}
.v45-get li{
  font-size:14px!important;
  line-height:1.5!important;
}
.v45-process strong{
  font-size:15px!important;
}
.v45-process p{
  font-size:13px!important;
}
.v45-evidence p,
.v45-section-head p{
  font-size:15px!important;
}
.v45-faq summary{
  font-size:15px!important;
}
.v45-faq p{
  font-size:15px!important;
  line-height:1.7!important;
}

/* ABOUT — this page had the most obvious desktop microtext. */
.identity-top{
  font-size:9px!important;
}
.identity-bottom small{
  font-size:9px!important;
}
.identity-bottom strong{
  font-size:19px!important;
  line-height:1.35!important;
}
.story span{
  font-size:9px!important;
}
.story p{
  font-size:16px!important;
  color:#9aa6ba!important;
  line-height:1.72!important;
}
.pill-row i{
  font-size:9px!important;
  padding:8px 10px!important;
}
.principle b{
  font-size:9px!important;
}
.principle strong{
  font-size:16px!important;
}
.principle p{
  font-size:13px!important;
  color:#909cb0!important;
}
.identity-core img{
  width:min(420px,76%)!important;
}

/* CONTACT — make the practical contact information easy to scan. */
.contact-copy p{
  font-size:16px!important;
  color:#9ca8ba!important;
}
.contact-note{
  font-size:10px!important;
  line-height:1.65!important;
}
.terminal-top,
.terminal-foot{
  font-size:9px!important;
}
.line small{
  font-size:9px!important;
}
.line strong{
  font-size:11px!important;
  line-height:1.45!important;
}
.contact-status{
  font-size:10px!important;
}
.v48-project-form>span{
  font-size:10px!important;
}
.v48-project-form h3{
  font-size:clamp(28px,3vw,40px)!important;
}
.v48-project-form p{
  font-size:15px!important;
  line-height:1.65!important;
}
.v48-project-form label{
  font-size:10px!important;
}
.v48-project-form input,
.v48-project-form select,
.v48-project-form textarea{
  font-size:15px!important;
  min-height:50px!important;
}

/* WEBSITE STUDIO — keep choices glanceable without tiny labels. */
.studio-intro-map>small{
  font-size:11px!important;
}
.wizard-topbar span{
  font-size:11px!important;
}
.text-button{
  font-size:11px!important;
}
.type-choice-grid em{
  font-size:10px!important;
}
.theme-choice-grid label>small{
  font-size:12px!important;
}
.palette-option span{
  font-size:10px!important;
}
.advanced-control>strong{
  font-size:11px!important;
}
.segmented span{
  font-size:11px!important;
}
.custom-colors label{
  font-size:10px!important;
}
.request-summary span{
  font-size:11px!important;
}
.choice-action{
  font-size:10px!important;
}
.studio-intro>.iko-v5-page-mark{
  opacity:.16!important;
  width:clamp(135px,16vw,220px)!important;
}

/* PRIVACY — clear legal/project information without tiny buttons. */
.privacy-grid small{
  font-size:10px!important;
}
.privacy-actions a{
  font-size:11px!important;
  min-height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
}
.privacy-note{
  font-size:15px!important;
}

/* WEBSITE REQUEST SENT — confirmation should be easy to understand at a glance. */
.sent-box .status{
  font-size:10px!important;
}
.sent-box .request-code{
  font-size:10px!important;
}
.sent-box .next-grid small{
  font-size:9px!important;
}
.sent-box .next-grid strong{
  font-size:14px!important;
}
.sent-box .next-grid p{
  font-size:13px!important;
}
.sent-box .sent-actions a{
  font-size:11px!important;
  min-height:46px!important;
  display:inline-flex!important;
  align-items:center!important;
}

/* GENERAL PROJECT SENT */
.v48-sent-status{
  font-size:10px!important;
}
.v48-sent-box p{
  font-size:16px!important;
  line-height:1.7!important;
}
.v48-sent-actions a{
  font-size:11px!important;
  min-height:46px!important;
}

/* CASE STUDIES — project information is content, not decorative microtext. */
main#case-main .kicker,
main#case-main .label{
  font-size:10px!important;
}
main#case-main .fact small{
  font-size:9px!important;
}
main#case-main .fact strong{
  font-size:14px!important;
}
main#case-main .copy p{
  font-size:16px!important;
  color:#9da8ba!important;
}
main#case-main .tag{
  font-size:9px!important;
}
main#case-main .next{
  font-size:10px!important;
}
main#case-main .case-try-demo span{
  font-size:11px!important;
}
main#case-main .case-try-demo small{
  font-size:9px!important;
}

/* Case studies own their product identity; a second Iko page mark is redundant. */
main#case-main>.hero>.iko-v5-page-mark{
  display:none!important;
}

/* Mobile: preserve the larger desktop readability without making controls huge. */
@media(max-width:900px){
  .v45-services-hero{
    grid-template-columns:1fr!important;
    gap:28px!important;
    padding-top:58px!important;
  }
  .v45-service{
    grid-template-columns:1fr!important;
  }
  .v45-get{
    border-left:0!important;
    border-top:1px solid rgba(126,158,203,.13)!important;
    padding:22px 0 0!important;
  }
  .about-layout,
  .contact-layout{
    gap:34px!important;
  }
}
@media(max-width:620px){
  .story p,
  .contact-copy p,
  .v48-project-form p,
  main#case-main .copy p{
    font-size:15px!important;
  }
  .studio-intro>.iko-v5-page-mark{
    opacity:.10!important;
  }
}

/* END V5.5 REST OF SITE FINAL POLISH */