.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-9) var(--space-6) var(--space-8);overflow:hidden}.hero-aura{position:absolute;inset:-25% -10% -10%;z-index:0;pointer-events:none;opacity:var(--hero-aura-opacity);background:var(--glow-warm);filter:blur(6px);animation:auraDrift 22s var(--ease) infinite alternate}@keyframes auraDrift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(0,-2%,0) scale(1.06)}}.hero-motif{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(760px,96vw);height:min(760px,96vw);z-index:0;color:color-mix(in srgb,var(--color-brand) 62%,var(--color-accent));pointer-events:none}.hero-motif:before{content:"";position:absolute;inset:8%;border-radius:50%;background:var(--glow-halo)}.hero-motif svg{width:100%;height:100%;opacity:var(--hero-motif-opacity)}.hero-top-line{position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-brand);opacity:.9;z-index:1}.hero-content{position:relative;z-index:1;width:100%;max-width:760px;text-align:center;margin-bottom:var(--space-7)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px var(--space-4);margin-bottom:var(--space-5);background:color-mix(in srgb,var(--color-surface-1) 70%,transparent);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--fs-11_5);font-weight:var(--fw-medium);color:var(--color-text-secondary);backdrop-filter:blur(8px)}.hero-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--color-brand-light);box-shadow:0 0 0 3px var(--color-brand-tint);animation:livePulse 2s var(--ease) infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.45}}.hero h1{margin-bottom:var(--space-5);color:var(--color-text-primary)}.hero h1 .accent{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--color-brand-ink)}.hero-sub{font-size:clamp(1rem,.9rem + .6vw,1.25rem);line-height:var(--lh-snug);color:var(--color-text-secondary);max-width:580px;margin-inline:auto}.hero-badge,.hero h1,.hero-sub,.hero .chat{animation:reveal .7s var(--ease-out) both}.hero h1{animation-delay:.1s}.hero-sub{animation-delay:.18s}.hero .chat{animation-delay:.28s}.chat-secondary{margin-top:var(--space-3);text-align:center;font-size:var(--fs-13);color:var(--color-text-muted)}.chat-secondary a{font-weight:var(--fw-semibold);color:var(--color-brand)}.solutions{padding:var(--space-10) 0;background:var(--wash-gold) var(--color-bg)}.pillars-grid{display:grid;gap:var(--space-5);grid-template-columns:1fr}@media(min-width:880px){.pillars-grid{grid-template-columns:repeat(3,1fr)}}.pillar{position:relative;display:flex;flex-direction:column;padding:var(--space-6);background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--elevation-1),var(--surface-lit);overflow:hidden;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.pillar:after{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:2px;background:var(--gradient-brand);opacity:.55;transition:opacity var(--dur) var(--ease)}.pillar:hover:after{opacity:1}.pillar .pillar-watermark{position:absolute;inset-block-start:-18px;inset-inline-end:-14px;width:120px;height:120px;color:var(--color-brand);opacity:.05;pointer-events:none;transition:opacity var(--dur) var(--ease),transform var(--dur-slow) var(--ease)}.pillar:hover{transform:translateY(-6px);box-shadow:var(--elevation-3),var(--surface-lit);border-color:color-mix(in srgb,var(--color-brand) 40%,var(--color-border))}.pillar:hover .pillar-watermark{opacity:.1;transform:rotate(-6deg) scale(1.05)}.pillar-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5);border-radius:var(--radius-lg);background:var(--gradient-brand);color:var(--color-on-brand);box-shadow:0 6px 16px rgba(var(--ref-green-rgb) / .28)}.pillar-icon svg{width:28px;height:28px;stroke:currentColor;stroke-width:1.6;fill:none}.pillar h3{margin-bottom:var(--space-3);color:var(--color-text-primary)}.pillar p{color:var(--color-text-secondary);font-size:var(--fs-15);margin-bottom:var(--space-4)}.pillar-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-5)}.pillar-tag{font-size:var(--fs-11_5);color:var(--color-text-secondary);padding:4px 10px;border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--color-hairline)}.pillar-link{margin-top:auto;display:inline-flex;align-items:center;gap:6px;color:var(--color-brand-ink);font-weight:var(--fw-semibold);font-size:var(--fs-13)}.pillar-link svg{width:16px;height:16px;transition:transform var(--dur) var(--ease)}.pillar:hover .pillar-link svg{transform:translate(-4px)}.stats{padding:var(--space-9) 0;background:var(--color-bg)}.stats-grid{display:grid;gap:var(--space-5);grid-template-columns:1fr}@media(min-width:720px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.stat-card{position:relative;display:flex;flex-direction:column;padding:var(--space-7) var(--space-6);text-align:center;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--elevation-1);overflow:hidden;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.stat-card:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:4px;background:var(--stat-tone, var(--color-brand))}.stat-card:hover{transform:translateY(-6px);box-shadow:var(--elevation-3);border-color:color-mix(in srgb,var(--stat-tone, var(--color-brand)) 40%,var(--color-border))}.stat-num{font-size:clamp(2.6rem,1.6rem + 3.4vw,3.6rem);font-weight:var(--fw-black);line-height:var(--lh-1);letter-spacing:-.02em;color:var(--stat-tone, var(--color-brand-ink));margin-bottom:var(--space-3)}.stat-label{font-size:var(--fs-17);font-weight:var(--fw-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.stat-desc{font-size:var(--fs-13);color:var(--color-text-secondary);margin:0}.stat-card.tone-brand{--stat-tone: var(--color-brand-ink)}.stat-card.tone-accent{--stat-tone: var(--color-accent-ink)}.process{padding:var(--space-10) 0;background:var(--wash-gold) color-mix(in srgb,var(--color-surface-1) 45%,var(--color-bg))}.steps{display:grid;gap:var(--space-5);grid-template-columns:1fr;position:relative}@media(min-width:768px){.steps{grid-template-columns:repeat(3,1fr)}}.step{position:relative;padding:var(--space-6);background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--surface-lit);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.step:hover{transform:translateY(-4px);box-shadow:var(--elevation-2),var(--surface-lit)}.step-num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:var(--space-4);font-size:var(--fs-17);font-weight:var(--fw-bold);color:var(--color-brand-ink);background:var(--color-brand-tint);border:1.5px solid color-mix(in srgb,var(--color-brand) 50%,transparent);border-radius:var(--radius-pill)}.step h3{margin-bottom:var(--space-2);font-size:var(--fs-17)}.step p{color:var(--color-text-secondary);font-size:var(--fs-13);margin:0}.industries{padding:var(--space-10) 0;background:var(--color-bg)}.ind-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);max-width:820px;margin-inline:auto;list-style:none}.ind-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:9px var(--space-5);background:var(--color-tint-neutral);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--fs-13);font-weight:var(--fw-medium);color:var(--color-text-primary)}.ind-chip svg{width:17px;height:17px;flex:none;stroke:currentColor;stroke-width:1.6;fill:none;color:var(--color-brand)}.tech{padding:var(--space-10) 0;background:color-mix(in srgb,var(--color-surface-1) 45%,var(--color-bg))}.tech-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}@media(min-width:640px){.tech-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:980px){.tech-grid{grid-template-columns:repeat(7,1fr)}}.tech-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-3);background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.tech-item:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--color-brand) 35%,var(--color-border))}.tech-badge{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--gradient-brand);color:var(--color-on-brand);box-shadow:0 4px 12px rgba(var(--ref-green-rgb) / .22);transition:transform var(--dur) var(--ease)}.tech-item:hover .tech-badge{transform:scale(1.08)}.tech-badge svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.6;fill:none}.tech-item span{font-size:var(--fs-13);font-weight:var(--fw-semibold);color:var(--color-text-primary)}.cases{padding:var(--space-10) 0;background:var(--wash-gold) var(--color-bg)}.blog{padding:var(--space-10) 0;background:var(--wash-gold) color-mix(in srgb,var(--color-surface-1) 45%,var(--color-bg))}.card-grid{display:grid;gap:var(--space-5);grid-template-columns:1fr;margin-bottom:var(--space-7)}@media(min-width:768px){.card-grid{grid-template-columns:repeat(3,1fr)}}.card{display:flex;flex-direction:column;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.card:hover{transform:translateY(-4px);box-shadow:var(--elevation-3);border-color:var(--color-border-strong)}.card-media{position:relative;height:160px;display:flex;align-items:center;justify-content:center;background:var(--gradient-brand-soft);overflow:hidden}.card-media .motif{position:absolute;width:90px;height:90px;color:var(--color-brand);opacity:.22}.card-media svg.glyph{width:46px;height:46px;color:var(--color-brand);stroke:currentColor;stroke-width:1.4;fill:none;position:relative}.card-media.has-photo{position:relative;overflow:hidden;padding:0}.card-media.has-photo .media-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(.97);transition:transform .5s ease}.card-media.has-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,color-mix(in srgb,var(--color-surface-1) 72%,transparent),transparent 48%),linear-gradient(135deg,rgba(var(--ref-green-rgb) / .16),rgba(var(--ref-gold-rgb) / .1))}.card-media.has-photo .motif{z-index:1;opacity:.3}.card:hover .card-media.has-photo .media-photo{transform:scale(1.04)}@media(prefers-reduced-motion:reduce){.card-media.has-photo .media-photo{transition:none}.card:hover .card-media.has-photo .media-photo{transform:none}}.card-body{padding:var(--space-5);display:flex;flex-direction:column;flex:1}.card-tag{align-self:flex-start;font-size:var(--fs-10_5);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-brand);padding:3px 10px;margin-bottom:var(--space-3);background:var(--color-brand-tint);border-radius:var(--radius-pill)}.card-meta{font-size:var(--fs-11_5);color:var(--color-text-muted);margin-bottom:var(--space-2)}.card-title{font-size:var(--fs-17);font-weight:var(--fw-bold);color:var(--color-text-primary);margin-bottom:var(--space-2);line-height:var(--lh-snug)}.card-desc{font-size:var(--fs-13);color:var(--color-text-secondary);margin-bottom:var(--space-4);flex:1}.card-link{display:inline-flex;align-items:center;gap:6px;color:var(--color-brand-ink);font-weight:var(--fw-semibold);font-size:var(--fs-13)}.card-link svg{width:16px;height:16px}.section-more{text-align:center}.section-more a{display:inline-flex;align-items:center;gap:6px;font-weight:var(--fw-semibold);font-size:var(--fs-15)}.section-more svg{width:16px;height:16px}.pillar,.step,.card,.tech-item,.stat-card{background-image:var(--card-sheen);border-color:var(--card-border)}@media(pointer:coarse){.pillar-link,.card-link,.section-more a,.chat-secondary a{min-height:44px;align-items:center}}.pillar:focus-within{transform:translateY(-6px);box-shadow:var(--elevation-3),var(--surface-lit);border-color:color-mix(in srgb,var(--color-brand) 40%,var(--card-border))}.pillar:focus-within:after{opacity:1}.pillar:focus-within .pillar-watermark{opacity:.1;transform:rotate(-6deg) scale(1.05)}.pillar:focus-within .pillar-link svg{transform:translate(-4px)}.card:focus-within{transform:translateY(-4px);box-shadow:var(--elevation-3);border-color:var(--color-border-strong)}.footer-social a:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.contact{position:relative;padding:var(--space-10) 0;background:var(--color-brand);color:var(--color-on-brand);overflow:hidden}.contact:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(50% 60% at 85% 10%,rgba(var(--ref-gold-rgb) / .22),transparent 70%),radial-gradient(60% 70% at 10% 100%,rgba(var(--ref-black-rgb) / .18),transparent 70%)}.contact:after{content:"";position:absolute;inset:0;pointer-events:none;background:url(/images/cta-foliage.webp) center / cover no-repeat;opacity:.1;mix-blend-mode:soft-light}.contact .container{position:relative;z-index:1}.contact .section-head h2{color:var(--color-on-brand)}.contact .section-head p{color:rgba(var(--ref-cream-rgb) / .92)}.cta-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;align-items:center}.cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:var(--space-3) var(--space-7);background:var(--color-on-brand);color:var(--color-brand);border:none;border-radius:var(--radius-pill);font-weight:var(--fw-bold);font-size:var(--fs-15);cursor:pointer;transition:background var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.cta-btn:hover{background:var(--color-accent-strong);color:var(--color-brand);transform:translateY(-1px);box-shadow:0 0 0 3px rgba(var(--ref-gold-rgb) / .3)}.cta-btn-ghost{background:transparent;color:var(--color-on-brand);border:1.5px solid rgba(var(--ref-cream-rgb) / .55)}.cta-btn-ghost:hover{background:rgba(var(--ref-cream-rgb) / .12);color:var(--color-on-brand);border-color:var(--color-on-brand);transform:translateY(-1px);box-shadow:none}.cta-btn svg{width:18px;height:18px;flex:none}.cta-mail{margin-top:var(--space-5);font-size:var(--fs-13);color:rgba(var(--ref-cream-rgb) / .92)}.cta-mail a{color:var(--color-on-brand);font-weight:var(--fw-semibold);border-bottom:1px solid rgba(var(--ref-cream-rgb) / .5)}.cta-mail a:hover{color:var(--color-accent-strong)}.contact :focus-visible{outline-color:var(--color-on-brand)}.footer-col a{font-size:var(--fs-13);color:var(--color-text-secondary)}.footer-col a:hover{color:var(--color-brand)}.footer-col .link-btn{background:none;border:none;padding:0;cursor:pointer;font-size:var(--fs-13);color:var(--color-text-secondary);transition:color var(--dur) var(--ease)}.footer-col .link-btn:hover{color:var(--color-brand)}@media(max-width:880px){.nav-links{display:none}}@media(max-width:600px){.hero{padding:var(--space-8) var(--space-4) var(--space-7)}.container{padding-inline:var(--space-4)}.launcher{inset-block-end:var(--space-4);inset-inline-start:var(--space-4);width:52px;height:52px}.panel{inset-block-end:calc(var(--space-4) + 64px);inset-inline-start:var(--space-4)}}
