/* ========================================================================== Finstem Accountancy — Elite Design System Premium,modern,Stripe/Linear-tier visual quality Plain CSS,mobile-first,no dependencies ========================================================================== */ /* --- Skip link (accessibility + SEO) --- */ .skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:9999;padding:0.75rem 1.5rem;background:var(--color-primary,#112240);color:#fff;font-weight:600;text-decoration:none;border-radius:0 0 0.5rem 0}.skip-link:focus{position:fixed;left:0;top:0;width:auto;height:auto;overflow:visible}/* --- Self-hosted Inter font (no Google Fonts dependency) --- */ @font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}/* --- Design Tokens --- */:root{/* Colours */ --color-primary:#112240;--color-primary-light:#1B2D45;--color-accent:#2E86AB;--color-accent-light:#3A9BC5;--color-cta:#17A398;--color-cta-hover:#149085;--color-cta-glow:rgba(23,163,152,0.25);--color-bg:#F8FAFB;--color-bg-alt:#F0F4F7;--color-text:#1A1A2E;--color-text-secondary:#4A5568;--color-success:#1E8449;--color-error:#C0392B;--color-white:#FFFFFF;--color-border:rgba(13,27,42,0.08);--color-border-strong:rgba(13,27,42,0.12);--color-muted:#64748B;--color-card-bg:rgba(255,255,255,0.7);--color-hero-bg:#112240;--color-hero-text:#F5F7FA;/* Gradients */ --gradient-hero:linear-gradient(135deg,#112240 0%,#152B4A 40%,#1E3F62 100%);--gradient-cta:linear-gradient(135deg,#17A398 0%,#2E86AB 100%);--gradient-cta-hover:linear-gradient(135deg,#149085 0%,#266F8F 100%);--gradient-card-border:linear-gradient(135deg,rgba(46,134,171,0.3),rgba(23,163,152,0.1),rgba(13,27,42,0.05));--gradient-glow:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(46,134,171,0.06),transparent 40%);--gradient-section:radial-gradient(ellipse at 50% 0%,rgba(46,134,171,0.04) 0%,transparent 60%);/* Spacing (4px base) */ --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;/* Typography */ --font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.75rem;--font-size-4xl:3.5rem;--font-size-5xl:4.5rem;--line-height-tight:1.1;--line-height-snug:1.25;--line-height-normal:1.5;--line-height-relaxed:1.7;--letter-spacing-tight:-0.03em;--letter-spacing-normal:-0.01em;/* Layout */ --container-max:1160px;--container-narrow:720px;--border-radius:10px;--border-radius-sm:6px;--border-radius-lg:16px;--border-radius-xl:24px;--header-height:72px;/* Shadows — layered for depth */ --shadow-sm:0 1px 2px rgba(13,27,42,0.04),0 1px 3px rgba(13,27,42,0.06);--shadow-md:0 2px 4px rgba(13,27,42,0.03),0 4px 16px rgba(13,27,42,0.06);--shadow-lg:0 4px 8px rgba(13,27,42,0.03),0 8px 32px rgba(13,27,42,0.08);--shadow-xl:0 8px 16px rgba(13,27,42,0.04),0 16px 48px rgba(13,27,42,0.1);--shadow-glow:0 0 20px var(--color-cta-glow),0 4px 16px rgba(13,27,42,0.08);/* Transitions */ --transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-base:0.25s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.4s cubic-bezier(0.4,0,0.2,1)}/* --- Reset & Base --- */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-weight:var(--font-weight-regular);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:var(--letter-spacing-normal)}img{display:block;max-width:100%}svg{max-width:100%}.logo__icon{display:block;width:28px;height:28px;flex-shrink:0}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-cta)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--border-radius-sm)}ul,ol{list-style:none}h1,h2,h3,h4{font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--color-primary);letter-spacing:var(--letter-spacing-tight)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-md)}p{line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}/* --- Container --- */ .container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-5)}.container--narrow{max-width:var(--container-narrow)}/* --- Buttons --- */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:13px var(--space-6);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;position:relative;letter-spacing:0}.btn:active{transform:scale(0.97)}.btn--cta{background:var(--gradient-cta);color:var(--color-white);box-shadow:0 2px 8px var(--color-cta-glow),0 1px 2px rgba(0,0,0,0.06)}.btn--cta:hover{background:var(--gradient-cta-hover);box-shadow:var(--shadow-glow);color:var(--color-white);transform:translateY(-1px)}.btn--cta:active{transform:translateY(0) scale(0.98)}.btn--outline{background-color:transparent;color:var(--color-accent);border:1.5px solid var(--color-border-strong);padding:12px var(--space-6)}.btn--outline:hover{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--full{width:100%}.btn--lg{padding:16px 36px;font-size:var(--font-size-base);border-radius:var(--border-radius-lg)}.btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;box-shadow:none}/* --- Header / Navigation — Frosted Glass --- */ .site-header{position:sticky;top:0;z-index:100;background-color:rgba(248,250,251,0.8);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--color-border);height:var(--header-height);transition:background-color var(--transition-base),box-shadow var(--transition-base)}.site-header.scrolled{box-shadow:var(--shadow-sm);background-color:rgba(248,250,251,0.95)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:100%}.logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);letter-spacing:-0.04em;transition:opacity var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-2)}.logo:hover{color:var(--color-primary);opacity:0.8}.nav-links{display:none;gap:var(--space-1);align-items:center}.nav-links a{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted);padding:var(--space-2) var(--space-3);border-radius:var(--border-radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.nav-links a:hover{color:var(--color-text);background-color:rgba(13,27,42,0.04)}.nav-links a.active{color:var(--color-text);background-color:rgba(13,27,42,0.06)}.nav-cta{display:none}.nav-cta.btn--cta{padding:12px var(--space-6);font-size:var(--font-size-sm)}/* Header WhatsApp icon — hidden,replaced by header contact strip */ .header-wa{display:none}/* Hamburger */ .hamburger{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--border-radius-sm);transition:background-color var(--transition-fast)}.hamburger:hover{background-color:rgba(13,27,42,0.04)}.hamburger span{display:block;width:22px;height:1.5px;background-color:var(--color-primary);transition:transform 0.3s ease,opacity 0.3s ease;border-radius:1px}.hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.hamburger[aria-expanded="true"] span:nth-child(2){opacity:0}.hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}/* Mobile menu overlay */ .mobile-nav{display:none;position:fixed;inset:0;top:var(--header-height);background-color:rgba(248,250,251,0.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:99;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:var(--space-8) var(--space-7);gap:var(--space-5)}.mobile-nav.open{display:flex}.mobile-nav a{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--color-text);letter-spacing:var(--letter-spacing-tight)}.mobile-nav a:hover,.mobile-nav a.active{color:var(--color-accent)}.mobile-nav .btn{margin-top:var(--space-5)}/* Desktop nav */ @media (min-width:768px){.nav-links{display:flex}.nav-cta{display:inline-flex}.hamburger{display:none}.header-wa{display:none}}/* --- Header contact strip (mobile only) --- */ .header-contact-strip{display:none}@media (max-width:767px){.header-contact-strip{display:flex;justify-content:center;gap:8px;position:sticky;top:var(--header-height);z-index:99;background-color:rgba(248,250,251,0.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);padding:6px 16px}.header-contact-strip__btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:100px;font-size:12px;font-weight:600;font-family:'Inter',var(--font-family);text-decoration:none;transition:opacity 0.15s;line-height:1}.header-contact-strip__btn:active{opacity:0.85}.header-contact-strip__btn svg{flex-shrink:0}.header-contact-strip__btn--call{background:var(--color-primary);color:var(--color-white)}.header-contact-strip__btn--wa{background:#25D366;color:var(--color-white)}}/* Legacy bottom bar — hidden */ .mobile-contact-bar{display:none}/* Legacy mobile CTA bar — keep for fallback */ .mobile-cta-bar{display:none}/* --- Hero Section — Gradient Mesh --- */ .hero{background:var(--gradient-hero);color:var(--color-hero-text);padding:var(--space-6) 0 var(--space-7);position:relative;overflow:hidden}/* Ambient gradient orbs */ .hero::before{content:'';position:absolute;top:-30%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(46,134,171,0.15) 0%,transparent 70%);pointer-events:none}.hero::after{content:'';position:absolute;bottom:-40%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,rgba(23,163,152,0.1) 0%,transparent 70%);pointer-events:none}.hero__inner{position:relative;z-index:1;max-width:680px}/* Badge / pill above headline */ .hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);border-radius:100px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:rgba(245,247,250,0.7);margin-bottom:var(--space-6);letter-spacing:0.02em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero__badge svg{width:14px;height:14px;color:var(--color-cta)}.hero h1{color:var(--color-white);font-size:var(--font-size-3xl);margin-bottom:var(--space-4);letter-spacing:-0.035em;line-height:var(--line-height-tight)}.hero__sub{font-size:var(--font-size-md);color:rgba(245,247,250,0.65);margin-bottom:var(--space-5);line-height:var(--line-height-relaxed);max-width:520px}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}@media (max-width:767px){.hero__actions{justify-content:center}}.hero__actions .btn--cta{padding:18px 44px;font-size:var(--font-size-md);border-radius:var(--border-radius-lg)}.hero__link{color:rgba(245,247,250,0.6);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.hero__link:hover{color:var(--color-white)}/* Hero geometric background SVG */ .hero__bg{position:absolute;top:0;right:0;bottom:0;width:55%;opacity:0.15;pointer-events:none}@media (min-width:768px){.hero{padding:var(--space-10) 0}.hero h1{font-size:var(--font-size-5xl)}.hero__sub{font-size:var(--font-size-lg)}}/* --- Trust Bar --- */ .trust-bar{background-color:var(--color-white);border-bottom:1px solid var(--color-border);padding:var(--space-5) 0}.trust-bar__inner{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4) var(--space-7)}.trust-bar__item{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-muted);display:flex;align-items:center;gap:var(--space-2);letter-spacing:0.01em;text-transform:uppercase}.trust-bar__item svg{width:14px;height:14px;flex-shrink:0;color:var(--color-cta)}/* --- Section Defaults --- */ .section{padding:var(--space-9) 0;position:relative}@media (min-width:768px){.section{padding:var(--space-10) 0}}.section__header{text-align:center;margin-bottom:var(--space-8)}.section__header h2{margin-bottom:var(--space-4);font-size:var(--font-size-2xl)}@media (min-width:768px){.section__header h2{font-size:var(--font-size-3xl)}}.section__header p{color:var(--color-muted);max-width:480px;margin:0 auto;font-size:var(--font-size-md)}/* Subtle radial glow behind sections */ .section--glow::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:100%;background:var(--gradient-section);pointer-events:none}/* --- Stats Bar --- */ .stats-bar{padding:var(--space-8) 0;background-color:var(--color-white);border-bottom:1px solid var(--color-border)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat{text-align:center}.stat__number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);letter-spacing:var(--letter-spacing-tight);line-height:1;margin-bottom:var(--space-2)}@media (min-width:768px){.stat__number{font-size:var(--font-size-4xl)}}.stat__label{font-size:var(--font-size-sm);color:var(--color-muted);font-weight:var(--font-weight-medium)}/* --- Pain Points Grid --- */ .pain-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width:768px){.pain-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.section--glow{padding:var(--space-8) 0}}.pain-card{text-align:center;padding:var(--space-5) var(--space-5);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);transition:all var(--transition-base);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.pain-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pain-card__icon{width:48px;height:48px;margin:0 auto var(--space-5);padding:var(--space-3);background:linear-gradient(135deg,rgba(46,134,171,0.08),rgba(23,163,152,0.04));border-radius:var(--border-radius);color:var(--color-accent)}.pain-card h3{margin-bottom:var(--space-3);font-size:var(--font-size-base);letter-spacing:var(--letter-spacing-tight)}.pain-card p{color:var(--color-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}/* --- Service Cards — Glassmorphic --- */ .services-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width:768px){.services-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-7)}}.service-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);padding:var(--space-7) var(--space-6);display:flex;flex-direction:column;transition:all var(--transition-base);position:relative;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}/* Top accent line */ .service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-cta);opacity:0;transition:opacity var(--transition-base)}.service-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);border-color:transparent}.service-card:hover::before{opacity:1}.service-card__icon{width:44px;height:44px;padding:10px;background:linear-gradient(135deg,rgba(23,163,152,0.08),rgba(46,134,171,0.04));border-radius:var(--border-radius);color:var(--color-cta);margin-bottom:var(--space-6)}.service-card h3{margin-bottom:var(--space-2);font-size:var(--font-size-lg)}.service-card__price{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-cta);margin-bottom:var(--space-4);letter-spacing:0}.service-card p{color:var(--color-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-6);flex-grow:1;line-height:var(--line-height-relaxed)}/* --- Service Detail Blocks (services.html) --- */ .service-detail{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);padding:var(--space-7);margin-bottom:var(--space-7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--transition-base);position:relative;overflow:hidden}.service-detail::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-cta)}@media (min-width:768px){.service-detail{padding:var(--space-8)}}.service-detail:hover{box-shadow:var(--shadow-lg)}.service-detail__header{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3) var(--space-5);margin-bottom:var(--space-4)}.service-detail__header h2{margin-bottom:0;font-size:var(--font-size-2xl)}.service-detail__price{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);background:var(--gradient-cta);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.service-detail__who{font-size:var(--font-size-base);color:var(--color-muted);margin-bottom:var(--space-6);font-style:normal;line-height:var(--line-height-relaxed)}.service-detail__list{margin-bottom:var(--space-7)}.service-detail__list li{padding:var(--space-4) 0;padding-left:var(--space-7);position:relative;font-size:var(--font-size-base);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);line-height:var(--line-height-relaxed)}.service-detail__list li:last-child{border-bottom:none}.service-detail__list li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2317A398'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}/* --- Service Cards (services.html) --- */ .svc-section{padding:var(--space-9) 0 var(--space-7)}.svc-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);overflow:hidden;margin-bottom:var(--space-7);transition:box-shadow var(--transition-base)}.svc-card:hover{box-shadow:var(--shadow-lg)}/* Card header — coloured top strip + text */ .svc-card__header{padding:var(--space-7) var(--space-7) var(--space-5);border-bottom:1px solid var(--color-border);position:relative}.svc-card__header::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-accent)}.svc-card--analytics .svc-card__header::before{background:#2563eb}.svc-card--pinnacle .svc-card__header::before{background:linear-gradient(90deg,#112240,var(--color-accent))}.svc-card__badge{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:0.06em;text-transform:uppercase;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:100px;padding:var(--space-1) var(--space-4);margin-bottom:var(--space-3)}.svc-card__badge--analytics{color:#2563eb;border-color:#2563eb}.svc-card__badge--pinnacle{color:#112240;border-color:#112240;background:linear-gradient(135deg,rgba(23,163,152,0.08),rgba(13,27,42,0.06))}.svc-card__title{font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.svc-card__desc{font-size:var(--font-size-base);color:var(--color-muted);line-height:var(--line-height-relaxed);max-width:640px;margin:0}/* Card body — 2-col grid */ .svc-card__body{display:grid;gap:var(--space-7);padding:var(--space-7)}@media (min-width:768px){.svc-card__body{grid-template-columns:1fr 1fr;gap:var(--space-8)}}.svc-card__heading{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.04em;color:var(--color-muted);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-accent);display:inline-block}.svc-card--analytics .svc-card__heading{border-bottom-color:#2563eb}.svc-card--pinnacle .svc-card__heading{border-bottom-color:#0D1B2A}/* Check-mark list */ .svc-card__list{list-style:none;padding:0;margin:0}.svc-card__list li{padding:var(--space-2) 0;padding-left:var(--space-6);position:relative;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.svc-card__list li + li{border-top:1px solid var(--color-border);padding-top:var(--space-2)}.svc-card__list li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2317A398'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.svc-card--analytics .svc-card__list li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%232563eb'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E")}.svc-card--pinnacle .svc-card__list li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%230D1B2A'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E")}/* Numbered steps */ .svc-card__steps{list-style:none;padding:0;margin:0;counter-reset:step}.svc-card__steps li{counter-increment:step;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.svc-card__steps li::before{content:counter(step);flex-shrink:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:var(--color-accent);color:#fff}.svc-card--analytics .svc-card__steps li::before{background:#2563eb}.svc-card--pinnacle .svc-card__steps li::before{background:#112240}.svc-card__steps li span{padding-top:2px}.svc-card__onboarding{font-size:var(--font-size-xs);color:var(--color-accent);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3);background:rgba(23,163,152,0.06);border-radius:var(--border-radius-md)}.svc-card__note{font-size:var(--font-size-xs);color:var(--color-muted);margin-top:var(--space-4);line-height:var(--line-height-relaxed)}/* Pinnacle feature highlight */ .svc-card__feature{padding:var(--space-5) var(--space-7);background:linear-gradient(135deg,rgba(13,27,42,0.03),rgba(23,163,152,0.05));border-bottom:1px solid var(--color-border)}.svc-card__feature-title{font-size:var(--font-size-lg);margin-bottom:var(--space-2);color:var(--color-heading)}.svc-card__feature p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0;max-width:720px}/* Card footer */ .svc-card__footer{padding:var(--space-5) var(--space-7);border-top:1px solid var(--color-border);background:rgba(13,27,42,0.015)}/* Pinnacle — premium elevation */ .svc-card--pinnacle{border-color:rgba(13,27,42,0.15);box-shadow:var(--shadow-md)}.svc-card--pinnacle:hover{box-shadow:var(--shadow-xl)}/* Mobile adjustments */ @media (max-width:767px){.svc-section{padding:var(--space-7) 0 var(--space-5)}.svc-card__header{padding:var(--space-5) var(--space-5) var(--space-4)}.svc-card__body{padding:var(--space-5)}.svc-card__title{font-size:var(--font-size-xl)}.svc-card__feature{padding:var(--space-4) var(--space-5)}.svc-card__footer{padding:var(--space-4) var(--space-5)}}/* --- Testimonials — Premium --- */ .testimonials-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width:768px){.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-7)}}.testimonial-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);padding:var(--space-7) var(--space-6);transition:all var(--transition-base);position:relative;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.testimonial-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}/* Large decorative quote mark */ .testimonial-card::before{content:'\201C';position:absolute;top:var(--space-5);left:var(--space-6);font-size:4rem;line-height:1;font-family:Georgia,serif;background:var(--gradient-cta);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0.3;pointer-events:none}.testimonial-card__stars{color:#F59E0B;margin-bottom:var(--space-4);font-size:var(--font-size-sm);letter-spacing:3px}.testimonial-card blockquote{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.testimonial-card__author{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.testimonial-card__role{font-size:var(--font-size-xs);color:var(--color-muted);margin-top:var(--space-1)}/* --- Lead Form Section --- */ .form-section{background-color:var(--color-white);position:relative}.form-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-strong),transparent)}.form-wrapper{max-width:520px;margin:0 auto}.form-wrapper h2{text-align:center;margin-bottom:var(--space-3);font-size:var(--font-size-2xl)}.form-wrapper__sub{text-align:center;color:var(--color-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-7)}/* --- Form Styles --- */ .form-group{margin-bottom:var(--space-5)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--space-2)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:13px var(--space-4);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);border:1.5px solid var(--color-border-strong);border-radius:var(--border-radius);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:rgba(13,27,42,0.2)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(46,134,171,0.1);background-color:var(--color-white);outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--color-error)}.form-group .error-message{display:none;font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--space-2);font-weight:var(--font-weight-medium)}.form-group .error-message.visible{display:block}.form-group textarea{resize:vertical;min-height:100px}.char-counter{font-size:var(--font-size-xs);color:var(--color-muted);text-align:right;margin-top:var(--space-2)}/* Radio & Checkbox groups */ .radio-group,.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);margin-top:var(--space-2)}.radio-group label,.checkbox-group label{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-regular);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:color var(--transition-fast)}.radio-group label:hover,.checkbox-group label:hover{color:var(--color-text)}.radio-group input,.checkbox-group input{width:auto;accent-color:var(--color-cta)}/* GDPR consent */ .consent-group{margin-bottom:var(--space-5)}.consent-group label{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-muted);font-weight:var(--font-weight-regular);cursor:pointer;line-height:var(--line-height-relaxed)}.consent-group input[type="checkbox"]{width:auto;margin-top:2px;flex-shrink:0;accent-color:var(--color-cta)}.consent-group .error-message{margin-left:calc(var(--space-3) + 16px)}/* Progressive disclosure */ .progressive-field{display:none;background:linear-gradient(135deg,rgba(46,134,171,0.03),rgba(23,163,152,0.02));border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-5);margin-bottom:var(--space-5)}.progressive-field.visible{display:block}.progressive-field p{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-3);color:var(--color-text)}/* Form trust text */ .form-trust{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-muted);margin-top:var(--space-5);text-align:center;line-height:var(--line-height-relaxed)}.form-trust svg{width:14px;height:14px;flex-shrink:0;color:var(--color-cta)}/* Form success message */ .form-success{display:none;text-align:center;padding:var(--space-8) var(--space-5)}.form-success.visible{display:block}.form-success__icon{width:64px;height:64px;margin:0 auto var(--space-5);color:var(--color-success)}.form-success h3{color:var(--color-success);margin-bottom:var(--space-3);font-size:var(--font-size-xl)}.form-success p{color:var(--color-muted);font-size:var(--font-size-sm)}/* Spinner */ .spinner{display:none;width:18px;height:18px;border:2px solid rgba(255,255,255,0.3);border-top-color:var(--color-white);border-radius:50%;animation:spin 0.6s linear infinite}.btn:disabled .spinner{display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}/* --- Trust Signals Inline --- */ .trust-inline{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-4);font-size:var(--font-size-xs);color:var(--color-muted);margin-top:var(--space-6);letter-spacing:0.01em}/* --- About Page --- */ .about-content{max-width:var(--container-narrow);margin:0 auto}.about-photo{margin-bottom:var(--space-6);text-align:center}.about-photo__img{width:280px;height:280px;max-width:100%;border-radius:50%;object-fit:cover;object-position:center top;box-shadow:var(--shadow-md)}.about-content h2{margin-top:var(--space-8);margin-bottom:var(--space-4);font-size:var(--font-size-2xl)}.about-content h2:first-of-type{margin-top:0}.about-content p{margin-bottom:var(--space-5);line-height:var(--line-height-relaxed);font-size:var(--font-size-md)}.about-content ul,.about-content ol{list-style:disc;padding-left:var(--space-6);margin-bottom:var(--space-5)}.about-content li{padding:var(--space-1) 0;font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.about-avatar{width:140px;height:140px;margin:0 auto var(--space-7);border-radius:50%;background:linear-gradient(135deg,rgba(46,134,171,0.06),rgba(23,163,152,0.03));border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;overflow:hidden}.about-values{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-top:var(--space-7)}@media (min-width:768px){.about-values{grid-template-columns:repeat(3,1fr)}}.about-value{text-align:center;padding:var(--space-7) var(--space-6);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);transition:all var(--transition-base);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.about-value:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.about-value h3{margin-bottom:var(--space-2);font-size:var(--font-size-base)}.about-value p{font-size:var(--font-size-sm);color:var(--color-muted);margin-bottom:0}/* --- Page Hero (non-home pages) --- */ .page-hero{background:var(--gradient-hero);color:var(--color-hero-text);padding:var(--space-8) 0;text-align:center;position:relative;overflow:hidden}.page-hero::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(46,134,171,0.12) 0%,transparent 70%);pointer-events:none}.page-hero h1{color:var(--color-white);margin-bottom:var(--space-4);font-size:var(--font-size-3xl);position:relative}.page-hero p{color:rgba(245,247,250,0.6);max-width:480px;margin:0 auto;font-size:var(--font-size-md);position:relative}@media (min-width:768px){.page-hero{padding:var(--space-9) 0}.page-hero h1{font-size:var(--font-size-4xl)}}/* --- Contact Page --- */ .contact-layout{display:grid;grid-template-columns:1fr;gap:var(--space-7);max-width:960px;margin:0 auto}@media (min-width:768px){.contact-layout{grid-template-columns:300px 1fr;gap:var(--space-8)}}.contact-sidebar{padding:var(--space-6);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);align-self:start}.contact-sidebar h2{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-5)}.contact-sidebar__item{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.contact-sidebar__item svg{flex-shrink:0;color:var(--color-cta);margin-top:2px}.contact-sidebar__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.04em;color:var(--color-text-secondary);margin-bottom:2px}.contact-sidebar__item p,.contact-sidebar__item a{font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-normal)}.contact-sidebar__item a{font-weight:var(--font-weight-medium);color:var(--color-accent)}.contact-sidebar__divider{height:1px;background:var(--color-border);margin:var(--space-5) 0}.contact-sidebar__note{font-size:var(--font-size-xs);color:var(--color-muted);line-height:var(--line-height-relaxed)}.contact-sidebar__note a{font-weight:var(--font-weight-medium);color:var(--color-accent)}/* --- Thank You Page --- */ .thankyou{text-align:center;padding:var(--space-10) 0;min-height:60vh;display:flex;align-items:center;justify-content:center}.thankyou__inner{max-width:480px;margin:0 auto}.thankyou__icon{width:80px;height:80px;margin:0 auto var(--space-7);color:var(--color-success)}.thankyou h1{margin-bottom:var(--space-5);font-size:var(--font-size-3xl)}.thankyou p{color:var(--color-muted);margin-bottom:var(--space-5);font-size:var(--font-size-md)}/* --- Footer — Premium --- */ .site-footer{background:var(--gradient-hero);color:rgba(245,247,250,0.6);padding:var(--space-8) 0;position:relative}.site-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(46,134,171,0.3),transparent)}.site-footer .container{display:block}.footer-brand{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-white);letter-spacing:-0.04em;display:inline-flex;align-items:center;gap:var(--space-2)}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4) var(--space-6)}.footer-links a{font-size:var(--font-size-sm);color:rgba(245,247,250,0.5);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-white)}.footer-meta{font-size:var(--font-size-xs);color:rgba(245,247,250,0.35)}.footer-meta p{color:inherit;margin-bottom:var(--space-2)}/* --- Fade-in on scroll — Refined --- */ .fade-in{opacity:0;transform:translateY(24px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1),transform 0.7s cubic-bezier(0.16,1,0.3,1)}.fade-in.visible{opacity:1;transform:translateY(0)}/* Staggered delays for grid items */ .fade-in:nth-child(2){transition-delay:0.1s}.fade-in:nth-child(3){transition-delay:0.2s}/* --- CTA Section (services/about bottom) --- */ .cta-section{text-align:center;background:var(--color-white);position:relative}.cta-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-strong),transparent)}.cta-section h2{margin-bottom:var(--space-4);font-size:var(--font-size-2xl)}@media (min-width:768px){.cta-section h2{font-size:var(--font-size-3xl)}}.cta-section p{max-width:480px;margin:0 auto var(--space-7)}/* --- Utility --- */ .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}/* No bottom padding needed — contact strip is in header */ /* --- Selection colour --- */::selection{background-color:rgba(46,134,171,0.15);color:var(--color-primary)}/* --- Scrollbar styling (webkit) --- */::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(13,27,42,0.15);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(13,27,42,0.25)}/* ========================================================================== Extended Components — Audit Improvements ========================================================================== */ /* --- How It Works Steps --- */ .how-it-works{display:grid;grid-template-columns:1fr;gap:var(--space-6);counter-reset:step}@media (min-width:768px){.how-it-works{grid-template-columns:repeat(3,1fr);gap:var(--space-7)}}.step{text-align:center;padding:var(--space-6);position:relative;counter-increment:step}.step__number{width:48px;height:48px;margin:0 auto var(--space-5);border-radius:50%;background:var(--gradient-cta);color:var(--color-white);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:center;line-height:1}.step h3{margin-bottom:var(--space-2);font-size:var(--font-size-base)}.step p{font-size:var(--font-size-sm);color:var(--color-muted)}/* Connector line between steps (desktop) */ @media (min-width:768px){.step:not(:last-child)::after{content:'';position:absolute;top:48px;right:-24px;width:48px;height:2px;background:var(--color-border-strong)}}/* how-it-works__step variant (used on homepage) */ .how-it-works__step{text-align:center;padding:var(--space-6)}.how-it-works__number{width:48px;height:48px;margin:0 auto var(--space-5);border-radius:50%;background:var(--gradient-cta);color:var(--color-white);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:center;line-height:1}.how-it-works__step h3{margin-bottom:var(--space-2);font-size:var(--font-size-base)}.how-it-works__step p{font-size:var(--font-size-sm);color:var(--color-muted)}/* --- Calculator --- */ .calculator{max-width:560px;margin:0 auto;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);padding:var(--space-7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.calc-result{display:none;text-align:center;padding:var(--space-6) 0 0}.calc-result.visible{display:block}.calc-score{width:120px;height:120px;margin:0 auto var(--space-5);border-radius:50%;border:4px solid var(--color-cta);display:flex;align-items:center;justify-content:center;flex-direction:column}.calc-score__number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);line-height:1}.calc-score__label{font-size:var(--font-size-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:0.05em}.calc-recommendations{text-align:left;margin-top:var(--space-6)}.calc-rec{display:flex;gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.calc-rec:last-child{border-bottom:none}.calc-rec svg{width:20px;height:20px;flex-shrink:0;color:var(--color-cta);margin-top:2px}/* --- FAQ Accordion --- */ .faq-list{max-width:var(--container-narrow);margin:0 auto}.faq-item{border-bottom:1px solid var(--color-border)}.faq-question{width:100%;background:none;border:none;padding:var(--space-5) 0;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);transition:color var(--transition-fast);line-height:var(--line-height-snug)}.faq-question:hover{color:var(--color-accent)}.faq-question svg{width:20px;height:20px;flex-shrink:0;transition:transform var(--transition-base);color:var(--color-muted)}.faq-item.open .faq-question svg{transform:rotate(180deg)}.faq-answer{display:none;padding:0 0 var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.faq-item.open .faq-answer{display:block}.faq-group{margin-bottom:var(--space-8)}.faq-group h2{font-size:var(--font-size-lg);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}/* --- Pricing Cards --- */ .pricing-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width:768px){.pricing-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-7);align-items:start}}.pricing-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);padding:var(--space-7) var(--space-6);display:flex;flex-direction:column;transition:all var(--transition-base);position:relative;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.pricing-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-border-strong)}.pricing-card--featured{border-color:rgba(23,163,152,0.3);box-shadow:var(--shadow-md)}.pricing-card--featured::before{background:var(--gradient-cta);height:3px}.pricing-card__badge{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-cta);background:rgba(23,163,152,0.08);padding:var(--space-1) var(--space-3);border-radius:100px;margin-bottom:var(--space-4);align-self:flex-start}.pricing-card h2,.pricing-card h3{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.pricing-card__header{margin-bottom:var(--space-6)}.pricing-card__context{font-size:var(--font-size-sm);color:var(--color-muted);margin-top:var(--space-2);line-height:var(--line-height-relaxed)}.pricing-card__features{margin-bottom:var(--space-6);flex-grow:1}.pricing-card__features li{padding:var(--space-2) 0;padding-left:var(--space-6);position:relative;font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-2)}.pricing-card__features li svg{width:16px;height:16px;flex-shrink:0;color:var(--color-cta);margin-left:calc(-1 * var(--space-6))}.pricing-card__price{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--space-2);letter-spacing:var(--letter-spacing-tight)}.pricing-card__price span{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-muted)}.pricing-card__desc{font-size:var(--font-size-sm);color:var(--color-muted);margin-bottom:var(--space-6);line-height:var(--line-height-relaxed)}.pricing-card__list{margin-bottom:var(--space-6);flex-grow:1}.pricing-card__list li{padding:var(--space-2) 0;padding-left:var(--space-6);position:relative;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pricing-card__list li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2317A398'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.pricing-note{text-align:center;font-size:var(--font-size-sm);color:var(--color-muted);margin-top:var(--space-7)}.pricing-note h3{font-size:var(--font-size-lg);color:var(--color-primary);margin-bottom:var(--space-3)}.pricing-note p{max-width:600px;margin:0 auto var(--space-3);line-height:var(--line-height-relaxed)}/* --- Dashboard Mockup --- */ .dashboard-mock{background:var(--color-primary);border-radius:var(--border-radius-xl);padding:var(--space-5);margin:var(--space-7) auto 0;max-width:800px;box-shadow:var(--shadow-xl)}.dashboard-mock__bar{display:flex;gap:var(--space-2);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid rgba(255,255,255,0.08)}.dashboard-mock__dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.15)}.dashboard-mock__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (min-width:768px){.dashboard-mock__grid{grid-template-columns:repeat(4,1fr)}}.dashboard-mock__widget{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:var(--border-radius);padding:var(--space-4)}.dashboard-mock__widget-label{font-size:var(--font-size-xs);color:rgba(255,255,255,0.4);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:0.05em}.dashboard-mock__widget-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-white)}.dashboard-mock__widget-value--positive{color:var(--color-cta)}.dashboard-mock__chart{grid-column:1 / -1;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:var(--border-radius);padding:var(--space-5);min-height:140px}.dashboard-mock__chart-label{font-size:var(--font-size-xs);color:rgba(255,255,255,0.4);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:0.05em}/* --- Dashboard Mockup (dashboard.html) --- */ .dashboard-mockup{background:var(--color-primary);border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);margin-bottom:var(--space-6)}.dashboard-mockup__header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:rgba(0,0,0,0.2)}.dashboard-mockup__dot{width:12px;height:12px;border-radius:50%}.dashboard-mockup__title{font-size:var(--font-size-xs);color:rgba(255,255,255,0.5);margin-left:var(--space-2)}.dashboard-mockup__body{padding:var(--space-6)}.dashboard-mockup__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media (min-width:768px){.dashboard-mockup__grid{grid-template-columns:repeat(4,1fr)}}.dashboard-mockup__card{background:rgba(255,255,255,0.08);border-radius:var(--border-radius-lg);padding:var(--space-4)}.dashboard-mockup__label{font-size:var(--font-size-xs);color:rgba(255,255,255,0.5);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:0.05em}.dashboard-mockup__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-white);margin-bottom:var(--space-1)}.dashboard-mockup__change{font-size:var(--font-size-xs)}.dashboard-mockup__change--up{color:var(--color-cta)}.dashboard-mockup__change--down{color:#e57373}.dashboard-mockup__section{background:rgba(255,255,255,0.05);border-radius:var(--border-radius-lg);padding:var(--space-5)}.dashboard-mockup__section h4{font-size:var(--font-size-sm);color:rgba(255,255,255,0.7);margin-bottom:var(--space-3)}.dashboard-mockup__section ul{list-style:disc;padding-left:var(--space-5)}.dashboard-mockup__section li{font-size:var(--font-size-sm);color:rgba(255,255,255,0.6);padding:var(--space-1) 0;line-height:var(--line-height-relaxed)}/* --- Resource Cards --- */ .resource-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width:768px){.resource-grid{grid-template-columns:repeat(3,1fr)}}.resource-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);padding:var(--space-6);display:flex;flex-direction:column;transition:all var(--transition-base);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.resource-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.resource-card__icon{width:44px;height:44px;padding:10px;background:linear-gradient(135deg,rgba(23,163,152,0.08),rgba(46,134,171,0.04));border-radius:var(--border-radius);color:var(--color-cta);margin-bottom:var(--space-5)}.resource-card__type{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-cta);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--space-2)}.resource-card h3{font-size:var(--font-size-base);margin-bottom:var(--space-3)}.resource-card p{font-size:var(--font-size-sm);color:var(--color-muted);flex-grow:1;margin-bottom:var(--space-5)}.resource-card__cta{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted);font-style:italic}/* --- Timeline / Onboarding Steps --- */ .timeline{max-width:var(--container-narrow);margin:0 auto;position:relative;padding-left:var(--space-7)}.timeline::before{content:'';position:absolute;left:15px;top:0;bottom:0;width:2px;background:var(--color-border-strong)}.timeline__item{position:relative;padding-bottom:var(--space-7)}.timeline__item:last-child{padding-bottom:0}.timeline__dot{position:absolute;left:calc(-1 * var(--space-7) + 8px);top:4px;width:16px;height:16px;border-radius:50%;background:var(--gradient-cta);border:3px solid var(--color-bg)}.timeline__time{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-cta);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--space-2)}.timeline__item h3{font-size:var(--font-size-base);margin-bottom:var(--space-2)}.timeline__item p{font-size:var(--font-size-sm);color:var(--color-muted)}/* timeline-step variant */ .timeline-step{position:relative;padding-bottom:var(--space-7);display:flex;gap:var(--space-5);align-items:flex-start}.timeline-step:last-child{padding-bottom:0}.timeline-step:not(:last-child)::before{content:'';position:absolute;left:17px;top:36px;bottom:0;width:2px;background:var(--color-border-strong)}.timeline-step__marker{width:36px;height:36px;min-width:36px;border-radius:50%;background:var(--gradient-cta);color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:center;line-height:1}.timeline-step__content h3{font-size:var(--font-size-base);margin-bottom:var(--space-1)}.timeline-step__time{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-cta);margin-bottom:var(--space-2)}.timeline-step__content p{font-size:var(--font-size-sm);color:var(--color-muted);line-height:var(--line-height-relaxed)}/* --- Health Check Explainer --- */ .health-check-explainer{background:linear-gradient(135deg,rgba(46,134,171,0.04),rgba(23,163,152,0.02));border:1px solid var(--color-border);border-radius:var(--border-radius-xl);padding:var(--space-6);margin-bottom:var(--space-7)}@media (min-width:768px){.health-check-explainer{padding:var(--space-7)}}.health-check-explainer h3{margin-bottom:var(--space-4)}.health-check-explainer__list{margin-bottom:var(--space-4)}.health-check-explainer__list li{padding:var(--space-2) 0;padding-left:var(--space-6);position:relative;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.health-check-explainer__list li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2317A398'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.health-check-explainer p{font-size:var(--font-size-sm);color:var(--color-muted)}/* --- Methodology Section --- */ .methodology{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);padding:var(--space-7);position:relative;overflow:hidden}.methodology::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-cta)}.methodology h3{font-size:var(--font-size-xl);margin-bottom:var(--space-4)}.methodology__metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-top:var(--space-6)}@media (min-width:768px){.methodology__metrics{grid-template-columns:repeat(5,1fr)}}.methodology__metric{text-align:center;padding:var(--space-4);background:var(--color-bg);border-radius:var(--border-radius)}.methodology__metric-icon{width:24px;height:24px;margin:0 auto var(--space-2);color:var(--color-cta)}.methodology__metric-label{font-size:var(--font-size-xs);color:var(--color-muted);font-weight:var(--font-weight-medium)}/* --- Blog Article --- */ .article{max-width:var(--container-narrow);margin:0 auto}.article__meta{font-size:var(--font-size-sm);color:var(--color-muted);margin-bottom:var(--space-6)}.article h2{margin-top:var(--space-8);margin-bottom:var(--space-4);font-size:var(--font-size-xl)}.article h3{margin-top:var(--space-6);margin-bottom:var(--space-3)}.article p{margin-bottom:var(--space-5);font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.article ul,.article ol{margin-bottom:var(--space-5);padding-left:var(--space-6)}.article ul{list-style:disc}.article ol{list-style:decimal}.article li{margin-bottom:var(--space-2);font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.article strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}.article blockquote{border-left:3px solid var(--color-cta);padding-left:var(--space-5);margin:var(--space-6) 0;font-style:italic;color:var(--color-text-secondary)}/* --- Software Stack --- */ .software-stack{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5);margin-bottom:var(--space-6)}.software-tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-muted);background:var(--color-bg);border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);border-radius:100px}.service-exclusion{margin-top:var(--space-8);font-size:var(--font-size-sm);color:var(--color-muted);text-align:center;font-style:italic}/* --- After Enquiry Section --- */ .after-enquiry{background:linear-gradient(135deg,rgba(46,134,171,0.03),rgba(23,163,152,0.02));border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-6);margin-bottom:var(--space-7)}.after-enquiry h3{margin-bottom:var(--space-4);font-size:var(--font-size-md)}.after-enquiry ol{list-style:decimal;padding-left:var(--space-5)}.after-enquiry li{padding:var(--space-2) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.after-enquiry__step{display:flex;gap:var(--space-4);align-items:flex-start;padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.after-enquiry__step:last-child{border-bottom:none}.after-enquiry__step .how-it-works__number{margin:0;flex-shrink:0}.after-enquiry__step h3{margin-bottom:var(--space-1)}.after-enquiry__step p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}/* --- Two-column footer links --- */ .footer-links-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4) var(--space-6);margin-bottom:var(--space-2)}/* --- Inline CTA band --- */ .cta-band{background:var(--gradient-hero);padding:var(--space-7) 0;text-align:center;position:relative;overflow:hidden}.cta-band::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(46,134,171,0.12) 0%,transparent 70%);pointer-events:none}.cta-band h2{color:var(--color-white);margin-bottom:var(--space-4);font-size:var(--font-size-xl);position:relative}.cta-band p{color:rgba(245,247,250,0.6);margin-bottom:var(--space-5);position:relative}.cta-band .btn{position:relative}/* ========================================================================== New Components — 95/100 Overhaul ========================================================================== */ /* --- Logo Icon (inline SVG next to text) --- */ .logo__icon{width:24px;height:24px;flex-shrink:0}/* --- Hero Micro Text --- */ .hero__micro{font-size:var(--font-size-xs);color:rgba(245,247,250,0.5);margin-top:var(--space-4);letter-spacing:0.01em}.hero__micro strong{color:var(--color-cta)}/* --- Hero Split Layout (text + form) --- */ .hero__split{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-7)}@media (min-width:1024px){.hero__split{flex-direction:row;align-items:flex-start;gap:var(--space-8)}.hero__split .hero__inner{flex:1 1 55%;min-width:0}.hero__form{flex:0 0 400px;max-width:400px}}/* --- Lead Form Card --- */ .hero__form{background:var(--color-white);border-radius:var(--border-radius-xl);padding:var(--space-5) var(--space-5) var(--space-4);box-shadow:var(--shadow-lg);color:var(--color-text)}.lf-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--space-4);text-align:center}.lf-card-sub{font-size:12px;color:var(--color-muted);margin-bottom:var(--space-4)}.lf-card-sub-inline{font-size:12px;font-weight:var(--font-weight-normal);color:var(--color-muted)}/* Progress bar */ .lf-progress{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:var(--space-4)}.lf-progress-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);transition:all 0.3s}.lf-progress-dot.active{background:var(--color-cta)}.lf-progress-dot.done{background:var(--color-cta)}.lf-progress-text{font-size:11px;color:var(--color-muted);margin-left:auto;font-weight:var(--font-weight-medium)}/* Steps */ .lf-step{display:none}.lf-step.active{display:block;animation:lf-fadeIn 0.2s ease}@keyframes lf-fadeIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}/* Fields */ .lf-field{margin-bottom:var(--space-4)}.lf-field:last-child{margin-bottom:0}.lf-label{display:block;font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--space-2)}.lf-req{color:#B04040;margin-left:2px}/* Tap buttons */ .lf-tap-grid{display:flex;flex-wrap:wrap;gap:6px}.lf-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-4) 0;color:var(--color-muted);font-size:var(--font-size-sm)}.lf-divider::before,.lf-divider::after{content:'';flex:1;height:1px;background:var(--color-border-strong)}.lf-tap-grid[data-name="plan"]{flex-direction:column}.lf-tap-grid[data-name="plan"] .lf-tap-wrap,.lf-tap-grid[data-name="plan"] > .lf-tap-btn{width:100%}.lf-tap-grid--stack{flex-direction:column}.lf-tap-grid--stack .lf-tap-btn{text-align:left;width:100%}.lf-group-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.4px;color:var(--color-muted);margin:0 0 6px;width:100%}.lf-group-label:not(:first-child){margin-top:14px}.lf-trust-bar{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:10px 14px;background:rgba(23,163,152,0.06);border:1px solid rgba(23,163,152,0.15);border-radius:8px;margin:0 0 20px}.lf-trust-bar__item{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--color-primary)}.lf-trust-bar__item svg{color:var(--color-cta);flex-shrink:0}.lf-trust-bar__sep{font-size:12px;color:var(--color-muted);line-height:1}.lf-microcopy{font-size:12px;color:var(--color-muted);line-height:1.4;margin:4px 0 0;display:flex;align-items:center;gap:4px}.lf-microcopy svg{flex-shrink:0;color:var(--color-cta);opacity:0.7}.lf-phone-nudge{font-size:12px;color:var(--color-muted);line-height:1.4;margin:5px 0 0}.lf-consent-note{font-size:12px;color:var(--color-text-secondary);line-height:1.4;margin:8px 0 0}.lf-consent-note a{color:var(--color-cta)}.lf-field-error{display:none;font-size:13px;color:#c0392b;margin-top:4px;line-height:1.4}.lf-input-error{border-color:#c0392b !important}.lf-form-notice{background:#fdecea;color:#c0392b;font-size:13px;line-height:1.4;padding:10px 14px;border-radius:6px;margin:12px 0}.lf-tap-btn{padding:7px 14px;border-radius:8px;border:1.5px solid var(--color-border);background:var(--color-white);font-family:var(--font-family);font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-text);cursor:pointer;transition:all 0.15s ease;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none;line-height:1.3}.lf-tap-btn:hover{border-color:var(--color-border-strong)}.lf-tap-btn.selected{border-color:var(--color-cta);background:rgba(23,163,152,0.08);color:var(--color-cta);font-weight:var(--font-weight-semibold);box-shadow:0 0 0 1px var(--color-cta)}/* Plan tap button + info wrapper */ .lf-tap-wrap{display:flex;align-items:stretch;gap:0}.lf-tap-wrap .lf-tap-btn{flex:1;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.lf-info-btn{display:flex;align-items:center;justify-content:center;width:32px;flex-shrink:0;border:1.5px solid var(--color-border);border-left:none;border-radius:0 8px 8px 0;background:var(--color-bg-alt);color:var(--color-muted);font-size:14px;cursor:pointer;transition:background 0.15s,color 0.15s;padding:0;line-height:1}.lf-info-btn:hover{background:var(--color-border);color:var(--color-primary)}/* Info popup overlay */ .lf-info-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;transition:opacity 0.15s}.lf-info-overlay.active{opacity:1}.lf-info-popup{background:var(--color-white);border-radius:var(--border-radius-xl);padding:var(--space-5) var(--space-5) var(--space-4);max-width:380px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg);position:relative}.lf-info-popup__title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-1)}.lf-info-popup__price{font-size:var(--font-size-sm);color:var(--color-cta);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.lf-info-popup__list{list-style:none;padding:0;margin:0 0 var(--space-4)}.lf-info-popup__list li{font-size:13px;color:var(--color-text-secondary);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);line-height:1.4}.lf-info-popup__list li::before{content:'\2713';color:var(--color-cta);font-weight:var(--font-weight-bold);margin-right:var(--space-2)}.lf-info-popup__list li:last-child{border-bottom:none}.lf-info-popup__close{display:block;width:100%;padding:var(--space-3);border:none;border-radius:var(--border-radius-md);background:var(--color-bg-alt);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background 0.15s}.lf-info-popup__close:hover{background:var(--color-border)}/* Greyed-out service pills (included in selected plan) */ .lf-tap-btn.greyed{opacity:0.35;pointer-events:none;cursor:default;position:relative}.lf-tap-btn.greyed::after{content:'Included';position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:8px;font-weight:var(--font-weight-semibold);color:var(--color-cta);text-transform:uppercase;letter-spacing:0.03em;opacity:0.8}/* Fixed bottom selection banner */ .lf-bottom-banner{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--color-primary);box-shadow:0 -2px 16px rgba(0,0,0,0.18);transform:translateY(100%);transition:transform 0.25s ease}.lf-bottom-banner.visible{transform:translateY(0)}.lf-bottom-banner__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);max-width:1080px;margin:0 auto;padding:14px 20px}.lf-bottom-banner__text{font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-white);white-space:nowrap}.lf-bottom-banner__btn{flex-shrink:0;padding:10px 24px;border:none;border-radius:8px;background:var(--gradient-cta);color:var(--color-white);font-family:var(--font-family);font-size:14px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:opacity 0.15s;white-space:nowrap}.lf-bottom-banner__btn:hover{opacity:0.9}.lf-bottom-banner__btn:disabled{opacity:0.5;cursor:default}@media (max-width:480px){.lf-bottom-banner__inner{padding:12px 16px}.lf-bottom-banner__text{font-size:13px}.lf-bottom-banner__btn{padding:9px 18px;font-size:13px}}/* Text inputs */ .lf-text-input{width:100%;padding:10px 14px;border-radius:8px;border:1.5px solid var(--color-border);font-family:var(--font-family);font-size:14px;color:var(--color-text);background:var(--color-white);outline:none;transition:border-color 0.15s}.lf-text-input:focus{border-color:var(--color-cta)}.lf-text-input::placeholder{color:var(--color-muted)}/* Companies House autocomplete */ .lf-ch-wrap{position:relative}.lf-ch-results{display:none;position:absolute;top:100%;left:0;right:0;z-index:50;background:#fff;border:1px solid var(--color-border-strong);border-top:none;border-radius:0 0 8px 8px;max-height:240px;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,0.08)}.lf-ch-results.active{display:block}.lf-ch-item{padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--color-border);transition:background 0.1s}.lf-ch-item:last-child{border-bottom:none}.lf-ch-item:hover{background:var(--color-bg-alt)}.lf-ch-item__name{font-weight:600;font-size:0.95rem;color:var(--color-text)}.lf-ch-item__detail{font-size:0.8rem;color:var(--color-muted);margin-top:2px}.lf-ch-item__detail span{margin-right:12px}.lf-ch-manual{padding:10px 14px;cursor:pointer;color:var(--color-muted);font-size:0.85rem;border-top:1px solid var(--color-border)}.lf-ch-manual:hover{background:var(--color-bg-alt);color:var(--color-text)}.lf-ch-wrap.confirmed .lf-text-input{border-color:var(--color-cta);box-shadow:0 0 0 3px var(--color-cta-glow)}.lf-ch-selected{font-size:0.8rem;color:var(--color-cta);margin-top:6px;display:flex;align-items:center;gap:6px}.lf-ch-selected svg{flex-shrink:0}/* Nav buttons */ .lf-nav{display:flex;justify-content:space-between;margin-top:var(--space-5)}.lf-btn-back{padding:8px 18px;border-radius:8px;border:1.5px solid var(--color-border);background:var(--color-white);font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-muted);cursor:pointer;font-family:var(--font-family)}.lf-btn-back:hover{border-color:var(--color-border-strong)}.lf-btn-next{padding:8px 22px;border-radius:8px;border:none;background:var(--gradient-cta);font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-white);cursor:pointer;font-family:var(--font-family);transition:background 0.15s,box-shadow 0.15s,transform 0.15s;margin-left:auto;box-shadow:0 2px 8px var(--color-cta-glow),0 1px 2px rgba(0,0,0,0.06)}.lf-btn-next:hover{background:var(--gradient-cta-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.lf-btn-next:disabled{background:var(--color-border);color:var(--color-muted);cursor:not-allowed}/* Disclaimer */ .lf-disclaimer{font-size:11px;color:var(--color-muted);text-align:center;margin-top:var(--space-3);line-height:1.4}/* Booking step — date tabs */ .lf-date-tabs{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;margin-bottom:var(--space-4)}.lf-date-tabs::-webkit-scrollbar{display:none}.lf-date-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 16px;border-radius:10px;border:1.5px solid var(--color-border);background:var(--color-white);cursor:pointer;transition:all 0.15s ease;flex-shrink:0;min-width:72px;font-family:var(--font-family)}.lf-date-tab:hover{border-color:var(--color-border-strong);background:var(--color-bg-alt)}.lf-date-tab.active{border-color:var(--color-cta);background:rgba(23,163,152,0.06);box-shadow:0 0 0 1px var(--color-cta)}.lf-date-tab__day{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-muted);text-transform:uppercase;letter-spacing:0.04em}.lf-date-tab.active .lf-date-tab__day{color:var(--color-cta)}.lf-date-tab__num{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap}.lf-date-tab.active .lf-date-tab__num{color:var(--color-cta);font-weight:var(--font-weight-semibold)}/* Booking step — time grids */ .lf-time-grids{margin-bottom:var(--space-4)}.lf-time-grid{display:none}.lf-time-grid.active{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lf-time-btn{text-align:center;font-variant-numeric:tabular-nums;padding:10px 8px;font-size:13px}.lf-time-btn.selected{border-color:var(--color-cta);background:rgba(23,163,152,0.08);color:var(--color-cta);font-weight:var(--font-weight-semibold);box-shadow:0 0 0 1px var(--color-cta)}/* Booking step — timezone note */ .lf-tz-note{font-size:11px;color:var(--color-muted);text-align:center;margin-bottom:var(--space-4)}/* Booking step — book CTA */ .lf-book-btn{width:100%}/* Booking step — skip link */ .lf-skip-booking{display:block;width:100%;text-align:center;padding:10px;margin-top:var(--space-3);border:none;background:none;font-family:var(--font-family);font-size:12px;font-weight:var(--font-weight-medium);color:var(--color-muted);cursor:pointer;transition:color 0.15s}.lf-skip-booking:hover{color:var(--color-text)}/* Booking step — subheading */ .lf-booking-sub{font-size:13px;color:var(--color-muted);margin:0 0 var(--space-4);line-height:1.5}/* Booking step — mobile */ @media (max-width:767px){.lf-date-tab{padding:10px 12px;min-width:64px}.lf-time-grid.active{grid-template-columns:repeat(3,1fr);gap:6px}.lf-time-btn{padding:12px 6px;font-size:14px;min-height:44px}.lf-book-btn{min-height:48px;font-size:14px}}@media (max-width:360px){.lf-time-grid.active{grid-template-columns:repeat(2,1fr)}}/* Success */ .lf-success{text-align:center;padding:var(--space-7) var(--space-4)}.lf-success-icon{width:56px;height:56px;border-radius:50%;background:rgba(23,163,152,0.1);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.lf-success h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--space-2)}.lf-success p{font-size:var(--font-size-sm);color:var(--color-muted);line-height:var(--line-height-relaxed)}/* --- Onboarding Welcome --- */ .ob-welcome{text-align:center;padding:var(--space-5) 0 var(--space-3)}.ob-welcome__icon{width:64px;height:64px;border-radius:50%;background:rgba(23,163,152,0.1);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.ob-welcome__heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--space-1)}.ob-welcome__sub{font-size:var(--font-size-sm);color:var(--color-muted);margin-bottom:var(--space-5)}.ob-welcome__steps{text-align:left;display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.ob-welcome__step{display:flex;gap:var(--space-3);align-items:flex-start}.ob-welcome__step-num{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--color-cta);color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:center}.ob-welcome__step-check{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:rgba(23,163,152,0.12);color:var(--color-cta);display:flex;align-items:center;justify-content:center}.ob-welcome__step--done .ob-welcome__step-text strong{color:var(--color-muted)}.ob-welcome__step--done .ob-welcome__step-text span{color:var(--color-muted)}.ob-welcome__step--active{background:rgba(23,163,152,0.06);border-radius:var(--border-radius-md);padding:var(--space-2) var(--space-3);margin:0 calc(var(--space-3) * -1)}.ob-verify-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;margin-top:var(--space-3)}.ob-welcome__step-text{display:flex;flex-direction:column;gap:2px}.ob-welcome__step-text strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.ob-welcome__step-text span{font-size:var(--font-size-xs);color:var(--color-muted);line-height:var(--line-height-relaxed)}.ob-welcome__contact{font-size:var(--font-size-xs);color:var(--color-muted);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.ob-welcome__contact a{color:var(--color-cta);text-decoration:none}.ob-welcome__contact a:hover{text-decoration:underline}/* --- Enquiry Page Card --- */ .enquiry-section{background:var(--gradient-hero);padding-top:var(--space-5);padding-bottom:var(--space-7);min-height:calc(100vh - 64px)}.enquiry-container{max-width:560px;margin:0 auto}.enquiry-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-lg);color:var(--color-text)}.enquiry-card__heading{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text);line-height:1.5;margin-bottom:var(--space-2);text-align:center}.enquiry-card__sub,.lf-card-info-hint{font-size:var(--font-size-xs);color:var(--color-muted);text-align:center;margin-bottom:var(--space-5);line-height:1.5}.enquiry-card__info-icon{display:inline-block;vertical-align:-2px;color:var(--color-cta)}@media (max-width:480px){.enquiry-section{padding-top:var(--space-3)}.enquiry-card{padding:var(--space-5) var(--space-4);border-radius:var(--border-radius-lg)}.enquiry-card__heading{font-size:var(--font-size-sm)}}/* --- Lead Form Mobile Optimisations --- */ @media (max-width:767px){.hero__split{gap:var(--space-5)}.hero__form{padding:var(--space-4);border-radius:var(--border-radius-lg)}.lf-tap-btn{padding:10px 14px;font-size:14px;min-height:44px}.lf-btn-next{padding:12px 24px;font-size:14px;min-height:44px;width:100%}.lf-btn-back{padding:10px 16px;font-size:14px;min-height:44px}.lf-nav{flex-wrap:wrap;gap:var(--space-3)}.lf-text-input{padding:12px 14px;font-size:16px;min-height:44px}.lf-label{font-size:14px}.lf-field{margin-bottom:var(--space-5)}}/* --- Section CTA (centered button below content) --- */ .section__cta{text-align:center;margin-top:var(--space-7)}/* --- Comparison Table --- */ .comparison-table{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);max-width:780px;margin:0 auto}.comparison-table__header{display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--color-primary);color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.comparison-table__header .comparison-table__col{padding:var(--space-4) var(--space-5)}.comparison-table__col--them{text-align:center;opacity:0.7}.comparison-table__col--us{text-align:center;background:rgba(23,163,152,0.15)}.comparison-table__row{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.comparison-table__row:last-child{border-bottom:none}.comparison-table__row:hover{background:var(--color-bg)}.comparison-table__row--price{background:var(--color-bg-alt);font-weight:var(--font-weight-semibold)}.comparison-table__feature{padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);color:var(--color-text);display:flex;align-items:center}.comparison-table__check{padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);text-align:center;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.comparison-table__check--yes{color:var(--color-cta);font-weight:var(--font-weight-medium)}.comparison-table__check--no{color:var(--color-error);opacity:0.7}.comparison-table__check--maybe{color:#D68910}/* Comparison table mobile:stack */ @media (max-width:599px){.comparison-table__header,.comparison-table__row{grid-template-columns:1.4fr 1fr 1fr}.comparison-table__header .comparison-table__col,.comparison-table__feature,.comparison-table__check{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}}/* --- Finstem vs Comparison Table --- */ .compare-table-wrap{max-width:900px;margin:0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch}.compare-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.compare-table thead th{padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.04em;text-align:left;border-bottom:2px solid var(--color-border)}.compare-table__th--typical{color:var(--color-text-secondary)}.compare-table__th--finstem{color:var(--color-cta)}.compare-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);vertical-align:top}.compare-table tbody td:first-child{font-weight:var(--font-weight-medium);color:var(--color-text);min-width:160px}.compare-table__td--finstem{color:var(--color-text) !important;font-weight:var(--font-weight-medium)}.compare-table tbody tr:last-child td{border-bottom:none}@media (max-width:600px){.compare-table{font-size:var(--font-size-xs)}.compare-table thead th,.compare-table tbody td{padding:var(--space-2) var(--space-3)}}/* --- Resource Articles --- */ .resource-article{margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border)}.resource-article:last-child{border-bottom:none}.resource-article__date{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.04em;color:var(--color-cta);margin-bottom:var(--space-2)}.resource-article h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:var(--line-height-snug);margin-bottom:var(--space-5)}.resource-article h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-top:var(--space-6);margin-bottom:var(--space-2)}.resource-article p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.resource-article__cta{margin-top:var(--space-6);padding:var(--space-5);background:var(--color-bg);border-radius:var(--border-radius-lg);border-left:3px solid var(--color-cta)}.resource-article__cta p{margin-bottom:0;color:var(--color-text);font-weight:var(--font-weight-medium)}/* Beyond pricing cards */ .beyond-pricing{display:grid;grid-template-columns:1fr;gap:var(--space-5);max-width:900px;margin:var(--space-7) auto 0}@media (min-width:600px){.beyond-pricing{grid-template-columns:repeat(3,1fr)}}.beyond-pricing__card--link{text-decoration:none;color:inherit;cursor:pointer}.beyond-pricing__cta{display:inline-block;margin-top:var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-cta)}.beyond-pricing__card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-5) var(--space-6);text-align:center;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.beyond-pricing__card:hover{border-color:var(--color-cta);box-shadow:0 0 0 1px rgba(23,163,152,0.12),var(--shadow-md)}.beyond-pricing__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.06em;color:var(--color-cta);margin-bottom:var(--space-2)}.beyond-pricing__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-3) 0}.beyond-pricing__price{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0 0 var(--space-3) 0;letter-spacing:var(--letter-spacing-tight)}.beyond-pricing__price span{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-secondary)}.beyond-pricing__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}/* --- Integrations Grid --- */ .integrations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);max-width:680px;margin:0 auto}@media (min-width:600px){.integrations-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:900px){.integrations-grid{grid-template-columns:repeat(6,1fr);max-width:900px}}.integration-badge{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-5) var(--space-3);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--transition-base);text-align:center}.integration-badge:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.integration-badge strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.integration-badge span{font-size:var(--font-size-xs);color:var(--color-muted)}/* --- Sectors Grid --- */ .sectors-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);max-width:700px;margin:0 auto}.sector-badge{padding:var(--space-2) var(--space-4);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:100px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-base);white-space:nowrap}.sector-badge:hover{background:var(--color-white);border-color:var(--color-accent);color:var(--color-accent)}/* --- About Preview --- */ .about-preview{max-width:var(--container-narrow);margin:0 auto}.about-preview__text h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.about-preview__role{font-size:var(--font-size-sm);color:var(--color-muted);margin-bottom:var(--space-5);font-weight:var(--font-weight-medium)}.about-preview__text p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.about-preview__text .btn{margin-top:var(--space-4)}/* --- 4-Column Footer Layout --- */ .footer-top{display:grid;grid-template-columns:1fr;gap:var(--space-6);padding-bottom:var(--space-7);border-bottom:1px solid rgba(245,247,250,0.1);margin-bottom:var(--space-6)}@media (min-width:768px){.footer-top{grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-7)}}.footer-brand-block{display:flex;flex-direction:column;gap:var(--space-2)}.footer-tagline{font-size:var(--font-size-sm);color:rgba(245,247,250,0.5);line-height:var(--line-height-relaxed)}.footer-contact a{color:var(--color-cta);font-size:var(--font-size-sm)}.footer-col h4{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.08em;color:rgba(245,247,250,0.4);margin-bottom:var(--space-3);font-weight:var(--font-weight-semibold)}.footer-col nav{display:flex;flex-direction:column;gap:var(--space-2)}.footer-col nav a{font-size:var(--font-size-sm);color:rgba(245,247,250,0.6);text-decoration:none;transition:color var(--transition-fast)}.footer-col nav a:hover{color:var(--color-white)}.footer-bottom{text-align:center}.footer-copy{font-size:var(--font-size-xs);color:rgba(245,247,250,0.3);margin-top:var(--space-3)}/* --- Global Mobile Optimisations --- */ @media (max-width:767px){/* Contact form:prevent iOS zoom + touch targets */ .form-group input,.form-group select,.form-group textarea{font-size:16px;min-height:44px;padding:12px var(--space-4)}.form-group select{padding-right:var(--space-7)}/* Radio/checkbox labels:bigger touch area */ .radio-group label,.checkbox-group label{min-height:44px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.consent-group label{min-height:44px;padding:var(--space-2) 0}.consent-group input[type="checkbox"]{width:20px;height:20px;margin-top:0}/* Buttons:44px minimum */ .btn{min-height:44px;padding:12px var(--space-5)}.btn--full{width:100%}/* Footer nav links:adequate spacing */ .footer-col nav{gap:var(--space-3)}.footer-col nav a{padding:var(--space-1) 0;min-height:44px;display:flex;align-items:center}/* Form wrapper:tighter padding on mobile */ .form-wrapper{padding:var(--space-5) var(--space-4)}/* Page hero:reduce vertical padding */ .page-hero{padding:var(--space-6) 0}.page-hero h1{font-size:var(--font-size-2xl)}/* Sections:tighter padding */ .section{padding:var(--space-7) 0}/* Service cards:full width buttons */ .service-card .btn{width:100%;text-align:center}}/* ========================================================================== Chat Widget ========================================================================== */ .fcw-trigger{position:fixed;bottom:24px;right:24px;z-index:9999;width:56px;height:56px;border-radius:50%;border:none;background:var(--gradient-cta);box-shadow:0 4px 16px rgba(23,163,152,0.35);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease,box-shadow 0.2s ease,opacity 0.2s ease}.fcw-trigger:hover{transform:scale(1.08);box-shadow:0 6px 24px rgba(23,163,152,0.45)}.fcw-trigger--hidden{opacity:0;pointer-events:none;transform:scale(0.8)}.fcw-trigger__icon{width:26px;height:26px}.fcw-trigger--wa{bottom:24px;background:#25D366;box-shadow:0 4px 16px rgba(37,211,102,0.35);text-decoration:none;display:flex}.fcw-trigger--wa:hover{box-shadow:0 6px 24px rgba(37,211,102,0.45)}/* Panel */ .fcw-panel{position:fixed;bottom:24px;right:24px;z-index:9999;width:320px;max-height:440px;background:var(--color-white);border-radius:var(--border-radius-lg,12px);box-shadow:0 12px 40px rgba(0,0,0,0.18);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(16px) scale(0.95);pointer-events:none;transition:opacity 0.25s ease,transform 0.25s ease}.fcw-panel--open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.fcw-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--color-primary);color:var(--color-white)}.fcw-header__title{font-family:'Inter',sans-serif;font-size:15px;font-weight:600}.fcw-close{background:none;border:none;color:rgba(255,255,255,0.7);font-size:22px;cursor:pointer;line-height:1;padding:0 2px;transition:color 0.15s}.fcw-close:hover{color:var(--color-white)}/* Messages area */ .fcw-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;min-height:200px;max-height:260px;background:var(--color-bg)}.fcw-msg{font-family:'Inter',sans-serif;font-size:13px;line-height:1.5;padding:10px 14px;border-radius:12px;max-width:85%;word-wrap:break-word}.fcw-msg--bot{background:var(--color-white);color:var(--color-text);align-self:flex-start;border:1px solid var(--color-border)}.fcw-msg--user{background:var(--color-primary);color:var(--color-white);align-self:flex-end}/* Input area */ .fcw-input-area{display:flex;align-items:center;padding:10px 12px;border-top:1px solid var(--color-border);gap:8px;background:var(--color-white)}.fcw-input{flex:1;border:1px solid var(--color-border-strong);border-radius:8px;padding:9px 12px;font-family:'Inter',sans-serif;font-size:13px;color:var(--color-text);outline:none;transition:border-color 0.15s}.fcw-input:focus{border-color:var(--color-cta)}.fcw-input::placeholder{color:var(--color-muted)}.fcw-send{width:36px;height:36px;border-radius:8px;border:none;background:var(--color-cta);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.15s}.fcw-send:hover{background:var(--color-cta-hover)}.fcw-send svg{width:16px;height:16px}/* WhatsApp link */ .fcw-whatsapp{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#25D366;color:var(--color-white);font-family:'Inter',sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:background 0.15s}.fcw-whatsapp:hover{background:#20bd5a;color:var(--color-white)}.fcw-whatsapp__icon{width:18px;height:18px}/* Mobile — hide floating FAB,use bottom bar instead */ @media (max-width:767px){.fcw-trigger{display:none}.fcw-panel{bottom:80px;right:12px;left:12px;width:auto}}/* ========================================================================== Social Media Icons (Header + Footer) ========================================================================== */ .social-icons{display:flex;align-items:center;gap:6px}.social-icons a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--border-radius-sm,6px);color:var(--color-muted);transition:color 0.15s,background-color 0.15s}.social-icons a:hover{color:var(--color-text);background-color:rgba(13,27,42,0.06)}.social-icons svg{width:16px;height:16px}/* Header social — hidden on mobile */ .header-social{display:none}@media (min-width:768px){.header-social{display:flex;margin-right:4px}}/* Footer social */ .footer-social{margin-top:var(--space-3)}.footer-social a{color:rgba(245,247,250,0.5)}.footer-social a:hover{color:var(--color-white);background-color:rgba(245,247,250,0.1)}/* ========================================================================== Utility classes — extracted from inline styles for CSP compliance ========================================================================== */ /* Honeypot field (bot protection) */ .honeypot{position:absolute;left:-9999px}/* Background colour overrides */ .bg-white{background-color:var(--color-white)}.bg-default{background-color:var(--color-bg)}/* Border-top utility */ .bt-border{border-top:1px solid var(--color-border)}/* Section with white bg + border-top */ .section--white-bordered{background-color:var(--color-white);border-top:1px solid var(--color-border)}/* Container width variants */ .container--860{max-width:860px}.container--820{max-width:820px}/* Margin-top utilities */ .mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-7{margin-top:var(--space-7)}.mt-8{margin-top:var(--space-8)}/* Text alignment */ .text-right{text-align:right}.text-center{text-align:center}/* Fieldset reset (for form fieldsets) */ .fieldset-reset{border:none;padding:0;margin:0}/* Form legend styling */ .form-legend{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--space-2)}/* Pricing card link reset */ a.p-card{text-decoration:none;color:inherit}/* Hidden element (display:none by default,shown via JS) */ .u-hidden{display:none}/* Lead form consent area */ .lf-consent--initial{display:none;margin-top:var(--space-4)}.lf-consent__label{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.5;cursor:pointer}.lf-consent__checkbox{margin-top:3px;flex-shrink:0}.lf-consent__link{color:var(--color-cta)}/* Pricing page:table wrapper */ .table-scroll{margin-top:var(--space-7);overflow-x:auto}/* Pricing page:why fixed fees content */ .pricing-why-content{margin-top:var(--space-6);max-width:640px;margin-left:auto;margin-right:auto;text-align:center}.pricing-why-content p{line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.pricing-why-content p + p{margin-top:var(--space-4);font-size:var(--font-size-sm);color:var(--color-muted)}/* Savings calculator utilities */ .calc-row__content{flex:1;min-width:0}.calc-row__service--padded{padding-left:52px}.calc-row--finstem{background:rgba(23,163,152,0.04);border-bottom:none}.calc-row__name--bold{font-weight:600}.calc-info-btn{background:none;border:none;padding:0;margin-left:4px;cursor:pointer;color:var(--color-cta);vertical-align:-2px;display:inline-block;line-height:1}.calc-info-btn:hover{color:var(--color-cta-hover)}.calc-row__fee--bold-accent{text-align:right;font-weight:700}/* Section CTA margin */ .section__cta--spaced{margin-top:var(--space-6)}/* Thank you page utilities */ .ty-hint{margin-top:var(--space-6);font-size:var(--font-size-sm)}.ty-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-3)}/* About page icon margin */ .about-icon{margin:0 auto var(--space-3)}/* Dashboard mockup dots */ .dashboard-mockup__dot--red{background:#ff5f57}.dashboard-mockup__dot--yellow{background:#febc2e}.dashboard-mockup__dot--green{background:#28c840}/* ========================================================================== Pricing Page Styles (moved from inline <style> block) ========================================================================== */ /* Dark gradient hero matching finstem-app */ .pricing-hero{background:linear-gradient(135deg,#112240 0%,#152B4A 40%,#1E3F62 100%);color:#F5F7FA;padding:var(--space-8) 0 var(--space-9);text-align:center;position:relative;overflow:hidden}.pricing-hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(46,134,171,0.12),transparent 50%);pointer-events:none}.pricing-hero h1{color:var(--color-white);font-size:clamp(2rem,5vw,3rem);letter-spacing:var(--letter-spacing-tight);position:relative}.pricing-hero p{color:rgba(245,247,250,0.6);max-width:540px;margin:var(--space-4) auto 0;font-size:var(--font-size-md);position:relative}.pricing-hero__eyebrow{display:inline-block;font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.18em;color:var(--color-cta);margin-bottom:var(--space-3);position:relative}.pricing-hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-5);padding:var(--space-2) var(--space-5);background:rgba(255,255,255,0.10);border-radius:20px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:rgba(255,255,255,0.85);position:relative}/* 3-column pricing cards */ .pricing-cards{display:grid;grid-template-columns:1fr;gap:var(--space-5);max-width:1100px;margin:0 auto}@media (min-width:768px){.pricing-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.pricing-cards{grid-template-columns:repeat(4,1fr)}}.pricing-stripe-notice{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-6);font-size:var(--font-size-sm);color:var(--color-muted)}.pricing-stripe-notice svg{flex-shrink:0;color:var(--color-cta)}.p-card{position:relative;display:flex;flex-direction:column;background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--border-radius-xl);padding:var(--space-7) var(--space-6);transition:box-shadow var(--transition-base),transform var(--transition-base)}.p-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.p-card--featured{border-color:rgba(23,163,152,0.35);box-shadow:var(--shadow-md)}.p-card--featured::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-cta);border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0}.p-card__badge{position:absolute;top:-12px;right:var(--space-5);background:var(--gradient-cta);color:var(--color-white);font-size:11px;font-weight:var(--font-weight-semibold);padding:4px 14px;border-radius:20px;text-transform:uppercase;letter-spacing:0.06em}.p-card__persona{font-size:11px;color:var(--color-muted);margin-top:var(--space-1)}.p-card__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.p-card__price{margin-top:var(--space-4);font-size:2.25rem;font-weight:700;color:var(--color-primary);letter-spacing:var(--letter-spacing-tight)}.p-card__price span{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-muted);margin-left:2px}.p-card__vat{font-size:0.75rem;font-weight:400;color:var(--color-muted);margin-top:2px;letter-spacing:0.02em}.p-card__price--wide{font-size:1.75rem}.p-card__context{font-size:11px;color:var(--color-muted);margin-top:var(--space-1)}.p-card__features{margin-top:var(--space-5);flex-grow:1}.p-card__features li{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.p-card__features li svg{width:14px;height:14px;flex-shrink:0;color:var(--color-cta);margin-top:3px}.p-card .btn{margin-top:var(--space-6)}/* Feature comparison table */ .compare-table{width:100%;font-size:var(--font-size-sm);border-collapse:collapse}.compare-table thead th{padding-bottom:var(--space-4);font-weight:var(--font-weight-semibold);color:var(--color-primary);text-align:center;border-bottom:2px solid var(--color-border-strong)}.compare-table thead th:first-child{text-align:left;font-weight:var(--font-weight-medium);color:var(--color-muted);width:45%}.compare-table tbody td{padding:var(--space-3) var(--space-2);text-align:center;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.compare-table tbody td:first-child{text-align:left}.compare-table .check-icon{display:inline-block;width:16px;height:16px;color:var(--color-cta)}.compare-table .dash-icon{display:inline-block;width:16px;height:2px;background:var(--color-border-strong);border-radius:1px;vertical-align:middle}.compare-table .val{font-weight:var(--font-weight-medium);color:var(--color-primary)}/* FAQ accordion */ .faq-list{border:1.5px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item:last-child{border-bottom:none}.faq-item__q{display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:none;border:none;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.faq-item__q:hover{background:rgba(13,27,42,0.02)}.faq-item__q svg{width:16px;height:16px;flex-shrink:0;color:var(--color-muted);transition:transform var(--transition-fast)}.faq-item__q[aria-expanded="true"] svg{transform:rotate(180deg)}.faq-item__a{display:none;padding:0 var(--space-6) var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);border-top:1px solid var(--color-border);padding-top:var(--space-4)}.faq-item__a.open{display:block}/* Section headers matching finstem-app style */ .section-eyebrow{display:block;font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.18em;color:var(--color-cta);margin-bottom:var(--space-2);text-align:center}.section-heading{font-size:clamp(1.375rem,3vw,1.75rem);font-weight:700;color:var(--color-primary);text-align:center;letter-spacing:var(--letter-spacing-tight)}/* ========================================================================== Savings Calculator Styles (moved from inline <style> block) ========================================================================== */ .calc-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.calc-header{display:grid;grid-template-columns:1fr 100px 100px;gap:var(--space-4);align-items:end;padding:var(--space-5) var(--space-6);background:var(--color-bg-alt);border-bottom:1px solid var(--color-border)}@media (min-width:640px){.calc-header{grid-template-columns:1fr 120px 120px;padding:var(--space-5) var(--space-7)}}.calc-header__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.08em;color:var(--color-muted)}.calc-header__label--accent{color:var(--color-cta)}.calc-header__subtitle{font-size:11px;color:var(--color-muted);margin-top:2px}.calc-row{display:grid;grid-template-columns:1fr 100px 100px;gap:var(--space-4);align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);transition:background var(--transition-fast),opacity var(--transition-base)}@media (min-width:640px){.calc-row{grid-template-columns:1fr 120px 120px;padding:var(--space-4) var(--space-7)}}.calc-row--off{opacity:0.4}.calc-row--off .calc-row__fee{text-decoration:line-through;color:var(--color-muted)}.calc-row--off .calc-row__slider{opacity:0.3;pointer-events:none}.calc-row:last-child{border-bottom:none}.calc-row__service{display:flex;align-items:flex-start;gap:var(--space-3)}.calc-row__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);line-height:1.3}.calc-row__note{font-size:11px;color:var(--color-muted);margin-top:1px}/* Range slider */ .calc-row__slider{margin-top:6px;display:flex;align-items:center;gap:var(--space-2);transition:opacity var(--transition-base)}.calc-row__slider input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--color-border-strong);border-radius:2px;outline:none;cursor:pointer}.calc-row__slider input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-cta);cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,0.2);transition:transform var(--transition-fast)}.calc-row__slider input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.2)}.calc-row__slider input[type="range"]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-cta);cursor:pointer;border:none;box-shadow:0 1px 4px rgba(0,0,0,0.2)}.calc-row__slider-bounds{font-size:10px;color:var(--color-muted);white-space:nowrap;min-width:28px;text-align:center}.calc-row__fee{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-align:right;font-variant-numeric:tabular-nums;transition:color var(--transition-fast)}.calc-row__fee--included{color:var(--color-cta);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:flex-end;gap:4px}.calc-row__fee--accent{color:var(--color-cta);font-weight:var(--font-weight-semibold)}.calc-row__fee--muted{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}/* Toggle switch */ .toggle{position:relative;width:40px;height:22px;flex-shrink:0}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle__track{position:absolute;inset:0;background:var(--color-border-strong);border-radius:11px;cursor:pointer;transition:background var(--transition-fast)}.toggle__track::after{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--color-white);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,0.15);transition:transform var(--transition-fast)}.toggle input:checked + .toggle__track{background:var(--color-cta)}.toggle input:checked + .toggle__track::after{transform:translateX(18px)}.toggle input:focus-visible + .toggle__track{outline:2px solid var(--color-accent);outline-offset:2px}/* Feature rows (non-togglable) */ .calc-row--feature{background:rgba(23,163,152,0.03)}.calc-row--feature .calc-row__name{font-weight:var(--font-weight-medium)}.badge--yes{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-success);background:rgba(30,132,73,0.08);padding:3px 10px;border-radius:20px}.badge--no{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-error);background:rgba(192,57,43,0.08);padding:3px 10px;border-radius:20px}/* Totals */ .calc-totals{display:grid;grid-template-columns:1fr 100px 100px;gap:var(--space-4);align-items:center;padding:var(--space-5) var(--space-6);background:var(--color-bg-alt);border-top:2px solid var(--color-border-strong)}@media (min-width:640px){.calc-totals{grid-template-columns:1fr 120px 120px;padding:var(--space-5) var(--space-7)}}.calc-totals__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.calc-totals__value{font-size:var(--font-size-lg);font-weight:700;text-align:right;font-variant-numeric:tabular-nums;color:var(--color-primary)}.calc-totals__value--accent{color:var(--color-cta)}/* Savings banner */ .savings-banner{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);margin-top:var(--space-6);padding:var(--space-7) var(--space-6);background:var(--gradient-hero);border-radius:var(--border-radius-xl);text-align:center;position:relative;overflow:hidden}.savings-banner::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(46,134,171,0.12),transparent 50%);pointer-events:none}@media (min-width:640px){.savings-banner{flex-direction:row;justify-content:space-between;text-align:left;padding:var(--space-7)}}.savings-banner__text{position:relative}.savings-banner__amount{font-size:var(--font-size-xl);font-weight:700;color:var(--color-white);line-height:var(--line-height-snug)}.savings-banner__amount span{color:var(--color-cta)}.savings-banner__sub{font-size:var(--font-size-sm);color:rgba(245,247,250,0.5);margin-top:var(--space-2)}.savings-banner__cta{position:relative;flex-shrink:0}/* No savings state */ .savings-banner--none{background:var(--color-bg-alt)}.savings-banner--none .savings-banner__amount{color:var(--color-primary);font-size:var(--font-size-lg)}.savings-banner--none .savings-banner__sub{color:var(--color-muted)}/* Mobile static calculator */ .calc-static{display:none}@media (max-width:767px){.calc-static{display:block}.calc-card,.savings-banner{display:none}}.calc-static__table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.calc-static__table th{text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.08em;color:var(--color-muted);padding:var(--space-3) var(--space-3);background:var(--color-bg-alt);border-bottom:1px solid var(--color-border)}.calc-static__table th:last-child{color:var(--color-cta);text-align:right}.calc-static__table th:nth-child(2){text-align:right}.calc-static__table td{padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-primary);font-weight:var(--font-weight-medium);line-height:1.3}.calc-static__table td:nth-child(2){text-align:right;color:var(--color-muted);text-decoration:line-through;white-space:nowrap}.calc-static__table td:last-child{text-align:right;white-space:nowrap}.calc-static__table .calc-static__check{color:var(--color-cta);font-weight:var(--font-weight-semibold)}.calc-static__table .calc-static__cross{color:var(--color-muted)}.calc-static__table tr.calc-static__total td{font-weight:var(--font-weight-bold);font-size:var(--font-size-base);border-bottom:none;padding-top:var(--space-4);border-top:2px solid var(--color-border-strong)}.calc-static__table tr.calc-static__total td:last-child{color:var(--color-cta)}.calc-static__table tr.calc-static__finstem td{background:var(--color-cta-bg,rgba(23,163,152,0.06));font-weight:var(--font-weight-bold);color:var(--color-cta);border-bottom:none}.calc-static__saving{text-align:center;margin-top:var(--space-5);padding:var(--space-5);background:linear-gradient(135deg,var(--color-cta),#0eb3a2);border-radius:var(--border-radius-lg);color:#fff}.calc-static__saving-amount{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.calc-static__saving-note{font-size:var(--font-size-sm);opacity:0.9}.calc-static__subtitle{font-size:11px;color:var(--color-muted);margin-top:var(--space-2);margin-bottom:var(--space-4)}/* Disclaimer */ .calc-disclaimer{text-align:center;font-size:var(--font-size-xs);color:var(--color-muted);line-height:var(--line-height-relaxed);margin-top:var(--space-6);max-width:600px;margin-left:auto;margin-right:auto}/* ========================================================================== Onboarding Components (ob-*) ========================================================================== */ /* Reference badge */ .ob-ref-badge{display:inline-block;background:var(--color-bg-alt);border:1px solid var(--color-border-strong);border-radius:var(--border-radius-sm);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);color:var(--color-muted);font-weight:500;letter-spacing:0.02em;margin-bottom:var(--space-4)}/* Upload zones */ .ob-upload-zones{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}.ob-upload-zones--single{grid-template-columns:1fr}.ob-upload-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px;border:2px dashed var(--color-border-strong);border-radius:var(--border-radius-md);background:var(--color-white);cursor:pointer;transition:border-color 0.2s,background 0.2s;padding:var(--space-4);text-align:center}.ob-upload-zone:hover{border-color:var(--color-accent);background:var(--color-bg-alt)}.ob-upload-zone.dragover{border-color:var(--color-cta);background:rgba(23,163,152,0.05)}.ob-upload-zone.uploaded{border-color:var(--color-success);border-style:solid;background:rgba(30,132,73,0.04)}.ob-upload-zone.uploading{border-color:var(--color-accent);opacity:0.7;pointer-events:none}.ob-upload-zone__icon{width:32px;height:32px;color:var(--color-muted);margin-bottom:var(--space-2)}.ob-upload-zone.uploaded .ob-upload-zone__icon{color:var(--color-success)}.ob-upload-zone__label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--space-1)}.ob-upload-zone__hint{font-size:var(--font-size-xs);color:var(--color-muted)}.ob-upload-zone__filename{font-size:var(--font-size-xs);color:var(--color-success);font-weight:500;margin-top:var(--space-2);word-break:break-all}.ob-upload-zone input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer}/* Company search results */ .ob-company-results{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3);margin-bottom:var(--space-4)}.ob-company-card{display:block;width:100%;text-align:left;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--border-radius-md);background:var(--color-white);cursor:pointer;transition:border-color 0.2s,background 0.2s}.ob-company-card:hover{border-color:var(--color-accent);background:var(--color-bg-alt)}.ob-company-card.selected{border-color:var(--color-cta);background:rgba(23,163,152,0.06);box-shadow:0 0 0 1px var(--color-cta)}.ob-company-card__name{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text)}.ob-company-card__detail{font-size:var(--font-size-xs);color:var(--color-muted);margin-top:var(--space-1)}.ob-company-card__status{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;padding:2px 8px;border-radius:99px;margin-top:var(--space-1)}.ob-company-card__status--active{background:rgba(30,132,73,0.1);color:var(--color-success)}.ob-company-card__status--other{background:rgba(192,57,43,0.1);color:var(--color-error)}/* Engagement letter scroll */ .ob-letter-scroll{max-height:300px;overflow-y:auto;border:1px solid var(--color-border-strong);border-radius:var(--border-radius-md);padding:var(--space-4) var(--space-5);background:var(--color-white);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.ob-letter-scroll h3{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);margin-top:var(--space-4);margin-bottom:var(--space-2)}.ob-letter-scroll h3:first-child{margin-top:0}.ob-letter-scroll p{margin-bottom:var(--space-3)}/* Acceptance checkbox */ .ob-accept-note{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;margin:var(--space-4) 0;line-height:1.5}/* Review summary */ .ob-summary{border:1px solid var(--color-border-strong);border-radius:var(--border-radius-md);background:var(--color-white);overflow:hidden;margin-bottom:var(--space-5)}.ob-summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.ob-summary-row:last-child{border-bottom:none}.ob-summary-row__label{font-size:var(--font-size-sm);color:var(--color-muted);font-weight:500}.ob-summary-row__value{font-size:var(--font-size-sm);color:var(--color-text);font-weight:500;text-align:right}.ob-summary-row__value--success{color:var(--color-cta);font-weight:600;display:flex;align-items:center;gap:4px}.ob-summary-row__value--default{font-size:var(--font-size-sm);color:var(--color-text)}/* Client badge */ .ob-client-badge{display:flex;align-items:center;gap:var(--space-3);background:var(--color-bg-alt);border:1px solid var(--color-border-strong);border-radius:var(--border-radius);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5)}.ob-client-badge__info{display:flex;flex-direction:column;gap:1px;min-width:0}.ob-client-badge__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ob-client-badge__email{font-size:var(--font-size-xs);color:var(--color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}/* Payment button */ .ob-pay-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-5);padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.ob-pay-hint{font-size:var(--font-size-xs);color:var(--color-muted);text-align:center;margin-top:var(--space-3);line-height:1.4}/* Home link on success */ .ob-home-link{display:inline-block;margin-top:var(--space-4);color:var(--color-cta);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-decoration:none;transition:color 0.15s}.ob-home-link:hover{color:var(--color-cta-hover)}/* Sole trader checkbox */ .ob-sole-trader{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);margin-bottom:var(--space-2)}.ob-sole-trader input[type="checkbox"]{width:18px;height:18px;accent-color:var(--color-cta);cursor:pointer}.ob-sole-trader label{font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}/* Search input with icon */ .ob-search-wrap{position:relative;margin-bottom:var(--space-2)}.ob-search-wrap .lf-text-input{padding-left:40px}.ob-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-muted);pointer-events:none}/* Stripe redirect notice */ .ob-stripe-notice{font-size:var(--font-size-xs);color:var(--color-muted);text-align:center;margin-top:var(--space-3)}/* Error state for upload zones */ .ob-upload-zone.error{border-color:var(--color-error)}.ob-upload-error{font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--space-2);text-align:center}/* Inline error for form fields */ .ob-field-error{font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--space-1)}/* No ref error state */ .ob-no-ref{text-align:center;padding:var(--space-8) var(--space-4)}.ob-no-ref p{color:var(--color-text-secondary);margin-top:var(--space-3)}/* Mobile adjustments */ @media (max-width:600px){.ob-upload-zones{grid-template-columns:1fr}.ob-letter-scroll{max-height:220px;padding:var(--space-3)}.ob-summary-row{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.ob-summary-row__value{text-align:left}}