.offers-page .offers-hero { min-height:660px; padding:76px 48px 70px; display:grid; grid-template-columns:minmax(0,.94fr) minmax(430px,1.06fr); align-items:center; gap:clamp(36px,6vw,90px); overflow:hidden; }
.offers-hero-copy { position:relative; z-index:1; max-width:620px; }
.offers-hero h1 { margin:24px 0 20px; font-size:clamp(48px,6vw,78px); line-height:.99; letter-spacing:-.065em; }
.offers-hero h1 em { color:var(--accent); font-family:var(--serif); font-weight:400; letter-spacing:-.035em; }
.offers-hero .hero-lead { max-width:570px; }
.offers-hero .hero-actions { margin-top:30px; }
.offers-proof { display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:38px; color:var(--ink-secondary); font-size:11px; font-weight:700; }
.offers-proof i { color:var(--accent); font-style:normal; }
.offers-hero-art { position:relative; min-height:440px; isolation:isolate; }
.offers-hero-art::before { position:absolute; z-index:-1; inset:38px 10px 18px 40px; border:1px solid var(--border); border-radius:46% 46% 26px 26px; background:radial-gradient(ellipse at 63% 32%,var(--accent-soft),transparent 58%),linear-gradient(135deg,var(--surface),transparent 72%); content:""; transform:rotate(3deg); }
.offers-hero-art::after { position:absolute; z-index:-1; top:7%; right:0; width:110px; height:110px; border:1px solid var(--border-strong); border-radius:50%; content:""; }
.offers-hero-art figure { position:absolute; margin:0; overflow:hidden; border:1px solid rgba(255,255,255,.2); border-radius:18px; background:#0d1925; box-shadow:var(--shadow-lg); }
.offers-hero-art figure img { display:block; width:100%; height:100%; object-fit:cover; }
.offers-hero-art figure figcaption { position:absolute; right:0; bottom:0; left:0; display:grid; gap:3px; padding:24px 16px 14px; color:#fff; background:linear-gradient(transparent,rgba(4,10,16,.92)); }
.offers-hero-art figcaption span { color:#d3ff80; font-size:9px; font-weight:800; letter-spacing:.15em; }
.offers-hero-art figcaption strong { font-size:13px; }
.art-site { top:36px; right:7%; width:72%; height:210px; transform:rotate(2.2deg); }
.art-software { right:17%; bottom:20px; width:72%; height:225px; transform:rotate(-3deg); }
.art-software img { object-position:center 30%; }
.art-stamp { position:absolute; z-index:2; top:0; left:5%; display:flex; align-items:center; gap:16px; padding:11px 15px; border:1px solid var(--border); border-radius:3px; background:var(--surface-glass); color:var(--ink-secondary); font-size:9px; font-weight:800; letter-spacing:.15em; backdrop-filter:blur(14px); transform:rotate(-5deg); }
.art-stamp span { color:var(--accent); font-size:18px; }
.art-note { position:absolute; right:0; bottom:0; color:var(--ink-muted); font-family:var(--serif); font-size:13px; font-style:italic; line-height:1.25; transform:rotate(-6deg); }
.offers-intro { padding-block:100px; background:var(--bg-alt); }
.offers-section-heading { display:grid; grid-template-columns:minmax(0,.95fr) minmax(280px,.65fr); column-gap:7%; align-items:end; margin-bottom:42px; }
.offers-section-heading .eyebrow { grid-column:1/-1; }
.offers-section-heading h2,.process-heading h2,.fit-copy h2 { margin:0; font-size:clamp(38px,4.6vw,58px); line-height:1.04; letter-spacing:-.055em; }
.offers-section-heading>p:last-child { margin:0 0 6px; color:var(--ink-secondary); font-size:15px; }
.offer-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.offer-panel { position:relative; min-height:560px; padding:clamp(26px,4vw,44px); border:1px solid var(--border); border-radius:var(--radius-lg); background:var(--surface); overflow:hidden; }
.offer-panel::after { position:absolute; right:-70px; bottom:-105px; width:240px; height:240px; border:1px solid var(--border); border-radius:50%; content:""; box-shadow:0 0 0 28px color-mix(in srgb,var(--border) 42%,transparent),0 0 0 56px color-mix(in srgb,var(--border) 22%,transparent); pointer-events:none; }
.offer-panel-site { background:linear-gradient(150deg,var(--surface),color-mix(in srgb,#4c8890 12%,var(--surface)) 65%,var(--surface)); }
.offer-panel-software { background:linear-gradient(150deg,var(--surface),color-mix(in srgb,#df643f 10%,var(--surface)) 68%,var(--surface)); }
.offer-panel-top { display:flex; align-items:center; gap:12px; }
.offer-index { display:grid; place-items:center; width:36px; height:36px; border:1px solid var(--border-strong); border-radius:50%; color:var(--accent); font-family:var(--serif); font-size:17px; }
.offer-label { color:var(--ink-secondary); font-size:10px; font-weight:800; letter-spacing:.18em; }
.offer-mark { margin-left:auto; color:var(--accent); font-size:23px; }
.offer-panel h3 { margin:34px 0 13px; font-size:clamp(26px,3vw,36px); line-height:1.12; letter-spacing:-.045em; }
.offer-panel>p { max-width:560px; color:var(--ink-secondary); }
.offer-list { display:grid; gap:14px; margin:26px 0; padding:0; list-style:none; }
.offer-list li { display:grid; grid-template-columns:28px 1fr; gap:10px; align-items:start; font-size:13px; }
.offer-list li span { color:var(--accent); font-size:10px; font-weight:800; }
.offer-result { position:relative; z-index:1; margin:28px 0 17px; padding:14px 16px; border-left:2px solid var(--accent); background:var(--accent-soft); }
.offer-result>span { color:var(--accent); font-size:9px; font-weight:800; letter-spacing:.16em; }
.offer-result p { margin:4px 0 0; font-size:12px; }
.offer-link { position:relative; z-index:1; display:inline-flex; align-items:center; gap:9px; color:var(--accent); font-size:13px; font-weight:800; }
.offer-link span,.offers-bridge>a span { transition:transform .2s ease; }
.offer-link:hover span,.offers-bridge>a:hover span { transform:translateX(4px); }
.offers-bridge { display:grid; grid-template-columns:52px 1fr auto; gap:22px; align-items:center; margin-top:20px; padding:28px 32px; border:1px solid var(--border); border-radius:var(--radius-md); background:var(--bg); }
.bridge-symbol { display:grid; place-items:center; width:48px; height:48px; border:1px solid var(--border-strong); border-radius:50%; color:var(--accent); font-size:21px; }
.offers-bridge .eyebrow { margin:0 0 4px; }
.offers-bridge h3 { margin:0; font-size:21px; letter-spacing:-.03em; }
.offers-bridge p:last-child { max-width:720px; margin:5px 0 0; color:var(--ink-secondary); font-size:12px; }
.offers-bridge>a { display:inline-flex; align-items:center; gap:8px; color:var(--accent); font-size:12px; font-weight:800; white-space:nowrap; }
.offers-process { padding-block:105px; }
.process-heading { display:flex; justify-content:space-between; align-items:end; gap:50px; margin-bottom:54px; }
.process-heading .eyebrow { margin-bottom:14px; }
.process-heading>p { max-width:425px; margin:0 0 5px; color:var(--ink-secondary); }
.process-rail { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; }
.process-step { position:relative; padding:0 22px 0 0; }
.step-number { display:inline-block; color:var(--accent); font-family:var(--serif); font-size:25px; }
.step-line { position:relative; height:1px; margin:13px 0 22px; background:var(--border-strong); }
.step-line::after { position:absolute; top:-3px; right:0; width:7px; height:7px; border:1px solid var(--accent); border-radius:50%; background:var(--bg); content:""; }
.process-step .eyebrow { margin-bottom:8px; font-size:9px; }
.process-step h3 { margin:0 0 9px; font-size:18px; line-height:1.2; letter-spacing:-.03em; }
.process-step>p:not(.eyebrow) { margin:0; color:var(--ink-secondary); font-size:12px; }
.step-output { display:block; margin-top:18px; color:var(--ink); font-size:10px; font-weight:800; }
.step-output::before { margin-right:7px; color:var(--accent); content:"↳"; }
.offers-fit { padding-block:90px; background:var(--bg-alt); }
.fit-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:12%; align-items:center; }
.fit-copy h2 { margin-bottom:20px; }
.fit-copy>p:not(.eyebrow) { max-width:480px; margin-bottom:26px; color:var(--ink-secondary); }
.fit-details { border-top:1px solid var(--border-strong); }
.fit-detail { display:grid; grid-template-columns:42px 1fr; gap:17px; padding:23px 0; border-bottom:1px solid var(--border-strong); }
.fit-detail>span { color:var(--accent); font-family:var(--serif); font-size:18px; }
.fit-detail h3 { margin:0 0 5px; font-size:16px; }
.fit-detail p { margin:0; color:var(--ink-secondary); font-size:13px; }
.offers-cta { min-height:500px; }
@media(max-width:1080px) { .offers-page .offers-hero { padding-inline:28px; grid-template-columns:1fr 1fr; gap:28px; } .offers-proof { gap:8px 14px; } .process-rail { grid-template-columns:repeat(5,minmax(150px,1fr)); overflow-x:auto; padding-bottom:15px; } .process-step { min-width:150px; } .fit-grid { gap:7%; } }
@media(max-width:780px) { .offers-page .offers-hero { min-height:0; padding:62px 20px 55px; grid-template-columns:1fr; gap:20px; } .offers-hero h1 { font-size:clamp(44px,12vw,64px); } .offers-hero-art { width:min(100%,540px); min-height:400px; margin:0 auto; } .art-site { width:76%; right:4%; } .art-software { width:76%; right:13%; } .offers-intro,.offers-process { padding-block:72px; } .offers-section-heading { grid-template-columns:1fr; gap:12px; margin-bottom:28px; } .offers-section-heading .eyebrow { grid-column:auto; } .offers-section-heading>p:last-child { max-width:560px; } .offer-pair { grid-template-columns:1fr; } .offer-panel { min-height:0; padding:28px 24px; } .offers-bridge { grid-template-columns:44px 1fr; padding:22px; gap:15px; } .bridge-symbol { width:42px; height:42px; } .offers-bridge>a { grid-column:2; } .process-heading { display:block; margin-bottom:35px; } .process-heading>p { margin-top:17px; } .process-rail { grid-template-columns:1fr; overflow:visible; gap:0; } .process-step { display:grid; grid-template-columns:42px 1fr; column-gap:14px; padding:0 0 27px; } .step-number { grid-column:1; grid-row:1/5; } .step-line { grid-column:1; grid-row:5; width:1px; height:100%; min-height:30px; margin:12px auto 0; background:var(--border-strong); } .step-line::after { top:0; left:-3px; right:auto; } .process-step .eyebrow,.process-step h3,.process-step>p:not(.eyebrow),.process-step .step-output { grid-column:2; } .process-step .eyebrow { margin:0 0 6px; } .process-step h3 { font-size:19px; } .step-output { margin-top:10px; } .offers-fit { padding-block:70px; } .fit-grid { grid-template-columns:1fr; gap:35px; } }
@media(max-width:420px) { .offers-hero-art { min-height:330px; } .art-site { height:164px; } .art-software { height:175px; } .art-note { font-size:11px; } .offers-proof { flex-direction:column; } .offers-bridge { grid-template-columns:1fr; } .offers-bridge>a { grid-column:1; } .offer-panel h3 { font-size:27px; } }
@media(prefers-reduced-motion:reduce) { .offers-page *,.offers-page *::before,.offers-page *::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }