:root{color-scheme:dark;--ink:#f3f3f9;--muted:#989eb5;--purple:#9487ff;--line:#ffffff12;--soft:#10131f;--panel:#131725}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:#080a12;color:var(--ink);font:15px/1.7 'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #aa9aff;outline-offset:5px}p{color:var(--muted)}.wrap{max-width:1220px;margin:auto;padding:0 30px}.header{position:absolute;top:24px;left:0;right:0;z-index:5;padding:0 30px}.nav{max-width:1160px;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #ffffff20;border-radius:50px;padding:12px 23px;background:linear-gradient(110deg,#ffffff10,#ffffff04);backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #ffffff0b,0 8px 35px #00000015}.brand{font-size:22px;font-weight:750;letter-spacing:-.7px;display:flex;align-items:center;gap:9px}.brandmark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#9478ff,#5144df);color:#fff;font-size:26px;line-height:1;box-shadow:0 3px 14px #7152ff30}.brandtag{font-size:8px;letter-spacing:1px;color:#a5a9bd;border:1px solid #ffffff20;padding:2px 6px;border-radius:5px}.nav nav,.nav-actions{display:flex;align-items:center;gap:27px;font-size:12px;color:#c7c9d6}.nav nav a:hover,.signin:hover{color:white}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;background:linear-gradient(140deg,#7964ff,#5041e6);border:1px solid #a795ff60;border-radius:9px;color:white;padding:14px 23px;font-size:13px;font-weight:600;box-shadow:inset 0 1px 0 #ffffff25,0 5px 22px #5c44ff30;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 28px #6f56ff50}.button.compact{padding:8px 18px;border-radius:25px;font-size:12px;gap:18px}.button.secondary{background:#ffffff06;border-color:#ffffff27;box-shadow:inset 0 1px 0 #ffffff0c;color:#e5e4f2}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 20% 1%,#25367980,transparent 48%),radial-gradient(ellipse at 82% 22%,#311b5a55,transparent 38%),#080a12}.hero-atmosphere{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 12% 17%,#b9c4ff8c 1px,transparent 2px),radial-gradient(circle at 22% 9%,#b9c4ff70 1px,transparent 2px),radial-gradient(circle at 68% 16%,#b9c4ff80 1px,transparent 2px),radial-gradient(circle at 89% 34%,#b9c4ff65 1px,transparent 2px),radial-gradient(circle at 7% 55%,#b9c4ff55 1px,transparent 2px),radial-gradient(circle at 94% 63%,#b9c4ff70 1px,transparent 2px)}.light-beam{position:absolute;top:-200px;left:6%;width:300px;height:900px;transform:rotate(-38deg);background:linear-gradient(90deg,transparent,#7c9cff11,#8cafff20,#8daeff06,transparent);filter:blur(26px);opacity:.8}.light-orbit{position:absolute;top:410px;left:50%;width:1080px;height:470px;transform:translateX(-50%);border:1px solid #8a80ff15;border-radius:50%;box-shadow:0 0 100px #6554ff12,inset 0 0 80px #6152ff07}.hero-grid{position:relative;padding-top:158px;padding-bottom:65px;display:flex;flex-direction:column;gap:46px}.hero-copy{text-align:center;max-width:860px;margin:auto}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#a69aff;display:flex;align-items:center;gap:8px}.hero-copy .eyebrow{display:inline-flex;background:#ffffff06;border:1px solid #aba1ff28;border-radius:30px;padding:6px 12px;font-size:8px;letter-spacing:1.5px;color:#bdc1e6}.status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#91a1ff;box-shadow:0 0 10px #7383ff60}h1{font-size:clamp(42px,5.2vw,70px);font-weight:650;line-height:1.13;letter-spacing:-3px;margin:22px 0 21px}h1>span{color:#b2a6ff;background:linear-gradient(100deg,#8e91ff,#c2a6ff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{max-width:590px;font-size:14px;line-height:1.85;margin:0 auto 26px;color:#a5a9bf}.actions{display:flex;justify-content:center;gap:13px;flex-wrap:wrap}.hero-note{display:flex;justify-content:center;gap:23px;font-size:10px;color:#7f869f;margin-top:16px}.hero-note span{display:flex;align-items:center;gap:6px}.hero-note i{font-style:normal;color:#ada2e4}.channel-mini{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:22px}.brand-icon{display:inline-grid;place-items:center;width:43px;height:43px;border-radius:13px;flex-shrink:0}.brand-whatsapp{color:#50d698;background:#1b3b2e}.brand-facebook{color:#66a4ff;background:#1b2b4a}.brand-instagram{color:#f288b8;background:#3c2339}.channel-mini .brand-icon{width:27px;height:27px;border-radius:8px;background:#ffffff06;border:1px solid #ffffff14}.channel-mini svg{width:15px;height:15px}.channel-mini>span:last-child{font-size:10px;color:#9298ae;margin-left:7px}.product-scene{width:100%;max-width:940px;margin:auto;position:relative}.scene-label{display:flex;align-items:center;gap:8px;justify-content:flex-start;font-size:7px;letter-spacing:1.2px;color:#8289a4;margin:0 12px 12px}.scene-label>span:last-child{margin-left:auto}.product{border:1px solid #b2a5ff2b;border-radius:13px;background:#10131f;box-shadow:0 20px 70px #00000080,0 0 55px #6e5af815,inset 0 1px 0 #ffffff10;overflow:hidden}.product-top{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:14px 20px;background:linear-gradient(90deg,#1a1c30,#121622)}.product-top .brand{font-size:15px}.product-top .brandmark{width:24px;height:24px;border-radius:7px;font-size:19px}.preview-badge{font-size:7px;letter-spacing:.1px;font-weight:400;color:#969bb2;background:#ffffff05;border:1px solid #ffffff0d;border-radius:5px;padding:3px 7px;margin-left:auto}.avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#342a59;color:#bcacf4;font-size:9px;font-weight:600}.product-body{display:flex;min-height:328px}.product-sidebar{display:flex;flex-direction:column;gap:7px;background:#0e111d;border-right:1px solid var(--line);width:170px;flex-shrink:0;padding:21px 12px;font-size:10px;color:#858ca4}.sidebar-title{font-size:7px;letter-spacing:1.3px;color:#68708a;padding:0 8px 9px;display:block}.product-sidebar>span:not(.sidebar-title){padding:8px 9px;border-radius:6px}.product-sidebar .selected{color:#b7a6ff;background:#7664ff16;border:1px solid #8c77ff19}.selected b{float:right;font-size:8px}.sidebar-bottom{margin-top:auto;font-size:7px;padding:16px 8px 0}.sidebar-bottom i{display:inline-block;background:#5ac49b;width:5px;height:5px;border-radius:50%;margin-right:5px}.inbox{flex:1;min-width:0}.inbox-heading{padding:18px 20px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px}.inbox-heading h3{font-size:14px;margin:0;font-weight:600}.inbox-heading h3 span{font-size:8px;color:#b6a6ff;background:#8471ff20;padding:2px 5px;border-radius:4px}.inbox-heading>span{font-size:8px;color:#878da4}.inbox-tabs{display:flex;gap:25px;padding:0 20px;border-bottom:1px solid var(--line);font-size:8px;color:#7c829a}.inbox-tabs b{padding-bottom:12px;color:#b5a7ff;font-weight:500;border-bottom:2px solid #8e75ff}.conversation{padding:15px 20px;display:flex;gap:11px;border-bottom:1px solid var(--line)}.conversation.active{background:linear-gradient(90deg,#7a5aff14,#7a5aff05);border-left:2px solid #8f76ff;padding-left:18px}.conversation>div:last-child{flex:1;min-width:0}.conversation strong{display:block;font-size:10px;font-weight:600}.conversation time{float:right;color:#71788f;font-size:7px;font-weight:400}.conversation p{font-size:9px;margin:3px 0 7px;color:#858ba1}.conversation small{display:flex;align-items:center;gap:5px;font-size:7px;color:#828aa0}.conversation .brand-icon{width:12px;height:12px;border-radius:3px;background:transparent}.conversation svg{width:10px;height:10px}.conversation i{font-style:normal;margin-left:auto;background:#7a60da20;color:#b29aea;border:1px solid #8f70f51f;padding:2px 5px;border-radius:4px}.peach{background:#4d352c;color:#e3ad87}.blue{background:#283957;color:#8ab1ee}.pink{background:#4c2b40;color:#e2a0c0}.reply-preview{display:flex;align-items:center;gap:7px;padding:13px 20px;font-size:8px;color:#7c859d}.reply-preview>span:last-child{margin-left:auto}.contact-preview{width:190px;background:#10131f;border-left:1px solid var(--line);padding:20px 16px;text-align:center}.contact-preview>.avatar{width:41px;height:41px;margin:10px auto 7px;font-size:12px}.contact-preview h4{margin:0;font-size:11px;font-weight:600}.contact-preview>p{font-size:8px;margin:3px 0 10px}.contact-stage{font-size:7px;color:#b4a6fc;background:#7d65e519;border-radius:4px;padding:4px 7px}.contact-detail{text-align:left;margin-top:17px}.contact-detail small{display:block;font-size:6px;color:#656f88;letter-spacing:.9px}.contact-detail strong{font-size:8px;font-weight:500;color:#bec4d5}.contact-task{margin-top:17px;padding:9px;background:linear-gradient(120deg,#5357af20,#8f5bc514);border:1px solid #a693ff12;border-radius:6px;color:#a4a6cb;font-size:8px;text-align:left}.contact-task>span{float:right;color:#a69aff}.floating-ticket{position:absolute;right:-20px;bottom:28px;display:flex;align-items:center;gap:11px;background:linear-gradient(120deg,#222439,#171e2c);border:1px solid #afa3ff33;border-radius:9px;box-shadow:0 9px 30px #00000060;padding:12px 16px;width:265px}.ticket-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#41ba8b17;color:#6ad1a6;font-size:16px}.floating-ticket strong{font-size:10px;font-weight:600;display:block}.floating-ticket div>span{font-size:8px;color:#858ea5}.ticket-lines{margin-left:auto;color:#a697f4;font-size:25px}.scene-foot{display:flex;justify-content:space-between;gap:15px;padding:20px 10px 0;color:#626b88;font-size:7px;letter-spacing:.9px}.usecases{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:32px 0;border-bottom:1px solid var(--line)}.usecases>span{font-size:8px;letter-spacing:1px;color:#5c6681;max-width:160px}.usecases b{font-size:12px;font-weight:500;color:#999fb6}.section{padding-top:85px;padding-bottom:85px}.section-heading{max-width:610px;margin-bottom:36px}h2{font-size:clamp(29px,3.1vw,40px);line-height:1.25;font-weight:600;letter-spacing:-1.3px;margin:15px 0}.section-heading p{font-size:14px;max-width:510px;line-height:1.85;margin:0}.centered{max-width:750px;text-align:center;margin:0 auto 39px}.centered .eyebrow{justify-content:center}.centered p{margin:auto}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.channel-card{padding:29px;border:1px solid #ffffff12;border-radius:14px;background:radial-gradient(ellipse at 0 0,#47705a15,transparent 70%),#10131d;transition:transform .2s,border-color .2s}.channel-card.facebook{background:radial-gradient(ellipse at 0 0,#415dc523,transparent 70%),#10131d}.channel-card.instagram{background:radial-gradient(ellipse at 0 0,#90406d1c,transparent 70%),#10131d}.channel-card:hover{transform:translateY(-4px);border-color:#aca0ff40}.channel-card h3{font-size:20px;font-weight:600;letter-spacing:-.4px;margin:20px 0 8px}.channel-card>strong{font-size:11px;font-weight:500;color:#d4d7e5}.channel-card p{font-size:12px;line-height:1.9;margin:10px 0 22px}.channel-tags{font-size:9px;border-top:1px solid var(--line);padding-top:15px;color:#69738e}.channel-link{display:flex;justify-content:space-between;font-size:10px;font-weight:500;color:#b0a4ef;margin-top:18px}.event-section{display:grid;grid-template-columns:1fr 1.08fr;gap:65px;align-items:center;padding-top:10px;padding-bottom:95px}.event-copy>p{font-size:14px;line-height:1.9;max-width:450px}.event-checks{list-style:none;padding:0;margin:25px 0 0;display:flex;flex-direction:column;gap:14px;font-size:11px;color:#a1a7bc}.event-checks li{display:flex;align-items:center;gap:10px}.event-checks span{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#7966db19;color:#b4a5ef;font-size:10px}.text-link{display:inline-flex;gap:23px;font-size:11px;font-weight:500;color:#a99cf1;margin-top:26px}.text-link:hover{color:#d1c7ff}.event-board{background:#111522;border:1px solid #9786e329;border-radius:14px;overflow:hidden;box-shadow:0 15px 50px #00000040,0 0 35px #7c55ff07}.board-top{display:flex;align-items:center;gap:9px;padding:14px 23px;background:#181b2b;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:1px;color:#818ba8}.board-icon{font-size:20px;color:#a595f2}.board-heading{padding:24px 25px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.board-heading small{font-size:7px;letter-spacing:.9px;color:#727c99}.board-heading h3{font-size:23px;font-weight:600;letter-spacing:-.6px;line-height:1.4;margin:7px 0}.board-heading p{font-size:10px;margin:0}.event-status{background:#8770f51c;border:1px solid #8b73e529;border-radius:20px;color:#b1a0ed;font-size:8px;padding:4px 9px}.board-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;padding:0 25px 21px}.board-stats>div{padding:13px;background:#ffffff03;border:1px solid #ffffff0a;border-radius:9px}.board-stats>div>span{display:block;color:#858da6;font-size:8px}.board-stats strong{display:block;font-size:27px;font-weight:600;line-height:1.5;margin:4px 0 6px;letter-spacing:-.9px}.board-stats strong small{font-size:7px;font-weight:400;letter-spacing:0;color:#68718d}.stat-track{height:3px;background:#ffffff0a;border-radius:10px;overflow:hidden}.stat-track i{display:block;background:#9b83ef;width:82%;height:100%}.board-stats>div:nth-child(2) i{width:66%;background:#55b492}.board-stats>div:nth-child(3) i{width:42%;background:#c9a074}.board-row{margin:0 25px;display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding:15px 0}.row-icon{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;color:#64c69b;background:#3a96721a}.row-icon.violet{color:#a58beb;background:#9673ed15}.board-row strong{display:block;font-size:10px;font-weight:500}.board-row div>span{font-size:8px;color:#79829b}.board-row>b{margin-left:auto;color:#64b48f;font-size:7px;font-weight:400;white-space:nowrap}.board-row>b.violet-text{color:#a58fe5}.board-footer{display:flex;align-items:center;gap:10px;padding:14px 25px;background:#151927;border-top:1px solid var(--line);font-size:8px;color:#7e87a0}.board-footer>span:last-child{margin-left:auto;color:#ad9de9;font-size:15px}.team-avatars{display:flex;padding-left:5px}.team-avatars span{width:24px;height:24px;border:2px solid #151927;border-radius:50%;display:grid;place-items:center;margin-left:-5px;background:#40365f;color:#c1b4ec;font-size:7px}.team-avatars span:nth-child(2){background:#4d352c;color:#e3ad87}.team-avatars span:nth-child(3){background:#29473f;color:#84c5ab}.feature-section{padding:85px 0;background:linear-gradient(180deg,#0d101b,#0b0e18);border-block:1px solid var(--line)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:27px;background:linear-gradient(135deg,#191b2a,#10131f);border:1px solid #ffffff0d;border-radius:12px}.feature-number{display:flex;justify-content:space-between;align-items:center;color:#a28fea}.feature-number>svg{box-sizing:content-box;padding:10px;background:#8b70e716;border:1px solid #9077dd18;border-radius:11px}.feature-number>span{font-size:17px;color:#5f6080}.feature h3{font-size:17px;font-weight:500;letter-spacing:-.25px;line-height:1.5;margin:20px 0 9px}.feature p{font-size:12px;line-height:1.9;margin:0}.workflow{padding:43px;border:1px solid #9586eb20;border-radius:16px;background:radial-gradient(ellipse at 0 0,#6761b41a,transparent 65%),#10131f}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.step-number{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;border:1px solid #a38dee30;background:#7764d70d;color:#b5a5ec;font-size:10px}.steps h3{font-size:15px;font-weight:500;margin:18px 0 8px}.steps p{font-size:12px;line-height:1.85;margin:0}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:65px;padding-bottom:85px}.faq-list{padding:5px 24px;border:1px solid var(--line);border-radius:14px;background:#10131d}details{padding:19px 0;border-bottom:1px solid var(--line)}details:last-child{border-bottom:0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px;font-size:13px;font-weight:500;line-height:1.6}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:#a895eb;font-size:19px;line-height:1.1}details[open] summary:after{content:'−'}details p{font-size:12px;line-height:1.9;margin:12px 20px 0 0}.cta{position:relative;overflow:hidden;text-align:center;padding:55px 45px;border:1px solid #b09aff30;border-radius:18px;background:radial-gradient(ellipse at 50% 120%,#6550b64d,transparent 68%),radial-gradient(ellipse at 10% 0,#303c7740,transparent 60%),#111321;margin-bottom:65px}.cta .eyebrow{justify-content:center;color:#aca0e6}.cta h2{font-size:40px;position:relative;z-index:1}.cta p{font-size:13px;max-width:480px;margin:0 auto 23px;position:relative;z-index:1}.cta .button{position:relative;z-index:1}.cta-orbit{position:absolute;left:50%;top:85px;transform:translateX(-50%);width:850px;height:340px;border:1px solid #bca5ff0e;border-radius:50%;box-shadow:0 0 0 40px #bca5ff03;font-size:0;pointer-events:none}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;padding-bottom:40px}.footer-main p{font-size:11px;line-height:1.8}.footer-main>div:not(:first-child){display:flex;flex-direction:column;gap:10px;font-size:11px;color:#8c93ac}.footer-main strong{font-size:11px;color:#c5c9dc;margin-bottom:8px;font-weight:500}.footer-main a:hover{color:#c6baff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid var(--line);font-size:9px;color:#626c85}.skip{position:absolute;top:-90px;left:20px;background:#141724;padding:12px;z-index:20}.skip:focus{top:10px}
@media(max-width:1000px){.contact-preview{width:165px}.event-section{gap:35px}.channel-card{padding:24px}.nav nav{gap:18px}.hero-grid{padding-top:145px}.features{grid-template-columns:repeat(2,1fr)}.floating-ticket{right:0}.product-sidebar{width:140px}.conversation{padding-left:15px;padding-right:15px}.conversation.active{padding-left:13px}}@media(max-width:760px){.wrap{padding-left:22px;padding-right:22px}.header{padding:0 16px;top:15px}.nav{border-radius:20px;padding:13px 15px;gap:13px;flex-wrap:wrap;min-height:0}.brand{font-size:19px}.brandmark{width:29px;height:29px;font-size:23px}.brandtag{font-size:7px}.nav-actions{gap:12px}.signin{font-size:10px}.button.compact{font-size:10px;padding:7px 12px;gap:10px}.nav nav{order:3;width:100%;justify-content:center;gap:22px;font-size:10px;padding-top:4px}.hero-grid{padding-top:156px;padding-bottom:35px;gap:35px}h1{font-size:clamp(34px,8.6vw,49px);letter-spacing:-1.5px;line-height:1.2;margin:20px 0 18px}.hero-copy .eyebrow{font-size:6px;letter-spacing:.85px;padding:6px 8px}.hero-copy>p{font-size:13px;line-height:1.85;max-width:480px;margin-bottom:23px}.button{font-size:11px;padding:13px 15px;gap:15px}.actions{gap:10px}.hero-note{font-size:8px;gap:14px}.channel-mini{margin-top:19px;gap:6px}.channel-mini>span:last-child{font-size:8px;margin-left:4px}.channel-mini .brand-icon{width:24px;height:24px}.hero-atmosphere .light-beam{width:200px;left:-20%;opacity:.65}.light-orbit{top:380px;width:650px;height:400px}.scene-label{font-size:6px;letter-spacing:.7px;margin-left:4px;margin-right:4px}.scene-label>span:last-child{display:none}.product-top{padding:13px}.product-top .brand{font-size:12px}.product-top .brandmark{width:21px;height:21px;font-size:17px}.preview-badge{font-size:6px;padding:2px 5px}.product-top>.avatar{height:22px;width:22px;font-size:7px}.contact-preview{display:none}.product-sidebar{width:94px;font-size:7px;padding:17px 7px;gap:6px}.sidebar-title{font-size:6px;letter-spacing:.8px;padding-left:6px}.product-sidebar>span:not(.sidebar-title){padding:7px 5px}.product-body{min-height:282px}.sidebar-bottom{font-size:6px;padding-left:4px}.inbox-heading{padding:15px 10px 10px}.inbox-heading h3{font-size:11px}.inbox-heading>span{font-size:6px}.inbox-tabs{font-size:6px;padding:0 10px;gap:13px}.conversation{padding:13px 9px;gap:7px}.conversation.active{padding-left:7px}.conversation strong{font-size:8px}.conversation time{font-size:6px}.conversation p{font-size:7px;margin:3px 0 6px;line-height:1.65}.conversation .avatar{width:24px;height:24px;font-size:7px}.conversation small{font-size:6px;gap:3px}.conversation i{padding:1px 3px;font-size:5px}.reply-preview{font-size:6px;padding:11px 9px;gap:5px}.floating-ticket{position:relative;bottom:auto;right:auto;width:230px;margin:-8px 0 0 auto;padding:10px 13px}.floating-ticket strong{font-size:9px}.floating-ticket div>span{font-size:7px}.ticket-icon{width:28px;height:28px;font-size:14px}.scene-foot{font-size:5px;letter-spacing:.4px;padding:17px 2px 0}.usecases{flex-wrap:wrap;justify-content:center;gap:14px 25px;padding:25px 0}.usecases>span{max-width:none;width:100%;text-align:center;font-size:7px}.usecases b{font-size:10px}.section{padding-top:55px;padding-bottom:50px}.eyebrow{font-size:8px;letter-spacing:1.3px}h2{font-size:29px;letter-spacing:-.9px}.section-heading p{font-size:13px}.centered{margin-bottom:28px}.channel-grid,.features{grid-template-columns:1fr;gap:15px}.channel-card{padding:27px}.channel-card h3{font-size:21px}.channel-card p{font-size:12px}.event-section{grid-template-columns:1fr;gap:28px;padding-top:10px;padding-bottom:55px}.event-copy>p{font-size:13px}.event-checks{font-size:10px;gap:12px}.board-top{padding:13px 17px;font-size:7px}.board-heading{padding:20px 18px 18px}.board-heading h3{font-size:21px}.board-stats{padding:0 18px 18px;gap:8px}.board-stats>div{padding:10px}.board-stats>div>span{font-size:7px}.board-stats strong{font-size:24px}.board-stats strong small{font-size:6px}.board-row{margin:0 18px}.board-row strong{font-size:9px}.board-row div>span{font-size:7px}.board-footer{padding:13px 18px;font-size:7px}.feature-section{padding:55px 0}.feature{padding:25px}.workflow{padding:26px}.steps{grid-template-columns:repeat(2,1fr);gap:25px 20px}.steps h3{font-size:14px}.steps p{font-size:11px}.faq{grid-template-columns:1fr;gap:0;padding-bottom:50px}.faq .section-heading{margin-bottom:26px}.faq-list{padding:4px 18px}.faq-list summary{font-size:12px}.cta{padding:36px 24px;margin-bottom:45px}.cta h2{font-size:29px}.cta .eyebrow{font-size:7px}.cta p{font-size:12px}.footer-main{grid-template-columns:1fr 1fr;gap:25px}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:5px;font-size:8px}}@media(max-width:380px){.nav nav{gap:17px}.brandtag{display:none}.product-sidebar{width:78px;font-size:6px}.conversation{gap:5px;padding-right:7px}.conversation .avatar{width:20px;height:20px;font-size:6px}.conversation time{font-size:5px}.conversation i{display:none}.hero-note{font-size:7px;gap:10px}.channel-mini>span:last-child{font-size:7px}.board-stats strong small{display:none}.steps{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.channel-card{transition:none}.button:hover,.channel-card:hover{transform:none}}
/* Motion and connected platform previews */
.hero-particles{position:absolute;inset:0;width:100%;height:100%;opacity:.8}.light-beam{animation:beam-drift 13s ease-in-out infinite alternate;transform-origin:top center}.product{position:relative}.product:before{content:'';position:absolute;left:-20%;top:0;width:35%;height:1px;background:linear-gradient(90deg,transparent,#c3b7ff,transparent);animation:edge-light 8s ease-in-out infinite;pointer-events:none}.motion-toggle{display:inline-flex;align-items:center;gap:5px;margin:13px auto 0;border:0;background:transparent;color:#8e95ae;font:9px 'Segoe UI',sans-serif;cursor:pointer;padding:5px 10px;border-radius:5px}.motion-toggle:hover{background:#ffffff08;color:#c7c1e3}.motion-toggle[hidden]{display:none}.motion-toggle:focus-visible{outline:2px solid #a99aff;outline-offset:3px}.connection-section{padding-top:78px;padding-bottom:10px}.connection-diagram{position:relative;display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;min-height:380px;max-width:1000px;margin:auto;padding:0 25px 40px}.connection-paths{position:absolute;inset:0 0 40px;width:100%;height:calc(100% - 40px);overflow:visible;pointer-events:none}.path-base path{fill:none;stroke:url(#connection-gradient);stroke-width:1;opacity:.5}.path-flow path{fill:none;stroke:#b6abff;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:9 340;animation:connection-flow 5s linear infinite;filter:drop-shadow(0 0 4px #8a71ff)}.path-flow path:nth-child(2){animation-delay:-1.6s}.path-flow path:nth-child(3){animation-delay:-3.2s}.path-flow path:nth-child(4){animation-delay:-.8s}.path-flow path:nth-child(5){animation-delay:-2.4s}.path-flow path:nth-child(6){animation-delay:-4s}.connection-inputs,.connection-outputs{position:relative;display:flex;flex-direction:column;gap:37px;z-index:1}.connection-outputs{align-items:flex-end}.connection-node{width:210px;display:flex;align-items:center;gap:11px;border:1px solid #a692ed23;background:linear-gradient(140deg,#181b2c,#0e111e);padding:15px;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff06,0 8px 24px #00000025}.connection-node .brand-icon{width:32px;height:32px;border-radius:9px}.connection-node svg{width:19px;height:19px}.connection-node strong{display:block;font-size:11px;font-weight:500}.connection-node div>span{font-size:8px;color:#79839f}.connection-node i{margin-left:auto;width:4px;height:4px;border-radius:50%;background:#8f79ec;box-shadow:0 0 8px #8f79ec}.node-symbol{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:22px;color:#b2a2f3;background:#8e76e513}.connection-core{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center}.core-chip{position:relative;width:154px;height:154px;border:1px solid #b6a5ff99;border-radius:27px;background:linear-gradient(145deg,#7a85eb,#584bdd 60%,#6f4bd8);display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:inset 0 0 0 5px #ffffff0b,inset 0 1px 10px #ffffff40,0 0 0 5px #8975ef12,0 0 50px #7959ff45;animation:core-glow 5s ease-in-out infinite}.core-chip .brandmark{font-size:45px;width:56px;height:52px;box-shadow:none;background:none}.core-chip strong{font-size:20px;letter-spacing:-.5px;font-weight:600}.core-chip>span:last-child{font-size:6px;letter-spacing:1.2px;color:#e2dbff;margin-top:4px}.core-halo{position:absolute;top:-18px;width:220px;height:220px;border:1px solid #a99aff12;border-radius:50%;box-shadow:0 0 0 22px #a99aff03,0 0 0 45px #a99aff02}.core-caption{position:absolute;top:178px;width:240px;text-align:center;font-size:8px;color:#8c86b4;letter-spacing:.3px}.connection-legend{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:7px;color:#67718e;font-size:8px}.connection-legend .status-dot{width:4px;height:4px}.capabilities-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:19px;margin-bottom:45px}.capabilities-grid>article{border:1px solid #a58ee526;border-radius:16px;overflow:hidden;position:relative;min-height:320px;background:#111423}.capability-intro{grid-column:span 2;padding:32px;background:radial-gradient(ellipse at 0 0,#afabff50,transparent 75%),linear-gradient(140deg,#625cf0,#433adb)!important;display:flex;flex-direction:column}.capability-intro .eyebrow{color:#d8d5ff;font-size:7px;letter-spacing:1.2px}.capability-intro h3{font-size:33px;line-height:1.2;letter-spacing:-1px;font-weight:500;margin:21px 0 15px}.capability-intro p{color:#cfcbff;font-size:12px;line-height:1.9;max-width:240px;margin:0 0 25px;position:relative;z-index:1}.capability-intro>a{display:flex;justify-content:space-between;gap:10px;font-size:10px;margin-top:auto;position:relative;z-index:1}.intro-sparkles{position:absolute;bottom:0;right:0;width:200px;height:150px;pointer-events:none}.intro-sparkles i{position:absolute;width:3px;height:3px;background:#c8d1ff;border-radius:50%;box-shadow:0 0 8px #ced8ff;animation:sparkle-rise 6s linear infinite}.intro-sparkles i:nth-child(1){left:10%;bottom:0;animation-delay:-1s}.intro-sparkles i:nth-child(2){left:24%;bottom:5%;animation-delay:-4s}.intro-sparkles i:nth-child(3){left:47%;bottom:0;animation-delay:-2s}.intro-sparkles i:nth-child(4){left:65%;bottom:6%;animation-delay:-5s}.intro-sparkles i:nth-child(5){left:85%;bottom:0;animation-delay:-3s}.intro-sparkles i:nth-child(6){left:95%;bottom:8%;animation-delay:-.5s}.capability-dashboard{grid-column:span 3;background:radial-gradient(ellipse at 50% 5%,#5e5fa942,transparent 70%),#101322!important;padding-top:20px;min-height:340px!important}.capability-label{display:flex;justify-content:space-between;padding:0 25px;color:#9b94b8;font-size:7px;letter-spacing:1.2px}.tilted-dashboard{margin:27px -35px 0 45px;border:1px solid #9c93df60;border-top:3px solid #a3a1ff;border-radius:11px;padding:19px;background:#171b2b;transform:perspective(900px) rotateY(-12deg) rotateZ(-7deg);transform-origin:center;box-shadow:-10px -10px 35px #a2a0ff12;animation:dashboard-float 9s ease-in-out infinite}.mini-dash-top{display:flex;align-items:center;gap:16px;font-size:8px;color:#8993ae}.mini-dash-top .brand{font-size:13px}.mini-dash-top .avatar{margin-left:auto;width:22px;height:22px;font-size:7px}.tilted-dashboard h4{font-size:16px;font-weight:500;margin:19px 0 13px}.mini-metrics{display:flex;gap:35px}.mini-metrics small{display:block;font-size:7px;color:#7e89a6}.mini-metrics strong{font-size:24px;font-weight:500}.mini-chart{margin-top:15px;border:1px solid #ffffff08;border-radius:6px;padding:12px;background:#ffffff02}.mini-chart>span{font-size:6px;letter-spacing:1px;color:#727e9c}.mini-chart svg{width:100%;height:80px;overflow:visible}.chart-grid{fill:none;stroke:#ffffff0a;stroke-width:.7}.chart-line{fill:none;stroke:#ab8aff;stroke-width:1.7;stroke-dasharray:500;animation:draw-chart 9s ease-in-out infinite}.chart-secondary{fill:none;stroke:#767ecf;stroke-width:1.3}.capability-dashboard .capability-bottom{position:absolute;bottom:0;left:0;right:0;padding:26px;background:linear-gradient(transparent,#0d1020 40%);padding-top:45px}.capability-bottom h3{font-size:23px;font-weight:500;line-height:1.35;letter-spacing:-.6px;margin:0 0 10px}.capability-bottom strong{font-size:19px;font-weight:500}.capability-bottom p{font-size:12px;line-height:1.85;margin:5px 0 0}.capability-conversations{grid-column:span 3;background:radial-gradient(ellipse at 80% 10%,#5d51832e,transparent 65%),#101322!important;padding:25px 30px;display:flex;flex-direction:column;justify-content:space-between}.message-stack{display:flex;flex-direction:column;gap:14px;margin:0 0 30px 45px}.floating-message{padding:13px 15px;display:flex;align-items:center;gap:10px;border:1px solid #9a87c52e;border-radius:11px;background:linear-gradient(135deg,#25253d,#191d30);box-shadow:0 10px 20px #00000020;animation:message-float 7s ease-in-out infinite}.floating-message:nth-child(2){margin-left:40px;animation-delay:-3.5s}.floating-message .brand-icon,.floating-message .avatar{width:28px;height:28px;font-size:8px;border-radius:9px}.floating-message svg{width:17px;height:17px}.floating-message strong{font-size:9px;font-weight:500}.floating-message p{font-size:8px;margin:3px 0 0}.floating-message>span:last-child{font-size:7px;color:#9a8bc0;margin-left:auto}.capability-ticket{grid-column:span 2;padding:25px 29px;background:radial-gradient(ellipse at 50% 10%,#49578233,transparent 60%),#101322!important}.animated-pass{max-width:200px;margin:0 auto 25px;border:1px solid #b7a6ff40;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#2b2946,#151e30);transform:rotate(4deg);box-shadow:0 0 35px #998aff12;animation:ticket-float 8s ease-in-out infinite}.pass-top{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px dashed #b1a1e02d;font-size:6px;letter-spacing:1px;color:#b9aade}.pass-code{position:relative;max-width:70px;margin:15px auto;color:#bbb5ef}.pass-code svg{display:block;width:100%}.scan-line{position:absolute;left:-8px;right:-8px;top:0;height:1px;background:#a8ffd8;box-shadow:0 0 9px #8affc9;animation:ticket-scan 4s ease-in-out infinite}.pass-verified{padding:8px 10px;background:#4dc29c0b;color:#8ec8b2;font-size:6px;text-align:center}.pass-verified span{margin-right:4px}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal-ready{opacity:1;transform:none;transition:none}
@keyframes beam-drift{from{transform:rotate(-38deg) translateX(-25px);opacity:.4}to{transform:rotate(-29deg) translateX(50px);opacity:.85}}@keyframes edge-light{0%,15%{left:-35%;opacity:0}35%{opacity:1}75%,100%{left:110%;opacity:0}}@keyframes connection-flow{to{stroke-dashoffset:-349}}@keyframes core-glow{0%,100%{box-shadow:inset 0 0 0 5px #ffffff0b,inset 0 1px 10px #ffffff40,0 0 0 5px #8975ef12,0 0 35px #7959ff35}50%{box-shadow:inset 0 0 0 5px #ffffff0b,inset 0 1px 10px #ffffff40,0 0 0 8px #8975ef0c,0 0 60px #7959ff55}}@keyframes sparkle-rise{0%{transform:translateY(15px);opacity:0}20%{opacity:.9}80%{opacity:.6}100%{transform:translateY(-150px) translateX(-30px);opacity:0}}@keyframes dashboard-float{0%,100%{transform:perspective(900px) rotateY(-12deg) rotateZ(-7deg) translateY(0)}50%{transform:perspective(900px) rotateY(-8deg) rotateZ(-5deg) translateY(-8px)}}@keyframes draw-chart{0%,100%{stroke-dashoffset:0}50%{stroke-dashoffset:100}}@keyframes message-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes ticket-float{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(1deg) translateY(-5px)}}@keyframes ticket-scan{0%,100%{top:0;opacity:0}15%,85%{opacity:.8}50%{top:100%}}
@media(max-width:1000px){.connection-node{width:180px;padding:13px;gap:9px}.connection-node strong{font-size:10px}.core-chip{width:140px;height:140px}.core-caption{top:163px}.capability-intro h3{font-size:29px}.floating-message p{font-size:7px}}@media(max-width:760px){.connection-section{padding-top:50px;padding-bottom:0}.connection-diagram{min-height:315px;padding:0 0 35px;grid-template-columns:1fr 1fr 1fr;gap:12px}.connection-inputs,.connection-outputs{gap:24px}.connection-node{width:100%;padding:11px 7px;min-height:68px;flex-direction:column;gap:5px;text-align:center;border-radius:9px}.connection-node strong{font-size:7px;line-height:1.5}.connection-node div>span,.connection-node i{display:none}.connection-node .brand-icon,.node-symbol{width:26px;height:26px;border-radius:7px}.connection-node svg{width:16px;height:16px}.node-symbol{font-size:19px}.core-chip{width:88px;height:105px;border-radius:19px}.core-chip .brandmark{width:40px;height:40px;font-size:34px}.core-chip strong{font-size:14px}.core-chip>span:last-child{font-size:4px;letter-spacing:.6px}.core-halo{width:130px;height:130px;top:-12px;box-shadow:0 0 0 12px #a99aff03}.core-caption{top:124px;width:100px;font-size:6px}.connection-paths{inset:0 0 35px;height:calc(100% - 35px)}.connection-legend{font-size:6px}.capabilities-grid{grid-template-columns:1fr;gap:16px;margin-bottom:30px}.capabilities-grid>article{grid-column:1;min-height:290px}.capability-intro{padding:28px}.capability-intro h3{font-size:32px}.capability-intro p{font-size:12px;max-width:280px}.capability-dashboard{min-height:350px!important}.tilted-dashboard{margin-left:25px;margin-right:-45px}.mini-metrics{gap:35px}.message-stack{margin-left:0;margin-bottom:35px}.floating-message:nth-child(2){margin-left:20px}.capability-conversations{padding:25px}.capability-bottom h3{font-size:23px}.capability-ticket{padding:25px}.capability-ticket .capability-bottom{text-align:center}.motion-toggle{font-size:8px;margin-top:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}.hero-particles{display:none}.reveal-ready{opacity:1;transform:none;transition:none}.scan-line{display:none}}
/* Event milestones and the connected foundation */
.moment-section{padding-top:75px}.moment-banner{position:relative;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;min-height:315px;padding:38px 45px;overflow:hidden;border:1px solid #b3a2f229;border-radius:22px;background:radial-gradient(ellipse at 75% 0,#5550b650,transparent 60%),radial-gradient(ellipse at 10% 110%,#4a409955,transparent 62%),linear-gradient(135deg,#111320,#0c0e17);box-shadow:inset 0 1px 0 #ffffff05}.moment-banner:before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 18% 18%,#c2bcff55 1px,transparent 2px),radial-gradient(circle at 34% 44%,#c2bcff33 1px,transparent 2px),radial-gradient(circle at 64% 12%,#c2bcff33 1px,transparent 2px),radial-gradient(circle at 94% 37%,#c2bcff44 1px,transparent 2px);pointer-events:none}.moment-copy{position:relative;z-index:1}.moment-copy .eyebrow{font-size:8px;letter-spacing:1.2px;color:#aca2e6}.moment-copy h2{font-size:36px;font-weight:500;letter-spacing:-1px;line-height:1.2;color:#d4ceff;margin:17px 0 14px}.moment-copy p{font-size:12px;line-height:1.8;color:#a2a4c2;max-width:320px;margin:0}.moment-visual{position:relative;min-height:235px;align-self:stretch}.milestone{position:absolute;animation:milestone-sway 7s ease-in-out infinite;transform-origin:top center;--tilt:-8deg;--wire:70px}.milestone-label{position:relative;display:inline-flex;align-items:center;gap:12px;white-space:nowrap;padding:8px 12px;font-size:9px;color:#c3c4ea;border-radius:6px;border:1px solid #9386ff55;background:linear-gradient(130deg,#34346c,#16192e 75%);box-shadow:inset 0 1px 0 #ffffff15,0 4px 16px #03051250;transform:rotate(var(--tilt));z-index:1}.milestone-label b{font-size:10px;font-weight:400;color:#b7a5ff}.milestone-wire{position:absolute;bottom:100%;left:50%;height:var(--wire);width:1px;background:linear-gradient(transparent,#8175f078);transform-origin:bottom}.milestone-wire:after{content:'';position:absolute;bottom:-1px;left:-2px;width:5px;height:5px;border-radius:50%;background:#b6b2ff;box-shadow:0 0 8px 2px #8f7fffaa,0 0 20px 5px #8577ff33;animation:milestone-light 4s ease-in-out infinite}.milestone-one{top:34px;left:10%;--wire:100px}.milestone-two{top:70px;right:3%;--tilt:7deg;--wire:130px;animation-delay:-2s}.milestone-three{top:121px;left:11%;--tilt:8deg;--wire:170px;animation-delay:-4s}.milestone-three .milestone-label{background:linear-gradient(135deg,#7f79ff,#4b3fe5);color:white;border-color:#a296ff80;box-shadow:0 0 25px #7863ff30,inset 0 1px 0 #ffffff25}.milestone-three .milestone-label b{color:white}.milestone-four{top:157px;right:9%;--tilt:-10deg;--wire:215px;animation-delay:-1s}.milestone-five{top:218px;left:3%;--tilt:-2deg;--wire:275px;animation-delay:-3s}.moment-stars{position:absolute;inset:0;pointer-events:none}.moment-stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#bbc1ff;box-shadow:0 0 6px #b9b0ff;animation:foundation-spark 5s ease-in-out infinite}.moment-stars i:nth-child(1){left:9%;top:20%}.moment-stars i:nth-child(2){left:39%;top:43%;animation-delay:-2s}.moment-stars i:nth-child(3){left:73%;top:25%;animation-delay:-4s}.moment-stars i:nth-child(4){left:88%;top:80%;animation-delay:-1s}.moment-stars i:nth-child(5){left:45%;top:90%;animation-delay:-3s}.foundation-section{padding-top:0;padding-bottom:95px;text-align:center}.foundation-section .section-heading{max-width:790px}.foundation-section .section-heading p{max-width:520px}.foundation-cards{display:grid;grid-template-columns:repeat(6,1fr);max-width:830px;margin:48px auto 0;gap:15px;perspective:1200px;padding:12px 20px 25px}.foundation-card{grid-column:span 2;position:relative;--rest:0deg;--shift:0px;--delay:0s;transform:rotate(var(--rest)) translateY(var(--shift));animation:foundation-drift 9s ease-in-out infinite;animation-delay:var(--delay);transform-origin:center;z-index:1}.foundation-insights{grid-column:2/span 2;--rest:6deg;--shift:8px;--delay:-1s}.foundation-catalog{grid-column:4/span 2;--rest:-6deg;--shift:8px;--delay:-5s}.foundation-integrations{grid-column:1/span 2;--rest:-5deg;--delay:-3s;z-index:2}.foundation-workflows{--rest:0deg;--shift:-5px;--delay:-7s;z-index:3}.foundation-tickets{--rest:5deg;--delay:-2s;z-index:2}.foundation-card-inner{position:relative;min-height:236px;border:1px solid #a79ed830;border-radius:21px;background:linear-gradient(155deg,#1d1e28 0,#24243e 75%,#2a2850);padding:24px 23px;box-shadow:inset 0 1px 0 #ffffff09,0 10px 25px #00000025;transition:transform .3s,border-color .3s,box-shadow .3s}.foundation-card:hover{z-index:4}.foundation-card:hover .foundation-card-inner{transform:translateY(-8px);border-color:#7da486;box-shadow:0 15px 40px #173d2d12}.foundation-integrations .foundation-card-inner{background:radial-gradient(ellipse at 0 0,#6965eb50,transparent 80%),linear-gradient(140deg,#4140bd,#35328d);border-color:#9390ff50}.foundation-icon{position:relative;width:66px;height:70px;margin:0 auto 14px;perspective:200px}.icon-layer{position:absolute;top:2px;left:5px;width:47px;height:47px;border-radius:14px;background:linear-gradient(140deg,#edebff,#9690e3 70%);transform:rotate(-13deg);box-shadow:inset 0 1px 0 #ffffffa0,0 0 20px #b0a5ff12}.icon-face{position:absolute;left:15px;top:13px;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;border:1px solid #aba4f288;background:linear-gradient(140deg,#a2a1ff,#4e4aa0 45%,#242649);box-shadow:inset 0 2px 4px #e7dfff88,inset 0 -3px 8px #151634aa,0 8px 14px #00000035;transform:rotate(8deg);color:#f0ebff;animation:foundation-icon-glow 6s ease-in-out infinite;animation-delay:var(--delay)}.icon-face svg{filter:drop-shadow(0 0 5px #cab9ff77);width:29px;height:29px}.foundation-card h3{font-size:17px;font-weight:500;letter-spacing:-.3px;margin:4px 0 10px}.foundation-card p{font-size:11px;line-height:1.8;color:#b0adc9;margin:0 auto;max-width:180px}.foundation-integrations p{color:#cdcbf3}.foundation-link{justify-content:center;margin-top:18px;font-size:11px}
@keyframes milestone-sway{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}@keyframes milestone-light{0%,100%{opacity:.5;box-shadow:0 0 7px 1px #8f7fff88}50%{opacity:1;box-shadow:0 0 12px 3px #8f7fffaa,0 0 25px 7px #8577ff33}}@keyframes foundation-drift{0%,100%{transform:rotate(var(--rest)) translateY(var(--shift))}50%{transform:rotate(calc(var(--rest) + 1.5deg)) translateY(calc(var(--shift) - 7px))}}@keyframes foundation-icon-glow{0%,100%{filter:brightness(1);transform:rotate(8deg) translateY(0)}50%{filter:brightness(1.15);transform:rotate(4deg) translateY(-3px)}}@keyframes foundation-spark{0%,100%{opacity:.15;transform:translateY(0)}50%{opacity:.9;transform:translateY(-8px)}}
@media(max-width:1000px){.moment-banner{padding:32px}.moment-copy h2{font-size:32px}.milestone-label{font-size:8px;padding:7px 9px;gap:8px}.foundation-cards{max-width:750px}.foundation-card-inner{padding:22px 18px}}@media(max-width:760px){.moment-section{padding-top:50px}.moment-banner{grid-template-columns:1fr;min-height:0;padding:29px 26px;border-radius:18px;gap:20px}.moment-copy h2{font-size:30px}.moment-copy p{font-size:12px;max-width:350px}.moment-visual{min-height:250px;width:100%;max-width:400px;margin:auto}.milestone-one{top:28px;left:0;--wire:40px}.milestone-two{top:65px;right:0;--wire:65px}.milestone-three{top:114px;left:2%;--wire:90px}.milestone-four{top:163px;right:1%;--wire:140px}.milestone-five{top:215px;left:0;--wire:170px}.milestone-label{font-size:8px;padding:8px 9px;gap:8px}.milestone-wire{background:linear-gradient(transparent,#8175f060)}.foundation-section{padding-top:0;padding-bottom:60px}.foundation-cards{grid-template-columns:repeat(4,1fr);max-width:500px;gap:15px 11px;margin-top:27px;padding:10px 8px 20px}.foundation-insights{grid-column:1/span 2;--rest:4deg;--shift:0px}.foundation-catalog{grid-column:3/span 2;--rest:-4deg;--shift:0px}.foundation-integrations{grid-column:1/span 2;--rest:-3deg}.foundation-workflows{grid-column:3/span 2;--shift:0px;--rest:3deg}.foundation-tickets{grid-column:2/span 2;--rest:-2deg}.foundation-card-inner{min-height:220px;border-radius:17px;padding:20px 12px}.foundation-icon{transform:scale(.9);margin-bottom:10px}.foundation-card h3{font-size:14px;margin-bottom:8px}.foundation-card p{font-size:10px;line-height:1.8}.foundation-section .section-heading h2{font-size:29px}.foundation-link{font-size:10px;gap:14px;margin-top:10px}}@media(max-width:380px){.moment-banner{padding:26px 20px}.moment-copy .eyebrow{font-size:6px}.milestone-label{font-size:7px;gap:6px}.foundation-card-inner{padding:18px 10px;min-height:225px}.foundation-card h3{font-size:13px}.foundation-card p{font-size:9px}.foundation-icon{transform:scale(.8);margin-bottom:4px}}@media(prefers-reduced-motion:reduce){.foundation-card,.milestone,.icon-face,.milestone-wire:after,.moment-stars i{animation:none!important}.foundation-card-inner{transition:none}.foundation-card:hover .foundation-card-inner{transform:none}}
/* Cinematic motion, adapted from the video reference */
.section-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.foundation-cards{position:relative;isolation:isolate}.moment-visual,.moment-copy{z-index:1}.moment-beam{position:absolute;top:-80%;left:20%;width:120px;height:650px;transform:rotate(-35deg);background:linear-gradient(90deg,transparent,#b3b5ff0b,#cacaff19,#8c8fff08,transparent);filter:blur(13px);animation:moment-beam-sweep 12s ease-in-out infinite;pointer-events:none}.light-beam{background:linear-gradient(90deg,transparent,#6e98ff0d,#b4caff30,#aec6ff13,transparent);filter:blur(18px);animation:cinema-beam 12s ease-in-out infinite}.hero-atmosphere:after{content:'';position:absolute;left:calc(50% - 480px);top:625px;width:95px;height:95px;pointer-events:none;background:radial-gradient(circle,#e2e5ff77 0,#b7baff20 10%,transparent 65%);filter:blur(5px);animation:flare-breathe 6s ease-in-out infinite}.product:before{height:2px;box-shadow:0 0 10px #afa0ff66;animation-duration:6s}.milestone{animation:video-label-drift 10s ease-in-out infinite}.milestone-two{animation-delay:-3s}.milestone-three{animation-delay:-6s}.milestone-four{animation-delay:-2s}.milestone-five{animation-delay:-8s}.milestone-wire:before{content:'';position:absolute;top:0;left:0;width:1px;height:28px;background:linear-gradient(transparent,#cdc2ff,transparent);box-shadow:0 0 5px #9e8eff;animation:wire-travel 5s linear infinite}.milestone-two .milestone-wire:before{animation-delay:-2s}.milestone-three .milestone-wire:before{animation-delay:-4s}.milestone-four .milestone-wire:before{animation-delay:-1s}.milestone-five .milestone-wire:before{animation-delay:-3s}.milestone-three .milestone-label{animation:confirmed-glow 6s ease-in-out infinite}.foundation-card{animation:video-card-drift 12s ease-in-out infinite;animation-delay:var(--delay)}.foundation-card-inner{background:radial-gradient(ellipse at 40% 110%,#6c62b333,transparent 65%),linear-gradient(155deg,#1d1e28,#24243e 75%,#2a2850)}.foundation-icon .icon-face{animation:icon-orbit 8s ease-in-out infinite;animation-delay:var(--delay)}.core-chip{animation-duration:4s}.path-flow path{stroke-dasharray:12 240;animation-duration:3.7s}.tilted-dashboard{animation-duration:12s}.floating-message{animation-duration:9s}.animated-pass{animation-duration:10s}.reveal-ready{transition-duration:1s;transform:translateY(28px)}
@keyframes cinema-beam{0%,100%{transform:rotate(-38deg) translateX(-25px);opacity:.35}50%{transform:rotate(-30deg) translateX(60px);opacity:.95}}@keyframes flare-breathe{0%,100%{opacity:.2;transform:scale(.8)}50%{opacity:.9;transform:scale(1.3)}}@keyframes moment-beam-sweep{0%,100%{transform:rotate(-35deg) translateX(-70px);opacity:.2}50%{transform:rotate(-25deg) translateX(150px);opacity:.65}}@keyframes video-label-drift{0%,100%{transform:translate3d(0,0,0) rotate(-1.5deg)}35%{transform:translate3d(3px,-10px,0) rotate(1.5deg)}70%{transform:translate3d(-2px,-4px,0) rotate(-.5deg)}}@keyframes wire-travel{0%{top:0;opacity:0}15%,85%{opacity:.85}100%{top:100%;opacity:0}}@keyframes confirmed-glow{0%,100%{box-shadow:0 0 12px #7863ff20,inset 0 1px 0 #ffffff25}50%{box-shadow:0 0 30px #7863ff55,inset 0 1px 0 #ffffff40}}@keyframes video-card-drift{0%,100%{transform:rotate(var(--rest)) translate3d(0,var(--shift),0)}35%{transform:rotate(calc(var(--rest) + 1.6deg)) translate3d(2px,calc(var(--shift) - 8px),0)}70%{transform:rotate(calc(var(--rest) - .8deg)) translate3d(-2px,calc(var(--shift) - 3px),0)}}@keyframes icon-orbit{0%,100%{transform:rotate(8deg) translateY(0);filter:brightness(1)}50%{transform:rotate(-3deg) translateY(-5px);filter:brightness(1.18)}}@media(max-width:760px){.hero-atmosphere:after{top:620px;left:5%;width:65px;height:65px}.moment-beam{left:15%;width:90px}.hero-particles{opacity:.65}}@media(prefers-reduced-motion:reduce){.section-particles,.moment-beam,.hero-atmosphere:after{display:none}.reveal-ready{transform:none;transition:none!important}}
/* Match the reference's framed black page and restrained motion */
body{background:radial-gradient(ellipse at 10% 5%,#636fa6,#3b3d68 42%,#353459 100%);background-attachment:fixed}.site-stage{position:relative;isolation:isolate;max-width:1380px;margin:28px auto;background:#030407;border:1px solid #ffffff0c;border-radius:28px;overflow:hidden;box-shadow:0 30px 100px #0b0a2445}.site-stage .wrap{max-width:1100px}.hero{background:radial-gradient(ellipse at 17% 0,#29356885,transparent 48%),radial-gradient(ellipse at 85% 10%,#27204440,transparent 40%),#030407}.hero-grid{padding-top:155px;padding-bottom:70px;gap:45px}.hero-copy{max-width:780px}h1{font-weight:550;font-size:clamp(40px,4.4vw,62px);line-height:1.15;letter-spacing:-2.5px}.hero-copy>p{font-size:13px;max-width:540px}.hero-copy .eyebrow{background:transparent;border-color:#8583ad22}.header .nav{max-width:1250px;background:linear-gradient(110deg,#d1d1ea17,#b4b4cc08);border-color:#ffffff1d;box-shadow:inset 0 1px 0 #ffffff0b}.product-scene{max-width:860px}.motion-controls{display:flex;justify-content:center;gap:13px;align-items:center;margin-top:13px}.motion-toggle,.page-tour-toggle{display:inline-flex;align-items:center;gap:6px;margin:0;border:0;background:transparent;color:#9b9bb7;font:9px 'Segoe UI',sans-serif;padding:6px 8px;cursor:pointer;border-radius:5px}.page-tour-toggle{color:#c4bcf4}.page-tour-toggle:hover{background:#ffffff09}.page-tour-toggle[hidden]{display:none}.page-tour-toggle:focus-visible,.tour-stop:focus-visible{outline:2px solid #a99aff;outline-offset:3px}.tour-control{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:20px;padding:12px 18px;border:1px solid #9283db55;border-radius:30px;background:#151525ee;backdrop-filter:blur(16px);box-shadow:0 10px 40px #0008;color:#c8c1ed;font-size:11px;white-space:nowrap}.tour-control[hidden]{display:none}.tour-stop{border:0;background:transparent;color:#fff;font:11px 'Segoe UI',sans-serif;cursor:pointer;padding:3px}.tour-stop span{margin-left:7px}.moment-section{padding-top:80px}.moment-banner{max-width:910px;margin:auto;min-height:285px;border-radius:21px;padding:31px 40px;grid-template-columns:1fr 1fr;background:radial-gradient(ellipse at 83% -15%,#3d398366,transparent 70%),radial-gradient(ellipse at 10% 100%,#3b38774a,transparent 70%),linear-gradient(130deg,#0c0d17,#0b0c11);border-color:#9b92d426}.moment-copy .eyebrow{display:none}.moment-copy h2{font-size:34px;color:#ceccf3;max-width:380px;font-weight:500}.moment-copy p{font-size:12px;max-width:320px;color:#a9a6c7}.moment-visual{min-height:220px}.milestone-label{font-size:8px;padding:7px 10px;gap:8px}.milestone-one{top:13px;left:13%}.milestone-two{top:45px;right:2%}.milestone-three{top:86px;left:14%}.milestone-four{top:131px;right:8%}.milestone-five{top:186px;left:4%}.milestone{animation:reference-label 12s ease-in-out infinite}.milestone-wire:before{opacity:.4;animation-duration:8s}.moment-beam{opacity:.15;animation:none}.foundation-card{animation:reference-card 15s ease-in-out infinite;animation-delay:var(--delay)}.foundation-icon .icon-face{animation:reference-icon 12s ease-in-out infinite;animation-delay:var(--delay)}.foundation-cards{max-width:780px;gap:9px;padding:12px 22px 26px;margin-top:48px}.foundation-card-inner{min-height:232px;padding:24px 21px;background:linear-gradient(155deg,#1a1a1f,#222135 70%,#292647);border-color:#ada5d431}.foundation-section h2{font-weight:500;font-size:40px}.connection-section{padding-top:90px}.feature-section{background:#05060b;border-color:#ffffff08}.feature-section>.wrap>.section-heading{margin-left:auto;margin-right:auto;text-align:center;max-width:720px}.feature-section .section-heading .eyebrow{justify-content:center}.feature-section .section-heading p{margin:auto}.capabilities-grid{max-width:950px;margin:50px auto 45px}.capability-intro{background:radial-gradient(ellipse at 40% -20%,#9492ff66,transparent 70%),linear-gradient(145deg,#5c58ff,#4942f2)!important}.light-orbit{opacity:.3}.foundation-section{padding-bottom:110px}.hero-atmosphere:after{top:630px}.reveal-ready{transition-duration:1.1s;transform:translateY(38px)}.reveal-ready.is-visible{transform:translateY(0)}
@keyframes reference-label{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes reference-card{0%,100%{transform:rotate(var(--rest)) translateY(var(--shift))}50%{transform:rotate(calc(var(--rest) + .45deg)) translateY(calc(var(--shift) - 3px))}}@keyframes reference-icon{0%,100%{transform:rotate(8deg);filter:brightness(1)}50%{transform:rotate(5deg) translateY(-2px);filter:brightness(1.08)}}@media(max-width:1450px){.site-stage{margin:22px 28px}}@media(max-width:760px){body{background:#030407}.site-stage{margin:0;border:0;border-radius:0;box-shadow:none}.site-stage .wrap{padding-left:22px;padding-right:22px}.hero-grid{padding-top:155px;padding-bottom:35px;gap:35px}h1{font-size:clamp(34px,8.7vw,49px);letter-spacing:-1.5px}.hero-copy>p{font-size:13px}.moment-section{padding-top:50px}.moment-banner{min-height:0;padding:29px 26px;grid-template-columns:1fr;gap:18px}.moment-copy h2{font-size:30px}.moment-visual{min-height:235px}.milestone-one{top:15px;left:0}.milestone-two{top:52px;right:0}.milestone-three{top:98px;left:2%}.milestone-four{top:146px;right:1%}.milestone-five{top:197px;left:0}.milestone-label{font-size:8px;padding:8px 9px}.connection-section{padding-top:55px}.foundation-section h2{font-size:29px}.foundation-cards{gap:15px 11px;margin-top:27px;padding:10px 8px 20px}.foundation-card-inner{min-height:220px;padding:20px 12px}.foundation-section{padding-bottom:60px}.capabilities-grid{margin-top:30px}.motion-controls{gap:7px}.motion-toggle,.page-tour-toggle{font-size:8px}.tour-control{max-width:calc(100% - 25px);gap:12px;font-size:9px;padding:10px 13px}.tour-stop{font-size:9px}}@media(prefers-reduced-motion:reduce){.reveal-ready{transition:none!important;transform:none}}
/* Full-width page with a white outer background */
body{background:#fff;background-attachment:scroll}.site-stage{width:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none}
@media(max-width:1450px){.site-stage{margin:0}}
@media(max-width:760px){body{background:#fff}.site-stage{margin:0}}
/* White page canvas; dark animated product panels remain the visual focus. */
:root{color-scheme:light;--ink:#24233b;--muted:#76748a;--line:#e9e7f0}body,.site-stage{background:#fff;color:var(--ink)}.hero{background:radial-gradient(ellipse at 17% 0,#e9eaff,transparent 48%),radial-gradient(ellipse at 85% 10%,#f1ecff,transparent 40%),#fff}.header .nav{background:#ffffffd9;border-color:#e8e4f3;box-shadow:0 5px 25px #35235808}.nav nav,.nav-actions{color:#666177}.brandtag{color:#777187;border-color:#e4dfee}.nav nav a:hover,.signin:hover{color:#6550d4}.hero-copy .eyebrow{color:#70648f;border-color:#dbd4f0}.hero-copy>p{color:#767089}.hero-note,.channel-mini>span:last-child{color:#837b94}.button.secondary{color:#3e3653;background:#fff;border-color:#dfd8ef}.motion-toggle{color:#827894}.page-tour-toggle{color:#7662ad}.motion-toggle:hover,.page-tour-toggle:hover{color:#5d469b;background:#eee8fa}.feature-section{background:#faf9fe;border-color:#ece8f5}.feature-section .section-heading,.section-heading,.event-copy{color:var(--ink)}.usecases{border-color:#eae5f0}.usecases>span{color:#8f859e}.usecases b{color:#696076}.channel-card,.event-board,.product,.capabilities-grid,.moment-banner,.foundation-card{color:#f3f3f9}.channel-card,.event-board,.product,.capabilities-grid,.moment-banner,.foundation-card{--line:#ffffff12;--muted:#989eb5}.product .brand{color:#f3f3f9}.channel-mini .brand-icon{background:#fff;border-color:#e9e4f2}.feature{color:#f3f3f9;--muted:#989eb5}.workflow{background:linear-gradient(120deg,#f1edff,#faf8ff);border-color:#e4dcf4}.steps p{color:#78718c}.step-number{background:#fff;border-color:#dbd1f1;color:#7a65b2}.faq-list{background:#fff;border-color:#e5deef;box-shadow:0 5px 20px #32205004}.faq-list details{border-color:#eae5f0}.faq-list summary{color:#353046}.faq-list p{color:#7c738b}.cta{color:#f3f3f9}.cta p{color:#989eb5}.footer-main>div:not(:first-child){color:#7e748f}.footer-main strong{color:#42394f}.footer-bottom{border-color:#e8e1ed;color:#90869c}.footer-main a:hover{color:#7659bc}.foundation-section .section-heading{color:var(--ink)}.connection-core,.connection-node{color:#f3f3f9}.hero-atmosphere .light-beam,.hero-atmosphere:after{opacity:.15}.light-orbit{opacity:.15}.scene-label,.scene-foot{color:#9184a5}
/* Accessible theme switch and dark page variant */
.theme-toggle{order:3;display:grid;place-items:center;width:35px;height:35px;border:1px solid #e4deef;border-radius:50%;background:#fff;color:#766391;cursor:pointer;padding:0;flex-shrink:0}.theme-toggle:hover{background:#f1ecfb;color:#6646b1}.theme-toggle:focus-visible{outline:3px solid #a38aeb;outline-offset:3px}.theme-sun{display:none}html[data-theme=dark] .theme-sun{display:block}html[data-theme=dark] .theme-moon{display:none}html[data-theme=dark]{color-scheme:dark;--ink:#f3f3f9;--muted:#989eb5;--line:#ffffff12}html[data-theme=dark] body,html[data-theme=dark] .site-stage{background:#080a12;color:#f3f3f9}html[data-theme=dark] .hero{background:radial-gradient(ellipse at 17% 0,#29356885,transparent 48%),radial-gradient(ellipse at 85% 10%,#27204440,transparent 40%),#080a12}html[data-theme=dark] .header .nav{background:linear-gradient(110deg,#d1d1ea17,#b4b4cc08);border-color:#ffffff1d;box-shadow:inset 0 1px 0 #ffffff0b}html[data-theme=dark] .nav nav,html[data-theme=dark] .nav-actions{color:#c7c9d6}html[data-theme=dark] .brandtag{color:#a5a9bd;border-color:#ffffff20}html[data-theme=dark] .nav nav a:hover,html[data-theme=dark] .signin:hover{color:#fff}html[data-theme=dark] .hero-copy .eyebrow{color:#bdc1e6;border-color:#8583ad22}html[data-theme=dark] .hero-copy>p{color:#a5a9bf}html[data-theme=dark] .hero-note,html[data-theme=dark] .channel-mini>span:last-child{color:#9298ae}html[data-theme=dark] .button.secondary{color:#e5e4f2;background:#ffffff06;border-color:#ffffff27}html[data-theme=dark] .motion-toggle{color:#9b9bb7}html[data-theme=dark] .page-tour-toggle{color:#c4bcf4}html[data-theme=dark] .motion-toggle:hover,html[data-theme=dark] .page-tour-toggle:hover{background:#ffffff09;color:#fff}html[data-theme=dark] .feature-section{background:#0b0e18;border-color:#ffffff08}html[data-theme=dark] .section-heading,html[data-theme=dark] .event-copy{color:#f3f3f9}html[data-theme=dark] .usecases{border-color:#ffffff12}html[data-theme=dark] .usecases>span{color:#68728b}html[data-theme=dark] .usecases b{color:#999fb6}html[data-theme=dark] .channel-mini .brand-icon{background:#ffffff06;border-color:#ffffff14}html[data-theme=dark] .workflow{background:radial-gradient(ellipse at 0 0,#6761b41a,transparent 65%),#10131f;border-color:#9586eb20}html[data-theme=dark] .steps p{color:#989eb5}html[data-theme=dark] .step-number{background:#7764d70d;border-color:#a38dee30;color:#b5a5ec}html[data-theme=dark] .faq-list{background:#10131d;border-color:#ffffff12;box-shadow:none}html[data-theme=dark] .faq-list details{border-color:#ffffff12}html[data-theme=dark] .faq-list summary{color:#f3f3f9}html[data-theme=dark] .faq-list p{color:#989eb5}html[data-theme=dark] .footer-main>div:not(:first-child){color:#8c93ac}html[data-theme=dark] .footer-main strong{color:#c5c9dc}html[data-theme=dark] .footer-bottom{border-color:#ffffff12;color:#79839c}html[data-theme=dark] .footer-main a:hover{color:#c6baff}html[data-theme=dark] .hero-atmosphere .light-beam,html[data-theme=dark] .hero-atmosphere:after{opacity:.8}html[data-theme=dark] .scene-label,html[data-theme=dark] .scene-foot{color:#8289a4}html[data-theme=dark] .theme-toggle{background:#ffffff06;color:#ded2ff;border-color:#ffffff25}html[data-theme=dark] .theme-toggle:hover{background:#ffffff12}@media(max-width:760px){.nav-actions{gap:8px}.theme-toggle{width:30px;height:30px}.theme-toggle svg{width:16px;height:16px}}@media(max-width:380px){.nav-actions{gap:6px}.theme-toggle{width:27px;height:27px}}

/* Typography-only refinement */
body{font-family:'Segoe UI',Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}h1{font-family:'Segoe UI',Arial,sans-serif;font-weight:650;letter-spacing:-2.4px;line-height:1.13}h2,.section-heading h2,.event-copy h2,.foundation-section h2,.cta h2{font-family:'Segoe UI',Arial,sans-serif;font-weight:600;letter-spacing:-1.2px}h3{font-weight:600;letter-spacing:-.3px}.hero-copy>p,.section-heading p{line-height:1.85}@media(max-width:760px){h1{letter-spacing:-1.5px}}
/* Hero: left introduction, right product illustration */
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:52px;padding-top:165px;padding-bottom:80px}.hero-copy{max-width:none;margin:0;text-align:left}.hero-copy>p{margin-left:0;margin-right:0;max-width:470px}.hero-copy .actions,.hero-copy .hero-note,.hero-copy .channel-mini,.hero-copy .motion-controls{justify-content:flex-start}.hero .product-scene{min-width:0;width:100%;max-width:none}.hero .contact-preview{display:none}.hero .product-sidebar{width:112px;font-size:8px}.hero .conversation{padding-left:12px;padding-right:12px}.hero .conversation.active{padding-left:10px}.hero .conversation p{font-size:9px}.hero .scene-label{font-size:6px;letter-spacing:.7px}.hero .scene-label>span:last-child{display:none}.hero .scene-foot{font-size:6px;letter-spacing:.3px}.hero .floating-ticket{right:0;width:245px}.hero h1{font-size:clamp(40px,4.1vw,60px);line-height:1.12}.hero .light-orbit{left:75%;top:220px;width:700px;height:500px;opacity:.2}@media(max-width:1000px){.hero-grid{gap:28px}.hero .product-sidebar{width:92px;font-size:7px}.hero .actions .button{padding:13px 15px;font-size:11px;gap:12px}}@media(max-width:760px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:38px;padding-top:155px;padding-bottom:40px}.hero-copy{max-width:560px}.hero h1{font-size:clamp(35px,9vw,49px)}.hero-copy>p{max-width:520px}.hero .product-scene{max-width:560px;margin:0 auto}.hero .product-sidebar{width:94px}.hero .floating-ticket{width:230px}.hero .conversation p{font-size:8px}.hero .light-orbit{left:50%;top:450px;width:600px}.hero .hero-note{flex-wrap:wrap;gap:10px 18px}}@media(max-width:380px){.hero .product-sidebar{width:78px}.hero .conversation p{font-size:7px}}
/* Screenshot reference: warm ivory, forest ink, vivid green. */
:root{--ink:#153b33;--muted:#71827a;--purple:#18bf59;--line:#e4dac7}body{font-family:'Segoe UI',Arial,sans-serif;color:#153b33}.site-stage{background:#fbf9f4}.header .nav{background:#fffefaeb;border-color:#e4dac7;box-shadow:none}.brandmark{background:#16c35a;box-shadow:none}.nav nav,.nav-actions{color:#35574c}.hero{background:#fbf9f4;border-color:#e5ddce}.hero-grid{max-width:1320px!important;grid-template-columns:.85fr 1.3fr;gap:45px}.hero h1{font-size:clamp(39px,3.6vw,55px);font-weight:500;letter-spacing:-2px}.hero h1>span{background:none;color:#0c7655;-webkit-text-fill-color:currentColor}.hero-copy>p{color:#6c8277;font-size:14px}.hero-copy .eyebrow{background:#fff;border-color:#e4dac7;color:#345b4e}.hero-atmosphere{display:none}.button,.button.compact{background:#19c35a;border-color:#19c35a;box-shadow:none;border-radius:28px}.button:hover{background:#10a94b}.button.secondary{background:#fff;color:#1e4438;border-color:#e4dac7}.hero-note,.channel-mini>span:last-child{color:#819084}.eyebrow{color:#56766b}.section-heading h2,.event-copy h2,.foundation-section h2{font-weight:500;letter-spacing:-1px}.channel-card{background:#fff!important;border-color:#e4dac7;color:#153b33}.channel-card>strong{color:#49685a}.channel-card p,.feature p{color:#7d8c7c}.channel-tags{border-color:#e4dac7;color:#789184}.channel-link,.text-link{color:#168b56}.feature-section{background:#f2eee4;border-color:#e4dac7}.feature{background:#fffefb;border-color:#e4dac7;color:#264b3b}.feature-number>svg{background:#e4f6e8;color:#2a9b57;border-color:#ceead6}.workflow{background:#f0eadc;border-color:#e4dac7}.step-number{background:#fff;color:#3a9a58;border-color:#d8dfc9}.cta{background:#123f31;border-color:#245d45}.cta .button{background:#1bc55c;color:white;border-color:#1bc55c}.cta .eyebrow{color:#9fd2b1}.cta p{color:#b1c8b3}.capability-intro{background:linear-gradient(140deg,#16845b,#124f3a)!important}.foundation-integrations .foundation-card-inner{background:linear-gradient(140deg,#21875b,#164936)}.reminder-visual{min-width:0;color:#153b33}.reminder-badge{display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;border:1px solid #e4dac7;border-radius:24px;padding:9px 15px;width:max-content;max-width:100%;margin:0 auto 22px;font-size:7px;letter-spacing:1.3px}.reminder-badge i,.reminder-bottom i,.reminder-title i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#1bc45b}.reminder-badge>span{color:#a3ac99}.reminder-flow{display:flex;align-items:center;min-width:0}.reminder-channels{width:39%;display:grid;gap:15px}.reminder-channel{background:#fff;border:1px solid #e4dac7;border-radius:15px;padding:13px;box-shadow:0 8px 16px #1f634809}.reminder-channel>div{display:flex;align-items:center;gap:7px}.reminder-channel .brand-icon{width:22px;height:22px;border-radius:50%;background:transparent}.reminder-channel svg{width:20px;height:20px}.reminder-channel strong{font-size:9px;font-weight:600}.reminder-channel small{margin-left:auto;font:6px monospace;letter-spacing:1px;color:#467060}.reminder-channel p{font-size:8px;color:#355c4c;background:#f0eadf;padding:8px;border-radius:9px;margin:9px 0 0;line-height:1.6}.reminder-connector{width:9%;align-self:stretch;position:relative;display:flex;align-items:center}.reminder-connector svg{width:100%;height:80%;overflow:visible}.reminder-connector path{fill:none;stroke:#bce8c6;stroke-width:2}.reminder-connector span{position:absolute;right:0;top:50%;height:5px;width:5px;border-radius:50%;background:#1bc45b;box-shadow:0 0 8px #19c35a40}.reminder-window{width:52%;background:#fff;border:1px solid #e4dac7;border-radius:19px;overflow:hidden;box-shadow:0 18px 30px #205d4310}.reminder-browser{display:flex;align-items:center;gap:4px;padding:12px;background:#f5f0e5;border-bottom:1px solid #e4dac7}.reminder-browser i{width:5px;height:5px;border-radius:50%;background:#e9a387}.reminder-browser i:nth-child(2){background:#edc369}.reminder-browser i:nth-child(3){background:#20c45c}.reminder-browser>span{background:#fff;border:1px solid #e4dac7;padding:5px;border-radius:5px;font:5px monospace;color:#6d8578;flex:1;margin-left:5px}.reminder-content{padding:17px}.reminder-title{display:flex;gap:8px;align-items:center;justify-content:space-between}.reminder-title h3{font-size:15px;font-weight:500;margin:0;letter-spacing:-.4px}.reminder-title>span{font-size:6px;background:#c8f1d3;padding:5px 7px;border-radius:20px;white-space:nowrap}.reminder-title i{width:4px;height:4px;margin-right:3px}.reminder-content>p{font-size:8px;margin:5px 0 19px;color:#718b7f}.reminder-progress{height:5px;background:#e6ddca;border-radius:9px;overflow:hidden}.reminder-progress i{display:block;height:100%;width:74%;background:linear-gradient(90deg,#075a42 65%,#19c35a 65%);animation:reminder-wave 6s ease-in-out infinite}.reminder-template{background:#f5f0e5;padding:12px;border-radius:13px;margin:17px 0 43px}.reminder-template small,.reminder-template>span{font:6px monospace;letter-spacing:1px;color:#728a7d}.reminder-template p{font-size:9px;line-height:1.8;color:#285141;margin:9px 0}.reminder-template>span{letter-spacing:0}.reminder-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.reminder-metrics>div{background:#f5f0e5;border:1px solid #e4dac7;border-radius:10px;padding:9px 5px;text-align:center}.reminder-metrics>div:nth-child(2){background:#c8f1d3;border-color:#a2e5b6}.reminder-metrics small{font:5px monospace;letter-spacing:1.2px;display:block;color:#6a8576}.reminder-metrics strong{display:block;font-size:21px;line-height:1.5;font-weight:400}.reminder-bottom{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e4dac7;border-radius:26px;padding:12px 17px;margin-top:22px}.reminder-bottom>span{font:7px monospace;letter-spacing:1px;white-space:nowrap;border-right:1px solid #e4dac7;padding-right:14px}.reminder-bottom i{width:5px;height:5px;margin-right:5px}.reminder-bottom p{font-size:10px;color:#305746;margin:0}@keyframes reminder-wave{0%,100%{width:74%}50%{width:88%}}html[data-theme=dark] .hero{background:#13271e}html[data-theme=dark] .reminder-visual{color:#153b33}html[data-theme=dark] h1>span{background:none;color:#8cdbab;-webkit-text-fill-color:currentColor}html[data-theme=dark] .feature-section{background:#172c22}html[data-theme=dark] .channel-card,html[data-theme=dark] .feature{background:#1d3428!important;color:#e2ecdf;border-color:#3b5140}
@media(max-width:1050px){.hero-grid{gap:28px;grid-template-columns:.9fr 1.1fr}.reminder-channel small{display:none}.reminder-title>span{display:none}.reminder-content{padding:12px}.reminder-title h3{font-size:13px}.reminder-template{margin-bottom:25px}.reminder-channel{padding:10px}.reminder-metrics strong{font-size:17px}}@media(max-width:760px){.hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:43px}.reminder-visual{width:100%;max-width:650px;margin:auto}.reminder-channels{width:38%;gap:12px}.reminder-window{width:54%}.reminder-connector{width:8%}.reminder-channel p{font-size:7px;padding:6px}.reminder-channel strong{font-size:8px}.reminder-channel .brand-icon{width:17px;height:17px}.reminder-channel svg{width:16px;height:16px}.reminder-template p{font-size:8px}.reminder-content>p{font-size:7px}.reminder-title h3{font-size:12px}.reminder-bottom p{font-size:8px}.reminder-bottom{padding:10px 12px;gap:10px}.reminder-browser{padding:9px}.reminder-browser>span{font-size:4px}.reminder-metrics>div{padding:7px 2px}.reminder-metrics strong{font-size:16px}.reminder-template{padding:9px;margin-bottom:22px}.reminder-metrics{gap:5px}.reminder-badge{font-size:6px}.reminder-channel>div{gap:4px}}@media(prefers-reduced-motion:reduce){.reminder-progress i{animation:none}}
/* Figma prototype composition */
.announcement{background:#272727;color:#e7e8e3;text-align:center;padding:12px 20px;font-size:11px}.announcement>span{color:#39bd77}.announcement a{margin-left:5px}.header{position:relative;top:0;padding:0;background:#fff}.header .nav{max-width:1320px;min-height:88px;border:0;border-radius:0;background:#fff;box-shadow:none;backdrop-filter:none;padding:18px 30px}.hero-grid{display:flex;flex-direction:column;gap:0;padding-top:65px;padding-bottom:60px;max-width:1320px!important}.hero-copy{text-align:center;max-width:1100px;width:100%;margin:auto}.hero-copy .eyebrow{justify-content:center;width:max-content;margin:auto;background:#fffefb;border-color:#e2dccd;font-size:8px;letter-spacing:1px;padding:8px 13px}.hero h1{font-size:clamp(42px,5.3vw,76px);font-weight:500;line-height:1.13;letter-spacing:-3.3px;margin:25px 0}.hero h1>span{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;color:#647b4e;background:none;-webkit-text-fill-color:currentColor}.hero-copy>p{max-width:860px;margin:0 auto 30px;font-size:15px;color:#7e867a}.hero-copy .actions,.hero-copy .hero-note,.hero-copy .channel-mini,.hero-copy .motion-controls{justify-content:center}.hero-note,.channel-mini,.motion-controls{display:none!important}.hero .reminder-visual{width:100%;max-width:1260px;margin:58px auto 0}.reminder-badge{font-size:9px;padding:11px 20px;margin-bottom:24px}.reminder-flow{align-items:center;gap:0}.reminder-channels{width:29%;gap:18px}.reminder-channel{padding:15px;border-radius:17px}.reminder-channel strong{font-size:12px}.reminder-channel small{font-size:7px;display:block}.reminder-channel .brand-icon{width:28px;height:28px}.reminder-channel svg{width:25px;height:25px}.reminder-channel p{font-size:11px;padding:9px 11px;margin-top:10px}.reminder-connector{width:6%}.reminder-checks{width:19%;padding-right:6%;position:relative}.reminder-checks:after{content:'';position:absolute;top:50%;right:0;width:calc(100% * .24);height:2px;background:#1bc45b}.rsvp-card,.checks-card{background:#fff;border:1px solid #e4dac7;border-radius:17px;padding:17px;box-shadow:0 9px 16px #205d4309}.rsvp-card{text-align:center;margin-bottom:15px}.rsvp-card small,.rsvp-card>span,.checks-card small{font:8px monospace;letter-spacing:2px;color:#668174}.rsvp-card strong{font-size:43px;font-weight:400;display:block;line-height:1.5}.rsvp-card>span{font-size:7px}.checks-card p{font-size:10px;color:#366249;margin:8px 0}.checks-card small{font-size:7px;letter-spacing:1px}.reminder-window{width:46%;border-radius:23px}.reminder-browser{padding:15px 18px;gap:6px}.reminder-browser i{width:8px;height:8px}.reminder-browser>span{font-size:8px;padding:7px 10px;margin-left:9px}.reminder-content{padding:24px}.reminder-title h3{font-size:23px;letter-spacing:-.7px}.reminder-title>span{font-size:9px;padding:8px 12px}.reminder-content>p{font-size:11px;margin-bottom:25px}.reminder-progress{height:7px}.reminder-template{padding:16px;margin:23px 0 70px}.reminder-template small,.reminder-template>span{font-size:9px}.reminder-template p{font-size:13px}.reminder-metrics{gap:11px}.reminder-metrics>div{padding:12px 8px;border-radius:14px}.reminder-metrics small{font-size:7px}.reminder-metrics strong{font-size:29px}.reminder-bottom{margin-top:30px;padding:15px 24px}.reminder-bottom p{font-size:17px}.reminder-bottom>span{font-size:9px}.telegram-symbol{width:28px;height:28px;background:#24a6dc;color:#fff;display:grid;place-items:center;border-radius:50%;font-size:19px}.moment-section{padding-top:25px;padding-bottom:0}.moment-banner{max-width:1260px;min-height:340px;background:#133c30;border-color:#275746;padding:45px 65px;border-radius:18px}.moment-copy h2{font-size:46px;color:#fff;font-weight:500;letter-spacing:-1.5px}.moment-copy p{font-size:14px;color:#c3cfc0;max-width:430px}.milestone-label{background:#254e43;border-color:#577e66;color:#e6efe5;box-shadow:0 8px 20px #051e1433}.milestone-three .milestone-label{background:#1ac359;border-color:#48cf77;box-shadow:0 0 30px #29c95c40}.milestone-wire{background:linear-gradient(transparent,#7cbc8e77)}.milestone-wire:after{background:#45cf71;box-shadow:0 0 15px #32cb66}.moment-beam{display:none}.connection-section{background:#f3efe5;max-width:none!important;padding-top:80px;padding-bottom:55px}.connection-section .section-heading{max-width:900px}.connection-section h2{font-size:48px;font-weight:500;color:#182e26}.connection-section h2 em{font-family:Georgia,serif;color:#62794d;font-weight:400}.connection-node{background:#fffefb;border-color:#e5ddcc;color:#274c3b;box-shadow:0 7px 15px #335e3907}.connection-node div>span{color:#7e947b}.connection-core .core-chip{background:linear-gradient(135deg,#548963,#234d39);border-color:#8cba91;box-shadow:0 0 40px #60a57825}.connection-core .core-caption{color:#6d886a}.path-base path{stroke:#9fbea0}.path-flow path{stroke:#35bd65}.section-heading .eyebrow{letter-spacing:1px;font-size:9px}.section-heading .eyebrow:before{content:'';width:22px;height:1px;background:#8d9a78}.channel-grid{gap:25px}.event-section{padding-top:70px}.capabilities-grid>article{background:#f2eee3;color:#244735;border-color:#e0d7c4}.capability-bottom p{color:#7e8978}.foundation-card-inner{background:linear-gradient(145deg,#fffefb,#ede9dc);border-color:#ded7c5;color:#204330}.foundation-card p{color:#7f8876}.foundation-integrations .foundation-card-inner{background:#26563d;color:white}.foundation-integrations p{color:#b5cbb4}.feature-section{padding-top:75px}.faq-list{border-color:#e4dac7}.usecases{border-color:#e4dac7}.foundation-section{padding-top:60px}.feature h3{font-weight:500}.footer-bottom{border-color:#e4dac7}html[data-theme=dark] .hero h1>span{color:#a5be91}html[data-theme=dark] .header{background:#13271e}html[data-theme=dark] .header .nav{background:#13271e}html[data-theme=dark] .connection-section{background:#1b3025}html[data-theme=dark] .connection-section h2{color:#eef4e9}
@media(max-width:1000px){.reminder-checks{padding-right:3%;width:20%}.reminder-window{width:45%}.reminder-channels{width:29%}.reminder-title h3{font-size:19px}.reminder-channel p{font-size:9px}.reminder-channel strong{font-size:10px}.reminder-channel small{font-size:6px}.checks-card{padding:12px}.checks-card p{font-size:8px}.reminder-template{margin-bottom:35px}.reminder-content{padding:18px}.reminder-template p{font-size:11px}.moment-banner{padding:40px}.connection-section h2{font-size:40px}}
@media(max-width:760px){.announcement{font-size:9px;padding:10px 16px}.announcement>span{display:block}.header .nav{padding:16px 22px;min-height:0}.hero-grid{padding-top:38px;padding-bottom:35px}.hero h1{font-size:40px;letter-spacing:-1.6px}.hero-copy>p{font-size:13px}.hero .reminder-visual{margin-top:35px}.reminder-flow{flex-wrap:wrap;row-gap:22px}.reminder-channels{width:57%;gap:10px}.reminder-connector{width:7%;height:290px;align-self:auto}.reminder-checks{width:36%;padding-right:0;padding-left:5px}.reminder-checks:after{display:none}.reminder-channel{padding:10px;border-radius:13px}.reminder-channel p{font-size:8px}.reminder-channel strong{font-size:9px}.reminder-channel small{display:none}.reminder-channel .brand-icon,.telegram-symbol{width:23px;height:23px}.reminder-channel svg{width:20px;height:20px}.reminder-window{width:100%;border-radius:18px}.reminder-title h3{font-size:21px}.reminder-title>span{display:block}.reminder-browser>span{font-size:7px}.reminder-content>p{font-size:10px}.reminder-template{margin-bottom:30px}.reminder-template p{font-size:12px}.reminder-metrics strong{font-size:25px}.reminder-bottom p{font-size:10px}.reminder-bottom{padding:12px 14px;margin-top:18px}.rsvp-card{padding:10px}.rsvp-card strong{font-size:33px}.rsvp-card small{font-size:6px;letter-spacing:1px}.checks-card{padding:11px}.checks-card p{font-size:8px}.moment-banner{padding:29px 26px;min-height:0}.moment-copy h2{font-size:32px}.moment-copy p{font-size:12px}.connection-section{padding-top:55px}.connection-section h2{font-size:31px}.event-section{padding-top:40px}.foundation-section{padding-top:30px}}
/* Four-channel reference layout and forest-green header action */
.header .nav-actions .button{background:#183e32;border-color:#183e32;color:#fff;box-shadow:none}.header .nav-actions .button:hover{background:#245442}.brand-telegram{color:#24a6dc;background:#e1f3fc}.connection-diagram{min-height:490px;max-width:1120px;grid-template-columns:1fr 1.3fr 1fr;padding-bottom:40px}.connection-inputs,.connection-outputs{height:420px;justify-content:space-between;gap:0}.connection-node{min-height:64px;width:215px;padding:13px 15px;border-radius:14px;background:#fffefa;border:0;box-shadow:none}.connection-node strong{color:#1f332b;font-size:12px}.connection-node div>span{font-size:9px;color:#7d887d}.connection-node .brand-icon{width:32px;height:32px}.connection-outputs{padding-bottom:100px}.telegram-output{position:absolute;bottom:40px;right:25px}.connection-paths{height:calc(100% - 40px)}.core-chip{width:185px;height:135px;border-radius:15px;background:#fffefa!important;border:0;box-shadow:none!important;animation:none}.core-chip .brandmark{background:#1b4738;color:white;font-size:30px;width:44px;height:36px;margin-bottom:5px}.core-chip strong{font-size:23px;color:#162f24;font-weight:500}.core-chip>span:last-child{font-size:8px;letter-spacing:0;color:#7e8b7e;margin-top:4px}.core-halo,.core-caption{display:none}.path-base path{stroke:#cbd1ca!important;stroke-width:1;opacity:1}.path-flow path{stroke:#42bc69;stroke-width:1;opacity:.5}.connection-legend{display:none}.channel-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.channel-card{border-radius:12px;padding:27px 25px;background:#fffefa!important;border-color:#e8e4d8}.channel-card h3{font-size:18px}.channel-card>strong{font-size:11px}.channel-card p{font-size:12px;line-height:1.9}.channel-card.telegram:before{background:#24a6dc}.channel-card.telegram>.brand-icon{background:#e1f3fc}.connection-section{padding-bottom:35px}#channels{background:#f3efe5;max-width:none;padding-top:25px}#channels>.section-heading,#channels>.channel-grid{max-width:1260px;margin-left:auto;margin-right:auto}#channels>.section-heading{margin-bottom:30px}.node-symbol{background:#eaecdf;color:#708269}html[data-theme=dark] .connection-node{background:#203d2d}html[data-theme=dark] .connection-node strong{color:#e4efdf}html[data-theme=dark] #channels{background:#1b3025}
@media(max-width:1000px){.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.connection-node{width:180px;padding:12px}.connection-diagram{max-width:930px}.connection-node strong{font-size:10px}.core-chip{width:150px;height:125px}}@media(max-width:760px){.connection-diagram{min-height:385px;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:0 0 20px}.connection-inputs,.connection-outputs{height:340px}.connection-outputs{padding-bottom:88px}.connection-node{width:100%;min-height:60px;padding:9px 6px;gap:5px}.connection-node strong{font-size:8px}.connection-node div>span{display:none}.telegram-output{right:0;bottom:20px;width:calc((100% - 24px)/3)}.core-chip{width:95px;height:110px}.core-chip strong{font-size:16px}.core-chip>span:last-child{font-size:5px}.core-chip .brandmark{width:32px;height:28px;font-size:24px}.connection-paths{height:calc(100% - 20px)}.channel-grid{grid-template-columns:1fr;gap:15px}.channel-card{padding:26px}.connection-node .brand-icon{width:25px;height:25px}.channel-card h3{font-size:20px}}
/* Diagram geometry: four aligned rows, one shared central junction. */
.connection-diagram{width:100%;max-width:1120px;height:440px;min-height:440px;margin:40px auto 0;padding:0;display:grid;grid-template-columns:240px 1fr 240px;gap:0;align-items:center}.connection-inputs,.connection-outputs{height:420px;padding:0;display:grid;grid-template-rows:repeat(4,70px);align-content:space-between;gap:0;z-index:2}.connection-outputs{justify-items:end}.connection-node,.telegram-output{position:relative;inset:auto;width:220px;min-height:70px;padding:14px 16px;display:flex;flex-direction:row;align-items:center;gap:11px;background:#fffefa;border:1px solid #ede8dc;border-radius:14px;box-shadow:none}.connection-node strong{font:500 14px/1.35 'Segoe UI',Arial,sans-serif;color:#172f26}.connection-node div>span{display:block;font:11px/1.5 'Segoe UI',Arial,sans-serif;color:#7b887e;margin-top:3px}.connection-node>i{display:none}.connection-node .brand-icon,.node-symbol{width:35px;height:35px;border-radius:10px;flex-shrink:0}.connection-node svg{width:26px;height:26px}.connection-node .brand-whatsapp{background:#05c348;color:white;border-radius:50%}.connection-node .brand-facebook{background:#1877f2;color:white;border-radius:50%}.connection-node .brand-instagram{background:linear-gradient(35deg,#ffb34c,#f03275,#9b39c1);color:white}.connection-node .brand-telegram{background:#24a6dc;color:white;border-radius:50%}.node-symbol{font-size:21px;background:#eaeddf;color:#6b846a}.connection-core{position:relative;z-index:2;align-self:center}.core-chip{width:195px;height:140px;margin:auto;background:#fffefa!important;border:1px solid #eee8dc;border-radius:16px;box-shadow:none!important}.core-chip strong{font:500 25px/1.4 'Segoe UI',Arial,sans-serif}.core-chip>span:last-child{font:10px/1.5 'Segoe UI',Arial,sans-serif;letter-spacing:0}.connection-paths{inset:0;width:100%;height:440px;z-index:0}.path-base path{fill:none;stroke:#cbd1ca!important;stroke-width:1.2;opacity:1}.path-flow path{fill:none;stroke:#72ba87;stroke-width:1.3;opacity:.5}.connection-section{padding-bottom:30px}#channels{padding-top:35px}#channels .section-heading{margin-bottom:35px}.channel-grid{align-items:stretch;gap:22px}.channel-card{display:flex;flex-direction:column;padding:29px;min-height:340px}.channel-card h3{font-size:20px;line-height:1.35;margin:22px 0 10px}.channel-card>strong{font-size:12px;line-height:1.6;font-weight:500}.channel-card p{font-size:13px;line-height:1.85;margin:12px 0 22px}.channel-tags{margin-top:auto;font-size:10px;line-height:1.8}.channel-link{font-size:11px;margin-top:18px}.channel-card>.brand-icon{width:44px;height:44px}.channel-card .brand-whatsapp{background:#cbf0d3;color:#00b644}.channel-card .brand-facebook{background:#d2e3ff;color:#1877f2}.channel-card .brand-instagram{background:#ecd2e8;color:#bd4197}.channel-card .brand-telegram{background:#def1fa;color:#24a6dc}
@media(max-width:1000px){.connection-diagram{grid-template-columns:200px 1fr 200px}.connection-node{width:190px;padding:13px 11px;gap:9px}.connection-node strong{font-size:12px}.connection-node div>span{font-size:9px}.core-chip{width:165px;height:130px}.channel-card{padding:25px}}
@media(max-width:760px){.connection-diagram{height:350px;min-height:350px;grid-template-columns:minmax(0,1fr) 105px minmax(0,1fr);gap:10px;margin-top:25px}.connection-inputs,.connection-outputs{height:330px;grid-template-rows:repeat(4,65px)}.connection-node,.telegram-output{width:100%;height:65px;min-height:65px;padding:7px 4px;flex-direction:column;justify-content:center;gap:4px;border-radius:10px;text-align:center}.connection-node strong{font-size:9px;line-height:1.3}.connection-node div>span{display:none}.connection-node .brand-icon,.node-symbol{width:25px;height:25px;border-radius:7px}.connection-node svg{width:19px;height:19px}.node-symbol{font-size:17px}.core-chip{width:105px;height:110px;border-radius:12px}.core-chip strong{font-size:17px}.core-chip>span:last-child{font-size:6px}.core-chip .brandmark{width:31px;height:28px;font-size:24px}.connection-paths{height:350px}.channel-card{min-height:0;padding:27px}.channel-card h3{font-size:21px}.channel-card p{font-size:13px}.channel-tags{margin-top:0}#channels{padding-top:30px}.connection-section{padding-bottom:15px}}
/* Unified landing-page scale and rhythm */
body{font-size:16px;line-height:1.65}.site-stage .wrap{max-width:1260px;padding-left:32px;padding-right:32px}.header .nav{max-width:1260px;min-height:88px}.nav nav,.nav-actions{font-size:14px}.nav nav{gap:26px}.brand{font-size:24px}.button{font-size:14px;min-height:46px;padding:12px 23px}.button.compact{font-size:13px;min-height:40px}.hero-grid{padding-top:65px;padding-bottom:64px}.hero h1{font-size:clamp(42px,5vw,68px);letter-spacing:-2.7px;line-height:1.13}.hero-copy>p{font-size:16px;line-height:1.8;max-width:790px}.hero-copy .eyebrow{font-size:10px}.announcement{font-size:12px}.section{padding-top:76px;padding-bottom:76px}.section-heading{margin-bottom:36px}.section-heading h2,.connection-section h2,.foundation-section h2{font-size:clamp(30px,3.2vw,44px);line-height:1.2;letter-spacing:-1.5px}.section-heading p{font-size:15px;line-height:1.8;max-width:630px}.eyebrow,.section-heading .eyebrow{font-size:10px;letter-spacing:1.2px}.connection-section{padding-top:72px;padding-bottom:36px}.connection-diagram{height:400px;min-height:400px;max-width:1100px;grid-template-columns:240px 1fr 240px;margin-top:30px}.connection-inputs,.connection-outputs{height:380px;grid-template-rows:repeat(4,70px)}.connection-paths{height:400px}.connection-node strong{font-size:14px}.connection-node div>span{font-size:11px}.connection-core .core-chip{transform:none}.channel-card{min-height:350px;padding:26px 23px}.channel-card h3{font-size:20px;margin-top:21px}.channel-card>strong{font-size:13px}.channel-card p{font-size:14px;line-height:1.75}.channel-tags{font-size:11px}.channel-link{font-size:12px}#channels{padding-top:28px;padding-bottom:76px}.channel-grid{gap:20px}.event-section{padding-top:76px;padding-bottom:76px;gap:60px}.event-copy>p{font-size:15px}.event-checks{font-size:13px}.text-link{font-size:13px}.feature-section{padding:76px 0}.feature{padding:26px}.feature h3{font-size:19px}.feature p{font-size:14px;line-height:1.8}.capability-bottom p{font-size:14px}.capability-intro p{font-size:14px}.capability-intro>a{font-size:12px}.capability-label{font-size:9px}.capabilities-grid{margin-top:36px}.steps h3{font-size:17px}.steps p{font-size:14px}.step-number{font-size:12px}.workflow{padding:38px}.faq{gap:60px;padding-bottom:76px}.faq-list summary{font-size:15px}.faq-list p{font-size:14px}.cta{margin-bottom:60px;padding:48px 35px}.cta h2{font-size:40px}.cta p{font-size:15px}.footer-main p,.footer-main>div:not(:first-child){font-size:13px}.footer-main strong{font-size:13px}.footer-bottom{font-size:11px}.usecases>span{font-size:10px}.usecases b{font-size:14px}.foundation-card p{font-size:13px}.foundation-card h3{font-size:19px}.foundation-card-inner{min-height:250px;padding:26px 21px}.foundation-section{padding-top:50px;padding-bottom:80px}.moment-copy h2{font-size:40px}.moment-copy p{font-size:15px}.moment-banner{min-height:310px;padding:38px 45px}.milestone-label{font-size:11px}.moment-visual{min-height:230px}.reminder-channel strong{font-size:13px}.reminder-channel p{font-size:12px}.reminder-channel small{font-size:8px}.reminder-content>p{font-size:12px}.reminder-template p{font-size:14px}.reminder-metrics small{font-size:9px}.reminder-bottom p{font-size:16px}.connection-node .brand-icon svg{width:25px;height:25px}.reveal-ready{transition-duration:.6s}.foundation-cards{gap:16px}
@media(min-width:761px) and (max-width:1050px){.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.connection-diagram{grid-template-columns:205px 1fr 205px}.connection-node{width:195px;padding:12px}.connection-node strong{font-size:12px}.connection-node div>span{font-size:10px}.core-chip{width:155px}.reminder-checks{width:20%;padding-right:3%}.reminder-channel small{display:none}.event-section{gap:30px}.foundation-card p{font-size:12px}}
@media(max-width:760px){.site-stage .wrap{padding-left:22px;padding-right:22px}.header .nav{padding:16px 22px;gap:14px}.nav nav{font-size:12px;gap:22px}.nav-actions{font-size:12px}.button.compact{font-size:11px;min-height:34px;padding:8px 13px}.brand{font-size:20px}.brandtag{font-size:7px}.hero-grid{padding-top:35px;padding-bottom:40px}.hero h1{font-size:clamp(36px,8.3vw,49px);letter-spacing:-1.6px}.hero-copy>p{font-size:14px;line-height:1.8}.hero-copy .eyebrow{font-size:8px}.hero .actions{gap:10px}.hero .button{font-size:12px;padding:12px 16px;gap:12px}.announcement{font-size:10px}.section{padding-top:48px;padding-bottom:48px}.section-heading h2,.connection-section h2,.foundation-section h2{font-size:30px;letter-spacing:-1px}.section-heading p{font-size:14px}.eyebrow,.section-heading .eyebrow{font-size:8px}.connection-section{padding-top:48px;padding-bottom:20px}.connection-diagram{height:340px;min-height:340px;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);gap:8px;margin-top:24px}.connection-inputs,.connection-outputs{height:320px;grid-template-rows:repeat(4,65px)}.connection-node{width:100%;min-height:65px;padding:7px 4px;flex-direction:column;gap:4px}.connection-node strong{font-size:10px}.connection-node div>span{display:none}.connection-node .brand-icon,.node-symbol{width:25px;height:25px}.connection-node .brand-icon svg{width:20px;height:20px}.connection-paths{height:340px}.core-chip{width:100px;height:105px}.core-chip strong{font-size:17px}.core-chip>span:last-child{font-size:7px}.channel-grid{grid-template-columns:1fr;gap:16px}.channel-card{min-height:0;padding:27px}.channel-card h3{font-size:21px}.channel-card p{font-size:14px}.channel-card>strong{font-size:13px}.channel-tags{margin-top:0}.channel-link{font-size:12px}#channels{padding-top:24px;padding-bottom:48px}.event-section{grid-template-columns:1fr;gap:28px;padding-top:48px;padding-bottom:48px}.event-copy>p{font-size:14px}.event-checks{font-size:12px}.feature-section{padding:48px 0}.feature h3{font-size:19px}.feature p{font-size:14px}.workflow{padding:26px}.steps h3{font-size:16px}.steps p{font-size:13px}.faq{gap:20px;padding-bottom:48px}.faq-list summary{font-size:14px}.faq-list p{font-size:13px}.cta{padding:32px 25px;margin-bottom:42px}.cta h2{font-size:30px}.cta p{font-size:14px}.foundation-section{padding-top:30px;padding-bottom:48px}.foundation-card-inner{min-height:235px;padding:21px 12px}.foundation-card h3{font-size:15px}.foundation-card p{font-size:11px;line-height:1.75}.foundation-cards{gap:14px 10px}.moment-banner{min-height:0;padding:29px 26px}.moment-copy h2{font-size:31px}.moment-copy p{font-size:14px}.milestone-label{font-size:9px}.reminder-channel strong{font-size:10px}.reminder-channel p{font-size:9px}.reminder-channel small{display:none}.reminder-template p{font-size:12px}.reminder-metrics small{font-size:8px}.reminder-bottom p{font-size:11px}.reminder-bottom>span{font-size:8px}.reminder-content>p{font-size:10px}.footer-main p,.footer-main>div:not(:first-child){font-size:12px}.usecases b{font-size:12px}.capabilities-grid>article{min-width:0}.capability-bottom p{font-size:13px}.capability-intro p{font-size:13px}}
/* Figma alignment: a shared grid and clean central connections. */
.connection-diagram{max-width:1120px;grid-template-columns:240px 1fr 240px}.connection-core{justify-self:center;width:196px}.core-chip{width:196px;height:140px}.connection-paths{height:400px}.connection-inputs,.connection-outputs{height:380px}#channels>.section-heading{display:none}#channels{padding-top:20px;padding-bottom:80px}.connection-section{padding-bottom:28px}.channel-grid{max-width:1260px;margin:auto;gap:26px}.channel-card{min-height:330px;padding:28px}.connection-section .section-heading{margin-bottom:28px}.connection-section .section-heading p{max-width:600px}.channel-card>strong{display:none}.channel-card p{margin-top:8px}.channel-card h3{margin-bottom:8px}.channel-tags{padding-top:16px}.usecases{max-width:1196px;margin:auto}.event-section .section-heading,.event-copy{max-width:540px}.event-section{gap:65px}.faq{grid-template-columns:1fr 1.25fr}.foundation-cards{max-width:800px}.foundation-section .section-heading{margin-left:auto;margin-right:auto}.hero .reminder-visual{max-width:1196px}.moment-banner{max-width:1196px}.feature-section>.wrap>.section-heading{max-width:750px}.cta{max-width:1196px;margin-left:auto;margin-right:auto}.hero-grid{gap:0}.reminder-template{min-height:115px}.reminder-channel{min-height:102px}.reminder-window{align-self:stretch}.reminder-content{display:flex;flex-direction:column;min-height:calc(100% - 59px)}.reminder-metrics{margin-top:auto}.reminder-template{margin-bottom:40px}
@media(max-width:1000px) and (min-width:761px){.connection-diagram{grid-template-columns:205px 1fr 205px}.connection-core{width:165px}.core-chip{width:165px}.channel-card{min-height:300px}}
@media(max-width:760px){.connection-diagram{grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);max-width:none}.connection-core{width:100px}.core-chip{width:100px;height:105px}.connection-paths{height:340px}.connection-inputs,.connection-outputs{height:320px}#channels{padding-top:16px;padding-bottom:48px}.channel-grid{gap:16px}.channel-card{min-height:0;padding:26px}.event-section{gap:28px}.faq{grid-template-columns:1fr}.reminder-channel{min-height:0}.reminder-template{min-height:0;margin-bottom:25px}.reminder-window{align-self:auto}.reminder-content{min-height:0}.reminder-metrics{margin-top:0}.connection-section{padding-bottom:15px}}
/* One shared content grid: full-bleed backgrounds, aligned inner content. */
:root{--landing-width:1260px;--landing-gutter:32px}html,body{max-width:100%}.site-stage{width:100%;min-width:0}.site-stage .wrap,.site-stage .hero-grid{width:100%;max-width:var(--landing-width)!important;margin-left:auto;margin-right:auto;padding-left:var(--landing-gutter);padding-right:var(--landing-gutter)}.site-stage #connected-workspace,.site-stage #channels{max-width:none!important;width:100%;padding-left:max(var(--landing-gutter),calc((100% - var(--landing-width))/2 + var(--landing-gutter)));padding-right:max(var(--landing-gutter),calc((100% - var(--landing-width))/2 + var(--landing-gutter)))}.site-stage #channels>.channel-grid{width:100%;max-width:none;margin-left:0;margin-right:0}.site-stage .connection-diagram{width:100%;max-width:none;margin-left:0;margin-right:0;grid-template-columns:240px minmax(0,1fr) 240px}.site-stage .hero .reminder-visual,.site-stage .moment-banner,.site-stage .cta,.site-stage .capabilities-grid{width:100%;max-width:none;margin-left:0;margin-right:0}.site-stage .event-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px}.site-stage .faq{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.site-stage .features{grid-template-columns:repeat(3,minmax(0,1fr))}.site-stage .channel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.site-stage .channel-card,.site-stage .event-board,.site-stage .feature,.site-stage .faq-list{min-width:0}.site-stage .channel-card{padding:26px 22px}.connection-node{width:220px}.connection-outputs{justify-items:end}.connection-core{width:196px}.foundation-cards{width:100%}.reminder-visual{min-width:0}.reminder-flow>*{min-width:0}
@media(min-width:761px) and (max-width:1050px){.site-stage .channel-grid,.site-stage .features{grid-template-columns:repeat(2,minmax(0,1fr))}.site-stage .connection-diagram{grid-template-columns:195px minmax(0,1fr) 195px}.connection-node{width:185px}.connection-core,.core-chip{width:150px}.site-stage .event-section{gap:28px}.site-stage .faq{gap:30px}.reminder-title{flex-wrap:wrap}.reminder-title>span{display:none}}
@media(max-width:760px){:root{--landing-gutter:22px}.site-stage .connection-diagram{grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);gap:10px}.connection-node{width:100%}.connection-core,.core-chip{width:100px}.site-stage .channel-grid,.site-stage .features,.site-stage .event-section,.site-stage .faq{grid-template-columns:minmax(0,1fr)}.site-stage .channel-card{padding:26px}.site-stage .event-section{gap:28px}.site-stage .faq{gap:22px}.hero-copy,.section-heading{min-width:0}.hero h1{overflow-wrap:normal}.reminder-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.reminder-browser>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Wide-screen Figma proportions: retain ~8% side margins, not a fixed narrow column. */
:root{--landing-width:1600px;--landing-gutter:32px}.site-stage .hero-grid{max-width:var(--landing-width)!important}.header .nav{max-width:var(--landing-width)!important}.hero-copy{max-width:1200px}.hero-copy>p{max-width:900px}.hero .reminder-visual{max-width:none}.hero h1{font-size:clamp(42px,4.45vw,80px);line-height:1.13}.reminder-checks{padding-right:5%;width:20%}.reminder-channels{width:29%}.reminder-connector{width:6%}.reminder-window{width:45%}.connection-diagram{grid-template-columns:260px minmax(0,1fr) 260px!important}.connection-node{width:240px}.channel-grid{gap:28px}.moment-banner{padding-left:65px;padding-right:65px}
@media(min-width:761px) and (max-width:1200px){:root{--landing-width:1100px;--landing-gutter:30px}.site-stage .connection-diagram{grid-template-columns:195px minmax(0,1fr) 195px!important}.connection-node{width:185px}.moment-banner{padding-left:38px;padding-right:38px}}
@media(max-width:760px){:root{--landing-width:100%;--landing-gutter:22px}.hero h1{font-size:clamp(36px,8.3vw,49px)}.site-stage .connection-diagram{grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr)!important}.connection-node{width:100%}.reminder-channels{width:57%}.reminder-connector{width:7%}.reminder-checks{width:36%;padding-right:0}.reminder-window{width:100%}.moment-banner{padding-left:26px;padding-right:26px}.channel-grid{gap:16px}}
/* Reference banner proportions: generous vertical space and suspended status labels. */
.moment-section{padding-top:40px;padding-bottom:0}.moment-banner{min-height:460px;padding:65px 80px;grid-template-columns:1fr 1.05fr;gap:45px;background:#133a30;border-radius:16px;overflow:hidden}.moment-copy .eyebrow{display:flex;color:#e2eae0;font-size:10px;letter-spacing:1.3px;font-weight:500}.moment-copy .eyebrow:before{content:'';width:22px;height:1px;background:#b7cabe;margin-right:3px}.moment-copy h2{font-size:58px;line-height:1.14;letter-spacing:-1.8px;color:#fff;font-weight:500;margin:18px 0 28px}.moment-copy p{font-size:16px;line-height:1.85;max-width:470px;color:#d0dcd2}.moment-visual{min-height:330px;align-self:stretch}.milestone-label{padding:14px 20px;font-size:14px;border-radius:14px;border-color:#75998b55;background:#214c40;color:#f2f6ed;gap:15px;box-shadow:0 10px 25px #05261a33}.milestone-label b{color:#b5dfbb}.milestone-one{top:22px;left:12%;--wire:160px;--tilt:-5deg}.milestone-two{top:95px;right:0;--wire:230px;--tilt:7deg}.milestone-three{top:175px;left:11%;--wire:310px;--tilt:4deg}.milestone-four{top:240px;right:6%;--wire:375px;--tilt:7deg}.milestone-five{top:305px;left:0;--wire:440px;--tilt:3deg}.milestone-three .milestone-label{background:linear-gradient(120deg,#149342,#19bd52);border-color:#41bc6655;box-shadow:0 0 30px #2ad16135}.milestone-wire{background:linear-gradient(transparent,#85ad9360)}.milestone-wire:after{width:9px;height:9px;left:-4px;background:#24c45e;box-shadow:0 0 18px 5px #26c75b40}.moment-beam{display:none}.moment-banner .section-particles{opacity:.45}
@media(min-width:761px) and (max-width:1150px){.moment-banner{padding:45px;gap:25px;min-height:420px}.moment-copy h2{font-size:44px}.moment-copy p{font-size:14px}.milestone-label{font-size:11px;padding:12px 14px}.moment-visual{min-height:320px}.milestone-one{left:2%}.milestone-two{right:0}.milestone-three{left:0}.milestone-four{right:0}.milestone-five{left:0}}
@media(max-width:760px){.moment-section{padding-top:28px}.moment-banner{grid-template-columns:1fr;padding:32px 27px;gap:30px;min-height:0;border-radius:16px}.moment-copy .eyebrow{font-size:8px;letter-spacing:1px}.moment-copy h2{font-size:35px;letter-spacing:-1px;margin:17px 0 20px}.moment-copy p{font-size:14px}.moment-visual{min-height:315px}.milestone-label{font-size:10px;padding:10px 12px;border-radius:9px;gap:6px}.milestone-one{top:10px;left:0;--wire:35px}.milestone-two{top:70px;right:0;--wire:95px}.milestone-three{top:130px;left:0;--wire:155px}.milestone-four{top:190px;right:0;--wire:215px}.milestone-five{top:250px;left:0;--wire:275px}.milestone-wire:after{width:6px;height:6px;left:-2.5px}}
/* Verified against the supplied Eventora prototype recording. */
.site-stage .capabilities-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:40px;margin-bottom:70px}.capabilities-grid>article{border-radius:8px;background:#fffef8!important;border:1px solid #eae6d9;box-shadow:none;color:#1b392b;min-height:330px}.capability-intro{padding:30px!important;background:#fffef8!important}.capability-intro .eyebrow{color:#8b947e}.capability-intro h3{font-size:29px;line-height:1.28;color:#1b392b;margin:22px 0;font-weight:500}.capability-intro p{color:#87917d;line-height:1.85;font-size:14px;max-width:270px}.capability-intro>a{color:#273f2c;font-size:12px}.intro-sparkles{display:none}.capability-dashboard{background:#fffef8!important}.capability-label{color:#9aa08d;font-size:9px}.tilted-dashboard{background:#f3efe4;border-color:#d8d8c8;border-top:1px solid #d8d8c8;color:#213d2e;box-shadow:none;transform:rotate(-6deg);animation:none;margin-top:34px;margin-left:45px;margin-right:30px;border-radius:14px}.mini-dash-top{color:#7e8772}.mini-dash-top .brand{color:#223d2d;font-size:13px}.mini-dash-top .avatar{display:none}.tilted-dashboard h4{font-size:22px;font-weight:400;letter-spacing:-.6px}.mini-metrics{gap:35px}.mini-metrics small{color:#969b87;font-size:9px}.mini-metrics strong{color:#263e2c;font-size:30px}.mini-chart{padding:0;border:0;background:none}.mini-chart>span{display:none}.mini-chart svg{height:70px}.chart-line{stroke:#87bf92;stroke-width:2}.chart-secondary,.chart-grid{display:none}.capability-dashboard .capability-bottom{background:linear-gradient(transparent,#fffef8 50%);padding-top:50px;color:#18392a}.capability-bottom strong{font-size:23px;font-weight:400}.capability-bottom p{color:#8b947e;font-size:13px}.capability-conversations{padding:28px!important;background:#fffef8!important}.message-stack{margin-left:0;margin-right:45px;gap:14px}.floating-message{animation:none;box-shadow:none;border-radius:11px;padding:17px;background:#0d4437;color:#fff;border-color:#235748}.floating-message p{font-size:11px;color:#bad1bf}.floating-message strong{font-size:11px}.floating-message>span:last-child{color:#abc4ae}.floating-message:nth-child(2){background:#f3efe3;border-color:#e7e2d4;color:#243f2c;margin-left:45px}.floating-message:nth-child(2) p{color:#7f8d77}.floating-message .avatar{background:#36c45d;color:#174a2c}.floating-message .brand-whatsapp{background:#185c42;color:#28cb5a}.capability-conversations .capability-bottom h3{font-size:24px;color:#183c28;font-weight:400}.capabilities-grid>.capability-ticket{background:radial-gradient(ellipse at 50% 0,#225b44,#0b392e)!important;color:#fff;border-color:#285942}.capability-ticket .capability-bottom h3{color:#e1ede0;font-size:21px;font-weight:400}.capability-ticket .capability-bottom p{color:#9cb7a0;font-size:13px}.animated-pass{background:linear-gradient(140deg,#1d5442,#113d32);border-color:#609d7250;box-shadow:0 0 30px #36bc6610;animation:none;transform:rotate(5deg);max-width:220px}.pass-code{color:#b7d5b2;max-width:90px}.pass-top{color:#6f9c78;border-color:#61876b44}.pass-verified{color:#81ba8a}.site-stage .features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-left:1px solid #e3e5da;border-top:1px solid #e3e5da}.features .feature{border:0;border-right:1px solid #e3e5da;border-bottom:1px solid #e3e5da;border-radius:0;background:#fbfaf4;box-shadow:none;padding:32px 28px;min-height:180px;transform:none!important}.features .feature-number{font:9px monospace;color:#9dA18e;letter-spacing:1px}.features .feature-number>svg{display:none}.features .feature-number>span{font-size:12px}.features .feature h3{font-size:18px;font-weight:500;color:#1c3b2a;margin:20px 0 10px}.features .feature p{font-size:13px;line-height:1.85;color:#8d9682}.feature-section{background:#f4f0e5;padding-bottom:65px}.feature-section .features{background:#fbfaf4}.eventora-statement{background:#f3efe3;text-align:center;padding:75px 25px 80px;color:#1c3527;border-top:1px solid #ece8dd}.eventora-statement>span{display:block;font:64px/1 Georgia,serif;color:#929c6b;height:48px}.eventora-statement blockquote{font-size:clamp(24px,2.7vw,38px);font-weight:400;line-height:1.3;letter-spacing:-1.3px;margin:20px auto 28px;max-width:1000px}.eventora-statement em{font-family:Georgia,serif;color:#76855d;font-weight:400}.eventora-statement small{font-size:9px;letter-spacing:1px;color:#9aa08b}.connection-inputs,.connection-outputs{grid-template-rows:70px 70px 70px 70px;align-content:initial;row-gap:20px;height:400px;padding-top:0}.connection-inputs .connection-node:nth-child(3),.connection-outputs .connection-node:nth-child(3){margin-top:60px}.connection-inputs .connection-node:nth-child(4),.connection-outputs .connection-node:nth-child(4){margin-top:60px}.site-stage .connection-diagram{height:450px;min-height:450px}.connection-paths{height:450px}.connection-core{margin-top:10px}.channel-grid{margin-top:10px!important}.reminder-channel .brand-whatsapp{background:#05bf48;color:#fff;border-radius:50%}.reminder-channel .brand-facebook{background:#1877f2;color:#fff;border-radius:50%}.reminder-channel .brand-instagram{background:linear-gradient(30deg,#ffb64a,#ef3989,#9848c4);color:white;border-radius:7px}.hero .reminder-bottom{font-size:14px}.site-stage .foundation-section{padding-top:60px}
@media(max-width:1050px){.capability-intro h3{font-size:25px}.tilted-dashboard{margin-left:20px;margin-right:-15px}.message-stack{margin-right:0}.floating-message p{font-size:9px}.features .feature{padding:26px 22px}}
@media(max-width:760px){.site-stage .capabilities-grid{grid-template-columns:1fr;gap:16px;margin-bottom:35px}.capabilities-grid>article{grid-column:1;min-height:300px}.capability-intro{padding:27px!important}.capability-intro h3{font-size:30px}.capability-dashboard{min-height:345px!important}.tilted-dashboard{margin-left:25px;margin-right:5px}.tilted-dashboard h4{font-size:19px}.capability-conversations{padding:25px!important}.floating-message{padding:13px}.floating-message strong{font-size:10px}.floating-message p{font-size:9px}.floating-message:nth-child(2){margin-left:20px}.site-stage .features{grid-template-columns:1fr}.features .feature{min-height:0;padding:27px}.features .feature h3{font-size:19px}.features .feature p{font-size:14px}.eventora-statement{padding:48px 22px}.eventora-statement blockquote{font-size:25px;letter-spacing:-.6px}.eventora-statement blockquote br{display:none}.connection-inputs,.connection-outputs{height:340px;grid-template-rows:repeat(4,65px);row-gap:18px}.connection-inputs .connection-node:nth-child(3),.connection-outputs .connection-node:nth-child(3),.connection-inputs .connection-node:nth-child(4),.connection-outputs .connection-node:nth-child(4){margin-top:0}.site-stage .connection-diagram{height:350px;min-height:350px}.connection-paths{height:350px}.connection-core{margin-top:0}.eventora-statement small{font-size:8px}}
/* Banner correction: consistent strip width and intentional two-line title. */
.site-stage .usecases{width:100%;max-width:none;margin:0;padding:27px 0}.site-stage .moment-banner{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:55px;min-height:460px;padding:65px 80px}.moment-copy{max-width:none;width:100%;min-width:0}.moment-copy h2{max-width:none;width:100%;font-size:clamp(36px,3.05vw,58px);line-height:1.14;letter-spacing:-1.8px;text-wrap:balance}.moment-copy p{max-width:560px}.moment-visual{min-width:0;width:100%;min-height:330px}.moment-section{padding-bottom:32px!important}.connection-section{padding-top:70px}
@media(min-width:1201px){.moment-copy h2{white-space:nowrap}}
@media(min-width:761px) and (max-width:1200px){.site-stage .moment-banner{padding:42px;gap:25px;min-height:420px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.moment-copy h2{font-size:36px;letter-spacing:-1.2px}.moment-copy p{font-size:14px}.milestone-label{font-size:11px;padding:12px}.milestone-one,.milestone-three{left:0}.milestone-two,.milestone-four{right:0}}
@media(max-width:760px){.site-stage .moment-banner{grid-template-columns:minmax(0,1fr);padding:30px 26px;gap:30px;min-height:0}.moment-copy h2{font-size:clamp(27px,7.1vw,36px);letter-spacing:-1px;white-space:normal;text-wrap:initial}.moment-copy p{font-size:14px}.moment-visual{min-height:315px}.moment-section{padding-bottom:24px!important}.connection-section{padding-top:45px}.site-stage .usecases{padding:22px 0}}
/* Event overview: align the remaining legacy navy preview with the Figma palette. */
.event-section .event-board{background:#fffef9;border:1px solid #e3dac8;box-shadow:0 16px 35px #244b3610;color:#1d3c2d;border-radius:18px}.event-section .board-top{background:#f2eee2;border-color:#e3dac8;color:#75866f;padding:17px 23px;font-size:10px}.event-section .board-icon{color:#4d805a}.event-section .preview-badge{background:#fffef8;border-color:#ded7c7;color:#859079;font-size:8px}.event-section .board-heading{padding:25px}.event-section .board-heading small{font-size:9px;color:#8d957d}.event-section .board-heading h3{font-size:27px;line-height:1.3;letter-spacing:-.7px;color:#1b3c2b}.event-section .board-heading p{font-size:12px;color:#85917c}.event-section .event-status{background:#ddf2de;border-color:#bde4c4;color:#357244;font-size:10px;padding:6px 10px}.event-section .board-stats{gap:12px;padding:0 25px 24px}.event-section .board-stats>div{background:#f5f0e4;border-color:#e8dfca;padding:15px;border-radius:12px}.event-section .board-stats>div>span{font-size:11px;color:#849174}.event-section .board-stats strong{font-size:30px;font-weight:500;color:#24452e;margin:7px 0 10px}.event-section .board-stats strong small{font-size:9px;color:#9ba387}.event-section .stat-track{background:#e2dfcd;height:4px}.event-section .stat-track i{background:#3c8d5c}.event-section .board-stats>div:nth-child(2) i{background:#1fc35b}.event-section .board-stats>div:nth-child(3) i{background:#9aaa70}.event-section .board-row{border-color:#e7e2d4;padding:18px 0;gap:12px}.event-section .board-row strong{font-size:13px;font-weight:500;color:#2a4933}.event-section .board-row div>span{font-size:11px;color:#8b977f}.event-section .board-row>b{font-size:10px;color:#4a8953}.event-section .board-row>b.violet-text{color:#8e9869}.event-section .row-icon,.event-section .row-icon.violet{background:#e8f0dc;color:#5e8d56;width:33px;height:33px}.event-section .board-footer{background:#f2eee2;border-color:#e3dac8;padding:16px 25px;color:#859274;font-size:10px}.event-section .team-avatars span{border-color:#f2eee2;background:#d4e3cc;color:#5b8058;font-size:8px;width:27px;height:27px}.event-section .team-avatars span:nth-child(2){background:#ecdfc7;color:#9b865e}.event-section .team-avatars span:nth-child(3){background:#c7e5d2;color:#4c805c}.event-section .board-footer>span:last-child{color:#4e845b}.event-copy h2{font-size:clamp(32px,3vw,46px);line-height:1.18;letter-spacing:-1.5px}.event-copy>p{max-width:540px;line-height:1.85}.event-checks{gap:16px;color:#78896e}.event-checks span{background:#e8f0dc;color:#48915b}.event-section{align-items:center}.event-section .event-board{width:100%}
html[data-theme=dark] .event-section .event-board{background:#19352a;color:#e5ede0;border-color:#3b5b46}html[data-theme=dark] .event-section .board-top,html[data-theme=dark] .event-section .board-footer{background:#213f30;border-color:#3b5b46}html[data-theme=dark] .event-section .board-heading h3,html[data-theme=dark] .event-section .board-stats strong,html[data-theme=dark] .event-section .board-row strong{color:#e2eddb}html[data-theme=dark] .event-section .board-stats>div{background:#24432f;border-color:#3b5b46}html[data-theme=dark] .event-section .board-row{border-color:#3b5b46}
@media(max-width:760px){.event-copy h2{font-size:31px}.event-section .board-top{padding:14px 17px;font-size:8px}.event-section .board-heading{padding:20px 18px}.event-section .board-heading h3{font-size:23px}.event-section .board-heading small{font-size:7px}.event-section .board-stats{padding:0 18px 18px;gap:8px}.event-section .board-stats>div{padding:11px 8px}.event-section .board-stats>div>span{font-size:9px}.event-section .board-stats strong{font-size:25px}.event-section .board-stats strong small{display:none}.event-section .board-row{margin:0 18px;gap:9px}.event-section .board-row strong{font-size:11px}.event-section .board-row div>span{font-size:9px}.event-section .board-row>b{font-size:8px}.event-section .board-footer{padding:14px 18px;font-size:9px}.event-section .event-status{font-size:8px}}
/* Audit fixes: accessible animation control and consistent lower-section accents. */
.hero-copy .motion-controls{display:flex!important;justify-content:center;gap:15px;margin-top:16px}.hero-copy .motion-toggle,.hero-copy .page-tour-toggle{font-size:11px;color:#68836b;padding:7px 10px}.hero-copy .motion-toggle:hover,.hero-copy .page-tour-toggle:hover{background:#e8efe0;color:#2e6241}.foundation-icon .icon-layer{background:linear-gradient(145deg,#e2eed9,#a4c29a);box-shadow:inset 0 1px 0 #fff9}.foundation-icon .icon-face{background:linear-gradient(145deg,#a9c898,#60815d 50%,#34543b);border-color:#a2bc91;color:#f2f7ea;box-shadow:inset 0 2px 4px #efffe366,inset 0 -3px 8px #29462b55,0 8px 14px #23462c18}.foundation-icon .icon-face svg{filter:drop-shadow(0 0 4px #d6e8bb66)}.foundation-card h3{color:#23472f}.foundation-integrations h3{color:#f3f8eb}.foundation-link{color:#4b8153}.footer-main>div:not(:first-child){color:#7a8873}.footer-main strong{color:#2d4a33}.footer-main a:hover{color:#24834a}.theme-toggle{border-color:#e0ddcb;color:#648264;background:#fffefa}.theme-toggle:hover{background:#eaf0e0;color:#295d3c}.reminder-badge .status-dot,.hero-copy .status-dot{background:#1bc45b;box-shadow:none}.usecases>span{color:#8c987c}.usecases b{color:#65795d}.feature-number>span{color:#8d9b78}.steps p{color:#7c8c70}.step-number{color:#4a8b53;border-color:#d4dfc6}.cta .eyebrow{color:#b3d4ad}.foundation-card-inner:hover{border-color:#b5c49c}.channel-card a:focus-visible,.button:focus-visible,.theme-toggle:focus-visible{outline-color:#4e9c60}
@media(max-width:760px){.hero-copy .motion-controls{gap:8px}.hero-copy .motion-toggle,.hero-copy .page-tour-toggle{font-size:10px}}
/* Animation audit: seamless pulse loop, visibility-aware playback, motion fallback. */
.path-flow path{stroke-dasharray:12 240;animation-name:connection-pulse-seamless;animation-duration:5s;animation-timing-function:linear}.motion-offscreen *,.motion-offscreen *:before,.motion-offscreen *:after{animation-play-state:paused!important}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.foundation-cards{overflow:visible}.pass-code{overflow:hidden}.milestone-wire:before{max-height:100%}.reveal-ready{will-change:auto}.motion-toggle[hidden],.page-tour-toggle[hidden]{display:none!important}@keyframes connection-pulse-seamless{from{stroke-dashoffset:0}to{stroke-dashoffset:-252}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1!important;transform:none!important}.section-particles,.hero-particles,.scan-line{display:none!important}}
/* Final presentation: a consistent, polished Eventora identity. */
body{font-family:'Segoe UI',Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.header .nav{min-height:90px}.brand{font-weight:750;letter-spacing:-.8px}.brandmark{border-radius:11px}.nav nav a{position:relative;padding:6px 0}.nav nav a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#20b85a;transform:scaleX(0);transition:transform .2s}.nav nav a:hover:after{transform:scaleX(1)}.hero-grid{padding-top:70px;padding-bottom:65px}.hero-copy .eyebrow{background:#fffefc;border:1px solid #e5dfd1;box-shadow:0 3px 10px #36513a03}.hero h1{font-weight:550;letter-spacing:-3px;line-height:1.1;margin-top:28px;margin-bottom:26px}.hero h1>span{color:#6e8456}.hero-copy>p{font-size:17px;line-height:1.85;color:#7f8b79;max-width:890px}.button{font-weight:600;transition:background .2s,box-shadow .2s,transform .2s}.button:hover{transform:translateY(-2px);box-shadow:0 6px 18px #17673916}.header .button:hover{box-shadow:0 6px 16px #183e3219}.button.secondary:hover{background:#f2f5e9;border-color:#c9d7bc}.hero .reminder-visual{margin-top:48px}.reminder-window{box-shadow:0 18px 42px #244f3b0b;border-color:#e4dac7}.reminder-channel{box-shadow:0 7px 18px #2c603c07}.reminder-bottom{background:#fffefc}.reminder-badge{color:#4d6c53}.connection-section{padding-top:75px}.channel-card{transition:border-color .2s,box-shadow .2s,transform .2s}.channel-card:hover{border-color:#b7cfad;box-shadow:0 12px 25px #275d3510;transform:translateY(-4px)}.channel-card h3{font-weight:600;letter-spacing:-.6px}.channel-link{font-weight:600}.event-copy .eyebrow{color:#7d916b}.event-copy h2{font-weight:500}.event-checks li{line-height:1.7}.feature-section .section-heading{margin-bottom:42px}.capabilities-grid>article{border-radius:15px}.capability-intro{padding:32px!important}.capability-intro h3{font-size:31px;letter-spacing:-1px}.capability-dashboard .capability-bottom{padding-bottom:28px}.features .feature{transition:background .2s}.features .feature:hover{background:#f1f5e8}.workflow{border-radius:18px;border-color:#e0e4d2;background:linear-gradient(120deg,#f1f4e7,#fbfaf5)}.workflow .section-heading{max-width:690px}.steps h3{letter-spacing:-.4px}.step-number{background:#fffefc;box-shadow:0 3px 9px #285e3405}.faq-list{border-radius:16px;box-shadow:0 6px 20px #244b3004;padding:5px 26px}.faq-list summary{padding:5px 0;font-weight:500;color:#31513b}.faq-list summary:after{color:#6a9560}.faq-list details p{color:#7d8e73;line-height:1.85}.cta{padding:60px 40px;border-radius:22px;background:radial-gradient(ellipse at 50% 110%,#285d39,transparent 70%),#153e2e}.cta h2{font-weight:500;font-size:45px;letter-spacing:-1.7px}.cta p{font-size:15px;max-width:580px}.cta .button{background:#27c45e;color:#fff;border-color:#27c45e}.cta .button:hover{background:#1eb254}.footer-main{padding-top:10px;padding-bottom:45px}.footer-bottom{padding:23px 0}.eventora-statement blockquote{line-height:1.35}.foundation-card-inner{box-shadow:0 8px 20px #254b2c07}.foundation-card p{line-height:1.8}.theme-toggle{transition:background .2s}.section-heading p{color:#829078}.motion-controls{opacity:.85}.motion-controls:hover{opacity:1}
@media(max-width:1050px){.hero-copy>p{font-size:16px}.capability-intro h3{font-size:27px}.cta h2{font-size:39px}}
@media(max-width:760px){.header .nav{min-height:0}.hero-grid{padding-top:37px;padding-bottom:42px}.hero h1{font-size:clamp(36px,8.5vw,49px);letter-spacing:-1.7px;margin-top:23px;margin-bottom:22px}.hero-copy>p{font-size:14px;line-height:1.8}.hero .reminder-visual{margin-top:33px}.button{min-height:44px}.capability-intro{padding:27px!important}.capability-intro h3{font-size:29px}.faq-list{padding:4px 19px}.cta{padding:37px 25px}.cta h2{font-size:31px;letter-spacing:-1px}.cta p{font-size:14px}.connection-section{padding-top:48px}.channel-card:hover{transform:none}.hero .actions{width:100%}.footer-main{padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){.nav nav a:after,.button,.channel-card,.features .feature,.theme-toggle{transition:none}.button:hover,.channel-card:hover{transform:none}}
/* Full-width black footer. */
.site-stage>footer.wrap{width:100%;max-width:none!important;background:#090b0a;color:#e8eee8;padding-left:max(var(--landing-gutter),calc((100% - var(--landing-width))/2 + var(--landing-gutter)));padding-right:max(var(--landing-gutter),calc((100% - var(--landing-width))/2 + var(--landing-gutter)));padding-top:42px}.site-stage>footer .brand{color:#fff}.site-stage>footer .footer-main p,.site-stage>footer .footer-main>div:not(:first-child){color:#a4afa5}.site-stage>footer .footer-main strong{color:#eef3ed}.site-stage>footer .footer-main a:hover{color:#65d68c}.site-stage>footer .footer-bottom{border-color:#ffffff18;color:#87958a;padding-bottom:26px}.site-stage>footer .footer-main{padding-bottom:36px}
/* Complete dark theme: forest surfaces, clear text and restrained green accents. */
html[data-theme=dark]{--ink:#e5eee4;--muted:#a3b5a2;--line:#395240}html[data-theme=dark] body,html[data-theme=dark] .site-stage{background:#0d1c15;color:#e5eee4}html[data-theme=dark] .announcement{background:#080f0b}html[data-theme=dark] .header,html[data-theme=dark] .header .nav{background:#11251a;color:#e5eee4}html[data-theme=dark] .brand,html[data-theme=dark] .nav nav,html[data-theme=dark] .nav-actions{color:#e1ecdf}html[data-theme=dark] .brandtag{border-color:#3c5941;color:#a5baa1}html[data-theme=dark] .hero{background:#11251a}html[data-theme=dark] .hero-copy .eyebrow{background:#1d3525;color:#bdd2b4;border-color:#3b5740}html[data-theme=dark] .hero-copy>p,html[data-theme=dark] .section-heading p,html[data-theme=dark] .event-copy>p{color:#a5b79f}html[data-theme=dark] .hero h1>span{color:#9fb98b}html[data-theme=dark] .button.secondary{background:#213a29;color:#deebd9;border-color:#466148}html[data-theme=dark] .theme-toggle{background:#213a29;color:#bdd8b6;border-color:#466148}html[data-theme=dark] .motion-toggle,html[data-theme=dark] .page-tour-toggle{color:#a4bb98}html[data-theme=dark] .reminder-visual{color:#e0ecdc}html[data-theme=dark] .reminder-channel,html[data-theme=dark] .reminder-window,html[data-theme=dark] .rsvp-card,html[data-theme=dark] .checks-card,html[data-theme=dark] .reminder-badge,html[data-theme=dark] .reminder-bottom{background:#1a3323;border-color:#3d5740;color:#e2ecde;box-shadow:none}html[data-theme=dark] .reminder-channel p,html[data-theme=dark] .reminder-template,html[data-theme=dark] .reminder-browser,html[data-theme=dark] .reminder-metrics>div{background:#263f2c;border-color:#405a42;color:#c1d2b8}html[data-theme=dark] .reminder-channel small,html[data-theme=dark] .reminder-content>p,html[data-theme=dark] .reminder-template small,html[data-theme=dark] .reminder-template>span,html[data-theme=dark] .rsvp-card small,html[data-theme=dark] .rsvp-card>span,html[data-theme=dark] .checks-card small,html[data-theme=dark] .reminder-metrics small{color:#9db694}html[data-theme=dark] .reminder-template p,html[data-theme=dark] .checks-card p,html[data-theme=dark] .reminder-bottom p{color:#cbdcc2}html[data-theme=dark] .reminder-browser>span{background:#14291b;border-color:#405a42;color:#a8bba0}html[data-theme=dark] .reminder-progress{background:#3a5138}html[data-theme=dark] .reminder-metrics>div:nth-child(2){background:#245a36;border-color:#398750}html[data-theme=dark] .reminder-title>span{background:#285e37;color:#cce5c5}html[data-theme=dark] .usecases{border-color:#344d37}html[data-theme=dark] .usecases b{color:#b0c0a7}html[data-theme=dark] .usecases>span{color:#8fa383}html[data-theme=dark] .connection-section,html[data-theme=dark] #channels,html[data-theme=dark] .feature-section,html[data-theme=dark] .eventora-statement{background:#14291c;border-color:#344d37}html[data-theme=dark] .connection-node,html[data-theme=dark] .core-chip{background:#203b29!important;border-color:#3a5740;color:#dcead6}html[data-theme=dark] .core-chip strong,html[data-theme=dark] .connection-node strong{color:#deebd9}html[data-theme=dark] .core-chip>span:last-child,html[data-theme=dark] .connection-node div>span{color:#a2b59a}html[data-theme=dark] .path-base path{stroke:#49634a!important}html[data-theme=dark] .channel-card,html[data-theme=dark] .feature,html[data-theme=dark] .features .feature,html[data-theme=dark] .features{background:#1a3323!important;border-color:#3a5540;color:#e0ebda}html[data-theme=dark] .features .feature h3,html[data-theme=dark] .channel-card h3{color:#deebd7}html[data-theme=dark] .channel-card p,html[data-theme=dark] .features .feature p,html[data-theme=dark] .channel-card>strong{color:#a5b89a}html[data-theme=dark] .channel-tags{border-color:#3a5540;color:#91aa87}html[data-theme=dark] .channel-link,html[data-theme=dark] .text-link{color:#89ce93}html[data-theme=dark] .capabilities-grid>.capability-intro,html[data-theme=dark] .capabilities-grid>.capability-dashboard,html[data-theme=dark] .capabilities-grid>.capability-conversations{background:#1b3524!important;color:#e0ecdb;border-color:#3c5941}html[data-theme=dark] .capability-intro h3,html[data-theme=dark] .capability-intro>a,html[data-theme=dark] .capability-bottom strong,html[data-theme=dark] .capability-conversations .capability-bottom h3{color:#deecd8}html[data-theme=dark] .capability-intro p,html[data-theme=dark] .capability-bottom p{color:#a4b99b}html[data-theme=dark] .tilted-dashboard{background:#29412c;border-color:#4a6244;color:#dfebd8}html[data-theme=dark] .mini-dash-top .brand,html[data-theme=dark] .mini-metrics strong{color:#dcebd4}html[data-theme=dark] .capability-dashboard .capability-bottom{background:linear-gradient(transparent,#1b3524 50%)}html[data-theme=dark] .floating-message:nth-child(2){background:#30472f;color:#deebd7;border-color:#455e3f}html[data-theme=dark] .floating-message:nth-child(2) p{color:#b2c7a6}html[data-theme=dark] .eventora-statement{color:#e1ebd9}html[data-theme=dark] .eventora-statement em{color:#aec596}html[data-theme=dark] .workflow,html[data-theme=dark] .faq-list{background:#1b3324;border-color:#3a5540}html[data-theme=dark] .steps p,html[data-theme=dark] .faq-list details p{color:#a7bc9c}html[data-theme=dark] .faq-list summary{color:#d9e9d1}html[data-theme=dark] .faq-list details{border-color:#3a5540}html[data-theme=dark] .foundation-card-inner{background:linear-gradient(140deg,#28432d,#1a3222);border-color:#496143}html[data-theme=dark] .foundation-card h3{color:#dfecd5}html[data-theme=dark] .foundation-card p{color:#a5b995}html[data-theme=dark] .step-number{background:#29462e;border-color:#47673f;color:#c2d9b3}html[data-theme=dark] .feature-number{color:#9ab58b}html[data-theme=dark] .event-checks{color:#a4bc97}html[data-theme=dark] .event-checks span{background:#29492e;color:#a0d18e}html[data-theme=dark] .hero-copy .motion-toggle:hover,html[data-theme=dark] .hero-copy .page-tour-toggle:hover{background:#29432d;color:#dcecd5}
/* Video-inspired ambient lighting and product motion. */
.hero-atmosphere{display:block!important;opacity:.3;pointer-events:none}.hero-atmosphere .light-beam{display:block;background:linear-gradient(90deg,transparent,#89a9ff0c,#b1c6ff30,#8aabff10,transparent);filter:blur(20px);animation:ambient-sweep 14s ease-in-out infinite}.hero-atmosphere:after{background:radial-gradient(circle,#d6e0ff70,transparent 65%)}.reminder-window{position:relative;isolation:isolate}.reminder-window:after,.capability-dashboard:after{content:'';position:absolute;left:-50%;top:-70%;width:65%;height:200%;pointer-events:none;z-index:3;background:linear-gradient(90deg,transparent,#b8d5ff0b,#dbe8ff12,transparent);transform:rotate(-30deg);animation:panel-light-pass 12s ease-in-out infinite}.reminder-window:after{animation-delay:-4s}.capability-dashboard:before{content:'';position:absolute;top:0;left:-30%;width:40%;height:2px;background:linear-gradient(90deg,transparent,#9cb5eaaa,transparent);box-shadow:0 0 12px #7eaeff55;animation:edge-trace 9s ease-in-out infinite;z-index:3}.capability-dashboard{isolation:isolate}.capability-dashboard .tilted-dashboard{animation:product-depth 11s ease-in-out infinite;transform-origin:center}.floating-message{animation:conversation-drift 8s ease-in-out infinite}.floating-message:nth-child(2){animation-delay:-4s}.animated-pass{animation:guest-pass-drift 10s ease-in-out infinite}.moment-banner{isolation:isolate}.moment-banner:after{content:'';position:absolute;top:-70%;left:0;width:24%;height:220%;background:linear-gradient(90deg,transparent,#b9dcff09,#e0edff0a,transparent);filter:blur(12px);transform:rotate(-30deg);animation:panel-light-pass 15s ease-in-out infinite;pointer-events:none;z-index:0}.moment-banner .moment-copy,.moment-banner .moment-visual{position:relative;z-index:1}.foundation-icon .icon-face{animation:reference-icon 9s ease-in-out infinite;animation-delay:var(--delay)}html[data-theme=dark] .hero-atmosphere{opacity:.8}.reminder-channel{animation:channel-breathe 10s ease-in-out infinite}.reminder-channel:nth-child(2){animation-delay:-2.5s}.reminder-channel:nth-child(3){animation-delay:-5s}.reminder-channel:nth-child(4){animation-delay:-7.5s}
@keyframes ambient-sweep{0%,100%{transform:rotate(-38deg) translateX(-35px);opacity:.25}50%{transform:rotate(-29deg) translateX(80px);opacity:.85}}@keyframes panel-light-pass{0%,20%{left:-70%;opacity:0}35%{opacity:1}70%,100%{left:140%;opacity:0}}@keyframes edge-trace{0%,20%{left:-40%;opacity:0}35%{opacity:1}80%,100%{left:110%;opacity:0}}@keyframes product-depth{0%,100%{transform:perspective(900px) rotateY(-5deg) rotateZ(-6deg) translateY(0)}50%{transform:perspective(900px) rotateY(-2deg) rotateZ(-4deg) translateY(-5px)}}@keyframes conversation-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes guest-pass-drift{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(2deg) translateY(-5px)}}@keyframes channel-breathe{0%,100%{box-shadow:0 7px 18px #2c603c07}50%{box-shadow:0 9px 24px #4c8c5e16}}
@media(max-width:760px){.hero-atmosphere{opacity:.2}.capability-dashboard .tilted-dashboard{animation-duration:14s}.floating-message{animation-duration:11s}}
@media(prefers-reduced-motion:reduce){.hero-atmosphere{display:none!important}.reminder-window:after,.capability-dashboard:after,.capability-dashboard:before,.moment-banner:after{display:none}.capability-dashboard .tilted-dashboard,.floating-message,.animated-pass,.reminder-channel{animation:none!important}}
/* Stable product-grid sizing: proportional desktop, balanced tablet, stacked mobile. */
.site-stage .capabilities-grid{width:100%;max-width:1360px;margin-left:auto;margin-right:auto;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:20px}.capabilities-grid>.capability-intro,.capabilities-grid>.capability-dashboard,.capabilities-grid>.capability-conversations,.capabilities-grid>.capability-ticket{grid-column:auto;min-width:0;width:100%}.capabilities-grid>.capability-conversations{grid-column:1/span 1}.capabilities-grid>.capability-ticket{grid-column:2/span 1}.capabilities-grid>article{min-height:350px;height:auto}.capability-dashboard{overflow:hidden;min-height:350px!important}.capability-dashboard:after{inset:-50% auto auto -60%;height:200%;width:50%}.capability-dashboard .tilted-dashboard{width:calc(100% - 64px);max-width:100%;margin:28px 32px 0;padding:18px;box-sizing:border-box;transform-origin:center;animation-name:contained-product-depth}.mini-dash-top{gap:12px;min-width:0}.mini-dash-top>span:nth-child(2){min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mini-chart{width:100%;min-width:0}.mini-chart svg{width:100%;max-width:100%;display:block}.capability-dashboard .capability-bottom{padding:55px 28px 25px}.capability-intro{padding:32px!important}.capability-intro h3{max-width:340px}.capability-intro p{max-width:340px}.capability-conversations .message-stack{width:100%;max-width:650px;margin:0 0 30px}.floating-message{min-width:0}.floating-message>div{min-width:0}.floating-message p{overflow-wrap:anywhere}.capability-ticket{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.capability-ticket .animated-pass{width:210px;max-width:75%}.capability-ticket .capability-bottom{width:100%;text-align:left}.capability-bottom h3,.capability-bottom strong{overflow-wrap:normal}.feature-section .features{width:100%;max-width:1360px;margin:0 auto}.feature-section>.wrap>.section-heading{max-width:800px}.capabilities-grid>.capability-intro{order:0}.capabilities-grid>.capability-dashboard{order:1}.capabilities-grid>.capability-conversations{order:2}.capabilities-grid>.capability-ticket{order:3}@keyframes contained-product-depth{0%,100%{transform:perspective(1000px) rotateY(-3deg) rotateZ(-4deg) scale(.96) translateY(0)}50%{transform:perspective(1000px) rotateY(-1deg) rotateZ(-2deg) scale(.96) translateY(-4px)}}
@media(min-width:761px) and (max-width:1100px){.site-stage .capabilities-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.capabilities-grid>article{min-height:335px}.capability-intro{padding:27px!important}.capability-intro h3{font-size:28px}.capability-dashboard .tilted-dashboard{width:calc(100% - 40px);margin:27px 20px 0;padding:14px}.tilted-dashboard h4{font-size:18px}.mini-metrics{gap:20px}.mini-metrics strong{font-size:25px}.capability-bottom strong{font-size:20px}.capability-dashboard .capability-bottom{padding-left:22px;padding-right:22px}.capability-label{font-size:8px;padding:0 18px}.floating-message{padding:12px}.capability-conversations{padding:24px!important}}
@media(max-width:760px){.site-stage .capabilities-grid{grid-template-columns:minmax(0,1fr);width:100%;gap:16px}.capabilities-grid>.capability-intro,.capabilities-grid>.capability-dashboard,.capabilities-grid>.capability-conversations,.capabilities-grid>.capability-ticket{grid-column:1}.capabilities-grid>article{min-height:310px}.capability-dashboard{min-height:335px!important}.capability-dashboard .tilted-dashboard{width:calc(100% - 36px);margin:25px 18px 0;padding:14px}.tilted-dashboard h4{font-size:18px;line-height:1.4}.mini-metrics{gap:24px}.mini-metrics strong{font-size:26px}.mini-chart svg{height:65px}.capability-dashboard .capability-bottom{padding:45px 22px 22px}.capability-bottom strong{font-size:21px}.capability-ticket .animated-pass{width:200px;max-width:75%}.capability-ticket .capability-bottom{text-align:left}.feature-section .features{max-width:none}.capability-intro{padding:27px!important}}
@media(prefers-reduced-motion:reduce){.capability-dashboard .tilted-dashboard{animation:none!important;transform:rotate(-3deg) scale(.96)}}
/* Figma hero: faint peripheral notification cards and a quieter center. */
.hero{position:relative;isolation:isolate;overflow:hidden}.hero-side-notes{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.hero-grid{position:relative;z-index:1}.side-note{position:absolute;width:145px;padding:15px 16px;border:1px solid #d3dfc63d;border-radius:13px;background:#f3f9e955;color:#6b927050;box-shadow:0 8px 22px #4b754807;display:flex;flex-wrap:wrap;gap:7px;animation:peripheral-note 12s ease-in-out infinite}.side-note strong{font-size:11px;line-height:1.5;font-weight:500}.side-note small{width:100%;font-size:9px;text-align:right;color:#8ca28555}.side-note>span{font-size:13px}.note-left-top{left:2%;top:8%;transform:rotate(-8deg);--note-tilt:-8deg}.note-right-top{right:-20px;top:17%;transform:rotate(8deg);--note-tilt:8deg;animation-delay:-3s}.note-left-bottom{left:-22px;top:55%;transform:rotate(5deg);--note-tilt:5deg;background:#fffef955;animation-delay:-6s}.note-right-bottom{right:-15px;top:67%;transform:rotate(-7deg);--note-tilt:-7deg;animation-delay:-9s}.hero .motion-controls{margin-top:10px}.hero-grid{padding-top:58px}.hero h1{margin-top:25px;margin-bottom:24px}.hero .reminder-visual{margin-top:40px}.hero-copy>p{max-width:920px}.hero .hero-atmosphere{opacity:.08!important}.hero .hero-atmosphere .light-beam,.hero .hero-atmosphere:after{display:none}.hero .reminder-badge{margin-bottom:24px}.header .nav{padding-top:18px;padding-bottom:18px}.announcement{padding-top:8px;padding-bottom:8px;font-size:11px}.hero-side-notes .side-note{backdrop-filter:none}@keyframes peripheral-note{0%,100%{transform:rotate(var(--note-tilt)) translateY(0)}50%{transform:rotate(var(--note-tilt)) translateY(-7px)}}html[data-theme=dark] .side-note{background:#26452c44;border-color:#476d4240;color:#a3c49955}html[data-theme=dark] .side-note small{color:#92b18c55}@media(max-width:1500px){.side-note{width:120px;padding:12px;opacity:.6}.note-left-top{left:-30px}.note-right-top{right:-40px}.note-left-bottom{left:-65px}.note-right-bottom{right:-65px}}@media(max-width:1000px){.hero-side-notes{display:none}}@media(max-width:760px){.hero-grid{padding-top:35px}.hero .reminder-visual{margin-top:30px}.announcement{font-size:9px}}@media(prefers-reduced-motion:reduce){.side-note{animation:none!important}}
/* Reminder reference: deliberate side margins and a larger central checks column. */
@media(min-width:1500px){.hero .reminder-visual{width:100%;max-width:1320px;margin-left:auto;margin-right:auto}.reminder-channels{width:29%}.reminder-connector{width:6%}.reminder-checks{width:25%;padding-right:6%}.reminder-window{width:40%}}
.reminder-bottom{align-items:center}.reminder-bottom:after{content:'WHATSAPP   INSTAGRAM   FACEBOOK   TELEGRAM';margin-left:auto;white-space:pre;font:9px 'Segoe UI',sans-serif;letter-spacing:1px;color:#789181}.reminder-bottom p{flex:1}.reminder-browser:after{content:'DASHBOARD';font:8px monospace;letter-spacing:1.3px;color:#7b8f7f;margin-left:8px}.reminder-window{min-width:0}.reminder-title h3{line-height:1.35}.reminder-channel .brand-icon{flex-shrink:0}.reminder-metrics{align-items:stretch}.reminder-template{line-height:1.7}
@media(max-width:1050px){.reminder-bottom:after,.reminder-browser:after{display:none}}
/* One content width for the entire landing page, matching the 1260px reminder. */
:root{--landing-width:1324px;--landing-gutter:32px}.site-stage .wrap,.site-stage .hero-grid,.site-stage .header .nav{width:100%;max-width:var(--landing-width)!important;margin-left:auto;margin-right:auto;padding-left:var(--landing-gutter);padding-right:var(--landing-gutter)}.site-stage #connected-workspace,.site-stage #channels{max-width:none!important;padding-left:max(var(--landing-gutter),calc((100% - var(--landing-width))/2 + var(--landing-gutter)));padding-right:max(var(--landing-gutter),calc((100% - var(--landing-width))/2 + var(--landing-gutter)))}.site-stage .connection-diagram,.site-stage .channel-grid,.site-stage .features,.site-stage .capabilities-grid,.site-stage .moment-banner,.site-stage .cta{width:100%;max-width:none;margin-left:0;margin-right:0}.site-stage>footer.wrap{max-width:none!important;padding-left:max(var(--landing-gutter),calc((100% - var(--landing-width))/2 + var(--landing-gutter)));padding-right:max(var(--landing-gutter),calc((100% - var(--landing-width))/2 + var(--landing-gutter)))}
@media(min-width:761px) and (max-width:1200px){:root{--landing-width:1324px;--landing-gutter:30px}}
@media(max-width:760px){:root{--landing-width:100%;--landing-gutter:22px}}

/* Flat Figma-inspired surfaces; no decorative background gradients. */
.site-stage,.site-stage *,.site-stage *:before,.site-stage *:after{background-image:none!important}
.site-stage,.hero{background-color:#faf9f5}
.header,.header .nav{background-color:#fff!important}
.header{border-bottom:1px solid #eeeae1}
.connection-section,#channels,.feature-section,.eventora-statement{background-color:#f4f0e5}
.channel-card,.capabilities-grid>.capability-intro,.capabilities-grid>.capability-dashboard,.capabilities-grid>.capability-conversations{background-color:#fffefa!important}
.moment-banner,.cta,.capabilities-grid>.capability-ticket{background-color:#153e30!important}
.button,.cta .button{background-color:#1bc45b}
.button:hover{background-color:#17ae50}
.header .nav-actions .button{background-color:#1b4935}
.header .nav-actions .button:hover{background-color:#286344}
.button.secondary{background-color:#fff}
.workflow{background-color:#f4f0e5}
.foundation-integrations .foundation-card-inner{background-color:#1b4935}
.site-stage>footer.wrap{background-color:#080808!important}
html[data-theme=dark] .site-stage,html[data-theme=dark] .hero{background-color:#11251a}
html[data-theme=dark] .header,html[data-theme=dark] .header .nav{background-color:#152c20!important}
html[data-theme=dark] .connection-section,html[data-theme=dark] #channels,html[data-theme=dark] .feature-section,html[data-theme=dark] .workflow,html[data-theme=dark] .eventora-statement{background-color:#1b3324}
html[data-theme=dark] .channel-card,html[data-theme=dark] .capabilities-grid>.capability-intro,html[data-theme=dark] .capabilities-grid>.capability-dashboard,html[data-theme=dark] .capabilities-grid>.capability-conversations,html[data-theme=dark] .button.secondary{background-color:#203b28!important}

/* Reference-style sticky navigation: opaque at rest, frosted over scrolling content. */
.site-stage{overflow:clip}
.site-stage>.header{position:sticky;top:0;left:auto;right:auto;z-index:100;padding:0;background:#fff!important;transition:background-color .2s ease,box-shadow .2s ease;backdrop-filter:none;border-bottom:1px solid #e4dccb}
.site-stage>.header .nav{background:transparent!important;backdrop-filter:none;border-radius:0;border:0;box-shadow:none;min-height:76px;padding-top:14px;padding-bottom:14px;transition:min-height .2s ease,padding .2s ease}
.site-stage>.header.is-scrolled{background:rgba(255,255,255,.78)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 3px 18px #173d2d08}
.site-stage>.header.is-scrolled .nav{min-height:66px;padding-top:9px;padding-bottom:9px}
html[data-theme=dark] .site-stage>.header{background:#152c20!important}
html[data-theme=dark] .site-stage>.header.is-scrolled{background:rgba(21,44,32,.82)!important}
html{scroll-padding-top:90px}
@media(max-width:760px){.site-stage>.header .nav{min-height:64px;padding-top:10px;padding-bottom:10px}.site-stage>.header.is-scrolled .nav{min-height:60px;padding-top:8px;padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){.site-stage>.header,.site-stage>.header .nav{transition:none}}

/* Three supported messaging channels. Keep diagram rows and cards balanced. */
.site-stage .connection-inputs,.site-stage .connection-outputs{display:grid;grid-template-rows:repeat(3,70px);align-content:space-between;row-gap:20px;height:320px}
.site-stage .connection-inputs .connection-node,.site-stage .connection-outputs .connection-node{margin-top:0}
@media(min-width:1101px){.site-stage .channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.site-stage .connection-inputs,.site-stage .connection-outputs{height:280px;grid-template-rows:repeat(3,65px)}}
.site-stage .brand-instagram svg{color:#d62976;-webkit-text-fill-color:#d62976}

/* Connected workspace and foundation: consistent readable sizing and flat icons. */
.site-stage #connected-workspace{padding-top:78px;padding-bottom:60px}
.site-stage #connected-workspace .section-heading{margin-bottom:36px}
.site-stage #connected-workspace .section-heading h2,.site-stage #foundation .section-heading h2{font-size:clamp(30px,3.1vw,46px);line-height:1.2;letter-spacing:-1.3px}
.site-stage #connected-workspace .section-heading p,.site-stage #foundation .section-heading p{font-size:15px;line-height:1.8;max-width:570px;margin:18px auto 0}
.site-stage .connection-diagram{display:grid;grid-template-columns:260px minmax(150px,1fr) 260px!important;max-width:1120px!important;margin:0 auto!important;min-height:360px;height:360px;padding:18px 0 34px}
.site-stage .connection-inputs,.site-stage .connection-outputs{display:flex;flex-direction:column;justify-content:space-between;gap:24px;height:288px;padding:0;align-self:center}
.site-stage .connection-node{display:flex;width:260px;min-height:80px;padding:17px 18px;gap:12px;border-radius:13px;background:#fffefa!important;border:1px solid #e3dfd3;box-shadow:0 5px 15px #173d2d04;margin-top:0!important}
.site-stage .connection-node strong{font-size:15px;font-weight:600;line-height:1.35;color:#193e2f}
.site-stage .connection-node div>span{display:block;font-size:11px;line-height:1.4;margin-top:4px;color:#7a8778}
.site-stage .connection-node .brand-icon,.site-stage .connection-node .node-symbol{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px}
.site-stage .connection-node svg{width:27px;height:27px}
.site-stage .connection-core{margin-top:0;justify-self:center;width:176px}
.site-stage .core-chip{width:176px;height:146px;border-radius:20px;background:#fffefa!important;border:1px solid #afc8ad;box-shadow:0 10px 28px #173d2d08;animation:none}
.site-stage .core-chip strong{font-size:24px;color:#173d2d}
.site-stage .core-chip>span:last-child{font-size:8px;color:#798c75;letter-spacing:1.1px}
.site-stage .connection-paths{inset:0;width:100%;height:100%}
.site-stage .connection-legend{font-size:10px;color:#82917b;bottom:0}
.site-stage .foundation-section{padding-top:76px;padding-bottom:70px}
.site-stage .foundation-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;max-width:960px;margin:46px auto 28px;padding:12px 20px 24px;perspective:none}
.site-stage .foundation-card{grid-column:span 2;transform:none;animation:none!important;min-width:0}
.site-stage .foundation-card:nth-of-type(1){grid-column:2/span 2;grid-row:1;transform:rotate(-4deg)}
.site-stage .foundation-card:nth-of-type(2){grid-column:4/span 2;grid-row:1;transform:rotate(4deg)}
.site-stage .foundation-card:nth-of-type(3){grid-column:1/span 2;grid-row:2;transform:rotate(-4deg)}
.site-stage .foundation-card:nth-of-type(4){grid-column:3/span 2;grid-row:2}
.site-stage .foundation-card:nth-of-type(5){grid-column:5/span 2;grid-row:2;transform:rotate(4deg)}
.site-stage .foundation-card-inner{min-height:244px;height:100%;padding:25px 22px;background:#fffefa!important;border:1px solid #e2dccd;border-radius:19px;box-shadow:0 8px 18px #173d2d05}
.site-stage .foundation-card h3{font-size:18px;line-height:1.4;color:#214b33;margin:17px 0 10px}
.site-stage .foundation-card p{font-size:13px;line-height:1.75;color:#798674;max-width:220px;margin:0 auto}
.site-stage .foundation-icon{position:relative;width:66px;height:66px;margin:0 auto;display:block}
.site-stage .foundation-icon .icon-layer{display:block;background:#e0ebd9!important;border:1px solid #ccd9c3;box-shadow:none;opacity:1}
.site-stage .foundation-icon .icon-face{display:grid;place-items:center;background:#315e40!important;color:#fff!important;border:1px solid #5e8264;box-shadow:0 6px 12px #173d2d12;animation:none;opacity:1}
.site-stage .foundation-icon .icon-face svg{display:block;width:29px;height:29px;stroke:currentColor;filter:none;opacity:1;visibility:visible}
.site-stage .foundation-integrations .foundation-card-inner{background:#1b4935!important;border-color:#315f46}
.site-stage .foundation-integrations h3{color:#fff}
.site-stage .foundation-integrations p{color:#c6d8c6}
.site-stage .foundation-integrations .icon-face{background:#2e6e48!important;border-color:#6b9470}
.site-stage .foundation-link{font-size:13px;margin-top:24px}
html[data-theme=dark] .site-stage .connection-node,html[data-theme=dark] .site-stage .core-chip,html[data-theme=dark] .site-stage .foundation-card-inner{background:#203b29!important;border-color:#496044}
html[data-theme=dark] .site-stage .connection-node strong,html[data-theme=dark] .site-stage .core-chip strong,html[data-theme=dark] .site-stage .foundation-card h3{color:#deebd9}
html[data-theme=dark] .site-stage .connection-node div>span,html[data-theme=dark] .site-stage .foundation-card p{color:#a7b99e}
@media(min-width:761px) and (max-width:1000px){.site-stage .connection-diagram{grid-template-columns:210px minmax(120px,1fr) 210px!important}.site-stage .connection-node{width:210px;padding:14px 12px;gap:9px}.site-stage .connection-node strong{font-size:13px}.site-stage .core-chip,.site-stage .connection-core{width:145px}.site-stage .foundation-cards{gap:18px}.site-stage .foundation-card-inner{padding:23px 15px}}
@media(max-width:760px){.site-stage #connected-workspace{padding-top:52px;padding-bottom:40px}.site-stage .connection-diagram{grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr)!important;gap:12px;height:300px;min-height:300px}.site-stage .connection-inputs,.site-stage .connection-outputs{height:240px;gap:12px}.site-stage .connection-node{width:100%;min-height:66px;padding:10px 8px;gap:6px;align-items:center}.site-stage .connection-node strong{font-size:10px}.site-stage .connection-node div>span{font-size:8px;line-height:1.3}.site-stage .connection-node .brand-icon,.site-stage .connection-node .node-symbol{width:22px;height:22px;flex-basis:22px}.site-stage .connection-node svg{width:20px;height:20px}.site-stage .connection-core,.site-stage .core-chip{width:88px}.site-stage .core-chip{height:105px;border-radius:13px}.site-stage .core-chip strong{font-size:14px}.site-stage .core-chip>span:last-child{font-size:5px;letter-spacing:.3px}.site-stage .connection-legend{font-size:8px}.site-stage .foundation-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:540px;padding:10px 0;margin-top:28px}.site-stage .foundation-card:nth-of-type(n){grid-column:auto;grid-row:auto;transform:none}.site-stage .foundation-card:last-child{grid-column:1/-1;width:calc(50% - 8px);justify-self:center}.site-stage .foundation-card-inner{min-height:235px;padding:22px 14px}.site-stage .foundation-card h3{font-size:16px}.site-stage .foundation-card p{font-size:12px}.site-stage .foundation-section{padding-top:52px;padding-bottom:45px}}
@media(max-width:400px){.site-stage .connection-node{flex-direction:column;align-items:flex-start;gap:4px;min-height:72px}.site-stage .connection-node div>span{display:none}.site-stage .foundation-card-inner{padding:18px 10px}.site-stage .foundation-card p{font-size:11px}}

/* Milestone banner: prevent forced heading overflow and keep all five labels inside. */
.site-stage .moment-section{padding-top:40px;padding-bottom:44px}
.site-stage .moment-banner{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:48px;padding:54px clamp(28px,4.2vw,70px);min-height:460px;border-radius:18px;background:#153e30!important;border:1px solid #2b5743;overflow:hidden}
.site-stage .moment-copy{min-width:0;max-width:560px}
.site-stage .moment-copy .eyebrow{font-size:10px;letter-spacing:1.2px;line-height:1.6}
.site-stage .moment-copy h2{font-size:clamp(34px,3.5vw,54px);line-height:1.18;letter-spacing:-1.6px;white-space:normal!important;text-wrap:balance;max-width:560px;margin:22px 0 24px;color:#fff}
.site-stage .moment-copy p{font-size:15px;line-height:1.85;color:#c6d9cc;max-width:510px;margin:0}
.site-stage .moment-visual{position:relative;min-width:0;width:100%;height:350px;min-height:350px}
.site-stage .moment-visual .milestone{position:absolute;max-width:calc(100% - 12px)}
.site-stage .moment-visual .milestone-one{top:16px;left:10%;right:auto;--wire:120px}
.site-stage .moment-visual .milestone-two{top:87px;right:0;left:auto;--wire:180px}
.site-stage .moment-visual .milestone-three{top:153px;left:7%;right:auto;--wire:240px}
.site-stage .moment-visual .milestone-four{top:224px;right:3%;left:auto;--wire:310px}
.site-stage .moment-visual .milestone-five{top:291px;left:0;right:auto;--wire:370px}
.site-stage .moment-visual .milestone-label{font-size:12px;line-height:1.4;padding:13px 17px;border-radius:12px;gap:12px;white-space:nowrap;background:#214c40;border-color:#75998b55;color:#eff7ef;box-shadow:0 5px 16px #05261a1a}
.site-stage .moment-visual .milestone-three .milestone-label{background:#19b956!important;border-color:#3bd16a;color:#fff}
.site-stage .moment-visual .milestone-wire{background:#609c7540}
@media(min-width:761px) and (max-width:1000px){.site-stage .moment-banner{padding:38px 30px;gap:25px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.site-stage .moment-copy h2{font-size:34px;letter-spacing:-1px}.site-stage .moment-copy p{font-size:13px}.site-stage .moment-visual .milestone-label{font-size:10px;padding:11px 12px}.site-stage .moment-visual .milestone-one,.site-stage .moment-visual .milestone-three{left:0}}
@media(max-width:760px){.site-stage .moment-banner{grid-template-columns:minmax(0,1fr);padding:30px 24px;gap:30px;min-height:0}.site-stage .moment-copy{max-width:none}.site-stage .moment-copy h2{font-size:clamp(29px,7vw,42px);line-height:1.2;letter-spacing:-1px;max-width:500px;text-wrap:initial;margin:18px 0}.site-stage .moment-copy p{font-size:14px}.site-stage .moment-visual{max-width:420px;justify-self:center;height:350px;min-height:350px}.site-stage .moment-visual .milestone-label{font-size:11px;padding:12px 14px}.site-stage .moment-section{padding-top:25px;padding-bottom:30px}}
@media(max-width:360px){.site-stage .moment-banner{padding:26px 18px}.site-stage .moment-visual .milestone-label{font-size:10px;padding:11px 12px}}

/* Foundation hover uses the current forest palette in both themes. */
.site-stage #foundation .foundation-card:hover .foundation-card-inner{border-color:#7da486;box-shadow:0 12px 28px #173d2d12}
.site-stage #foundation .foundation-integrations:hover .foundation-card-inner{border-color:#69a77d;box-shadow:0 12px 28px #173d2d20}
html[data-theme=dark] .site-stage #foundation .foundation-card:hover .foundation-card-inner{border-color:#86ab77;box-shadow:0 12px 28px #081c1326}