.reef-landing{--bg:#050b14;--bg-2:#08111f;--surface:#0f1d31;--surface-2:#142948;--surface-3:#1a335a;--ink:#e7eef9;--ink-2:#aebccc;--ink-3:#7b8b9d;--ink-4:#4e5d70;--primary:#4cc9e6;--primary-2:#2aa6c4;--primary-3:#1a7f97;--accent:#8aa9ff;--accent-2:#ff6b4a;--coral:#ff7a5c;--success:#4ce0a0;--line:hsla(0,0%,100%,.08);--line-2:hsla(0,0%,100%,.14);--line-3:hsla(0,0%,100%,.22);--glass:hsla(0,0%,100%,.04);--glass-hi:hsla(0,0%,100%,.07);--f-display:"Instrument Serif","Times New Roman",serif;--f-body:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"Geist Mono",ui-monospace,"SF Mono",monospace;--r-1:6px;--r-2:10px;--r-3:14px;--r-4:20px;--r-pill:999px;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 4px 24px -8px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.4);--shadow-lg:0 30px 80px -30px rgba(0,0,0,.8),0 8px 24px -10px rgba(0,0,0,.5);--glow:0 0 60px rgba(76,201,230,.25);--focus:0 0 0 4px rgba(76,201,230,.25);--maxw:1240px;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11";min-height:100vh;overflow-x:hidden}body:has(.reef-landing),html:has(.reef-landing){background:#050b14}.reef-landing *,.reef-landing :after,.reef-landing :before{box-sizing:border-box}.reef-landing img,.reef-landing svg{display:block;max-width:100%}.reef-landing a{color:inherit;text-decoration:none}.reef-landing button{font-family:inherit;cursor:pointer}.reef-landing h1,.reef-landing h2,.reef-landing h3,.reef-landing h4{font-family:var(--f-display);font-weight:400;letter-spacing:-.01em;line-height:1.05;color:var(--ink);margin:0;text-wrap:balance}.reef-landing p{margin:0;text-wrap:pretty}.reef-landing .mono{font-family:var(--f-mono);font-feature-settings:"ss02"}.reef-landing .eyebrow{font-family:var(--f-mono);text-transform:uppercase;font-size:11px;letter-spacing:.14em;color:var(--ink-3);font-weight:500}.reef-landing .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.reef-landing .bg-grid{background-image:radial-gradient(circle,hsla(0,0%,100%,.06) 1px,transparent 1.5px);background-size:22px 22px}.reef-landing .ribbon-deep{background:radial-gradient(60% 80% at 90% 10%,rgba(76,201,230,.22),transparent 60%),radial-gradient(60% 80% at 10% 90%,rgba(138,169,255,.2),transparent 60%),linear-gradient(160deg,#050b14,#0a1d36);color:#e7eef9}.reef-landing .glass{background:var(--glass);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid var(--line)}.reef-landing .mesh-deep{background:radial-gradient(60% 50% at 20% 0,rgba(76,201,230,.18),transparent 60%),radial-gradient(50% 40% at 90% 30%,rgba(138,169,255,.15),transparent 70%),radial-gradient(80% 60% at 50% 100%,rgba(26,127,151,.2),transparent 70%),var(--bg)}.reef-landing .btn{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:var(--r-pill);font-weight:500;font-size:15px;border:1px solid transparent;transition:transform .12s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease;white-space:nowrap;line-height:1}.reef-landing .btn:active{transform:translateY(1px)}.reef-landing .btn:focus-visible{outline:none;box-shadow:var(--focus)}.reef-landing .btn-primary{background:#128c4d;color:#fff;box-shadow:0 8px 22px -6px rgba(18,140,77,.55),inset 0 1px 0 hsla(0,0%,100%,.18),0 0 0 1px hsla(0,0%,100%,.08)}.reef-landing .btn-primary:hover{background:#16a35a;box-shadow:0 14px 28px -8px rgba(18,140,77,.65),inset 0 1px 0 hsla(0,0%,100%,.22),0 0 0 1px hsla(0,0%,100%,.14)}.reef-landing .btn-ghost{background:var(--glass);color:var(--ink);border-color:var(--line-2);backdrop-filter:blur(10px)}.reef-landing .btn-ghost:hover{background:var(--glass-hi);border-color:var(--line-3)}.reef-landing .btn-sm{padding:9px 14px;font-size:13px}.reef-landing .btn-lg{padding:16px 24px;font-size:16px}.reef-landing .pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--glass);backdrop-filter:blur(8px);font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;color:var(--ink-2)}.reef-landing .pill .dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px color-mix(in oklab,var(--success) 22%,transparent),0 0 12px color-mix(in oklab,var(--success) 60%,transparent);animation:reef-pulse-dot 2.4s ease-in-out infinite}.reef-landing .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--shadow-sm)}.reef-landing section{padding:96px 0;position:relative}@media (max-width:720px){.reef-landing section{padding:64px 0}}.reef-landing .section-head{max-width:720px;margin-bottom:56px}.reef-landing .section-head .eyebrow{margin-bottom:12px;display:inline-block}.reef-landing .section-head h2{font-size:clamp(36px,5vw,60px);margin-bottom:18px}.reef-landing .section-head p{font-size:18px;color:var(--ink-2)}.reef-landing [id]{scroll-margin-top:80px}.reef-landing ::-moz-selection{background:color-mix(in oklab,var(--primary) 35%,transparent);color:var(--ink)}.reef-landing ::selection{background:color-mix(in oklab,var(--primary) 35%,transparent);color:var(--ink)}.reef-landing .nav-link{font-size:14px;color:var(--ink-2);position:relative;font-weight:450;transition:color .15s ease}.reef-landing .nav-link:hover{color:var(--ink)}@media (max-width:880px){.reef-landing .nav-link{display:none}}.reef-landing .td{width:6px;height:6px;border-radius:50%;background:#b0b8c2;display:inline-block;animation:reef-dot 1s ease-in-out infinite}.reef-landing .sticky-wa:hover{transform:scale(1.06)}.reef-landing .tel-strip{display:flex;align-items:stretch}.reef-landing .tel-head{display:flex;align-items:center;flex-shrink:0;padding:20px 24px;border-right:1px solid var(--line)}.reef-landing .tel-grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr)}.reef-landing .tel-cell{display:flex;flex-direction:column;justify-content:center;padding:16px 20px;border-right:1px solid var(--line)}.reef-landing .tel-cell:last-child{border-right:none}.reef-landing .branch-arrow{display:none}@media (max-width:980px){.reef-landing .hero-grid{grid-template-columns:1fr!important;gap:64px!important}.reef-landing .plans-layout{grid-template-columns:1fr!important;gap:40px!important}.reef-landing .plans-cta{position:static!important}}@media (max-width:960px){.reef-landing .how-grid{grid-template-columns:repeat(2,1fr)!important;gap:40px!important}.reef-landing .how-connector{display:none!important}.reef-landing .demo-grid{grid-template-columns:1fr!important;gap:48px!important}}@media (max-width:920px){.reef-landing .prob-grid{grid-template-columns:1fr!important;gap:48px!important}}@media (max-width:900px){.reef-landing .faq-grid{grid-template-columns:1fr!important;gap:32px!important}}@media (max-width:820px){.reef-landing .agents-row{grid-template-columns:1fr!important}.reef-landing .agent-cell{opacity:1!important}.reef-landing .branch-svg{display:none!important}.reef-landing .branch-arrow{display:block}}@media (max-width:800px){.reef-landing #footer-grid{grid-template-columns:1fr 1fr!important}}@media (max-width:540px){.reef-landing .how-grid,.reef-landing .inc-items{grid-template-columns:1fr!important}}@media (max-width:480px){.reef-landing #footer-grid{grid-template-columns:1fr!important}}@media (max-width:1100px){.reef-landing .hero-badge{display:none!important}}@media (max-width:720px){.reef-landing .tel-strip{flex-direction:column}.reef-landing .tel-head{border-right:none;border-bottom:1px solid var(--line);justify-content:center;padding:14px 20px}.reef-landing .tel-grid{grid-template-columns:repeat(2,1fr)}.reef-landing .tel-cell{align-items:center;text-align:center;padding:18px 12px}.reef-landing .tel-cell:nth-child(2n){border-right:none}.reef-landing .tel-cell:nth-child(-n+2){border-bottom:1px solid var(--line)}.reef-landing .tel-value{font-size:20px}}@keyframes reef-pulse-dot{0%,to{opacity:1}50%{opacity:.5}}@keyframes reef-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes reef-bub-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes reef-dot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes reef-pulse{0%{box-shadow:0 0 0 0 rgba(18,140,77,.5)}70%{box-shadow:0 0 0 18px rgba(18,140,77,0)}to{box-shadow:0 0 0 0 rgba(18,140,77,0)}}@media (prefers-reduced-motion:reduce){.reef-landing *,.reef-landing :after,.reef-landing :before{animation-duration:.001ms!important;transition-duration:.001ms!important}}