.presence-actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px 28px; }
.hero-offer-note { display:inline-flex; align-items:center; gap:10px; margin-top:25px; font-size:.84rem; max-width:100%; text-underline-offset:5px; }
.hero-foot { gap:20px; flex-wrap:wrap; }
.presence-section { scroll-margin-top:40px; }
.presence-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin-top:45px; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.presence-card { padding:32px; border-bottom:1px solid var(--line); border-right:1px solid var(--line); min-width:0; }
.presence-card h3 { font-size:1.25rem; margin:20px 0 12px; }
.presence-card p { color:var(--muted); font-size:.96rem; line-height:1.75; margin:0; }
.presence-channel { display:grid; place-items:center; width:46px; height:46px; border:1px solid var(--line); border-radius:50%; font-family:'Forma Sans',sans-serif; font-size:1.65rem; }
.presence-section>.small-print { max-width:820px; margin-top:25px; }
.website-offer { border:1px solid var(--line); background:var(--surface); padding:clamp(24px,4vw,64px); display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:40px 64px; }
.offer-intro h2 { font-family:'Forma Sans',var(--font-body); font-size:clamp(1.75rem,3vw,3.1rem); line-height:1.23; letter-spacing:-.04em; max-width:19ch; margin:22px 0; }
.offer-intro>p:not(.eyebrow) { line-height:1.75; color:var(--muted); max-width:40ch; }
.offer-intro .button { margin-top:14px; }
.offer-breakdown { display:grid; gap:20px; }
.offer-breakdown>div { padding:22px 0; border-bottom:1px solid var(--line); }
.offer-breakdown>div:first-child { padding-top:0; }
.offer-breakdown .eyebrow { display:block; margin:0 0 12px; }
.offer-breakdown strong { display:block; font-family:'Forma Sans',sans-serif; font-size:clamp(2.2rem,4vw,3.6rem); line-height:1.2; letter-spacing:-.04em; }
.offer-breakdown small { font-family:var(--font-body); font-size:1rem; letter-spacing:0; font-weight:500; }
.offer-breakdown p { font-size:.92rem; color:var(--muted); line-height:1.7; max-width:48ch; margin:12px 0 0; }
.offer-scope { grid-column:1/-1; padding-top:12px; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; gap:16px 40px; }
.offer-scope p { margin:0; line-height:1.75; font-size:.91rem; }
.offer-scope .small-print { grid-column:1/-1; }
.presence-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; list-style:none; padding:0; margin:42px 0 0; }
.presence-steps li { border-top:1px solid var(--line); padding-top:24px; }
.presence-steps li>span { font-family:'Forma Sans',sans-serif; font-size:2rem; color:var(--muted); }
.presence-steps h3 { font-size:1.25rem; line-height:1.4; }
.presence-steps p { color:var(--muted); line-height:1.75; }
#ajanlat,#weboldalajanlat { scroll-margin-top:30px; }
@media(min-width:1000px) { .public-site .hero { padding-bottom:50px; } }
@media(max-width:900px) { .presence-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .website-offer { grid-template-columns:1fr; gap:32px; } .offer-intro h2 { max-width:27ch; } .offer-breakdown { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; } .offer-breakdown>div,.offer-breakdown>div:first-child { padding:0 0 20px; } .offer-scope { gap:20px; } }
@media(max-width:640px) { .presence-card { padding:24px 18px; } .presence-card h3 { font-size:1.1rem; } .presence-grid { grid-template-columns:1fr; margin-top:28px; } .presence-steps { grid-template-columns:1fr; gap:24px; } .offer-breakdown { grid-template-columns:1fr; gap:12px; } .offer-breakdown strong { font-size:2.6rem; } .offer-scope { grid-template-columns:1fr; } .hero-offer-note { font-size:.8rem; } .hero-foot { font-size:.7rem; } .presence-actions { gap:18px; } }