.content-page{max-width:1220px;margin-inline:auto;padding:clamp(56px,7vw,96px) 20px}.content-heading{max-width:46rem;margin-bottom:40px}.content-heading h1,.content-heading h2,.content-callout h2{font-family:var(--heading-font);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(32px,4.4vw,54px);font-weight:600;line-height:1.08}.content-heading>p:last-child,.content-callout>p{color:var(--fg-muted);max-width:58ch;margin-top:16px;line-height:1.65}.content-eyebrow{color:#70dcff;text-transform:uppercase;font:500 11.5px/1.6 var(--font-code);letter-spacing:.14em;margin-bottom:10px}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:48px;display:grid}.portfolio-card{border-radius:20px;flex-direction:column;gap:16px;padding:20px;display:flex}.portfolio-mockup{background:radial-gradient(at 85% 0,#0a6bff5c,#0000 65%),radial-gradient(at 15% 100%,#fc734d47,#0000 65%),#040f1a;border:1px solid #40cfff52;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:170px;padding:16px;display:flex}.live-cases-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.contact-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:24px;margin-top:32px;display:grid}.contact-box{border-radius:22px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:18px;padding:clamp(24px,3vw,34px);display:flex}.contact-box-top{flex-direction:column;align-items:flex-start;gap:14px;width:100%;display:flex}.contact-heading{font-family:var(--heading-font);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);font-size:clamp(26px,3.2vw,36px);line-height:1.12}.contact-email-link{font-family:var(--heading-font);font-weight:var(--heading-weight);color:var(--cyan);text-underline-offset:6px;overflow-wrap:anywhere;font-size:clamp(24px,3vw,34px);line-height:1.15;text-decoration:underline;display:block}.contact-email-link:hover{color:#fff}.contact-box-footer{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;padding-top:16px;display:flex}.portfolio-card{min-width:0}.portfolio-card h2{font-size:21px}.portfolio-card h3{font:500 11px/1.6 var(--font-code);text-transform:uppercase;letter-spacing:.07em;color:#98e6ff}.portfolio-scope{color:var(--fg-muted);padding-left:20px;font-size:14px;line-height:1.7;list-style:outside}.portfolio-preview-layout{grid-template-columns:1.5fr 1fr;align-items:center;gap:14px;display:grid}.portfolio-preview-tile{background:#fc734d22;border:1px solid #fc734d66;border-radius:8px;min-height:48px}.portfolio-mockup{gap:20px}.portfolio-card[data-concept=landing] .portfolio-mockup{background:radial-gradient(at 80% 0,#fc734d55,#0000 75%),#040f1a}.portfolio-card[data-concept=portfolio] .portfolio-preview-layout{grid-template-columns:1fr 1fr}.portfolio-card[data-concept=portfolio] .portfolio-preview-tile{background:#40cfff22;border-color:#40cfff66}.live-cases-grid{padding:0;list-style:none}.portfolio-placeholder{min-width:0}.content-callout{border:1px solid var(--border-bright);background:radial-gradient(at 0 0,#0a6bff33,#0000 75%),#030b16;border-radius:24px;margin-top:64px;padding:40px 24px}.content-callout h2{max-width:48rem;font-size:clamp(28px,4vw,44px)}.content-button{color:#fff;min-height:48px;font:600 13px/1.6 var(--font-code);text-align:center;background:radial-gradient(at 50% 15%,#ffffff1f,#40cfff1f 65%),#051e41;border:1px solid #40cfffbb;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:24px;padding:12px 20px;transition:transform .2s,background .2s,color .2s;display:inline-flex;box-shadow:inset 0 2px 3px #fff6,0 10px 32px -6px #0a6bff77}.content-button:hover{color:#020813;background:linear-gradient(135deg,#fff,#9ee8ff 60%,#ffc4b2);transform:translateY(-2px)}.content-secondary{box-shadow:none;background:#071522}.contact-box-footer .content-button{margin-top:0}.contact-box-top .section-lead{max-width:none}.contact-response{color:var(--fg-muted);font:400 11px/1.65 var(--font-code);max-width:28ch}.contact-email-link{align-items:center;min-height:44px;display:inline-flex}.contact-box,.contact-box-top{min-width:0}.portfolio-card:is(:hover,:focus-within):after,.contact-box:is(:hover,:focus-within):after{animation-play-state:running}@media (max-width:960px){.portfolio-grid,.live-cases-grid,.contact-grid{grid-template-columns:minmax(0,1fr)}.contact-box,.portfolio-card{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.content-button{transition:none}.content-button:hover{transform:none}}@media (forced-colors:active){.portfolio-card,.contact-box{border-color:canvastext}.contact-email-link{color:linktext}.content-button{color:buttontext;border-color:buttontext}}
