*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#faf9f6;color:#23252c;font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7458dd;outline-offset:5px}.wrap{max-width:1180px;margin:auto;padding:0 32px}header{position:sticky;top:0;z-index:5;background:#faf9f6ed;backdrop-filter:blur(16px);border-bottom:1px solid #e8e6e0}.header{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:21px;font-weight:800;letter-spacing:1px}.mark{width:32px;height:32px;display:inline-block;position:relative;background:#7460cf;border-radius:9px;transform:rotate(-6deg)}.mark:after{content:'';position:absolute;width:17px;height:13px;left:8px;top:10px;border:2px solid white;border-radius:3px}.mark:before{content:'';position:absolute;background:white;width:8px;height:3px;top:8px;left:8px;border-radius:2px}nav{display:flex;align-items:center;gap:30px;font-size:14px;color:#5d5f67}.lang{border:1px solid #d9d7de;border-radius:100px;padding:9px 13px;font-size:12px;font-weight:700}.menu{display:none;border:0;background:none;font-size:24px}.hero{padding:85px 0 75px;text-align:center;background:radial-gradient(ellipse at 50% 75%,#e9e4fd 0,transparent 60%)}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#706480}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #dfd9ee;border-radius:100px;padding:9px 14px;background:#f3effb}.dot{width:6px;height:6px;background:#8b73ce;border-radius:50%}h1{font-size:clamp(46px,6.5vw,82px);line-height:1.04;font-weight:750;letter-spacing:-4px;margin:27px 0 23px}h2{font-size:clamp(32px,4vw,49px);line-height:1.12;letter-spacing:-1.9px;margin:18px 0 22px}p{line-height:1.7;color:#6b6c75;margin:0}.intro{max-width:630px;margin:auto;font-size:18px}.buttons{display:flex;gap:12px;justify-content:center;margin:30px 0 45px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;padding:14px 22px;border-radius:12px;font-size:14px;font-weight:650;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:#282532;color:white;box-shadow:0 6px 15px #28253218}.secondary{border:1px solid #d9d6e1;background:#ffffffa6}.screenshot{width:100%;display:block;aspect-ratio:1.6;object-fit:contain}.browser{max-width:1000px;margin:auto;border:1px solid #d4cfe1;border-radius:17px;overflow:hidden;box-shadow:0 28px 70px #40336823;background:white}.browser-bar{height:33px;display:flex;align-items:center;gap:5px;padding:0 13px;background:#eeeaf4;border-bottom:1px solid #ddd7e8}.browser-bar i{display:block;width:6px;height:6px;border-radius:50%;background:#c6bfd3}.browser-bar span{font-size:9px;margin:auto;color:#8c819d;letter-spacing:1px;padding-right:26px}.caption{margin-top:17px;font-size:11px;color:#928b9b}.section{padding:100px 0;border-top:1px solid #e6e3dd}.section-head{max-width:620px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:52px}.num{font-size:12px;color:#9b8eb6}.features h3{font-size:21px;letter-spacing:-.6px;margin:18px 0 13px}.features p{font-size:15px}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.view{background:#efedf4}.view .browser{transform:rotate(-1deg);box-shadow:0 18px 45px #40336815}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.chips span{font-size:11px;padding:8px 11px;border-radius:100px;background:#fff9;color:#71657c;border:1px solid #ddd6e8}.sync{background:#f6f7f1}.sync .split{grid-template-columns:1.1fr .9fr;gap:95px}.sync-diagram{display:flex;align-items:center;justify-content:center;gap:15px;margin:25px 0}.device{width:150px;height:100px;border:2px solid #7f826f;background:#ffffff88;border-radius:9px;padding:13px;box-shadow:0 8px 0 -4px #bfc2b2}.device .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.tiles i{height:24px;border-radius:4px;background:#ded9ed}.tiles i:nth-child(2n){background:#d3dfd0}.arrows{color:#7b806c;font-size:29px}.note{font-size:13px;margin-top:20px}.privacy{padding:30px;border:1px solid #dedfd2;border-radius:18px;background:#fff9}.privacy h3{font-size:22px;line-height:1.3;margin:0 0 15px;letter-spacing:-.5px}.text-link{display:inline-block;color:#5c586f;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:5px;margin-top:21px}.beta{text-align:center;background:#292633;color:white;border-radius:25px;padding:65px 30px;margin:75px auto}.beta .eyebrow{color:#b4a4db}.beta h2{font-size:clamp(38px,5vw,60px);letter-spacing:-2px}.beta p{max-width:580px;margin:auto;color:#c0bacd}.beta .button{background:#e1d8f6;color:#302940;margin:27px 0 15px}.beta .note{font-size:11px;color:#9f96b1}.faq{max-width:800px;margin:auto;padding:10px 0 80px}.faq h2{font-size:32px;text-align:center;margin-bottom:35px}.faq details{border-bottom:1px solid #dedbd6;padding:22px 0}.faq summary{cursor:pointer;font-size:16px;font-weight:650;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:#867399;font-size:22px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;max-width:690px;margin-top:14px}footer{border-top:1px solid #e1ded8;padding:38px 0}.foot{display:flex;justify-content:space-between;align-items:center;gap:30px}.foot p{font-size:12px;margin-top:10px}.foot-links{display:flex;gap:25px;font-size:12px;color:#696571}@media(max-width:800px){.wrap{padding:0 22px}.header{height:70px}.menu{display:block}nav{display:none;position:absolute;top:70px;left:0;right:0;flex-direction:column;background:#faf9f6;padding:25px;border-bottom:1px solid #ddd}nav.open{display:flex}.hero{padding:55px 0 50px}h1{letter-spacing:-2px}.intro{font-size:16px}.section{padding:65px 0}.features{gap:28px;grid-template-columns:1fr}.features article{border-top:1px solid #dedbd7;padding-top:20px}.split,.sync .split{grid-template-columns:1fr;gap:35px}.view .browser{transform:none}.beta{margin:45px 0;padding:45px 22px}.foot{align-items:flex-start;flex-direction:column}.foot-links{flex-wrap:wrap}.faq{padding-bottom:55px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* ALTATAB visual system — midnight, soft violet, ice blue. */
:root{color-scheme:dark;--bg:#101015;--text:#f5f3fc;--muted:#a5a2b4;--line:#ffffff13;--lilac:#b6a0ff}
body{background:var(--bg);color:var(--text)}.wrap{max-width:1240px;padding:0 40px}.skip{position:absolute;left:20px;top:-80px;background:#d5c5ff;color:#201931;padding:12px;z-index:50}.skip:focus{top:12px}header{background:#101015d9;border-color:var(--line)}.header{height:88px}.brand{font-size:20px;letter-spacing:1.5px}.mark{background:linear-gradient(145deg,#ba9eff,#745ce7);box-shadow:0 0 30px #aa80ff25}.lang{border-color:#ffffff25;padding:9px 14px;color:#dfd9ef}nav{color:#aaa6bb;font-size:13px;gap:32px}nav a:hover{color:#fff}.hero{padding:78px 0 55px;background:radial-gradient(ellipse at 50% 64%,#57468b30,transparent 65%);position:relative;overflow:hidden}.hero:before{content:'';width:550px;height:550px;border-radius:50%;background:radial-gradient(circle,#7b57ad1a,transparent 65%);position:absolute;left:-300px;top:20px;pointer-events:none}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.4px;color:#b4a1dd}.pill{padding:10px 16px;background:#ad8dfb0a;border-color:#ad8dfb30;letter-spacing:1.8px}.dot{background:#c3acff;box-shadow:0 0 12px #ab8aff}h1{font-size:clamp(64px,8.5vw,110px);line-height:.99;letter-spacing:-6px;font-weight:700;margin:29px 0 25px}.gradient-text{background:linear-gradient(105deg,#dccaff 4%,#b09aef 48%,#a9d1f6 98%);background-clip:text;-webkit-background-clip:text;color:transparent}.intro{max-width:590px;font-size:16px;color:#aaa6bb;line-height:1.8}.buttons{margin:29px 0 65px;gap:13px}.button{border-radius:100px;padding:15px 24px;font-size:13px;min-height:49px}.button.primary{background:#ddd0ff;color:#2d2244;box-shadow:0 0 0 4px #cbb5ff08,0 8px 30px #b49bf51a}.button.primary:hover{background:#edddff;box-shadow:0 8px 35px #b49bf530}.button.secondary{background:#ffffff04;border-color:#ffffff20;color:#d3cfdf}.hero-stage{position:relative;perspective:1300px;max-width:1050px;margin:auto;padding:0 20px 25px}.stage-meta{display:flex;justify-content:space-between;align-items:center;padding:0 16px 17px;color:#847b98;font-size:9px;letter-spacing:1.6px}.stage-meta>span:last-child{font-size:11px;letter-spacing:.1px;color:#c2b1df}.hero-browser{transform:rotateX(5deg);transform-origin:center bottom;position:relative;z-index:1;max-width:100%;border:5px solid #25212f;border-radius:15px;box-shadow:0 0 0 1px #8f78b640,0 35px 80px #0007,0 0 100px #9375c01c}.browser-bar{height:26px;background:#292332;border-color:#ffffff0a}.browser-bar i{background:#685978}.browser-bar span{color:#c6b5da}.orbit{position:absolute;border:1px solid #a084d61a;border-radius:50%;pointer-events:none;inset:-50px -100px;transform:rotate(-10deg);z-index:0}.orbit-two{inset:25px -150px -15px;transform:rotate(9deg);border-color:#a084d60f}.floating{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;border:1px solid #c6a8ff30;background:linear-gradient(115deg,#312b3ff5,#211e2cf5);box-shadow:0 16px 40px #0004;backdrop-filter:blur(15px);border-radius:15px}.floating svg{width:23px;height:23px;flex-shrink:0;color:#d4b8ff}.favorite-float{left:-15px;bottom:90px;padding:19px 22px;transform:rotate(-5deg)}.favorite-float svg{fill:#c8a5ff22}.floating b{font-size:13px;display:block;font-weight:600}.floating div span{font-size:10px;color:#aaa0bc;display:block;margin-top:5px}.sync-float{right:-10px;top:100px;padding:15px 18px;transform:rotate(4deg);font-size:11px;color:#e3dcee}.sync-float svg{width:18px;color:#aca4e8}.sync-float i{width:5px;height:5px;border-radius:50%;background:#a6caaa;box-shadow:0 0 10px #a6caaa66}.caption{font-size:10px;color:#766f85;margin-top:10px}.section{padding:110px 0;border-color:var(--line)}h2{font-size:clamp(38px,4.6vw,57px);line-height:1.06;letter-spacing:-2.5px;font-weight:550;margin:22px 0}.muted{color:#777183}p{color:var(--muted);font-size:15px}.section-head p{max-width:470px;font-size:15px}.features{gap:16px;margin-top:45px}.features article{padding:28px 28px 32px;border:1px solid #ffffff12;border-radius:19px;background:linear-gradient(140deg,#24202f8f,#19181f);position:relative;overflow:hidden}.features article:nth-child(2){background:linear-gradient(145deg,#242538,#19181f)}.features article:nth-child(3){background:linear-gradient(145deg,#29232e,#19181f)}.feature-top{display:flex;justify-content:space-between;align-items:center}.feature-icon{width:44px;height:44px;border-radius:12px;border:1px solid #bea3ff26;background:#baa3ff0b;display:grid;place-items:center;color:#c3adeb}.feature-icon svg{width:23px;height:23px}.num{color:#706879;font-size:10px}.features h3{margin:31px 0 14px;font-weight:550;font-size:21px;color:#f1ebfc}.features p{font-size:13px;line-height:1.9;color:#9d96ad}.view{background:#17141e;position:relative;overflow:hidden}.view:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#b696f74d,transparent)}.split{grid-template-columns:.72fr 1.28fr;gap:75px}.view .browser{transform:perspective(1000px) rotateY(-6deg) rotateZ(2deg);border:4px solid #30283c;box-shadow:0 30px 70px #0005;position:relative}.chips span{background:#ffffff03;color:#b5a9c4;border-color:#ffffff17;font-size:10px;padding:8px 10px}.atmosphere{padding-bottom:100px;background:radial-gradient(ellipse at 50% 75%,#374b6c1f,transparent 60%)}.atmosphere-head{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:40px}.atmosphere-head h2{margin-bottom:0}.atmosphere-right{max-width:355px}.atmosphere-right p{font-size:13px;line-height:1.9}.theme-options{display:inline-flex;border:1px solid #ffffff1c;border-radius:100px;padding:4px;gap:3px;margin-top:20px;background:#ffffff03}.theme-options button{border:0;border-radius:100px;padding:9px 15px;background:transparent;color:#9b96a8;display:flex;align-items:center;gap:7px;cursor:pointer;font-size:11px}.theme-options button[aria-pressed=true]{background:#bca6f12b;color:#e1d1ff}.theme-options svg{width:15px;height:15px}.theme-frame{padding:25px 25px 45px;border:1px solid #b99eeb20;border-radius:21px;background:linear-gradient(130deg,#322538,#182030);position:relative}.theme-frame img{width:100%;height:auto;display:block;border-radius:9px;box-shadow:0 20px 40px #0004;position:relative}.theme-corner{position:absolute;bottom:14px;right:26px;font-size:8px;letter-spacing:2px;color:#b8a0d1}.sync{background:#eae7f0;color:#282332;border:0}.sync p{color:#6c657a}.sync .eyebrow{color:#85718f}.sync h2{font-weight:550}.sync .split{gap:90px}.sync .note{font-size:12px;color:#857b90;line-height:1.9}.privacy{background:#ffffff65;border:1px solid #9e8eae26;padding:27px;border-radius:17px}.privacy h3{font-size:20px;color:#3a3047;font-weight:550}.privacy p{font-size:13px}.text-link{font-size:11px;color:#76618a}.sync-diagram{gap:16px;margin:0 0 38px}.device{border-color:#a48db8;background:linear-gradient(140deg,#f9f5ff,#e4ddf0);box-shadow:0 8px 0 -4px #b7a9c8;width:136px;height:93px}.tiles i{background:#c4b0db}.tiles i:nth-child(2n){background:#b4c4d4}.arrows svg{width:28px;height:28px;color:#9986ac}.beta{margin:100px 0 80px;border:1px solid #bfa3f72b;background:radial-gradient(ellipse at 50% 100%,#6e478560,#211c2b 70%);border-radius:25px;padding:73px 30px;position:relative;overflow:hidden}.beta>*:not(.beta-orb){position:relative;z-index:1}.beta-orb{position:absolute;width:530px;height:530px;border:1px solid #d6b0f514;border-radius:50%;left:50%;top:90px;transform:translateX(-50%);box-shadow:0 0 0 55px #d6b0f503,0 0 0 56px #d6b0f508,0 0 0 115px #d6b0f503,0 0 0 116px #d6b0f505}.beta .eyebrow{color:#bc9fdf}.beta h2{font-size:clamp(44px,5.5vw,68px);font-weight:500;line-height:1.06;margin:25px 0}.beta h2 em{font-family:Georgia,serif;font-weight:400;color:#d2b5f3}.beta p{font-size:14px;max-width:530px;line-height:1.9;color:#aaa0b7}.beta .button{border-radius:100px;margin:27px 0 17px;padding:15px 25px;background:#dac6f8}.beta .note{font-size:10px;color:#8d7c9f}.faq{max-width:780px;padding-bottom:100px}.faq h2{font-size:32px;font-weight:500;letter-spacing:-1px;color:#e4dced;margin-bottom:37px}.faq details{border-color:#ffffff12;padding:23px 0}.faq summary{font-size:14px;font-weight:400;color:#c3bbce}.faq details p{font-size:13px;color:#92899f}.faq summary:after{color:#ac8bcb;font-size:20px}footer{border-color:var(--line);padding:37px 0 45px}.foot p{font-size:11px;color:#6f687d}.foot-links{color:#8c829b;font-size:11px}.foot-links a:hover{color:#e0c7ff}.hero h1,.hero .intro,.hero .buttons{animation:arrive .7s both}.hero .intro{animation-delay:.08s}.hero .buttons{animation-delay:.16s}.hero-stage{animation:arrive 1s .2s both}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{padding-top:100px}.hero-stage{max-width:1100px}}@media(max-width:1000px){.floating{display:none}.hero-stage{padding-left:0;padding-right:0}.split{gap:40px}.features article{padding:22px}.atmosphere-head{gap:35px}.sync .split{gap:40px}.view .browser{transform:none}.wrap{padding-left:28px;padding-right:28px}h1{letter-spacing:-4px}}
@media(max-width:800px){.wrap{padding-left:22px;padding-right:22px}.header{height:72px}.menu{color:#d3c3e5}nav{top:72px;background:#17131e;border-color:#ffffff19}.hero{padding:54px 0 35px}h1{font-size:clamp(49px,12vw,80px);letter-spacing:-3px;line-height:1.02}.hero .intro{font-size:14px;max-width:450px}.buttons{margin-bottom:42px}.button{font-size:12px;padding:13px 20px}.stage-meta{padding:0 4px 12px;font-size:7px;gap:10px}.stage-meta>span:last-child{font-size:8px;text-align:right}.hero-browser{transform:none;border-width:3px;border-radius:10px}.browser-bar{height:20px}.browser-bar span{font-size:7px}.browser-bar i{width:4px;height:4px}.orbit{inset:-20px -40px}.orbit-two{display:none}.caption{font-size:9px}.section{padding:65px 0}h2{font-size:38px;letter-spacing:-1.6px}.features{margin-top:30px;gap:12px}.features article{padding:25px;border:1px solid #ffffff12;display:grid;grid-template-columns:45px 1fr;column-gap:21px}.feature-top{grid-row:1/3;align-items:start}.feature-top .num{display:none}.features h3{margin:0 0 10px;font-size:20px}.features p{font-size:13px}.split,.sync .split{grid-template-columns:1fr;gap:35px}.view .browser{max-width:650px}.atmosphere-head{display:block;margin-bottom:28px}.atmosphere-right{max-width:none;margin-top:20px}.atmosphere-right p{max-width:450px}.theme-frame{padding:12px 12px 31px;border-radius:13px}.theme-frame img{border-radius:5px}.theme-corner{font-size:6px;bottom:12px;right:15px}.sync-diagram{margin-top:15px}.beta{margin:60px 0;padding:49px 22px;border-radius:19px}.beta h2{font-size:43px;letter-spacing:-1.9px}.beta p{font-size:13px}.faq{padding-bottom:65px}.faq h2{font-size:28px}.faq summary{line-height:1.6;font-size:13px}.foot-links{gap:20px}.foot{gap:26px}footer{padding-bottom:34px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}