@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#09131f;--text:#e8eef4;--muted:#aebdca;--accent:#80b5cf;--line:#80b5cf30;--font:'Plus Jakarta Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:radial-gradient(ellipse at 80% 12%,#18384c66,transparent 28%),var(--bg);color:var(--text);font:14px/1.7 var(--font)}button,input,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #bce9fa;outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}.glass{background:linear-gradient(135deg,#233c4c55,#0b1825dd);border:1px solid var(--line);border-radius:22px;box-shadow:inset 0 1px #ffffff0c,0 25px 65px #0002}.skip{position:fixed;top:-100px;z-index:99;background:white;color:black;padding:12px}.skip:focus{top:10px}.navigation{position:relative;z-index:20;margin-top:24px;display:flex;align-items:center;padding:16px 24px;gap:30px;border-radius:60px}.brand{display:flex;align-items:center;font-size:23px;letter-spacing:-.065em;font-weight:500;white-space:nowrap}.brand b{color:var(--accent);font-weight:800}.mark{font-size:26px;color:var(--accent);margin-right:10px}.product{font-size:13px;letter-spacing:0;margin-left:14px;color:var(--muted)}.navigation>nav{display:flex;gap:30px;margin:auto;font-size:12px}.navigation>a:last-of-type{font-size:12px}.menu{display:none}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:760px;padding-block:80px}.eyebrow{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);font-weight:700}h1,h2,h3{line-height:1.08;letter-spacing:-.055em;font-weight:600;margin:24px 0}h1{font-size:clamp(48px,5.2vw,76px);font-weight:700}h1 span,h2 span{color:var(--accent)}h2{font-size:clamp(36px,4vw,54px)}h3{font-size:24px;letter-spacing:-.035em}.lede{color:var(--muted);max-width:440px;font-size:15px;line-height:1.85}.actions{display:flex;align-items:center;gap:25px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:49px;padding:12px 22px;border:1px solid #e8eef438;border-radius:99px;font-size:12px;font-weight:800;transition:transform .3s,box-shadow .3s}.primary{background:linear-gradient(135deg,#bce9fa,#80b5cf);color:#07111c;box-shadow:0 10px 30px #2680c620}.button:hover{transform:translateY(-3px);box-shadow:0 15px 35px #2680c640}.text-link{font-size:12px;background:none;border:0;color:#d8e8f2;padding:10px 0}.micro{font-size:9px;letter-spacing:.15em;color:#91a6b6;margin-top:28px}.ecosystem{height:580px;position:relative;isolation:isolate}.scene-label{position:absolute;top:12px;right:0;font-size:9px;letter-spacing:.2em;color:#8da4b6}.bubble{border-radius:50%;border:1px solid #bce9fa55;background:radial-gradient(ellipse at 27% 15%,#e7f8ff55,transparent 33%),radial-gradient(ellipse at 75% 85%,#65a5d240,transparent 48%),radial-gradient(circle at 50% 45%,#0c2132bb 30%,#1d435b99 67%,#9bd7f355 71%,#15344d 75%);box-shadow:inset 2px 3px 8px #e3f7ff35,inset -7px -10px 20px #0006,0 30px 60px #0005;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e8f5fc;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .4s;position:relative}.bubble:before{content:"";position:absolute;inset:7%;border-top:1px solid #e9f8ff6b;border-radius:50%;transform:rotate(-30deg);pointer-events:none}.bubble:hover{transform:translateY(-6px) scale(1.035);box-shadow:inset 2px 3px 8px #e3f7ff55,0 20px 70px #80b5cf28}.bubble>span{font-size:32px;font-weight:400}.bubble strong{font-size:12px;font-weight:500}.bubble small{font-size:9px;color:#bdd0de}.ecosystem .bubble{position:absolute}.core{width:255px;height:255px;left:24%;top:28%;z-index:3}.core>span{font-size:62px}.core strong{font-size:24px;margin-bottom:8px}.inbox{width:127px;height:127px;right:2%;top:10%}.team{width:105px;height:105px;right:0;bottom:15%}.ai{width:113px;height:113px;left:3%;bottom:10%}.integrations{width:94px;height:94px;left:7%;top:7%}.tiny{width:33px;height:33px;right:29%;bottom:9%}.orbit{position:absolute;inset:16% -2%;border:1px solid #80b5cf1f;border-radius:50%;transform:rotate(-35deg) scaleY(.6)}.orbit.second{transform:rotate(45deg) scaleY(.75);inset:10% 6%}.ecosystem-caption{position:absolute;bottom:-15px;width:100%;text-align:center;font-size:11px;color:var(--muted)}.principles{display:flex;justify-content:space-between;gap:25px;padding:28px 0;border-block:1px solid var(--line);color:var(--accent);font-size:11px}.principles b{color:var(--muted);margin-left:16px;font-weight:400}.principles .micro{margin:0}.section{padding-block:105px}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:45px}.section-heading>p{max-width:300px;color:var(--muted)}.demo{padding:30px;display:grid;grid-template-columns:340px 1fr;gap:40px}.sample-form{padding:26px;background:#081420;border:1px solid var(--line);border-radius:14px}.panel-top{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.1em;color:var(--muted)}.panel-top>span:last-child{margin-left:auto}.status-dot{width:5px;height:5px;background:#abd8c5;border-radius:50%}.sample-form h3{font-size:24px;margin:26px 0}label{display:block;font-size:11px;margin:16px 0 7px}input,textarea{width:100%;background:#ffffff05;border:1px solid var(--line);border-radius:7px;color:var(--text);padding:12px;font-size:12px}textarea{height:95px;resize:vertical}.sample-form .button{width:100%;margin-top:20px}.sample-form>small{display:block;text-align:center;color:var(--muted);font-size:9px;margin-top:14px}.journey{display:flex;flex-direction:column;justify-content:center;text-align:center;min-width:0}.route-options,.themes,.code-tabs{display:flex;gap:8px;flex-wrap:wrap}.route-options{justify-content:center}.route-options button,.themes button,.code-tabs button{border:1px solid var(--line);border-radius:99px;padding:9px 16px;font-size:11px;background:transparent}.route-options button[aria-pressed=true],.themes button[aria-pressed=true],.code-tabs button[aria-pressed=true]{background:#80b5cf22;border-color:#80b5cf;color:#d6efff}.route-scene{height:230px;position:relative}.route-scene svg{width:100%;height:100%;overflow:visible}.route-scene path{stroke:#80b5cf66;stroke-width:1;fill:none}.route-scene circle{fill:#d5f2ff;filter:drop-shadow(0 0 6px #80b5cf);opacity:0}.processor{position:absolute;width:77px;height:77px;left:42%;top:33%}.destination{position:absolute;width:100px;height:100px;right:0;top:28%}.destination.delivered{box-shadow:0 0 50px #80b5cf66,inset 0 0 20px #bce9fa55}.journey>p{font-size:12px;color:var(--muted)}.journey .micro{font-size:8px}.native-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.themes{margin-top:24px}.native-preview{padding:38px;min-height:390px;transform:rotate(2deg);transition:background .4s,color .4s,transform .4s}.native-preview:hover{transform:rotate(0)}.mini-orb{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:1px solid #bddff855;background:radial-gradient(circle at 25% 20%,#d9efff66,#37617b33 60%,#afcfe655);box-shadow:inset 0 0 14px #c5ebff22;color:var(--text);margin:25px 0}.native-preview h3{font-size:32px}.native-preview p{font-size:12px}.preview-field{border-bottom:1px solid currentColor;opacity:.7;padding:18px 0;font-size:11px}.preview-field span{float:right}.preview-submit{display:block;margin-top:24px;font-size:12px}.native-preview[data-style=editorial]{background:#e7e0d4;color:#293139;font-family:Georgia,serif}.native-preview[data-style=minimal]{background:#e8eef4;color:#132b3b}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.steps article{padding:26px}.steps p{color:var(--muted);font-size:13px}.editor{padding:24px;min-width:0}.code-tabs{margin-top:25px}.code-tabs #copy{margin-left:auto}pre{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#a8d4ec;font-size:12px;min-height:160px;padding:24px 0}.closing{text-align:center;border-top:1px solid var(--line);padding:70px 0 120px}.closing-orb{width:110px;height:110px;font-size:40px;margin:0 auto 35px}.closing h2{font-size:clamp(40px,6vw,78px)}.footer{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);padding-block:30px;color:var(--muted);font-size:10px}.footer nav{margin-left:auto;display:flex;gap:20px}
@media(max-width:1000px){.wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr 1fr;min-height:650px}.ecosystem{height:460px}.core{width:200px;height:200px;left:18%}.native-grid{gap:40px}.demo{grid-template-columns:300px 1fr;gap:20px}.navigation>nav{gap:14px}.principles .micro{display:none}}
@media(max-width:700px){.navigation{border-radius:22px;padding:16px;gap:16px}.navigation>nav:not(.mobile){display:none}.navigation>a:last-of-type{margin-left:auto}.menu{display:block;background:none;border:0;font-size:12px}.navigation .mobile{position:absolute;top:70px;left:0;right:0;background:#101f2d;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;border-radius:16px}.product{display:none}.hero{grid-template-columns:1fr;padding-top:55px;gap:20px}.hero h1{font-size:clamp(40px,8.5vw,60px)}.ecosystem{height:400px;width:100%;max-width:440px;margin:auto}.core{left:25%;width:190px;height:190px}.inbox{width:100px;height:100px}.integrations{width:75px;height:75px}.ai{width:90px;height:90px}.team{width:85px;height:85px}.scene-label{display:none}.actions{gap:18px}.principles{gap:10px;font-size:9px}.principles b{margin-left:5px}.section{padding-block:65px}.section-heading{display:block}.section-heading>p{max-width:none}.demo,.native-grid,.steps{grid-template-columns:1fr}.demo{padding:15px}.journey{padding:20px 5px}.route-scene{height:210px}.native-preview{transform:none;padding:25px}.footer{flex-wrap:wrap;gap:18px}.footer>span{width:100%;order:3}.footer nav{margin-left:0}.closing{padding-block:70px}}
.hero>* ,.demo>* ,.native-grid>*{min-width:0}.ecosystem{overflow:clip}.route-scene svg{max-width:100%}.navigation{max-width:calc(100% - 40px)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Contact's original palette, expressed in the new glass material system. */
:root{color-scheme:light;--bg:#f7f4ee;--text:#1d1c2e;--muted:#605c69;--accent:#b74634;--line:#d6cec9;--glass-tint:239,118,95}
body{background:radial-gradient(ellipse at 82% 9%,#ddd5ff80,transparent 28%),radial-gradient(ellipse at 5% 40%,#f8d7cc66,transparent 30%),var(--bg)}
.glass{background:linear-gradient(135deg,#fffefaee,#f7f4eec9);box-shadow:inset 0 1px #fff,0 25px 65px #3b2d2510}
.navigation{background:#fffefaeb}
.primary{background:linear-gradient(135deg,#b74634,#a83c2d);color:#fffefa;border-color:#b74634;box-shadow:0 10px 30px #b7463425}
.button:hover{box-shadow:0 15px 35px #b7463433}
.text-link{color:#b74634}.micro,.scene-label{color:#605c69}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#735ee7}
.bubble{color:#342739;border-color:rgba(var(--glass-tint),.5);background:radial-gradient(ellipse at 27% 15%,#ffffffed,transparent 33%),radial-gradient(ellipse at 75% 85%,rgba(var(--glass-tint),.36),transparent 48%),radial-gradient(circle at 50% 45%,#fffefa88 30%,rgba(var(--glass-tint),.19) 67%,#ffffffdd 71%,rgba(var(--glass-tint),.4) 75%);box-shadow:inset 2px 3px 8px #fff9,inset -7px -10px 20px rgba(var(--glass-tint),.17),0 30px 60px #44304420}
.bubble:before{border-top-color:#fff}.bubble:hover{box-shadow:inset 2px 3px 8px #fffd,0 20px 70px rgba(var(--glass-tint),.3)}
.bubble small{color:#60505b}.inbox,.ai,.processor{--glass-tint:155,133,224}.team{--glass-tint:121,182,150}.integrations{--glass-tint:170,202,221}
.orbit{border-color:#b6a5d455}.orbit.second{border-color:#ef765f40}
.demo{background:linear-gradient(125deg,#fffefa,#e8e0fa)}.sample-form{background:#fffefa}
.status-dot{background:#397454}input,textarea{background:#f7f4ee;border-color:#b9afa9}
.route-options button[aria-pressed=true],.themes button[aria-pressed=true],.code-tabs button[aria-pressed=true]{background:#f8d7cc;border-color:#b74634;color:#913727}
.route-scene path{stroke:#735ee788}.route-scene circle{fill:#b74634;filter:drop-shadow(0 0 6px #ef765f)}
.destination.delivered{box-shadow:0 0 50px #ef765f55,inset 0 0 20px #fff9}
.mini-orb{border-color:#c3b3e7;background:radial-gradient(circle at 25% 20%,#fff,#ddd5ff88 60%,#bda7e7);box-shadow:inset 0 0 14px #fff8}
.native-preview[data-style=studio]{background:linear-gradient(135deg,#fffefa,#f8d7cc)}
.native-preview[data-style=editorial]{background:#f0e8dc;color:#342b32}
.native-preview[data-style=minimal]{background:#fffefa;color:#1d1c2e}
.steps article:nth-child(2){background:linear-gradient(135deg,#f1ecff,#e8e0fa)}
.editor{background:#25233a;color:#ebe7f1;border-color:#514d65}
.editor .panel-top,.editor .micro{color:#c4bdd1}.editor .code-tabs button{border-color:#81768f}
.editor .code-tabs button[aria-pressed=true]{background:#ddd5ff;color:#302645;border-color:#ddd5ff}
.editor pre{color:#bcebd0}
.navigation .mobile{background:#fffefa}

/* Deep-plum interludes frame the journey and the final invitation. */
#routing,.closing,.footer{
  --text:#fffefa;--muted:#c4bdce;--accent:#f4a08e;--line:#ddd5ff40;
  color:var(--text);background:#1d1c2e;
  width:100%;padding-inline:max(40px,calc((100% - 1280px)/2));
}
#routing{margin-top:64px;background:radial-gradient(ellipse at 85% 50%,#735ee71c,transparent 60%),#1d1c2e}
#routing .demo{background:linear-gradient(125deg,#ffffff09,#ddd5ff10);border-color:#ddd5ff30;box-shadow:inset 0 1px #ffffff10,0 25px 65px #0002}
#routing .sample-form{--text:#1d1c2e;--muted:#605c69;--line:#d6cec9;color:var(--text);background:linear-gradient(135deg,#fffefa,#f1ecff);border-color:#fffefa80;box-shadow:0 16px 40px #0002}
#routing .journey .micro{color:#c4bdce}
#routing .text-link{color:#f4a08e}
#routing .route-options button{border-color:#a89db9}
#routing .route-options button[aria-pressed=true]{background:#f8d7cc;color:#753124;border-color:#f4a08e}
#routing .route-scene path{stroke:#b9a8f4;stroke-width:1.5}
#routing .route-scene circle{fill:#ffd0bc;filter:drop-shadow(0 0 7px #ef765f)}
#routing .bubble,.closing .bubble{
  color:#fffefa;border-color:rgba(var(--glass-tint),.65);
  background:radial-gradient(ellipse at 27% 15%,#ffffff40,transparent 33%),radial-gradient(ellipse at 75% 85%,rgba(var(--glass-tint),.35),transparent 48%),radial-gradient(circle at 50% 45%,#25233acc 30%,rgba(var(--glass-tint),.22) 67%,#ffffff55 71%,#343246 75%);
  box-shadow:inset 2px 3px 8px #ffffff30,inset -7px -10px 20px #0004,0 20px 55px #0003;
}
#routing .bubble small{color:#e4dced}
#routing .bubble:before,.closing .bubble:before{border-top-color:#ffffff75}
#routing .destination.delivered{box-shadow:0 0 48px #ef765f70,inset 0 0 20px #ffffff40}
.closing{border-top:0;background:radial-gradient(ellipse at 50% 25%,#ef765f12,transparent 55%),#1d1c2e;padding-top:95px}
.closing .primary{background:linear-gradient(135deg,#f8d7cc,#ef9c87);color:#30212b;border-color:#f8d7cc;box-shadow:0 12px 35px #ef765f20}
.footer{color:var(--muted);border-color:#ddd5ff26}
#routing :focus-visible,.closing :focus-visible,.footer :focus-visible{outline-color:#ddd5ff}
#routing .sample-form :focus-visible{outline-color:#735ee7}
@media(max-width:1000px){#routing,.closing,.footer{padding-inline:20px}}
@media(max-width:700px){#routing{margin-top:40px}.closing{padding-top:70px}}