*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:#202322;background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:78px;max-width:1280px;padding:0 48px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f1ef}.brand{display:flex;align-items:center;gap:9px;font-size:26px;font-weight:650;letter-spacing:-1px}.brand-sub{font-size:12px;color:#777;font-weight:400;letter-spacing:1px;margin-left:5px}.logo{display:inline-block;width:26px;height:29px;background:linear-gradient(140deg,#b9d7aa,#507a45);clip-path:polygon(43% 0,66% 0,100% 100%,74% 100%,56% 43%,36% 100%,4% 100%);position:relative}nav{display:flex;gap:39px;font-size:12px;color:#686d67}.nav-download{font-size:12px;font-weight:600}.nav-download span{padding-left:14px}.hero{text-align:center;overflow:hidden;padding:52px 24px 0;background:radial-gradient(ellipse at 50% 65%,#f0f4e9 0,white 63%)}.eyebrow{font-size:12px;letter-spacing:2px;color:#77836c;display:flex;align-items:center;justify-content:center;gap:7px}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#839776}h1{font-size:70px;line-height:1.18;letter-spacing:-4px;font-weight:650;margin:23px 0 21px}h1>span{color:#7d936e}.intro{font-size:15px;line-height:1.9;color:#858984;margin:0}.hero-actions{display:flex;align-items:center;justify-content:center;gap:27px;margin-top:27px;font-size:13px}.primary{border:0;background:#293e28;color:white;border-radius:30px;padding:14px 26px;font-size:13px;transition:transform .2s,background .2s}.primary:hover{background:#496344;transform:translateY(-2px)}.primary span{margin-left:23px}.hero-actions>a{color:#56614f}.hero-actions>a span{margin-left:8px}.availability{color:#a0a49c;font-size:10px;margin-top:15px;letter-spacing:.5px}.product-stage{position:relative;max-width:1030px;margin:49px auto 0;padding:0 30px 37px}.glow{position:absolute;inset:15% -14% 0;background:radial-gradient(ellipse,#c6d5ae80,transparent 67%);filter:blur(25px)}.browser{text-align:left;position:relative;border:1px solid #d8ddd3;border-radius:13px;overflow:hidden;box-shadow:0 25px 60px #3f53251a,0 3px 10px #4b553c0d;background:#fff;transform:perspective(2000px) rotateX(2deg)}.browser-bar{height:37px;background:#e9ece5;display:flex;align-items:center;gap:15px;padding:0 15px;font-size:10px;color:#68735c}.traffic{display:flex;gap:5px}.traffic i{width:7px;height:7px;border-radius:50%;background:#ef9c91}.traffic i:nth-child(2){background:#e5ca82}.traffic i:nth-child(3){background:#aac49b}.tab{width:170px;align-self:flex-end;padding:9px 12px;background:#f9faf6;border-radius:7px 7px 0 0}.tab span{float:right}.window-menu{margin-left:auto}.address{display:flex;align-items:center;gap:19px;padding:7px 15px;background:#f9faf6;font-size:12px;color:#7a8075}.address>div{border:1px solid #e9ece3;border-radius:5px;flex:1;background:#f0f2eb;padding:5px 12px;font-size:9px}.address>div span{margin-left:8px}.address b{float:right}.browser-content{height:354px;display:flex}aside{width:144px;flex-shrink:0;background:#f3f5ef;padding:22px 14px;position:relative}.mini-brand{display:flex;align-items:center;gap:6px;font-weight:600;font-size:19px}.mini-brand .logo{width:18px;height:20px}.side-label{font-size:8px;color:#9ba190;margin:28px 8px 12px}.side-item{font-size:9px;color:#87917c;padding:9px;margin:3px 0}.side-item.active{background:#e4e9db;border-radius:5px;color:#4e6142}.side-bottom{position:absolute;bottom:18px;font-size:8px;color:#7f9171;left:21px}.side-bottom span{font-size:5px;margin-left:6px}.newtab{flex:1;background:radial-gradient(ellipse at 70% 80%,#dbe2cf,transparent 65%),linear-gradient(150deg,#fafbf8,#eef1e5);padding:49px 30px;text-align:center}.date{font-size:8px;color:#8d9983;letter-spacing:2px}.newtab h2{font-family:Georgia,"Microsoft YaHei",serif;font-size:33px;line-height:1.4;letter-spacing:2px;font-weight:400;margin:20px 0 25px;color:#526248}.search{background:#ffffffc9;border:1px solid #ffffff;border-radius:8px;padding:13px 11px;display:flex;gap:8px;text-align:left;font-size:12px;box-shadow:0 4px 15px #72805408}.search span{font-size:8px;color:#9da391;padding-top:2px}.search kbd{margin-left:auto;color:#a6ae9d;font-size:10px}.shortcuts{display:flex;gap:25px;justify-content:center;margin-top:22px}.shortcuts>span{font-size:16px;color:#819375;display:flex;flex-direction:column;gap:7px}.shortcuts small{font-size:7px;font-weight:400;color:#929b88}.assistant{width:248px;flex-shrink:0;padding:16px;background:#fcfdf9;border-left:1px solid #e9ede3}.assistant-top{font-size:10px;color:#62764f}.assistant-top span{float:right}.assistant h3{font-size:17px;font-weight:500;margin:25px 0 7px}.assistant>p{font-size:8px;color:#959c8d}.prompt{margin:20px 0 15px 20px;background:#eff2e9;border-radius:8px 8px 2px 8px;padding:10px;font-size:8px;line-height:1.7;color:#707963}.task{font-size:8px;margin:10px 0;color:#919c85}.task>span{color:#8ca37c;margin-right:6px}.sheet{background:#fff;border:1px solid #e7eadf;border-radius:6px;padding:9px;margin-top:13px}.sheet>div{font-size:8px;margin-bottom:7px;color:#68745c}.sheet>div span{float:right}table{border-collapse:collapse;width:100%}.sheet td,.sheet th{border:1px solid #edf0e7;font-size:6px;text-align:left;padding:5px;font-weight:400;color:#8a927f}.sheet th{background:#f7f9f2}.chat-input{margin-top:17px;border:1px solid #e4e9dd;border-radius:6px;padding:10px;color:#a3ab98;font-size:8px}.chat-input b{float:right;background:#83986e;color:white;border-radius:4px;padding:0 4px}.floating-label{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);border:1px solid #fff;border-radius:22px;background:#ffffffea;box-shadow:0 7px 25px #53663812;padding:12px 20px;font-size:10px;white-space:nowrap;color:#6d7c5e}.floating-label span{color:#91a37f;margin-right:7px}.feature-strip{max-width:770px;display:flex;justify-content:space-around;margin:24px auto 0;padding:24px 0 35px;color:#819070;border-bottom:1px solid #e9ede4;font-size:19px}.feature-strip b{font-size:11px;font-weight:400;color:#838b7b;vertical-align:middle;margin-left:10px}.section{max-width:1140px;margin:auto;padding:95px 35px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:37px}.plain{display:block;letter-spacing:1.5px;font-size:10px;margin:0 0 17px}.section-heading h2{font-size:42px;line-height:1.25;letter-spacing:-1.5px;margin:0;font-weight:550}.section-heading>p{font-size:12px;line-height:1.9;color:#969a91;margin:0 0 3px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{border-radius:16px;min-height:430px;padding:35px 35px 24px;overflow:hidden;position:relative}.ad{background:#f0f3eb}.browse{background:#f5f5f3}.card-tag{font-size:9px;color:#8f9a83;letter-spacing:1px}.card h3{font-size:29px;line-height:1.4;font-weight:500;letter-spacing:-1px;margin:17px 0 13px}.card p,.work-grid p{font-size:11px;line-height:1.9;color:#969c90}.shield{margin:15px auto 8px;width:99px;height:110px;border-radius:25px 25px 45px 45px;background:linear-gradient(135deg,#d5dfc9,#a4bb8b);box-shadow:inset 0 0 0 6px #ffffff70,0 12px 25px #76875d20;color:#f7faef;position:relative;font-size:83px;line-height:110px;text-align:center}.shield>span{position:absolute;inset:0;font-size:31px}.protection{display:flex;align-items:center;gap:8px;max-width:255px;margin:17px auto 0;font-size:10px;color:#7b8c6d}.protection i{width:5px;height:5px;background:#81966d;border-radius:50%}.protection button{margin-left:auto;border:0;border-radius:20px;width:29px;height:17px;background:#819a6c;padding:2px}.protection button span{display:block;background:#fff;width:13px;height:13px;border-radius:50%;margin-left:12px;transition:margin .2s}.protection button[aria-pressed=false]{background:#b7bcb0}.protection button[aria-pressed=false] span{margin-left:0}.demo-note{display:block;text-align:center;font-size:8px;color:#aeb6a4;margin-top:12px}.steps{padding:20px 8px 0}.steps>div{display:flex;align-items:center;padding:15px;background:#fff;border:1px solid #ebeee5;border-radius:8px;margin:9px 0;gap:12px;font-size:10px;color:#7d8973;box-shadow:0 5px 10px #5a6a4503}.steps>div:nth-child(2){margin-left:18px}.steps>div:nth-child(3){margin-left:36px}.steps span{font-size:17px;color:#9aa88d}.steps b{margin-left:auto;color:#9bad8d;font-weight:400}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.work-art{height:265px;background:#f5f6f2;border-radius:14px;overflow:hidden;position:relative}.spreadsheet{padding:42px 36px;background:#eff2e9}.sheet-title{font-size:12px;margin-bottom:18px;color:#6e7c60}.sheet-title span{float:right}.spreadsheet table{background:#fff;box-shadow:0 5px 20px #4a61360a}.spreadsheet td,.spreadsheet th{border:1px solid #e6ebdf;padding:10px;font-size:9px;color:#8a947e;text-align:center;font-weight:400}.spreadsheet th{background:#f6f8f2;color:#a5ad9b}.spreadsheet .green{color:#809e69}.spreadsheet .selected{outline:1px solid #98af84;background:#f4f8ed}.work-grid h3{font-size:23px;font-weight:500;letter-spacing:-.7px;margin:23px 0 10px}.work-grid p{margin:0}.local{background:radial-gradient(ellipse,#e4eadb,#f5f6f2 70%)}.core{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:72px;height:72px;display:grid;place-items:center;background:#fff;border:1px solid #e6ecdf;border-radius:19px;box-shadow:0 12px 25px #63794c14}.core .logo{width:36px;height:40px}.orbit{position:absolute;border:1px solid #dce4d3;border-radius:50%;left:50%;top:47%;transform:translate(-50%,-50%);width:190px;height:140px}.orbit.two{width:330px;height:220px}.local-icon{position:absolute;display:grid;place-items:center;background:#fff;border-radius:12px;width:44px;height:44px;font-size:24px;color:#9bac8c;box-shadow:0 5px 15px #79876410}.file{left:17%;top:24%;transform:rotate(-12deg)}.folder{right:17%;top:20%;transform:rotate(12deg)}.screen{right:22%;bottom:20%;transform:rotate(-8deg)}.local-caption{position:absolute;bottom:19px;width:100%;text-align:center;font-size:10px;color:#9ba68f}.download-section{text-align:center;margin-top:95px;padding:75px 20px 70px;background:#f4f6f0}.large{width:45px;height:50px;margin-bottom:24px}.download-section h2{font-size:43px;line-height:1.3;letter-spacing:-1.5px;font-weight:550;margin:18px 0}.download-section>p:not(.eyebrow){font-size:13px;color:#929b87;margin-bottom:27px}.download-section small{display:block;margin-top:14px;font-size:9px;color:#a2aa97}footer{max-width:1210px;margin:auto;display:flex;align-items:center;gap:25px;padding:32px 30px;font-size:9px;color:#a3aa9c}footer .brand{font-size:21px;color:#53624b}footer .logo{width:20px;height:23px}footer p{flex:1}footer>a:last-child{color:#7a8572}dialog{border:1px solid #e0e6d8;border-radius:20px;padding:45px;text-align:center;max-width:460px;box-shadow:0 30px 120px #0002;color:#34412e}dialog::backdrop{background:#29312466;backdrop-filter:blur(6px)}dialog h2{font-size:24px}dialog p{font-size:13px;line-height:1.9;color:#8a9480}dialog .close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:25px;color:#99a28f}dialog .primary{margin-top:15px}a:hover{color:#81996d}button:focus-visible,a:focus-visible{outline:3px solid #9bb989;outline-offset:4px}@media(min-width:1500px){.hero{padding-top:65px}h1{font-size:80px}}@media(max-width:800px){header{padding:0 22px;height:65px}nav{gap:18px}nav a{font-size:10px}.brand-sub{display:none}.hero{padding-top:40px}h1{font-size:55px}.intro{font-size:12px}.product-stage{padding:0 0 30px;margin-top:35px;max-width:640px}.browser-content{height:290px}aside{width:110px;padding:20px 10px}.assistant{width:200px;padding:12px}.newtab{padding:45px 15px}.newtab h2{font-size:24px}.date{font-size:6px;letter-spacing:0}.search{padding:10px 6px}.search span{font-size:6px}.assistant h3{margin-top:15px}.prompt{margin:15px 0 10px}.task{font-size:7px}.chat-input{margin-top:10px}.side-bottom{left:12px;font-size:6px}.section{padding:65px 25px 0}.section-heading h2{font-size:34px}.section-heading>p{font-size:10px}.card{padding:25px;min-height:425px}.card h3{font-size:26px}.card p{font-size:10px}.steps{padding:20px 0}.steps>div{padding:12px 7px;gap:5px;font-size:8px}.spreadsheet{padding:45px 16px}.work-art{height:245px}.work-grid h3{font-size:21px}footer{flex-wrap:wrap;gap:15px}footer p{flex-basis:60%}}@media(max-width:560px){nav{display:none}h1{font-size:47px;letter-spacing:-2.5px}.hero{padding:35px 18px 0}.hero .eyebrow{font-size:10px}.intro{font-size:11px;line-height:2}.desktop{display:none}.hero-actions{gap:19px}.hero-actions>a{font-size:11px}.product-stage{margin-top:32px}.assistant{display:none}aside{width:90px}.side-item{font-size:8px;padding:8px 3px}.browser-content{height:290px}.newtab{padding:45px 12px}.newtab h2{font-size:26px}.search span{font-size:7px}.address{gap:8px;padding:7px}.browser-bar{height:31px;padding:0 9px}.tab{width:125px}.feature-strip{font-size:15px;padding:18px 0 24px;margin-top:14px;gap:8px}.feature-strip b{font-size:9px;margin-left:2px}.floating-label{font-size:8px;padding:10px 15px;bottom:13px}.section{padding:54px 20px 0}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:33px}.section-heading>p{margin-top:18px;font-size:11px}.cards,.work-grid{grid-template-columns:1fr;gap:18px}.card{padding:30px;min-height:415px}.card h3{font-size:29px}.card p{font-size:11px}.steps>div{font-size:10px;padding:14px;gap:10px}.steps{padding-top:15px}.work-grid{gap:32px}.work-art{height:250px}.spreadsheet{padding:40px 30px}.download-section{margin-top:55px;padding:55px 20px}.download-section h2{font-size:31px}footer{padding:26px 20px;font-size:8px}footer p{flex-basis:65%}dialog{width:calc(100% - 30px);padding:35px 20px}dialog h2{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Dark appearance */
:root{color-scheme:dark}body{background:#050607;color:#f5f5f7}header{border-color:#202227}nav,.brand-sub{color:#a1a4ac}.hero{background:radial-gradient(ellipse at 50% 66%,#092733 0,#050607 63%)}.eyebrow{color:#87b7c4}.eyebrow>span{background:#62d6ef}h1{letter-spacing:-3px}h1>span{background:linear-gradient(100deg,#c0f9f4 5%,#4cd6ee 48%,#709bff 95%);background-clip:text;-webkit-background-clip:text;color:transparent}.intro{color:#9a9ea7}.hero-actions>a{color:#65cfea}.availability{color:#747b88}.primary{background:#087de0;color:#fff}.primary:hover{background:#299bed}.logo{background:linear-gradient(140deg,#9cf9ee,#139ad6)}.platform-downloads{display:flex;justify-content:center;gap:12px;margin:30px auto 0;max-width:790px}.platform-download{display:flex;align-items:center;gap:13px;background:linear-gradient(135deg,#1b2027,#11151b);border:1px solid #343c46;border-radius:13px;color:#f5f5f7;text-align:left;padding:15px 17px;min-width:174px;transition:transform .2s,border-color .2s,background .2s}.platform-download:hover{transform:translateY(-3px);border-color:#49c9e8;background:#162b36;box-shadow:0 8px 35px #0ab3e014}.platform-download svg{width:25px;height:25px;flex-shrink:0;color:#bcdfec}.platform-download b{display:block;font-size:13px;font-weight:500;white-space:nowrap}.platform-download small{display:block;color:#7e8b9d;font-size:9px;margin-top:5px;white-space:nowrap}.platform-download .download-arrow{margin-left:auto;font-size:17px;color:#77cfe5}.hero-actions{margin-top:20px}.glow{background:radial-gradient(ellipse,#0ba5c63a,transparent 67%)}.browser{border-color:#34434c;background:#151b20;box-shadow:0 25px 90px #0e96b21a,0 0 0 1px #b0e9f10a}.browser-bar{background:#20272d;color:#8498a5}.tab{background:#11191f}.address{background:#11191f;color:#8e9eab}.address>div{background:#1b252d;border-color:#2c3740}aside{background:#11191f}.side-label{color:#6e8190}.side-item{color:#8f9da9}.side-item.active{background:#22343e;color:#a2d8e9}.side-bottom{color:#70b3c3}.newtab{background:radial-gradient(ellipse at 75% 90%,#10495a,transparent 70%),linear-gradient(135deg,#101d29,#0c2632)}.date{color:#7795a6}.newtab h2{color:#d9f0f1}.search{background:#ffffff0c;border-color:#ffffff13;box-shadow:0 8px 30px #0002}.search span,.search kbd{color:#8faab7}.shortcuts>span{color:#87c3d5}.shortcuts small{color:#82a3b2}.assistant{background:#121b23;border-color:#2a3740}.assistant-top{color:#8ccddd}.assistant>p{color:#8598a9}.prompt{background:#24333e;color:#b9ccd5}.task{color:#8fadb9}.task>span{color:#69c9da}.sheet{background:#18242e;border-color:#32404d}.sheet>div{color:#a4bfcb}.sheet td,.sheet th{border-color:#2d3a46;color:#9fb4bf}.sheet th{background:#202d37}.chat-input{border-color:#34434e;color:#7c95a5}.chat-input b{background:#287b96}.floating-label{background:#15232eee;border-color:#45606f;color:#b3d3df;box-shadow:0 7px 30px #0005}.floating-label span{color:#65daeb}.feature-strip{border-color:#202d34;color:#68c2d6}.feature-strip b{color:#99aab4}.section-heading>p,.card p,.work-grid p{color:#909ba6}.ad{background:radial-gradient(ellipse at 70% 80%,#12313a,#111820 70%)}.browse{background:#11161d}.card-tag{color:#75acbd}.shield{background:linear-gradient(135deg,#266273,#102f42);box-shadow:inset 0 0 0 5px #58d7eb20,0 12px 50px #00c7ef12;color:#5cc6dd}.shield>span{color:#c7f9ff}.protection{color:#9ec2cf}.protection i{background:#49d6ce}.protection button{background:#1997ae}.demo-note{color:#617c8c}.steps>div{background:#1b252f;border-color:#2c3b49;color:#a7bdcb}.steps span,.steps b{color:#6bc3dd}.work-art{background:#111b24}.spreadsheet{background:linear-gradient(135deg,#132630,#101820)}.sheet-title{color:#a2c5d3}.spreadsheet table{background:#17232d;box-shadow:0 10px 40px #0002}.spreadsheet td,.spreadsheet th{border-color:#30414b;color:#a3b8c6}.spreadsheet th{background:#1b2b35;color:#7d9baa}.spreadsheet .green{color:#6ad4bb}.spreadsheet .selected{outline-color:#37c3de;background:#173d4c}.local{background:radial-gradient(ellipse,#173846,#111820 75%)}.orbit{border-color:#294552}.core{background:#1c303b;border-color:#3c6474;box-shadow:0 0 40px #00beed16}.local-icon{background:#213745;color:#80d1e6;box-shadow:0 5px 25px #0003}.local-caption{color:#7ba5b8}.download-section{background:radial-gradient(ellipse at 50% 100%,#102836,#0c1117 70%)}.download-section>p:not(.eyebrow){color:#8a9da9}.download-section small{color:#748894}.download-section .platform-downloads{margin-bottom:20px}.download-section .platform-download small{margin-top:5px;font-size:9px}footer{color:#697e8a}footer .brand{color:#c1d7e0}footer>a:last-child{color:#97b5c3}dialog{background:#131c25;border-color:#334957;color:#e5f1f6;box-shadow:0 30px 120px #0009}dialog p{color:#a0b3c1}dialog::backdrop{background:#0009}a:hover{color:#69d9ed}button:focus-visible,a:focus-visible{outline-color:#56d5ef}@media(max-width:800px){.platform-downloads{gap:9px;max-width:620px}.platform-download{min-width:0;flex:1;padding:13px 12px;gap:9px}.platform-download svg{width:22px;height:22px}.platform-download b{font-size:11px}.platform-download small{font-size:8px}.platform-download .download-arrow{font-size:14px}}@media(max-width:560px){.platform-downloads{display:grid;grid-template-columns:1fr 1fr;max-width:360px;gap:10px;margin-top:25px}.platform-download{padding:15px 13px;gap:11px}.platform-download b{font-size:12px}.platform-download svg{width:24px;height:24px}.platform-download small{font-size:8px}.hero-actions{margin-top:18px}.availability{font-size:8px}h1{letter-spacing:-2px}}
/* Platform colors and full-width navigation divider */
header{position:relative;border-bottom:0}header::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:100vw;height:1px;background:#252b33;pointer-events:none}body{overflow-x:hidden}header nav{margin-left:auto}.platform-downloads{max-width:1000px;flex-wrap:wrap}.platform-download{min-width:177px}.platform-download svg{filter:drop-shadow(0 0 7px currentColor)}[data-download="android"] svg{color:#94db72}[data-download="apple"] svg{color:#e3d8ff}[data-download="windows"] svg{color:#48b9ff}[data-download="android-tablet"] svg{color:#5cdebe}[data-download="ipad"] svg{color:#b99aff}.feature-strip>span:nth-child(1){color:#62dbc4}.feature-strip>span:nth-child(2){color:#bd9bff}.feature-strip>span:nth-child(3){color:#73b9ff}.feature-strip>span:nth-child(4){color:#edbb79}.steps>div:nth-child(1)>span{color:#5cc4ff}.steps>div:nth-child(2)>span{color:#ba99ff}.steps>div:nth-child(3)>span{color:#56ddc1}.local-icon.file{color:#ba9cff}.local-icon.folder{color:#edc377}.local-icon.screen{color:#62c9ef}footer{margin-top:75px;border-top:1px solid #202b34}@media(max-width:800px){.platform-downloads{max-width:620px;display:flex;flex-wrap:wrap}.platform-download{flex:0 1 calc(33.333% - 9px);min-width:165px}}@media(max-width:560px){.platform-downloads{display:grid;grid-template-columns:1fr 1fr;max-width:370px}.platform-download{min-width:0}.platform-download:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 5px)}header nav{gap:15px}footer{margin-top:50px}}
/* Persistent centered main navigation */
header{position:sticky;top:0;z-index:100;max-width:none;width:100%;height:78px;padding:0 max(30px,calc((100vw - 1184px)/2));background:#080a0de8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}header nav{position:absolute;left:50%;transform:translateX(-50%);margin:0;display:flex;align-items:center;gap:36px;height:100%;white-space:nowrap}header nav a{position:relative;display:flex;align-items:center;height:100%;color:#929ba8;transition:color .2s;font-size:12px}header nav a:hover{color:#f5f5f7}header nav a.active{color:#7bdcf2}header nav a.active::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:2px;background:#58cde9;box-shadow:0 -2px 12px #58cde94d}html{scroll-padding-top:100px}@media(max-width:800px){header{height:68px;padding:0 22px}header nav{gap:25px}header .brand-sub{display:none}}@media(max-width:560px){header{height:108px;padding:0 20px;align-items:flex-start}header>.brand{height:53px;font-size:23px}header>.brand .logo{width:23px;height:26px}header nav{top:53px;height:55px;width:100%;justify-content:center;gap:29px}header nav a{font-size:11px}html{scroll-padding-top:125px}}
.logo{clip-path:none;background:transparent url('brand-mark.png?v=12') center/contain no-repeat;width:30px;height:30px}.logo.large{width:50px;height:50px}header nav a.active{color:#fff}header nav a.active::after{display:none}.platform-download:last-child{grid-column:auto;justify-self:stretch;width:auto}.platform-downloads{max-width:620px}.feature-strip{max-width:900px}.feature-strip .video-feature{color:#ed95c2}.real-ui{height:430px}.real-home{flex:1;min-width:0;padding:25px 26px;background:radial-gradient(ellipse at 50% 25%,#103144,#0d1923 75%)}.real-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 24px}.real-brand img{width:44px;height:44px}.real-brand strong{display:block;font-size:21px;letter-spacing:1px;color:#e7f4ff}.real-brand small{display:block;font-size:8px;margin-top:6px;color:#86b3c5}.real-search{border:1px solid #304655;border-radius:6px;padding:14px;background:#13263170}.search-tabs{font-size:9px;color:#b6d2df;border-bottom:1px solid #344d5b;padding-bottom:11px}.engines{font-size:9px;padding:14px 0;color:#adc8d5;white-space:nowrap}.engines span{font-weight:bold}.google{color:#56cfb7}.bing{color:#55bdff;background:#314c5a;border-radius:14px;padding:5px 9px}.baidu{color:#6f8dff}.yahoo{background:#7240c4;color:white}.yandex{color:#ff5f67}.real-query{display:flex;align-items:center;gap:9px;font-size:9px}.real-query>span{padding:12px;border:1px solid #385362;border-radius:4px;flex:1;color:#809ead}.real-query b{padding:12px 17px;background:#29617c;border-radius:4px;color:#dcf5ff}.sites-heading{font-size:11px;margin:21px 0 13px;color:#ccdfeb}.sites-heading span{float:right;font-size:8px;color:#80a7ba}.site-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.site-tiles>div{border:1px solid #2c4352;background:#172c3966;border-radius:4px;padding:11px 7px;font-size:8px;color:#afc7d5;display:flex;align-items:center;gap:7px}.site-tiles i{font-size:13px;font-style:normal;font-weight:bold}.real-assistant{width:270px;background:#111e29;border-left:1px solid #34434e;position:relative}.real-ai-title{padding:15px;font-size:11px;font-weight:600;border-bottom:1px solid #31404c;color:#d8ebf5}.real-ai-title small{float:right;color:#6e9ab1;font-size:7px;font-weight:400}.ai-select{padding:12px;font-size:8px;color:#a7c4d5;border-bottom:1px solid #273c49}.ai-select span{margin-left:9px;background:#1c3444;border:1px solid #385262;border-radius:4px;padding:6px 12px;display:inline-block;min-width:150px}.ai-mode{margin:10px auto;text-align:center;border-radius:20px;background:#1c2d3b;width:124px;font-size:9px;color:#9eb6c5;padding:7px}.ai-mode b{margin-left:12px;background:#314d61;padding:6px 21px;border-radius:20px;color:#edf7ff;font-weight:400}.ai-welcome{margin:57px 0 54px;text-align:center;font-size:20px;color:#66b5ff}.ai-welcome span{font-size:15px;color:#cee4ee}.ai-connections{padding:0 20px;font-size:10px;color:#a4c3d6}.ai-connections p{margin:16px 0}.ai-connections i{font-style:normal;color:#6cd2a7;padding-right:12px}.ai-compose{position:absolute;bottom:12px;left:12px;right:12px;font-size:9px}.ai-compose>small{display:block;padding:8px;background:#1d3242;border-radius:9px 9px 0 0;color:#9bb6c6;font-size:8px}.ai-compose>div{padding:12px;border:1px solid #3b5362;background:#182b3a;border-radius:12px;color:#c1d6e3}.ai-compose span{display:inline-block;margin-top:20px;font-size:18px}.ai-compose em{float:right;margin-top:25px;font-size:7px;font-style:normal;color:#8eb4cb}.video-panel{display:grid;grid-template-columns:1.2fr 1fr;background:#101b25;border:1px solid #22394a;border-radius:18px;overflow:hidden}.video-landscape{min-height:355px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 65% 20%,#317a9e,#11283d 55%,#070e1b)}.moon{position:absolute;width:65px;height:65px;border-radius:50%;right:21%;top:40px;background:linear-gradient(130deg,#ebffff,#5c9fae);box-shadow:0 0 70px #65c6e460}.mountain{position:absolute;width:140%;height:290px;left:-20%;bottom:-85px;clip-path:polygon(0 100%,0 70%,22% 30%,33% 55%,59% 0,80% 65%,94% 35%,100% 100%);background:linear-gradient(125deg,#476d80,#b7d2dc 44%,#214a66 46%,#10273d 75%)}.mountain.back{bottom:12px;opacity:.45;transform:scaleX(-1)}.mountain.front{filter:drop-shadow(0 0 20px #000)}.video-caption{position:absolute;bottom:35px;left:30px;right:30px;font-size:13px;color:#deeff7;z-index:2}.video-caption span{float:right;font-size:25px}.visual-note{position:absolute;left:30px;bottom:15px;font-size:8px;color:#809fae;z-index:2}.video-copy{padding:35px}.video-copy h3{font-size:27px;font-weight:500;line-height:1.4;margin:17px 0}.video-copy p{font-size:11px;color:#92a8b9;line-height:1.9}.video-copy>div{display:flex;flex-direction:column;gap:5px;margin:17px 0;font-size:11px}.video-copy b{font-weight:500;color:#badbeb}.video-copy>div span{color:#819bab;font-size:10px}.video-copy>small{font-size:8px;color:#667e90}@media(max-width:800px){.real-home{padding:20px 15px}.real-assistant{width:220px}.real-brand strong{font-size:17px}.real-search{padding:10px}.engines{font-size:7px}.site-tiles>div{font-size:7px;padding:9px 5px}.ai-select span{min-width:110px}.video-copy{padding:25px}.video-copy h3{font-size:23px}}@media(max-width:560px){.real-ui{height:365px}.real-assistant{display:none}.real-brand{margin-bottom:20px}.real-home{padding:23px 16px}.real-search{padding:12px}.engines{font-size:8px}.site-tiles>div{font-size:8px;padding:11px 6px}.feature-strip{flex-wrap:wrap;gap:19px;justify-content:center}.feature-strip>span{flex-basis:27%}.platform-downloads{display:flex;flex-wrap:wrap;max-width:370px}.platform-download{flex:1 1 145px}.platform-download:last-child{flex:0 1 175px}.video-panel{grid-template-columns:1fr}.video-landscape{min-height:280px}.video-copy{padding:28px}.video-copy h3{font-size:27px}}
.platform-downloads{max-width:820px}[data-download="macos"] svg{color:#f2bc81}.platform-download:disabled{opacity:.6;cursor:wait}@media(max-width:560px){.platform-download:last-child{flex:1 1 145px}}
/* Compact homepage heading spacing */
.hero { padding-top: 25px; }
.hero h1 { margin-top: 0; }
/* Header brand proportions on desktop and mobile */
header > .brand { font-size: 21px; gap: 11px; letter-spacing: -.5px; }
header > .brand .logo { width: 44px; height: 44px; flex-shrink: 0; }
header > .brand .brand-sub { font-size: 10px; }
@media (max-width: 800px) {
header > .brand { font-size: 19px; }
header > .brand .logo { width: 40px; height: 40px; }
}
@media (max-width: 560px) {
header { height: 118px; }
header > .brand { position: absolute; left: 50%; transform: translateX(-50%); top: 0; height: 63px; font-size: 18px; gap: 10px; white-space: nowrap; }
header > .brand .logo { width: 44px; height: 44px; }
header nav { top: 63px; height: 55px; }
html { scroll-padding-top: 135px; }
}
/* Compact one-row mobile navigation */
@media (max-width: 560px) {
header { height: 62px; padding: 0 12px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
header > .brand { position: static; transform: none; height: auto; font-size: 12px; gap: 5px; letter-spacing: -.5px; flex-shrink: 0; }
header > .brand .logo { width: 27px; height: 27px; }
header nav { position: static; transform: none; width: auto; height: 62px; flex: 1; justify-content: flex-end; gap: clamp(10px, 3vw, 17px); }
header nav a { font-size: 10px; }
html { scroll-padding-top: 80px; }
}
@media (max-width: 360px) {
header { padding: 0 9px; gap: 7px; }
header > .brand { font-size: 11px; gap: 4px; }
header > .brand .logo { width: 24px; height: 24px; }
header nav { gap: 9px; }
header nav a { font-size: 9px; }
}
/* Centered, larger mobile menu */
@media (max-width: 560px) {
header { padding: 0 10px; gap: 8px; }
header > .brand { font-size: 0; gap: 0; width: 30px; }
header > .brand .logo { width: 30px; height: 30px; }
header nav { position: absolute; left: 50%; top: 0; transform: translateX(-50%); flex: none; width: max-content; justify-content: center; gap: 18px; }
header nav a { font-size: 13px; }
}
@media (max-width: 380px) {
header { padding: 0 8px; }
header > .brand { width: 26px; }
header > .brand .logo { width: 26px; height: 26px; }
header nav { gap: 13px; }
header nav a { font-size: 12px; }
}
@media (max-width: 330px) {
header nav { gap: 10px; }
header nav a { font-size: 11px; }
}
/* Restore mobile brand text with a centered menu in the remaining space */
@media (max-width: 560px) {
header { display: flex; padding: 0 10px; gap: 10px; }
header > .brand { width: auto; font-size: 12px; gap: 5px; letter-spacing: -.4px; flex-shrink: 0; }
header > .brand .logo { width: 28px; height: 28px; }
header nav { position: static; top: auto; left: auto; transform: none; flex: 1; width: auto; justify-content: center; gap: clamp(10px, 3vw, 18px); }
header nav a { font-size: 12px; }
}
@media (max-width: 380px) {
header { padding: 0 8px; gap: 7px; }
header > .brand { font-size: 11px; gap: 4px; }
header > .brand .logo { width: 25px; height: 25px; }
header nav { gap: 10px; }
header nav a { font-size: 11px; }
}
@media (max-width: 330px) {
header nav { gap: 8px; }
header nav a { font-size: 10px; }
}
/* Original brand artwork and two-row mobile header */
@media (max-width: 560px) {
header { height: 118px; padding: 0 16px; display: flex; align-items: flex-start; justify-content: center; }
header > .brand { position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: auto; height: 65px; font-size: 20px; gap: 9px; letter-spacing: -.5px; justify-content: center; }
header > .brand .logo { width: 42px; height: 42px; }
header nav { position: absolute; left: 50%; top: 65px; transform: translateX(-50%); flex: none; width: 100%; height: 53px; justify-content: center; gap: 30px; }
header nav a { font-size: 13px; }
html { scroll-padding-top: 135px; }
}
@media (max-width: 360px) {
header nav { gap: 24px; }
header nav a { font-size: 12px; }
}