.oksocial-landing{--navy:#0b2545;--navy-2:#16407a;--ink:#0b2545;--body:#4a5670;--sub:#6b7790;--line:#e6e9f0;--line-soft:#eef1f6;--coral:#ff6a4d;--coral-ink:#e14b2c;--bg:#f6f7fa;--white:#fff;--ico-bg:#eef2fb;--green:#15a34a;--green-soft:#e6f6ec;--amber:#c2740a;--amber-soft:#fbf0da;--radius:20px;--shadow-sm:0 1px 2px #0b25450d,0 8px 24px -16px #0b254540;--shadow-md:0 1px 3px #0b25450f,0 24px 50px -28px #0b25454d;--maxw:1200px;--pad:64px;--font:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif}.oksocial-landing,.oksocial-landing *{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}.oksocial-landing{min-height:100vh;font-family:var(--font);color:var(--body);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0;line-height:1.5}.oksocial-landing h1,.oksocial-landing h2,.oksocial-landing h3,.oksocial-landing h4{color:var(--ink);letter-spacing:-.02em;text-wrap:balance;margin:0;line-height:1.1}.oksocial-landing p{text-wrap:pretty;margin:0}.oksocial-landing a{color:inherit;text-decoration:none}.oksocial-landing img{max-width:100%;display:block}.wrap{max-width:var(--maxw);padding-left:var(--pad);padding-right:var(--pad);margin:0 auto}.section{padding-top:clamp(56px,8vw,104px);padding-bottom:clamp(56px,8vw,104px)}.eyebrow{color:var(--navy);background:var(--white);border:1px solid var(--line);border-radius:999px;align-items:center;gap:9px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex}.eyebrow .dot{background:var(--coral);border-radius:999px;width:7px;height:7px}.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--coral-ink);font-size:13px;font-weight:800}.section-head{max-width:640px}.section-head h2{font-size:clamp(28px,4vw,38px);font-weight:800}.section-head p{color:var(--body);margin-top:14px;font-size:clamp(16px,2vw,18px)}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:700;line-height:1;transition:transform .14s,box-shadow .14s,background .14s,filter .14s;display:inline-flex}.btn svg{width:17px;height:17px}.btn-primary{background:var(--coral);color:#fff;box-shadow:0 10px 24px -12px #0b254559}.btn-primary:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn-ghost{color:var(--ink);box-shadow:inset 0 0 0 1.6px var(--line);background:0 0}.btn-ghost:hover{box-shadow:inset 0 0 0 1.6px var(--sub)}.btn:active{transform:translateY(1px)scale(.99)}.oksocial-landing a:focus-visible,.oksocial-landing button:focus-visible,.oksocial-landing summary:focus-visible{outline:2px solid var(--coral-ink);outline-offset:3px;border-radius:8px}.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{transform:translateY(-1px)}.btn-white{color:var(--navy);background:#fff}.btn-white:hover{transform:translateY(-1px)}.btn-sm{padding:11px 20px;font-size:14.5px}.btn-lg{padding:16px 30px;font-size:16px}.nav{z-index:50;-webkit-backdrop-filter:saturate(140%)blur(12px);backdrop-filter:saturate(140%)blur(12px);background:#f6f7fad1;border-bottom:1px solid #0000;transition:border-color .2s,background .2s;position:sticky;top:0}.nav.scrolled{border-color:var(--line);background:#f6f7faeb}.nav-inner{align-items:center;gap:14px;height:72px;display:flex}.logo{color:var(--ink);align-items:center;gap:10px;font-size:19px;font-weight:800;display:flex}.logo .mark{background:var(--coral);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:900;display:flex}.nav-links{color:var(--body);gap:30px;margin-left:38px;font-size:14.5px;font-weight:600;display:flex}.nav-links a:hover{color:var(--ink)}.nav-cta{align-items:center;gap:18px;margin-left:auto;display:flex}.nav-cta .signin{color:var(--ink);font-size:14.5px;font-weight:600}.nav-toggle,.hamburger,.mobile-menu{display:none}.hero{padding-top:clamp(28px,4vw,48px);padding-bottom:clamp(48px,7vw,84px)}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid}.hero h1{margin-top:22px;font-size:clamp(38px,5.4vw,60px);font-weight:800;line-height:1.02}.hero h1 .accent{color:var(--coral)}.hero .sub{color:var(--body);max-width:460px;margin-top:24px;font-size:clamp(17px,2.1vw,19px)}.hero .cta-row{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.trust{color:var(--sub);align-items:center;gap:10px;margin-top:24px;font-size:13.5px;font-weight:600;display:flex}.trust svg{width:16px;height:16px;color:var(--coral)}.hero-visual{flex-direction:column;align-items:center;gap:22px;display:flex;position:relative}.hero-halo{background:radial-gradient(120% 90% at 70% 20%,var(--navy)0%,var(--navy-2)55%,#1e4e94 100%);border-radius:32px;position:absolute;inset:-6% -4% 16%;transform:rotate(1.5deg)}.review-wrap{width:366px;max-width:100%;position:relative}.review-slot{width:100%;position:relative}.try-sticker{z-index:6;white-space:nowrap;background:var(--coral);color:#fff;letter-spacing:.03em;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:800;display:inline-flex;position:absolute;top:-15px;left:-13px;transform:rotate(-4deg);box-shadow:0 12px 24px -8px #ff6a4dd9}.try-sticker .pulse{background:#fff;border-radius:999px;width:8px;height:8px;animation:1.8s ease-out infinite tryPulse}@keyframes tryPulse{0%{box-shadow:0 0 #ffffffb3}70%{box-shadow:0 0 0 9px #fff0}to{box-shadow:0 0 #fff0}}.try-hint{max-width:340px;color:var(--sub);align-items:flex-start;gap:11px;font-size:13.5px;font-weight:600;line-height:1.45;display:flex}.try-hint b{color:var(--ink);font-weight:700}.try-hint svg{width:28px;height:28px;color:var(--coral);flex:none;margin-top:-2px}@media (prefers-reduced-motion:reduce){.try-sticker .pulse{animation:none}}.compare{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.compare-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.compare-card{border:1px solid var(--line);border-radius:var(--radius);padding:28px 30px}.compare-card.bad{background:var(--bg);border-color:var(--line)}.compare-card.good{border-color:var(--line);box-shadow:var(--shadow-sm);background:#fff}.compare-card .tag{white-space:nowrap;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;margin-bottom:22px;padding:6px 13px;font-size:12px;font-weight:800;display:inline-block}.tag-bad{color:var(--sub);background:#0b25450f}.tag-good{color:var(--coral-ink);background:#ff6a4d24}.compare-list{flex-direction:column;gap:15px;margin:0;padding:0;list-style:none;display:flex}.compare-list li{color:var(--ink);align-items:center;gap:13px;font-size:16px;font-weight:600;line-height:1.3;display:flex}.compare-list li svg{flex:none;width:19px;height:19px}.compare-card.bad .compare-list li,.compare-card.bad li svg{color:var(--sub)}.compare-card.good li svg{color:var(--coral)}.steps{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px;display:grid}.step .top{align-items:center;gap:12px;margin-bottom:16px;display:flex}.step .num{background:var(--navy);color:#fff;border-radius:14px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:flex}.role{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800}.role.you{color:var(--coral-ink);background:#ff6a4d1f}.role.client{color:var(--navy);background:#0b25451a}.step h3{margin-bottom:8px;font-size:20px;font-weight:700}.step p{color:var(--body);font-size:15px}.diff-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;display:flex}.diff-head h2{max-width:560px;font-size:clamp(28px,4vw,38px);font-weight:800}.diff-head .note{color:var(--sub);font-size:14px;font-weight:600}.diff-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.diff-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;padding:28px 26px}.diff-card .ico{background:var(--ico-bg);width:46px;height:46px;color:var(--navy);border-radius:13px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.diff-card .ico svg{width:22px;height:22px}.diff-card h3{margin-bottom:9px;font-size:18.5px;font-weight:700;line-height:1.25}.diff-card p{color:var(--body);font-size:14.5px}.features{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-grid{background:var(--line);border:1px solid var(--line);border-radius:24px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:48px;display:grid;overflow:hidden}.feature{background:#fff;padding:30px 28px}.feature .ico{background:var(--ico-bg);width:42px;height:42px;color:var(--navy);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.feature .ico svg{width:21px;height:21px}.feature h3{margin-bottom:7px;font-size:17.5px;font-weight:700}.feature p{color:var(--body);font-size:14px;line-height:1.55}.bfc-grid{grid-template-columns:.95fr 1.05fr;align-items:center;gap:56px;display:grid}.bfc-points{flex-direction:column;gap:22px;margin-top:34px;display:flex}.bfc-point{gap:16px;display:flex}.bfc-point .ico{background:var(--ico-bg);width:44px;height:44px;color:var(--navy);border-radius:13px;flex:none;justify-content:center;align-items:center;display:flex}.bfc-point .ico svg{width:21px;height:21px}.bfc-point h3{margin-bottom:4px;font-size:18px;font-weight:700}.bfc-point p{color:var(--body);font-size:14.5px}.phone{background:#0b1a30;border-radius:44px;width:320px;max-width:100%;margin:0 auto;padding:12px;position:relative;box-shadow:0 40px 80px -30px #0b254599}.phone:before{content:"";z-index:3;background:#0b1a30;border-radius:0 0 16px 16px;width:120px;height:26px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.phone-screen{background:#fff;border-radius:33px;overflow:hidden}.phone-statusbar{color:var(--ink);justify-content:space-between;align-items:center;padding:13px 26px 7px;font-size:13px;font-weight:700;display:flex}.phone-statusbar .dots{gap:4px;display:flex}.phone-statusbar .dots i{background:var(--ink);opacity:.5;border-radius:999px;width:6px;height:6px}.human-band{background:var(--navy);color:#fff}.human-grid{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.human-band .kicker{color:var(--coral)}.human-band h2{color:#fff;margin-top:14px;font-size:clamp(28px,4vw,40px);font-weight:800}.human-band p{color:#ffffffd1;max-width:460px;margin-top:16px;font-size:clamp(16px,2vw,18px)}.human-photo img{border-radius:24px;width:100%;box-shadow:0 40px 80px -30px #00000080}.logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(28px,5vw,64px);margin-bottom:56px;display:flex}.logo-chip{color:var(--sub);opacity:.65;align-items:center;gap:9px;font-size:17px;font-weight:800;display:flex}.logo-chip .glyph{background:var(--line);width:24px;height:24px;color:var(--navy);border-radius:7px;place-items:center;display:grid}.quotes{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.quote{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;padding:28px 26px;display:flex}.quote .stars{color:var(--coral);letter-spacing:2px;margin-bottom:14px;font-size:14px}.quote blockquote{color:var(--ink);flex:1;margin:0;font-size:16px;font-weight:500;line-height:1.5}.quote .who{align-items:center;gap:12px;margin-top:22px;display:flex}.quote .avatar{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;border-radius:999px;flex:none;place-items:center;width:40px;height:40px;font-size:15px;font-weight:800;display:grid}.quote .who .name{color:var(--ink);font-size:14px;font-weight:700}.quote .who .role2{color:var(--sub);font-size:12.5px}.pricing{background:var(--white);border-top:1px solid var(--line)}.price-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:22px;margin-top:48px;display:grid}.plan{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:24px;flex-direction:column;padding:32px 30px;display:flex}.plan.featured{border:1.6px solid var(--navy);box-shadow:var(--shadow-md);position:relative}.plan .badge{white-space:nowrap;background:var(--coral);color:#fff;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800;position:absolute;top:-13px;left:30px}.plan .pname{color:var(--navy);letter-spacing:.02em;font-size:15px;font-weight:800}.plan .price{align-items:baseline;gap:6px;margin:16px 0 4px;display:flex}.plan .price .amt{color:var(--ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:800}.plan .price .per{color:var(--sub);font-size:14px;font-weight:600}.plan .desc{color:var(--body);min-height:40px;font-size:14px}.plan ul{flex-direction:column;gap:12px;margin:22px 0 26px;padding:0;list-style:none;display:flex}.plan li{color:var(--body);gap:10px;font-size:14px;display:flex}.plan li svg{width:17px;height:17px;color:var(--coral);flex:none;margin-top:1px}.plan .btn{width:100%;margin-top:auto}.faq-list{flex-direction:column;gap:14px;max-width:760px;margin:44px auto 0;display:flex}.faq-item{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px}.faq-item summary{cursor:pointer;align-items:center;gap:18px;padding:21px 24px;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::marker{content:""}.faq-q{color:var(--ink);letter-spacing:-.01em;flex:1;font-size:16.5px;font-weight:700;transition:color .15s}.faq-item[open] .faq-q{color:var(--navy)}.faq-icon{width:22px;height:22px;color:var(--coral);flex:none;justify-content:center;align-items:center;display:flex}.faq-item[open] .faq-icon{transform:rotate(180deg)}.faq-a{color:var(--body);padding:0 24px 23px;font-size:15px;line-height:1.62}@keyframes faqIn{0%{transform:translateY(-5px)}to{transform:none}}.faq-item[open] .faq-a{animation:.22s faqIn}.faq-foot{text-align:center;color:var(--sub);margin-top:30px;font-size:15.5px;font-weight:600}.faq-foot a{color:var(--coral-ink);border-bottom:1.5px solid #ff6a4d73;padding-bottom:1px;font-weight:700;transition:border-color .15s}.faq-foot a:hover{border-color:var(--coral)}.final{padding-bottom:clamp(56px,8vw,96px)}.final-card{background:var(--navy);color:#fff;border-radius:28px;padding:clamp(40px,6vw,64px);position:relative;overflow:hidden}.final-card .blob{background:#ff6a4d38;border-radius:999px;width:260px;height:260px;position:absolute;top:-60px;right:-60px}.final-card .inner{max-width:580px;position:relative}.final-card h2{color:#fff;font-size:clamp(30px,4.4vw,40px);font-weight:800;line-height:1.08}.final-card p{color:#fffc;margin-top:16px;font-size:clamp(16px,2vw,18px)}.final-card .cta-row{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.footer{background:var(--navy);color:#ffffffb8;padding-top:64px;padding-bottom:40px}.footer .logo{color:#fff}.footer .logo .mark{background:var(--coral)}.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px;display:grid}.footer-grid .tagline{color:#fff9;max-width:280px;margin-top:16px;font-size:14.5px}.footer h4{color:#fff;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px;font-size:13px;font-weight:700}.footer ul{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.footer ul a{color:#ffffffb8;font-size:14.5px}.footer ul a:hover{color:#fff}.footer-bottom{color:#ffffff8c;border-top:1px solid #ffffff1f;flex-wrap:wrap;align-items:center;gap:16px;padding-top:28px;font-size:13.5px;display:flex}.footer-bottom .spacer{margin-left:auto}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(16px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}html{scroll-behavior:auto}}@media (max-width:1040px){.oksocial-landing{--pad:40px}.hero-grid{gap:40px}.steps{gap:28px}}@media (max-width:880px){.hero-grid{grid-template-columns:1fr;gap:44px}.compare-grid{grid-template-columns:1fr}.hero-visual{order:-1}.hero .sub{max-width:none}.steps{grid-template-columns:1fr;gap:30px}.diff-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.bfc-grid{grid-template-columns:1fr;gap:40px}.human-grid{grid-template-columns:1fr;gap:36px}.bfc-grid .phone-col{order:-1}.quotes{grid-template-columns:1fr}.price-grid{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-grid .brand-col{grid-column:1/-1}}@media (max-width:620px){.oksocial-landing{--pad:22px}.nav-links,.nav-cta .signin{display:none}.hamburger{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin-left:auto;display:inline-flex}.hamburger svg{width:20px;height:20px;color:var(--ink)}.nav-cta{margin-left:0}.mobile-menu{border-top:1px solid var(--line);background:#fff;flex-direction:column;gap:4px;padding:8px;display:none}.nav-toggle:checked~.mobile-menu{display:flex}.mobile-menu a{color:var(--ink);border-radius:10px;padding:12px 14px;font-weight:600}.mobile-menu a:hover{background:var(--bg)}.mobile-menu .btn{margin-top:6px}.feature-grid{grid-template-columns:1fr}.hero h1{line-height:1.05}.btn{padding:13px 22px}.cta-row .btn,.final-card .cta-row .btn{flex:auto}.footer-grid{grid-template-columns:1fr 1fr}}