/* Shared typography and responsive brand layout. */
:root{--bg:#131416;--text:#f0f1f2;--muted:#b2b5be;--line:#d7d8db1b;--panel:#1d1e22;--apricot:#cdced2;--coral:#b8bac2;--rose:#9a9ea9;--violet:#585c67;--sunset:linear-gradient(120deg,#d6d7d9 0%,#b7b9c1 45%,#aaadb7 100%)}
::selection{background:#bfc1c5;color:#232429}
body{background:var(--bg)}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline-color:#d0d1d4}
.header{height:72px}.nav-wrap{height:72px;gap:20px}.header.scrolled{background:linear-gradient(#1c1d21ec,#1c1d21c9);border-color:#c2c3c719;backdrop-filter:blur(20px)}
.brand,.footer-brand .brand{gap:10px;letter-spacing:0;font-size:29px;color:#f0f1f2}
.brand-name{font-family:Inter,Arial,sans-serif;font-weight:500;letter-spacing:-.035em;line-height:1.1;position:relative;display:inline-block}
.brand-period{color:#c3c5c9}.brand-mark{display:block;width:34px;height:34px;flex-shrink:0;color:#cdced2}
.header .brand-name{animation:signature-entrance 1.6s var(--ease) both}
.header .brand-name:after{content:'';position:absolute;left:0;bottom:-7px;right:0;height:1px;background:linear-gradient(90deg,transparent,#cdced2b3,transparent);transform:scaleX(0);opacity:0;transition:transform .7s var(--ease),opacity .7s}
.header .brand:hover .brand-name:after{transform:scaleX(1);opacity:.8}
.header .brand-mark{animation:horizon-entrance 1.8s var(--ease) both;transition:transform .8s var(--ease)}
.header .brand:hover .brand-mark{transform:translateY(-2px)}
.desktop-nav{gap:25px}.desktop-nav a{color:#d7d8da}.desktop-nav a:hover{color:#d6d7d9}
.pill{background:#afb2ba0c;border-color:#d1d2d516;color:#bfc0c4}.pill.dot:before,.small-label:before{background:#b6b8c0}
.button.light,.screen-content .button,.contact-screen-button,.brand-preview-button{background:var(--sunset);color:#26282d;border-color:#cdced244;box-shadow:inset 0 1px 0 #e6e6e87d,0 4px 18px #9ea2ad11}
.button.light:hover,.screen-content .button:hover,.contact-screen-button:hover{background:linear-gradient(120deg,#e2e3e5,#c7c8cc 55%,#c2c4c8);box-shadow:0 7px 26px #b4b7c022}
.button.glass{background:#d3d4d70c;border-color:#d1d2d521;color:#ebeced}.button.glass:hover{background:#d4d5d71b}
.text-link,.intro .text-link{color:#cccdd0}.text-link:hover{color:#cdced2}
.tiny-dot{background:#c6c7ca;box-shadow:0 0 12px #b5b8c055}
.hero-sky{background:radial-gradient(ellipse at 50% 78%,#cccdd1 0,transparent 42%),linear-gradient(180deg,#1f2125 0%,#3a3c44 25%,#787d8c 48%,#b8bac2 69%,#cdced2 90%,#b4b7bf 100%)}
.hero-copy .pill{background:#e9eaeb0d;color:#dfe0e2;border-color:#d4d5d720}.hero-copy>p{color:#e0e1e3}.hero h1{color:#f2f2f3;text-shadow:0 3px 35px #25262b26}
.hills-back{filter:sepia(.72) saturate(1.35) hue-rotate(298deg) brightness(.93)}
.hills-mid{filter:sepia(.65) saturate(1.5) hue-rotate(313deg) brightness(.77)}
.hills-front{filter:sepia(.65) saturate(1.3) hue-rotate(293deg) brightness(.53)}
.hero-fade{background:linear-gradient(transparent,var(--bg) 86%)}.scroll-cue{color:#a2a6b0}
.product-window{border-color:#2e3036;background:#232429;box-shadow:0 0 0 1px #e6e7e91a,0 30px 100px #2022262e}
.product-sidebar{background:linear-gradient(135deg,#292b31,#202226);color:#b4b7bf}.sidebar-item.selected{color:#e3e4e6}.sidebar-bottom small{color:#9094a0}.sidebar-top{color:#9094a0}
.mini-wordmark{display:flex;align-items:center}.mini-wordmark .brand-mark{width:29px;height:29px}.avatar .brand-mark{width:22px;height:22px}.avatar{border-color:#d4d5d829}
.aurora{background:radial-gradient(ellipse at 80% 3%,#dbdcdf 0,transparent 48%),radial-gradient(ellipse at 100% 65%,#a2a6b0 0,transparent 47%),radial-gradient(ellipse at 18% 30%,#bfc1c5 0,transparent 45%),linear-gradient(145deg,#676b78,#b8bac2 55%,#d5d6d9);color:#373940}
.aurora-shape{background:conic-gradient(from 30deg at 55% 50%,transparent 10%,#5e626e7d 25%,transparent 39%,#d3d4d799 49%,transparent 58%,#6b6f7d88 73%,transparent 90%)}
.aurora-hero:after{background:linear-gradient(transparent,#3a3c4422)}
.screen-monogram{background:#eeeeef70;color:#494c56}.screen-monogram .brand-mark{width:36px;height:36px;color:inherit}
.screen-kicker,.screen-meta{color:#4b4e58}.screen-content h2,.screen-content h3{color:#32343a}.screen-content p{color:#494c56}
.js .intro-paragraph{color:rgb(calc(var(--read-light,60) + 20) calc(var(--read-light,60) - 2) calc(var(--read-light,60) + 8))}
.feature-tab{color:#a4a7b1}.feature-tab.active{background:linear-gradient(120deg,#3d3f4777,#2e3035);border-color:#d2d3d621;color:#e2e2e4}.feature-tab:hover{background:#24252a;color:#e7e7e9}.tab-progress{background:var(--sunset)}
.feature-showcase{background:#373940;border-color:#d6d7da33;box-shadow:6px 6px 0 1px #18191d,7px 7px 0 1px #d2d3d519}
.feature-scenery{background:url('./assets/landscapes/landscape-front.png') center bottom/100% auto no-repeat,url('./assets/landscapes/landscape-back.png') center bottom/120% auto no-repeat,linear-gradient(#575b67,#bfc1c5 62%,#4e515b);filter:sepia(.5) saturate(1.45) hue-rotate(290deg);opacity:.75}
.feature-scenery:after{background:linear-gradient(#37394011,#cacbce09 60%,#23252a77)}
.feature-controls>p{color:#c9cacd}.circle-button{background:#23252a;border-color:#cecfd21c;color:#cccdd0}.circle-button:hover{background:#373940}.platform-line,.platform-line>div{color:#989ca7}
.demo-browser{background:#2d2f35}.browser-toolbar{background:#2d2f35;color:#acafb9}.window-dots i{background:#777c8c}.address{background:#e2e3e509;color:#b8bac2}
.website-demo{background:linear-gradient(120deg,#e3e4e6,#cacbcf);color:#35383f}.demo-nav{border-color:#44474f1c}.demo-nav-cta{border-color:#45485138}.demo-body p{color:#5c606d}.demo-cta{background:linear-gradient(115deg,#4a4d57,#3b3d45);color:#e1e2e4}.demo-horizon{filter:sepia(.8) saturate(1.2) hue-rotate(307deg) brightness(1.03)}.demo-caption{color:#4b4e58}
.desktop-caption .pill{background:#292b30bb;color:#e3e4e6}.model-caption,.mobile-copy p{color:#e0e0e2}
.phone{border-color:#2f3137;background:#212226}.phone-island{background:#222429}.phone-screen{background:linear-gradient(160deg,#e7e7e9,#dbdcdf);color:#3c3e46}.phone-screen>p{color:#787d8c}.phone-row i{background:#9195a1}.phone-back .phone-screen{background:radial-gradient(ellipse at 20% 50%,#cacbce,transparent),linear-gradient(160deg,#d4d5d8,#666b78)}
.phone-logo .brand-mark{width:55px;height:55px;color:#494c55}.connection-core{border-color:#d0d1d56b;background:linear-gradient(140deg,#c9cace45,#64687545);box-shadow:0 0 65px #bdbfc330}.connection-core .brand-mark{width:55%;height:55%}.connection-node{background:#32343bd9}.connection-node>span{color:#d6d7d9}.orbit-ring{border-color:#d9dadc45}.orbit-signal:after{background:#cfd0d4;box-shadow:0 0 15px #c6c7ca}
.stack-card-inner{background:linear-gradient(115deg,#1d1e22,#202125);border-color:#c2c3c723;box-shadow:0 -7px 0 #16171a,0 -8px 0 #d6d7da10}
.stack-copy p{color:#afb2bb}.small-label{color:#989ca8}.card-footnote{color:#989ca8}
.stack-visual{background:radial-gradient(ellipse at 70% 25%,#b9bbc370,transparent 70%),linear-gradient(#50545e,#b1b4bc)}.stack-visual:after{background:linear-gradient(transparent 65%,#1d1e22aa)}
.brand-orb{background:radial-gradient(circle at 30% 20%,#d6d7da,transparent 47%),conic-gradient(#c1c3c7,#8d919d,#535661,#969aa6,#d4d5d8)}
.brand-preview{color:#e7e8ea}.brand-preview p{color:#d5d6d9}.color-swatches span{background:#cdced2}.color-swatches span:nth-child(2){background:#b8bac2}.color-swatches span:nth-child(3){background:#9a9ea9}.color-swatches span:nth-child(4){background:#585c67}
.floating-note{background:#383a41e8}.app-visual{background:linear-gradient(160deg,#51545f,#9ea2ad 60%,#bebfc3)}.workbench{background:#292b30ce}.workbench-title .pill{color:#dbdcdf}.work-icon{background:linear-gradient(140deg,#b0b3bb26,#6f748226);color:#cecfd3}
.sync-visual{background:linear-gradient(145deg,#848896,#565a65 60%,#32343b)}
.offer-card{background:linear-gradient(140deg,#1d1e22,#232429)}.offer-card.featured{background:radial-gradient(ellipse at 100% 0,#60647045,transparent 68%),linear-gradient(125deg,#2c2e33,#23252a);border-color:#b2b5bd44}
.offer-card.featured>.button{background:var(--sunset);color:#26282d;border-color:#cdced244}.offer-card.featured>.button:hover{background:linear-gradient(120deg,#e2e3e5,#c7c8cc,#c2c4c8)}
.faq-contact{background:linear-gradient(135deg,#33353b,#25272c)}.faq-panels details{background:linear-gradient(125deg,#202226,#24252a)}.faq-tabs button[aria-selected=true]{background:linear-gradient(120deg,#4f535d44,#393b4244);color:#dedfe1}
.process-card{background:#212226}.art-idea{background:radial-gradient(ellipse at 65% 30%,#9ca0ab,transparent 75%),linear-gradient(150deg,#3d4048,#545863)}
.idea-orb{background:radial-gradient(circle at 30% 20%,#dbdcde,#bdbec2 32%,#7a7f8d 65%,#40434b);box-shadow:inset 3px 4px 10px #d2d3d570,inset -10px -7px 20px #33353b55,18px 28px 25px #22232755}
.art-design{background:linear-gradient(155deg,#c1c3c7,#676c79)}.wireframe{background:#dbdcdf;border-color:#e9e9ea;color:#4e515b}.wireframe>span{background:#969aa6}.wireframe i{background:#b5b8c0}.wireframe i:nth-child(2){background:#a6aab4}.wireframe i:nth-child(3){background:#7a7f8d}
.art-launch{background:radial-gradient(ellipse at 75% 40%,#9fa2ad66,transparent 70%),#40434c}.launch-ring{border-color:#a4a8b2;box-shadow:inset 4px 4px 10px #27292ebb,6px 10px 20px #24262b88,3px 1px 0 #dddee0aa}.launch-arrow{color:#d6d7da;text-shadow:4px 5px 0 #7b808f}
.contact{background:radial-gradient(ellipse at 80% 90%,#a7aab444,transparent 60%),linear-gradient(var(--bg),#32343b 55%,#808492 100%)}.contact-copy p{color:#bfc0c4}.contact-product{background:#24262b;border-color:#cdced233}.contact-product .product-sidebar{background:#232429}.contact-product .product-screen{background:radial-gradient(ellipse at 70% 0%,#b8bac277,transparent 65%),linear-gradient(135deg,#5a5e69,#888c99);color:#e6e6e8}.contact-product .screen-content h3{color:#e6e6e8}.contact-product .screen-content p{color:#dfdfe1}.contact-product .aurora-shape{opacity:.35}.contact-dunes{filter:sepia(.65) saturate(1.15) hue-rotate(300deg) brightness(.73)}
.footer{background:#131416}.footer-brand>p,.footer-bottom{color:#9094a0}.footer-column{color:#b1b4bc}.footer-column>span{color:#e3e4e6}
.laptop-poster{filter:sepia(.7) saturate(.8) hue-rotate(307deg)}
@keyframes signature-entrance{from{opacity:0;transform:translateY(5px);filter:blur(3px);letter-spacing:.01em}to{opacity:1;transform:translateY(0);filter:blur(0);letter-spacing:-.035em}}
@keyframes horizon-entrance{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.desktop-nav{gap:18px}.brand{font-size:27px}}
@media(max-width:800px){.mobile-nav{top:72px;background:#202125f5}.brand,.footer-brand .brand{font-size:28px}}
@media(max-width:600px){.nav-wrap{gap:9px}.nav-wrap .brand{font-size:25px;gap:7px}.brand>.brand-mark{width:28px;height:28px}.hero-product .mini-wordmark .brand-mark{width:23px;height:23px}.screen-monogram .brand-mark{width:25px;height:25px}.avatar .brand-mark{width:17px;height:17px}.feature-scenery{background-size:auto 65%,auto 100%,auto}.feature-showcase{box-shadow:3px 3px 0 1px #18191d,4px 4px 0 1px #d2d3d519}}
@media(max-width:370px){.nav-wrap .brand{font-size:22px;gap:5px}.brand>.brand-mark{width:24px;height:24px}.nav-wrap{gap:6px}}
@media(prefers-reduced-motion:reduce){.header .brand-name,.header .brand-mark{animation:none}.header .brand-name:after{transition:none}.js .intro-paragraph{color:#e4e4e6!important}}