.giants-hero { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr); gap:60px; align-items:center; padding:80px 0; }.giants-hero h1 { font-size:clamp(2.7rem,5vw,4.6rem); }.giants-subtitle { max-width:650px; margin:26px 0 0; color:#d7f0ff; font-size:1.05rem; line-height:1.8; }.giants-summary { padding:32px; border:1px solid rgba(255,255,255,.28); border-radius:26px; background:rgba(255,255,255,.1); color:white; }.giants-summary>img { width:86px; height:86px; margin:0 auto 30px; padding:15px; border-radius:22px; background:white; object-fit:contain; }.giants-numbers { display:grid; grid-template-columns:1fr 1fr; gap:24px; text-align:center; }.giants-numbers strong { display:block; font-size:4.3rem; line-height:1; font-weight:900; letter-spacing:-.06em; }.giants-numbers span { display:block; margin-top:12px; font-size:.72rem; font-weight:650; line-height:1.6; }.giants-summary>p { margin:28px 0 0; padding-top:22px; border-top:1px solid rgba(255,255,255,.22); color:#ddf5ff; font-size:.73rem; text-align:center; }
.giants-section { padding:76px 0; }.giants-section h2 { font-size:clamp(2rem,3.6vw,3.1rem); }.giants-proof { margin:38px 0; }.giants-proof img { width:100%; height:auto; border:1px solid var(--line); border-radius:20px; box-shadow:0 16px 40px rgba(12,42,81,.08); }.giants-proof figcaption { margin-top:14px; color:var(--muted); font-size:.78rem; text-align:center; }.giants-list { padding-left:22px; margin:20px 0 0; }.giants-list li { margin:12px 0; padding-left:5px; }.giants-list li::marker { color:var(--blue); }.giants-impact { background:#0c2a51; color:#d9eafa; }.giants-impact h2 { color:white; }.giants-impact .section-kicker { color:#85e0f3; }.giants-wins-heading { max-width:790px; margin-bottom:38px; }.giants-history { padding:20px 24px; border-left:4px solid var(--cyan); border-radius:0 14px 14px 0; background:#e5f2fb; color:#28516d; font-size:.84rem; }
.giant-placement-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }.giant-placement { display:flex; min-width:0; flex-direction:column; padding:30px; border:1px solid var(--line); border-radius:24px; background:white; color:var(--ink); text-decoration:none; box-shadow:0 14px 40px rgba(12,42,81,.06); transition:transform 200ms ease,box-shadow 200ms ease; }.giant-placement:hover { transform:translateY(-4px); box-shadow:0 24px 46px rgba(12,42,81,.12); }.giant-placement:focus-visible { outline:3px solid var(--blue); outline-offset:4px; }.giant-placement-top { display:flex; justify-content:space-between; gap:18px; margin-bottom:26px; color:var(--muted); font-size:.66rem; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }.giant-placement h3 { margin-bottom:14px; font-size:1.65rem; }.placement-title { flex:1; color:var(--muted); font-size:.9rem; }.placement-anchor { margin:4px 0 24px; padding:18px 20px; border-radius:14px; background:var(--tint); }.placement-anchor>span { display:block; margin-bottom:8px; color:var(--muted); font-size:.63rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.placement-anchor strong { color:#17446a; font-size:.94rem; }.placement-note { color:var(--muted); font-size:.82rem; }.placement-action { display:flex; justify-content:space-between; gap:20px; padding-top:20px; border-top:1px solid var(--line); color:var(--blue); font-size:.8rem; font-weight:800; }
@media(max-width:900px) { .giants-hero { grid-template-columns:1fr; gap:36px; padding:64px 0; }.giants-summary { width:min(440px,100%); }.nav-shell { flex-wrap:wrap; padding:12px 0; }.nav-links { display:flex; order:3; width:100%; margin:0; gap:22px; overflow-x:auto; padding:7px 0; }.nav-links a { flex-shrink:0; } }
@media(max-width:620px) { .giants-section { padding:56px 0; }.giant-placement-grid { grid-template-columns:1fr; }.giant-placement { padding:26px; }.giants-hero h1 { font-size:clamp(2.3rem,10vw,3.5rem); } }
@media(prefers-reduced-motion:reduce) { .giant-placement { transition:none; }.giant-placement:hover { transform:none; } }

/* Official publisher logos and branded card headers. */
.giant-placement { padding:0; overflow:hidden; }.giant-placement-copy { display:flex; flex:1; flex-direction:column; min-width:0; padding:30px; background:linear-gradient(180deg,#fff,#fcfdff); }
.giant-brand-visual { --brand-accent:#0878c9; --brand-tint:#e8f5ff; position:relative; display:flex; min-height:195px; flex-direction:column; align-items:center; justify-content:center; gap:18px; overflow:hidden; padding:30px; background:var(--brand-tint); isolation:isolate; }
.giant-brand-visual::before { content:""; position:absolute; width:260px; height:260px; top:-150px; right:-80px; border:1px solid var(--brand-accent); border-radius:50%; opacity:.12; box-shadow:0 0 0 34px var(--brand-tint),0 0 0 35px var(--brand-accent),0 0 0 68px var(--brand-tint),0 0 0 69px var(--brand-accent); z-index:-1; transition:transform 300ms ease; }
.giant-placement:hover .giant-brand-visual::before { transform:translate(-10px,10px); }.giant-placement--ifttt .giant-brand-visual { --brand-accent:#263d57; --brand-tint:#edf2f7; }.giant-placement--make .giant-brand-visual { --brand-accent:#6d25cf; --brand-tint:#f2ebfc; }.giant-placement--integrately .giant-brand-visual { --brand-accent:#e77a29; --brand-tint:#fff2e8; }.giant-placement--zapier .giant-brand-visual { --brand-accent:#ff4f00; --brand-tint:#fff1e9; }
.giant-placement-number { position:absolute; top:20px; left:24px; color:var(--brand-accent); font-size:.7rem; font-weight:850; letter-spacing:.1em; }
.giant-brand-frame { display:grid; place-items:center; width:min(260px,82%); min-height:95px; padding:24px 30px; border:1px solid rgba(255,255,255,.9); border-radius:20px; background:#fff; box-shadow:0 14px 30px rgba(12,42,81,.08); transition:transform 220ms ease,box-shadow 220ms ease; }.giant-brand-frame img { display:block; width:100%; max-width:185px; height:44px; object-fit:contain; }.giant-placement:hover .giant-brand-frame { transform:translateY(-3px); box-shadow:0 20px 35px rgba(12,42,81,.12); }.giant-brand-caption { color:var(--brand-accent); font-size:.62rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.giant-placement:last-child { display:grid; grid-column:1 / -1; grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr); }.giant-placement:last-child .giant-brand-visual { min-height:100%; }.giant-placement:last-child .giant-brand-frame { width:min(290px,85%); min-height:115px; }.giant-placement:last-child .giant-brand-frame img { max-width:210px; height:56px; }.giant-placement:last-child .giant-placement-copy { padding:36px; }
@media(max-width:620px) { .giant-placement-copy,.giant-placement:last-child .giant-placement-copy { padding:26px; }.giant-placement:last-child { display:flex; grid-column:auto; }.giant-placement:last-child .giant-brand-visual { min-height:195px; }.giant-placement:last-child .giant-brand-frame { width:min(260px,82%); min-height:95px; }.giant-placement:last-child .giant-brand-frame img { max-width:185px; height:44px; } }
@media(prefers-reduced-motion:reduce) { .giant-brand-frame,.giant-brand-visual::before { transition:none; }.giant-placement:hover .giant-brand-frame,.giant-placement:hover .giant-brand-visual::before { transform:none; } }