/* Product stories: distinct palettes, shared precise glass typography. */
.product-story{--story-a:#d4caef;--story-b:#c8dfef;--story-c:#f0dce4;--story-ink:#635680;--story-dark:#393545;--action-fill:linear-gradient(120deg,var(--story-a),var(--story-b) 60%,var(--story-c))}
.product-story[data-product=supplements]{--story-a:#cfe8df;--story-b:#dceae7;--story-c:#eee4c9;--story-ink:#49796b}
.product-story[data-product=cosmetics]{--story-a:#eed2de;--story-b:#e6dbef;--story-c:#f5ddd0;--story-ink:#93647c}
.product-story[data-product=sms]{--story-a:#cbdeef;--story-b:#d7e7f3;--story-c:#ded6f2;--story-ink:#537b9e}
.product-story[data-product=whatsapp]{--story-a:#cae5d8;--story-b:#dcece4;--story-c:#d7e0ee;--story-ink:#4e7b65}
.product-hero{position:relative;isolation:isolate;overflow:hidden;margin:0 18px;border-radius:0 0 36px 36px;min-height:870px;background:linear-gradient(130deg,#edf3f8,var(--story-a) 66%,var(--story-b))}
.story-media{position:absolute;inset:90px 0 0;z-index:-1;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 43%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 43%)}
.story-poster,.story-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:66% center}
.story-hero-inner{padding-top:148px;padding-bottom:115px}
.story-copy{width:53%;max-width:680px;padding:32px 35px 36px;background:linear-gradient(135deg,#ffffff80,#ffffff26 65%,#ffffff47);border:1px solid #ffffffc9;border-radius:29px;box-shadow:inset 0 1px 1px white,0 20px 55px #4641590a}
.story-back{display:inline-flex;min-height:36px;align-items:center;font-size:11px;color:#6b6377;margin-bottom:18px}
.story-identity{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:11px;letter-spacing:.03em;font-weight:500;color:var(--story-ink)}
.story-identity .mini-icon{width:42px;height:42px;background:none;border:0;box-shadow:none}.story-identity .mercury-icon{width:48px;height:48px}
.product-hero h1{font-size:clamp(42px,4.65vw,70px);line-height:1.07;letter-spacing:-.06em}
.product-hero h1 em{font-style:normal;color:var(--story-ink)}
.story-lead{font-size:14px;line-height:1.85;max-width:450px;margin-top:25px;color:#514c5e}
.story-copy .button-row{gap:14px;margin-top:29px}.story-copy .button,.story-copy .text-link{font-size:11px}
.story-availability{font-size:10px;line-height:1.8;margin-top:25px;max-width:435px;color:#6d6176}
.story-hero-bottom{position:absolute;bottom:26px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;min-height:44px;border-top:1px solid #ffffff80;padding-top:14px;font-size:10px;color:#6a6077;letter-spacing:.055em}
.product-subnav{display:flex;align-items:center;gap:30px;min-height:78px;border-bottom:1px solid #ded8e7;font-size:12px}.product-subnav>span{margin-right:auto;font-weight:600;color:var(--story-ink)}.product-subnav a{display:inline-flex;align-items:center;min-height:44px;color:#696172}
.story-facts{display:grid;grid-template-columns:repeat(3,1fr);padding:36px 0 5px;gap:35px}.story-facts>div{display:flex;gap:15px;align-items:center}.story-facts span{font-size:10px;color:#93899d}.story-facts p{font-size:13px;color:#5b5268}
.story-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.story-feature{position:relative;padding:30px;border:1px solid #ffffffe0;border-radius:24px;background:linear-gradient(140deg,#ffffffa3,#ffffff33),linear-gradient(130deg,var(--story-a),#f0f2f8 65%);box-shadow:inset 0 1px 1px white,0 12px 35px #7060830b}.story-feature-no{position:absolute;right:26px;top:26px;font-size:10px;color:#8c8097}.story-feature .mini-icon{margin-bottom:27px;background:#ffffff69;border-color:white;color:var(--story-ink)}.story-feature h3{font-size:21px;margin-bottom:15px}.story-feature p{font-size:13px;line-height:1.9}
.story-experience{padding:85px 0;margin:0 18px;border-radius:32px;background:radial-gradient(ellipse at 76% 30%,var(--story-a),transparent 62%),linear-gradient(140deg,#f0f4f7,var(--story-c));border:1px solid #ffffffc2;box-shadow:inset 0 1px 1px #fff}
.story-experience-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.story-experience-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;max-width:370px;margin-top:25px}.story-demo-note{display:flex;gap:12px;font-size:11px;line-height:1.8;color:#74677f;margin-top:35px;max-width:360px}.story-demo-note svg{margin-top:3px;width:17px}.story-demo{min-width:0}.story-demo .card-visual{padding:20px 10px;overflow:visible;margin:0}.story-demo .showcase-chat{transform:rotate(-2deg);max-width:460px}.story-demo .chat-bubble.user{background:linear-gradient(120deg,var(--story-a),var(--story-b))}.story-demo .demo-window{background:linear-gradient(130deg,#ffffffd9,#ffffff69)}
.story-control{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.story-control-art{min-height:520px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 60%,var(--story-b),transparent 64%)}.control-glass{position:absolute;width:70%;height:65%;top:17%;left:15%;border-radius:27px;border:1px solid #ffffffd9;box-shadow:inset 0 1px 2px white,0 24px 55px #65577618;background:linear-gradient(135deg,#ffffff8a,#ffffff14 65%,#ffffff69)}.control-glass.back{transform:rotate(10deg) translate(20px,-5px);background:linear-gradient(130deg,var(--story-a),var(--story-c));z-index:-1;opacity:.6}.control-glass.front{transform:rotate(-7deg);padding:45px 33px}.control-glass .brand-mark{width:58px;height:58px;margin-bottom:45px;color:var(--story-ink)}.control-glass>span{font-size:9px;letter-spacing:.13em;color:#746682}.control-lines{margin-top:20px;display:grid;gap:12px}.control-lines i{height:8px;border-radius:12px;background:#ffffff96;width:85%}.control-lines i:nth-child(2){width:64%}.control-lines i:last-child{width:73%}
.story-control-copy h2{font-size:clamp(38px,4vw,55px)}.story-guards{margin-top:32px;display:grid;gap:25px}.story-guards>div{display:flex;gap:15px}.story-guards>div>svg{width:18px;height:18px;stroke:var(--story-ink);margin-top:3px}.story-guards h3{font-size:16px;letter-spacing:-.02em;margin-bottom:7px}.story-guards p{font-size:13px;line-height:1.8}
.story-setup{padding:55px;background:linear-gradient(120deg,#ffffff70,var(--story-b)),#edf0f5;border:1px solid #ffffffeb;border-radius:29px;box-shadow:inset 0 1px 1px white}.story-setup h2{font-size:43px}.story-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:40px 0 0;padding:0}.story-steps li>span{font-size:12px;color:var(--story-ink);display:grid;place-items:center;width:40px;height:40px;border:1px solid white;background:#ffffff59;border-radius:50%;margin-bottom:23px}.story-steps h3{font-size:19px;margin-bottom:14px}.story-steps p{font-size:13px;line-height:1.9}
.story-closing{text-align:center;padding:58px 40px 62px;border:1px solid #ffffffe0;border-radius:30px;background:radial-gradient(ellipse at 80% 20%,var(--story-a),transparent 70%),linear-gradient(120deg,#edf4f7,var(--story-c));box-shadow:inset 0 1px 1px #fff}.story-closing>.mini-icon{width:75px;height:75px;margin:0 auto 22px}.story-closing .mercury-icon{width:75px;height:75px}.story-closing h2{max-width:840px;margin:auto;font-size:clamp(34px,4.3vw,60px)}.story-closing>p{font-size:13px;margin:23px 0 28px}.related-products{display:grid;grid-template-columns:1fr 1fr;gap:22px}.related-products>a{display:flex;gap:20px;align-items:center;padding:26px;border:1px solid #ffffffed;border-radius:22px;background:linear-gradient(140deg,#ffffff9e,#ffffff3d);box-shadow:inset 0 1px 1px white}.related-products .mini-icon{width:60px;height:60px}.related-products h3{font-size:20px}.related-products p{font-size:12px;margin-top:5px}.related-products>a>svg{margin-left:auto;width:18px}
.message-hero-art{position:absolute;right:4%;top:180px;width:41%;height:550px;perspective:900px}.message-orbit{position:absolute;inset:0;border-radius:50%;border:1px solid #ffffffb3;background:linear-gradient(130deg,#ffffff12,var(--story-b));box-shadow:inset 0 2px 20px #ffffff61;transform:rotateX(58deg) rotateZ(-15deg);opacity:.6}.message-orbit.second{inset:60px -20px;transform:rotateY(55deg) rotateZ(20deg);opacity:.4}
.hero-phone{position:absolute;left:18%;top:8%;width:65%;height:450px;padding:48px 22px 20px;border-radius:39px;border:1px solid white;box-shadow:inset 0 0 0 5px #ffffff42,0 24px 60px #65537923;background:linear-gradient(145deg,#ffffffac,#ffffff40),linear-gradient(120deg,var(--story-a),var(--story-c));transform:rotate(-7deg);backdrop-filter:blur(12px)}.phone-notch{position:absolute;top:15px;left:35%;width:30%;height:5px;border-radius:8px;background:#8c879a35}.phone-brand{display:flex;align-items:center;gap:9px}.phone-brand strong{font-size:10px;letter-spacing:.1em;font-weight:500}.phone-brand .brand-mark{width:25px;height:25px}.phone-day{font-size:9px;text-align:center;margin-top:32px;color:#81758b}.phone-message{font-size:13px;line-height:1.75;background:#ffffffb8;padding:17px;margin-top:18px;border:1px solid white;border-radius:17px}.phone-message small{display:block;font-size:8px;color:#82738e;margin-top:10px}.phone-link{display:flex;align-items:center;justify-content:space-between;background:#ffffff73;border:1px solid white;border-radius:12px;padding:12px;margin-top:7px;font-size:10px;color:var(--story-ink)}.phone-link svg{width:13px}.phone-reply{background:var(--story-a);margin:24px 0 0 auto;width:85%;padding:14px;font-size:10px;border:1px solid #ffffffc4;border-radius:14px}
.floating-message{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;padding:12px 16px;border:1px solid white;background:linear-gradient(135deg,#ffffffbf,#ffffff5c);border-radius:17px;box-shadow:0 9px 30px #62527116;font-size:10px;color:var(--story-ink)}.floating-message.top{left:0;top:0;transform:rotate(4deg)}.floating-message.bottom{right:0;bottom:12px;transform:rotate(4deg)}.floating-message>.mercury-icon{width:46px;height:46px}.floating-message>svg:not(.mercury-icon){width:20px}
.campaign-demo{max-width:500px;margin:auto;border:1px solid white;background:linear-gradient(130deg,#ffffffd6,#ffffff61);box-shadow:inset 0 1px 1px white,0 24px 60px #65577918;border-radius:25px;overflow:hidden;transform:rotate(-2deg)}.campaign-top{display:flex;align-items:center;gap:11px;padding:23px;border-bottom:1px solid #b3a8c12b}.campaign-top strong{font-size:13px}.campaign-top>span{margin-left:auto;font-size:8px;letter-spacing:.1em;color:#8c7f96}.campaign-top .brand-mark{width:26px;height:26px}.campaign-options{display:flex;gap:6px;padding:20px 22px 0}.campaign-options button{border:1px solid #ffffffba;border-radius:30px;padding:10px 14px;background:#ffffff55;font-size:11px;min-height:44px;color:#665b76}.campaign-options button[aria-pressed=true]{background:var(--story-a);border-color:white;color:#3e3a4a}.campaign-content{padding:24px;min-height:263px}.campaign-audience{display:flex;justify-content:space-between;gap:15px;font-size:11px;margin-bottom:20px;color:#7b6e8b}.campaign-audience strong{font-weight:500;color:#53485e}.campaign-bubble{background:linear-gradient(120deg,#ffffffb3,var(--story-b));border:1px solid white;padding:21px;border-radius:18px;font-size:14px;line-height:1.9;min-height:120px}.campaign-review{display:flex;justify-content:space-between;gap:10px;margin-top:20px;font-size:9px;color:#7c6b87}.campaign-review>span:first-child{display:flex;align-items:center;gap:5px}.campaign-review svg{width:12px;height:12px}.campaign-caption{font-size:10px;text-align:center;padding:18px 22px;border-top:1px solid #b3a8c12b}
@media(hover:hover) and (pointer:fine){.product-subnav a:hover{color:var(--story-ink)}.related-products>a:hover{border-color:#cfc3dc}.campaign-options button:hover{background:#ffffffa3}}
html[data-scrolling=true] .hero-phone{backdrop-filter:none}
@media(max-width:1100px){.story-copy{padding:28px;width:56%}.product-hero h1{font-size:55px}.story-copy .button-row{gap:9px}.story-lead{font-size:13px}.story-experience-inner{gap:50px}.story-control{gap:60px}.story-control-art{min-height:450px}.story-feature{padding:26px}.hero-phone{left:12%;width:77%;padding-inline:17px}.message-hero-art{right:2%;width:40%}.floating-message.top{left:-12px;font-size:9px}.floating-message.bottom{font-size:9px}.story-steps{gap:28px}}
@media(max-width:900px){.product-hero{min-height:850px}.story-copy{width:61%;padding:25px}.product-hero h1{font-size:46px}.story-media{inset:115px -17% 0 0}.story-lead{font-size:13px}.story-copy .button{font-size:11px}.story-copy .text-link{font-size:11px}.story-identity{font-size:10px;gap:8px}.story-availability{font-size:9px}.product-subnav{gap:18px;font-size:11px}.product-subnav>span{font-size:10px}.story-facts{gap:20px}.story-facts p{font-size:12px}.story-feature-grid{gap:17px}.story-feature{padding:23px}.story-feature h3{font-size:19px}.story-feature p{font-size:12px}.story-control{gap:35px}.story-control-copy h2{font-size:39px}.story-control-art{min-height:400px}.control-glass.front{padding:35px 23px}.story-experience-inner{gap:35px}.story-experience-copy h2{font-size:39px}.story-setup{padding:38px}.story-setup h2{font-size:36px}.story-steps h3{font-size:17px}.related-products>a{padding:20px;gap:14px}.related-products h3{font-size:17px}.message-hero-art{top:240px;right:-3%;width:42%;height:500px}.hero-phone{height:410px}.floating-message.top{max-width:230px;left:-15px}.floating-message.bottom{bottom:10px;right:10px;font-size:8px}.floating-message>.mercury-icon{width:35px;height:35px}.phone-message{font-size:11px;padding:13px}.phone-link{font-size:9px}.phone-reply{font-size:9px}}
@media(max-width:700px){.product-hero{margin:0 8px;border-radius:0 0 27px 27px;min-height:0}.story-hero-inner{padding-top:113px;padding-bottom:555px;width:calc(100% - 32px)}.story-copy{width:100%;padding:25px 23px;border-radius:24px;max-width:none}.story-back{font-size:11px;margin-bottom:14px}.story-identity{font-size:10px;margin-bottom:20px}.story-identity .mini-icon{width:35px;height:35px}.story-identity .mercury-icon{width:42px;height:42px}.product-hero h1{font-size:clamp(36px,9.6vw,52px)}.story-lead{font-size:14px;line-height:1.8;margin-top:22px}.story-copy .button-row{gap:8px;margin-top:24px}.story-copy .button,.story-copy .text-link{font-size:12px}.story-availability{font-size:11px;line-height:1.7;margin-top:19px}.story-media{inset:auto -18% 63px auto;width:160%;height:505px;mask-image:linear-gradient(180deg,transparent,#000 15%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 15%)}.story-poster,.story-film{object-position:72% bottom}.story-hero-bottom{bottom:20px;width:calc(100% - 40px);font-size:9px;gap:20px}.story-hero-bottom>span{max-width:230px}.product-subnav{flex-wrap:wrap;gap:3px 20px;padding:20px 0}.product-subnav>span{width:100%;font-size:12px;margin-bottom:8px}.product-subnav a{font-size:11px;min-height:36px}.story-facts{grid-template-columns:1fr;padding-top:25px;gap:17px}.story-facts p{font-size:13px}.story-feature-grid{grid-template-columns:1fr;gap:19px}.story-feature{padding:28px}.story-feature h3{font-size:22px}.story-feature p{font-size:14px}.story-feature .mini-icon{margin-bottom:22px}.story-experience{margin:0 8px;padding:53px 0;border-radius:25px}.story-experience-inner{grid-template-columns:1fr;gap:35px}.story-experience-copy h2{font-size:36px}.story-experience-copy>p:not(.eyebrow){font-size:14px}.story-demo-note{font-size:11px;margin-top:24px}.story-demo .card-visual{padding:10px 2px;min-height:0}.story-demo .showcase-chat{transform:none}.story-control{grid-template-columns:1fr;gap:20px}.story-control-art{min-height:350px}.control-glass{width:70%;height:70%;top:12%;left:15%}.control-glass.front{padding:29px}.control-glass .brand-mark{width:45px;height:45px;margin-bottom:28px}.story-control-copy h2{font-size:38px}.story-guards p{font-size:14px}.story-setup{padding:32px 25px}.story-setup h2{font-size:32px}.story-steps{grid-template-columns:1fr;gap:30px}.story-steps li>span{margin-bottom:15px}.story-steps h3{font-size:21px}.story-steps p{font-size:14px}.story-closing{padding:40px 24px;border-radius:24px}.story-closing h2{font-size:34px}.story-closing>p{font-size:13px}.related-products{grid-template-columns:1fr;gap:16px}.related-products>a{padding:20px;gap:15px}.related-products h3{font-size:19px}.related-products p{font-size:11px}.related-products .mini-icon{width:50px;height:50px}.related-products .mercury-icon{width:55px;height:55px}.message-hero-art{top:auto;bottom:83px;right:5%;width:90%;height:470px}.hero-phone{left:18%;top:7%;width:64%;height:390px;padding-top:40px}.floating-message.top{left:0;top:2%;font-size:9px}.floating-message.bottom{right:0;bottom:0;font-size:9px}.phone-day{font-size:8px;margin-top:20px}.phone-message{font-size:11px}.messaging-story-hero .story-hero-inner{padding-bottom:560px}.campaign-demo{transform:none}.campaign-top{padding:19px 17px;gap:8px}.campaign-top strong{font-size:12px}.campaign-options{padding:17px 16px 0;gap:5px}.campaign-options button{padding-inline:13px;font-size:11px}.campaign-content{padding:20px 17px;min-height:270px}.campaign-bubble{font-size:13px;padding:17px}.campaign-review{font-size:8px}.campaign-caption{font-size:10px}.campaign-audience{font-size:10px}}
@media(prefers-contrast:more){.story-copy,.story-feature,.story-setup,.story-closing,.campaign-demo,.hero-phone{background:#faf9fd;border-color:#887494}.story-availability,.story-back,.story-facts span,.story-demo-note,.campaign-caption{color:#4d405a}}
@media(prefers-reduced-motion:reduce){.story-film{display:none}.campaign-content{transform:none!important}}
/* WhatsApp marketing: conversion, retention, care and a transparent Shopify plan. */
.product-story[data-product=whatsapp]{--story-a:#cfe5df;--story-b:#dce9ef;--story-c:#e5def1}
.wa-glass{border:1px solid #fffffff0;border-radius:26px;background:linear-gradient(130deg,#ffffffbd,#ffffff50 62%,#ffffffa1);box-shadow:inset 0 1px 1px white,inset 0 -1px 1px #ffffffb9,0 20px 45px #5a657515}
.wa-journey-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:42px;align-items:start}
.wa-journey-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wa-journey-group h3{font-size:13px;color:#536e68;letter-spacing:-.01em;margin-bottom:19px;line-height:1.5}.wa-journey-group button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;padding:13px 14px;margin-bottom:9px;text-align:left;font-size:12px;color:#595565;border:1px solid #ffffffd9;border-radius:14px;background:#ffffff54;cursor:pointer}.wa-journey-group button svg{width:14px;flex-shrink:0;opacity:.55}.wa-journey-group button[aria-pressed=true]{background:linear-gradient(115deg,#cfe3df,#dee1f1);border-color:#a2bfb8;color:#284d46;box-shadow:inset 0 1px 1px white,0 6px 20px #65887710}
.wa-journey-detail{padding:34px;min-height:426px;background:radial-gradient(ellipse at 90% 5%,#d5d1ec75,transparent 70%),linear-gradient(120deg,#ffffffbd,#d9eee37a)}
.wa-kicker{font-size:10px;letter-spacing:.08em;color:#5d756e;text-transform:uppercase}.wa-journey-detail h3{font-size:29px;line-height:1.25;letter-spacing:-.04em;margin-top:17px;min-height:75px}.wa-flow{padding:0;list-style:none;margin:26px 0}.wa-flow li{display:flex;gap:17px;position:relative;padding-bottom:24px}.wa-flow li:last-child{padding-bottom:0}.wa-flow li:not(:last-child)::after{content:'';position:absolute;left:17px;top:37px;bottom:0;width:1px;background:#b1ccc3}.wa-flow li>span{flex:0 0 35px;height:35px;border:1px solid white;border-radius:50%;display:grid;place-items:center;font-size:10px;background:#ffffff8c;color:#537567}.wa-flow small{display:block;font-size:8px;letter-spacing:.1em;color:#75847f;margin-bottom:6px}.wa-flow strong{font-size:13px;line-height:1.6;font-weight:500;display:block}.wa-flow-result{padding-top:17px;border-top:1px solid #ffffffdb;font-size:12px;line-height:1.8;color:#4e675f;min-height:62px}.wa-demo-note{display:block;font-size:10px;color:#716b7e;line-height:1.7;margin-top:13px}
.wa-band{margin:0 18px;padding:85px 0;border-radius:33px;border:1px solid #fff;background:radial-gradient(ellipse at 75% 35%,#c4e2d6a3,transparent 60%),linear-gradient(135deg,#edf2f8,#e5e0f2);box-shadow:inset 0 1px 1px white}.wa-split{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.wa-split h2 em{font-style:normal;color:#5c7c71}.wa-lead{font-size:15px;line-height:1.9;max-width:455px;margin-top:25px;color:#5d5668}.wa-benefits{list-style:none;display:grid;gap:16px;padding:0;margin:27px 0}.wa-benefits li{display:flex;gap:11px;font-size:13px;line-height:1.75;color:#514e5e}.wa-benefits svg{width:17px;height:17px;color:#568475;flex-shrink:0;margin-top:3px}
.wa-campaign-preview{max-width:490px;width:100%;padding:29px;transform:rotate(-2deg)}.wa-preview-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;letter-spacing:.08em;color:#6c6579}.wa-tag{font-size:10px;line-height:1.5;letter-spacing:0;background:#ffffff83;border:1px solid #ffffffd9;border-radius:30px;padding:6px 10px;color:#5a706b}.wa-campaign-preview h3{font-size:28px;letter-spacing:-.04em;margin:19px 0}.wa-campaign-audience{display:flex;align-items:center;gap:15px;padding:15px;border:1px solid #ffffffde;border-radius:14px;background:#ffffff51}.wa-campaign-audience>svg{width:25px;color:#688b7e}.wa-campaign-audience small{display:block;font-size:8px;color:#7b7384;letter-spacing:.1em;margin-bottom:5px}.wa-campaign-audience strong{display:block;font-size:12px;font-weight:500;line-height:1.5}.wa-campaign-audience p{font-size:10px;margin-top:3px}
.wa-message-art{height:145px;position:relative;overflow:hidden;margin-top:20px;border-radius:16px 16px 0 0;padding:22px;background:linear-gradient(125deg,#c9e3d4,#d4dcf0 55%,#eee2ce);border:1px solid #ffffffb0}.wa-message-art>span{position:relative;z-index:1;font-size:28px;line-height:.95;letter-spacing:-.05em;color:#436a63}.wa-message-art i{position:absolute;right:25px;top:-30px;width:150px;height:195px;border:18px solid #ffffff91;border-radius:50%;transform:rotate(-35deg);box-shadow:inset 4px 0 12px #729e9f33,8px 6px 15px #ffffff80}
.wa-message-copy{padding:19px;border:1px solid #fff;border-radius:0 0 16px 16px;background:#ffffff82}.wa-message-copy strong{font-size:13px;line-height:1.7;display:block;font-weight:500}.wa-message-copy p{font-size:12px;line-height:1.8;margin-top:8px}.wa-message-copy>span{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#4a7568;border-top:1px solid #d2e0d9;padding-top:13px;margin-top:15px}.wa-message-copy svg{width:15px}.wa-stage-strip{display:flex;justify-content:space-between;list-style:none;padding:0;margin:20px 0 0;font-size:10px;counter-reset:stage}.wa-stage-strip li{display:flex;align-items:center;gap:7px}.wa-stage-strip li::before{counter-increment:stage;content:counter(stage);display:grid;place-items:center;width:20px;height:20px;background:#ffffff6b;border:1px solid white;border-radius:50%;color:#5b8274}
.wa-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.wa-result-grid article{padding:25px 22px;background:linear-gradient(145deg,#e0e9f08c,#ffffffc7)}.wa-result-grid article:nth-child(2){background:linear-gradient(145deg,#cce7dd8c,#ffffffc7)}.wa-result-grid article:nth-child(3){background:linear-gradient(145deg,#dfd4ed8c,#ffffffc7)}.wa-result-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid white;background:#ffffff96;border-radius:12px;color:#66847d;margin-bottom:22px}.wa-result-icon svg{width:20px;height:20px}.wa-result-grid h3{font-size:19px;letter-spacing:-.02em;margin-bottom:11px}.wa-result-grid p{font-size:12px;line-height:1.8}
.wa-delivery{padding:32px;margin-top:24px}.wa-delivery h3{font-size:25px;margin:13px 0 10px;letter-spacing:-.035em}.wa-delivery>div>p{font-size:13px;line-height:1.8}.wa-delivery ol{display:flex;list-style:none;padding:26px 0 0;margin:0;gap:15px}.wa-delivery li{position:relative;display:flex;flex:1;gap:8px;align-items:center;font-size:11px}.wa-delivery li>span{display:grid;place-items:center;flex:0 0 27px;height:27px;border:1px solid white;border-radius:50%;background:#e3e7f0;color:#5c617e;font-size:10px}.wa-delivery li:nth-last-child(-n+2)>span{background:#cae5d9;color:#3a6d57}.wa-delivery .wa-demo-note{margin-top:23px;font-size:10px}
.wa-pricing-layout{display:grid;grid-template-columns:1fr 1.03fr;gap:90px;align-items:center}.wa-pricing h2{font-size:clamp(38px,4.2vw,58px)}.wa-billing-route{display:flex;flex-wrap:wrap;align-items:center;gap:10px;max-width:460px;margin-top:32px;font-size:11px;line-height:1.7;color:#507165}.wa-billing-route svg{width:14px}.wa-billing-note{font-size:12px;line-height:1.9;color:#746b80;max-width:430px;margin-top:20px}.wa-plan{padding:34px;background:radial-gradient(ellipse at 100% 0,#c9e5d79c,transparent 70%),linear-gradient(135deg,#fffdfed9,#ffffff7a)}.wa-plan-top{display:flex;flex-wrap:wrap;align-items:center;gap:15px;justify-content:space-between}.wa-plan-top h3{font-size:24px}.wa-plan-top .wa-tag{font-size:9px}.wa-price{display:flex;align-items:baseline;gap:12px;margin-top:28px;color:#3a6357}.wa-price strong{font-size:70px;line-height:1.1;letter-spacing:-.065em;font-weight:500}.wa-price>span{font-size:13px;color:#6a6174}.wa-trial-note{font-size:12px;line-height:1.8;margin-top:14px;color:#645c70}.wa-plan .wa-benefits{gap:12px}.wa-plan .wa-benefits li{font-size:12px}.wa-usage{padding:18px;border-radius:16px;border:1px solid #c9dfd5;background:#e5f3ec94}.wa-usage>strong{font-size:13px;line-height:1.6;display:block;color:#436e5c}.wa-usage p{font-size:11px;line-height:1.8;margin-top:9px;color:#557162}.wa-plan-cta{width:100%;margin-top:24px;font-size:13px;white-space:normal}.wa-plan-cta:disabled{opacity:.65;cursor:not-allowed;transform:none!important}.wa-install-note{font-size:11px;line-height:1.8;margin-top:12px;color:#706679;text-align:center}
@media(hover:hover) and (pointer:fine){.wa-journey-group button:hover{border-color:#a9c7bb;background:#edf7f0}}
@media(max-width:1050px){.wa-split,.wa-pricing-layout{gap:35px}.wa-journey-layout{gap:24px}.wa-journey-list{gap:12px}.wa-journey-detail{padding:25px}.wa-result-grid{grid-template-columns:repeat(2,1fr)}.wa-delivery ol{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.wa-plan{padding:26px}.product-story[data-product=whatsapp] .product-subnav{gap:18px}}
@media(max-width:700px){.wa-journey-layout,.wa-split,.wa-pricing-layout{grid-template-columns:1fr;gap:30px}.wa-journey-list{gap:12px}.wa-journey-group h3{font-size:12px;min-height:38px}.wa-journey-group button{font-size:11px;padding:10px;min-height:50px}.wa-journey-group button svg{width:12px}.wa-journey-detail{padding:25px;min-height:450px}.wa-journey-detail h3{font-size:27px}.wa-flow strong{font-size:13px}.wa-flow-result{font-size:12px}.wa-band{margin:0 8px;padding:50px 0;border-radius:26px}.wa-split h2{font-size:38px}.wa-lead{font-size:14px}.wa-benefits li{font-size:13px}.wa-campaign-preview{padding:22px;transform:none}.wa-result-grid{gap:13px}.wa-result-grid article{padding:20px 16px}.wa-result-grid h3{font-size:18px;line-height:1.3}.wa-result-grid p{font-size:12px}.wa-delivery{padding:25px}.wa-delivery h3{font-size:24px}.wa-delivery ol{grid-template-columns:1fr 1fr;gap:16px}.wa-delivery li{font-size:11px}.wa-pricing-layout{gap:35px}.wa-plan{padding:24px 22px}.wa-price strong{font-size:62px}.wa-plan-top h3{font-size:24px}.wa-pricing h2{font-size:38px}.wa-plan .wa-benefits li{font-size:13px}.wa-trial-note{font-size:12px}.wa-usage p{font-size:12px}.wa-install-note{font-size:12px}.wa-stage-strip{font-size:10px}.wa-plan-cta{min-height:48px}}
@media(prefers-contrast:more){.wa-glass,.wa-band,.wa-plan{background:#fafcfb;border-color:#738a81}.wa-journey-group button{border-color:#738a81}.wa-tag,.wa-kicker,.wa-demo-note,.wa-install-note,.wa-trial-note{color:#3b4b44}}
/* SMS shares the glass system, with its own cost and recovery story. */
.sms-automation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}.sms-automation-group{padding:27px}.sms-automation-group>h3{font-size:23px;line-height:1.3;letter-spacing:-.035em;margin:15px 0 24px}.sms-automation-group details{border-top:1px solid #c5c5dc66}.sms-automation-group summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;min-height:60px;padding:15px 0;font-size:13px;list-style:none}.sms-automation-group summary::-webkit-details-marker{display:none}.sms-automation-group summary svg{width:14px;flex-shrink:0}.sms-automation-group details[open] summary svg{transform:rotate(180deg)}.sms-automation-group details>div{padding-bottom:20px}.sms-automation-group strong{font-size:13px;line-height:1.7;font-weight:500;display:block;color:#4d6585}.sms-automation-group p{font-size:12px;line-height:1.8;margin-top:8px}.sms-campaign-band{background:radial-gradient(ellipse at 75% 35%,#c4daeea3,transparent 60%),linear-gradient(135deg,#edf2f8,#e5e0f2)}.sms-review-preview{padding:30px}.sms-preview-message{padding:24px;border:1px solid white;background:linear-gradient(120deg,#e4def1,#e1ebf8);border-radius:21px;margin-top:24px}.sms-preview-message>span{font-size:9px;letter-spacing:.1em;color:#68607d}.sms-preview-message p{font-size:17px;line-height:1.8;margin:17px 0}.sms-preview-message small{font-size:10px;color:#6d6380}.sms-review-lines{margin-top:20px}.sms-review-lines>div{display:flex;justify-content:space-between;gap:16px;font-size:11px;line-height:1.7;padding:15px 0;border-bottom:1px solid #ffffffd6}.sms-review-lines>div>span{color:#796e87}.sms-review-lines strong{font-weight:500;text-align:right}.sms-result-grid{grid-template-columns:repeat(3,1fr)}.sms-wallet-strip{padding:30px;margin-top:24px;display:flex;gap:40px;align-items:center}.sms-wallet-strip h3{font-size:25px;margin:13px 0}.sms-wallet-strip p{font-size:13px;line-height:1.8;max-width:620px}.sms-wallet-labels{display:flex;flex-wrap:wrap;gap:9px;min-width:220px}.sms-wallet-labels span{font-size:11px;padding:12px;border:1px solid white;border-radius:13px;background:linear-gradient(120deg,#e1eaf6,#eee8f6)}.sms-pricing h2{font-size:clamp(38px,4.2vw,58px)}.sms-pricing h2 em{font-style:normal;color:#567b9b}.sms-value-highlight{display:flex;gap:15px;margin-top:27px;padding:23px;border:1px solid white;border-radius:20px;background:linear-gradient(120deg,#d0e4f1,#e2dcf4);box-shadow:inset 0 1px 1px #fff}.sms-value-highlight>svg{width:28px;flex-shrink:0;color:#52779a}.sms-value-highlight strong{font-size:15px;line-height:1.6;font-weight:500}.sms-value-highlight p{font-size:12px;line-height:1.8;margin-top:7px}.sms-rates-pending{margin-top:26px}.sms-rates-pending h3{font-size:17px;margin-bottom:10px}.sms-rates-pending p{font-size:13px;line-height:1.8;color:#70647f}.sms-pricing .wa-plan{background:radial-gradient(ellipse at 100% 0,#c9dce99c,transparent 70%),linear-gradient(135deg,#fffdfed9,#ffffff7a)}.sms-pricing .wa-price{color:#527a96}.sms-pricing .wa-usage{background:#e5eef794;border-color:#cfdaeb}.sms-pricing .wa-usage strong,.sms-pricing .wa-usage p{color:#506983}
@media(max-width:1000px){.sms-automation-grid{gap:16px}.sms-automation-group{padding:22px}.sms-wallet-strip{display:block}.sms-wallet-labels{margin-top:23px}}
@media(max-width:700px){.sms-automation-grid,.sms-result-grid{grid-template-columns:1fr}.sms-automation-group{padding:25px}.sms-automation-group>h3{font-size:24px}.sms-automation-group summary{font-size:14px}.sms-automation-group p{font-size:13px}.sms-review-preview{padding:22px}.sms-preview-message{padding:20px}.sms-preview-message p{font-size:15px}.sms-review-lines>div{font-size:11px}.sms-wallet-strip{padding:25px}.sms-wallet-strip h3{font-size:24px}.sms-pricing h2{font-size:38px}.sms-value-highlight{padding:20px}.sms-value-highlight strong{font-size:14px}.sms-review-preview .wa-stage-strip{gap:6px;font-size:9px}.sms-review-preview .wa-stage-strip li{gap:4px}}
/* Mercury is the material itself; feature tiles must not add a square behind it. */
.product-story .mini-icon:has(.mercury-icon){background:none;border:0;box-shadow:none;border-radius:0;overflow:visible}
.product-story .story-feature .mini-icon:has(.mercury-icon){width:64px;height:64px}
/* Original campaign artwork gives messaging pages a visual product story. */
.message-hero-art.messaging-artwork{top:225px;right:2%;width:45%;height:auto;margin:0;perspective:none;border-radius:30px;background:#ffffff52;border:1px solid #ffffffed;padding:8px;box-shadow:inset 0 1px 1px white,0 24px 65px #53627620}
.messaging-artwork>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:24px}
.messaging-artwork figcaption{display:flex;align-items:center;gap:11px;padding:18px 15px 13px;font-size:12px;color:#4b6068;line-height:1.6}.messaging-artwork .brand-mark{width:22px;height:22px;flex-shrink:0}
.product-card .collection-photo{padding:18px 28px 28px;min-height:0}.collection-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid white;border-radius:23px;box-shadow:0 15px 28px #62748212}
@media(max-width:1050px) and (min-width:701px){.message-hero-art.messaging-artwork{top:270px;width:43%}.messaging-artwork figcaption{font-size:10px}}
@media(max-width:700px){.message-hero-art.messaging-artwork{top:auto;bottom:84px;right:5%;width:90%;padding:6px;border-radius:23px}.messaging-artwork>img{border-radius:18px}.messaging-artwork figcaption{font-size:10px;padding:13px 9px 10px;gap:8px}.messaging-artwork .brand-mark{width:18px;height:18px}.messaging-story-hero .story-hero-inner{padding-bottom:390px}.product-card .collection-photo{padding:12px 20px 25px}.collection-photo img{border-radius:20px}}
/* Messaging heroes share the same bounded grid at every viewport width. */
.product-story .messaging-story-hero{min-height:0;padding:140px 0 28px;background:radial-gradient(ellipse at 75% 35%,#d4e6f094,transparent 60%),linear-gradient(120deg,#edf3f8,var(--story-a) 85%)}
.product-story .messaging-story-hero .story-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;padding:38px 44px;margin-top:0;border:1px solid #ffffffed;border-radius:38px;background:linear-gradient(125deg,#ffffff79,#ffffff19 60%,#ffffff5e);box-shadow:inset 0 1px 1px white,inset 0 -1px 1px #ffffffb9,0 20px 60px #4b65800a}
.product-story .messaging-story-hero .story-copy{width:100%;max-width:none;min-width:0;padding:0;background:none;border:0;box-shadow:none;border-radius:0}
.product-story .messaging-story-hero h1{font-size:clamp(42px,4.2vw,62px)}
.product-story .messaging-story-hero .story-hero-bottom{position:static;margin-top:26px;min-height:36px;padding-top:16px}
.product-story .messaging-story-hero .messaging-artwork{position:relative;inset:auto;width:100%;height:auto;min-width:0;margin:0}
.sms-sculpture{position:relative;isolation:isolate;height:540px;min-width:0;margin:0;display:grid;place-items:center}
.sms-optical-halo{position:absolute;inset:12% -2% 6%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#e6d9f19c,transparent 64%)}
.sms-phone-render{display:block;width:80%;height:95%;object-fit:contain;object-position:center;filter:drop-shadow(0 22px 20px #6588a219)}
.sms-campaign-glass{position:absolute;top:20%;left:0;width:80%;padding:24px 26px;border:1px solid #fffffff5;border-radius:26px;background:linear-gradient(135deg,#ffffffe0,#eff6fcaa 45%,#e6ddf2ba);box-shadow:inset 0 1px 1px white,inset 0 -1px 1px #ffffffb3,0 16px 35px #58728b1c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sms-campaign-brand{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.1em;color:#5c6c7d}.sms-campaign-brand .brand-mark{width:23px;height:23px;flex-shrink:0}.sms-campaign-brand small{font-size:8px;margin-left:auto;letter-spacing:.08em;padding:4px 7px;border:1px solid white;border-radius:20px;background:#ffffff5e}
.sms-campaign-glass>strong{display:block;font-size:36px;line-height:1.13;font-weight:500;letter-spacing:-.05em;margin-top:23px;color:#35485e}.sms-campaign-glass p{font-size:12px;line-height:1.8;color:#657487;margin:16px 0 20px}.sms-message-action{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;color:#445b71;padding-top:15px;border-top:1px solid #ffffffdb}.sms-message-action svg{width:15px}
.sms-recovery-glass{position:absolute;bottom:11%;right:0;width:67%;display:flex;align-items:center;gap:13px;padding:17px;border:1px solid white;border-radius:19px;background:linear-gradient(120deg,#ffffffe3,#e0eaf6bd);box-shadow:inset 0 1px 1px white,0 12px 28px #53758a12}.sms-recovery-glass>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid white;background:#ffffff7a;border-radius:12px;color:#647d96;flex-shrink:0}.sms-recovery-glass svg{width:19px}.sms-recovery-glass strong{font-size:13px;display:block;font-weight:500;color:#3e5368}.sms-recovery-glass small{display:block;font-size:10px;margin-top:5px;color:#738196}.sms-sculpture figcaption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.035em;color:#6b7c8d;line-height:1.7}
.product-card .sms-collection-scene{padding:0 28px 25px;min-height:0}.sms-sculpture--compact{height:350px;width:100%;max-width:400px;margin:auto}.sms-sculpture--compact .sms-phone-render{height:100%;width:65%}.sms-sculpture--compact .sms-campaign-glass{top:7%;padding:18px 21px;width:78%;border-radius:20px}.sms-sculpture--compact .sms-campaign-glass>strong{font-size:27px;margin-top:15px}.sms-sculpture--compact .sms-campaign-glass p{font-size:10px;margin:12px 0}.sms-sculpture--compact .sms-recovery-glass{bottom:8%;padding:12px;width:70%}.sms-sculpture--compact .sms-recovery-glass strong{font-size:11px}.sms-sculpture--compact .sms-recovery-glass small{font-size:9px}.sms-sculpture--compact figcaption{font-size:9px}.sms-sculpture--compact .sms-campaign-brand{font-size:8px}.sms-sculpture--compact .sms-message-action{font-size:10px}
/* Keep this small frosted panel stable during scroll; removing its blur exposes the phone. */
@media(max-width:1050px){.product-story .messaging-story-hero .story-hero-inner{gap:25px;padding:30px}.product-story .messaging-story-hero h1{font-size:46px}.sms-sculpture{height:490px}.sms-campaign-glass{width:89%;padding:20px}.sms-campaign-glass>strong{font-size:31px}.sms-recovery-glass{width:83%}.sms-sculpture--compact{height:350px}}
@media(max-width:700px){.product-story .messaging-story-hero{padding:111px 0 23px}.product-story .messaging-story-hero .story-hero-inner{width:calc(100% - 30px);padding:26px 22px;grid-template-columns:minmax(0,1fr);gap:12px;border-radius:28px}.product-story .messaging-story-hero h1{font-size:clamp(35px,9.5vw,46px)}.product-story .messaging-story-hero .story-hero-bottom{margin-top:18px;width:calc(100% - 40px);font-size:9px}.product-story .messaging-story-hero .messaging-artwork{margin-top:24px}.sms-sculpture{height:435px}.sms-phone-render{width:94%}.sms-campaign-glass{top:14%;width:91%;padding:21px 19px;border-radius:22px}.sms-campaign-glass>strong{font-size:31px;margin-top:18px}.sms-campaign-glass p{font-size:11px;margin:14px 0}.sms-campaign-brand{font-size:8px}.sms-recovery-glass{width:86%;bottom:8%;padding:13px;gap:10px}.sms-recovery-glass strong{font-size:12px}.sms-recovery-glass small{font-size:9px}.sms-sculpture figcaption{font-size:9px}.product-card .sms-collection-scene{padding:0 20px 25px}.sms-sculpture--compact{height:360px}.sms-sculpture--compact .sms-campaign-glass{width:89%;padding:17px}.sms-sculpture--compact .sms-recovery-glass{width:85%;bottom:8%}}
@media(prefers-contrast:more){.product-story .messaging-story-hero .story-hero-inner,.sms-campaign-glass,.sms-recovery-glass{background:#f5f9fc;border-color:#6e8091;backdrop-filter:none;-webkit-backdrop-filter:none}}
/* SMS automation journeys: optical objects, event paths and contextual message previews. */
.sms-journey-grid{align-items:stretch;gap:24px}
.sms-journey-card{--journey-ink:#66608e;--journey-tint:#dcd5f0;--journey-edge:#b9aed8;--journey-light:#f0ecfa;position:relative;isolation:isolate;min-width:0;display:flex;flex-direction:column;overflow:hidden;padding:25px;border-radius:28px;border:1px solid #ffffffed;background:radial-gradient(ellipse at 80% 12%,var(--journey-tint),transparent 56%),linear-gradient(140deg,#ffffffd9,#ffffff59);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #ffffffa9,0 18px 45px #5664810d}
.sms-journey-card[data-tone=recovery]{--journey-ink:#436b8f;--journey-tint:#cddfee;--journey-edge:#a5c5df;--journey-light:#e9f4fb}
.sms-journey-card[data-tone=care]{--journey-ink:#41796e;--journey-tint:#cfe5db;--journey-edge:#a6cdbd;--journey-light:#e8f7ee}
.sms-journey-heading{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.08em;line-height:1.5;color:var(--journey-ink)}.sms-journey-heading>span:last-child{letter-spacing:0;color:#6f7282}
.sms-journey-art{height:154px;position:relative;display:grid;place-items:center;margin:9px 0 3px}
.sms-orbit-line{position:absolute;left:13%;right:13%;height:74px;top:45px;border:1px solid #ffffffed;border-radius:50%;transform:rotate(-19deg);box-shadow:0 1px 1px var(--journey-edge),inset 0 1px 1px #fff}
.sms-glass-medallion{position:relative;display:grid;place-items:center;width:98px;height:98px;border:1px solid white;border-radius:32% 43% 37% 41%;transform:rotate(-10deg);color:var(--journey-ink);background:radial-gradient(ellipse at 24% 17%,#ffffffec 3%,#ffffff44 29%,transparent 50%),linear-gradient(145deg,#fff8,var(--journey-tint) 60%,var(--journey-edge));box-shadow:inset 2px 3px 4px #fff,inset -3px -4px 7px #ffffff70,0 16px 20px -8px #54648440}
.sms-glass-medallion>svg{width:42px;height:42px;transform:rotate(10deg)}.sms-glass-medallion>i{position:absolute;bottom:11px;right:12px;width:27px;height:9px;border-radius:50%;background:#ffffffa6;transform:rotate(-34deg)}
.sms-art-satellite,.sms-art-spark{position:absolute;display:grid;place-items:center;border:1px solid #fff;background:linear-gradient(135deg,#ffffffdf,var(--journey-light));box-shadow:inset 0 1px 1px white,0 7px 15px #6a7a8a16;color:var(--journey-ink)}.sms-art-satellite{width:40px;height:44px;left:13%;top:87px;border-radius:13px;transform:rotate(-10deg)}.sms-art-satellite svg{width:21px;height:21px}.sms-art-spark{width:29px;height:29px;right:14%;top:28px;border-radius:50%}.sms-art-spark svg{width:15px;height:15px}
.sms-journey-card>h3{font-size:23px;letter-spacing:-.035em;line-height:1.25;margin:5px 0 15px;min-height:58px;max-width:260px}
.sms-route-strip{display:flex;align-items:center;gap:7px;font-size:9px;line-height:1.5;margin:0 0 19px;color:var(--journey-ink);min-height:32px}.sms-route-strip>span:first-child{background:#ffffff80;border:1px solid #ffffffcb;padding:6px 8px;border-radius:8px}.sms-route-strip i{display:flex;flex-shrink:0}.sms-route-strip svg{width:13px;height:13px}
.sms-flow-options{margin-bottom:22px}.sms-journey-card details{border-top:1px solid #ffffffca}.sms-journey-card summary{min-height:48px;padding:12px 0;font-size:12px;gap:9px;scroll-margin-top:120px}.sms-journey-card summary>span:nth-child(2){flex:1}.sms-journey-card summary>svg{width:12px;color:var(--journey-ink)}.sms-flow-dot{width:6px;height:6px;border:1px solid var(--journey-edge);background:#fff8;border-radius:50%;flex-shrink:0}.sms-journey-card details[open] .sms-flow-dot{background:var(--journey-ink);border-color:var(--journey-ink);box-shadow:0 0 0 4px #ffffff8c}.sms-journey-card details[open] summary{color:var(--journey-ink);font-weight:600}.sms-journey-card details>div{padding:0 2px 15px 15px}.sms-journey-card details strong{font-size:12px;color:var(--journey-ink)}.sms-journey-card details p{font-size:11px;line-height:1.8;margin-top:7px}
.sms-sample{position:relative;padding:17px;border:1px solid white;border-radius:19px 19px 19px 5px;background:linear-gradient(125deg,#ffffffe0,var(--journey-light));box-shadow:inset 0 1px 1px white,0 9px 24px #5c73840e;margin-top:auto;min-height:174px}.sms-sample-label{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--journey-ink)}.sms-sample-label>svg{width:14px;height:14px;flex-shrink:0}.sms-sample-label small{margin-left:auto;font-size:7px;letter-spacing:.08em}.sms-sample>p{font-size:12px;line-height:1.8;margin-top:12px;color:#4c5566}.sms-sample-unsubscribe{font-size:9px;display:block;margin-top:12px;color:#768093}.sms-journey-outcome{display:flex;gap:7px;align-items:center;margin-top:19px;font-size:10px;color:var(--journey-ink)}.sms-journey-outcome svg{width:14px;height:14px}
.sms-journey-card summary:focus-visible{outline:2px solid var(--journey-ink);outline-offset:3px;border-radius:5px}
@media(hover:hover) and (pointer:fine){.sms-journey-card summary:hover{color:var(--journey-ink)}.sms-glass-medallion{transition:transform 220ms var(--ease-out)}.sms-journey-art:hover .sms-glass-medallion{transform:translateY(-3px) rotate(-6deg)}}
@media(max-width:1050px) and (min-width:701px){.sms-journey-grid{gap:15px}.sms-journey-card{padding:20px}.sms-journey-card>h3{font-size:21px}.sms-route-strip{font-size:8px;gap:5px}.sms-sample{padding:13px;min-height:202px}.sms-journey-heading{font-size:8px}}
@media(max-width:700px){.sms-journey-grid{gap:22px}.sms-journey-card{padding:24px}.sms-journey-card>h3{font-size:26px;max-width:none;min-height:0}.sms-journey-art{height:145px}.sms-journey-card summary{font-size:13px;min-height:50px}.sms-route-strip{font-size:10px}.sms-sample{min-height:166px}.sms-sample>p{font-size:13px}.sms-journey-heading{font-size:9px}.sms-journey-card details p{font-size:12px}.sms-flow-options{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.sms-glass-medallion{transition:none!important}.sms-journey-art:hover .sms-glass-medallion{transform:rotate(-10deg)}}
html[data-optical-input=keyboard] .sms-glass-medallion,html[data-scrolling=true] .sms-glass-medallion{transition:none!important;transform:rotate(-10deg)}
@media(prefers-contrast:more){.sms-journey-card,.sms-sample{background:#f8fafc;border-color:#69798a}.sms-journey-heading,.sms-sample-unsubscribe,.sms-sample p{color:#394759}}
/* One native-scroll row of destination rates; never an auto-moving price ticker. */
.sms-rate-directory{margin-bottom:80px;padding:34px;border:1px solid #ffffffed;border-radius:28px;background:radial-gradient(ellipse at 12% 20%,#d6d8ef7a,transparent 65%),linear-gradient(120deg,#ffffffbb,#e6eff766);box-shadow:inset 0 1px 1px white,0 18px 40px #526b800a}
.sms-rate-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}.sms-rate-directory h2{font-size:36px;line-height:1.15;letter-spacing:-.045em}.sms-rate-directory h2 br{display:none}.sms-rate-directory h2 br::after{content:' '}.sms-rate-directory .eyebrow{margin-bottom:12px}.sms-rate-tools{display:flex;gap:12px;align-items:center}.sms-rate-search{display:flex;gap:9px;align-items:center;background:#ffffff86;border:1px solid #ffffffed;border-radius:24px;padding:0 15px;min-height:44px}.sms-rate-search svg{width:17px;flex-shrink:0;color:#658095}.sms-rate-search input{min-width:0;width:160px;background:none;border:0;padding:10px 0;outline-offset:3px;font:inherit;font-size:12px;color:#40576f}.sms-rate-navigation{display:flex;gap:7px}.sms-rate-navigation button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #fff;border-radius:50%;background:#ffffff9c;color:#52748d;cursor:pointer}.sms-rate-navigation svg{width:17px;height:17px}.sms-rate-navigation button:first-child svg{transform:rotate(180deg)}.sms-rate-navigation button:disabled{opacity:.35;cursor:default}.sms-rate-intro{font-size:12px;color:#637386;line-height:1.8;margin-top:16px}
.sms-rate-track{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:10px 2px 16px;margin:17px -2px 0;list-style:none;scrollbar-width:thin;scrollbar-color:#a9bfce transparent}.sms-rate-track li{flex:0 0 164px;scroll-snap-align:start;padding:19px 17px;border:1px solid white;border-radius:19px;background:linear-gradient(145deg,#ffffffda,#f1f4ff80);box-shadow:inset 0 1px 1px white,0 5px 12px #657da00a;min-width:0}.sms-rate-track li[hidden]{display:none}.sms-rate-country{font-size:12px;color:#4f6076;display:block}.sms-rate-track strong{font-size:29px;letter-spacing:-.045em;line-height:1.3;font-weight:500;color:#3f6989;display:block;margin:12px 0 4px;font-variant-numeric:tabular-nums}.sms-rate-unit{font-size:10px;color:#6f7b8f}.sms-rate-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:10px;line-height:1.7;color:#697a8d;margin-top:12px}.sms-rate-directory>[data-rate-empty]{font-size:13px;padding:15px 0;color:#53667b}.sms-rate-track:focus-visible,.sms-rate-navigation button:focus-visible{outline:2px solid #66879e;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.sms-rate-navigation button:not(:disabled):hover{background:#dfeafa}}
@media(max-width:800px){.sms-rate-heading{align-items:start;flex-direction:column;gap:22px}.sms-rate-tools{width:100%}.sms-rate-search{flex:1}.sms-rate-search input{width:100%}.sms-rate-directory{padding:25px;margin-bottom:55px}.sms-rate-directory h2{font-size:32px}.sms-rate-track li{flex-basis:151px}.sms-rate-foot{flex-direction:column;gap:6px}}
@media(prefers-contrast:more){.sms-rate-directory,.sms-rate-track li{background:#f8fafc;border-color:#73899e}.sms-rate-country,.sms-rate-unit,.sms-rate-foot{color:#3f5065}}
/* Full-width destination row above the subscription, as selected by the owner. */
.sms-rate-directory h3{font-size:32px;letter-spacing:-.035em;line-height:1.2;max-width:600px}
@media(max-width:800px){.sms-rate-directory h3{font-size:28px}}

/* SMS cards keep the same frosted density at rest and while scrolling. */
.sms-campaign-glass{background-color:#f2f7fb;background-image:radial-gradient(ellipse at 86% 88%,#e8def4f5,transparent 58%),linear-gradient(135deg,#fffffff9,#eef5fbf7 52%,#eee7f6f8);backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate}
.sms-phone-render{opacity:.72}

/* WhatsApp: one optical product object with editable campaign, delivery and journey layers. */
.wa-sculpture{position:relative;isolation:isolate;height:540px;min-width:0;margin:0;display:grid;place-items:center}
.wa-optical-halo{position:absolute;inset:9% -3% 4%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#cce8dc9c,transparent 62%)}
.wa-phone-render{display:block;width:86%;height:98%;object-fit:contain;object-position:center;filter:drop-shadow(0 22px 20px #527c681c)}
.wa-campaign-glass{position:absolute;top:18%;right:0;width:79%;padding:24px 26px;border:1px solid #fffffff7;border-radius:26px;background-color:#eff8f4;background-image:radial-gradient(ellipse at 12% 12%,#ffffff,transparent 48%),linear-gradient(135deg,#fffffff9,#e6f3edf7 52%,#e5dcf3f5);box-shadow:inset 0 1px 1px white,inset 0 -1px 1px #ffffffba,0 16px 35px #486f5e1a}
.wa-campaign-brand{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.1em;color:#507369}.wa-campaign-brand .brand-mark{width:23px;height:23px;flex-shrink:0}.wa-campaign-brand small{font-size:7px;margin-left:auto;letter-spacing:.07em;padding:5px 7px;border:1px solid white;border-radius:20px;background:#ffffff85}
.wa-campaign-glass>strong{display:block;font-size:36px;line-height:1.13;font-weight:500;letter-spacing:-.05em;margin-top:23px;color:#34554d}.wa-campaign-glass p{font-size:12px;line-height:1.8;color:#60796f;margin:16px 0 20px}.wa-message-action{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;color:#3f695e;padding-top:15px;border-top:1px solid #ffffffdf}.wa-message-action svg{width:15px}
.wa-result-glass{position:absolute;left:0;bottom:14%;width:55%;display:flex;align-items:center;gap:13px;padding:16px;border:1px solid white;border-radius:19px;background:linear-gradient(120deg,#fffffff5,#dff1e9f2);box-shadow:inset 0 1px 1px white,0 12px 28px #50766316}.wa-result-glass>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid white;background:#ffffff9c;border-radius:12px;color:#4d806f;flex-shrink:0}.wa-result-glass svg{width:19px}.wa-result-glass strong{font-size:13px;display:block;font-weight:500;color:#35594f}.wa-result-glass small{display:block;font-size:10px;margin-top:5px;color:#69847a}
.wa-journey-pills{position:absolute;right:1%;bottom:4%;display:flex;gap:6px}.wa-journey-pills span{padding:7px 9px;border:1px solid white;border-radius:20px;background:#ffffffad;font-size:8px;color:#59766d;box-shadow:0 5px 10px #6780760b}
.wa-sculpture figcaption{position:absolute;bottom:0;left:0;font-size:10px;letter-spacing:.035em;color:#637d74;line-height:1.7}
.product-card .wa-collection-scene{padding:0 28px 25px;min-height:0}.wa-sculpture--compact{height:355px;width:100%;max-width:410px;margin:auto}.wa-sculpture--compact .wa-phone-render{height:100%;width:69%}.wa-sculpture--compact .wa-campaign-glass{top:8%;padding:18px 20px;width:79%;border-radius:20px}.wa-sculpture--compact .wa-campaign-glass>strong{font-size:27px;margin-top:15px}.wa-sculpture--compact .wa-campaign-glass p{font-size:10px;margin:12px 0}.wa-sculpture--compact .wa-result-glass{bottom:10%;padding:12px;width:60%}.wa-sculpture--compact .wa-result-glass strong{font-size:11px}.wa-sculpture--compact .wa-result-glass small{font-size:9px}.wa-sculpture--compact .wa-journey-pills{display:none}.wa-sculpture--compact figcaption{font-size:9px}.wa-sculpture--compact .wa-campaign-brand{font-size:8px}.wa-sculpture--compact .wa-message-action{font-size:10px}
@media(hover:hover) and (pointer:fine){.wa-campaign-glass,.wa-result-glass{transition:transform 220ms var(--ease-out)}.wa-sculpture:hover .wa-campaign-glass{transform:translateY(-3px)}.wa-sculpture:hover .wa-result-glass{transform:translateY(2px)}}
@media(hover:hover) and (pointer:fine){.sms-campaign-glass,.sms-recovery-glass{transition:transform 220ms var(--ease-out)}.sms-sculpture:hover .sms-campaign-glass{transform:translateY(-3px)}.sms-sculpture:hover .sms-recovery-glass{transform:translateY(2px)}}
@media(max-width:1050px){.wa-sculpture{height:490px}.wa-campaign-glass{width:88%;padding:20px}.wa-campaign-glass>strong{font-size:31px}.wa-result-glass{width:67%}.wa-sculpture--compact{height:350px}}
@media(max-width:700px){.wa-sculpture{height:445px;margin-top:18px}.wa-phone-render{width:96%}.wa-campaign-glass{top:14%;width:92%;padding:21px 19px;border-radius:22px}.wa-campaign-glass>strong{font-size:31px;margin-top:18px}.wa-campaign-glass p{font-size:11px;margin:14px 0}.wa-campaign-brand{font-size:8px}.wa-result-glass{width:78%;bottom:10%;padding:13px;gap:10px}.wa-result-glass strong{font-size:12px}.wa-result-glass small{font-size:9px}.wa-journey-pills{display:none}.wa-sculpture figcaption{font-size:9px}.product-card .wa-collection-scene{padding:0 20px 25px}.wa-sculpture--compact{height:365px}.wa-sculpture--compact .wa-campaign-glass{width:90%;padding:17px}.wa-sculpture--compact .wa-result-glass{width:76%;bottom:9%}}
@media(prefers-reduced-motion:reduce){.wa-campaign-glass,.wa-result-glass{transition:none!important}.wa-sculpture:hover :is(.wa-campaign-glass,.wa-result-glass){transform:none}}
@media(prefers-reduced-motion:reduce){.sms-campaign-glass,.sms-recovery-glass{transition:none!important}.sms-sculpture:hover :is(.sms-campaign-glass,.sms-recovery-glass){transform:none}}
html[data-optical-input=keyboard] .wa-campaign-glass,html[data-optical-input=keyboard] .wa-result-glass,html[data-scrolling=true] .wa-campaign-glass,html[data-scrolling=true] .wa-result-glass{transition:none!important;transform:none!important}
html[data-optical-input=keyboard] .sms-campaign-glass,html[data-optical-input=keyboard] .sms-recovery-glass,html[data-scrolling=true] .sms-campaign-glass,html[data-scrolling=true] .sms-recovery-glass{transition:none!important;transform:none!important}
@media(prefers-contrast:more){.wa-campaign-glass,.wa-result-glass{background:#f7faf8;border-color:#6f897f}.wa-campaign-glass p,.wa-result-glass small{color:#374b44}}

/* Specialist agent positioning: one adaptive AI agent, three commercial roles. */
.agent-role-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:stretch;margin-top:45px;margin-bottom:25px;padding:32px;border:1px solid #ffffffed;border-radius:28px;background:radial-gradient(ellipse at 12% 90%,var(--story-a),transparent 68%),linear-gradient(125deg,#ffffffc2,#ffffff54);box-shadow:inset 0 1px 1px white,0 17px 40px #66567e0d}
.agent-role-heading{padding:16px 13px}.agent-role-heading h2{font-size:clamp(31px,3vw,43px);line-height:1.13;letter-spacing:-.05em}.agent-role-heading h2 em{font-style:normal;color:var(--story-ink)}.agent-role-heading>p:not(.eyebrow){font-size:12px;line-height:1.85;max-width:400px;margin-top:20px;color:#62596d}
.agent-human-proof{display:flex;align-items:center;gap:10px;margin-top:24px;padding:13px 15px;border:1px solid white;border-radius:15px;background:linear-gradient(120deg,#ffffffb8,var(--story-a));font-size:10px;line-height:1.6;color:#62566e;max-width:410px}.agent-human-proof>svg{width:18px;height:18px;flex-shrink:0;color:var(--story-ink)}.agent-human-proof strong{font-weight:600;color:#443c4e}
.agent-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.agent-role-grid article{position:relative;min-width:0;padding:22px 18px;border:1px solid #ffffffe8;border-radius:20px;background:linear-gradient(145deg,#ffffffce,#ffffff58);box-shadow:inset 0 1px 1px #fff}.agent-role-grid small{position:absolute;right:17px;top:18px;font-size:9px;color:#91869b}.agent-role-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid white;border-radius:15px;background:linear-gradient(135deg,#fff,var(--story-a));color:var(--story-ink);box-shadow:inset 0 1px 1px #fff,0 7px 15px #6a69840d;margin-bottom:24px}.agent-role-icon svg{width:21px;height:21px}.agent-role-grid h3{font-size:18px;line-height:1.35;letter-spacing:-.025em}.agent-role-grid p{font-size:11px;line-height:1.8;margin-top:11px;color:#675e70}
@media(hover:hover) and (pointer:fine){.agent-role-grid article{transition:transform 180ms var(--ease-out),border-color 180ms ease}.agent-role-grid article:hover{transform:translateY(-3px);border-color:#cfc3dc}}
@media(max-width:1000px){.agent-role-panel{grid-template-columns:1fr;gap:25px}.agent-role-heading{padding:6px}.agent-role-grid h3{font-size:17px}}
@media(max-width:700px){.agent-role-panel{width:calc(100% - 40px);padding:23px;margin-top:28px}.agent-role-heading h2{font-size:32px}.agent-role-heading>p:not(.eyebrow){font-size:13px}.agent-human-proof{font-size:11px}.agent-role-grid{grid-template-columns:1fr}.agent-role-grid article{padding:20px}.agent-role-grid p{font-size:12px}.agent-role-icon{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.agent-role-grid article{transition:none!important}.agent-role-grid article:hover{transform:none}}
html[data-optical-input=keyboard] .agent-role-grid article,html[data-scrolling=true] .agent-role-grid article{transition:none!important;transform:none!important}
/* Comfortable phone search and FAQ controls; preserve the desktop composition. */
@media(max-width:700px){.sms-rate-search input,.search-wrap input{font-size:16px}.faq-list summary{min-height:44px}}