/* ========================================================================== PREMIUM LIGHT-SAAS THEME Scope: applies only when Drop-in stylesheet — keep all existing markup, only changes the skin. ========================================================================== */ body.premium{ --pr-bg: #FFFFFF; --pr-panel: #F8FAFC; --pr-panel-2: #F1F5F9; --pr-text: #0F172A; --pr-text-2: #1E293B; --pr-muted: #64748B; --pr-blue: #34D399; --pr-blue-hover: #10B981; --pr-blue-soft: rgba(52,211,153,.08); --pr-emerald: #1F2937; --pr-emerald-hover:#111827; --pr-emerald-soft: rgba(31,41,55,.10); --pr-line: #E2E8F0; --pr-line-2: #CBD5E1; --pr-shadow-soft: 0 20px 40px rgba(0,0,0,0.04); --pr-shadow-mid: 0 24px 50px rgba(52,211,153,0.10); --pr-radius: 16px; --pr-radius-lg: 20px; --pr-radius-xl: 24px; --pr-ease: all 0.3s ease-in-out; --pr-grad: linear-gradient(135deg,#34D399 0%,#1F2937 100%); background:var(--pr-bg);color:var(--pr-text); } body.premium *::selection{background:rgba(52,211,153,.22);color:#0F172A} /* ---------- TYPOGRAPHY ---------- */ body.premium h1, body.premium h2, body.premium h3, body.premium h4, body.premium h5{color:var(--pr-text);letter-spacing:-.025em;font-weight:700} body.premium p{color:var(--pr-muted)} body.premium .lead{color:var(--pr-muted)} /* ---------- HEADER (glass over light) ---------- */ body.premium .site-header{ background:rgba(255,255,255,.80); backdrop-filter:saturate(180%) blur(14px); -webkit-backdrop-filter:saturate(180%) blur(14px); border-bottom:1px solid rgba(226,232,240,.7); } body.premium .site-header.scrolled{ background:rgba(255,255,255,.96); box-shadow:0 8px 30px rgba(0,0,0,.04); } body.premium .nav-menu a{color:var(--pr-text-2)} body.premium .nav-menu a:hover{color:var(--pr-blue);background:var(--pr-blue-soft)} body.premium .nav-menu a.active{ background:var(--pr-grad);color:#fff;font-weight:700; box-shadow:0 6px 18px rgba(52,211,153,.30); } body.premium .nav-phone{ background:var(--pr-blue-soft);color:var(--pr-blue); } body.premium .nav-phone:hover{background:var(--pr-blue);color:#fff} body.premium .nav-toggle{background:#fff;border-color:var(--pr-line)} body.premium .nav-toggle span{background:var(--pr-text)} /* ---------- BUTTONS ---------- */ body.premium .btn-cta{ background:var(--pr-grad);color:#fff; box-shadow:0 12px 28px rgba(52,211,153,.30); } body.premium .btn-cta:hover{ transform:translateY(-3px) scale(1.02); box-shadow:0 18px 36px rgba(52,211,153,.42); } body.premium .btn-primary{ background:var(--pr-blue);color:#fff; box-shadow:0 12px 28px rgba(52,211,153,.30); } body.premium .btn-primary:hover{background:var(--pr-blue-hover);transform:translateY(-3px)} body.premium .btn-ghost{ background:#fff;border:1.5px solid var(--pr-line-2);color:var(--pr-text); } body.premium .btn-ghost:hover{ border-color:var(--pr-blue);color:var(--pr-blue); background:rgba(52,211,153,.04); } body.premium .btn-outline-light{ background:#fff;border:1.5px solid var(--pr-line-2);color:var(--pr-text); } body.premium .btn-outline-light:hover{ border-color:var(--pr-blue);color:var(--pr-blue); background:var(--pr-blue-soft); } body.premium .link-arrow{color:var(--pr-blue)} /* ---------- EYEBROW ---------- */ body.premium .eyebrow, body.premium .hero-eyebrow{ color:var(--pr-blue);letter-spacing:.18em;font-weight:700; } body.premium .eyebrow::before, body.premium .eyebrow::after, body.premium .hero-eyebrow .dot{background:var(--pr-grad)} /* ---------- SECTIONS ---------- */ body.premium .section{padding:5rem 0} body.premium .section-tint{background:var(--pr-panel)} body.premium .section-ink{background:var(--pr-panel-2);color:var(--pr-text)} body.premium .section-ink h1, body.premium .section-ink h2, body.premium .section-ink h3, body.premium .section-ink h4{color:var(--pr-text)} /* ---------- HERO ---------- */ body.premium .hero{ position:relative;overflow:hidden; background:linear-gradient(180deg,#F8FAFC 0%,#FFFFFF 60%); color:var(--pr-text); padding:88px 0 90px; } body.premium .hero::before{ background:radial-gradient(circle,rgba(52,211,153,.12),transparent 65%); } body.premium .hero::after{ background:radial-gradient(circle,rgba(31,41,55,.10),transparent 65%); } body.premium .hero h1{color:var(--pr-text);letter-spacing:-.03em} body.premium .hero h1 .text-grad{ background:var(--pr-grad); -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent; } body.premium .hero-title .word.text-grad{ background:linear-gradient(115deg,#34D399 0%,#1F2937 100%); background-size:200% 100%; -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent; } body.premium .hero-sub{color:var(--pr-muted)} body.premium .hero-media img{ border:1px solid var(--pr-line); border-radius:var(--pr-radius-xl); box-shadow:0 30px 60px rgba(15,23,42,.08),0 0 0 1px rgba(15,23,42,.02); } body.premium .hero-media::before{ background:radial-gradient(circle at 30% 30%,rgba(52,211,153,.18),transparent 60%); } body.premium .hero-pulse{ background:rgba(255,255,255,.94); backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px); color:var(--pr-text); border:1px solid var(--pr-line); box-shadow:0 10px 22px rgba(15,23,42,.06); } body.premium .hero-pulse .pulse-dot{ background:var(--pr-emerald); box-shadow:0 0 0 0 rgba(31,41,55,.5); animation:pulseDotPr 2.2s ease-out infinite; } @keyframes pulseDotPr{ 0%{box-shadow:0 0 0 0 rgba(31,41,55,.5)} 70%{box-shadow:0 0 0 12px rgba(31,41,55,0)} 100%{box-shadow:0 0 0 0 rgba(31,41,55,0)} } body.premium .hero-badge{ background:#fff; border:1px solid var(--pr-line); box-shadow:0 18px 40px rgba(15,23,42,.08); } body.premium .hero-badge .ico-wrap{ background:var(--pr-grad); box-shadow:0 6px 16px rgba(52,211,153,.30); } body.premium .hero-badge strong{color:var(--pr-text)} body.premium .hero-badge small{color:var(--pr-muted)} /* ---------- STAT STRIP BAND ---------- */ body.premium .statstrip-band{ background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%); padding:24px 0 60px; } body.premium .statstrip-inner{ background:#fff; border:1px solid var(--pr-line); border-radius:var(--pr-radius-xl); box-shadow:var(--pr-shadow-soft); } body.premium .statstrip-item{border-right-color:var(--pr-line)} body.premium .statstrip-item .ss-ico{ background:var(--pr-grad); box-shadow:0 8px 18px rgba(52,211,153,.28); } body.premium .statstrip-item h4{color:var(--pr-text)} body.premium .statstrip-item p{color:var(--pr-muted)} /* ---------- LEAK / HIDDEN-LEAK SECTION ---------- */ body.premium .leak-card{ background:#fff; border:1px solid var(--pr-line); border-radius:var(--pr-radius-xl); box-shadow:var(--pr-shadow-soft); } body.premium .leak-card::before{background:var(--pr-grad)} body.premium .leak-row{border-bottom-color:var(--pr-line)} body.premium .leak-fig{ background:var(--pr-grad); -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent; color:var(--pr-blue); } body.premium .leak-row .txt h4{color:var(--pr-text)} body.premium .leak-row .txt p{color:var(--pr-muted)} /* ---------- SERVICES INDEX LIST ---------- */ body.premium .svc-list{border-top-color:var(--pr-line)} body.premium .svc-row{border-bottom-color:var(--pr-line)} body.premium .svc-row:hover{ background:var(--pr-panel); transform:scale(1.005); box-shadow:var(--pr-shadow-soft); } body.premium .svc-num{ background:var(--pr-blue-soft);color:var(--pr-blue); } body.premium .svc-row:hover .svc-num{ background:var(--pr-grad);color:#fff; box-shadow:0 6px 14px rgba(52,211,153,.28); } body.premium .svc-ico{ background:var(--pr-grad); box-shadow:0 8px 18px rgba(52,211,153,.28); } body.premium .svc-text h3{color:var(--pr-text)} body.premium .svc-text p{color:var(--pr-muted)} body.premium .svc-go{ border-color:var(--pr-line-2);color:var(--pr-blue);background:#fff; } body.premium .svc-row:hover .svc-go{ background:var(--pr-blue);color:#fff;border-color:var(--pr-blue); box-shadow:0 6px 14px rgba(52,211,153,.30); } /* ---------- FLOW STEPS ---------- */ body.premium .flow-step{ background:#fff; border:1px solid var(--pr-line); border-radius:var(--pr-radius-lg); box-shadow:var(--pr-shadow-soft); transition:var(--pr-ease); } body.premium .flow-step:hover{ transform:translateY(-6px) scale(1.01); border-color:rgba(52,211,153,.30); box-shadow:var(--pr-shadow-mid); } body.premium .flow-num{ background:var(--pr-grad);color:#fff; box-shadow:0 8px 18px rgba(52,211,153,.30); } body.premium .flow-step h4{color:var(--pr-text)} body.premium .flow-step p{color:var(--pr-muted)} /* ---------- WHY US SPLIT ---------- */ body.premium .split-media img{ border:1px solid var(--pr-line); border-radius:var(--pr-radius-xl); box-shadow:0 30px 60px rgba(15,23,42,.08); } body.premium .split-media .deco{ background:var(--pr-grad);opacity:.14; } body.premium .badge-float{ background:#fff; border:1px solid var(--pr-line); box-shadow:0 18px 40px rgba(15,23,42,.10); } body.premium .badge-float .ring{ background:conic-gradient(var(--pr-blue) 312deg,rgba(52,211,153,.14) 0); } body.premium .badge-float .ring b{background:#fff} body.premium .badge-float .ring b svg{color:var(--pr-blue)} body.premium .badge-float strong{color:var(--pr-text)} body.premium .badge-float small{color:var(--pr-muted)} body.premium .ticklist li{color:var(--pr-text)} body.premium .ticklist li b{color:var(--pr-text)} body.premium .ticklist .tick{background:var(--pr-emerald-soft)} body.premium .ticklist .tick svg{color:var(--pr-emerald)} body.premium .mini-stats .num{color:var(--pr-blue)} body.premium .mini-stats p{color:var(--pr-muted)} /* ---------- INDUSTRIES BENTO ---------- */ body.premium .ind-tile{ border:1px solid var(--pr-line); box-shadow:var(--pr-shadow-soft); } body.premium .ind-tile:hover{ border-color:rgba(52,211,153,.30); box-shadow:var(--pr-shadow-mid); transform:translateY(-4px); } body.premium .ind-tile::after{ background:linear-gradient(180deg,rgba(15,23,42,.05) 30%,rgba(15,23,42,.85)); } body.premium .ind-kicker{color:var(--pr-emerald);letter-spacing:.16em} /* ---------- PLATFORM BAND ---------- */ body.premium .band-fact{border-bottom:1px solid var(--pr-line)} body.premium .band-fact .ico{ background:var(--pr-blue-soft); border:1px solid var(--pr-line); } body.premium .band-fact .ico svg{color:var(--pr-blue)} body.premium .band-fact h4{color:var(--pr-text)} body.premium .band-fact p{color:var(--pr-muted)} body.premium .band-intro h2{color:var(--pr-text)} body.premium .band-intro .lead{color:var(--pr-muted)} /* ---------- INTEGRATIONS MARQUEE ---------- */ body.premium .chip{ background:#fff; border:1px solid var(--pr-line); color:var(--pr-text); box-shadow:0 4px 12px rgba(15,23,42,.04); } body.premium .chip:hover{ border-color:var(--pr-blue); box-shadow:0 10px 22px rgba(52,211,153,.14); transform:translateY(-3px); } body.premium .chip-ico{ background:var(--pr-grad); box-shadow:0 4px 12px rgba(52,211,153,.30); } /* ---------- CTA BAND ---------- */ body.premium .cta-band{ background:linear-gradient(135deg,#F8FAFC 0%,#FFFFFF 100%); border:1px solid var(--pr-line); border-radius:var(--pr-radius-xl); color:var(--pr-text); } body.premium .cta-band::before{ background:radial-gradient(circle,rgba(52,211,153,.18),transparent 64%); } body.premium .cta-band::after{ background:radial-gradient(circle,rgba(31,41,55,.16),transparent 64%); } body.premium .cta-band h2{color:var(--pr-text)} body.premium .cta-band p{color:var(--pr-muted)} /* ---------- FOOTER ---------- */ body.premium .site-footer{ background:var(--pr-panel); border-top:1px solid var(--pr-line); color:var(--pr-muted); } body.premium .site-footer::before{display:none} body.premium .footer-brand-col p{color:var(--pr-muted)} body.premium .footer-col h4{color:var(--pr-text)} body.premium .footer-col a{color:var(--pr-muted)} body.premium .footer-col a:hover{color:var(--pr-blue)} body.premium .footer-contact-col li{color:var(--pr-muted)} body.premium .footer-contact-col li svg{color:var(--pr-blue)} body.premium .footer-contact-col a{color:var(--pr-text-2)} body.premium .footer-contact-col a:hover{color:var(--pr-blue)} body.premium .footer-grid{border-bottom-color:var(--pr-line)} body.premium .footer-bottom p{color:var(--pr-muted)} body.premium .footer-bottom .links a{color:var(--pr-muted)} body.premium .footer-bottom .links a:hover{color:var(--pr-blue)} /* ========================================================================== INTERIOR PAGE COMPONENTS — premium light ========================================================================== */ /* ---------- PAGE HERO (shared interior hero) ---------- */ body.premium .page-hero{ background:linear-gradient(180deg,#F8FAFC 0%,#FFFFFF 70%); color:var(--pr-text); } body.premium .page-hero::before{ background:radial-gradient(ellipse,rgba(52,211,153,.14),transparent 66%); } body.premium .page-hero h1{color:var(--pr-text)} body.premium .page-hero p{color:var(--pr-muted)} body.premium .crumbs{color:var(--pr-muted)} body.premium .crumbs a{color:var(--pr-muted);transition:var(--pr-ease)} body.premium .crumbs a:hover{color:var(--pr-blue)} body.premium .crumbs span:last-child{color:var(--pr-blue)} /* ---------- SERVICES PAGE: custom hero + detail rows ---------- */ body.premium .services-hero{ background:linear-gradient(180deg,#F8FAFC 0%,#FFFFFF 60%); color:var(--pr-text); } body.premium .services-hero::before{ background:radial-gradient(ellipse,rgba(52,211,153,.14),transparent 66%); } body.premium .services-hero::after{ background:radial-gradient(ellipse,rgba(31,41,55,.10),transparent 64%); } body.premium .services-hero h1{color:var(--pr-text)} body.premium .services-hero-sub{color:var(--pr-muted)} body.premium .svc-chip{ background:#fff;border:1px solid var(--pr-line);color:var(--pr-text); box-shadow:0 4px 12px rgba(15,23,42,.04); } body.premium .svc-chip:hover{ border-color:var(--pr-blue); box-shadow:0 10px 22px rgba(52,211,153,.14); color:var(--pr-text);transform:translateY(-3px); } body.premium .svc-chip-ico{ background:var(--pr-grad); box-shadow:0 4px 12px rgba(52,211,153,.30); } body.premium .svc-chip-ico svg{width:13px;height:13px;color:#fff} /* Service detail rows (with photo) */ body.premium .svc-detail{border-bottom-color:var(--pr-line)} body.premium .svc-detail-row{border-top-color:var(--pr-line)} body.premium .svc-detail-photo{ border:1px solid var(--pr-line); border-radius:var(--pr-radius-xl); box-shadow:var(--pr-shadow-soft); } body.premium .svc-detail-photo .pnum{ background:rgba(15,23,42,.84);color:#fff; border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px); } body.premium .svc-detail-ico{ background:var(--pr-grad); box-shadow:0 8px 18px rgba(52,211,153,.28); } body.premium .svc-detail-row h3{color:var(--pr-text)} body.premium .svc-detail-row .desc{color:var(--pr-muted)} body.premium .svc-detail-feats li{color:var(--pr-text)} body.premium .svc-detail-feats .tick{ background:var(--pr-emerald-soft); border:1px solid var(--pr-line); } body.premium .svc-detail-feats .tick svg{color:var(--pr-emerald)} /* Cards (detail-card, card) */ body.premium .card, body.premium .detail-card{ background:#fff; border:1px solid var(--pr-line); border-radius:var(--pr-radius-lg); box-shadow:var(--pr-shadow-soft); transition:var(--pr-ease); } body.premium .card:hover, body.premium .detail-card:hover{ transform:translateY(-6px) scale(1.01); box-shadow:var(--pr-shadow-mid); border-color:rgba(52,211,153,.30); } body.premium .card-ico{ background:var(--pr-grad); box-shadow:0 8px 18px rgba(52,211,153,.28); } body.premium .card h3,body.premium .detail-card h3{color:var(--pr-text)} body.premium .card p,body.premium .detail-card p{color:var(--pr-muted)} body.premium .card .num-tag{color:var(--pr-panel)} /* Mini list */ body.premium .mini-list li{color:var(--pr-text)} body.premium .mini-list .tick{background:var(--pr-emerald-soft);border:1px solid var(--pr-line)} body.premium .mini-list .tick svg{color:var(--pr-emerald)} /* Fact grid */ body.premium .fact{ background:#fff; border:1px solid var(--pr-line); border-radius:var(--pr-radius-lg); box-shadow:var(--pr-shadow-soft); transition:var(--pr-ease); } body.premium .fact:hover{ border-color:rgba(52,211,153,.30); box-shadow:var(--pr-shadow-mid); transform:translateY(-4px); } body.premium .fact .ico{ background:var(--pr-blue-soft); border:1px solid var(--pr-line); } body.premium .fact .ico svg{color:var(--pr-blue)} body.premium .fact h4{color:var(--pr-text)} body.premium .fact p{color:var(--pr-muted)} /* Comparison table */ body.premium .compare{ background:#fff; border:1px solid var(--pr-line); border-radius:var(--pr-radius-lg); box-shadow:var(--pr-shadow-soft); } body.premium .compare-row:not(:last-child){border-bottom-color:var(--pr-line)} body.premium .compare-head{background:var(--pr-panel)} body.premium .compare-cell{color:var(--pr-text)} body.premium .compare-cell.feature{color:var(--pr-text)} body.premium .compare-cell.us{background:var(--pr-blue-soft)} body.premium .compare-cell .yes{color:var(--pr-emerald)} body.premium .compare-cell .no{color:var(--pr-muted)} body.premium .compare-head .compare-cell.us{ background:var(--pr-grad);color:#fff; box-shadow:0 6px 16px rgba(52,211,153,.30); } /* Pill row */ body.premium .pill{ background:#fff; border:1px solid var(--pr-line); color:var(--pr-text); } body.premium .pill svg{color:var(--pr-blue)} /* ---------- INDUSTRIES PAGE ---------- */ body.premium .ind-card{ background:#fff; border:1px solid var(--pr-line); border-radius:var(--pr-radius-lg); box-shadow:var(--pr-shadow-soft); transition:var(--pr-ease); } body.premium .ind-card:hover{ border-color:rgba(52,211,153,.30); box-shadow:var(--pr-shadow-mid); transform:translateY(-4px); } body.premium .ind-card .body h4{color:var(--pr-text)} body.premium .ind-card .body p{color:var(--pr-muted)} body.premium .ind-tag{ background:var(--pr-grad); color:#fff;border:none; box-shadow:0 4px 10px rgba(52,211,153,.25); } /* Callout */ body.premium .callout{ background:#fff; border:1px solid var(--pr-line); border-radius:var(--pr-radius-lg); box-shadow:var(--pr-shadow-soft); } body.premium .callout .ico{ background:var(--pr-grad); box-shadow:0 6px 14px rgba(52,211,153,.28); } body.premium .callout h4{color:var(--pr-text)} body.premium .callout p{color:var(--pr-muted)} /* ---------- PRICING ---------- */ body.premium .price-card{ background:#fff; border:1px solid var(--pr-line); border-radius:var(--pr-radius-lg); box-shadow:var(--pr-shadow-soft); transition:var(--pr-ease); } body.premium .price-card:hover{ transform:translateY(-6px); box-shadow:var(--pr-shadow-mid); border-color:rgba(52,211,153,.30); } body.premium .price-card.featured{ background:linear-gradient(160deg,#FFFFFF,#F8FAFC); border:2px solid var(--pr-blue); box-shadow:0 28px 60px rgba(52,211,153,.18); } body.premium .price-card.featured h3, body.premium .price-card.featured .price, body.premium .price-card.featured .plan-name{color:var(--pr-text)} body.premium .price-card.featured p{color:var(--pr-muted)} body.premium .price-badge{ background:var(--pr-grad);color:#fff; box-shadow:0 8px 18px rgba(52,211,153,.32); } body.premium .price-card .plan-name{color:var(--pr-text)} body.premium .price-card .plan-desc{color:var(--pr-muted)} body.premium .price-card .price{color:var(--pr-text)} body.premium .price-card .price small{color:var(--pr-muted)} body.premium .price-card .price-sub{color:var(--pr-muted)} body.premium .price-feats li{color:var(--pr-text)} body.premium .price-feats .tick{background:var(--pr-emerald-soft);border:1px solid var(--pr-line)} body.premium .price-feats .tick svg{color:var(--pr-emerald)} body.premium .price-card.featured .price-feats .tick{background:rgba(52,211,153,.10)} body.premium .price-card.featured .price-feats .tick svg{color:var(--pr-blue)} /* Add-ons */ body.premium .addon{ background:#fff; border:1px solid var(--pr-line); border-radius:var(--pr-radius); box-shadow:var(--pr-shadow-soft); transition:var(--pr-ease); } body.premium .addon:hover{ border-color:rgba(52,211,153,.30); box-shadow:var(--pr-shadow-mid); transform:translateY(-4px); } body.premium .addon h4{color:var(--pr-text)} body.premium .addon p{color:var(--pr-muted)} body.premium .addon .price-mini{color:var(--pr-blue)} /* ---------- FAQ ACCORDION ---------- */ body.premium .faq-item{ background:#fff; border:1px solid var(--pr-line); border-radius:var(--pr-radius); transition:var(--pr-ease); } body.premium .faq-item.open{ border-color:rgba(52,211,153,.40); box-shadow:var(--pr-shadow-soft); } body.premium .faq-q{color:var(--pr-text)} body.premium .faq-icon{background:var(--pr-blue-soft)} body.premium .faq-icon svg{color:var(--pr-blue)} body.premium .faq-item.open .faq-icon{background:var(--pr-blue)} body.premium .faq-item.open .faq-icon svg{color:#fff} body.premium .faq-a-inner{color:var(--pr-muted)} /* ---------- CONTACT ---------- */ body.premium .form-card{ background:#fff; border:1px solid var(--pr-line); border-radius:var(--pr-radius-xl); box-shadow:var(--pr-shadow-soft); } body.premium .field label{color:var(--pr-text)} body.premium .field input, body.premium .field textarea, body.premium .field select{ background:transparent; border:none;border-bottom:2px solid var(--pr-line-2); border-radius:0;padding:14px 4px;color:var(--pr-text); transition:var(--pr-ease); } body.premium .field input:focus, body.premium .field textarea:focus, body.premium .field select:focus{ border-bottom-color:var(--pr-blue);background:transparent; outline:none; } body.premium .field input::placeholder, body.premium .field textarea::placeholder{color:#94A3B8} body.premium .alert-ok{ background:var(--pr-emerald-soft);border:1px solid rgba(31,41,55,.30);color:var(--pr-emerald-hover); } body.premium .form-note{color:var(--pr-muted)} /* Contact panel (dark intro panel — make light for premium) */ body.premium .contact-panel{ background:linear-gradient(135deg,#F8FAFC 0%,#FFFFFF 100%); color:var(--pr-text); border:1px solid var(--pr-line); border-radius:var(--pr-radius-xl); box-shadow:var(--pr-shadow-soft); } body.premium .contact-panel::before{ background:radial-gradient(circle,rgba(52,211,153,.18),transparent 66%); } body.premium .contact-panel h2, body.premium .contact-panel .hero-eyebrow{color:var(--pr-text)} body.premium .contact-panel .intro{color:var(--pr-muted)} body.premium .contact-row{border-bottom-color:var(--pr-line)} body.premium .contact-row .ico{ background:var(--pr-blue-soft);border:1px solid var(--pr-line); } body.premium .contact-row .ico svg{color:var(--pr-blue)} body.premium .contact-row .label{color:var(--pr-muted)} body.premium .contact-row .val{color:var(--pr-text)} body.premium .contact-row .val a{color:var(--pr-text-2)} body.premium .contact-row .val a:hover{color:var(--pr-blue)} body.premium .panel-hours{ background:rgba(248,250,252,.9); border:1px solid var(--pr-line); } body.premium .panel-hours h4{color:var(--pr-text)} body.premium .panel-hours h4 svg{color:var(--pr-blue)} body.premium .panel-hours .row{color:var(--pr-muted);border-bottom-color:var(--pr-line)} body.premium .panel-hours .row strong{color:var(--pr-text)} body.premium .panel-hours .row span:first-child{color:var(--pr-muted)} /* ---------- ABOUT: values, timeline ---------- */ body.premium .value .ico{ background:var(--pr-blue-soft); } body.premium .value .ico svg{color:var(--pr-blue)} body.premium .value h4{color:var(--pr-text)} body.premium .value p{color:var(--pr-muted)} body.premium .timeline2::before{background:var(--pr-grad);opacity:.7} body.premium .tl2-item::before{ background:var(--pr-blue); border:3px solid var(--pr-panel); box-shadow:0 0 0 4px rgba(52,211,153,.18); } body.premium .tl2-year{color:var(--pr-blue)} body.premium .tl2-item h4{color:var(--pr-text)} body.premium .tl2-item p{color:var(--pr-muted)} /* Old timeline (kept for compat) */ body.premium .tl-year{color:var(--pr-blue)} body.premium .tl-item h4{color:var(--pr-text)} body.premium .tl-item p{color:var(--pr-muted)} body.premium .tl-item{border-bottom-color:var(--pr-line)} /* ---------- LEGAL PAGES ---------- */ body.premium .legal-nav{ background:#fff; border:1px solid var(--pr-line); border-radius:var(--pr-radius); box-shadow:var(--pr-shadow-soft); } body.premium .legal-nav h4{color:var(--pr-muted)} body.premium .legal-nav a{color:var(--pr-text-2)} body.premium .legal-nav a:hover{background:var(--pr-blue-soft);color:var(--pr-blue)} body.premium .legal-body .updated{background:var(--pr-panel);color:var(--pr-muted)} body.premium .legal-body h2{color:var(--pr-text)} body.premium .legal-body h3{color:var(--pr-text)} body.premium .legal-body p, body.premium .legal-body li{color:var(--pr-muted)} body.premium .legal-body ul li::before{background:var(--pr-blue)} body.premium .legal-body strong{color:var(--pr-text)} body.premium .legal-body a{color:var(--pr-blue)} body.premium .legal-cta{ background:var(--pr-panel); border-radius:var(--pr-radius); } body.premium .legal-cta h4{color:var(--pr-text)} body.premium .legal-cta p{color:var(--pr-muted)} /* ---------- FAQ groups headings ---------- */ body.premium .faq-cats .col h3{color:var(--pr-text)} /* ---------- TEAM (if used) ---------- */ body.premium .team-card h4{color:var(--pr-text)} body.premium .team-card .role{color:var(--pr-blue)} body.premium .team-card .photo{border:1px solid var(--pr-line);box-shadow:var(--pr-shadow-soft)} /* ========================================================================== EDITORIAL MAGAZINE REDESIGN LAYER Fashion-editorial / photo-journalism feel. Mint + Charcoal kept; structural changes: full-bleed hero, chapter numbers, serif headlines, generous whitespace, alternating photo+text. ========================================================================== */ body.premium{ --ed-cream: #F6F2EA; --ed-paper: #FBF8F1; --ed-ink: #0B0F14; --ed-ink-2: #1F2937; --ed-rule: #1F2937; --ed-mint: #2BB58A; --ed-mint-2: #14916F; --ed-muted: rgba(11,15,20,.62); font-family:'Inter','Plus Jakarta Sans',sans-serif !important; background:var(--ed-paper) !important;color:var(--ed-ink); font-feature-settings:"ss01","ss02"; } body.premium *{font-family:inherit} body.premium h1, body.premium h2, body.premium h3{ font-family:'Fraunces','Times New Roman',serif !important; font-weight:700 !important;letter-spacing:-.02em !important; font-variation-settings:"opsz" 144; color:var(--ed-ink) !important; } body.premium h4, body.premium h5{ font-family:'Inter',sans-serif !important; font-weight:700;letter-spacing:-.01em;color:var(--ed-ink) !important; } body.premium p, body.premium .lead{color:var(--ed-muted) !important} body.premium .lead{font-size:1.08rem;line-height:1.7} /* ---------- HEADER ---------- */ body.premium .site-header{ background:var(--ed-paper) !important; backdrop-filter:none !important;-webkit-backdrop-filter:none !important; border-bottom:1px solid rgba(11,15,20,.12) !important; box-shadow:none !important; } body.premium .nav-menu a{ border-radius:0 !important;color:var(--ed-ink) !important; font-family:'Inter',sans-serif;font-weight:600; position:relative;padding:.5em .9em !important; } body.premium .nav-menu a:hover{background:transparent !important;color:var(--ed-mint-2) !important} body.premium .nav-menu a.active{ background:transparent !important;color:var(--ed-ink) !important; box-shadow:none !important; } body.premium .nav-menu a.active::after{ content:"";position:absolute;left:.9em;right:.9em;bottom:.2em; border-bottom:2px solid var(--ed-mint); } body.premium .nav-phone{ background:transparent !important;color:var(--ed-ink) !important; border:1px solid var(--ed-rule) !important;border-radius:50% !important; } body.premium .nav-phone:hover{background:var(--ed-ink) !important;color:#fff !important} /* ---------- BUTTONS ---------- */ body.premium .btn, body.premium .btn-cta, body.premium .btn-primary, body.premium .btn-ghost, body.premium .btn-outline-light{ border-radius:0 !important; font-family:'Inter',sans-serif !important;font-weight:600 !important; letter-spacing:.04em;text-transform:uppercase;font-size:.82rem; padding:.95em 1.5em !important; } body.premium .btn-cta{ background:var(--ed-ink) !important;color:#fff !important; border:none !important;box-shadow:none !important; } body.premium .btn-cta:hover{ background:var(--ed-mint-2) !important;transform:none !important; box-shadow:none !important; } body.premium .btn-primary{ background:var(--ed-mint) !important;color:var(--ed-ink) !important; border:none !important;box-shadow:none !important; } body.premium .btn-primary:hover{background:var(--ed-mint-2) !important;color:#fff !important} body.premium .btn-ghost{ background:transparent !important;color:var(--ed-ink) !important; border:1.5px solid var(--ed-ink) !important;box-shadow:none !important; } body.premium .btn-ghost:hover{background:var(--ed-ink) !important;color:#fff !important} body.premium .btn-ghost-light{ background:transparent !important;color:#fff !important; border:1.5px solid #fff !important; font-family:'Inter',sans-serif !important;font-weight:600 !important; letter-spacing:.04em;text-transform:uppercase;font-size:.82rem; padding:.95em 1.5em !important;border-radius:0 !important; display:inline-flex;align-items:center;gap:8px; } body.premium .btn-ghost-light:hover{background:#fff !important;color:var(--ed-ink) !important} /* ---------- EYEBROW — MAGAZINE CHAPTER ---------- */ body.premium .eyebrow, body.premium .hero-eyebrow{ display:inline-flex !important;align-items:center;gap:14px; color:var(--ed-ink) !important;font-family:'JetBrains Mono',monospace !important; font-weight:500;letter-spacing:.12em;font-size:.74rem; text-transform:uppercase;background:transparent !important; } body.premium .eyebrow::before, body.premium .eyebrow::after{display:none !important} body.premium .hero-eyebrow .dot{ width:6px;height:6px;border-radius:50%; background:var(--ed-mint) !important; box-shadow:none !important;animation:none !important; } body.premium .eyebrow-mag .chapter{ font-family:'Fraunces',serif !important;font-style:italic; font-weight:600;font-size:1.6rem;line-height:1; color:var(--ed-mint-2) !important;letter-spacing:-.02em; font-feature-settings:"ss01"; margin-right:4px; } /* ---------- HERO — FULL-BLEED MAGAZINE COVER ---------- */ body.premium .hero-bleed{ position:relative;overflow:hidden; background-size:cover !important;background-position:center !important; min-height:92vh;padding:0 !important; color:#fff; } body.premium .hero-bleed::before{display:none !important} body.premium .hero-bleed .hero-scrim{ position:absolute;inset:0;z-index:1;pointer-events:none; background: linear-gradient(90deg,rgba(11,15,20,.78) 0%,rgba(11,15,20,.55) 38%,rgba(11,15,20,.20) 70%,rgba(11,15,20,.55) 100%), linear-gradient(180deg,rgba(11,15,20,.55) 0%,rgba(11,15,20,.65) 40%,rgba(11,15,20,.95) 100%); } body.premium .hero-bleed::after{ content:"";position:absolute;inset:auto 0 0 0;height:38%;z-index:1;pointer-events:none; background:linear-gradient(180deg,rgba(11,15,20,0) 0%,rgba(11,15,20,.85) 70%,rgba(11,15,20,.98) 100%); display:block !important; } body.premium .hero-bleed-inner{ position:relative;z-index:2; min-height:88vh;display:flex;flex-direction:column; justify-content:space-between;padding:140px 0 64px; } body.premium .hero-bleed-top{ display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px; } body.premium .hero-eyebrow-light{ color:#fff !important;font-size:.82rem !important; } body.premium .hero-eyebrow-light .dot{ background:var(--ed-mint) !important;width:8px;height:8px; box-shadow:0 0 0 4px rgba(43,181,138,.25) !important; } body.premium .hero-issue{ font-family:'JetBrains Mono',monospace !important; color:#fff;font-size:.78rem;letter-spacing:.16em; text-transform:uppercase; padding:6px 12px;border:1px solid rgba(255,255,255,.5); background:rgba(11,15,20,.45); } body.premium .hero-title-bleed{ font-family:'Fraunces',serif !important; font-weight:600 !important;font-size:clamp(3rem,7.5vw,6rem) !important; letter-spacing:-.03em !important;line-height:.96 !important; color:#fff !important;max-width:980px;margin:auto 0; text-shadow:0 2px 24px rgba(0,0,0,.45); } body.premium .hero-title-bleed .word{color:#fff !important} body.premium .hero h1 .text-grad, body.premium .hero-title .word.text-grad{ background:transparent !important;color:var(--ed-mint) !important; -webkit-text-fill-color:var(--ed-mint) !important; font-style:italic;font-family:'Fraunces',serif !important; font-weight:500 !important; position:relative; text-shadow:0 2px 24px rgba(0,0,0,.45); } body.premium .hero-bleed-foot{ display:grid;grid-template-columns:1.2fr auto;gap:48px;align-items:end; padding-top:32px;border-top:1px solid rgba(255,255,255,.22); } body.premium .hero-sub-light{ color:rgba(255,255,255,.94) !important;max-width:560px; font-size:1.08rem !important;line-height:1.7; text-shadow:0 2px 16px rgba(0,0,0,.4); } body.premium .hero-cta{display:flex;gap:14px;flex-wrap:wrap} body.premium .hero-pulse-bleed{ position:absolute !important;top:auto !important;left:auto !important;bottom:48px !important;right:24px !important;z-index:3; background:rgba(11,15,20,.7) !important; backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px); border:1px solid rgba(43,181,138,.55) !important; border-radius:0 !important; color:#fff !important;font-family:'JetBrains Mono',monospace;font-size:.74rem; padding:10px 14px;letter-spacing:.14em;text-transform:uppercase;font-weight:500; display:inline-flex;align-items:center;gap:10px; } body.premium .hero-pulse-bleed .pulse-dot{ background:var(--ed-mint) !important;width:7px;height:7px; box-shadow:0 0 0 4px rgba(43,181,138,.30) !important; } body.premium .hero-badge-bleed{ position:absolute !important;top:auto !important;left:auto !important;bottom:108px !important;right:24px !important;z-index:3; background:rgba(11,15,20,.7) !important; backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,.30) !important; border-radius:0 !important;padding:12px 16px; display:flex;align-items:center;gap:14px;max-width:240px; } body.premium .hero-badge-bleed .ico-wrap{ background:var(--ed-mint) !important; border:none !important;border-radius:0 !important;color:var(--ed-ink) !important; box-shadow:none !important;width:34px;height:34px; display:flex;align-items:center;justify-content:center; } body.premium .hero-badge-bleed strong{color:#fff !important;font-family:'Inter',sans-serif;font-size:.88rem} body.premium .hero-badge-bleed small{color:rgba(255,255,255,.88) !important;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;font-family:'JetBrains Mono',monospace} @media (max-width:760px){ body.premium .hero-bleed-foot{grid-template-columns:1fr} body.premium .hero-pulse-bleed, body.premium .hero-badge-bleed{position:static;display:inline-flex;margin:8px 8px 0 0} } /* ---------- SECTIONS — clean editorial cadence ---------- */ body.premium .section{padding:7rem 0 !important} body.premium .section-tint{background:var(--ed-cream) !important} body.premium .section-ink{background:var(--ed-ink) !important;color:#fff} body.premium .section-ink h2, body.premium .section-ink h3, body.premium .section-ink h4{color:#fff !important} body.premium .section-ink p{color:rgba(255,255,255,.78) !important} body.premium .eyebrow-mag-light{color:#fff !important} body.premium .eyebrow-mag-light .chapter{color:var(--ed-mint) !important} /* ---------- LEAK / HIDDEN-LEAK ---------- */ body.premium .leak{ display:grid;grid-template-columns:5fr 7fr;gap:80px;align-items:start; } @media (max-width:880px){body.premium .leak{grid-template-columns:1fr;gap:48px}} body.premium .leak-intro h2{font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.05} body.premium .leak-card{ background:transparent !important;border:none !important; border-top:1px solid var(--ed-rule) !important; border-radius:0 !important;box-shadow:none !important;padding:0 !important; } body.premium .leak-card::before{display:none !important} body.premium .leak-row{ display:grid;grid-template-columns:260px 1fr;gap:40px; border-bottom:1px solid var(--ed-rule) !important; padding:32px 0 !important;align-items:baseline; } body.premium .leak-fig{ font-family:'Fraunces',serif !important; font-style:italic;font-weight:500 !important; font-size:clamp(1.7rem,2.4vw,2.4rem) !important;line-height:1.1 !important; color:var(--ed-mint-2) !important; background:transparent !important;-webkit-text-fill-color:initial !important; letter-spacing:-.02em; } body.premium .leak-row .txt h4{ font-family:'Fraunces',serif !important;font-weight:600; font-size:1.4rem;color:var(--ed-ink) !important;margin-bottom:8px; } /* ---------- STAT STRIP — magazine chapter list ---------- */ body.premium .statstrip-band{background:var(--ed-paper) !important;padding:96px 0 96px !important} body.premium .statstrip-band .container.statstrip{max-width:1080px} body.premium .statstrip-head{ display:flex;align-items:center;gap:18px; margin:0 0 32px;width:100%; } body.premium .ss-kicker{ font-family:'JetBrains Mono',monospace !important; font-size:.74rem;letter-spacing:.18em;text-transform:uppercase; font-weight:500;color:var(--ed-ink) !important;flex-shrink:0; } body.premium .ss-rule{flex:1;height:1px;background:var(--ed-rule);min-width:40px} body.premium .ss-meta{ font-family:'JetBrains Mono',monospace !important; font-size:.72rem;letter-spacing:.14em;text-transform:uppercase; font-weight:400;color:var(--ed-muted) !important;flex-shrink:0; } body.premium .statstrip-inner{ background:transparent !important;border:none !important; border-top:1px solid var(--ed-rule) !important; border-bottom:none !important; border-radius:0 !important;box-shadow:none !important; overflow:visible !important; padding:0 !important; display:block !important;grid-template-columns:none !important; width:100%; } body.premium .statstrip-item{ display:grid !important; grid-template-columns:180px 1fr !important; align-items:start;gap:36px; border-right:none !important; border-bottom:1px solid var(--ed-rule) !important; padding:36px 0 !important; position:relative;width:100%; transition:none !important; } body.premium .statstrip-item:hover{background:transparent !important;padding-left:0 !important} body.premium .statstrip-item:hover .ss-num{color:var(--ed-ink) !important} body.premium .statstrip-item:hover h4{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;text-decoration-color:var(--ed-mint)} body.premium .statstrip-item:last-child{border-bottom:none !important} body.premium .statstrip-item .ss-num{ grid-column:1; font-family:'Fraunces',serif !important; font-style:italic;font-weight:500; font-size:clamp(3.4rem,5.4vw,5rem) !important;line-height:.9; color:var(--ed-mint-2) !important;letter-spacing:-.02em; align-self:start; } body.premium .statstrip-item .ss-body{ grid-column:2; display:flex;flex-direction:column;gap:8px; } body.premium .statstrip-item .ss-ico{ grid-column:3; background:transparent !important;border:1px solid var(--ed-rule) !important; border-radius:0 !important;box-shadow:none !important; width:44px;height:44px;color:var(--ed-ink) !important; margin:6px 0 0 0; display:flex;align-items:center;justify-content:center; justify-self:end; } body.premium .statstrip-item .ss-ico svg{width:18px;height:18px} body.premium .statstrip-item h4{ font-family:'Fraunces',serif !important; font-weight:600;font-size:1.6rem !important; color:var(--ed-ink) !important;letter-spacing:-.01em; margin:0; } body.premium .statstrip-item p{ font-family:'Inter',sans-serif !important; color:var(--ed-muted) !important;font-size:1.02rem;line-height:1.65; max-width:560px;margin:0; } @media (max-width:760px){ body.premium .statstrip-item{ grid-template-columns:90px 1fr !important;gap:20px; } body.premium .statstrip-item .ss-num{font-size:2.6rem !important} } /* ---------- HEAD (section titles) ---------- */ body.premium .head h2{ font-family:'Fraunces',serif !important; font-size:clamp(2.2rem,4vw,3.6rem) !important;line-height:1.04 !important; letter-spacing:-.025em;color:var(--ed-ink) !important; margin-top:12px; } /* ---------- SERVICES LIST ---------- */ body.premium .svc-list{border-top:1px solid var(--ed-rule) !important} body.premium .svc-row{ border-bottom:1px solid var(--ed-rule) !important; padding:32px 0 !important; transition:padding-left .25s ease !important; } body.premium .svc-row:hover{ background:transparent !important;transform:none !important;box-shadow:none !important; padding-left:16px !important; } body.premium .svc-num{ background:transparent !important;color:var(--ed-mint-2) !important; border:none !important; font-family:'Fraunces',serif !important;font-style:italic;font-weight:600; font-size:1.4rem; } body.premium .svc-row:hover .svc-num{ background:transparent !important;color:var(--ed-ink) !important; box-shadow:none !important; } body.premium .svc-ico{ background:transparent !important;border:1px solid var(--ed-rule) !important; border-radius:0 !important;box-shadow:none !important; color:var(--ed-ink) !important; } body.premium .svc-ico svg{color:var(--ed-ink) !important;width:18px;height:18px} body.premium .svc-text h3{ font-family:'Fraunces',serif !important; font-weight:600;font-size:1.5rem;color:var(--ed-ink) !important; } body.premium .svc-go{ border:1px solid var(--ed-rule) !important;color:var(--ed-ink) !important; background:transparent !important;border-radius:50% !important; } body.premium .svc-row:hover .svc-go{ background:var(--ed-ink) !important;color:#fff !important; box-shadow:none !important; } /* ---------- FLOW STEPS ---------- */ body.premium .flow{ display:grid;grid-template-columns:repeat(4,1fr);gap:0 !important; margin-top:48px;border-top:1px solid var(--ed-rule); } @media (max-width:880px){body.premium .flow{grid-template-columns:1fr}} body.premium .flow-step{ background:transparent !important; border:none !important; border-right:1px solid var(--ed-rule) !important; border-radius:0 !important;box-shadow:none !important; padding:36px 28px !important; } body.premium .flow-step:last-child{border-right:none !important} body.premium .flow-step:hover{ background:var(--ed-cream) !important;transform:none !important; box-shadow:none !important;border-color:var(--ed-rule) !important; } body.premium .flow-num{ background:transparent !important;color:var(--ed-mint-2) !important; border:none !important;border-radius:0 !important;box-shadow:none !important; font-family:'Fraunces',serif !important;font-style:italic; font-size:2.4rem;line-height:1;font-weight:600; } body.premium .flow-step h4{ font-family:'Fraunces',serif !important; font-weight:600;font-size:1.4rem;color:var(--ed-ink) !important; margin:16px 0 12px; } /* ---------- SPLIT (Why us) ---------- */ body.premium .split{gap:88px !important} body.premium .split-copy h2{ font-family:'Fraunces',serif !important; font-size:clamp(2.2rem,3.8vw,3.4rem);line-height:1.04; } body.premium .split-media img{ border:none !important;border-radius:0 !important; box-shadow:none !important; } body.premium .split-media .deco{display:none !important} body.premium .badge-float{ background:#fff !important;border:1px solid var(--ed-rule) !important; border-radius:0 !important;box-shadow:none !important; } body.premium .badge-float .ring{ background:transparent !important;border:1px solid var(--ed-rule) !important; } body.premium .badge-float .ring b{background:#fff !important} body.premium .badge-float .ring b svg{color:var(--ed-ink) !important} body.premium .badge-float small{color:var(--ed-muted)} body.premium .badge-float strong{color:var(--ed-ink) !important} body.premium .ticklist .tick{ background:transparent !important;color:var(--ed-mint-2) !important; border:1px solid var(--ed-mint-2) !important;border-radius:50% !important; } /* ---------- INDUSTRIES (kept as ind-tile photo grid) ---------- */ body.premium .ind-bento{gap:32px !important} body.premium .ind-tile, body.premium .ind-card{ background:transparent !important;border:none !important; border-radius:0 !important;box-shadow:none !important; position:relative;overflow:hidden; } body.premium .ind-tile img{ border-radius:0 !important; filter:grayscale(.2) contrast(1.02); transition:transform .5s ease,filter .4s ease; } body.premium .ind-tile:hover img{transform:scale(1.04);filter:grayscale(0) contrast(1.04)} body.premium .ind-tile h4, body.premium .ind-tile .ind-content h4{ font-family:'Fraunces',serif !important; font-weight:600;color:var(--ed-ink) !important; } body.premium .ind-kicker{ font-family:'JetBrains Mono',monospace !important; font-size:.7rem;letter-spacing:.14em;text-transform:uppercase; color:var(--ed-mint-2) !important; } /* ---------- PLATFORM BAND (dark) ---------- */ body.premium .platform-band, body.premium .section-ink{ background:var(--ed-ink) !important; } body.premium .platform-band h2, body.premium .section-ink h2{ font-family:'Fraunces',serif !important;color:#fff !important; } body.premium .band-fact .ico, body.premium .section-ink .ico{ background:transparent !important;border:1px solid rgba(255,255,255,.3) !important; border-radius:0 !important;color:#fff !important; } /* ---------- MARQUEE CHIPS ---------- */ body.premium .marq-chip, body.premium .integration-chip, body.premium .chip{ background:transparent !important; border:1px solid var(--ed-rule) !important; border-radius:0 !important;box-shadow:none !important; color:var(--ed-ink) !important;font-weight:500; font-family:'Inter',sans-serif !important; } body.premium .chip-ico{ background:transparent !important;color:var(--ed-mint-2) !important; } body.premium .chip-ico svg{color:var(--ed-mint-2) !important;width:18px;height:18px} /* ---------- PRICING ---------- */ body.premium .price-card{ background:#fff !important;border:1px solid var(--ed-rule) !important; border-radius:0 !important;box-shadow:none !important;padding:36px !important; } body.premium .price-card:hover{ transform:none !important; box-shadow:8px 8px 0 var(--ed-ink) !important; } body.premium .price-card.popular, body.premium .price-card.featured{ background:var(--ed-ink) !important;color:#fff !important; border-color:var(--ed-ink) !important; } body.premium .price-card.popular *, body.premium .price-card.featured *{color:#fff !important} body.premium .price-card.popular .price, body.premium .price-card.featured .price{color:var(--ed-mint) !important} body.premium .price-card .plan-name{ font-family:'Fraunces',serif !important;font-weight:600; font-size:1.6rem;color:var(--ed-ink); } body.premium .price-card .price{ font-family:'Fraunces',serif !important;font-weight:600; font-style:italic;color:var(--ed-ink); } body.premium .price-card .badge, body.premium .price-card .ribbon{ background:var(--ed-mint) !important;color:var(--ed-ink) !important; border-radius:0 !important;border:none !important;font-weight:600; font-family:'Inter',sans-serif !important;letter-spacing:.1em;text-transform:uppercase;font-size:.7rem; } /* ---------- FAQ ---------- */ body.premium .faq-item, body.premium details.faq{ background:transparent !important; border:none !important;border-bottom:1px solid var(--ed-rule) !important; border-radius:0 !important;box-shadow:none !important; margin-bottom:0;padding:8px 0; } body.premium .faq-item summary, body.premium details.faq summary{ font-family:'Fraunces',serif !important; font-weight:600;color:var(--ed-ink) !important;font-size:1.2rem; } /* ---------- CONTACT ---------- */ body.premium .contact-panel, body.premium .form-card{ background:#fff !important;border:1px solid var(--ed-rule) !important; border-radius:0 !important;box-shadow:none !important; } body.premium .contact-panel{background:var(--ed-ink) !important;color:#fff !important} body.premium .contact-panel h2{font-family:'Fraunces',serif !important;color:#fff !important} body.premium .contact-panel .label{color:rgba(255,255,255,.6) !important;font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase} body.premium .contact-panel .val, body.premium .contact-panel .val a, body.premium .contact-panel .intro{color:rgba(255,255,255,.86) !important} body.premium .contact-panel .ico{ background:transparent !important;border:1px solid rgba(255,255,255,.3) !important; border-radius:0 !important;color:#fff !important; } body.premium .contact-panel .panel-hours{ background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.16) !important; border-radius:0 !important; } body.premium .form-card input, body.premium .form-card select, body.premium .form-card textarea{ background:transparent !important; border:none !important;border-bottom:1px solid var(--ed-rule) !important; border-radius:0 !important;padding:14px 0 !important; font-family:'Inter',sans-serif !important;color:var(--ed-ink) !important; } body.premium .form-card input:focus, body.premium .form-card select:focus, body.premium .form-card textarea:focus{ outline:none !important;border-bottom-color:var(--ed-mint) !important; box-shadow:none !important; } body.premium .form-card label{ font-family:'JetBrains Mono',monospace !important; font-weight:500;letter-spacing:.12em;text-transform:uppercase; font-size:.7rem;color:var(--ed-muted) !important; } /* ---------- LEGAL ---------- */ body.premium .legal-body{ background:transparent !important;border:none !important; border-radius:0 !important;box-shadow:none !important;padding:0 !important; } body.premium .legal-nav{ background:var(--ed-cream) !important;border:none !important; border-radius:0 !important;box-shadow:none !important; } body.premium .legal-body .updated{ background:transparent !important;color:var(--ed-muted) !important; border:none !important;border-bottom:1px solid var(--ed-rule) !important; border-radius:0 !important;padding:0 0 8px !important; font-family:'JetBrains Mono',monospace !important; font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:.74rem; display:block;width:100%; } body.premium .legal-body h2{ font-family:'Fraunces',serif !important;color:var(--ed-ink) !important; } body.premium .legal-cta{ background:var(--ed-cream) !important;border:1px solid var(--ed-rule) !important; border-radius:0 !important;box-shadow:none !important; } /* ---------- PAGE HERO (non-home) ---------- */ body.premium .page-hero{ background:var(--ed-paper) !important; border-bottom:1px solid var(--ed-rule); padding:7rem 0 5rem !important; } body.premium .page-hero h1{ font-family:'Fraunces',serif !important; color:var(--ed-ink) !important;letter-spacing:-.025em; font-size:clamp(2.6rem,5vw,4.4rem); } body.premium .page-hero .crumb{ display:inline-block;padding:0; background:transparent !important;color:var(--ed-muted) !important; border:none !important;border-radius:0 !important; font-family:'JetBrains Mono',monospace !important; font-size:.74rem;letter-spacing:.12em;text-transform:uppercase; } /* ---------- SERVICES HERO CHIPS ---------- */ body.premium .services-hero-chips, body.premium .svc-chip-strip, body.premium .svc-chips{ display:flex !important;flex-wrap:wrap !important; gap:8px !important;margin-top:32px !important; } body.premium .svc-chip, body.premium .services-hero-chips a, body.premium .svc-chip-strip a{ display:inline-flex !important;align-items:center;gap:8px; padding:8px 14px !important; background:transparent !important;color:var(--ed-ink) !important; border:1px solid var(--ed-rule) !important;border-radius:0 !important; box-shadow:none !important;font-family:'Inter',sans-serif !important; font-weight:500;font-size:.82rem; } body.premium .svc-chip:hover{background:var(--ed-ink) !important;color:#fff !important} /* ---------- FOOTER ---------- */ body.premium .footer{ background:var(--ed-ink) !important;color:#fff !important; border-top:1px solid var(--ed-rule); } body.premium .footer h4{ font-family:'Inter',sans-serif !important; text-transform:uppercase;letter-spacing:.14em;font-size:.78rem; color:rgba(255,255,255,.7) !important;font-weight:600; } body.premium .footer-cta{ background:transparent !important;border:1px solid rgba(255,255,255,.18) !important; border-radius:0 !important;box-shadow:none !important; } body.premium .footer-cta h2{ font-family:'Fraunces',serif !important;color:#fff !important; } body.premium .footer a:hover{color:var(--ed-mint) !important} /* ========================================================================== EDITORIAL — SERVICES PAGE ========================================================================== */ /* ---------- editorial page hero (used on services page) ---------- */ body.premium .ed-page-hero{ background:var(--ed-paper) !important; border-bottom:1px solid var(--ed-rule); padding:120px 0 64px !important; position:relative; } body.premium .ed-page-hero .crumbs, body.premium .services-hero .crumbs{display:none !important} body.premium .ed-masthead{ display:flex;align-items:center;gap:18px; margin:0 0 56px;width:100%; padding-bottom:18px;border-bottom:1px solid var(--ed-rule); } body.premium .ed-mast-left, body.premium .ed-mast-right{ font-family:'JetBrains Mono',monospace !important; font-size:.74rem;letter-spacing:.18em;text-transform:uppercase; font-weight:500;color:var(--ed-ink) !important;flex-shrink:0; } body.premium .ed-mast-left a{color:var(--ed-ink) !important;text-decoration:none} body.premium .ed-mast-left a:hover{color:var(--ed-mint-2) !important;text-decoration:underline} body.premium .ed-mast-sep{margin:0 8px;color:var(--ed-muted)} body.premium .ed-mast-right{color:var(--ed-muted) !important;font-weight:400} body.premium .ed-mast-rule{flex:1;height:1px;background:var(--ed-rule);min-width:40px} body.premium .ed-page-title{ font-family:'Fraunces',serif !important; font-weight:600 !important; font-size:clamp(2.6rem,6vw,5.4rem) !important; letter-spacing:-.03em !important;line-height:1.02 !important; color:var(--ed-ink) !important; max-width:1180px;margin:18px 0 56px; } body.premium .ed-page-title em{ font-style:italic;color:var(--ed-mint-2) !important; font-weight:500; } body.premium .ed-page-foot{ display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:end; padding-top:32px;border-top:1px solid var(--ed-rule); margin-bottom:48px; } @media (max-width:880px){body.premium .ed-page-foot{grid-template-columns:1fr;gap:24px}} body.premium .ed-page-foot .services-hero-sub{ color:var(--ed-ink) !important;max-width:520px;font-size:1.1rem;line-height:1.65;margin:0; } body.premium .ed-page-meta{ display:flex;gap:32px;justify-content:flex-end;flex-wrap:wrap; } body.premium .ed-page-meta > div{ display:flex;flex-direction:column;gap:4px; border-left:1px solid var(--ed-rule);padding-left:18px; } body.premium .ed-meta-label{ font-family:'JetBrains Mono',monospace !important; font-size:.7rem;letter-spacing:.16em;text-transform:uppercase; color:var(--ed-muted) !important; } body.premium .ed-meta-val{ font-family:'Fraunces',serif !important; font-weight:600;font-size:1.6rem;color:var(--ed-ink) !important; letter-spacing:-.02em; } /* ---------- section-level h2 with italic accent ---------- */ body.premium .ed-section-h{ font-family:'Fraunces',serif !important; font-weight:600 !important; font-size:clamp(2rem,3.8vw,3.2rem) !important; line-height:1.05 !important;letter-spacing:-.02em; color:var(--ed-ink) !important; max-width:780px;margin:0 0 64px; } body.premium .ed-section-h em{ font-style:italic;color:var(--ed-mint-2) !important;font-weight:500; } /* ---------- editorial service detail rows ---------- */ body.premium .ed-svc-list{ border-top:1px solid var(--ed-rule); display:flex;flex-direction:column; } body.premium .ed-svc-row{ display:grid !important;grid-template-columns:200px 1fr !important; gap:48px;align-items:start; padding:64px 0 !important; border-bottom:1px solid var(--ed-rule); background:transparent !important;border-radius:0 !important; box-shadow:none !important; } body.premium .ed-svc-num{ font-family:'Fraunces',serif !important; font-style:italic;font-weight:500; font-size:clamp(3.4rem,5.6vw,5.2rem) !important;line-height:.9; color:var(--ed-mint-2) !important;letter-spacing:-.02em; } body.premium .ed-svc-content{ display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start; } @media (max-width:1024px){ body.premium .ed-svc-content{grid-template-columns:1fr;gap:32px} } @media (max-width:760px){ body.premium .ed-svc-row{grid-template-columns:90px 1fr !important;gap:24px} body.premium .ed-svc-num{font-size:2.6rem !important} } body.premium .ed-svc-text h3{ font-family:'Fraunces',serif !important;font-weight:600; font-size:2rem !important;color:var(--ed-ink) !important; letter-spacing:-.015em;margin:0 0 18px; } body.premium .ed-svc-text .desc{ font-family:'Inter',sans-serif !important; color:var(--ed-muted) !important;font-size:1.04rem;line-height:1.7; margin:0 0 22px;max-width:540px; } body.premium .ed-svc-text .svc-detail-feats{ list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px; } body.premium .ed-svc-text .svc-detail-feats li{ display:flex;align-items:flex-start;gap:12px; font-family:'Inter',sans-serif !important; font-size:.96rem;color:var(--ed-ink) !important;line-height:1.5; } body.premium .ed-svc-text .svc-detail-feats .tick{ flex-shrink:0;width:22px;height:22px; border:1px solid var(--ed-mint-2);border-radius:50%; background:transparent;color:var(--ed-mint-2); display:flex;align-items:center;justify-content:center; margin-top:1px; } body.premium .ed-svc-text .svc-detail-feats .tick svg{width:11px;height:11px;color:var(--ed-mint-2) !important} body.premium .ed-svc-photo{ position:relative;overflow:hidden; } body.premium .ed-svc-photo img{ display:block;width:100%;height:auto; border:none;border-radius:0;box-shadow:none; filter:grayscale(.05) contrast(1.02); aspect-ratio:4/3;object-fit:cover; } /* ---------- services hero chips (already styled, refresh) ---------- */ body.premium .services-hero-chips{margin-top:0 !important} body.premium .svc-chip{ background:#fff !important;color:var(--ed-ink) !important; border:1px solid var(--ed-rule) !important; border-radius:0 !important;box-shadow:none !important; padding:8px 14px !important; font-family:'Inter',sans-serif !important;font-weight:500; display:inline-flex;align-items:center;gap:8px; } body.premium .svc-chip:hover{ background:var(--ed-ink) !important;color:#fff !important; } body.premium .svc-chip:hover .svc-chip-ico, body.premium .svc-chip:hover .svc-chip-ico svg{color:#fff !important} body.premium .svc-chip-ico{ background:transparent !important;color:var(--ed-mint-2) !important; box-shadow:none !important;width:auto;height:auto; } body.premium .svc-chip-ico svg{color:var(--ed-mint-2) !important;width:13px;height:13px} /* ---------- "Always included" fact grid as chapter rows ---------- */ body.premium .fact-grid{ display:flex;flex-direction:column;gap:0; border-top:1px solid rgba(255,255,255,.18); max-width:1080px;margin:48px auto 0; } body.premium .fact{ background:transparent !important;border:none !important; border-bottom:1px solid rgba(255,255,255,.18) !important; border-radius:0 !important;box-shadow:none !important; padding:32px 0 !important; display:grid !important;grid-template-columns:60px 1fr !important; grid-template-rows:auto auto; gap:6px 24px;align-items:start; } body.premium .fact .ico{ grid-column:1;grid-row:1 / span 2;align-self:start; background:transparent !important;border:1px solid rgba(255,255,255,.4) !important; border-radius:0 !important;box-shadow:none !important; width:44px;height:44px;color:var(--ed-mint) !important; display:flex;align-items:center;justify-content:center; } body.premium .fact .ico svg{color:var(--ed-mint) !important;width:18px;height:18px} body.premium .fact h4{ grid-column:2 !important;grid-row:1; font-family:'Fraunces',serif !important;font-weight:600; font-size:1.45rem !important;color:#fff !important;margin:0 0 4px; } body.premium .fact p{ grid-column:2 !important;grid-row:2; font-family:'Inter',sans-serif !important; color:rgba(255,255,255,.78) !important;font-size:1rem;line-height:1.65;margin:0; max-width:680px; } /* ---------- comparison table as editorial chart ---------- */ body.premium .compare{ border:none !important; border-radius:0 !important;box-shadow:none !important; background:transparent !important;overflow:visible !important; margin-top:48px; } body.premium .compare-row{ display:grid !important;grid-template-columns:1.4fr 1fr 1fr !important; border:none !important; align-items:center;padding:18px 0; } body.premium .compare-row.compare-head{ background:transparent !important;border:none !important; } body.premium .compare-cell{ font-family:'Inter',sans-serif !important; padding:8px 16px;color:var(--ed-ink) !important; background:transparent !important;border:none !important; } body.premium .compare-cell.feature{ font-family:'Fraunces',serif !important;font-weight:600;font-size:1.1rem; } body.premium .compare-head .compare-cell{ font-family:'JetBrains Mono',monospace !important; font-size:.72rem;letter-spacing:.16em;text-transform:uppercase; color:var(--ed-muted) !important;font-weight:500; } body.premium .compare-head .compare-cell.us{color:var(--ed-ink) !important} body.premium .compare-cell.us{ color:var(--ed-ink) !important;font-weight:600; } body.premium .compare-cell .no{color:var(--ed-muted) !important} body.premium .compare-cell .yes{ display:inline-flex;align-items:center;gap:10px; color:var(--ed-ink) !important; } body.premium .compare-cell .yes svg{color:var(--ed-mint-2) !important;width:14px;height:14px} /* ---------- SERVICES PAGE — split editorial hero ---------- */ body.premium .ed-split-hero{ background:var(--ed-paper) !important; border-bottom:none !important; padding:96px 0 72px !important; position:relative; } body.premium .ed-split-hero .crumbs{display:none !important} body.premium .ed-split-hero .ed-masthead{border-bottom:none !important;padding-bottom:0 !important;margin-bottom:48px} body.premium .ed-split-hero-grid{ display:grid;grid-template-columns:1fr 1.05fr; gap:56px;align-items:center; border:none; } @media (max-width:1024px){ body.premium .ed-split-hero-grid{grid-template-columns:1fr;gap:36px} } body.premium .ed-split-hero-media{ position:relative;overflow:hidden; border:none !important; min-height:520px;background:#0B0F14; } @media (max-width:1024px){ body.premium .ed-split-hero-media{min-height:360px} } body.premium .ed-split-hero-media img{ position:absolute;inset:0;width:100%;height:100%;object-fit:cover; filter:grayscale(.08) contrast(1.02); } body.premium .ed-split-hero-tag{ position:absolute;left:24px;bottom:24px;z-index:2; background:rgba(11,15,20,.78); backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,.22); padding:12px 16px; display:flex;flex-direction:column;gap:2px; } body.premium .ed-tag-label{ font-family:'JetBrains Mono',monospace !important; font-size:.7rem;letter-spacing:.18em;text-transform:uppercase; color:rgba(255,255,255,.7) !important; } body.premium .ed-tag-value{ font-family:'Inter',sans-serif !important; font-size:.96rem;color:#fff !important;font-weight:600; } body.premium .ed-split-hero-copy{ padding:0; display:flex;flex-direction:column;justify-content:center;gap:24px; background:transparent; min-height:auto; } @media (max-width:1024px){body.premium .ed-split-hero-copy{padding:0;min-height:auto}} body.premium .ed-split-hero-copy .eyebrow{margin:0} body.premium .ed-split-hero-title{ font-family:'Fraunces',serif !important; font-weight:600 !important; font-size:clamp(2.4rem,4.5vw,4.2rem) !important; letter-spacing:-.025em !important;line-height:1.02 !important; color:var(--ed-ink) !important; margin:0; } body.premium .ed-split-hero-title em{ font-style:italic;color:var(--ed-mint-2) !important;font-weight:500; } body.premium .ed-split-hero-sub{ font-family:'Inter',sans-serif !important; color:var(--ed-ink) !important; font-size:1.05rem;line-height:1.7;max-width:520px;margin:0; } body.premium .ed-split-hero-meta{ display:flex;gap:48px;flex-wrap:wrap; padding-top:0;border-top:none; margin-top:8px; } body.premium .ed-split-hero-meta > div{ display:flex;flex-direction:column;gap:4px;flex:0 0 auto;min-width:88px; } body.premium .ed-chip-strip{ margin-top:56px !important; padding-top:0;border-top:none; display:flex;flex-wrap:wrap;gap:10px; } /* ---------- INDUSTRIES PAGE — sector tag ---------- */ body.premium .ind-sector-tag{ display:inline-block; font-family:'JetBrains Mono',monospace !important; font-size:.7rem;letter-spacing:.18em;text-transform:uppercase; font-weight:500;color:var(--ed-mint-2) !important; border:1px solid var(--ed-mint-2);padding:4px 10px; margin-bottom:14px; } body.premium .ed-svc-text .ind-sector-tag + h3{margin-top:0} /* ---------- INDUSTRIES PAGE — callout magazine ---------- */ body.premium .callout{ background:transparent !important; border:none !important; border-top:1px solid var(--ed-rule) !important; border-bottom:1px solid var(--ed-rule) !important; border-radius:0 !important;box-shadow:none !important; padding:36px 0 !important; display:grid;grid-template-columns:64px 1fr;gap:24px;align-items:center; } body.premium .callout .ico{ background:transparent !important;border:1px solid var(--ed-rule) !important; border-radius:0 !important;box-shadow:none !important; width:48px;height:48px;color:var(--ed-ink) !important; display:flex;align-items:center;justify-content:center; } body.premium .callout .ico svg{color:var(--ed-ink) !important;width:20px;height:20px} body.premium .callout h4{ font-family:'Fraunces',serif !important;font-weight:600; font-size:1.5rem;color:var(--ed-ink) !important;margin:0 0 6px; } body.premium .callout p{ font-family:'Inter',sans-serif !important; color:var(--ed-muted) !important;font-size:1rem;line-height:1.65;margin:0; } /* ---------- mini-stats inside split sections ---------- */ body.premium .mini-stats{ display:flex;gap:32px;flex-wrap:wrap; margin-top:24px;padding-top:24px;border-top:1px solid var(--ed-rule); } body.premium .mini-stats > div{ flex:1;min-width:130px; } body.premium .mini-stats .num{ font-family:'Fraunces',serif !important;font-style:italic; font-weight:500;font-size:2rem;line-height:1; color:var(--ed-mint-2) !important;letter-spacing:-.02em; margin-bottom:6px; } body.premium .mini-stats p{ font-family:'Inter',sans-serif !important; color:var(--ed-muted) !important;font-size:.92rem;line-height:1.5;margin:0; } /* ---------- PRICING PAGE — editorial pillrow ---------- */ body.premium .pillrow{ display:flex !important;flex-wrap:wrap;justify-content:center;gap:18px 32px; border-top:1px solid var(--ed-rule); padding-top:32px;margin-top:48px !important; } body.premium .pillrow .pill{ background:transparent !important;border:none !important; border-radius:0 !important;box-shadow:none !important; padding:0 !important;color:var(--ed-ink) !important; font-family:'Inter',sans-serif !important;font-weight:500;font-size:.94rem; display:inline-flex;align-items:center;gap:8px; } body.premium .pillrow .pill svg{color:var(--ed-mint-2) !important;width:16px;height:16px} /* ---------- PRICING PAGE — addon chapter rows ---------- */ body.premium .ed-svc-list.addon-list .ed-svc-row{padding:48px 0 !important} body.premium .addon-content{ grid-template-columns:1.4fr 1fr !important;gap:48px; } body.premium .addon-pricecol{ display:flex;flex-direction:column;gap:6px;align-items:flex-end;text-align:right; } @media (max-width:1024px){ body.premium .addon-pricecol{align-items:flex-start;text-align:left} } body.premium .addon-price-label{ font-family:'JetBrains Mono',monospace !important; font-size:.7rem;letter-spacing:.18em;text-transform:uppercase; color:var(--ed-muted) !important; } body.premium .addon-price-val{ font-family:'Fraunces',serif !important; font-style:italic;font-weight:500;font-size:2rem;line-height:1; color:var(--ed-mint-2) !important;letter-spacing:-.02em; margin:4px 0 16px; } body.premium .addon-cta{ font-family:'Inter',sans-serif !important; font-size:.84rem;letter-spacing:.06em;text-transform:uppercase; font-weight:600;color:var(--ed-ink) !important; border-bottom:1px solid var(--ed-ink);padding-bottom:4px; display:inline-flex;align-items:center;gap:6px; text-decoration:none; } body.premium .addon-cta:hover{ color:var(--ed-mint-2) !important;border-bottom-color:var(--ed-mint-2); } body.premium .addon-cta svg{width:13px;height:13px} /* ---------- ABOUT PAGE — editorial timeline ---------- */ body.premium .ed-timeline{ border-top:1px solid var(--ed-rule); display:flex;flex-direction:column; max-width:1080px;margin:0 auto; } body.premium .ed-tl-item{ display:grid;grid-template-columns:200px 1fr; align-items:start;gap:48px; padding:36px 0; border-bottom:1px solid var(--ed-rule); } @media (max-width:760px){ body.premium .ed-tl-item{grid-template-columns:100px 1fr;gap:24px} } body.premium .ed-tl-year{ font-family:'Fraunces',serif !important; font-style:italic;font-weight:500; font-size:clamp(2.6rem,4vw,3.6rem);line-height:1; color:var(--ed-mint-2);letter-spacing:-.02em; } body.premium .ed-tl-body h4{ font-family:'Fraunces',serif !important; font-weight:600;font-size:1.6rem;color:var(--ed-ink) !important; margin:0 0 8px; } body.premium .ed-tl-body p{ font-family:'Inter',sans-serif !important; color:var(--ed-muted) !important;font-size:1rem;line-height:1.65; margin:0;max-width:680px; } /* ---------- ABOUT PAGE — values list (reuse statstrip styling but with body p) ---------- */ body.premium .ed-values-list{margin-top:0 !important} body.premium .ed-values-list .statstrip-item h4{ font-family:'Fraunces',serif !important; font-weight:600;font-size:1.6rem !important;color:var(--ed-ink) !important; } body.premium .ed-values-list .statstrip-item p{ font-family:'Inter',sans-serif !important; color:var(--ed-muted) !important;font-size:1.02rem;line-height:1.65;margin:0; max-width:680px; } /* ---------- FAQ PAGE — editorial group blocks ---------- */ body.premium .ed-faq-groups{ display:flex;flex-direction:column;gap:64px;margin-top:24px; } body.premium .ed-faq-group{ display:grid;grid-template-columns:340px 1fr;gap:48px; border-top:1px solid var(--ed-rule); padding-top:36px; } @media (max-width:1024px){ body.premium .ed-faq-group{grid-template-columns:1fr;gap:24px} } body.premium .ed-faq-group-head{ display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start; position:sticky;top:120px;align-self:start; } body.premium .ed-faq-num{ font-family:'Fraunces',serif !important; font-style:italic;font-weight:500; font-size:clamp(2.4rem,4vw,3.2rem);line-height:1; color:var(--ed-mint-2);letter-spacing:-.02em; } body.premium .ed-faq-group-meta h3{ font-family:'Fraunces',serif !important; font-weight:600;font-size:1.5rem;color:var(--ed-ink) !important; margin:0 0 8px; } body.premium .ed-faq-group-meta p{ font-family:'Inter',sans-serif !important; color:var(--ed-muted) !important;font-size:.96rem;line-height:1.6;margin:0; } body.premium .ed-faq-list{display:flex;flex-direction:column;gap:0} body.premium .ed-faq-list .faq-item{ background:transparent !important; border:none !important; border-bottom:1px solid var(--ed-rule) !important; border-radius:0 !important;box-shadow:none !important; margin:0 !important;padding:0; } body.premium .ed-faq-list .faq-q{ background:transparent !important;border:none !important; width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px; padding:22px 0 !important; font-family:'Fraunces',serif !important; font-weight:600;font-size:1.15rem;color:var(--ed-ink) !important; text-align:left;cursor:pointer; letter-spacing:-.01em; } body.premium .ed-faq-list .faq-icon{ flex-shrink:0;width:32px;height:32px; border:1px solid var(--ed-rule);border-radius:50%; display:flex;align-items:center;justify-content:center; color:var(--ed-ink);transition:transform .25s ease, color .25s ease, border-color .25s ease; } body.premium .ed-faq-list .faq-item.open .faq-icon, body.premium .ed-faq-list .faq-item[open] .faq-icon{ transform:rotate(45deg);color:var(--ed-mint-2);border-color:var(--ed-mint-2); } body.premium .ed-faq-list .faq-a-inner{ font-family:'Inter',sans-serif !important; color:var(--ed-muted) !important;font-size:.98rem;line-height:1.7; padding:0 56px 22px 0;max-width:760px; }