@charset "UTF-8";
:root{color-scheme:dark;--bg:#0b202b;--text:#edf6f5;--muted:#afc5cc;--line:#9bc5cf27;--panel:#26434e80;--solid:#153340;--accent:#b4eddb;--accent-text:#153f39;--input:#061f293f;--shadow:0 24px 75px #020e1538,inset 0 1px 0 #e3ffff19;--warm:#ebc6ab;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:110px;background:var(--bg);color:var(--text)}:root[data-theme=light]{color-scheme:light;--bg:#eef6f3;--text:#173b45;--muted:#4b6872;--line:#527b802b;--panel:#ffffffa6;--solid:#f9fdfb;--accent:#225f55;--accent-text:#f7fffb;--input:#e1ece850;--shadow:0 24px 70px #3e6b6b17,inset 0 1px 0 #fff;--warm:#875d40}*{box-sizing:border-box}body{margin:0;min-width:300px;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,summary{font:inherit}button{color:inherit;background:none;border:0;cursor:pointer}button,a,input,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}svg{flex-shrink:0}img{display:block;max-width:100%}[hidden]{display:none!important}.wrap{max-width:1232px;margin-inline:auto;padding-inline:32px}.glass{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.ambient i{position:absolute;width:900px;height:900px;border-radius:50%;background:radial-gradient(ellipse,#3e89992b,transparent 65%);top:-400px;right:-250px}.ambient i+i{background:radial-gradient(ellipse,#dbbb9110,transparent 65%);top:350px;left:-500px;right:auto}.site-header{display:flex;align-items:center;gap:42px;min-height:100px;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand>span{font-size:20px;font-weight:650;letter-spacing:-.8px}.brand>span>span{font-weight:400;opacity:.73}.nav{display:flex;gap:25px;margin-inline:auto;color:var(--muted);font-size:12px}.nav a:hover{color:var(--text)}.header-controls{display:flex;align-items:center;gap:12px}.languages{position:relative}.languages summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;font-size:11px;min-height:42px;border:1px solid var(--line);border-radius:13px;padding:0 11px;background:var(--panel)}.languages summary::-webkit-details-marker{display:none}.languages summary svg{width:16px;height:16px}.languages nav{position:absolute;inset-inline-end:0;top:calc(100% + 10px);width:310px;max-width:calc(100vw - 40px);max-height:65vh;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:12px;border-radius:19px;border:1px solid var(--line);background:var(--solid);box-shadow:var(--shadow);font-size:12px}.languages nav a{padding:12px;border-radius:10px;min-height:42px}.languages nav a:hover,.languages nav a[aria-current]{background:var(--panel);color:var(--accent)}.theme-button{height:42px;width:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:var(--panel)}.theme-button svg{width:18px}.theme-button .moon{display:none}:root[data-theme=light] .theme-button .moon{display:block}:root[data-theme=light] .theme-button .sun{display:none}.studio-link{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--muted);white-space:nowrap}.studio-link svg{width:14px}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:58px;align-items:center;min-height:690px;padding-top:64px;padding-bottom:110px}.hero-copy{min-width:0;padding-bottom:10px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:650;letter-spacing:2px;color:var(--muted);line-height:1.7;text-transform:uppercase}.hero .eyebrow span{height:6px;width:6px;flex-shrink:0;background:var(--accent);border-radius:50%;box-shadow:0 0 14px #b4eddb55}h1{font-size:clamp(45px,4.7vw,66px);line-height:1.08;letter-spacing:-3px;font-weight:580;max-width:620px;margin:26px 0}h1 em{display:block;font-style:normal;font-weight:440;color:var(--accent);margin-top:5px}.hero-description{font-size:15px;color:var(--muted);line-height:1.85;max-width:480px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:49px;padding:13px 19px;border-radius:15px;font-size:12px;font-weight:600;border:1px solid var(--line);transition:transform .2s,box-shadow .2s}.button svg{width:17px;height:17px}.primary{background:linear-gradient(135deg,var(--accent),#94cdbc);color:var(--accent-text);box-shadow:0 10px 26px #69b6a71a,inset 0 1px 0 #f0fff580}.primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px #96e5cf2a}.secondary{background:var(--panel);box-shadow:inset 0 1px 0 #f0ffff1c;color:var(--text)}.secondary:hover{background:var(--solid);transform:translateY(-2px)}:root[data-theme=light] .primary{background:linear-gradient(135deg,#245b55,#286c65);box-shadow:0 10px 25px #2e625b25}.hero-providers{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:28px;color:var(--muted);font-size:11px;letter-spacing:.2px}.hero-providers i{font-style:normal;opacity:.5}.hero-scene{position:relative;min-width:0;padding-top:22px;perspective:1200px}.scene-ring{position:absolute;inset:-40px -65px -20px;z-index:-1;border:1px solid var(--line);border-radius:50%;transform:rotate(-22deg) scaleY(.85);opacity:.35}.scene-ring:after{content:'';position:absolute;inset:35px -28px;border:1px solid var(--line);border-radius:50%;transform:rotate(38deg)}.floating-icon{position:absolute;top:-48px;inset-inline-end:28px;z-index:3;transform:rotate(9deg);filter:drop-shadow(0 12px 20px #07161f4d)}.floating-icon img{border-radius:30px;width:95px;height:95px}.mail-demo{position:relative;border-radius:25px;overflow:hidden;transform:rotate(-1.5deg);transition:transform .4s;background:linear-gradient(145deg,#2e5461ab,#16313edb);box-shadow:0 40px 90px #020f1650,inset 0 1px 0 #c8f5ff2b}.mail-demo:hover,.mail-demo:focus-within{transform:rotate(0)}:root[data-theme=light] .mail-demo{background:linear-gradient(145deg,#ffffffcc,#e7f2eeed);box-shadow:0 35px 80px #275e5420,inset 0 1px 0 #fff}.demo-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 23px;font-size:10px;letter-spacing:2px;color:var(--muted);border-bottom:1px solid var(--line)}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#9bb9c2;opacity:.4}.demo-spark{display:flex}.demo-spark svg{width:14px;height:14px;color:var(--accent)}.demo-tabs{display:flex;padding:15px 20px 5px;gap:8px}.demo-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 12px;flex:1;border:1px solid transparent;border-radius:12px;font-size:11px;color:var(--muted);min-width:0}.demo-tabs svg{width:16px;height:16px}.demo-tabs button[aria-selected=true]{border-color:var(--line);background:var(--panel);color:var(--text);box-shadow:inset 0 1px 0 #ffffff16}.demo-search{display:flex;align-items:center;gap:10px;margin:14px 22px;padding:11px 13px;background:var(--input);border:1px solid var(--line);border-radius:11px;color:var(--muted)}.demo-search svg{width:15px;height:15px}.demo-search input{background:none;border:0;outline:none;min-width:0;width:100%;font-size:11px;color:var(--text)}.demo-search input::placeholder{color:var(--muted)}.mail-row{display:flex;align-items:flex-start;gap:13px;text-align:start;width:100%;padding:18px 23px;border-top:1px solid var(--line)}.mail-row.selected{background:#bde5da07;box-shadow:inset 3px 0 0 #b4eddb8c}.mail-row:hover{background:var(--panel)}.avatar{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;border-radius:12px;background:#91c5dc25;color:#c4e9f4;font-size:11px;font-weight:600}.avatar-1{background:#ccb0e01b;color:#e5ccee}.avatar-2{background:#e7bc8620;color:#f0d7ad}:root[data-theme=light] .avatar{color:#2d586b}:root[data-theme=light] .avatar-1{color:#75537c}:root[data-theme=light] .avatar-2{color:#7c613c}.row-copy{min-width:0;flex:1}.sender{display:block;font-size:10px;color:var(--muted);margin:1px 0 6px}.row-copy>strong{display:block;font-size:12px;font-weight:560;line-height:1.5;overflow-wrap:anywhere}.row-status{display:inline-flex;align-items:center;gap:4px;font-size:9px;margin-top:9px;color:var(--accent)}.row-status svg{width:11px;height:11px}.status-1{color:var(--warm)}.status-2{color:var(--muted)}.mail-row time{font-size:9px;color:var(--muted);padding-top:3px}.demo-detail{display:flex;gap:12px;padding:16px 20px;margin:12px 20px 18px;background:#8bc3ac0a;border:1px solid var(--line);border-radius:12px;align-items:center}.detail-icon{height:29px;width:29px;display:grid;place-items:center;border-radius:10px;background:#93dac11a;color:var(--accent);flex-shrink:0}.detail-icon svg{width:17px}.demo-detail strong{display:block;font-size:11px;line-height:1.5}.demo-detail small{display:block;font-size:10px;margin-top:4px;color:var(--muted)}.demo-caption{text-align:center;padding:0 18px 18px;font-size:9px;color:var(--muted);line-height:1.6}.intro-replay{display:flex;align-items:center;gap:7px;margin:20px auto 0;font-size:10px;color:var(--muted)}.intro-replay svg{width:13px;height:13px}.demo-files{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:38px 25px;min-height:328px;align-content:center}.demo-files article{display:flex;flex-direction:column;align-items:center;gap:15px;padding:28px 10px;background:var(--panel);border:1px solid var(--line);border-radius:18px}.demo-files svg{width:37px;height:37px;color:var(--accent)}.demo-files strong{font-size:12px}.demo-files small{font-size:10px;color:var(--muted)}.demo-tasks{min-height:328px;padding:34px 25px}.demo-tasks label{display:flex;gap:15px;padding:20px 0;cursor:pointer;border-bottom:1px solid var(--line);align-items:center}.demo-tasks input{width:18px;height:18px;accent-color:#58a48c}.demo-tasks strong{font-size:12px;line-height:1.6}.demo-tasks small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.demo-tasks .done strong{text-decoration:line-through;opacity:.6}.no-results{padding:50px 20px;text-align:center;font-size:12px;color:var(--muted)}.section-heading{max-width:730px;margin-bottom:42px}.section-heading .eyebrow{font-size:10px;font-weight:450;letter-spacing:3px;margin-bottom:18px}h2{font-weight:480;font-size:clamp(30px,3.1vw,42px);letter-spacing:-1.4px;line-height:1.25}.features-section{padding-top:20px;padding-bottom:100px}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 42px;border-top:1px solid var(--line)}.feature{padding:34px 0 30px;border-bottom:1px solid var(--line);position:relative}.feature-index{position:absolute;top:39px;inset-inline-end:0;font-size:10px;color:var(--muted);opacity:.6}.feature-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);background:var(--panel);border-radius:14px;color:var(--accent);margin-bottom:24px;box-shadow:inset 0 1px 0 #fff2}.feature h3{font-size:17px;line-height:1.4;font-weight:500;margin-bottom:12px;letter-spacing:-.2px}.feature p{font-size:12px;line-height:1.85;color:var(--muted)}.flow-section{padding-bottom:105px}.flow{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:0;border:1px solid var(--line);border-radius:21px;background:var(--panel);overflow:hidden}.flow li{display:flex;align-items:center;gap:14px;position:relative;padding:27px 22px;border-inline-end:1px solid var(--line)}.flow li:last-child{border-inline-end:0}.flow li>span{font-size:11px;color:var(--muted)}.flow h3{font-size:14px;line-height:1.5;font-weight:500;flex:1}.flow svg{width:20px;color:var(--accent)}.status-section{padding-bottom:100px}.status-layout{display:grid;grid-template-columns:.62fr 1.38fr;gap:70px;align-items:start}.status-intro{border-radius:24px;padding:35px;display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(125deg,var(--panel),#88c9af0b)}.status-intro>strong{font-size:25px;font-weight:450;letter-spacing:-1px;margin-top:20px}.status-intro p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:16px}.status-list{border-top:1px solid var(--line)}.status-list details{border-bottom:1px solid var(--line);padding:24px 0}.status-list summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:16px;line-height:1.5}.status-list summary::-webkit-details-marker{display:none}.status-list b{font-size:20px;font-weight:350;color:var(--accent);transition:transform .2s}.status-list details[open] b{transform:rotate(45deg)}.status-list p{font-size:12px;color:var(--muted);line-height:1.9;max-width:590px;padding-top:15px}.end-section{padding-bottom:70px}.end-panel{border-radius:30px;text-align:center;padding:60px 30px;position:relative;overflow:hidden;isolation:isolate}.end-panel>svg{width:32px;height:32px;color:var(--accent);margin-bottom:20px}.end-panel p{font-size:13px;line-height:1.8;color:var(--muted);margin:18px 0 28px}.end-glow{position:absolute;inset:-80% 0 -100%;background:radial-gradient(ellipse,#94c8b013,transparent 63%);z-index:-1}.footer{display:flex;align-items:center;gap:30px;justify-content:space-between;padding-bottom:34px;font-size:10px;color:var(--muted);line-height:1.7}.footer .brand{color:var(--text)}.footer p{max-width:420px}.footer>a:last-child{display:flex;align-items:center;gap:8px}.footer svg{width:14px;height:14px}.skip-link{position:absolute;top:8px;left:20px;transform:translateY(-200%);background:var(--solid);padding:12px;z-index:100}.skip-link:focus{transform:none}:root[dir=rtl] .mail-demo{transform:rotate(1.5deg)}:root[dir=rtl] .mail-row.selected{box-shadow:inset -3px 0 0 #b4eddb8c}:root[dir=rtl] .button svg,:root[dir=rtl] .studio-link svg,:root[dir=rtl] .footer>a svg{transform:scaleX(-1)}:root[lang=zh] h1,:root[lang=ja] h1,:root[lang=ko] h1,:root[lang=hi] h1,:root[lang=th] h1{letter-spacing:0;line-height:1.22}:root[lang=th] .eyebrow,:root[lang=hi] .eyebrow{letter-spacing:0}:root[lang=he] h1{letter-spacing:-1px}.intro-playing .floating-icon{animation:deliver 1.6s cubic-bezier(.2,.7,.2,1) both}.intro-playing .mail-row{animation:arrive 1s ease both}.intro-playing .mail-row:nth-child(2){animation-delay:.12s}.intro-playing .mail-row:nth-child(3){animation-delay:.24s}@keyframes deliver{0%{opacity:0;transform:translate(35px,-45px) rotate(24deg) scale(.7)}40%{opacity:1}75%{transform:translate(-6px,5px) rotate(4deg) scale(1.03)}100%{transform:rotate(9deg)}}@keyframes arrive{from{opacity:.3;transform:translateY(13px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero{min-height:730px}}@media(max-width:1100px){.site-header{gap:22px}.nav{gap:18px}.studio-link{display:none}.hero{gap:30px;min-height:650px}.wrap{padding-inline:28px}h1{font-size:53px;letter-spacing:-2.5px}.hero-description{font-size:14px}.features-grid{gap:0 30px}.status-layout{gap:40px}.flow li{padding:24px 17px;gap:10px}.flow h3{font-size:12px}}@media(max-width:850px){.site-header{min-height:83px;justify-content:space-between}.nav{display:none}.hero{grid-template-columns:1fr;gap:90px;padding-top:35px;padding-bottom:85px;max-width:680px}.hero-copy{text-align:center}.hero .eyebrow{justify-content:center}h1{font-size:clamp(43px,7.4vw,61px);margin-inline:auto;max-width:650px}.hero-description{margin-inline:auto;max-width:510px}.actions,.hero-providers{justify-content:center}.hero-scene{max-width:550px;width:100%;margin-inline:auto}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.features-section,.flow-section,.status-section{padding-bottom:75px}.status-layout{grid-template-columns:1fr;gap:30px}.status-intro{display:grid;grid-template-columns:75px 1fr;gap:4px 23px;align-items:center;padding:27px}.status-intro img{grid-row:1/3;width:75px;height:75px}.status-intro>strong{margin:0;font-size:22px}.status-intro p{margin:0}.flow{grid-template-columns:1fr}.flow li{border-inline-end:0;border-bottom:1px solid var(--line);padding:24px;gap:22px}.flow li:last-child{border-bottom:0}.flow h3{font-size:14px}.footer{flex-wrap:wrap;gap:20px}.footer p{order:3;width:100%;max-width:none;text-align:center}}@media(max-width:520px){.wrap{padding-inline:20px}.brand{gap:8px}.brand img{width:36px;height:36px}.brand>span{font-size:18px}.header-controls{gap:8px}.languages summary{padding:0 8px;font-size:10px}.languages summary svg{width:14px}.theme-button{width:37px;height:37px}.hero{gap:85px;padding-top:30px}.hero .eyebrow{font-size:9px;letter-spacing:1.2px}h1{font-size:44px;letter-spacing:-2px;line-height:1.1}.hero-description{font-size:13px;line-height:1.8}.actions{gap:10px}.button{font-size:11px;padding:13px 15px}.hero-providers{font-size:10px;gap:12px}.mail-demo{border-radius:20px}.floating-icon{top:-48px;inset-inline-end:17px}.floating-icon img{width:78px;height:78px;border-radius:22px}.scene-ring{inset:-40px -10px -20px}.scene-ring:after{inset:30px -5px}.demo-top{padding:17px 18px}.demo-tabs{padding:12px 12px 3px;gap:3px}.demo-tabs button{padding:10px 6px;font-size:10px;gap:5px}.demo-tabs svg{width:14px;height:14px}.demo-search{margin:12px 16px}.mail-row{padding:16px;gap:10px}.avatar{width:30px;height:30px}.row-copy>strong{font-size:11px}.sender{font-size:9px}.mail-row time{font-size:8px}.demo-detail{margin:10px 14px 16px;padding:13px}.features-grid{grid-template-columns:1fr}.feature{padding:26px 0 28px}.feature-icon{margin-bottom:18px}.feature h3{font-size:19px}.feature p{max-width:460px;font-size:13px}.section-heading{margin-bottom:30px}h2{font-size:31px;letter-spacing:-1px}.status-list summary{font-size:15px}.status-list p{font-size:13px}.end-panel{padding:43px 22px;border-radius:24px}.end-panel h2{font-size:29px}.footer .brand>span{font-size:19px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.mail-demo{transform:none!important}}