/* Code-native website specimen. The supplied logo files remain unchanged. */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
body { margin: 0; background: var(--pod-black); color: var(--pod-white); font-family: var(--pod-font-body); font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
button, input, textarea { font: inherit; }
button, a, input, textarea { -webkit-tap-highlight-color: transparent; }
button, a { touch-action: manipulation; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
img, svg { display: block; max-width: 100%; }
button { cursor: pointer; }
::selection { background: var(--pod-red); color: white; }
:focus-visible { outline: 2px solid var(--pod-white); outline-offset: 5px; }
[hidden] { display: none !important; }
.skip-link { position: fixed; left: 20px; top: -100px; z-index: 100; padding: 12px 20px; background: var(--pod-white); color: var(--pod-black); }
.skip-link:focus { top: 16px; }
.shell { width: min(100% - var(--pod-gutter) * 2, var(--pod-width-content)); margin-inline: auto; }
.eyebrow { margin: 0 0 22px; color: var(--pod-silver); font-size: 10px; font-weight: 700; line-height: 1.7; letter-spacing: .25em; text-transform: uppercase; }
.eyebrow.line::before { content: ""; display: inline-block; width: 30px; height: 2px; background: var(--pod-red); margin-right: 14px; vertical-align: middle; }
.display { font-family: var(--pod-font-display); font-weight: 900; line-height: .98; letter-spacing: -.025em; text-transform: uppercase; }
.section-title { margin: 0; font-size: clamp(38px, 4.5vw, 64px); }
.muted { color: var(--pod-muted); }
.red { color: var(--pod-red); }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; clip: rect(0,0,0,0); overflow: hidden; white-space: nowrap; border: 0; }
.site-header { position: relative; z-index: 10; border-bottom: 1px solid var(--pod-border-soft); background: #08090af2; }
.header-inner { min-height: 102px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand-link { display: inline-flex; align-items: center; flex-shrink: 0; padding: 14px 0; }
.brand-link img { width: 236px; height: 58px; object-fit: contain; object-position: left center; }
.desktop-nav { display: flex; align-items: center; gap: 32px; }
.desktop-nav > a:not(.button) { color: var(--pod-silver); font-size: 14px; font-weight: 600; position: relative; padding-block: 12px; }
.desktop-nav > a:not(.button)::after { content: ""; position: absolute; height: 2px; background: var(--pod-red); left: 0; right: 100%; bottom: 5px; transition: right var(--pod-duration) var(--pod-ease); }
.desktop-nav > a:hover::after, .desktop-nav > a:focus-visible::after { right: 0; }
.desktop-nav > a:hover { color: var(--pod-white); }
.button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; padding: 13px 25px; background: var(--pod-red); border: 1px solid var(--pod-red); border-radius: var(--pod-radius-pill); color: #fff; font-size: 14px; font-weight: 700; line-height: 1.4; transition: background var(--pod-duration) var(--pod-ease), border-color var(--pod-duration) var(--pod-ease), transform var(--pod-duration) var(--pod-ease); }
.button svg { width: 17px; height: 17px; flex: 0 0 auto; }
.button:hover { background: var(--pod-red-deep); border-color: var(--pod-red-deep); }
.button:active { transform: translateY(1px); }
.button.secondary { background: transparent; border-color: #777c82; color: var(--pod-white); }
.button.secondary:hover { border-color: var(--pod-white); background: #ffffff0b; }
.button.small { min-height: 44px; padding: 11px 22px; font-size: 14px; }
.button:disabled, .button[aria-disabled="true"] { opacity: .42; cursor: not-allowed; transform: none; }
.menu-toggle { display: none; width: 46px; height: 46px; background: transparent; border: 1px solid var(--pod-border); border-radius: var(--pod-radius-sm); padding: 12px; }
.menu-toggle span { display: block; width: 100%; height: 1px; margin: 5px 0; background: var(--pod-white); }
.hero { position: relative; min-height: 690px; overflow: hidden; isolation: isolate; }
.hero::before { content: ""; position: absolute; z-index: -3; inset: 0; background-image: url("/assets/architecture-dark.webp"); background-size: cover; background-position: center; opacity: .92; }
.hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #08090afc 0%, #08090af2 28%, #08090a75 56%, #08090a0a 80%), linear-gradient(0deg, #08090a 0%, transparent 27%); }
.architecture-fallback { position: absolute; z-index: -4; inset: 0; overflow: hidden; background: radial-gradient(ellipse at 84% 10%, #44494d 0%, #171a1d 34%, #08090a 74%); }
.architecture-fallback::before { content: ""; position: absolute; inset: -5% -15% -45% 53%; background: repeating-linear-gradient(90deg, transparent 0 60px, #020304aa 61px 63px), repeating-linear-gradient(0deg, transparent 0 62px, #08090a99 63px 65px), linear-gradient(125deg, #373b3f 0%, #0c0e10 72%); transform: perspective(700px) rotateY(-25deg) rotateZ(16deg); border-left: 2px solid var(--pod-red); box-shadow: -12px 0 60px #e1061326; }
.architecture-fallback::after { content: ""; position: absolute; width: 35%; height: 92%; right: -15%; bottom: -20%; background: linear-gradient(90deg, #0b0d0f, #15181b); transform: skewY(-40deg); border-top: 1px solid var(--pod-red); }
.hero-inner { min-height: inherit; display: flex; align-items: center; padding-block: 76px 100px; }
.hero-content { width: min(100%, 660px); }
.hero h1 { margin: 0; max-width: 660px; font-size: clamp(56px, 5.75vw, 82px); }
.hero h1 span { display: block; }
.hero-lead { max-width: 485px; margin: 28px 0 31px; font-size: 17px; line-height: 1.7; color: var(--pod-silver); }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.hero-note { position: absolute; right: var(--pod-gutter); bottom: 56px; color: #c4c7caa6; font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: .27em; line-height: 2.3; text-align: right; }
.hero-note::after { content: ""; display: block; width: 30px; height: 2px; margin: 17px 0 0 auto; background: var(--pod-red); }
.service-strip { position: relative; border-top: 1px solid var(--pod-border); border-bottom: 1px solid var(--pod-border); background: linear-gradient(90deg, #15171985, #08090a); }
.service-strip-inner { min-height: 90px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.strip-label { flex: 0 0 154px; color: var(--pod-muted); font-size: 9px; letter-spacing: .2em; text-transform: uppercase; }
.strip-items { display: flex; justify-content: space-between; align-items: center; gap: 24px; width: 100%; }
.strip-items span { display: inline-flex; align-items: center; gap: 16px; color: var(--pod-silver); font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .18em; white-space: nowrap; }
.strip-items span::before { content: ""; width: 4px; height: 4px; background: var(--pod-red); }
.section { padding-block: 104px; }
.section-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 48px; margin-bottom: 43px; }
.section-intro > p { color: var(--pod-muted); font-size: 16px; max-width: 350px; margin: 0 0 4px; }
.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--pod-border); border-radius: var(--pod-radius-card); overflow: hidden; }
.service-card { position: relative; padding: 37px 30px 33px; background: linear-gradient(140deg, #1a1c1f80 0%, #08090a 82%); }
.service-card + .service-card { border-left: 1px solid var(--pod-border); }
.service-card > svg { height: 32px; width: 32px; color: var(--pod-silver); margin-bottom: 44px; }
.card-number { position: absolute; right: 26px; top: 34px; color: #777d83; font-size: 10px; letter-spacing: .13em; }
.service-card h3 { margin: 0 0 17px; font-family: var(--pod-font-display); font-size: 28px; line-height: 1.1; text-transform: uppercase; font-weight: 900; }
.service-card p { margin: 0; color: var(--pod-muted); font-size: 16px; line-height: 1.7; }
.service-card ul { margin: 26px 0 0; padding: 22px 0 0; list-style: none; border-top: 1px solid var(--pod-border-soft); color: var(--pod-silver); font-size: 14px; line-height: 2; }
.service-card li::before { content: "+"; color: var(--pod-red); margin-right: 10px; }
.strategy { padding-top: 0; }
.strategy-panel { display: grid; grid-template-columns: 1fr 1fr; border-block: 1px solid var(--pod-border); }
.strategy-title { padding: 66px 55px 66px 0; }
.strategy-title h2 { max-width: 480px; }
.strategy-title .rule { margin-top: 34px; width: 54px; height: 3px; background: var(--pod-red); }
.strategy-steps { border-left: 1px solid var(--pod-border); padding: 29px 0 29px 56px; }
.strategy-step { display: grid; grid-template-columns: 33px 1fr; gap: 16px; padding: 22px 0; }
.strategy-step + .strategy-step { border-top: 1px solid var(--pod-border-soft); }
.step-number { padding-top: 3px; color: var(--pod-red); font-size: 10px; font-weight: 700; }
.strategy-step h3 { font-size: 17px; font-weight: 700; margin: 0 0 7px; }
.strategy-step p { font-size: 16px; color: var(--pod-muted); margin: 0; }
.brand-section { border-block: 1px solid var(--pod-border-soft); background: #111315; }
.brand-showcase { display: grid; grid-template-columns: 1fr 1.05fr; gap: 40px; align-items: stretch; }
.brand-stage { display: flex; justify-content: center; align-items: center; min-height: 350px; padding: 58px; border: 1px solid #3a3d40; border-radius: var(--pod-radius-card); background: radial-gradient(ellipse at 38% 10%, #292b2e, #08090a 72%); position: relative; }
.brand-stage::after { content: ""; width: 48px; height: 2px; position: absolute; bottom: 37px; background: var(--pod-red); }
.brand-stage img { width: 315px; max-height: 242px; object-fit: contain; }
.system-text h3 { margin: 0 0 18px; font-family: var(--pod-font-display); font-size: clamp(32px, 3.2vw, 46px); line-height: 1.04; font-weight: 900; text-transform: uppercase; }
.system-text > p { font-size: 16px; color: var(--pod-muted); margin: 0 0 24px; }
.swatch-row { display: grid; grid-template-columns: repeat(5,1fr); gap: 8px; margin-block: 30px; }
.swatch { height: 58px; border-radius: 3px; border: 1px solid #ffffff26; display: flex; align-items: flex-end; padding: 6px; font-size: 8px; letter-spacing: .03em; line-height: 1.3; }
.swatch.light { color: var(--pod-black); }
.text-link { color: var(--pod-white); display: inline-flex; gap: 12px; align-items: center; border-bottom: 1px solid var(--pod-red); padding-bottom: 5px; font-size: 14px; font-weight: 700; }
.text-link:hover { color: var(--pod-silver); }
.text-link svg { width: 16px; height: 16px; }
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; }
.contact-title h2 { max-width: 430px; }
.contact-title > p { max-width: 360px; color: var(--pod-muted); font-size: 16px; margin-block: 26px; }
.preview-note { color: var(--pod-muted); font-size: 12px; line-height: 1.8; border-left: 2px solid var(--pod-red); padding-left: 14px; }
.contact-form { padding-top: 8px; }
.contact-form fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.field { margin: 0 0 21px; }
.field label { display: block; font-size: 12px; font-weight: 600; color: var(--pod-silver); margin-bottom: 8px; }
.field label span { font-weight: 400; color: var(--pod-muted); }
.field input, .field textarea { width: 100%; min-height: 48px; border: 1px solid #50555a; border-radius: 4px; background: #111315; padding: 12px 14px; color: var(--pod-white); font-size: 16px; line-height: 1.65; }
.field textarea { min-height: 105px; resize: vertical; }
.field input::placeholder, .field textarea::placeholder { color: var(--pod-muted); }
.field input:hover, .field textarea:hover { border-color: #82888e; }
.field input:focus-visible, .field textarea:focus-visible { outline: 2px solid var(--pod-silver); outline-offset: 3px; border-color: var(--pod-white); }
.field [aria-invalid="true"] { border-color: var(--pod-red); }
.field-error { margin-top: 7px; color: var(--pod-white); font-size: 14px; border-left: 2px solid var(--pod-red); padding-left: 8px; }
.form-status { margin-top: 18px; padding: 14px 16px; color: var(--pod-silver); border: 1px solid var(--pod-border); font-size: 14px; border-radius: var(--pod-radius-sm); }
.site-footer { border-top: 1px solid var(--pod-border); }
.footer-inner { padding-block: 40px; display: flex; justify-content: space-between; gap: 28px; align-items: center; }
.footer-brand img { width: 208px; height: 55px; object-fit: contain; object-position: left; }
.footer-note { text-align: right; font-size: 9px; color: var(--pod-muted); letter-spacing: .17em; text-transform: uppercase; }
.footer-note p { margin: 0 0 8px; }
.footer-note a { letter-spacing: .06em; color: var(--pod-silver); border-bottom: 1px solid var(--pod-border); }
.component-section { border-top: 1px solid var(--pod-border-soft); padding-block: 80px; background: #0c0e10; }
.component-section .section-title { font-size: 40px; }
.component-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; margin-top: 36px; }
.component-panel { border: 1px solid var(--pod-border); border-radius: var(--pod-radius-card); padding: 28px; }
.component-panel h3 { margin: 0 0 24px; font-size: 10px; letter-spacing: .19em; text-transform: uppercase; color: var(--pod-muted); font-weight: 600; }
.component-buttons { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.component-caption { color: var(--pod-muted); margin: 22px 0 0; font-size: 14px; }
.type-specimen-display { font-family: var(--pod-font-display); font-size: 48px; line-height: 1; text-transform: uppercase; margin: 0 0 18px; font-weight: 900; }
.type-specimen-body { font-size: 16px; color: var(--pod-silver); margin: 0; }
.mini-label { font-size: 9px; letter-spacing: .2em; text-transform: uppercase; color: var(--pod-muted); margin-top: 22px; }
.code-links { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 24px; font-size: 14px; color: var(--pod-silver); }
.code-links a { border-bottom: 1px solid var(--pod-border); }
.form-state-label { color: var(--pod-muted); font-size: 9px; letter-spacing: .16em; text-transform: uppercase; margin: 0 0 12px; }
@media (min-width: 1600px) { .hero { min-height: 750px; } }
@media (max-width: 1100px) {
  .desktop-nav { gap: 22px; }
  .brand-link img { width: 211px; }
  .hero h1 { font-size: clamp(55px, 6.75vw, 76px); }
  .hero { min-height: 640px; }
  .strip-items { gap: 16px; }
  .strip-label { display: none; }
  .strip-items span { font-size: 9px; letter-spacing: .13em; }
  .contact-grid { gap: 55px; }
}
@media (max-width: 800px) {
  :root { --pod-gutter: 28px; }
  .header-inner { min-height: 83px; }
  .brand-link img { width: 190px; height: 48px; }
  .menu-toggle { display: block; }
  .desktop-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; padding: 24px var(--pod-gutter) 30px; background: var(--pod-black); border-bottom: 1px solid var(--pod-border); align-items: stretch; gap: 8px; }
  .desktop-nav.open { display: flex; flex-direction: column; }
  .desktop-nav > a:not(.button) { font-size: 14px; min-height: 46px; }
  .desktop-nav > .button { margin-top: 12px; }
  .hero { min-height: 637px; }
  .hero::after { background: linear-gradient(90deg, #08090af7 0%, #08090ade 35%, #08090a61 100%), linear-gradient(0deg, #08090a 0%, transparent 28%); }
  .hero::before { background-position: 63% center; }
  .hero-inner { padding-block: 64px 84px; }
  .hero h1 { font-size: clamp(53px, 9vw, 72px); max-width: 570px; }
  .hero-content { max-width: 550px; }
  .hero-note { display: none; }
  .hero-lead { font-size: 16px; max-width: 430px; }
  .service-strip-inner { min-height: 94px; }
  .strip-items { display: grid; grid-template-columns: repeat(3,1fr); row-gap: 15px; padding-block: 20px; }
  .strip-items span { gap: 9px; }
  .strip-items span:nth-child(4), .strip-items span:nth-child(5) { display: none; }
  .section { padding-block: 75px; }
  .section-intro { align-items: flex-start; flex-direction: column; gap: 24px; }
  .section-intro > p { max-width: 500px; }
  .services-grid { grid-template-columns: 1fr; }
  .service-card { padding: 29px; }
  .service-card + .service-card { border-left: 0; border-top: 1px solid var(--pod-border); }
  .service-card > svg { margin-bottom: 25px; }
  .service-card ul { display: flex; flex-wrap: wrap; gap: 0 25px; }
  .strategy { padding-top: 0; }
  .strategy-panel { grid-template-columns: 1fr; }
  .strategy-title { padding: 45px 0; }
  .strategy-steps { padding: 0 0 27px; border-left: 0; }
  .strategy-title h2 { max-width: 100%; }
  .brand-showcase { grid-template-columns: 1fr; gap: 32px; }
  .brand-stage { min-height: 325px; }
  .system-text { max-width: 570px; }
  .contact-grid { grid-template-columns: 1fr; gap: 35px; }
  .contact-title > p { max-width: 520px; }
  .contact-title h2 { max-width: 520px; }
  .component-grid { grid-template-columns: 1fr; }
  .footer-inner { align-items: flex-start; }
  .footer-brand img { width: 170px; }
}
@media (max-width: 430px) {
  :root { --pod-gutter: 22px; }
  .hero { min-height: 646px; }
  .hero-inner { padding-block: 48px 56px; }
  .hero h1 { font-size: clamp(38px, 12.9vw, 55px); }
  .eyebrow { font-size: 9px; letter-spacing: .17em; }
  .hero .eyebrow { max-width: 290px; }
  .hero-actions { gap: 10px; }
  .hero-actions .button { width: 100%; padding-inline: 19px; font-size: 14px; }
  .hero-lead { font-size: 16px; }
  .service-strip-inner { min-height: 78px; }
  .strip-items span { font-size: 8px; letter-spacing: .06em; }
  .strip-items { gap: 10px; }
  .section-title { font-size: clamp(32px, 10vw, 39px); }
  .brand-stage { padding: 40px; min-height: 295px; }
  .swatch { height: 51px; padding: 5px 3px; font-size: 7px; }
  .footer-inner { flex-direction: column; gap: 22px; }
  .footer-note { text-align: left; }
  .component-panel { padding: 23px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; animation-iteration-count: 1 !important; }
}
@media print {
  .menu-toggle, .component-buttons, .contact-form, .hero-actions, .code-links, .skip-link { display: none !important; }
  .hero { min-height: 550px; }
  .section { padding-block: 40px; }
  .service-card, .brand-stage, .component-panel { break-inside: avoid; }
  a { text-decoration: none; }
}


.site-header{position:sticky;top:0}.header-inner{min-height:90px}.brand-link img{width:212px;height:auto;aspect-ratio:810/244}.desktop-nav{gap:20px}.desktop-nav>a:not(.button){font-size:13px}.desktop-nav .button{padding:12px 17px;font-size:12px}
.hero::before{background-image:url("/assets/architecture-dark.webp")}.hero h1{font-size:clamp(48px,5.65vw,82px)}.hero .red{color:#f00b19}.offer-price{font-size:34px;color:white;line-height:1.5}.offer-price span{font-size:13px;color:#c4c7ca;font-weight:500}.hero-lead{max-width:570px}.hero-actions .button{font-size:12px}.fine-print{font-size:13px;line-height:1.7;color:#b2b7bc}.fine-print a,.checkbox a,.article-body a{border-bottom:1px solid #b2b7bc}.value-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-block:24px;font-size:12px;color:#c4c7ca}.value-strip span::before{content:"";display:inline-block;width:4px;height:4px;background:#e10613;margin-right:12px}
.surface{background:#111315;border-block:1px solid #24272a}.section{padding-block:92px}.package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.package-card{display:flex;flex-direction:column;min-width:0;padding:26px 22px;border:1px solid #41464b;border-radius:8px;background:#121416}.package-card.launch{border-top:3px solid #e10613;background:linear-gradient(155deg,#281216,#121416 34%)}.package-card.popular{border-color:#aab0b5}.card-kicker{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#c9cdd0;min-height:18px;margin:0 0 20px}.package-card h3{font-size:20px;margin:0 0 8px;text-transform:uppercase}.price{font-family:var(--pod-font-display);font-size:44px;line-height:1.1;margin:0;letter-spacing:-.02em}.price span:not(.sr-only){font-family:var(--pod-font-body);font-size:13px;color:#c4c7ca}.tax-note{font-size:11px;margin:8px 0 18px;color:#b2b7bc}.package-description{font-size:14px;color:#b2b7bc;margin:0 0 22px;min-height:95px}.check-list{list-style:none;padding:0;margin:0 0 28px;font-size:14px;color:#c4c7ca}.check-list li{position:relative;padding:9px 0 9px 22px;border-bottom:1px solid #2b2e31}.check-list li::before{content:"+";color:#ff4550;position:absolute;left:0}.package-card .button{margin-top:auto;font-size:12px;padding:12px 10px;gap:8px}.package-card .fine-print{font-size:12px;margin-bottom:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.lead{font-size:19px;color:#c4c7ca;max-width:780px}.scope-details{border:1px solid #686e74;padding:16px 20px;border-radius:4px}.scope-details summary{cursor:pointer;font-weight:700}.scope-details .check-list{margin-top:18px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#34373a;border:1px solid #34373a}.service-tile{padding:30px 24px;background:#0c0e10;display:flex;flex-direction:column}.service-tile:hover{background:#1b1d20}.service-tile h3{font-family:var(--pod-font-display);font-size:24px;line-height:1.1;text-transform:uppercase;margin:0 0 20px}.service-tile p{font-size:14px;color:#b2b7bc;margin:0 0 28px}.service-tile .text-link{margin-top:auto;align-self:start;font-size:12px}.three-grid,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.quiet-card{padding:32px;border:1px solid #41464b;background:#121416;border-radius:6px}.quiet-card h2,.quiet-card h3{line-height:1.2;margin-top:0}.quiet-card p{color:#b2b7bc}.steps{grid-template-columns:repeat(4,1fr);gap:30px}.steps article{padding-top:26px;border-top:1px solid #555b61}.steps .step-number{font-size:16px;color:#ff4550}.steps h3{font-size:20px;line-height:1.3}.steps p{color:#b2b7bc;font-size:14px}.brand-stage img{height:auto;max-height:none}
.industry-links,.industry-grid,.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.industry-links{gap:0 40px}.industry-links a{padding:24px 0;border-bottom:1px solid #41464b;display:flex;justify-content:space-between;gap:16px;font-size:18px}.industry-grid .text-link{margin-top:20px}.industry-grid article{scroll-margin-top:120px}.upgrade-list{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.upgrade-list>div{padding:23px 0;border-bottom:1px solid #34373a}.upgrade-list h3{font-size:17px;margin:0 0 7px}.upgrade-list p{margin:0;color:#c4c7ca;font-size:14px}.upgrade-list .fine-print{font-size:12px;margin-top:8px}
.faq-list{max-width:1000px}.faq-list details{border-bottom:1px solid #41464b}.faq-list summary{cursor:pointer;padding:24px 36px 24px 0;font-size:18px;font-weight:700;position:relative;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:0;color:#ff4550}.faq-list details[open] summary::after{content:"−"}.faq-list p{margin:0 0 26px;color:#c4c7ca;max-width:850px}.final-cta{display:flex;justify-content:space-between;align-items:center;gap:50px}.final-cta>div:last-child{flex:0 0 330px}.cta-section{border-top:1px solid #555b61;background:linear-gradient(120deg,#17191c,#08090a)}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:38px;padding-block:66px}.footer-brand p{font-size:14px;color:#b2b7bc;max-width:330px}.footer-grid h2{font-size:11px;text-transform:uppercase;letter-spacing:.17em;color:#c4c7ca;margin:0 0 22px}.footer-grid a{display:block;font-size:13px;color:#b2b7bc;margin-bottom:12px;overflow-wrap:anywhere}.footer-grid a:hover{color:white}.footer-brand img{width:220px;height:auto}.footer-bottom{padding-block:24px 40px;border-top:1px solid #34373a;font-size:12px;color:#b2b7bc}.policy-links{display:flex;gap:12px 22px;flex-wrap:wrap}.policy-links button{background:none;border:0;color:inherit;font:inherit;padding:0}.mobile-cta{display:none}
.breadcrumbs{padding-top:22px}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;color:#afb4ba;font-size:12px}.breadcrumbs li+li::before{content:"/";margin-right:8px}.page-hero{padding-block:65px 45px;border-bottom:1px solid #34373a}.page-hero h1{font-size:clamp(46px,5.7vw,78px);max-width:1050px;margin:0}.page-hero .lead{margin:26px 0 0}.page-content{padding-top:56px}.article-section{margin-top:65px;max-width:860px}.article-section p{color:#c4c7ca}.related-links{margin-top:44px;padding-top:30px;border-top:1px solid #41464b;display:flex;flex-wrap:wrap;gap:14px 28px}.related-links h2{flex-basis:100%;margin:0}.related-links a{border-bottom:1px solid #e10613}.article-body{max-width:800px;margin:auto;font-size:18px}.article-body h2{font-size:27px;line-height:1.3}.article-body section+section{margin-top:42px}.article-body p{color:#c4c7ca}.policy-body{font-size:16px}.resource-card h2{font-size:28px}.resource-card .text-link{margin-top:25px}.topic-title{margin-top:60px}.topic-list{display:flex;gap:12px;flex-wrap:wrap}.topic-list span{border:1px solid #686e74;border-radius:30px;padding:8px 15px;font-size:13px;color:#bfc4c9}
fieldset{border:0;padding:0;margin:0 0 35px;min-width:0}legend{font-size:21px;font-weight:700;margin-bottom:22px;line-height:1.4}legend>span{color:#ff4550;margin-right:16px;font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.field label{font-size:13px}.field input,.field textarea,.field select{border-color:#686e74;background:#111315;color:#fff}.field select{width:100%;font:inherit;min-height:50px;border:1px solid #686e74;border-radius:4px;padding:10px}.field textarea{min-height:125px}.field:has(textarea){grid-column:1/-1}.checkbox{display:flex;align-items:flex-start;gap:12px;margin:18px 0 24px;font-size:14px;color:#c4c7ca}.checkbox input{width:20px;height:20px;flex:none;accent-color:#e10613;margin-top:3px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-email{overflow-wrap:anywhere;max-width:100%}.form-status:empty{display:none}.error{border-left:3px solid #ff4550;padding:12px 16px;background:#251317;color:#fff}.success{border-left:3px solid #c4c7ca;padding:12px 16px;background:#171a1d;color:#fff}
.order-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:55px;align-items:start}.order-summary{position:sticky;top:118px;border:1px solid #777e85;padding:28px;border-radius:8px;background:#121416}.order-summary h2{font-family:var(--pod-font-display);font-size:30px;line-height:1.1;margin:0 0 25px;text-transform:uppercase}.order-summary dl{margin:0}.order-summary dl>div{display:flex;justify-content:space-between;gap:20px;font-size:14px;padding:10px 0;border-bottom:1px solid #34373a}.order-summary dt{color:#c4c7ca}.order-summary dd{margin:0;text-align:right;white-space:nowrap}.order-summary .total{font-size:20px;font-weight:800}.order-summary .renewal{padding:18px;border:1px solid #666d74;border-left:3px solid #e10613;font-size:14px;margin-block:24px}.order-summary .check-list{font-size:12px;margin-top:15px}.order-summary summary{cursor:pointer}.radio-card{padding:18px;display:flex;align-items:center;gap:14px;border:1px solid #686e74;border-radius:4px;margin-bottom:12px;cursor:pointer}.radio-card:has(:checked){border-color:#ff4550;background:#251216}.radio-card input{accent-color:#e10613;width:20px;height:20px;flex:none}.radio-card>span{flex:1}.radio-card small{display:block;font-size:12px;color:#c4c7ca;font-weight:400;margin-top:4px}.radio-card>strong{font-size:16px;white-space:nowrap}.addon-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 0;border-bottom:1px solid #34373a}.addon-row label{font-weight:700;font-size:14px}.addon-row p{font-size:13px;color:#c4c7ca;margin:4px 0}.addon-row small{font-size:12px;color:#b2b7bc;display:block;max-width:430px}.addon-row input[type=number]{width:68px;min-height:44px;background:#151719;border:1px solid #686e74;color:white;border-radius:4px;padding:8px;font:inherit}.addon-row input[type=checkbox]{width:22px;height:22px;accent-color:#e10613}.form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}#save-request{margin:12px 0 0 8px}#checkout-availability{margin-bottom:22px}.intake-progress{font-size:13px;letter-spacing:.15em;color:#c4c7ca;margin-bottom:28px;text-transform:uppercase}#intake-workspace{max-width:950px;margin:auto}#upload-list{padding-left:20px;color:#c4c7ca;font-size:14px}#upload-list li{padding:10px 0;overflow-wrap:anywhere}#upload-list button{margin-left:15px;background:none;color:white;border:1px solid #737a82;padding:6px 12px}#manage-billing{background:none;margin-top:30px;border:0;border-bottom:1px solid red;padding:0 0 5px}dialog{color:white;background:#151719;border:1px solid #92979d;border-radius:8px;padding:32px;max-width:560px;width:calc(100% - 40px)}dialog::backdrop{background:#000b}
@media(max-width:1200px){.package-grid{grid-template-columns:repeat(2,1fr)}.package-description{min-height:0}.service-grid{grid-template-columns:repeat(2,1fr)}.split{gap:40px}.desktop-nav{gap:14px}.brand-link img{width:190px}.steps{gap:20px}}
@media(max-width:900px){.header-inner{min-height:82px}.menu-toggle{display:block}.desktop-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:20px var(--pod-gutter);background:#08090a;border-bottom:1px solid #686e74;align-items:stretch;gap:3px;max-height:calc(100dvh - 82px);overflow:auto}.desktop-nav.open{display:flex;flex-direction:column}.desktop-nav>a:not(.button){font-size:15px;min-height:43px}.steps{grid-template-columns:1fr 1fr}.final-cta{flex-direction:column;align-items:start;gap:25px}.final-cta>div:last-child{flex:auto}.footer-grid{grid-template-columns:1.4fr 1fr}.order-layout{grid-template-columns:1fr;gap:35px}.order-summary{position:static;grid-row:1}.order-summary details{display:none}.value-strip{grid-template-columns:1fr 1fr}}
@media(max-width:650px){:root{--pod-gutter:22px}.hero{min-height:650px}.hero-inner{padding:55px 0 60px}.hero h1{font-size:clamp(40px,10.8vw,67px)}.hero::before{background-position:62% center}.hero::after{background:linear-gradient(90deg,#08090af7,#08090ade 35%,#08090a65),linear-gradient(0deg,#08090a,transparent 60%)}.hero-lead{font-size:16px}.hero .offer-price{font-size:31px}.hero .offer-price span{font-size:11px}.hero-actions{flex-direction:column;align-items:stretch}.hero-note{display:none}.section{padding-block:65px}.package-grid,.service-grid,.split,.three-grid,.industry-grid,.resource-grid,.form-grid,.industry-links,.upgrade-list{grid-template-columns:1fr}.package-card{padding:28px}.package-card .button{font-size:14px}.section-title{font-size:39px}.value-strip{gap:14px;font-size:10px;padding-block:20px}.industry-links a{font-size:16px}.quiet-card{padding:26px}.page-hero{padding:42px 0 32px}.page-hero h1{font-size:46px}.page-hero .lead{font-size:17px}.page-content{padding-top:40px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px;padding-block:45px}.footer-brand{grid-column:1/-1}.footer-bottom{padding-bottom:115px}.mobile-cta{display:block;position:fixed;z-index:20;bottom:0;left:0;right:0;padding:12px 22px max(12px,env(safe-area-inset-bottom));border-top:1px solid #555b61;background:#08090af5}.mobile-cta .button{width:100%;font-size:13px}.radio-card{padding:14px;gap:10px}.radio-card>strong,.radio-card>span>strong{font-size:14px}.order-summary{padding:23px}#save-request{margin-left:0;width:100%}#checkout-button{width:100%}.form-actions .button{flex:1;font-size:12px;padding-inline:12px}.faq-list summary{font-size:16px}.article-body{font-size:16px}}
.family-signature{display:flex;align-items:center;gap:14px;margin:0 0 22px;color:#e2e5e8;font-size:clamp(15px,1.3vw,18px);font-weight:600;letter-spacing:.055em;line-height:1.5}.family-signature::before{content:"";width:28px;height:2px;background:var(--pod-red,#e10613);flex:none}@media(max-width:400px){.family-signature{gap:10px;letter-spacing:.025em}.family-signature::before{width:20px}}
.discount-code-block{padding:24px!important;border:1px solid #535b63!important;border-left:3px solid #e10613!important;border-radius:6px;background:#171c20}.discount-code-block legend{padding:0 8px;margin:0;font-size:18px}.discount-code-block .optional-label{font-size:13px;font-weight:400;color:#b8c1c9;letter-spacing:0}.discount-code-block .field{margin-bottom:0}.discount-code-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.discount-code-controls input{flex:1 1 140px;min-width:0;width:140px;margin:0;text-transform:uppercase;letter-spacing:.06em}.discount-code-controls .button{min-height:50px;min-width:94px;padding:12px 18px;font-size:14px}.discount-code-controls .text-link{min-height:44px;padding:8px 3px;background:none;border:0;border-bottom:1px solid #aeb8c1;color:#e2e7eb;font:inherit;font-size:13px;cursor:pointer}.discount-code-controls [hidden]{display:none}.discount-code-controls button:disabled{opacity:.55;cursor:wait}.discount-code-block .fine-print{margin:14px 0 0}.discount-code-block #discount-status{font-size:14px;margin:14px 0 0;overflow-wrap:anywhere}.discount-code-block #discount-status:empty{display:none}.discount-pending{padding:12px 16px;border-left:3px solid #aeb8c1;background:#20282f;color:#e2e7eb}.quote-review-note{padding:12px 14px;border-left:3px solid #e10613;background:#24161a;font-size:14px;color:#e8dfe1}.quote-original-label,.discount-summary-line dt>span{display:block;margin-top:5px;font-size:12px;line-height:1.5;color:#adb9c3}.order-summary .discount-summary-line dt,.order-summary .discount-summary-line dd{color:#f4f6f8}.discount-summary-line dt{min-width:0;overflow-wrap:anywhere}.discount-summary-line dt>span{color:#ff8993}.order-summary dd{flex-shrink:0}.order-summary dt{min-width:0}.discount-code-controls input[aria-invalid=true]{border-color:#ff6876}@media(max-width:650px){.discount-code-block{padding:18px!important}.discount-code-controls input{flex-basis:120px}.discount-code-controls .button{min-width:84px;padding-inline:12px}.discount-code-controls .text-link{flex-basis:100%;text-align:left;max-width:max-content}}

/* Concept 4 showcase: silver typography, red actions, charcoal surfaces. */
.eyebrow,.card-kicker,.sample-label{font-size:12px}.fine-print,.tax-note{font-size:13px}.field label{font-size:14px}.service-card-copy p,.process-showcase p{font-size:16px}.visual-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);align-items:center;gap:64px;padding-block:66px 76px;border-bottom:1px solid #34373a}.visual-hero h1{font-size:clamp(42px,4.5vw,68px);margin:0;max-width:700px}.visual-hero .lead{font-size:18px;margin:25px 0 28px}.visual-hero-copy,.visual-hero-demo{min-width:0}.visual-hero .button{font-size:14px}.hero-scope{display:flex;flex-wrap:wrap;gap:10px 20px;margin:28px 0 0;color:#b5bbc1;font-size:14px}.hero-scope span{padding-left:12px;border-left:2px solid #e10613}.demo-shell{background:#121416;border:1px solid #51575c;border-radius:12px;box-shadow:0 24px 65px #0005;overflow:hidden}.showcase-tabs{min-width:0}.showcase-tablist{display:flex;flex-wrap:wrap;gap:6px;padding:16px;border-bottom:1px solid #41464b;background:#0c0e10}.showcase-tablist a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid transparent;border-radius:5px;color:#c6cacf;font-size:14px;font-weight:700;line-height:1.35;transition:color .18s,background .18s,border-color .18s}.showcase-tablist a:hover{color:#fff;border-color:#72777d}.showcase-tablist a[aria-selected=true]{background:#e10613;color:white;border-color:#e10613}.showcase-panel{padding:28px;scroll-margin-top:140px}.showcase-panel:focus{outline-offset:-6px}.showcase-panel+.showcase-panel{border-top:1px solid #555}.showcase-tabs[data-enhanced] .showcase-panel+.showcase-panel{border-top:0}.showcase-tabs[data-enhanced] .fallback-panel-heading{display:none}.showcase-panel.is-entering{animation:panel-in .28s ease-out}.demo-caption{font-size:12px;line-height:1.6;color:#b6bdc3;margin:22px 0 0;padding-top:14px;border-top:1px solid #3c4247}.sample-label{display:block;color:#b6bdc3;font-weight:700;letter-spacing:.15em;line-height:1.5}.demo-explanation{margin:22px 0 0}.demo-explanation b{font-size:18px}.demo-explanation p{font-size:15px;color:#bdc3c9;line-height:1.65;margin:8px 0 0}.demo-pill{border:1px solid #5f646a;padding:6px 12px;border-radius:30px;font-size:12px;color:#d2d6da}.demo-price{font:clamp(40px,5vw,64px)/1 var(--pod-font-display);margin:22px 0}.demo-price span{display:block;font:14px/1.6 var(--pod-font-body);color:#b6bdc3;margin-top:10px}
.website-device{border:1px solid #73797f;border-radius:8px;background:#08090a;overflow:hidden;box-shadow:0 18px 40px #0006;width:100%;margin:auto}.browser-chrome{display:flex;justify-content:space-between;gap:8px;background:#202428;border-bottom:1px solid #41464b;padding:10px 12px;color:#bdc3c9;font-size:10px;line-height:1.3;letter-spacing:.1em}.browser-chrome>span:first-child{letter-spacing:3px;color:#81888f}.website-screen{overflow:hidden;container-type:inline-size}.screen-nav{display:flex;justify-content:space-between;align-items:center;padding:3.5cqw 5cqw;border-bottom:1px solid #484c5066}.screen-nav img{width:27cqw;height:auto}.screen-nav>span{font-size:2cqw;color:#bfc4c9}.screen-hero{padding:8cqw 6cqw;background:linear-gradient(90deg,#08090afa,#08090ae5 40%,#08090a22),url('/assets/architecture-dark.webp') center/cover}.screen-eyebrow{font-size:1.9cqw;line-height:1.8;letter-spacing:.2em;display:block;color:#bdc3c9;margin-bottom:3cqw}.screen-hero>strong{font:9cqw/.99 var(--pod-font-display);letter-spacing:-.02em;display:block}.screen-hero em{font-style:normal;color:#f20b1c}.screen-hero p{font-size:2.2cqw;line-height:1.7;color:#d6dadd}.screen-hero p b{font-size:3.4cqw;color:#fff}.screen-cta{display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#e10613;border-radius:30px;padding:12px 18px}.screen-hero .screen-cta{font-size:1.8cqw;padding:2cqw 3cqw}.screen-hero small{display:block;font-size:1.9cqw;line-height:1.7;margin-top:3cqw;color:#bdc3c9}.screen-bottom{display:flex;justify-content:space-between;padding:3cqw 6cqw;font-size:2cqw;letter-spacing:.17em;color:#c1c7cc;border-top:1px solid #50555a}.device-mobile{max-width:244px;border-radius:23px;border-width:5px}.device-mobile .browser-chrome{justify-content:center;padding:9px}.device-mobile .browser-chrome>span:not(:nth-child(2)){display:none}.device-mobile .screen-nav{padding:6cqw}.device-mobile .screen-nav img{width:54cqw}.device-mobile .screen-nav>span{display:none}.device-mobile .screen-hero{padding:12cqw 7cqw;background-position:62% center}.device-mobile .screen-eyebrow{font-size:3cqw}.device-mobile .screen-hero>strong{font-size:13.5cqw}.device-mobile .screen-hero p{font-size:4cqw}.device-mobile .screen-hero p b{font-size:6cqw}.device-mobile .screen-cta{font-size:3cqw;padding:4cqw}.device-mobile .screen-hero small{font-size:3cqw}.device-mobile .screen-bottom{font-size:3cqw;padding-block:6cqw}
.showcase-service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.showcase-service-card{grid-column:span 2;border:1px solid #41464b;background:#101214;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.showcase-service-card:nth-child(-n+2){grid-column:span 3}.showcase-service-card:hover{border-color:#b4bbc1;transform:translateY(-5px)}.service-card-copy{padding:28px}.service-card-copy h3{font:30px/1.07 var(--pod-font-display);text-transform:uppercase;margin:10px 0 16px}.service-card-copy p{color:#bac1c7;margin:0 0 25px}.service-card-copy .card-kicker{margin:0}.service-card-copy .text-link{font-size:14px}.tile-preview{height:248px;border-bottom:1px solid #3d4348;background:#16191c;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:center;padding:28px;transition:background .25s}.tile-preview .sample-label{font-size:11px}.tile-preview>strong{font:44px/.98 var(--pod-font-display);margin-top:25px;letter-spacing:-.02em}.tile-preview em{font-style:normal;color:#ff3745}.tile-preview .mini-path{display:flex;align-items:center;gap:14px;font-size:13px;color:#c6cbd0;margin-top:25px}.mini-path>span{color:#ff3745}.website-tile{padding:28px 32px 0;background:linear-gradient(135deg,#3a3e42,#101214);justify-content:start}.website-tile .website-device{max-width:520px;flex:none;transform:rotate(-3deg);transition:transform .3s}.showcase-service-card:hover .website-tile .website-device{transform:rotate(0) translateY(-8px)}.search-tile{background:linear-gradient(125deg,#191d20,#08090a)}.search-tile>strong{font-size:46px}.social-tile{display:flex;flex-direction:row;gap:15px;align-items:center;justify-content:center;background:#1f2428}.social-tile img:first-child{width:58%;height:auto;transform:rotate(-6deg)}.social-tile img:last-child{width:29%;height:auto;transform:rotate(9deg)}.brand-tile{background:linear-gradient(120deg,#262b30,#08090a)}.brand-tile img{width:96%;height:auto;transform:rotate(-10deg);box-shadow:0 20px 35px #000a;transition:transform .3s}.showcase-service-card:hover .brand-tile img{transform:rotate(-5deg) scale(1.025)}.mini-message{padding:18px;border:1px solid #6b7278;background:#292e33;max-width:95%;margin-top:22px;border-radius:10px 10px 10px 0;font-size:15px}.mini-message span{display:block;font-size:12px;color:#c2c7cc;margin-top:5px}.mini-message.reply{align-self:flex-end;border-color:#a2202a;background:#311216;margin-top:12px;font-size:12px}.path-tile .journey-diagram{margin-top:26px}.event-stack{display:flex;flex-direction:column;gap:10px;margin-top:24px}.event-stack span{padding:12px 15px;border-left:2px solid #f31627;background:#22282d;color:#d7dce0;font-size:12px;letter-spacing:.08em}.event-stack span:nth-child(2){margin-left:15px}.event-stack span:nth-child(3){margin-left:30px}
.journey-diagram{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:0;margin:0 0 26px;gap:8px}.journey-diagram li{position:relative;padding:12px 10px;background:#20252a;border:1px solid #575f66;min-width:0}.journey-diagram li>span{display:block;color:#b6bdc3;font-size:11px;letter-spacing:.1em}.journey-diagram strong{font-size:12px;display:block;margin-top:8px}.journey-diagram li>b{position:absolute;right:-10px;top:30%;z-index:1;color:#f2f4f6;background:#151719;font-size:13px}.journey-diagram .is-active{background:#381418;border-color:#f12b3b}.journey-diagram .is-active>span{color:#ff7c86}.search-document{border:1px solid #687077;border-radius:6px;overflow:hidden;background:#191d20}.document-top{padding:16px;display:flex;justify-content:space-between;font-size:11px;color:#c4ccd2;letter-spacing:.1em;background:#252b30}.annotation{display:flex;gap:14px;padding:18px;border-top:1px solid #41484e;align-items:start}.annotation>span{font-size:12px;color:#b0bac2;flex:none}.annotation small{display:block;font-size:12px;color:#bec6cd;margin-bottom:7px}.annotation strong{font-size:15px;font-weight:600;line-height:1.5;display:block}.annotation.is-active{background:#35151a;box-shadow:inset 3px 0 #f22031}.annotation.is-active>span{color:#ff6370}.campaign-preview{padding:30px;background:#08090a;border:1px solid #626a70;min-height:260px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background-image:linear-gradient(110deg,#08090aff,#08090add),url('/assets/architecture-dark.webp');background-size:cover}.campaign-preview>strong{font:34px/1.05 var(--pod-font-display);text-transform:uppercase;display:block}.campaign-preview p{font-size:14px;color:#bec6cd}.offer-number{font:66px/1 var(--pod-font-display);color:white;margin-bottom:18px}.sample-field{width:100%;padding:12px 0;border-bottom:1px solid #636b73;color:#b6bdc3;font-size:13px}.campaign-preview .screen-cta{margin-top:20px}.campaign-preview .sample-label{margin-bottom:18px}.message-preview{padding:26px;border:1px solid #666d74;background:#1a1e22;border-radius:8px}.message-sender{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:700}.message-sender small{display:block;font-size:12px;font-weight:400;color:#b4bdc4}.message-preview h3{font-size:24px;line-height:1.2;margin:26px 0 16px}.message-preview p{font-size:15px;color:#c0c8cf}.message-signature{padding-top:20px;margin-top:28px;border-top:1px solid #4a5259;font-size:12px;font-weight:700;letter-spacing:.08em}.message-signature span{font-size:12px;font-weight:400;color:#b4bdc4}.art-stage{height:385px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#090a0b;border:1px solid #3f454a;padding:24px}.social-art img{height:100%;width:100%;object-fit:contain}.identity-art img{max-width:92%;max-height:100%;object-fit:contain}.card-art{position:relative;background:linear-gradient(120deg,#343a3f,#0a0b0c)}.card-art img{position:absolute;width:65%;height:auto;box-shadow:0 22px 45px #0007}.card-art img:first-child{top:16%;left:9%;transform:rotate(-10deg);z-index:1}.card-art img:last-child{bottom:12%;right:7%;transform:rotate(12deg)}.hosting-demo>ul{list-style:none;padding:0;font-size:15px;color:#d0d6db}.hosting-demo>ul>li{padding:8px 0;border-bottom:1px solid #414950}.hosting-timeline{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:2px solid #e10613;margin-top:26px;padding-top:16px;font-size:13px;color:#c6cdd3}.hosting-timeline b{display:block;color:#ff5866;font-size:14px;margin-bottom:8px}.event-demo{padding:26px;background:#191e22;border:1px solid #67717a}.event-demo code{display:block;font-size:clamp(16px,2vw,25px);color:#ff7b86;margin:24px 0;overflow-wrap:anywhere}.event-demo h3{font-size:24px;line-height:1.2}.event-demo p{color:#c1c9d0;font-size:15px}.event-rule{font-size:11px;letter-spacing:.1em;border-top:1px solid #4c555d;padding-top:18px;display:block;color:#c1c9d0}
.package-explorer{border:1px solid #586068;border-radius:10px;overflow:hidden;background:#13171a;margin:0 0 64px}.showcase-heading{padding:38px}.showcase-heading h2{font-size:clamp(34px,4vw,52px);margin:0}.showcase-heading>p:last-child{max-width:650px;color:#c1c9d0}.package-explorer .showcase-tablist{padding-inline:30px}.package-explorer-content{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding:12px}.package-choice h3{font:34px/1 var(--pod-font-display);text-transform:uppercase;margin:0}.package-choice>p{color:#c0c8cf}.package-choice .demo-price{color:#fff}.page-map{background:#0a0c0e;border:1px solid #525b63;padding:28px}.page-map .sample-label{font-size:11px}.map-nodes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.map-nodes>span{padding:16px 12px;min-height:80px;border:1px solid #535d66;font-size:13px;background:#1b2228}.map-nodes b{display:block;color:#fa3d4d;font-size:11px;margin-bottom:9px}.one-page-map .map-nodes{grid-template-columns:1fr;gap:0;border:1px solid #535d66}.one-page-map .map-nodes>span{min-height:0;padding:13px 18px;border:0;border-bottom:1px solid #535d66;display:flex;gap:15px}.one-page-map .map-nodes>span:last-child{border:0}.one-page-map .map-nodes b{margin:0}.package-card .package-description{min-height:0}.package-card details{margin:0 0 20px}.package-card details>summary{font-size:14px;cursor:pointer;color:#e0e4e7}.package-card details .check-list{margin:12px 0}.package-card .package-mini{display:flex;gap:4px;margin-bottom:18px}.package-mini>span{width:15px;height:20px;border:1px solid #909aa2;background:#303940}.package-mini>span:first-child{border-color:#ff6370;background:#571720}.package-card>h3{font-size:25px}.package-card .check-list{font-size:15px}.package-card .tax-note{font-size:13px}
.process-showcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.process-visual{padding:24px;background:#14191d;border:1px solid #4d565e;min-height:195px;display:flex;flex-direction:column;align-items:start;border-bottom:3px solid #e10613}.process-visual>span{font:42px/1 var(--pod-font-display);color:#99a3ab}.process-visual>strong{font:34px/1 var(--pod-font-display);text-transform:uppercase;margin:25px 0 13px}.process-visual>small{font-size:10px;color:#c6cdd3;letter-spacing:.08em}.process-showcase h3{font-size:20px;line-height:1.3;margin:22px 0 12px}.process-showcase p{color:#b7c0c8}.studio-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.studio-composition{position:relative;min-height:430px;background:linear-gradient(135deg,#353d44,#0b0e10);border:1px solid #4f5962;border-radius:8px;padding:30px 50px 110px 25px;overflow:hidden}.studio-screen{transform:rotate(-4deg);width:92%;margin-top:10px}.studio-card{position:absolute;bottom:25px;left:30px;width:50%;height:auto;transform:rotate(-9deg);box-shadow:0 15px 35px #000a}.studio-social{position:absolute;right:24px;bottom:25px;width:23%;height:auto;transform:rotate(7deg);box-shadow:0 15px 35px #000a}.studio-copy h2,.studio-copy h3{font-size:clamp(40px,4.5vw,60px);margin:0 0 25px}.studio-copy>p{color:#bdc6ce}.studio-disciplines{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 32px}.studio-gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:70px}.studio-gallery figure{margin:0;background:#171c20;padding:24px;border:1px solid #4f5962;border-radius:8px}.studio-gallery img{width:100%;height:auto}.studio-gallery figcaption{font-size:13px;letter-spacing:.03em;color:#c4cbd1;padding-top:20px}.studio-gallery .wide{grid-column:1/-1}.studio-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;margin-top:75px;align-items:center}.studio-detail h2{font-size:54px;margin:0}.studio-detail>div>p{color:#bac4cc}.about-art{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:linear-gradient(110deg,#08090aee,#08090abb),url('/assets/architecture-dark.webp') center/cover;border:1px solid #545e66;padding:35px;margin:0 0 65px;gap:50px}.about-art img{max-height:300px;object-fit:contain}.about-art strong{font:clamp(30px,3vw,44px)/1.15 var(--pod-font-display);text-transform:uppercase}.about-art strong span{color:#ff3745}
.industry-explorer{border:1px solid #55616b;border-radius:10px;overflow:hidden}.industry-explorer .showcase-tablist{gap:8px}.industry-explorer .showcase-tablist a{flex:1 1 22%;font-size:13px;border-color:#48525b;justify-content:flex-start}.industry-example{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;scroll-margin-top:140px}.industry-layout{background:linear-gradient(110deg,#0b0e11fa,#0b0e11bb),url('/assets/architecture-dark.webp') center/cover;border:1px solid #69747e;padding:32px}.industry-type{font-size:13px;color:#ff7c86;margin:28px 0 10px}.industry-layout h3{font:clamp(32px,4vw,52px)/1 var(--pod-font-display);text-transform:uppercase;margin:0 0 28px}.industry-sections{display:grid;gap:10px;margin:25px 0}.industry-sections>span{padding:12px 0;border-top:1px solid #59656e;display:flex;align-items:center;gap:16px;font-size:15px}.industry-sections b{font-size:11px;color:#ff6d79}.industry-brief h3{font-size:28px;line-height:1.2}.industry-brief p{color:#c2cbd2}.industry-brief h4{font-size:16px}.industry-brief .fine-print{margin-top:25px}.resource-card{padding:0;overflow:hidden}.resource-card-copy{padding:28px}.resource-card h2{font:32px/1.08 var(--pod-font-display);text-transform:uppercase}.resource-art{padding:28px;background:#182027;border-bottom:1px solid #5b6772;min-height:290px;display:flex;flex-direction:column;justify-content:center}.resource-art .page-map{padding:20px}.resource-art .one-page-map .map-nodes{display:flex;flex-wrap:wrap;border:0;gap:8px}.resource-art .one-page-map .map-nodes>span{border:1px solid #647380;padding:14px}.foundation-diagram{display:flex;flex-direction:column;gap:12px;margin-top:25px}.foundation-diagram>span{padding:14px 18px;background:#242f38;border-left:2px solid #e10613;font-size:14px;color:#c4ced6}.foundation-diagram>span:nth-child(2){margin-left:20px}.foundation-diagram>span:nth-child(3){margin-left:40px}.foundation-diagram b{color:#fff}.article-layout{display:grid;grid-template-columns:240px minmax(0,800px);gap:55px;align-items:start}.article-contents{position:sticky;top:120px;font-size:14px;border-top:2px solid #e10613;padding-top:20px}.article-contents summary{font-weight:700;cursor:pointer}.article-contents a{display:block;padding:10px 0;color:#c5cdd4;border-bottom:1px solid #3f4952}.article-body{width:100%}.article-body>.resource-art{margin-bottom:35px}.article-body section{scroll-margin-top:125px}.article-checklist{margin:50px 0;padding:28px;border:1px solid #6a7884;background:#182027}.article-checklist>label{display:flex;gap:12px;align-items:start;padding:13px 0;border-top:1px solid #4e5c67;font-size:15px}.article-checklist input{width:20px;height:20px;accent-color:#e10613;flex:none}.article-checklist>label:has(:checked)>span{color:#b9c4ce;text-decoration:line-through}.checklist-progress{font-size:13px;margin-bottom:0}.topic-list a{padding:10px 16px;border:1px solid #65717c;border-radius:30px;font-size:14px}.flow-rail{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 45px;padding:0}.flow-rail li{font-size:14px;color:#c4cdd5;border-top:1px solid #61707d;padding-top:15px}.flow-rail span{color:#adbac5;font-size:12px;display:block;margin-bottom:8px}.flow-rail [aria-current]{border-top:3px solid #e10613;padding-top:13px;color:white}.flow-rail [aria-current] span{color:#ff7180}.contact-grid>div:first-child{padding:32px;border:1px solid #4e5b67;border-radius:8px;background:linear-gradient(125deg,#20282f,#0b0e10);align-self:start}.contact-grid>div:first-child h2{font:40px/1.05 var(--pod-font-display);text-transform:uppercase}.contact-grid form,.order-layout form{padding:30px;border:1px solid #46535e;border-radius:8px;background:#11161a}.order-summary{border-top:3px solid #e10613}.order-summary .package-mini{margin:0 0 22px;display:flex;gap:5px}.order-form-heading{font:26px/1 var(--pod-font-display);margin-bottom:22px}.intake-progress{padding:18px 20px;border-left:3px solid #e10613;background:#1c242b}.intake-stage-rail{display:flex;gap:8px;margin-bottom:28px;list-style:none;padding:0}.intake-stage-rail li{flex:1;border-bottom:2px solid #48535c;padding-bottom:12px;font-size:13px;color:#b9c4ce}.intake-stage-rail li[aria-current]{border-color:#e10613;color:#fff}#intake-form{padding:30px;background:#11161a;border:1px solid #566570;border-radius:8px}
@keyframes panel-in{from{opacity:.55;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes reveal-in{from{opacity:.25;transform:translateY(22px)}to{opacity:1;transform:none}}.reveal-enter{animation:reveal-in .4s ease-out both}.showcase-service-card:focus-visible{outline-offset:4px}.showcase-tabs a:focus-visible{outline-offset:2px}
@media(min-width:1450px){.visual-hero{gap:80px}.visual-hero h1{font-size:74px}}
@media(max-width:1100px){.visual-hero{gap:32px}.visual-hero h1{font-size:50px}.visual-hero .lead{font-size:17px}.showcase-panel{padding:20px}.showcase-service-card{grid-column:span 3}.service-card-copy{padding:24px}.studio-feature{gap:35px}.studio-composition{min-height:370px;padding-right:35px}.process-showcase{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:200px minmax(0,1fr);gap:35px}.journey-diagram{gap:6px}.journey-diagram li{padding:10px 7px}.journey-diagram strong{font-size:11px}}
@media(max-width:850px){.visual-hero{grid-template-columns:1fr;padding-block:45px;gap:35px}.visual-hero-copy{max-width:700px}.visual-hero h1{font-size:clamp(42px,7vw,64px)}.visual-hero-demo{max-width:700px;width:100%;margin:auto}.hero-scope{font-size:14px}.demo-shell .device-desktop{max-width:570px}.studio-feature,.studio-detail{grid-template-columns:1fr}.studio-composition{max-width:660px;min-height:430px}.industry-example{grid-template-columns:1fr;gap:25px}.industry-explorer .showcase-tablist a{flex-basis:45%}.about-art{gap:25px;padding:25px}.article-layout{grid-template-columns:1fr}.article-contents{position:static}.article-contents ol{columns:2;padding-left:20px}.flow-rail{gap:10px}.contact-grid form,.order-layout form{padding:25px}.package-explorer-content{gap:25px}}
@media(max-width:600px){.showcase-service-grid{grid-template-columns:1fr;gap:22px}.showcase-service-card,.showcase-service-card:nth-child(-n+2){grid-column:auto}.tile-preview{height:245px}.service-card-copy h3{font-size:28px}.showcase-tablist{padding:12px;gap:6px}.showcase-tablist a{padding:10px 12px;font-size:13px;flex:1 1 auto}.showcase-panel{padding:16px}.hero-scope{display:grid;gap:12px}.visual-hero{padding-block:35px 45px}.visual-hero h1{font-size:46px;overflow-wrap:normal}.visual-hero .button{width:100%;font-size:13px}.journey-diagram{gap:6px;margin-bottom:20px}.journey-diagram strong{font-size:11px}.journey-diagram li{padding:9px 6px}.campaign-preview{padding:22px;min-height:260px}.campaign-preview>strong{font-size:30px}.offer-number{font-size:58px}.demo-explanation b{font-size:17px}.demo-explanation p{font-size:15px}.annotation{padding:15px 12px;gap:12px}.annotation strong{font-size:14px}.art-stage{height:350px;padding:16px}.card-art{height:285px}.demo-caption{font-size:12px}.showcase-heading{padding:25px}.package-explorer .showcase-tablist{padding-inline:12px}.package-explorer-content{grid-template-columns:1fr;padding:0}.page-map{padding:20px}.package-choice{padding:12px 8px}.package-choice .button{width:100%}.process-showcase{gap:22px 16px}.process-visual{padding:18px 14px;min-height:178px}.process-visual>strong{font-size:29px}.process-visual>small{font-size:10px;letter-spacing:0}.process-showcase h3{font-size:18px}.process-showcase p{font-size:15px}.studio-composition{min-height:300px;padding:20px 35px 75px 15px}.studio-card{left:20px;bottom:18px}.studio-social{right:16px;bottom:16px}.studio-feature{gap:32px}.studio-copy h2,.studio-copy h3{font-size:44px}.studio-gallery{grid-template-columns:1fr;gap:20px;margin-top:40px}.studio-gallery .wide{grid-column:auto}.studio-gallery figure{padding:15px}.studio-detail{gap:25px;margin-top:50px}.studio-detail h2{font-size:44px}.about-art{grid-template-columns:1fr;padding:28px;margin-bottom:40px}.about-art img{max-height:240px;width:100%}.about-art strong{font-size:32px}.industry-explorer .showcase-tablist a{font-size:12px;flex-basis:44%;min-width:0}.industry-layout{padding:22px}.industry-layout h3{font-size:38px}.industry-brief h3{font-size:27px}.resource-card-copy{padding:25px}.resource-art{padding:22px;min-height:230px}.article-contents ol{columns:1}.article-checklist{padding:22px}.flow-rail{grid-template-columns:1fr 1fr;gap:18px 14px;margin-bottom:30px}.flow-rail li{font-size:13px}.contact-grid>div:first-child{padding:25px}.contact-grid>div:first-child h2{font-size:34px}.contact-grid form,.order-layout form,#intake-form{padding:20px}.intake-stage-rail{flex-wrap:wrap;gap:14px}.intake-stage-rail li{flex-basis:40%}.price{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-enter,.showcase-panel.is-entering{animation:none!important;transform:none!important;opacity:1!important}.showcase-service-card,.showcase-tablist a,.website-tile .website-device,.brand-tile img{transition:none!important}.showcase-service-card:hover{transform:none}.showcase-service-card:hover .website-tile .website-device{transform:rotate(-3deg)}.showcase-service-card:hover .brand-tile img{transform:rotate(-10deg)}}
.contact-grid>*{min-width:0}.contact-grid .button{max-width:100%;white-space:normal}@media(max-width:600px){.contact-grid{grid-template-columns:minmax(0,1fr)}.contact-grid>div:first-child h2{font-size:clamp(24px,7.4vw,32px)}}
/* An illustrative document application using the unchanged approved logo. */
.branding-demo .art-stage{height:385px}.branding-demo .demo-caption{min-height:72px}.document-art{background:#24292e;padding:24px}.brand-document{width:min(100%,290px);height:335px;display:flex;flex-direction:column;background:#f0f1f2;border:1px solid #858b90;color:#15191d;box-shadow:0 18px 32px #0006;overflow:hidden}.brand-document-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:#08090a;border-bottom:3px solid #e10613}.brand-document-header img{width:120px;max-width:72%;height:auto}.brand-document-header>span{font-size:7px;line-height:1.7;letter-spacing:.15em;color:#bcc3c9}.brand-document-body{padding:14px 21px 10px;flex:1}.brand-document-label{font-size:8px;letter-spacing:.15em;font-weight:800;color:#545c64;display:block}.brand-document-body h4{font:32px/.95 var(--pod-font-display);letter-spacing:-.02em;text-transform:uppercase;margin:12px 0 8px}.brand-document-body h4 span{color:#bc0510}.brand-document-intro{font-size:10px;line-height:1.5;margin:0 0 10px;color:#424a51;max-width:180px}.brand-document-sections{display:grid;gap:0;border-top:1px solid #bac0c5}.brand-document-sections>div{display:flex;gap:12px;align-items:center;padding:5px 0;border-bottom:1px solid #bac0c5;font-size:10px;font-weight:700}.brand-document-sections b{color:#b30410;font-size:8px}.brand-document-footer{display:flex;justify-content:space-between;gap:12px;padding:10px 20px;background:#dee1e4;border-top:1px solid #bbc2c8;font-size:7px;letter-spacing:.13em;font-weight:800;color:#434b52}
@media(max-width:600px){.branding-demo .art-stage{height:350px}.document-art{padding:12px}.brand-document{height:324px}.brand-document-header{padding:11px 16px}.brand-document-body{padding:12px 18px 10px}.brand-document-body h4{font-size:30px}.brand-document-header img{width:120px}.branding-demo .demo-caption{min-height:78px}}