:root{--purple:#6535f3;--violet:#7b50ff;--ink:#111018;--muted:#6f6c7b;--line:#e7e4ef;--paper:#fff;--wash:#f6f4fb;--mint:#dff8ed;--green:#118a5a;--deep:#1f1045;--radius:28px;--shadow:0 22px 70px rgba(44,28,91,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:99;background:#fff;padding:.8rem 1rem;border-radius:12px}.skip-link:focus{top:1rem}.announcement{min-height:38px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--ink);color:#fff;font-size:13px;font-weight:650}.announcement span,.live-dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 5px rgba(52,211,153,.12)}.announcement a{color:#c9baff}.site-header{height:82px;max-width:1280px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#fff}.brand img{width:166px;height:52px;object-fit:contain}.site-nav{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:650}.site-nav a{color:#504d5b}.site-nav a:hover{color:var(--purple)}.site-nav .login-link{margin-left:10px;color:var(--ink)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:14px;padding:14px 20px;font-weight:750;transition:transform .2s ease,box-shadow .2s ease}.site-nav .nav-cta{color:#fff;background:var(--purple);padding:12px 18px}.button:hover,.nav-cta:hover{transform:translateY(-2px)}.menu-toggle{display:none;background:#f4f1fb;border:1px solid var(--line);border-radius:12px;padding:10px 13px;font-weight:750}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.hero{min-height:710px;display:grid;grid-template-columns:.93fr 1.07fr;gap:44px;align-items:center;padding-block:72px 90px}.eyebrow{margin:0 0 18px;display:flex;align-items:center;gap:12px;color:var(--purple);font-size:12px;font-weight:850;letter-spacing:.17em}.hero h1,.section-heading h2,.security-grid h2,.final-cta h2{margin:0;letter-spacing:-.065em;line-height:.94}.hero h1{font-size:clamp(70px,7.2vw,110px)}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--purple)}.hero-lead{max-width:590px;margin:30px 0 0;color:var(--muted);font-size:19px;line-height:1.65}.hero-actions{display:flex;gap:12px;margin-top:32px}.button.primary{color:#fff;background:linear-gradient(135deg,var(--purple),#7f49f8);box-shadow:0 14px 30px rgba(101,53,243,.23)}.button.secondary{border:1px solid var(--line);background:#fff}.fine-print{font-size:12px;color:#8c8995;margin-top:18px}.product-orbit{position:relative;min-height:540px;border-radius:40px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#8b63ff 0 15%,#6a38ec 35%,#36188a 72%,#1d103d 100%);box-shadow:0 35px 90px rgba(54,24,138,.28)}.orbit-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.065) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent)}.orbit-ring{position:absolute;border:1px solid rgba(255,255,255,.24);border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}.ring-one{width:260px;height:260px}.ring-two{width:430px;height:430px;border-style:dashed}.brand-mark{position:absolute;z-index:2;width:120px;height:120px;border-radius:30px;left:50%;top:48%;transform:translate(-50%,-50%);box-shadow:0 22px 40px rgba(20,9,55,.35)}.signal-card{position:absolute;z-index:3;min-width:258px;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:14px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.75);border-radius:17px;box-shadow:0 18px 38px rgba(21,10,55,.22)}.signal-card img{width:40px;height:40px;padding:7px;border-radius:11px;background:#fff}.signal-card span{display:block;font-size:9px;letter-spacing:.12em;color:#888391;font-weight:850}.signal-card strong{display:block;font-size:13px;margin:4px 0}.signal-card small{display:block;color:#7b7784;font-size:10px}.signal-card b{color:var(--purple)}.signal-whatsapp{left:25px;top:48px}.signal-slack{right:22px;top:224px}.signal-calendar{left:42px;bottom:42px}.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.proof-strip div{padding:30px 6vw;border-right:1px solid var(--line)}.proof-strip div:last-child{border:0}.proof-strip strong,.proof-strip span{display:block}.proof-strip strong{font-size:16px}.proof-strip span{font-size:13px;color:var(--muted);margin-top:6px}.section{padding-block:112px}.section-heading{max-width:730px}.section-heading h2{font-size:clamp(48px,5.5vw,76px)}.section-heading>p:last-child{max-width:650px;color:var(--muted);font-size:17px;line-height:1.65}.feature-grid{display:grid;grid-template-columns:1.25fr .85fr .85fr;gap:18px;margin-top:58px}.feature-card{min-height:390px;border:1px solid var(--line);border-radius:var(--radius);padding:30px;position:relative;overflow:hidden;background:var(--wash)}.feature-card:first-child{background:var(--deep);color:#fff}.feature-no{position:absolute;right:26px;top:26px;font-size:12px;color:#8e8998}.feature-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#fff;color:var(--purple);font-size:23px;box-shadow:0 9px 22px rgba(40,20,90,.08)}.feature-card h3{font-size:27px;line-height:1.08;letter-spacing:-.04em;max-width:260px;margin:65px 0 14px}.feature-card p{color:#817d8c;line-height:1.6;font-size:14px}.feature-card:first-child p{color:#c7bed9}.mini-reminder{display:grid;grid-template-columns:8px 1fr auto;gap:12px;align-items:center;background:#fff;color:var(--ink);border-radius:16px;padding:16px;margin-top:32px}.mini-reminder>span{width:8px;height:8px;border-radius:50%;background:var(--purple)}.mini-reminder small{display:block;color:#8a8792;margin-top:4px}.mini-reminder b{font-size:10px;color:#6c45dd;background:#eee8ff;padding:7px;border-radius:9px}.people-row{display:flex;align-items:center;margin-top:47px}.people-row span,.people-row i{width:48px;height:48px;display:grid;place-items:center;border:3px solid var(--wash);border-radius:50%;margin-left:-8px;background:var(--purple);color:#fff;font-size:12px;font-style:normal;font-weight:800}.people-row span:first-child{margin-left:0;background:#19121f}.people-row span:nth-child(2){background:#f59e0b}.people-row span:nth-child(3){background:#15966e}.people-row i{background:#fff;color:var(--purple)}.memory-search{position:absolute;left:24px;right:24px;bottom:28px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:15px;color:#6f6b78;font-size:13px}.memory-search kbd{float:right;border:1px solid #ddd8e7;border-radius:6px;padding:2px 5px}.how-section{background:var(--ink);color:#fff}.light .eyebrow{color:#aa8dff}.light h2{max-width:800px}.steps{display:grid;grid-template-columns:1fr 46px 1fr 46px 1fr;align-items:center;margin-top:70px}.steps article{min-height:250px;padding:28px;border:1px solid #37333f;border-radius:24px;background:#1b1921}.steps article span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--purple);font-weight:800}.steps h3{font-size:23px;margin:52px 0 10px}.steps p{color:#aaa5b1;line-height:1.6;font-size:14px}.step-arrow{text-align:center;color:#756f7e;font-size:24px}.integrations-section{display:grid;grid-template-columns:.68fr 1.32fr;gap:65px}.integration-layout{display:grid;gap:18px}.integration-list{border:1px solid var(--line);border-radius:28px;padding:12px;background:#fff;box-shadow:var(--shadow)}.integration-list article{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:14px;padding:13px;border-bottom:1px solid #efedf4}.integration-list article:last-child{border:0}.integration-list img{width:42px;height:42px;padding:8px;border:1px solid var(--line);border-radius:12px}.integration-list strong,.integration-list span{display:block}.integration-list strong{font-size:14px}.integration-list span{font-size:11px;color:var(--muted);margin-top:4px}.integration-list b{background:var(--mint);color:var(--green);font-size:10px;border-radius:99px;padding:7px 9px}.integration-list .planned b{background:#f0edf7;color:#777181}.integration-callout{padding:30px;border-radius:25px;background:linear-gradient(135deg,#f0eaff,#faf9fd);border:1px solid #e3dafa}.callout-tag{font-size:10px;font-weight:850;letter-spacing:.15em;color:var(--purple)}.integration-callout h3{font-size:28px;line-height:1.12;letter-spacing:-.04em}.integration-callout p{color:var(--muted);line-height:1.6;font-size:14px}.integration-callout .button{margin-top:12px;font-size:13px}.security-teaser{background:#ede8ff}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.security-grid h2{font-size:clamp(48px,5.5vw,74px)}.security-grid>div:last-child>p{font-size:17px;line-height:1.7;color:#524d60}.assurance-note{border-left:3px solid var(--purple);padding-left:18px}.text-link{display:inline-block;margin-top:12px;color:var(--purple);font-weight:800}.centered{text-align:center;margin-inline:auto}.centered .eyebrow{justify-content:center}.centered>p:last-child{margin-inline:auto}.plan-row{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:55px;align-items:stretch}.plan-row article{position:relative;min-height:315px;padding:28px;border:1px solid var(--line);border-radius:25px;background:#fff}.plan-row .featured{background:var(--deep);color:#fff;transform:translateY(-12px);box-shadow:0 20px 60px rgba(31,16,69,.18)}.plan-row article>span{font-size:10px;letter-spacing:.14em;color:var(--purple);font-weight:850}.plan-row h3{font-size:34px;margin:35px 0 10px}.plan-row p{color:var(--muted);font-size:14px;line-height:1.6;min-height:68px}.plan-row .featured p{color:#bbb1cc}.plan-row article>strong{display:block;font-size:28px;margin-top:32px}.plan-row strong small{font-size:12px;color:var(--muted)}.plan-row i{position:absolute;right:18px;top:18px;color:#d7caff;font-style:normal;font-size:9px;letter-spacing:.1em}.center-action{text-align:center;margin-top:35px}.final-cta{text-align:center;color:#fff;background:linear-gradient(145deg,#5827dc,#321276);padding:90px 24px}.final-cta>img{width:72px;height:72px;border-radius:20px;margin:0 auto 28px}.final-cta .eyebrow{justify-content:center;color:#d1c4ff}.final-cta h2{font-size:clamp(52px,6vw,80px)}.final-cta>p:not(.eyebrow){color:#cfc4e9}.final-cta>div{display:flex;justify-content:center;gap:12px;margin-top:30px}.button.white{background:#fff;color:var(--purple)}.button.ghost{border:1px solid rgba(255,255,255,.35)}.site-footer{max-width:1180px;margin:auto;padding:48px 24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:25px}.site-footer .brand img{width:140px}.site-footer p{color:var(--muted);font-size:13px}.site-footer nav{display:flex;gap:22px;font-size:13px;font-weight:650}.site-footer small{grid-column:1/-1;padding-top:22px;border-top:1px solid var(--line);color:#918d99}
@media(max-width:960px){.site-nav{display:none;position:absolute;z-index:20;top:120px;left:18px;right:18px;padding:18px;align-items:stretch;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.site-nav.open{display:flex}.site-nav a{padding:12px}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{text-align:center}.hero .eyebrow,.hero-actions{justify-content:center}.hero-lead{margin-inline:auto}.product-orbit{max-width:650px;width:100%;margin-inline:auto}.feature-grid{grid-template-columns:1fr 1fr}.feature-card:first-child{grid-column:1/-1}.integrations-section{grid-template-columns:1fr}.security-grid{gap:40px}.plan-row{grid-template-columns:1fr}.plan-row .featured{transform:none;order:-1}.site-footer{grid-template-columns:1fr}.site-footer small{grid-column:auto}}
@media(max-width:620px){.announcement{padding:8px 16px;text-align:center;font-size:11px}.site-header{height:70px;padding:0 18px}.brand img{width:134px;height:44px}.site-nav{top:112px}.shell{width:min(100% - 30px,1180px)}.hero{padding-block:48px 65px;gap:42px}.hero h1{font-size:60px}.hero-lead{font-size:16px}.hero-actions,.final-cta>div{flex-direction:column}.product-orbit{min-height:470px;border-radius:28px}.ring-two{width:350px;height:350px}.signal-card{min-width:220px;padding:11px}.signal-whatsapp{left:12px;top:28px}.signal-slack{right:10px;top:215px}.signal-calendar{left:16px;bottom:28px}.brand-mark{width:94px;height:94px;border-radius:24px}.proof-strip{grid-template-columns:1fr}.proof-strip div{padding:20px 28px;border-right:0;border-bottom:1px solid var(--line)}.section{padding-block:78px}.section-heading h2,.security-grid h2{font-size:46px}.feature-grid{grid-template-columns:1fr}.feature-card:first-child{grid-column:auto}.steps{grid-template-columns:1fr;gap:12px}.step-arrow{transform:rotate(90deg)}.integrations-section{gap:35px}.security-grid{grid-template-columns:1fr;gap:30px}.plan-row{margin-top:36px}.site-footer nav{flex-wrap:wrap}.site-footer{padding-bottom:90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.nav-cta{transition:none}}

/* Refined capsule navigation */
.site-header{position:sticky;top:14px;z-index:30;width:min(1040px,calc(100% - 32px));height:68px;margin:16px auto 0;padding:8px 10px 8px 22px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(40,28,78,.88);box-shadow:0 18px 45px rgba(32,20,69,.16);backdrop-filter:blur(18px)}
.site-header .brand{display:flex;align-items:center;width:146px;height:46px;padding:5px 9px;border-radius:999px;background:#fff;overflow:hidden}.site-header .brand img{width:128px;height:36px}.site-header .site-nav{gap:8px}.site-header .site-nav>a{padding:10px 12px;color:#ece7f8;border-radius:999px}.site-header .site-nav>a:hover{color:#fff;background:rgba(255,255,255,.1)}.site-header .site-nav .login-link{margin-left:0}.site-header .site-nav .nav-cta{color:#231441;background:#fff;padding-inline:19px}.site-header .menu-toggle{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2)}

/* Vertical integration reel */
.integration-showcase{grid-column:2;display:grid;gap:20px}.integration-lockup{position:relative;min-height:530px;display:grid;grid-template-columns:1fr 88px 1.15fr;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:34px;background:#fbfbfc;box-shadow:var(--shadow)}.integration-lockup:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(101,53,243,.06),transparent 45%)}.melloflo-core{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:18px;font-size:36px;letter-spacing:-.05em}.melloflo-core img{width:98px;height:98px;border-radius:25px;box-shadow:0 18px 35px rgba(101,53,243,.23)}.plus-orb{position:relative;z-index:4;width:68px;height:68px;display:grid;place-items:center;border:1px solid #e8e5eb;border-radius:50%;background:#fff;font-size:38px;font-weight:300;box-shadow:0 12px 30px rgba(25,18,40,.12)}.integration-reel{position:relative;height:530px;overflow:hidden}.reel-track{display:flex;flex-direction:column;will-change:transform;animation:vertical-reel 19s linear infinite}.reel-item{height:78px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:16px;padding:0 32px 0 20px;font-size:24px;font-weight:760;letter-spacing:-.03em;color:#18151c}.reel-item img{width:42px;height:42px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fff}.reel-item span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--green);background:var(--mint);padding:6px 8px;border-radius:99px}.reel-item.muted{color:#aaa6ad}.reel-item.muted span{color:#716b79;background:#eeeaf3}.reel-fade{position:absolute;left:0;right:0;height:115px;z-index:2;pointer-events:none}.reel-fade-top{top:0;background:linear-gradient(#fbfbfc,transparent)}.reel-fade-bottom{bottom:0;background:linear-gradient(transparent,#fbfbfc)}@keyframes vertical-reel{to{transform:translateY(-546px)}}.integration-summary{display:flex;align-items:center;gap:24px;padding:24px 28px;border-radius:24px;background:#efe9ff}.integration-summary>p{flex:1;margin:0;color:#5f596b;font-size:14px;line-height:1.55}.status-key{display:flex;gap:8px;flex-wrap:wrap}.status-key span{white-space:nowrap;padding:7px 10px;border-radius:99px;background:#fff;font-size:10px;font-weight:750}.status-key i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#20b879}.status-key .planned-key i{background:#a59ead}.integration-summary .button{font-size:12px;white-space:nowrap}

/* Detailed pricing */
.plans-section{width:min(1320px,calc(100% - 32px));max-width:none;padding:105px 58px;border:1px solid rgba(255,255,255,.7);border-radius:40px;background:radial-gradient(circle at 10% 20%,rgba(83,207,242,.62),transparent 32%),radial-gradient(circle at 88% 30%,rgba(218,124,246,.55),transparent 38%),linear-gradient(135deg,#dcedff,#eee7ff 50%,#f2d9ff);box-shadow:0 28px 80px rgba(81,55,130,.12)}.billing-toggle{width:max-content;display:flex;margin:38px auto 0;padding:5px;border-radius:999px;background:rgba(63,46,105,.15)}.billing-toggle button{border:0;border-radius:999px;background:transparent;padding:11px 18px;color:#554d69;font:750 13px inherit;cursor:pointer}.billing-toggle button.active{background:#fff;color:var(--purple);box-shadow:0 5px 16px rgba(45,28,79,.12)}.billing-toggle button span{margin-left:5px;padding:4px 6px;border-radius:99px;background:#7542e9;color:#fff;font-size:9px}.plans-section .plan-row{gap:18px;margin-top:48px;align-items:stretch}.plans-section .plan-row article{display:flex;flex-direction:column;min-height:660px;padding:30px;border-color:rgba(255,255,255,.75);background:rgba(255,255,255,.78);backdrop-filter:blur(16px);box-shadow:0 20px 50px rgba(68,47,109,.10)}.plans-section .plan-row .featured{color:#fff;background:linear-gradient(145deg,#433692,#8d5ab2);transform:translateY(-14px);border-color:rgba(255,255,255,.32)}.plans-section .plan-row h3{font-size:29px;margin:34px 0 10px}.plans-section .plan-row>article>p{min-height:68px}.plans-section .plan-price{margin-top:18px;font-size:38px}.plans-section .plan-price small{font-size:12px;margin-left:4px}.price-note{min-height:0!important;margin:8px 0 18px!important;font-size:11px!important}.plans-section .plan-row ul{display:grid;gap:11px;margin:6px 0 28px;padding:21px 0 0;border-top:1px solid rgba(116,104,140,.2);list-style:none}.plans-section .plan-row li{position:relative;padding-left:22px;color:#625c6e;font-size:13px;line-height:1.35}.plans-section .plan-row li:before{content:"✓";position:absolute;left:0;color:var(--purple);font-weight:900}.plans-section .plan-row .featured li{color:#eee8f5}.plans-section .plan-row .featured li:before{color:#ffd4e9}.plan-cta{margin-top:auto;padding:14px;border:1px solid #d7d0e2;border-radius:13px;text-align:center;font-size:13px;font-weight:800}.featured .plan-cta{color:#3b2467;background:#fff;border-color:#fff}.plans-section .center-action{margin-top:20px}

/* Editorial mega footer */
.mega-footer{position:relative;max-width:none;display:block;margin:80px 8px 8px;padding:86px max(32px,calc((100vw - 1180px)/2));overflow:hidden;border-radius:34px;background:radial-gradient(circle at 5% 70%,rgba(74,205,235,.6),transparent 35%),radial-gradient(circle at 85% 28%,rgba(202,139,246,.62),transparent 40%),linear-gradient(135deg,#dbeeff,#e7ddff 52%,#f2d9f5);color:#283056}.footer-hero{display:grid;grid-template-columns:1.12fr .88fr;gap:50px;padding-bottom:70px;border-bottom:1px solid rgba(46,51,91,.17)}.footer-hero h2{margin:0;font-size:clamp(56px,7.4vw,104px);line-height:.88;letter-spacing:-.07em}.footer-hero h2 em{font-family:Georgia,serif;font-weight:400}.footer-button{margin-top:38px;border:1px solid rgba(38,45,80,.35);background:rgba(255,255,255,.35)}.footer-button img{width:22px;height:22px}.footer-caption{font-size:13px;color:#65708c}.footer-mark-wrap{position:relative;min-height:330px;display:grid;place-items:center}.footer-mark-wrap>img{width:190px;height:190px;border-radius:46px;box-shadow:0 30px 70px rgba(69,39,133,.2);transform:rotate(3deg)}.footer-mark-wrap:before,.footer-mark-wrap:after{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(46,55,100,.25);border-radius:50%;transform:rotate(34deg)}.footer-mark-wrap:after{width:330px;height:210px;transform:rotate(-25deg)}.footer-mark-wrap>span{position:absolute;z-index:3;top:0;right:5%;padding:18px 22px;border-radius:14px;background:#effff8;color:#218264;font-size:14px;transform:rotate(-5deg);box-shadow:0 12px 30px rgba(50,50,90,.09)}.footer-columns{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:55px;padding:62px 0}.footer-columns>div{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.footer-columns h3{margin:0 0 7px;font-size:15px}.footer-columns a{color:#66708c;font-size:13px}.footer-columns a:hover{color:var(--purple)}.footer-columns small{font-size:8px;text-transform:uppercase}.footer-about>p{font-size:10px;font-weight:850;letter-spacing:.13em}.footer-about i{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#26c68a;box-shadow:0 0 0 5px rgba(38,198,138,.13)}.footer-about>strong{max-width:290px;color:#69728d;font-size:15px;line-height:1.65;font-weight:500}.footer-about>a{margin-top:15px;color:#2b3258;font-weight:800}.footer-wordmark{text-align:center;margin:-5px 0 -60px;font-size:clamp(120px,21vw,330px);font-weight:900;letter-spacing:-.09em;line-height:.9;color:#39416f}.footer-legal{position:relative;display:flex;justify-content:space-between;padding-top:28px;border-top:1px solid rgba(46,51,91,.17);font-size:11px;color:#6c7590}

@media(max-width:960px){.site-header{top:8px}.site-header .site-nav{top:76px}.integration-showcase{grid-column:auto}.integration-summary{flex-wrap:wrap}.plans-section{padding-inline:30px}.footer-hero{grid-template-columns:1fr}.footer-columns{grid-template-columns:1fr 1fr}.footer-wordmark{margin-bottom:-30px}}
@media(max-width:620px){.site-header{width:calc(100% - 24px);height:60px;margin-top:10px;padding:6px 8px 6px 13px}.site-header .brand{width:122px;height:42px}.site-header .brand img{width:106px;height:32px}.site-header .site-nav{top:68px}.integration-lockup{min-height:430px;grid-template-columns:1fr 56px 1.25fr}.melloflo-core{font-size:22px}.melloflo-core img{width:68px;height:68px;border-radius:18px}.plus-orb{width:46px;height:46px;font-size:27px}.integration-reel{height:430px}.reel-item{height:68px;grid-template-columns:34px 1fr;padding:0 10px;font-size:16px}.reel-item img{width:34px;height:34px;padding:6px}.reel-item span{display:none}@keyframes vertical-reel{to{transform:translateY(-476px)}}.integration-summary{padding:20px}.integration-summary .button{width:100%}.plans-section{width:calc(100% - 16px);padding:74px 16px;border-radius:28px}.billing-toggle button{padding:10px 12px}.plans-section .plan-row article{min-height:auto}.footer-hero h2{font-size:58px}.mega-footer{margin:45px 4px 4px;padding:65px 22px;border-radius:25px}.footer-mark-wrap{min-height:260px}.footer-mark-wrap>img{width:140px;height:140px;border-radius:34px}.footer-mark-wrap:before{width:210px;height:210px}.footer-mark-wrap:after{width:260px;height:170px}.footer-columns{grid-template-columns:1fr;gap:38px}.footer-wordmark{margin:15px 0 -10px;font-size:88px}.footer-legal{flex-direction:column;gap:9px}}
@media(prefers-reduced-motion:reduce){.reel-track{animation-play-state:paused}}

/* Clean light capsule and current MelloFlo wordmark */
.site-header{border-color:rgba(101,53,243,.13);background:linear-gradient(110deg,rgba(239,235,255,.96),rgba(226,241,255,.96) 48%,rgba(247,230,255,.96));box-shadow:0 16px 42px rgba(65,42,112,.14)}.site-header .brand{width:174px;height:48px;padding:0;background:transparent;border-radius:0}.site-header .brand img{width:166px;height:46px;object-fit:contain;mix-blend-mode:multiply;transform:scale(1.16)}.site-header .site-nav>a{color:#413a55}.site-header .site-nav>a:hover{color:var(--purple);background:rgba(255,255,255,.66)}.site-header .site-nav .nav-cta{color:#fff;background:linear-gradient(135deg,#5d2ee8,#7b4dff);box-shadow:0 9px 22px rgba(101,53,243,.2)}.site-header .menu-toggle{color:#443a5b;background:rgba(255,255,255,.72);border-color:rgba(101,53,243,.12)}

/* WhatsApp product conversation */
.whatsapp-demo{min-height:570px;overflow:hidden;border:1px solid #ddd8e7;border-radius:36px;background:#efeae2;box-shadow:0 35px 85px rgba(55,38,88,.18)}.wa-header{height:78px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;padding:0 22px;color:#fff;background:linear-gradient(110deg,#075e54,#087769)}.wa-header img{width:46px;height:46px;border-radius:50%;border:2px solid rgba(255,255,255,.8)}.wa-header strong,.wa-header span{display:block}.wa-header strong{font-size:15px}.wa-header span{margin-top:4px;font-size:11px;color:#d9f7ec}.wa-header i{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#5af0a8}.wa-header>b{font-size:24px}.wa-chat{min-height:430px;padding:20px 18px 12px;background-color:#efeae2;background-image:radial-gradient(rgba(104,90,77,.055) 1px,transparent 1px);background-size:18px 18px}.wa-day{width:max-content;margin:0 auto 16px;padding:6px 10px;border-radius:8px;background:#fff;color:#77706b;font-size:10px;box-shadow:0 2px 4px rgba(40,30,25,.08)}.wa-message{position:relative;width:77%;padding:12px 13px 20px;border-radius:12px;color:#272421;font-size:12px;line-height:1.48;box-shadow:0 2px 5px rgba(45,35,30,.08)}.wa-message time{position:absolute;right:8px;bottom:5px;color:#8d8984;font-size:8px}.wa-user{margin:0 0 10px auto;background:#d9fdd3;border-top-right-radius:3px}.wa-mello{margin:0 auto 10px 0;background:#fff;border-top-left-radius:3px}.wa-mello>strong{font-size:12px}.wa-task{display:grid;gap:4px;margin:9px 0;padding:10px 12px;border-left:3px solid var(--purple);border-radius:7px;background:#f5f1ff}.wa-task span{color:var(--purple);font-size:8px;font-weight:850;letter-spacing:.12em}.wa-task b{font-size:12px}.wa-task small{color:#736e7d;font-size:9px;line-height:1.5}.wa-mello p{margin:7px 0 0}.wa-confirm{width:max-content;min-width:105px;font-weight:850;letter-spacing:.05em}.wa-success{display:grid;grid-template-columns:27px 1fr;gap:9px;width:72%;padding-bottom:22px}.wa-success>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#dcfce7;color:#15905b;font-weight:900}.wa-success strong,.wa-success small{display:block}.wa-success small{margin-top:3px;color:#6f6a74;font-size:9px}.wa-compose{height:62px;display:grid;grid-template-columns:30px 1fr 34px;align-items:center;gap:8px;padding:9px 13px;background:#f7f5f2;color:#8c8985}.wa-compose>span{font-size:24px}.wa-compose>div{padding:11px 14px;border-radius:999px;background:#fff;font-size:11px}.wa-compose>b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#00a884;color:#fff;font-size:14px}

/* Correct logo lockup and non-overlapping legal row */
.footer-logo-lockup{display:flex;align-items:center;justify-content:center;min-height:210px;margin:10px 0 34px;padding:20px;border-block:1px solid rgba(46,51,91,.17);overflow:hidden}.footer-logo-lockup img{width:min(720px,82vw);height:180px;object-fit:contain;mix-blend-mode:multiply;transform:scale(1.12)}.footer-legal{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0;border:0;font-size:12px;color:#59627e}.footer-wordmark{display:none}

@media(max-width:620px){.site-header .brand{width:130px;height:40px}.site-header .brand img{width:124px;height:38px}.whatsapp-demo{min-height:540px;border-radius:27px}.wa-header{height:70px}.wa-chat{min-height:405px;padding-inline:12px}.wa-message{width:88%}.wa-success{width:86%}.footer-logo-lockup{min-height:130px;margin-bottom:25px}.footer-logo-lockup img{height:110px;width:92vw}.footer-legal{align-items:flex-start;flex-direction:column;gap:8px}}

/* Final navigation rhythm and pricing breathing room */
.site-header{width:min(1160px,calc(100% - 48px));height:68px;padding:8px 10px 8px 24px;gap:32px}
.site-header .brand{flex:0 0 166px;width:166px;margin-right:auto}
.site-header .site-nav{justify-content:flex-end;gap:10px}
.site-header .site-nav>a{padding:10px 11px;white-space:nowrap}
.site-header .site-nav .nav-cta{margin-left:6px;padding-inline:22px}
.plans-section{margin-top:88px;padding-top:132px}
.plans-section .plan-row{margin-top:62px}

@media(max-width:1100px) and (min-width:961px){.site-header{gap:14px;padding-left:18px}.site-header .brand{flex-basis:146px;width:146px}.site-header .brand img{width:142px}.site-header .site-nav{gap:2px}.site-header .site-nav>a{padding-inline:9px}.site-header .site-nav .nav-cta{margin-left:3px;padding-inline:17px}}
@media(max-width:960px){.site-header{display:flex;width:calc(100% - 32px);height:64px;padding:7px 8px 7px 18px;gap:16px}.site-header .brand{flex:0 0 auto;width:142px;margin-right:0}.site-header .brand img{width:138px}.site-header .menu-toggle{min-width:78px;height:46px;padding:0 17px;font-size:14px}.site-header .site-nav{top:72px;left:0;right:0;padding:12px;gap:4px;border-radius:22px}.site-header .site-nav>a{padding:12px 14px}.site-header .site-nav .nav-cta{margin:4px 0 0}.plans-section{margin-top:70px;padding-top:108px}.plans-section .plan-row{margin-top:54px}}
@media(max-width:620px){.site-header{width:calc(100% - 24px);height:58px;padding:6px 7px 6px 15px}.site-header .brand{width:116px;height:38px}.site-header .brand img{width:112px;height:36px;transform:scale(1.08)}.site-header .menu-toggle{min-width:70px;height:42px;padding-inline:14px;font-size:13px;border-radius:999px}.site-header .site-nav{top:66px}.plans-section{margin-top:52px;padding-top:88px}.plans-section .plan-row{margin-top:46px}}

.site-header .menu-toggle{width:46px;min-width:46px;height:46px;padding:0;place-items:center;border-radius:50%}
.site-header .menu-toggle span{display:block;width:20px;height:2px;margin:4px auto;border-radius:99px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
.site-header .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.site-header .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.site-header .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:960px){.site-header .menu-toggle{display:grid;min-width:46px;padding:0}}
@media(max-width:620px){.site-header .menu-toggle{width:42px;min-width:42px;height:42px;padding:0}.site-header .menu-toggle span{width:18px}}

/* Minimal mobile navigation control */
.site-header .menu-toggle{width:36px;min-width:36px;height:36px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#443a5b;transition:opacity .18s ease,transform .3s cubic-bezier(.22,1,.36,1)}
.site-header .menu-toggle:hover{background:transparent;opacity:.72}
.site-header .menu-toggle:active{transform:scale(.92)}
.site-header .menu-toggle:focus-visible{outline:2px solid var(--purple);outline-offset:5px;border-radius:6px}
.site-header .menu-toggle span{width:18px;height:1.5px;margin:4px auto;background:currentColor;transform-origin:center;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .16s ease}
.site-header .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.site-header .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
@media(max-width:960px){.site-header .menu-toggle{display:grid;min-width:36px}}
@media(max-width:620px){.site-header .menu-toggle{width:32px;min-width:32px;height:32px}.site-header .menu-toggle span{width:17px}}

/* Mobile integration readability and compact header controls */
@media(max-width:620px){
  .site-header{padding:6px 17px 6px 18px}
  .site-header .brand{width:152px;height:40px;overflow:visible}
  .site-header .brand img{width:144px;height:38px;transform:scale(1.55)}
  .site-header .menu-toggle{width:32px;min-width:32px;height:32px}
  .site-header .menu-toggle span{width:19px;height:2px;margin:3px auto}
  .site-header .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(5px) rotate(45deg)}
  .site-header .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
  .integration-summary{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:22px}
  .integration-summary>p{width:100%;font-size:15px;line-height:1.65}
  .integration-summary .status-key{width:100%;justify-content:flex-start;gap:8px}
  .integration-summary .status-key span{font-size:10px}
}

/* Stronger header wordmark and clean footer links */
.site-header .brand{overflow:visible}
.site-header .brand img{transform:scale(1.32)}
.footer-columns a,.footer-columns a:link,.footer-columns a:visited,.footer-columns a:hover,.footer-columns a:active{text-decoration:none!important;text-decoration-line:none!important;border-bottom:0!important;box-shadow:none!important}
@media(max-width:620px){
  .site-header .brand{width:174px}
  .site-header .brand img{width:154px;height:40px;transform:scale(1.82)}
}
