@font-face{font-family:Zoxy Sans;src:url('assets/fonts/zoxy-sans-regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Zoxy Sans;src:url('assets/fonts/zoxy-sans-bold.woff') format('woff');font-weight:600 900;font-style:normal;font-display:swap}
:root{--night:#121B2A;--deep:#0C1220;--graphite:#383F4C;--purple:#602AF9;--purple-dark:#581DDC;--lavender:#F2EDFD;--paper:#F8F7FB;--white:#FFF;--light-text:#B7BDCC;--line:rgba(255,255,255,.15);--ink-line:rgba(18,27,42,.16);--font:'Zoxy Sans',Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--deep);color:var(--white);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%}p,h1,h2,h3,h4,h5,figure{margin:0}h1,h2,h3,h4,h5{line-height:1.05;font-weight:600}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #A47DFF;outline-offset:5px}::selection{background:#7344EC;color:#FFF}.container{width:min(1280px,calc(100% - 112px));margin-inline:auto}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip{position:fixed;left:20px;top:-80px;z-index:110;background:var(--lavender);color:var(--night);padding:14px 20px}.skip:focus{top:16px}.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:90;background:#A98DFF;transform:scaleX(0);transform-origin:0 50%}.eyebrow,.section-label{font-size:11px;letter-spacing:1.4px;line-height:1.65;font-weight:400}.eyebrow{display:flex;gap:11px;align-items:center}.section-label{display:flex;justify-content:space-between;gap:30px;padding-bottom:24px;border-bottom:1px solid var(--line);color:var(--light-text)}.light-section{color:var(--night);background:var(--paper)}.light-section .section-label{color:var(--graphite);border-color:var(--ink-line)}h2{font-size:clamp(43px,5.1vw,72px);letter-spacing:-3.5px;font-weight:400;line-height:1.04}h2>span{color:#969DB0}.light-section h2>span{color:#7D6F99}.button{min-height:58px;display:inline-flex;align-items:center;gap:37px;justify-content:space-between;border:1px solid transparent;padding:7px 8px 7px 24px;border-radius:40px;font-size:14px;font-weight:600;white-space:nowrap;transition:background .25s,color .25s,border-color .25s,transform .4s var(--ease)}.button-light{background:var(--lavender);color:var(--night)}.button-light:hover{background:#FFF;transform:translateY(-3px)}.button-arrow{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(18,27,42,.23);border-radius:50%;font-size:23px;line-height:1;transition:background .25s,color .25s,transform .4s var(--ease)}.button:hover .button-arrow{background:var(--purple);color:#FFF;border-color:var(--purple);transform:rotate(45deg)}.line-link{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;min-height:44px;padding:9px 0;border-bottom:1px solid currentColor;font-size:14px;transition:color .2s}.line-link:hover{color:var(--purple)}.line-link>span{font-size:23px}

/* The opening is a single composition: type, light, and the ZOXY mark. */
.header{position:absolute;top:0;left:0;right:0;height:100px;z-index:40;border-bottom:1px solid rgba(255,255,255,.1);background:transparent;transition:background .3s,box-shadow .3s}.header.is-scrolled{position:fixed;height:78px;background:rgba(12,18,32,.92);backdrop-filter:blur(20px);box-shadow:0 8px 40px #0002}.nav-row{height:100%;display:flex;align-items:center;gap:35px}.logo{display:block;position:relative;width:214px;height:55px;flex-shrink:0}.logo img{position:absolute;top:50%;left:0;width:100%;height:auto;transform:translateY(-50%)}.main-nav{display:flex;align-items:center;justify-content:center;gap:32px;margin-left:auto}.main-nav a{font-size:13px;position:relative;padding:12px 0;color:#D5D7E0}.main-nav a:after{content:'';height:1px;position:absolute;bottom:6px;left:0;width:100%;background:#B69AFF;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.main-nav a:hover:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:26px;margin-left:18px}.nav-cta{display:flex;gap:22px;align-items:center;font-size:13px;border:1px solid rgba(255,255,255,.3);border-radius:30px;padding:11px 19px;white-space:nowrap;transition:background .25s}.nav-cta:hover{background:var(--purple);border-color:var(--purple)}.nav-cta span{font-size:20px}.motion-toggle{border:0;background:transparent;display:flex;gap:8px;align-items:center;color:#C5C9D4;font-size:10px;min-height:44px;padding:5px}.motion-symbol{display:flex;align-items:center;gap:3px;height:17px}.motion-symbol i{width:2px;height:12px;background:currentColor;animation:equalizer 1.5s ease-in-out infinite alternate}.motion-symbol i:nth-child(2){height:17px;animation-delay:.3s}.motion-symbol i:nth-child(3){height:7px;animation-delay:.6s}.motion-toggle[aria-pressed=false]{color:#777F90}.motion-toggle[aria-pressed=false] .motion-symbol i{height:3px;animation:none}.menu-toggle{display:none;border:0;background:none;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;width:22px;height:1px;background:#FFF;margin:6px 0;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--deep);padding-top:100px}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h160v160H0z'/%3E%3C/svg%3E");z-index:-1}.hero-light{position:absolute;width:900px;height:900px;right:-190px;top:-150px;border-radius:50%;background:radial-gradient(ellipse,rgba(96,42,249,.2),rgba(73,38,163,.08) 38%,transparent 68%);transform:translate3d(var(--light-x,0px),var(--light-y,0px),0);pointer-events:none;z-index:-2}.hero-meridian{position:absolute;width:1200px;height:1200px;border:1px solid rgba(203,182,255,.07);border-radius:50%;left:calc(50% - 320px);top:-210px;transform:rotate(-30deg) scaleX(.68);z-index:-1}.hero-layout{position:relative;min-height:690px;display:grid;grid-template-columns:1.35fr 1fr;align-items:center;padding-top:67px;padding-bottom:70px}.hero-copy{position:relative;z-index:3}.hero-eyebrow{color:#C0B8D2;font-size:10px;letter-spacing:1.3px;margin-bottom:34px}.signal-dot{width:6px;height:6px;background:#AF91FF;border-radius:50%;box-shadow:0 0 17px rgba(135,83,255,.75);flex-shrink:0}.hero h1{font-size:clamp(67px,7.3vw,105px);letter-spacing:-5.4px;line-height:.98;font-weight:400}.hero h1>span{display:block;white-space:nowrap;animation:hero-enter 1s var(--ease) both}.hero h1>span:nth-child(2){animation-delay:.12s}.hero h1>span:nth-child(3){animation-delay:.24s}.hero h1 .hero-emphasis{color:#B99AFF}.hero-bottom{margin-top:37px;display:flex;gap:34px;align-items:flex-end}.hero-bottom p{font-size:14px;color:#B4BBCB;line-height:1.7}.hero-bottom .button{font-size:13px;gap:21px;min-height:54px;padding-left:20px}.hero-bottom .button-arrow{width:38px;height:38px}.hero-baseline{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 0 28px;border-top:1px solid rgba(255,255,255,.12);position:relative;z-index:4;color:#A6ADBE;font-size:12px}.scroll-cue{display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:1.3px;color:#D6D7E2}.scroll-track{display:block;position:relative;width:14px;height:25px;border:1px solid #626578;border-radius:20px;overflow:hidden}.scroll-track i{display:block;width:2px;height:5px;margin:5px auto;background:#C7B3FF;animation:scroll-indicator 2s ease-in-out infinite}.baseline-index{font-size:10px;letter-spacing:2px}
.brand-scene{position:relative;width:118%;aspect-ratio:1;margin-left:-8%;isolation:isolate;transform:translateY(var(--scene-scroll,0px));pointer-events:none}.scene-orbit{position:absolute;border:1px solid rgba(177,148,255,.2);border-radius:50%;width:97%;height:97%;left:1.5%;top:1.5%}.orbit-one{transform:rotate(-32deg) scaleY(.39);border-top-color:rgba(217,199,255,.55);box-shadow:0 -3px 12px -9px #AD7EFF;animation:orbit-breathe 8s ease-in-out infinite alternate}.orbit-two{transform:rotate(42deg) scaleY(.5);border-right-color:rgba(175,134,255,.45)}.orbit-three{width:75%;height:75%;top:12.5%;left:12.5%;transform:rotate(16deg) scaleX(.51);border-color:rgba(212,190,255,.1)}.scene-halo{position:absolute;inset:20%;background:radial-gradient(ellipse,rgba(114,52,255,.33),transparent 66%);filter:blur(35px)}.sculpture-tilt{position:absolute;inset:23%;transform:perspective(850px) rotateX(var(--tilt-x,-9deg)) rotateY(var(--tilt-y,-17deg)) rotateZ(-13deg);transition:transform .45s var(--ease);transform-style:preserve-3d}.sculpture-float{position:absolute;inset:0;transform-style:preserve-3d;animation:sculpture-float 7s ease-in-out infinite}.sculpture-plane{position:absolute;inset:-10%;border:1px solid rgba(212,191,255,.28);border-radius:24%;transform:translateZ(-40px);background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(111,55,212,.08) 52%,rgba(255,255,255,.02));box-shadow:inset 1px 1px 0 rgba(255,255,255,.07),28px 35px 75px #02040c99}.sculpture-z,.sculpture-shadow{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.sculpture-z{filter:drop-shadow(2px 3px 0 #8750fc) drop-shadow(3px 7px 0 #351565) drop-shadow(16px 20px 16px #080915aa);transform:translateZ(22px)}.sculpture-shadow{transform:translate3d(10px,15px,-6px);opacity:.33;filter:blur(2px) brightness(.45)}.sculpture-glint{position:absolute;left:1%;top:7%;width:55%;height:1px;background:linear-gradient(90deg,transparent,#BEA4FF,transparent);transform:translateZ(35px);opacity:.7}.scene-label{position:absolute;font-size:9px;letter-spacing:1.5px;line-height:1.8;color:#9693AC}.label-top{top:9%;right:15%}.label-bottom{bottom:10%;left:15%;display:flex;align-items:center;gap:9px;letter-spacing:1px}.label-bottom i{height:4px;width:4px;background:#9572D9;border-radius:50%}.scene-cross{position:absolute;font-size:18px;color:#645C80;line-height:1}.cross-one{left:8%;top:35%}.cross-two{right:5%;bottom:29%}

/* Wide product imagery and editorial space replace repeated feature cards. */
.platform-section{padding:66px 0 71px;position:relative;overflow:hidden}.editorial-heading{display:grid;grid-template-columns:1.35fr 1fr;align-items:end;gap:85px;margin:51px 0 47px}.editorial-heading>div{max-width:415px;justify-self:end}.editorial-heading>div>p{font-size:16px;line-height:1.75;color:#A8B0C2}.light-section .editorial-heading>div>p{color:#58606F}.editorial-heading .line-link{margin-top:15px}.screen-stage{perspective:1800px;position:relative}.screen-stage:before{content:'';position:absolute;left:10%;right:10%;bottom:0;height:45%;background:var(--purple);filter:blur(95px);opacity:.1;pointer-events:none}.screen-frame{position:relative;margin:0;background:#FFF;border:1px solid #D9D9E4;border-radius:12px;overflow:hidden;box-shadow:0 24px 55px -23px rgba(21,16,40,.22);transform-origin:center center}.screen-frame[data-screen-depth]{transform:perspective(1800px) rotateX(var(--screen-rotate,0deg)) scale(var(--screen-scale,1));will-change:transform}.screen-bar{height:44px;background:#FCFCFF;display:flex;align-items:center;gap:18px;padding:0 17px;border-bottom:1px solid #E4E3EE;color:#747582;font-size:10px}.screen-bar b{font-weight:400;color:#C0BDCD;margin:0 5px}.screen-dots{display:flex;gap:5px}.screen-dots i{width:6px;height:6px;background:#C9C6D5;border-radius:50%}.screen-dots i:first-child{background:#AE9DD2}.screen-bar .real-label{margin-left:auto;font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:#8C859A}.screen-link{display:block;position:relative;cursor:zoom-in;line-height:0}.screen-link img{display:block;width:100%;height:auto}.screen-expand{position:absolute;right:19px;bottom:19px;background:rgba(18,27,42,.95);color:#FFF;border:1px solid rgba(255,255,255,.28);border-radius:32px;padding:12px 19px;display:flex;gap:29px;align-items:center;font-size:12px;line-height:1.5;box-shadow:0 4px 20px #0002;transition:background .25s,transform .25s}.screen-expand>span{font-size:20px;line-height:1}.screen-link:hover .screen-expand{background:var(--purple);transform:translateY(-3px)}.screen-link:focus-visible{outline-offset:-5px}.platform-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:37px}.platform-notes>div{display:flex;gap:18px;padding-top:20px;border-top:1px solid var(--ink-line)}.platform-notes>div>span{font-size:10px;color:var(--purple);padding-top:4px}.platform-notes p{font-size:13px;color:#606573;line-height:1.8}.platform-notes strong{font-weight:600;color:#282E3C;font-size:14px}

/* Product playground. Existing interactions remain in a calmer, lighter UI. */
.experience-section{padding:74px 0 57px;background:var(--night);position:relative}.experience-section .editorial-heading{margin-bottom:46px}.experience-section h2{font-size:clamp(40px,4.6vw,64px)}.experience-instruction{margin-top:18px!important;color:#C6B3F4!important;font-size:13px!important}.demo-anchor{scroll-margin-top:108px}.demo-shell{background:#FFF;border:1px solid #44445D;border-radius:11px;overflow:hidden;color:var(--night);box-shadow:0 18px 70px #03071338}.demo-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 24px;background:#ECEBF3;border-bottom:1px solid #DAD9E6}.demo-brand{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600}.demo-brand img{width:25px;height:25px;object-fit:contain}.demo-brand i{font-size:9px;font-weight:400;font-style:normal;color:#777384;letter-spacing:.8px}.sample-badge{font-size:10px;color:#737181}.demo-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:#FAF9FC;border-bottom:1px solid #DEDBE8;padding:0 24px}.demo-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:#7A7686;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:23px 15px;font-size:16px;transition:color .2s,background .2s}.demo-tabs button+.demo-tabs button{border-left:1px solid #EEEAF5}.demo-tabs button[aria-selected=true]{color:var(--purple-dark);border-bottom-color:var(--purple);background:linear-gradient(0deg,#F2ECFD,transparent)}.demo-tabs button:hover{color:var(--purple)}.demo-tabs .icon{display:none}.tab-number{font-size:10px;opacity:.7}.demo-panel{min-height:435px;background:#FCFCFF;animation:panel-enter .45s var(--ease)}.demo-panel[hidden]{display:none}.inbox-layout{display:grid;grid-template-columns:24% 48% 28%;min-height:435px}.inbox-list{background:#F7F7FB;border-right:1px solid #E1DFE9;padding:27px 0}.inbox-list h3{display:flex;justify-content:space-between;padding:0 22px;margin-bottom:23px;font-size:14px;line-height:1.3}.inbox-list h3>span{font-size:11px;color:#AAA4BB;font-weight:400}.contact{display:flex;gap:10px;align-items:flex-start;padding:18px;border-left:2px solid transparent}.contact.active{border-left-color:var(--purple);background:#ECE6FB}.avatar{width:32px;height:32px;border-radius:50%;background:#E2D8F9;color:#66419C;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px;font-weight:600}.avatar-blue{background:#DEE8F4;color:#456B94}.avatar-gold{background:#E4E4EF;color:#61617E}.contact strong{display:block;font-size:12px;line-height:1.4}.contact p{font-size:11px;color:#838091;margin-top:5px;line-height:1.45}.contact small{font-size:10px;color:#7251A7;margin-top:7px;display:block}.chat-window{display:flex;flex-direction:column;min-width:0}.chat-heading{padding:20px 23px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #E4E1EC}.chat-heading strong{font-size:14px;display:block}.chat-heading>div>span{font-size:11px;color:#827D90;display:block;margin-top:3px}.mini-chip{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:600;background:#EEE7FD;color:var(--purple-dark);border-radius:4px;padding:5px 7px;white-space:nowrap}.mini-chip .icon{width:12px;height:12px}.chat-body{display:flex;flex-direction:column;gap:15px;flex:1;padding:26px 24px 22px}.bubble{max-width:90%;background:#F0EEF6;border-radius:9px 9px 9px 2px;padding:13px 15px;font-size:13px;line-height:1.6;color:#4C455E}.bubble.ai{align-self:flex-end;border-radius:9px 9px 2px 9px;background:#EAE2FC;color:#49366E}.bubble time{font-size:9px;color:#8D849F;display:block;text-align:right;margin-top:6px}.chat-options{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.chat-options>span{font-size:10px;color:#8F879F;width:100%;text-align:right}.chat-options button{background:white;border:1px solid #BEB0DD;border-radius:5px;color:var(--purple-dark);font-size:11px;padding:9px 11px;transition:background .2s,color .2s}.chat-options button:hover{background:var(--purple);color:#FFF;border-color:var(--purple)}.chat-bottom{border-top:1px solid #E4E1EC;padding:14px 22px;display:flex;gap:7px;align-items:center;font-size:10px;color:#8B839D}.chat-bottom .icon{width:13px;height:13px}.subtle-button{font-size:10px;background:none;border:0;padding:4px;margin-left:auto;text-decoration:underline;color:var(--purple)}.context-panel{border-left:1px solid #E4E1EC;padding:29px 24px;background:#FAF9FD}.context-panel .eyebrow{font-size:9px;color:#9B91AA;letter-spacing:.7px;margin-bottom:18px}.context-panel h3{font-size:19px;margin-bottom:25px}.context-panel dl{margin:0}.context-panel dt{font-size:10px;color:#90879F;margin-bottom:5px}.context-panel dd{font-size:12px;margin:0 0 19px;color:#564C67}.context-note{display:flex;gap:10px;align-items:flex-start;border-top:1px solid #DED9E9;padding-top:19px;color:#8B7F9F;font-size:11px;line-height:1.7}.context-note .icon{width:16px;height:16px;margin-top:2px}.experience-footer{display:flex;justify-content:space-between;gap:25px;margin-top:27px;color:#7F899E;font-size:11px}.experience-footer>span{font-size:9px;letter-spacing:1px}.experience-footer p{color:#959EB1}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:29px 30px 14px}.panel-heading .eyebrow{font-size:9px;color:#8C7AAB;letter-spacing:1px;margin-bottom:8px}.panel-heading h3{font-size:22px;font-weight:400;letter-spacing:-.5px}.button-cyan{color:#FFF;background:var(--purple);padding:10px 16px;font-size:12px;min-height:42px;border-radius:6px;gap:10px}.button-cyan:hover{background:var(--purple-dark)}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:15px 30px}.kanban-column{background:#F0ECF8;border:1px solid #E5DFEF;border-radius:7px;padding:16px}.kanban-column h4{display:flex;align-items:center;gap:8px;font-size:12px;margin:0 0 17px;font-weight:400;line-height:1.4}.kanban-column h4>span{margin-left:auto;color:#9784AF;font-size:11px}.stage-dot{width:6px;height:6px;border-radius:50%;background:#9673CF}.stage-blue{background:#7295BC}.stage-gold{background:#8B75BB}.lead-area{display:flex;flex-direction:column;gap:10px;min-height:193px}.lead-card{background:#FFF;border:1px solid #E0D9ED;border-radius:5px;padding:14px;box-shadow:0 3px 7px #3b225805}.lead-card.featured{border-color:#AD96DF}.lead-card>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.lead-card .avatar{width:25px;height:25px;font-size:9px}.lead-card h5{font-size:13px;margin-bottom:7px}.lead-card p{font-size:11px;color:#81768F;margin-bottom:12px}.lead-tag{font-size:10px;background:#F0EAFB;color:#785998;padding:5px 7px;border-radius:3px;display:inline-block}.demo-feedback{font-size:11px;color:#8A7CA2;padding:0 30px 24px}.automation-layout,.campaign-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:45px}.automation-layout .eyebrow,.campaign-layout .eyebrow{font-size:9px;letter-spacing:1px;color:#917FAB;margin-bottom:18px}.automation-layout h3,.campaign-layout h3{font-size:35px;letter-spacing:-1px;font-weight:400;line-height:1.15;margin-bottom:22px}.muted{font-size:14px;color:#82748F;line-height:1.75}.scenario-switch{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.scenario-switch button{border:1px solid #D3C8E4;background:#FFF;color:#8A79A0;padding:10px 12px;font-size:12px;border-radius:4px}.scenario-switch button[aria-pressed=true]{background:#EEE7FC;border-color:#AD94D7;color:var(--purple-dark)}.timeline{list-style:none;padding:0;margin:0}.timeline li{display:flex;position:relative;gap:19px;padding-bottom:29px}.timeline li:last-child{padding-bottom:0}.timeline li:not(:last-child):before{content:'';width:1px;background:#D0C3E3;position:absolute;left:17px;top:34px;bottom:0}.timeline li>span{position:relative;display:grid;place-items:center;flex-shrink:0;background:#F0EAF9;color:var(--purple-dark);border:1px solid #D1C3E8;width:35px;height:35px;border-radius:50%;font-size:11px}.timeline small{font-size:9px;color:#A08BB7;letter-spacing:.6px}.timeline h4{font-size:16px;line-height:1.3;margin:6px 0 8px}.timeline p{font-size:12px;color:#847494;line-height:1.7}.campaign-layout label{display:block;font-size:11px;color:#7D6F8E;margin:24px 0 9px}.campaign-layout select{width:100%;padding:12px;border:1px solid #D2C5E5;color:#604B7C;background:#FFF;border-radius:4px;font-size:12px}.campaign-meta{font-size:11px;display:flex;flex-direction:column;gap:4px;margin-top:17px}.campaign-meta>span{color:#9B88B0}.campaign-meta>strong{font-weight:400;color:#6A5385}.message-preview{background:#F1EDF8;border:1px solid #D9CBE9;border-radius:10px;padding:27px;align-self:center}.preview-label{display:flex;align-items:center;gap:8px;font-size:10px;color:#947CAA;letter-spacing:.7px;margin-bottom:23px}.preview-label .icon{width:16px;height:16px}.preview-bubble{border:1px solid #D5C5EC;background:#E7DCF6;border-radius:10px 10px 2px 10px;padding:22px;font-size:14px;line-height:1.7;color:#654C83;min-height:140px}.campaign-foot{display:flex;align-items:center;gap:8px;font-size:11px;color:#9580AC;margin-top:22px}.campaign-foot .icon{width:16px;height:16px}.sample-note{font-size:10px;color:#A090B3;margin-top:15px}

/* Integration graph: source logos, responsive geometry, traveling signal. */
.integrations-section{padding:67px 0 66px;background:var(--lavender);overflow:hidden}.integrations-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;margin:48px 0 60px;align-items:center}.integration-count{display:flex;gap:22px;align-items:center;margin-bottom:35px}.integration-count>span{font-size:123px;line-height:.85;letter-spacing:-10px;font-weight:400;color:var(--purple-dark)}.integration-count p{font-size:12px;line-height:1.7;color:#8E7BA6}.integrations-copy h2{font-size:clamp(39px,4vw,57px);letter-spacing:-2.8px}.integrations-copy>p{font-size:15px;line-height:1.8;color:#756482;max-width:470px;margin:27px 0 15px}.integrations-copy .line-link{font-size:13px;color:#674191}.integration-network{position:relative;aspect-ratio:560/460;width:100%;isolation:isolate}.network-disc{position:absolute;border:1px solid #D9CBEA;border-radius:50%;z-index:-1}.disc-one{inset:12% 16%;transform:rotate(-30deg) scaleX(.93)}.disc-two{inset:2% 7%;transform:rotate(30deg) scaleX(.87);border-style:dashed;opacity:.7}.network-lines{position:absolute;width:100%;height:100%;inset:0;overflow:visible}.network-track{stroke:#D4C3E7;stroke-width:1}.network-pulse{stroke:#9470DD;stroke-width:1.7;stroke-dasharray:30 440;stroke-dashoffset:460;animation:signal-travel 8s linear infinite;opacity:.8}.network-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--night);width:100px;height:112px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #4B366D;box-shadow:0 20px 30px -15px #48208265,inset 0 1px 1px #FFF2;z-index:2}.network-hub img{width:61px;height:61px;object-fit:contain}.network-hub>span{font-size:9px;letter-spacing:2px;color:#DDD0F9;margin-top:4px}.network-app{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px;color:#9783AA}.app-symbol{display:block;width:52px;height:52px;border:5px solid #FAF9F5;border-radius:13px;box-sizing:content-box;box-shadow:0 8px 26px -16px #30104945;background-image:url('assets/zoxy-integracoes-apps.png');background-repeat:no-repeat;background-size:656px 347px;background-color:#FAF9F5}.symbol-hotmart{background-position:-55px -40px}.symbol-kiwify{background-position:-153px -40px}.symbol-eduzz{background-position:-251px -40px}.symbol-stripe{background-position:-153px -99px}.symbol-yampi{background-position:-250px -153px}.symbol-braip{background-position:-445px -40px}.app-hotmart{left:16.4%;top:20.6%}.app-kiwify{left:81%;top:17.6%}.app-eduzz{left:11%;top:54.5%}.app-stripe{left:86.7%;top:56%}.app-yampi{left:27.8%;top:83.4%}.app-braip{left:66.8%;top:84.5%}.integration-screen-intro{display:flex;align-items:center;gap:28px;margin-bottom:20px}.integration-screen-intro>p{font-size:9px;color:#9A85B0;letter-spacing:1px}.integration-screen-intro h3{font-size:17px;font-weight:400;color:#6D547E}.integration-screen-intro>span{font-size:11px;color:#A28CAD;margin-left:auto}.integrations-section .screen-frame{border-color:#D7C9E6;box-shadow:0 22px 50px -28px #4D246A4d}.integration-categories{display:flex;flex-wrap:wrap;column-gap:25px;row-gap:10px;margin-top:27px;justify-content:center}.integration-categories>span{font-size:11px;color:#8C739D;display:flex;align-items:center;gap:10px}.integration-categories>span:before{content:'';width:3px;height:3px;border-radius:50%;background:#BAA3D1}

/* FAQ and closing composition. */
.faq-section{padding:63px 0 100px;background:#FCFBFD}.faq-layout{display:grid;grid-template-columns:1fr 1.28fr;gap:90px;margin-top:54px}.faq-layout h2{font-size:52px;letter-spacing:-2.5px}.faq-layout>div>p{font-size:14px;color:#8B8096;line-height:1.8;margin-top:25px}.faq-list details{border-bottom:1px solid #DEDAE4}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;font-size:16px;padding:22px 0;line-height:1.5;color:#4B4357}.faq-list summary::-webkit-details-marker{display:none}.faq-list details:first-child summary{padding-top:0}.faq-list summary>span{font-size:25px;color:#977DB6;transition:transform .3s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{color:#84758E;font-size:14px;line-height:1.85;padding:0 26px 24px 0}.closing-section{position:relative;overflow:hidden;isolation:isolate;padding:81px 0 83px;background:var(--purple-dark)}.closing-section:before{content:'';position:absolute;inset:0;background:linear-gradient(108deg,#2A164900 35%,#161327BB);z-index:-1}.closing-orbit{position:absolute;width:900px;height:900px;right:-360px;top:-185px;border:1px solid #AE80EF50;border-radius:50%;transform:rotate(-30deg) scaleX(.65);box-shadow:0 0 0 55px #c49bff07,0 0 0 110px #c49bff05,0 0 0 165px #c49bff03;z-index:-1}.closing-content .eyebrow{color:#C8ABE9;margin-bottom:35px;font-size:10px}.closing-content h2{font-size:clamp(58px,7.4vw,106px);line-height:.99;letter-spacing:-5px}.closing-content h2>span{color:#CAA2F4}.closing-bottom{display:flex;justify-content:space-between;align-items:flex-end;max-width:960px;margin-top:44px;gap:35px}.closing-bottom>p{font-size:15px;line-height:1.8;color:#D1BDE8}.closing-bottom .button{gap:65px}.footer-top{display:flex;align-items:center;gap:43px;padding:35px 0 27px}.footer-top .logo{width:190px}.footer-top>p{font-size:12px;color:#8B90A0}.back-top{width:43px;height:43px;border:1px solid #444657;border-radius:50%;display:grid;place-items:center;margin-left:auto;font-size:21px;color:#C3B6D7;transition:background .2s}.back-top:hover{background:var(--purple)}.footer-bottom{border-top:1px solid #282D3C;padding:24px 0 28px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;color:#777F93}.footer-bottom nav{display:flex;gap:30px}.footer-bottom nav a:hover{color:#D7BCFF}.footer-bottom>span:last-child{font-size:9px;letter-spacing:1.3px}

/* Native image inspection: keyboard, original-size zoom, and touch scrolling. */
.capture-dialog{position:fixed;inset:0;margin:auto;padding:0;width:min(1680px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);border:1px solid #46425E;border-radius:12px;background:var(--night);color:#FFF;box-shadow:0 30px 100px #0005;overflow:hidden}.capture-dialog[open]{display:flex;flex-direction:column}.capture-dialog::backdrop{background:#080C16DB;backdrop-filter:blur(9px)}.capture-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px 24px;flex-shrink:0}.capture-dialog-bar p{font-size:9px;letter-spacing:1px;color:#B39CD4;margin-bottom:6px}.capture-dialog-bar h2{font-size:20px;line-height:1.3;letter-spacing:-.3px}.capture-dialog-actions{display:flex;gap:10px}.capture-dialog-actions button{background:transparent;border:1px solid #5D536C;border-radius:6px;color:#FFF;padding:10px 15px;min-height:44px;font-size:12px}.capture-dialog-actions button:hover{background:#3C3153}.capture-dialog-actions button[aria-pressed=true]{background:var(--purple);border-color:var(--purple)}.capture-dialog-actions .capture-close{display:flex;align-items:center;gap:14px;background:#383345}.capture-close>span{font-size:23px;line-height:1}.capture-dialog-stage{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;background:#F7F8FA}.capture-dialog-stage img{display:block;width:100%;max-width:none;height:auto}.capture-dialog-stage.is-original img{width:var(--capture-width,1921px)}.capture-dialog-stage:focus-visible{outline-offset:-3px}.capture-dialog-help{font-size:12px;color:#B7A9CD;padding:13px 24px;flex-shrink:0;line-height:1.6}html.capture-is-open{overflow:hidden;scrollbar-gutter:stable}

/* Motion always has a static fallback. */
[data-reveal]{opacity:1;transform:none}.reveal-ready [data-reveal]{transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--reveal-delay,0ms)}.reveal-ready [data-reveal]:not(.is-visible){opacity:0;transform:translateY(28px)}
@keyframes hero-enter{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}
@keyframes sculpture-float{0%,100%{transform:translateY(0) rotateZ(0)}50%{transform:translateY(-12px) rotateZ(2deg)}}
@keyframes orbit-breathe{from{opacity:.55;transform:rotate(-32deg) scaleY(.39)}to{opacity:1;transform:rotate(-27deg) scaleY(.42)}}
@keyframes signal-travel{to{stroke-dashoffset:0}}
@keyframes equalizer{to{transform:scaleY(.35)}}
@keyframes scroll-indicator{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(7px)}}
@keyframes panel-enter{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important}html[data-motion=off] [data-reveal]{opacity:1!important;transform:none!important}html[data-motion=off] .brand-scene,html[data-motion=off] [data-screen-depth]{transform:none!important}html[data-motion=off] .sculpture-tilt{transform:perspective(850px) rotateX(-9deg) rotateY(-17deg) rotateZ(-13deg)!important}

@media(min-width:1550px){.hero-layout{min-height:765px}.hero h1{font-size:113px}.brand-scene{width:128%;margin-left:-7%}.hero-bottom{gap:42px}.hero-light{right:-10%}}
@media(max-width:1150px){.container{width:calc(100% - 72px)}.nav-row{gap:25px}.logo{width:190px}.main-nav{gap:24px}.header-actions{gap:17px;margin-left:4px}.motion-text{display:none}.hero-layout{min-height:650px;grid-template-columns:1.2fr 1fr;padding-top:65px}.hero h1{font-size:clamp(64px,8vw,90px);letter-spacing:-4.5px}.hero-eyebrow{font-size:9px;letter-spacing:1px}.hero-bottom{display:block;margin-top:30px}.hero-bottom p br:last-child{display:none}.hero-bottom .button{margin-top:25px}.brand-scene{width:122%;margin-left:-14%}.editorial-heading{gap:50px}.editorial-heading>div>p{font-size:15px}.inbox-layout{grid-template-columns:25% 47% 28%}.contact{gap:8px;padding:16px 12px}.contact .avatar{display:none}.context-panel{padding:27px 19px}.demo-tabs button{font-size:14px;padding:22px 12px;gap:9px}.automation-layout,.campaign-layout{gap:40px;padding:35px}.integrations-layout{gap:36px}.integration-count>span{font-size:108px}.integrations-copy h2{font-size:46px}.faq-layout{gap:65px}.faq-layout h2{font-size:45px}.integration-screen-intro{gap:20px}.integration-screen-intro>span{font-size:10px}}
@media(max-width:900px){.header{height:88px}.hero{padding-top:88px}.main-nav{gap:20px}.main-nav a{font-size:12px}.nav-cta{font-size:12px;gap:14px;padding:9px 14px}.header-actions{gap:13px}.hero-layout{min-height:640px;grid-template-columns:1.25fr 1fr;padding-top:55px;padding-bottom:63px}.hero h1{font-size:clamp(62px,8.5vw,77px);letter-spacing:-4px}.hero-eyebrow{max-width:320px;font-size:9px;letter-spacing:.5px;margin-bottom:31px}.hero-bottom p{font-size:13px}.brand-scene{width:146%;margin-left:-30%;opacity:.85}.label-top{top:5%;right:13%;font-size:8px}.label-bottom{bottom:5%;font-size:8px;left:20%}.hero-baseline>p{font-size:11px}.hero-baseline{padding:23px 0}.editorial-heading{grid-template-columns:1.15fr 1fr;gap:38px}.editorial-heading h2{font-size:49px;letter-spacing:-2.7px}.section-label{font-size:9px;letter-spacing:1px}.platform-notes{gap:23px}.platform-notes>div{gap:12px}.platform-notes p{font-size:12px}.platform-notes strong{font-size:13px}.demo-brand i{display:none}.demo-tabs{padding:0 15px}.demo-tabs button{font-size:13px;padding:20px 8px}.tab-number{font-size:9px}.inbox-layout{grid-template-columns:31% 69%}.context-panel{display:none}.contact{padding:20px 17px}.contact .avatar{display:flex}.contact strong{font-size:13px}.chat-body{min-height:280px}.experience-section h2{font-size:46px}.experience-footer{font-size:10px}.experience-footer>span{font-size:8px}.integrations-copy h2{font-size:40px;letter-spacing:-2px}.integrations-layout{gap:17px}.integration-count>span{font-size:95px}.integration-count p{font-size:11px}.integration-count{gap:17px;margin-bottom:27px}.integrations-copy>p{font-size:14px}.integration-network{width:112%;margin-left:-5%}.network-hub{width:83px;height:94px;border-radius:15px}.network-hub img{width:49px;height:49px}.network-app{gap:4px;font-size:9px}.app-symbol{transform:scale(.85)}.integration-screen-intro{flex-wrap:wrap;gap:10px 20px}.integration-screen-intro>span{margin-left:0;flex-basis:100%}.faq-layout{grid-template-columns:1fr 1.3fr;gap:35px}.faq-layout h2{font-size:41px}.faq-list summary{font-size:14px}.faq-list details>p{font-size:13px}.closing-content h2{font-size:77px;letter-spacing:-4px}}
@media(max-width:700px){html{scroll-padding-top:94px}.container{width:calc(100% - 40px)}.header{height:80px}.header.is-scrolled{height:70px}.nav-row{justify-content:space-between;gap:12px}.logo{width:172px;height:49px}.header-actions{gap:8px;margin-left:auto}.nav-cta{display:none}.motion-toggle{min-width:34px;justify-content:center}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:rgba(12,18,32,.98);border-bottom:1px solid #353247;padding:17px 20px;flex-direction:column;align-items:stretch;gap:0;margin:0}.main-nav.is-open{display:flex}.main-nav a{font-size:17px;padding:16px 12px;border-bottom:1px solid #ffffff0e}.main-nav a:after{display:none}.hero{padding-top:80px}.hero-layout{display:block;min-height:0;padding-top:43px;padding-bottom:21px}.hero-eyebrow{font-size:8px;letter-spacing:.7px;margin-bottom:30px;max-width:none}.hero h1{font-size:clamp(52px,10.8vw,75px);letter-spacing:-3px;line-height:1.015}.hero-bottom{margin-top:27px;max-width:370px}.hero-bottom p{font-size:14px;line-height:1.65}.hero-bottom p br:last-child{display:initial}.hero-bottom .button{margin-top:24px;padding-left:19px;min-height:53px;font-size:13px;gap:31px}.hero-bottom .button-arrow{width:38px;height:38px}.brand-scene{width:min(405px,101%);margin:-5px auto 0;opacity:1;transform:none}.label-top{right:15%;top:8%;font-size:8px}.label-bottom{bottom:6%;left:16%;font-size:8px}.scene-cross{font-size:15px}.hero-meridian{width:850px;height:850px;top:330px;left:calc(50% - 420px);opacity:.55}.hero-light{width:750px;height:750px;right:calc(50% - 375px);top:300px}.hero-baseline{padding:23px 0;gap:15px}.hero-baseline>p{font-size:10px}.baseline-index{display:none}.scroll-cue{font-size:8px;letter-spacing:.5px;gap:9px}.scroll-track{height:22px;width:12px}.platform-section{padding:40px 0 48px}.section-label{font-size:8px;gap:16px;letter-spacing:.5px;padding-bottom:18px}.section-label>span:last-child{text-align:right}.editorial-heading{display:block;margin:33px 0 31px}.editorial-heading h2{font-size:46px;letter-spacing:-2.5px;line-height:1.045}.editorial-heading>div{max-width:none;margin-top:25px}.editorial-heading>div>p{font-size:14px;line-height:1.75}.line-link{font-size:12px;gap:25px;padding-bottom:6px;min-height:40px}.editorial-heading .line-link{margin-top:13px}.screen-frame{border-radius:7px}.screen-frame[data-screen-depth]{transform:none;will-change:auto}.screen-bar{height:33px;gap:10px;padding:0 11px;font-size:8px}.screen-dots{gap:4px}.screen-dots i{width:4px;height:4px}.screen-bar .real-label{font-size:7px;letter-spacing:.3px}.screen-expand{right:9px;bottom:9px;padding:8px 11px;gap:16px;font-size:10px}.screen-expand>span{font-size:15px}.platform-notes{grid-template-columns:1fr;gap:0;margin-top:25px}.platform-notes>div{padding:16px 0;gap:18px;align-items:center}.platform-notes>div>span{font-size:10px;padding:0}.platform-notes p{font-size:12px;line-height:1.6}.platform-notes strong{font-size:14px}.platform-notes p br{display:none}.platform-notes strong{display:inline-block;margin-right:4px}.experience-section{padding:43px 0 38px}.experience-section .editorial-heading{margin-bottom:29px}.experience-section h2{font-size:42px;letter-spacing:-2.4px}.experience-instruction{font-size:12px!important;margin-top:13px!important}.demo-topbar{padding:12px 14px;gap:7px;flex-wrap:wrap}.demo-brand{font-size:12px}.demo-brand img{width:21px;height:21px}.sample-badge{font-size:9px}.demo-tabs{padding:0 9px}.demo-tabs button{flex-direction:column;justify-content:center;align-items:center;padding:14px 6px;font-size:11px;gap:6px;line-height:1.2}.demo-tabs .tab-number{font-size:8px}.demo-panel{min-height:415px}.inbox-layout{display:block;min-height:415px}.inbox-list{display:none}.chat-heading{padding:17px}.chat-body{padding:23px 17px;min-height:305px;gap:13px}.bubble{font-size:12px;max-width:92%}.chat-options{gap:7px}.chat-options button{padding:10px 9px;font-size:11px}.chat-bottom{padding:13px 16px;flex-wrap:wrap;font-size:10px}.chat-bottom .subtle-button{font-size:11px}.experience-footer{flex-direction:column;gap:10px;margin-top:23px;font-size:11px}.experience-footer>span{font-size:8px;letter-spacing:.8px}.panel-heading{padding:22px 19px 10px;align-items:flex-start;flex-direction:column;gap:17px}.panel-heading h3{font-size:21px}.button-cyan{min-height:42px;font-size:11px;padding:10px 13px}.kanban{display:flex;overflow-x:auto;padding:16px 18px;gap:13px;scroll-snap-type:x proximity}.kanban-column{flex:0 0 224px;scroll-snap-align:start;padding:13px}.lead-area{min-height:212px}.kanban-column h4{font-size:12px}.lead-card{padding:15px}.lead-card h5{font-size:13px}.lead-card p{font-size:11px}.demo-feedback{padding:0 19px 23px;font-size:11px}.automation-layout,.campaign-layout{grid-template-columns:1fr;gap:32px;padding:28px 21px}.automation-layout h3,.campaign-layout h3{font-size:30px;margin-bottom:18px}.automation-layout .eyebrow,.campaign-layout .eyebrow{font-size:8px}.muted{font-size:13px}.timeline p{font-size:12px}.timeline h4{font-size:15px}.timeline small{font-size:8px}.scenario-switch button{font-size:11px;min-height:42px}.message-preview{padding:22px}.preview-bubble{font-size:13px;padding:18px}.campaign-layout select{font-size:13px;min-height:44px}.integrations-section{padding:43px 0}.integrations-layout{display:flex;flex-direction:column;gap:20px;margin:34px 0 27px}.integrations-copy{width:100%}.integration-count{margin-bottom:27px;gap:23px}.integration-count>span{font-size:115px;letter-spacing:-8px}.integration-count p{font-size:12px}.integrations-copy h2{font-size:42px;letter-spacing:-2.2px}.integrations-copy>p{font-size:14px;margin:23px 0 13px}.integrations-copy .line-link{font-size:12px}.integration-network{width:min(440px,100%);margin:0 auto}.network-hub{width:82px;height:95px}.network-hub img{width:49px;height:49px}.app-symbol{transform:scale(.83)}.network-app{font-size:9px;gap:2px}.integration-screen-intro{display:block;margin-bottom:17px}.integration-screen-intro>p{font-size:8px;margin-bottom:9px}.integration-screen-intro h3{font-size:18px}.integration-screen-intro>span{font-size:11px;display:block;margin-top:7px}.integration-categories{gap:7px 15px;justify-content:flex-start;margin-top:21px}.integration-categories>span{font-size:9px;gap:6px}.faq-section{padding:41px 0 52px}.faq-layout{display:block;margin-top:33px}.faq-layout h2{font-size:43px}.faq-layout>div>p{font-size:13px;margin-top:19px}.faq-list{margin-top:31px}.faq-list summary{padding:18px 0;font-size:14px;gap:23px}.faq-list details:first-child summary{padding-top:18px;border-top:1px solid #DEDAE4}.faq-list details>p{font-size:13px;padding-right:13px;padding-bottom:21px}.faq-list summary>span{font-size:22px}.closing-section{padding:52px 0 49px}.closing-content .eyebrow{font-size:8px;margin-bottom:26px}.closing-content h2{font-size:clamp(46px,10.4vw,71px);letter-spacing:-2.8px;line-height:1.03}.closing-bottom{display:block;margin-top:30px}.closing-bottom>p{font-size:13px}.closing-bottom .button{margin-top:27px;font-size:13px;gap:52px;min-height:54px}.closing-bottom .button-arrow{width:38px;height:38px}.closing-orbit{width:650px;height:650px;right:-380px;top:-10px}.footer-top{padding:26px 0 19px;gap:20px;flex-wrap:wrap}.footer-top .logo{width:168px;height:45px}.footer-top>p{font-size:10px;order:3;width:100%;margin-top:-5px}.back-top{width:39px;height:39px;font-size:19px}.footer-bottom{font-size:9px;padding:20px 0 25px;gap:20px;flex-wrap:wrap}.footer-bottom nav{gap:19px}.footer-bottom>span:last-child{display:none}.capture-dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 18px);border-radius:9px}.capture-dialog-bar{flex-wrap:wrap;padding:16px 15px;gap:13px}.capture-dialog-bar h2{font-size:19px}.capture-dialog-actions{width:100%;justify-content:space-between}.capture-dialog-actions button{font-size:11px;padding:10px 12px}.capture-dialog-help{font-size:11px;padding:12px 15px}}
@media(max-width:370px){.container{width:calc(100% - 30px)}.hero h1{font-size:49px;letter-spacing:-2.9px}.hero-eyebrow{font-size:7px;letter-spacing:.45px}.hero-bottom p{font-size:13px}.hero-baseline>p{font-size:9px}.editorial-heading h2{font-size:42px}.experience-section h2{font-size:38px}.integrations-copy h2{font-size:37px}.demo-tabs button{font-size:10px}.sample-badge{font-size:8px}.integration-network{width:105%;margin-left:-2.5%}.footer-bottom{gap:15px}.footer-bottom nav{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready [data-reveal]{opacity:1!important;transform:none!important}.brand-scene,[data-screen-depth]{transform:none!important}}
/* Readable supporting text and compact module labels. */
.demo-tabs button { min-width: 0; }
.bubble { font-size: 14px; }
.contact strong { font-size: 13px; }
.contact p, .lead-card p { font-size: 12px; }
.sample-badge, .screen-bar { font-size: 11px; }
.section-label { font-size: 11px; }
.integration-screen-intro > p, .experience-footer > span { font-size: 10px; }
.motion-toggle:disabled { cursor: default; opacity: .7; }
@media (max-width: 700px) {
  .tab-full { display: none; }
  .demo-tabs button { font-size: 12px; }
  .hero-eyebrow { font-size: 9px; }
  .section-label { font-size: 9px; }
  .screen-bar { font-size: 9px; }
  .sample-badge { font-size: 10px; }
  .bubble { font-size: 13px; }
  .experience-footer > span { font-size: 9px; }
  .integration-categories > span { font-size: 10px; }
}
@media (max-width: 370px) {
  .hero-eyebrow { font-size: 8px; }
  .demo-tabs button { font-size: 11px; }
}
/* Integrations selected for the daily work of a law office. */
.legal-network .network-app { color: #716080; font-size: 11px; }
.legal-app-icon { width: 62px; height: 62px; display: grid; place-items: center; background: #fff; border: 1px solid #DFD3EC; border-radius: 14px; box-shadow: 0 10px 25px -17px #46226160; }
.legal-app-icon img { width: 40px; height: 40px; object-fit: contain; border-radius: 5px; }
.app-zapsign { left: 16.4%; top: 20.6%; }
.app-clicksign { left: 81%; top: 17.6%; }
.app-docusign { left: 11%; top: 54.5%; }
.app-escavador { left: 27.8%; top: 83.4%; }
.app-google { left: 66.8%; top: 84.5%; }
.app-sheets { left: 50%; top: 13.5%; }
.legal-tools { margin: 4px 0 33px; scroll-margin-top: 105px; }
.legal-tools-heading { display: flex; align-items: center; gap: 27px; padding: 0 0 24px; }
.legal-tools-heading > p { font-size: 10px; letter-spacing: 1px; color: #8C739F; }
.legal-tools-heading h3 { font-weight: 400; font-size: 23px; letter-spacing: -.6px; color: #604675; }
.legal-tool-row { display: grid; grid-template-columns: 32px 1.2fr 1fr; gap: 24px; align-items: center; padding: 24px 0; border-top: 1px solid #DACEE6; }
.legal-tool-index { font-size: 11px; color: #9A82B2; align-self: start; padding-top: 3px; }
.legal-tool-purpose h4 { font-weight: 400; font-size: 19px; line-height: 1.3; color: #513D64; margin-bottom: 9px; }
.legal-tool-purpose p { font-size: 13px; line-height: 1.75; color: #7B678C; max-width: 460px; }
.legal-tool-brands { display: flex; align-items: center; justify-content: flex-end; gap: 14px 21px; flex-wrap: wrap; }
.legal-tool-brands > span { display: flex; align-items: center; gap: 9px; font-size: 13px; color: #5F4277; white-space: nowrap; }
.legal-tool-brands img { width: 28px; height: 28px; object-fit: contain; border-radius: 4px; }
.integration-catalog { border-top: 1px solid #DACEE6; border-bottom: 1px solid #DACEE6; padding: 0; }
.integration-catalog > summary { display: flex; justify-content: space-between; align-items: center; gap: 23px; list-style: none; cursor: pointer; font-size: 13px; color: #75568E; padding: 21px 0; }
.integration-catalog > summary::-webkit-details-marker { display: none; }
.catalog-toggle { font-size: 25px; font-weight: 400; line-height: 1; transition: transform .3s; }
.integration-catalog[open] .catalog-toggle { transform: rotate(45deg); }
.catalog-description { font-size: 12px; line-height: 1.7; color: #8E739D; margin: 0 0 18px; }
.integration-catalog .screen-frame { margin-bottom: 25px; }
@media (max-width: 900px) {
  .legal-app-icon { width: 53px; height: 53px; border-radius: 12px; }
  .legal-app-icon img { width: 35px; height: 35px; }
  .legal-network .network-app { font-size: 10px; gap: 6px; }
  .legal-tool-row { gap: 18px; grid-template-columns: 24px 1.2fr 1fr; }
  .legal-tool-brands { gap: 12px; }
  .legal-tool-brands > span { font-size: 12px; }
  .legal-tools-heading { gap: 20px; }
  .legal-tools-heading h3 { font-size: 21px; }
}
@media (max-width: 700px) {
  .legal-network .network-app { font-size: 10px; }
  .legal-tools { margin-top: 14px; margin-bottom: 24px; }
  .legal-tools-heading { display: block; padding-bottom: 22px; }
  .legal-tools-heading > p { font-size: 9px; margin-bottom: 12px; }
  .legal-tools-heading h3 { font-size: 24px; max-width: 260px; line-height: 1.2; }
  .legal-tool-row { grid-template-columns: 24px minmax(0, 1fr); gap: 15px 12px; padding: 23px 0; }
  .legal-tool-purpose h4 { font-size: 18px; margin-bottom: 8px; }
  .legal-tool-purpose p { font-size: 13px; }
  .legal-tool-brands { grid-column: 2; justify-content: flex-start; gap: 12px 17px; }
  .legal-tool-brands > span { font-size: 12px; gap: 7px; }
  .legal-tool-brands img { width: 24px; height: 24px; }
  .integration-catalog > summary { font-size: 12px; line-height: 1.7; padding: 19px 0; }
  .catalog-description { font-size: 11px; }
}