/* Agentcy landing page — built on the homepage token system.
   Light ground, Geist, #1a1a1a text, 5% gutters, 65rem measure,
   pill buttons with the pastel holographic edge. */
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#1a1a1a;font-family:Geist,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.375em;letter-spacing:-.03em}
.al-wrap{width:100%;max-width:65rem;margin:0 auto;padding-left:5%;padding-right:5%}
.al-section{padding:6.25rem 0;border-top:1px solid #00000014}
.al-hero{padding:6.25rem 0 4rem}
.al-nav{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0}
.al-logo{font-weight:600;letter-spacing:-.04em;font-size:1.25rem;color:#1a1a1a;text-decoration:none}
.al-navlink{color:#1a1a1a;font-size:.9375rem;text-decoration:none;border-bottom:1px solid #00000033;padding-bottom:.125rem}
.al-navlink:hover{border-bottom-color:#1a1a1a}
/* Hero: offer-led. This is paid ad traffic, not the brand homepage, so the
   price, the risk removal and the proof sit above the fold. Light ground,
   same tokens and hologram accent as the rest of the site. */
.al-hero{padding:7rem 0 5.5rem;background:#fff;color:#1a1a1a;position:relative;overflow:hidden}
.al-hero .al-h2{color:#1a1a1a;max-width:20ch}
.al-hero .al-lede{max-width:36rem}
/* Hologram accent, same pastel token range as .hero-heading */
.al-holo{background-image:linear-gradient(90deg,#c9aaff,#feffbc 25%,#ffcdfd 50%,#b3e2ff 75%,#839aff);color:transparent;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}
/* Offer chips: the four facts that answer "what does this cost and am I stuck" */
.al-chips{list-style:none;display:flex;flex-wrap:wrap;gap:.625rem;padding:0;margin:0 0 2.5rem}
.al-chips li{background:#f2f2f2;border-radius:100vw;padding:.5rem 1rem;font-size:.875rem;letter-spacing:-.02em;color:#1a1a1a}
/* Proof strip: real numbers, visible without scrolling */
.al-proofstrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:3.5rem;padding-top:2rem;border-top:1px solid #00000014;max-width:40rem}
.al-proofstrip b{display:block;font-size:1.75rem;font-weight:600;letter-spacing:-.04em;line-height:1.1}
.al-proofstrip span{display:block;color:#525252;font-size:.875rem;margin-top:.25rem;line-height:1.4}
/* Scroll-in: gated behind a runtime js class so the page is never blank. */
.js .al-anim{opacity:0;transform:translateY(18px)}
/* Eyebrow, matching the homepage 001 / 002 pattern */
.al-eyebrow{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}
.al-eyebrow-num{font-size:.875rem;color:#8e8e93}
.al-eyebrow-dot{width:.375rem;height:.375rem;border-radius:100vw;background:#1a1a1a}
.al-eyebrow-text{font-size:.875rem;color:#1a1a1a;text-transform:uppercase;letter-spacing:.12em}
/* Type, reusing the homepage scale */
.al-h2{font-size:3rem;line-height:1em;font-weight:500;letter-spacing:-.05em;margin:0 0 1.5rem;overflow:hidden}
.al-h2 em{font-style:normal;color:#525252}
.al-h3{font-size:1.5rem;line-height:1.2em;font-weight:600;letter-spacing:-.04em;margin:0 0 1rem}
.al-lede{font-size:1.25rem;line-height:1.4;color:#1a1a1a;max-width:38rem;margin:0 0 1.25rem}
.al-body{color:#525252;line-height:1.6;max-width:40rem;margin:0 0 2.5rem}
/* Buttons: black pill inside a pastel holographic edge */
.al-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-height:3.75rem;border-radius:100vw;background:linear-gradient(270deg,#c9aaff,#feffbc 25%,#ffcdfd 50%,#b3e2ff 75%,#839aff);padding:2px;text-decoration:none;border:0;cursor:pointer;font-family:inherit}
.al-btn span{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:100vw;background:#000;color:#fff;font-weight:500;padding:1rem 1.5rem;font-size:1rem;letter-spacing:-.02em}
.al-btn:hover span{background:#1a1a1a}
.al-btn.al-ghost{background:#00000014}
.al-btn.al-ghost span{background:#fff;color:#1a1a1a}
.al-btn.al-ghost:hover span{background:#f2f2f2}
.al-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.5rem}
/* Cards */
.al-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.5rem}
.al-card{background:#f2f2f2;border-radius:1.5rem;padding:2rem;display:flex;flex-direction:column}
.al-card h3{margin:0 0 .75rem;font-size:1.25rem;font-weight:600;letter-spacing:-.03em;line-height:1.3}
.al-card p{margin:0;color:#525252;font-size:.9375rem;line-height:1.6}
/* Proof stats */
.al-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1.5rem;margin-top:2rem}
.al-stat{border-left:2px solid #1a1a1a;padding-left:1rem}
.al-stat b{display:block;font-size:1.75rem;font-weight:600;letter-spacing:-.04em;line-height:1.1}
.al-stat span{display:block;color:#525252;font-size:.875rem;margin-top:.25rem;line-height:1.4}
/* Payment split */
.al-pay{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.5rem}
.al-pay>div{background:#f2f2f2;border-radius:1.5rem;padding:2rem}
.al-pay .amt{font-size:2.5rem;font-weight:600;letter-spacing:-.04em;line-height:1}
.al-pay .when{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#525252;margin:.75rem 0 .5rem}
.al-pay .what{color:#525252;font-size:.9375rem;line-height:1.55;margin:0}
/* Guarantee callout */
.al-guarantee{background:#f2f2f2;border-radius:1.5rem;padding:2rem;margin-top:1.5rem}
.al-guarantee b{font-weight:600}
.al-guarantee p{margin:.75rem 0 0;color:#525252;line-height:1.6}
/* Rules list */
.al-list{list-style:none;padding:0;margin:0;max-width:40rem}
.al-list li{padding:1rem 0 1rem 1.75rem;position:relative;border-bottom:1px solid #00000014;line-height:1.6;color:#1a1a1a}
.al-list li:before{content:"";position:absolute;left:0;top:1.35rem;width:.75rem;height:.4rem;border-left:2px solid #1a1a1a;border-bottom:2px solid #1a1a1a;transform:rotate(-45deg)}
/* Form */
.al-form{display:grid;gap:1rem;max-width:32rem}
.al-form label{display:block;font-size:.875rem;color:#525252;margin-bottom:.5rem}
.al-form input,.al-form textarea,.al-form select{width:100%;background:#f2f2f2;border:1px solid #00000014;border-radius:1rem;padding:1rem 1.125rem;font-family:inherit;font-size:1rem;color:#1a1a1a}
.al-form input:focus,.al-form textarea:focus,.al-form select:focus{outline:2px solid #1a1a1a;outline-offset:1px}
.al-form textarea{min-height:6rem;resize:vertical}
.al-form .al-submit{justify-self:start;margin-top:.5rem}
.al-note{font-size:.8125rem;color:#8e8e93;line-height:1.6;margin:.5rem 0 0}
.al-ok{color:#1a1a1a;font-weight:500}
.al-err{color:#c0392b}
/* Footer */
.al-foot{padding:4rem 0 6rem;border-top:1px solid #00000014;color:#525252;font-size:.9375rem;line-height:1.8}
.al-foot a{color:#1a1a1a}
/* Sticky mobile call bar, matching the homepage */
.al-callbar{position:fixed;left:0;right:0;bottom:0;z-index:9998;display:none;gap:.5rem;padding:.625rem .75rem calc(.625rem + env(safe-area-inset-bottom));background:#fffffff2;backdrop-filter:blur(12px);border-top:1px solid #00000014}
.al-callbar a{flex:1;text-align:center;padding:.9375rem .625rem;border-radius:100vw;font-weight:500;font-size:.9375rem;text-decoration:none}
.al-callbar .wa{background:#000;color:#fff}
.al-callbar .tel{background:#f2f2f2;color:#1a1a1a;border:1px solid #0000001f}
@media(max-width:768px){
  .al-section,.al-hero{padding:4rem 0}
  .al-h2{font-size:2.25rem}
  .al-proofstrip{grid-template-columns:1fr;gap:1rem;margin-top:2.5rem;padding-top:1.5rem}
  .al-callbar{display:flex}
  body{padding-bottom:5rem}
}
@media(max-width:480px){.al-actions{flex-direction:column;align-items:stretch}.al-btn{width:100%}}