@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700;750;800&display=swap');
:root{--bg:#f3f4f9;--ink:#141827;--muted:#71778f;--navy:#222b69;--purple:#7c49ed;--line:#e7e9f1;--lav:#f5f0ff;--green:#20805a;--shadow:0 18px 55px #232d5310,0 2px 5px #232d5305}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #9c7ced;outline-offset:5px}button{color:inherit}button,a{touch-action:manipulation}p{line-height:1.65}button:disabled{cursor:default}img{max-width:100%}.skip{position:fixed;top:-100px;left:15px;z-index:100;background:white;padding:15px}.skip:focus{top:15px}.nav-wrap{position:sticky;top:0;z-index:50;padding:18px 30px 0}.nav{max-width:1256px;height:76px;padding:0 24px 0 26px;display:flex;align-items:center;justify-content:space-between;margin:auto;border:1px solid #ffffffeb;border-radius:26px;background:#ffffffc9;backdrop-filter:blur(24px);box-shadow:0 8px 30px #252d5010}.brand{width:167px;display:flex;align-items:center;overflow:hidden;height:45px}.brand img{width:167px}.nav-links,.nav-actions{display:flex;align-items:center;gap:32px}.nav-links{font-size:14px;color:#5c6177;font-weight:500}.nav-actions{gap:25px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:100px;min-height:55px;padding:0 27px;font-size:15px;font-weight:550;border:1px solid transparent;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-3px)}.button:active{transform:scale(.97)}.primary{background:var(--navy);color:#fff;box-shadow:0 6px 13px #222b6916}.primary:hover{background:#313b82;box-shadow:0 10px 22px #222b6926}.secondary{background:#ffffffb0;border-color:#e0e2ed}.small{min-height:42px;padding:0 21px;font-size:14px}.hero{position:relative;padding:69px 24px 38px;overflow:hidden;text-align:center}.hero-aura{position:absolute;top:130px;left:15%;width:70%;height:630px;background:radial-gradient(ellipse,#e5e4ff70,transparent 67%);pointer-events:none}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:550;border:1px solid #e3e7e4;background:#ffffffad;padding:8px 13px;border-radius:99px;position:relative}.eyebrow img{height:19px;width:17px}h1{font-size:clamp(46px,5.6vw,78px);letter-spacing:-4px;line-height:1.075;margin:25px auto 23px;font-weight:650;position:relative}h1 span{color:var(--navy)}.hero-copy{font-size:18px;line-height:1.65;color:#757a8d;margin:0 auto 26px;position:relative}.hero-buttons{display:flex;justify-content:center;gap:12px}.play{font-size:11px}.trial-note{font-size:12px;color:#85899d;margin:15px 0 0}.trial-note span{padding:0 7px}.product-stage{max-width:1120px;position:relative;margin:61px auto 0;text-align:left}.app-window{display:flex;min-height:530px;border:8px solid #ffffffc9;border-radius:32px;background:#f2f3f8;box-shadow:0 28px 75px #26325f15,0 2px 10px #27345f09;overflow:hidden}.app-sidebar{width:192px;flex-shrink:0;background:white;border-radius:23px;padding:25px 12px 12px;display:flex;flex-direction:column}.app-logo{width:135px;margin:0 10px 22px}.side-links{display:grid;gap:9px}.side-item{border:0;background:none;text-align:left;min-height:40px;border-radius:99px;padding:0 12px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;white-space:nowrap}.side-item span{font-size:18px}.side-item.active{background:var(--navy);color:white}.side-item b{margin-left:auto;font-size:10px;background:#ffffff28;padding:3px 5px;border-radius:10px}.store-card{background:var(--bg);border-radius:20px;margin-top:auto;display:flex;align-items:center;padding:13px 9px;gap:9px;font-size:12px}.store-card small{display:block;color:var(--muted);margin-top:5px}.store-card>span:last-child{margin-left:auto}.store-avatar{background:var(--ink);color:white;width:29px;height:29px;display:grid;place-items:center;border-radius:50%}.app-main{padding:29px 25px 21px;flex:1;min-width:0}.app-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.app-kicker{font-size:9px;letter-spacing:1.7px;font-weight:600;color:#8b8fa4}.app-heading h2{font-size:25px;letter-spacing:-.8px;font-weight:650;margin:8px 0}.app-heading p{font-size:12px;color:var(--muted);margin:0}.wave{color:#d5b574;font-size:22px}.demo-label{font-size:10px;border:1px solid #dadde9;border-radius:99px;padding:6px 9px;color:#8b8fa4;white-space:nowrap}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:#fff;border:1px solid var(--line);padding:18px 16px;border-radius:21px;box-shadow:0 6px 15px #29345904}.stat>span{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;white-space:nowrap}.stat strong{font-size:36px;font-weight:550;letter-spacing:-1.8px;display:block;margin:14px 0 10px}.stat strong span{font-size:25px}.stat small{font-size:9px;color:#858aa0;white-space:nowrap}.stat-highlight{background:#f1f2ff;border-color:#d9ddf3}.stat-highlight strong{color:var(--navy)}.amber-dot{width:5px;height:5px;background:#d2a152;border-radius:50%}.green{color:var(--green)}.ai-summary{background:var(--lav);border:1px solid #e6daff;border-radius:20px;padding:18px 20px;margin-top:16px}.purple{color:var(--purple);font-size:13px;font-weight:600}.ai-summary p{font-size:12px;margin:10px 0;color:#5a536c}.ai-summary small{font-size:10px;color:#9b8bb3}.activity{background:white;border-radius:20px;padding:18px 20px;margin-top:16px}.activity-head{display:flex;justify-content:space-between;align-items:center}.activity h3{font-size:13px;margin:0}.live-pill{font-size:9px;color:var(--green);display:flex;align-items:center;gap:5px}.live-pill i{width:5px;height:5px;border-radius:50%;background:#41ac79;box-shadow:0 0 0 3px #41ac7911}.activity-row{display:flex;gap:10px;align-items:center;border-top:1px solid #f0f1f5;margin-top:12px;padding-top:12px}.round-icon{width:30px;height:30px;border-radius:10px;background:#f1f3fa;display:grid;place-items:center;color:var(--navy);flex-shrink:0}.activity-row strong{font-size:11px;font-weight:550;display:block}.activity-row small{font-size:9px;color:#9094a6;display:block;margin-top:5px}.success-badge{margin-left:auto;color:var(--green);background:#eef8f3;border-radius:99px;padding:5px 9px;font-size:9px;white-space:nowrap}.activity-row time{color:#a0a4b5;font-size:9px;margin-left:5px}.float-note{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;padding:17px 19px;background:#ffffffed;border:1px solid white;border-radius:20px;box-shadow:0 12px 32px #29335113;backdrop-filter:blur(14px);animation:float 6s ease-in-out infinite;pointer-events:none}.float-note strong{display:block;font-size:12px;font-weight:600}.float-note small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.note-left{left:-43px;top:172px;transform:rotate(-4deg)}.note-right{right:-49px;bottom:108px;animation-delay:-3s}.note-icon{width:34px;height:34px;border-radius:12px;background:#efebfb;color:var(--purple);display:grid;place-items:center;font-size:23px}.check-circle{width:25px;height:25px;background:#e6f5ec;color:#299566;border-radius:50%;display:grid;place-items:center;font-size:12px}.preview-caption{display:flex;align-items:center;justify-content:space-between;padding:24px 6px;gap:15px}.preview-caption>span{font-size:9px;letter-spacing:1.8px;color:#9b9fb1;font-weight:550}.preview-tabs{display:flex;padding:4px;background:#e9ebf3;border-radius:99px;gap:3px}.preview-tabs button{border:0;background:none;font-size:11px;color:#7e8398;padding:9px 15px;border-radius:99px}.preview-tabs button.active{background:white;color:var(--ink);box-shadow:0 2px 5px #26325f0a}.hero-enter{animation:enter .8s both}.hero h1{animation-delay:.08s}.hero-copy{animation-delay:.16s}.hero-buttons{animation-delay:.24s}.trial-note{animation-delay:.32s}.product-stage{animation:enter 1s .4s both}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}
@media(min-width:1450px){.hero{padding-top:84px}.product-stage{max-width:1160px}}@media(max-width:1100px){.float-note{display:none}.app-sidebar{width:162px}.app-main{padding:24px 18px}.app-heading h2{font-size:22px}.stat{padding:16px 12px}.nav-links{gap:22px}.nav{height:68px}.product-stage{margin-top:45px}}@media(max-width:760px){.nav-wrap{padding:10px 12px 0}.nav{padding:0 15px;height:62px;border-radius:22px}.brand,.brand img{width:132px}.nav-links,.login{display:none}.nav-actions{gap:0}.nav .button{font-size:12px;padding:0 16px;min-height:39px}.hero{padding:49px 16px 15px}.eyebrow{font-size:10px;padding:7px 10px}h1{letter-spacing:-2.2px;font-size:46px;margin-top:24px}.hero-copy{font-size:15px}.hero-copy br{display:none}.hero-buttons{gap:9px}.hero-buttons .button{font-size:12px;padding:0 19px;min-height:48px}.trial-note{font-size:10px}.product-stage{margin-top:40px}.app-window{border-width:5px;border-radius:25px;min-height:0}.app-sidebar{display:none}.app-main{padding:20px 14px 14px}.app-heading{margin-bottom:18px}.app-heading h2{font-size:21px}.app-kicker{font-size:8px;letter-spacing:1px}.app-heading p{font-size:11px}.demo-label{font-size:9px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:9px}.stat{padding:14px}.stat strong{font-size:30px;margin:10px 0 5px}.stat small{font-size:9px}.stat>span{font-size:10px}.ai-summary{padding:15px;border-radius:17px;margin-top:10px}.ai-summary p{font-size:11px}.activity{padding:15px;margin-top:10px}.activity h3{font-size:11px}.activity-row time{display:none}.activity-row strong{font-size:10px}.activity-row small{font-size:8px}.success-badge{font-size:8px;padding:5px 7px}.preview-caption{justify-content:center;padding:19px 0}.preview-caption>span{display:none}.preview-tabs button{font-size:11px}.nav-actions .button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.section{max-width:1120px;margin:auto;padding:95px 0}.section-label{text-transform:uppercase;color:var(--purple);font-weight:600;letter-spacing:1.8px;font-size:11px;display:block;margin-bottom:18px}.section h2,.closing h2{font-size:clamp(32px,3.5vw,48px);font-weight:600;letter-spacing:-2px;line-height:1.12;margin:0 0 22px}.section-lead{max-width:530px;font-size:16px;color:var(--muted);margin:0;line-height:1.75}.center{text-align:center}.center .section-lead{margin:auto}.integrations{max-width:1120px;margin:auto;padding:42px 10px 50px;border-bottom:1px solid var(--line);text-align:center}.integrations p{font-size:12px;color:#969bae;margin:0 0 26px}.integration-list{display:flex;justify-content:center;align-items:center;gap:62px;flex-wrap:wrap}.integration-list>span{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#52596d}.integration-list img{height:28px}.gmail-icon{font-size:24px;font-weight:750;color:#d66255}.outlook-icon{display:grid;place-items:center;width:25px;height:25px;background:#3786ce;color:white;border-radius:5px;font-size:15px}.icloud-icon{color:#549eee;font-size:27px}.imap-icon{font-size:27px;color:#717b9f}.feature-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:40px}.feature-heading h2{margin-bottom:0}.feature-heading p{max-width:340px;font-size:15px}.feature-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.feature-card{background:white;border:1px solid var(--line);border-radius:32px;padding:32px;box-shadow:var(--shadow);overflow:hidden;position:relative}.feature-card h3{font-size:22px;font-weight:600;letter-spacing:-.5px;margin:0 0 11px}.feature-card>p{font-size:14px;color:var(--muted);max-width:400px;margin:0;line-height:1.7}.feature-card.large{grid-row:span 2;padding-bottom:0;min-height:596px}.tiny-kicker{font-size:10px;color:var(--purple);letter-spacing:1.3px;font-weight:600;display:block;margin-bottom:20px}.mail-demo{margin-top:32px;border-radius:23px 23px 0 0;background:var(--bg);padding:20px;border:1px solid var(--line);border-bottom:0;min-height:397px}.mail-header{display:flex;gap:10px;align-items:center;margin-bottom:15px}.avatar{width:33px;height:33px;background:#e4e6f6;border-radius:50%;display:grid;place-items:center;font-size:12px;color:var(--navy);flex-shrink:0}.mail-header strong{font-size:12px;display:block}.mail-header small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.mail-header time{margin-left:auto;color:#989caf;font-size:10px}.mail-bubble{padding:18px;background:white;border-radius:16px;font-size:12px;line-height:1.7}.mail-bubble strong{display:block;margin-bottom:5px}.order-chip{font-size:10px;display:flex;align-items:center;gap:7px;background:white;padding:11px 13px;border-radius:12px;margin:12px 0}.order-chip img{width:15px;height:17px}.order-chip .green{margin-left:auto}.draft-bubble{background:#f5efff;border:1px solid #e6dbfc;border-radius:16px;padding:18px;font-size:12px;line-height:1.75}.draft-bubble .purple{font-size:11px;display:flex;justify-content:space-between}.draft-bubble p{margin:10px 0}.draft-status{font-size:10px;color:#8d829e;display:flex;align-items:center;gap:6px}.demo-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:10px;color:#989bad}.text-button{border:0;background:none;color:var(--navy);font-size:11px;padding:5px;display:inline-flex;align-items:center;gap:5px}.control-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #f0f1f6;font-size:12px}.control-row:first-of-type{margin-top:16px}.control-row:last-of-type{border-bottom:0}.control-row>div{display:flex;align-items:center;gap:10px}.control-row small{display:block;font-size:10px;color:#9197aa;margin-top:4px}.toggle{width:38px;height:23px;padding:3px;border:0;background:#d6d9e6;border-radius:99px;position:relative;flex-shrink:0;transition:background .3s}.toggle:after{content:'';display:block;width:17px;height:17px;background:white;border-radius:50%;box-shadow:0 1px 3px #15162722;transition:transform .3s}.toggle[aria-checked=true]{background:var(--navy)}.toggle[aria-checked=true]:after{transform:translateX(15px)}.control-feedback{font-size:10px;color:#9398ad;margin-top:12px;min-height:15px}.language-pills{display:flex;gap:8px;margin-top:25px;flex-wrap:wrap}.language-pills button{border:1px solid var(--line);border-radius:99px;background:var(--bg);padding:8px 12px;color:#6e7489;font-size:11px;transition:all .2s}.language-pills button.active{background:var(--navy);color:white;border-color:var(--navy)}.translation{margin-top:17px;font-size:13px;color:#5e6581;min-height:22px}.steps-section{padding-top:55px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:48px;position:relative}.steps:before{content:'';position:absolute;left:16%;right:16%;height:1px;top:30px;background:linear-gradient(90deg,#d8dcea,#d5c6f4,#d8dcea)}.step{position:relative}.step-number{display:flex;align-items:center;justify-content:center;margin:0 auto 23px;width:61px;height:61px;border-radius:21px;color:var(--navy);font-size:18px;border:1px solid white;background:#e9ebf6;box-shadow:0 5px 10px #242e5209;position:relative}.step h3{font-size:17px;letter-spacing:-.3px;font-weight:600}.step p{font-size:13px;color:var(--muted);max-width:285px;margin:auto}.reports-section{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:74px;padding-top:90px;padding-bottom:110px}.report-copy h2{font-size:43px}.report-copy p{font-size:15px}.tick-list{padding:0;margin:25px 0 0;list-style:none;display:grid;gap:15px;font-size:13px;color:#60677d}.tick-list li:before{content:'✓';color:#6e7ab4;margin-right:12px}.report-visual{background:#fff;border:1px solid var(--line);border-radius:32px;padding:28px;box-shadow:var(--shadow);transform:rotate(1.5deg)}.report-top{display:flex;justify-content:space-between;align-items:center}.report-top h3{font-size:16px;margin:0}.report-period{background:var(--bg);padding:8px 11px;border-radius:99px;color:var(--muted);font-size:10px}.report-numbers{display:flex;gap:35px;margin:27px 0}.report-numbers small{display:block;color:var(--muted);font-size:11px;margin-bottom:9px}.report-numbers strong{font-weight:550;font-size:38px;letter-spacing:-1.4px}.report-numbers>div:first-child strong{color:var(--navy)}.report-numbers strong span{font-size:24px}.chart{height:120px;display:flex;align-items:flex-end;gap:9px;padding-top:10px;border-bottom:1px solid var(--line)}.bar-pair{display:flex;align-items:flex-end;gap:3px;flex:1;height:100%}.bar-pair i{width:65%;height:var(--h);background:var(--navy);border-radius:5px 5px 0 0;transform-origin:bottom;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.bar-pair i:last-child{width:35%;background:#e3ddf8;height:var(--h2)}.chart-labels{display:flex;justify-content:space-between;color:#979cb0;font-size:9px;margin-top:10px}.chart-legend{display:flex;justify-content:center;gap:18px;font-size:10px;color:#7e849b;margin-top:18px}.chart-legend span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:2px;background:var(--navy);margin-right:5px}.chart-legend span:last-child:before{background:#e3ddf8}.report-ai{margin-top:22px;background:var(--lav);border-radius:17px;padding:15px;font-size:11px;color:#756888;line-height:1.7}.report-ai .purple{font-size:11px}.report-demo-note{font-size:9px;color:#a0a4b4;margin:13px 0 0;text-align:center}.night-band{background:var(--navy);color:#fff;margin:15px 24px 0;border-radius:36px;position:relative;overflow:hidden}.night-inner{max-width:1060px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:65px 25px;align-items:center}.night-band:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 15% 0,#7779d63a,transparent 60%);pointer-events:none}.night-copy{position:relative}.night-copy .section-label{color:#b7bafa}.night-copy h2{font-size:44px;line-height:1.12;letter-spacing:-1.8px;font-weight:550;margin:0 0 20px}.night-copy p{color:#c1c6e1;font-size:14px;max-width:390px}.night-clock{font-size:12px;display:flex;gap:8px;align-items:center;margin-top:25px;color:#b6bddb}.night-feed{background:#ffffff09;border:1px solid #ffffff18;border-radius:25px;padding:8px 23px;position:relative}.night-feed .activity-row{border-color:#ffffff13;padding:18px 0;margin:0}.night-feed .activity-row strong{font-size:12px;color:#e3e5f6;font-weight:450}.night-feed .activity-row small{font-size:10px;color:#9ba5d0;margin-top:5px}.night-feed .activity-row time{font-size:10px;margin:0 9px 0 0;color:#9aa4d0}.night-feed .success-badge{background:#91d1b414;color:#b6d4c7;font-size:9px}.night-feed .review-badge{color:#e4c88c;background:#e4c88c12}.pricing-section{padding-top:110px}.billing{display:inline-flex;gap:3px;padding:5px;background:#e7e9f2;border-radius:99px;margin-top:27px}.billing button{font-size:12px;padding:10px 18px;border-radius:99px;border:0;background:none;color:#767d93}.billing button.active{background:white;color:var(--ink);box-shadow:0 2px 6px #151b350a}.billing button span{color:var(--green);font-size:10px;margin-left:4px}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:42px;text-align:left;align-items:stretch}.price-card{position:relative;background:white;padding:28px 23px;border:1px solid var(--line);border-radius:27px;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}.price-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.price-card.featured{border:2px solid var(--navy);background:#fcfcff}.popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:6px 15px;border-radius:99px;font-size:9px;white-space:nowrap}.plan-name{font-size:14px;font-weight:600}.plan-description{font-size:11px;color:#8a90a6;margin:10px 0 21px}.price{font-size:39px;font-weight:550;letter-spacing:-1.5px;line-height:1.2}.price>span{font-size:12px;font-weight:450;letter-spacing:0;color:#8a90a6}.price-billing{font-size:9px;color:#9096ab;min-height:13px;margin:6px 0 19px}.allowance{font-size:11px;font-weight:550;margin-bottom:21px}.price-card .button{min-height:42px;padding:0 15px;width:100%;font-size:11px}.plan-features{font-size:11px;list-style:none;padding:20px 0 0;margin:20px 0 0;border-top:1px solid var(--line);display:grid;gap:15px;color:#70768c}.plan-features li:before{content:'✓';color:#8790b1;margin-right:8px}.enterprise{font-size:12px;color:#9297a9;margin:25px 0 0}.enterprise a{color:#555e85;text-decoration:underline;text-underline-offset:3px}.faq-section{display:grid;grid-template-columns:1fr 1.25fr;gap:90px;padding-top:30px;padding-bottom:100px}.faq-section h2{font-size:37px}.faq-list details{border-bottom:1px solid #dfe2ed}.faq-list summary{font-size:14px;padding:22px 28px 22px 0;cursor:pointer;list-style:none;position:relative;font-weight:500}.faq-list summary:after{content:'+';position:absolute;right:3px;top:20px;color:#858ca3;font-size:20px;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:13px;margin:0 0 20px;color:var(--muted);line-height:1.8}.closing{text-align:center;background:linear-gradient(150deg,#eceefa,#f6f2fd 70%,#edf0fa);border:1px solid #ffffff;margin:0 24px;border-radius:36px;padding:70px 24px}.closing .section-label{margin-bottom:20px}.closing p{font-size:15px;color:var(--muted);margin:0 0 26px}.closing .trial-note{margin-top:17px;font-size:11px}.footer{max-width:1120px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:38px 0 30px;gap:25px}.footer-logo{width:145px;display:block;margin-bottom:3px}.footer small{color:#a2a6b8;font-size:10px}.footer-links{display:flex;gap:25px;font-size:11px;color:#848b9e}.concept-note{text-align:center;font-size:10px;color:#a0a5b7;padding:0 20px 25px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.report-visual.reveal{transform:translateY(25px) rotate(1.5deg)}.report-visual.reveal.visible{transform:rotate(1.5deg)}.reveal:not(.visible) .bar-pair i{transform:scaleY(.05)}.view-enter{animation:enter .35s both}.review-preview{background:white;border:1px solid var(--line);border-radius:21px;padding:21px}.review-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);margin-bottom:15px}.review-preview .mail-bubble{background:var(--bg);margin-bottom:14px}.review-preview .draft-bubble{font-size:12px}.approve-button{margin-top:15px;min-height:40px;width:100%;font-size:12px}.agent-preview{background:white;border:1px solid var(--line);border-radius:21px;padding:22px}.agent-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.agent-tabs span{font-size:10px;background:var(--bg);color:var(--muted);padding:8px 12px;border-radius:99px}.agent-tabs span:first-child{background:var(--navy);color:white}.rule{padding:15px;background:var(--bg);border-radius:15px;margin-top:11px;font-size:12px}.rule strong{font-weight:550}.rule p{color:var(--muted);font-size:11px;margin:7px 0 0}.rule .purple{font-size:9px}.app-report{background:white;border:1px solid var(--line);border-radius:20px;padding:20px}.app-report .report-numbers{margin-top:0;justify-content:space-between}.app-report .chart{height:105px}.app-report .report-ai{margin-top:14px}.typing-dot{display:inline-block;width:4px;height:4px;background:#ad94dc;border-radius:50%;margin:0 2px;animation:pulse 1.1s infinite}.typing-dot:nth-child(2){animation-delay:.18s}.typing-dot:nth-child(3){animation-delay:.36s}@keyframes pulse{50%{opacity:.3;transform:translateY(-3px)}}.motion-control{position:fixed;bottom:17px;left:18px;z-index:40;background:#ffffffd9;backdrop-filter:blur(15px);border:1px solid #e3e5ef;border-radius:99px;padding:9px 12px;color:#8289a0;font-size:10px;box-shadow:0 3px 12px #262d5008}.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important}.paused .reveal{transition:none}.paused .bar-pair i{transition:none}
@media(max-width:1200px){.section,.integrations,.footer{margin-left:40px;margin-right:40px}.reports-section{gap:45px}.pricing-grid{gap:11px}.price-card{padding:26px 18px}.feature-grid{gap:18px}.feature-card{padding:27px}.integration-list{gap:40px}}@media(max-width:850px){.feature-heading{gap:30px}.feature-heading p{max-width:270px}.feature-card{padding:24px}.feature-card.large{min-height:580px}.mail-demo{padding:14px;margin-top:25px}.reports-section{gap:30px}.report-copy h2{font-size:35px}.report-visual{padding:22px}.report-numbers{gap:25px}.report-numbers strong{font-size:33px}.night-inner{gap:35px;padding:50px 25px}.night-copy h2{font-size:38px}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:26px 17px}.price-card{padding:29px}.faq-section{gap:40px}.section{padding-top:70px;padding-bottom:70px}.footer-links{gap:15px}}
@media(max-width:600px){.section,.integrations,.footer{margin-left:22px;margin-right:22px}.integrations{padding:23px 0 37px}.integrations p{font-size:11px;margin-bottom:22px}.integration-list{gap:22px}.integration-list>span{font-size:13px;gap:7px}.integration-list img{height:24px}.outlook-icon{width:22px;height:22px;font-size:12px}.icloud-icon{font-size:23px}.gmail-icon{font-size:22px}.integration-list>span:last-child{display:none}.section{padding:60px 0}.section h2{font-size:35px;letter-spacing:-1.5px}.feature-heading{display:block;margin-bottom:27px}.feature-heading p{max-width:none;margin-top:20px;font-size:14px}.feature-grid{grid-template-columns:1fr;gap:16px}.feature-card{padding:26px;border-radius:27px}.feature-card.large{min-height:0}.feature-card h3{font-size:21px}.feature-card>p{font-size:13px}.mail-demo{margin-top:27px;padding:17px;min-height:390px}.steps{grid-template-columns:1fr;gap:32px;text-align:left;margin-top:32px}.steps:before{display:none}.step{padding-left:74px;min-height:70px}.step-number{position:absolute;left:0;top:0;width:51px;height:51px;border-radius:17px;font-size:15px}.step h3{margin:2px 0 10px;font-size:16px}.step p{max-width:none;font-size:13px}.section-lead{font-size:14px}.reports-section{grid-template-columns:1fr;gap:33px}.report-copy .section-lead{font-size:14px}.report-visual{margin:0 5px;padding:23px;border-radius:27px}.report-numbers{justify-content:space-between}.night-band{margin:10px 12px 0;border-radius:28px}.night-inner{grid-template-columns:1fr;padding:37px 25px;gap:23px}.night-copy h2{font-size:36px}.night-copy p{font-size:13px}.night-feed{padding:5px 14px}.night-feed .activity-row time{display:block}.night-feed .activity-row strong{font-size:10px}.night-feed .success-badge{font-size:8px;padding:5px 6px}.pricing-section{padding-top:68px}.pricing-grid{gap:27px 12px;margin-top:37px}.price-card{padding:24px 16px;border-radius:23px}.plan-name{font-size:13px}.plan-description{font-size:10px;min-height:28px;line-height:1.5;margin-bottom:12px}.price{font-size:33px}.price>span{font-size:10px}.price-billing{font-size:8px}.allowance{font-size:10px;margin-bottom:16px}.price-card .button{font-size:10px;padding:0 8px;min-height:38px}.plan-features{font-size:10px;line-height:1.5;gap:11px;padding-top:16px;margin-top:17px}.plan-features li:before{margin-right:5px}.enterprise{font-size:11px;line-height:1.8}.faq-section{grid-template-columns:1fr;gap:4px;padding-top:20px}.faq-section h2{font-size:32px}.faq-list summary{font-size:13px}.closing{margin:0 12px;padding:48px 22px;border-radius:28px}.closing h2{font-size:36px;letter-spacing:-1.5px}.closing p{font-size:13px}.closing .hero-buttons{flex-direction:column;align-items:center}.closing .button{width:210px;min-height:48px}.footer{align-items:flex-start;padding:28px 0;gap:15px}.footer-logo{width:117px}.footer small{font-size:8px}.footer-links{flex-wrap:wrap;max-width:120px;gap:13px;font-size:10px;justify-content:flex-end}.concept-note{font-size:9px;padding-bottom:60px}.motion-control{font-size:9px;padding:8px 11px}.app-report{padding:16px}.app-report .report-numbers{gap:15px}.app-report .report-numbers strong{font-size:30px}.app-report .report-numbers small{font-size:9px}.app-report .chart{height:130px}.app-report .chart-legend{font-size:9px}.app-report .report-ai{font-size:11px}.review-preview{padding:16px}.agent-preview{padding:16px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.report-visual.reveal{transform:rotate(1.5deg)}.bar-pair i{transform:none!important}}
/* September handoff: clear product examples, consistent surfaces, and mobile navigation. */
.hero-copy{max-width:670px;font-size:17px}.hero-benefits{list-style:none;display:grid;grid-template-columns:repeat(2,max-content);gap:12px 24px;justify-content:center;padding:0;margin:0 auto 28px;font-size:12px;color:#68708a}.hero-benefits li:before{content:'✓';margin-right:8px;color:#707dac}.trial-note{line-height:1.8}.app-kicker{letter-spacing:1.3px}.preview-caption>span{font-size:11px;text-transform:none;letter-spacing:.2px}.menu-toggle{display:none;flex-direction:column;gap:5px;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--line);background:white;border-radius:50%;margin-left:8px}.menu-toggle span{width:16px;height:1.5px;background:var(--navy);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.mobile-menu{position:absolute;left:12px;right:12px;top:82px;background:#fffffffa;backdrop-filter:blur(20px);padding:12px;border:1px solid var(--line);border-radius:23px;box-shadow:var(--shadow)}.mobile-menu[hidden]{display:none}.mobile-menu a{display:block;padding:14px 16px;border-radius:14px;font-size:15px}.mobile-menu a:hover{background:var(--bg)}.feature-card.large{padding-bottom:28px;min-height:0}.mail-demo{border-radius:23px;border-bottom:1px solid var(--line);min-height:0;padding-bottom:19px}.feature-grid{align-items:start}.feature-card.large{grid-row:span 2;height:100%;display:flex;flex-direction:column}.mail-demo{flex:1}.draft-bubble{overflow-wrap:anywhere}.tracking-link{display:block;font-weight:550;color:var(--navy);font-size:11px;text-decoration:underline;text-underline-offset:3px;margin:13px 0;line-height:1.7}.demo-toolbar{gap:12px;align-items:flex-start}.demo-toolbar>span{line-height:1.6;max-width:160px}.text-button{white-space:nowrap}.report-visual,.report-visual.reveal,.report-visual.reveal.visible{transform:none}.report-visual.reveal:not(.visible){transform:translateY(25px)}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 34px;margin-top:42px;padding:12px 8px}.capability-grid h3{font-size:16px;font-weight:550;letter-spacing:-.35px;margin:0 0 12px}.capability-grid p{font-size:14px;color:var(--muted);margin:0;line-height:1.8}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}.editorial-card{background:white;border:1px solid var(--line);border-radius:28px;padding:28px;display:flex;flex-direction:column;align-items:flex-start}.editorial-card .round-icon{width:39px;height:39px;border-radius:13px;margin-bottom:20px;font-size:21px}.editorial-card h3{font-size:20px;line-height:1.35;letter-spacing:-.5px;font-weight:550;margin:0 0 12px}.editorial-card p{font-size:14px;color:var(--muted);margin:0 0 23px;line-height:1.8}.editorial-card a{font-size:13px;color:var(--navy);text-decoration:underline;text-underline-offset:4px;margin-top:auto;line-height:1.6}.use-cases{padding-top:65px;padding-bottom:25px}.guides-section{padding-top:20px}.workflow-subtitle{font-size:17px;line-height:1.5;font-weight:550;margin:23px 0 12px}.core-section{padding-top:50px}.core-section h2>span{color:var(--navy)}.core-section .section-lead{max-width:630px;font-size:15px}.workflow{margin-top:40px}.flow-end{display:inline-flex;background:var(--navy);color:#fff;min-height:47px;padding:14px 24px;align-items:center;border-radius:17px;font-size:13px;line-height:1.5}.flow-line{background:repeating-linear-gradient(180deg,#b5badb 0 5px,transparent 5px 11px);width:2px;height:48px;margin:9px auto;animation:flow 2.5s linear infinite}.flow-line.short{height:30px}.core-row{display:grid;grid-template-columns:1fr 240px 1fr;align-items:center}.core-card{text-align:left;border-radius:27px;padding:28px;background:white;border:1px solid var(--line);box-shadow:var(--shadow)}.core-card h3{font-size:17px;font-weight:550;margin:0 0 19px}.core-card ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.core-card li{background:var(--bg);border-radius:13px;padding:13px 15px;font-size:13px;color:#6b7188;line-height:1.6}.core-center{position:relative;min-height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column}.core-mark{position:relative;z-index:1;background:white;padding:20px;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;border:1px solid #dddff4;box-shadow:0 0 34px #7e72cd20;animation:core-breathe 3.5s ease-in-out infinite}.core-mark:before,.core-mark:after{content:'';position:absolute;inset:-12px;border:1px solid #a6a0dc3b;border-radius:50%;animation:core-ring 3.5s ease-out infinite}.core-mark:after{animation-delay:1.75s}.core-mark img{width:70px;height:70px;object-fit:contain}.core-center p{position:absolute;top:150px;left:0;right:0;font-size:11px;letter-spacing:.2px;color:#858ba3;margin:0}.core-connector{position:absolute;height:2px;top:50%;width:calc(50% - 65px);background:repeating-linear-gradient(90deg,#b5badb 0 5px,transparent 5px 11px);animation:flow-horizontal 2.5s linear infinite}.core-connector.left{left:0}.core-connector.right{right:0;animation-direction:reverse}.safety-step{display:inline-block;background:white;border:1px solid var(--line);padding:15px 23px;border-radius:16px;font-size:13px;color:#66718d}.core-section .final-step{background:#e7e9f7;color:var(--navy)}@keyframes core-breathe{50%{transform:scale(1.045);box-shadow:0 0 48px #8575d13a}}@keyframes core-ring{0%{transform:scale(.9);opacity:.8}100%{transform:scale(1.45);opacity:0}}@keyframes flow{to{background-position:0 22px}}@keyframes flow-horizontal{to{background-position:22px 0}}.footer{align-items:flex-start}.footer-links{max-width:560px;flex-wrap:wrap;justify-content:flex-end;line-height:1.8}.closing p{max-width:640px;margin-left:auto;margin-right:auto}.nav-links{gap:25px}.section-lead{max-width:640px}
@media(max-width:1000px){.core-row{grid-template-columns:1fr 170px 1fr}.core-card{padding:22px}.core-card h3{font-size:15px}.core-card li{font-size:12px}.core-center p{font-size:10px}.core-mark{width:90px;height:90px;padding:16px}.core-connector{width:calc(50% - 54px)}.editorial-card{padding:22px}.hero-benefits{font-size:11px}.nav-links{gap:17px}.nav-actions{gap:18px}}
@media(max-width:760px){.menu-toggle{display:flex}.hero-copy{max-width:560px;font-size:15px}.hero-benefits{grid-template-columns:1fr;gap:9px;max-width:280px;text-align:left;margin-bottom:24px;font-size:12px}.hero h1{font-size:clamp(39px,7vw,55px);letter-spacing:-2px}.hero .trial-note{font-size:10px;max-width:290px;margin:16px auto 0}.nav .brand,.nav .brand img{width:120px}.nav .button{min-height:38px;font-size:11px;padding:0 14px}.nav-actions{gap:0}.preview-caption{flex-direction:column;gap:12px}.preview-caption>span{display:block;font-size:10px;color:#9298aa;text-align:center}.editorial-grid{grid-template-columns:1fr;gap:15px}.editorial-card{padding:25px}.editorial-card h3{font-size:21px}.editorial-card p{font-size:14px}.editorial-card .round-icon{margin-bottom:16px}.capability-grid{grid-template-columns:repeat(2,1fr);gap:24px 20px}.capability-grid h3{font-size:15px;line-height:1.5}.capability-grid p{font-size:13px}.core-row{display:flex;flex-direction:column;gap:30px}.core-card{width:100%;max-width:440px;order:2;padding:25px}.core-card:last-child{order:3}.core-center{order:1;min-height:150px;margin:5px 0 35px}.core-mark{width:110px;height:110px;padding:20px}.core-center p{top:145px;width:230px;left:50%;transform:translateX(-50%);font-size:12px}.core-connector{display:none}.flow-line{height:28px}.core-card h3{font-size:17px}.core-card li{font-size:13px}.core-section h2{font-size:32px}.workflow-subtitle{font-size:16px}.flow-end,.safety-step{font-size:12px;max-width:95%}.feature-card.large{height:auto;padding-bottom:25px}.mail-demo{padding:17px}.tracking-link{font-size:11px}.demo-toolbar{font-size:9px}.report-numbers{gap:18px}.footer-links{max-width:210px;gap:12px 18px}.footer{gap:20px}.feature-heading p{max-width:100%}.night-clock{line-height:1.8}.pricing-section .section-lead{font-size:14px}.use-cases{padding-top:35px}}
@media(max-width:380px){.nav{padding:0 10px}.nav .brand,.nav .brand img{width:110px}.nav .button{padding:0 11px;font-size:10px}.hero h1{font-size:38px}.capability-grid{grid-template-columns:1fr}.footer{flex-direction:column}.footer-links{max-width:none;justify-content:flex-start}.report-numbers strong{font-size:28px}.report-numbers small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.core-mark,.flow-line,.core-connector,.core-mark:before,.core-mark:after{animation:none}}
.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:16px}.footer-social{display:flex;gap:10px}.footer-social a{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:#848b9e;transition:color .2s,border-color .2s,transform .2s}.footer-social a:hover{color:var(--navy);border-color:var(--navy);transform:translateY(-2px);text-decoration:none}.footer-social svg{width:15px;height:15px;fill:currentColor}@media(max-width:380px){.footer-right{align-items:flex-start}}

/* Lead with the responsive product video, directly below the Shopify badge. */
.hero{padding-top:32px}
.demo-video-card{position:relative;margin:24px auto 38px;max-width:960px;background:#fff;border:1px solid var(--line);border-radius:30px;padding:10px;box-shadow:0 30px 80px #232d531a,0 2px 6px #232d5308}
.demo-video-frame{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#e9ebf4}
.demo-video-frame video,.demo-video-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.demo-video-frame video:focus-visible{outline:3px solid var(--purple);outline-offset:-3px}
@media(max-width:767px){.hero{padding-top:24px}.demo-video-card{max-width:360px;border-radius:26px;margin:20px auto 30px;padding:8px}.demo-video-frame{aspect-ratio:9/16;border-radius:18px}}
.demo-video-controls{display:flex;justify-content:center;gap:10px;padding:12px 4px 2px;flex-wrap:wrap}
.demo-video-controls[hidden],.demo-video-status[hidden]{display:none}
.demo-video-controls button{min-height:44px;padding:10px 18px;border:1px solid var(--line);border-radius:999px;background:#f5f6fb;color:var(--navy);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}
.demo-video-controls button:hover{background:#e9ebf4}
.demo-video-controls button:focus-visible{outline:3px solid var(--purple);outline-offset:3px}
.demo-video-status{margin:10px 8px 4px;text-align:center;font-size:13px;color:var(--navy)}