/* ═══════════════════════════════════════════════════
   CONNECT PUBLICS — SHARED DESIGN SYSTEM v3
═══════════════════════════════════════════════════ */
:root{
  --coral:#FF4D4D;--orange:#FF7A3B;--yellow:#FFD166;--teal:#06D6A0;
  --violet:#7B2FBE;--pink:#F472B6;--blue:#38BDF8;
  --dark:#0D0D0D;--dark2:#131320;--card:#161628;
  --border:rgba(255,255,255,0.07);--light:#F5F5FF;--muted:rgba(245,245,255,0.55);
  --tap:44px;--max:1280px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;line-height:1.8;background:var(--dark);color:var(--light);overflow-x:hidden;-webkit-font-smoothing:antialiased;}
img{max-width:100%;height:auto;display:block;}a{color:inherit;text-decoration:none;}
.skip-link{position:absolute;top:-100px;left:16px;z-index:9999;background:var(--yellow);color:var(--dark);padding:10px 20px;border-radius:8px;font-weight:700;transition:top .2s;}
.skip-link:focus{top:16px;}
@media(pointer:fine){#cur,#cur2{position:fixed;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);}#cur{width:10px;height:10px;background:var(--yellow);}#cur2{width:40px;height:40px;border:1.5px solid rgba(255,209,102,.35);transition:all .4s ease;}}
header{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(13,13,13,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);}
nav{max-width:var(--max);margin:0 auto;padding:0 40px;height:68px;display:flex;align-items:center;justify-content:space-between;}
.logo{font-family:'Fraunces',serif;font-weight:700;font-size:1.35rem;letter-spacing:-.02em;flex-shrink:0;background:linear-gradient(110deg,var(--yellow),var(--coral) 55%,var(--pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.nav-links{display:flex;gap:28px;list-style:none;align-items:center;}
.nav-links a{color:var(--muted);font-size:.875rem;font-weight:500;padding:8px 4px;min-height:var(--tap);display:flex;align-items:center;transition:color .2s;position:relative;}
.nav-links a::after{content:'';position:absolute;bottom:4px;left:0;right:0;height:1.5px;background:var(--yellow);transform:scaleX(0);transition:transform .2s;}
.nav-links a:hover,.nav-links a.active{color:var(--light);}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1);}
.nav-cta{background:linear-gradient(135deg,var(--yellow),var(--orange))!important;color:var(--dark)!important;-webkit-text-fill-color:var(--dark)!important;padding:10px 22px!important;border-radius:100px;font-weight:700!important;min-height:var(--tap);transition:box-shadow .2s,transform .2s!important;}
.nav-cta:hover{box-shadow:0 0 24px rgba(255,209,102,.45);transform:scale(1.04)!important;}
.nav-cta::after{display:none!important;}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:10px;cursor:pointer;min-width:var(--tap);min-height:var(--tap);align-items:center;justify-content:center;}
.hamburger span{width:22px;height:2px;background:var(--light);border-radius:2px;transition:all .3s;}
.hamburger[aria-expanded="true"] span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.hamburger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.hamburger[aria-expanded="true"] span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
.nav-drawer{display:none;position:fixed;top:68px;left:0;right:0;bottom:0;background:rgba(13,13,13,.97);backdrop-filter:blur(20px);z-index:199;flex-direction:column;padding:32px 24px;gap:8px;overflow-y:auto;}
.nav-drawer.open{display:flex;}
.nav-drawer a{font-size:1.15rem;font-weight:600;color:var(--muted);padding:16px 0;border-bottom:1px solid var(--border);display:block;transition:color .2s;}
.nav-drawer a:hover{color:var(--light);}
.nav-drawer .nav-cta{border-radius:12px;text-align:center;margin-top:16px;border:none;}
.page-hero{padding:140px 40px 80px;max-width:var(--max);margin:0 auto;position:relative;}
.page-hero-bg{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;pointer-events:none;}
.page-hero-bg::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 45% at 75% 20%,rgba(255,77,77,.13) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 15% 80%,rgba(6,214,160,.09) 0%,transparent 55%);}
.grid-bg{position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 10%,transparent 70%);pointer-events:none;}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--muted);margin-bottom:24px;flex-wrap:wrap;}
.breadcrumb a{color:var(--muted);transition:color .2s;}
.breadcrumb a:hover{color:var(--yellow);}
.breadcrumb span{color:rgba(255,255,255,.25);}
.breadcrumb .current{color:var(--light);}
.section-inner{max-width:var(--max);margin:0 auto;padding:96px 40px;}
.sec-chip{display:inline-flex;align-items:center;gap:7px;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:12px;}
.sec-chip::before{content:'';width:16px;height:1.5px;background:var(--teal);}
h1.page-h1{font-family:'Fraunces',serif;font-weight:700;font-size:clamp(2.6rem,4.5vw,4rem);letter-spacing:-.03em;line-height:1.1;margin-bottom:20px;}
h2.sec-h2{font-family:'Fraunces',serif;font-weight:700;font-size:clamp(1.9rem,3vw,2.8rem);letter-spacing:-.03em;line-height:1.1;margin-bottom:14px;}
h3.sec-h3{font-family:'Fraunces',serif;font-weight:700;font-size:clamp(1.2rem,2vw,1.6rem);letter-spacing:-.02em;line-height:1.2;margin-bottom:10px;}
.sec-p{color:var(--muted);font-size:1rem;line-height:1.8;max-width:520px;}
.italic-accent{font-style:italic;background:linear-gradient(120deg,var(--yellow),var(--coral) 50%,var(--pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--coral),var(--orange));color:#fff;padding:14px 28px;border-radius:100px;font-weight:700;font-size:.95rem;min-height:var(--tap);box-shadow:0 4px 28px rgba(255,77,77,.3);transition:transform .2s,box-shadow .2s;border:none;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 36px rgba(255,77,77,.5);}
.btn-ghost{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1.5px solid rgba(255,255,255,.14);color:var(--light);padding:13px 26px;border-radius:100px;font-weight:500;font-size:.95rem;min-height:var(--tap);transition:border-color .2s,background .2s;}
.btn-ghost:hover{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.05);}
.btn-teal{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--teal),var(--blue));color:var(--dark);padding:14px 28px;border-radius:100px;font-weight:700;font-size:.95rem;min-height:var(--tap);transition:transform .2s,box-shadow .2s;border:none;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;}
.btn-teal:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(6,214,160,.35);}
.card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:28px;transition:border-color .25s,transform .25s;}
.card:hover{border-color:rgba(255,255,255,.14);transform:translateY(-3px);}
.trust-badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;}
.tbadge{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 16px;font-size:.75rem;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:7px;}
.pill{font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:4px 10px;border-radius:100px;}
.pill-coral{background:rgba(255,77,77,.14);color:var(--coral);}
.pill-teal{background:rgba(6,214,160,.14);color:var(--teal);}
.pill-violet{background:rgba(123,47,190,.18);color:#b47fff;}
.pill-yellow{background:rgba(255,209,102,.14);color:var(--yellow);}
.pill-blue{background:rgba(56,189,248,.14);color:var(--blue);}
.pill-pink{background:rgba(244,114,182,.14);color:var(--pink);}
details.faq-item{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:border-color .25s;}
details.faq-item[open]{border-color:rgba(255,209,102,.3);}
details.faq-item summary{font-weight:600;font-size:.95rem;line-height:1.5;padding:22px 24px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;user-select:none;min-height:var(--tap);}
details.faq-item summary::-webkit-details-marker{display:none;}
details.faq-item summary::after{content:'+';font-size:1.4rem;font-weight:300;color:var(--yellow);flex-shrink:0;transition:transform .3s;}
details.faq-item[open] summary::after{transform:rotate(45deg);}
.faq-answer{padding:0 24px 22px;font-size:.88rem;color:var(--muted);line-height:1.8;}
.stats-row{display:flex;gap:0;flex-wrap:wrap;background:var(--dark2);border:1px solid var(--border);border-radius:20px;overflow:hidden;}
.stat-box{flex:1;min-width:140px;padding:32px 24px;text-align:center;border-right:1px solid var(--border);}
.stat-box:last-child{border-right:none;}
.stat-num{font-family:'Fraunces',serif;font-weight:700;font-size:2.2rem;letter-spacing:-.04em;background:linear-gradient(135deg,var(--yellow),var(--orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;}
.stat-label{font-size:.78rem;color:var(--muted);margin-top:6px;font-weight:500;}
.marquee-section{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:14px 0;background:var(--dark2);}
.marquee-track{display:flex;gap:40px;animation:marquee 26s linear infinite;width:max-content;}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none;}}
.marquee-item{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:10px;}
.marquee-item b{color:var(--coral);}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s ease;}.reveal.in{opacity:1;transform:translateY(0);}}
.fg{margin-bottom:14px;}
.fg label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:6px;}
.fg input,.fg select,.fg textarea{width:100%;background:var(--dark2);border:1.5px solid var(--border);border-radius:10px;padding:12px 14px;color:var(--light);font-family:'Plus Jakarta Sans',sans-serif;font-size:.9rem;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;min-height:var(--tap);}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:rgba(255,209,102,.45);box-shadow:0 0 0 3px rgba(255,209,102,.1);}
.fg textarea{resize:vertical;min-height:100px;}
.fg select option{background:var(--dark2);}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.btn-submit{width:100%;padding:15px;background:linear-gradient(135deg,var(--coral),var(--orange));color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:.95rem;border:none;border-radius:12px;cursor:pointer;min-height:var(--tap);transition:box-shadow .2s,transform .2s;}
.btn-submit:hover{box-shadow:0 8px 28px rgba(255,77,77,.45);transform:translateY(-1px);}
.form-reassure{font-size:.74rem;color:var(--muted);text-align:center;margin-top:10px;}
footer{background:var(--dark2);border-top:1px solid var(--border);}
.footer-inner{max-width:var(--max);margin:0 auto;padding:56px 40px 28px;}
.ft{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:44px;}
.fb-brand p{color:var(--muted);font-size:.84rem;line-height:1.75;margin:14px 0 20px;max-width:260px;}
.social-row{display:flex;gap:9px;}
.soc{width:38px;height:38px;border-radius:10px;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.88rem;transition:background .2s,border-color .2s;min-width:var(--tap);min-height:var(--tap);}
.soc:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);}
.fc h4{font-family:'Fraunces',serif;font-weight:600;font-size:.88rem;margin-bottom:16px;}
.fc ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.fc a{color:var(--muted);font-size:.83rem;transition:color .2s;padding:4px 0;display:block;}
.fc a:hover{color:var(--light);}
.fb-bot{border-top:1px solid var(--border);padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.fb-bot p{font-size:.77rem;color:rgba(245,245,255,.3);}
@media(max-width:1024px){nav{padding:0 24px;}.nav-links{display:none;}.hamburger{display:flex;}.page-hero{padding:120px 24px 64px;}.section-inner{padding:72px 24px;}.ft{grid-template-columns:1fr 1fr;}.footer-inner{padding:44px 24px 24px;}.f2{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){nav{padding:0 16px;}.page-hero{padding:100px 16px 56px;}.section-inner{padding:60px 16px;}h1.page-h1{font-size:clamp(2rem,9vw,2.6rem);}.ft{grid-template-columns:1fr;}.footer-inner{padding:40px 16px 20px;}.f2{grid-template-columns:1fr;}.trust-badges{flex-direction:column;}.btn-primary,.btn-ghost,.btn-teal{width:100%;justify-content:center;}.stat-box{border-right:none;border-bottom:1px solid var(--border);}}