@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/font-5.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/font-6.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/font-7.ttf) format('truetype');
}
:root{color-scheme:dark;--bg:#08090b;--text:#f1f2f5;--muted:#92959e;--blue:#bcdcff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #c5e0ff;outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none}.desktop-header{height:112px;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.wordmark{font-family:'Space Grotesk',sans-serif;font-size:32px;font-weight:600;letter-spacing:-2px}.wordmark span{font-weight:400;margin-left:7px;color:#a6a9af}.wordmark sup{font-size:12px;letter-spacing:0;margin-left:5px;vertical-align:top}.header-note,.eyebrow,.desktop-footer,.side-caption{font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:1.7px}.header-note{color:#6f727a}.text-button{background:none;font-size:14px;padding:12px 0}.text-button span{margin-left:22px}.stage{max-width:1440px;margin:auto;min-height:calc(100svh - 192px);display:grid;grid-template-columns:1fr 420px .55fr;gap:65px;align-items:center;padding:20px 6% 40px}.intro{align-self:center}.eyebrow{white-space:nowrap;font-size:11px;letter-spacing:1.3px;color:#bfc1c8;margin-bottom:30px}.little-cross{color:var(--blue);font-size:22px;margin-right:10px;vertical-align:middle}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(38px,3.7vw,59px);font-weight:500;letter-spacing:-2.7px;line-height:1.1;margin:0 0 28px;white-space:nowrap}h1>span{color:#858891}.intro p{color:#979ba5;font-size:16px;line-height:1.9}.intro-bottom{display:flex;gap:14px;align-items:center;color:#bac0cb;font-size:12px;margin-top:58px}.thin-line{width:32px;height:1px;background:#6b7f95}.device{width:374px;height:750px;padding:8px;border-radius:56px;background:linear-gradient(115deg,#656970,#191b20 15%,#0b0d10 60%,#4f5159);box-shadow:0 0 0 1px #777b8255,0 0 0 3px #191b20,15px 25px 70px #000,0 0 100px #86b5ff09;position:relative;justify-self:center}.device:after{content:'';position:absolute;right:-4px;top:190px;width:3px;height:72px;background:#383c44;border-radius:0 2px 2px 0}.screen{height:100%;border-radius:48px;overflow:hidden;position:relative;background:#111722;border:1px solid #030507}.wallpaper{position:absolute;inset:0;background:radial-gradient(ellipse at 0% 75%,#52739a99,transparent 65%),radial-gradient(ellipse at 100% 50%,#a1c2e152,transparent 45%),linear-gradient(145deg,#1c2534,#080d16 60%,#324052);background-size:cover;background-position:center}.wallpaper:after{content:'';position:absolute;inset:0;background:linear-gradient(#02050b20,#02050b00 55%,#02050b66)}.statusbar{height:52px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 26px;font-size:13px;font-weight:650}.island{position:absolute;width:101px;height:27px;background:#050608;left:50%;transform:translateX(-50%);top:10px;border-radius:22px}.island:after{content:'';position:absolute;width:7px;height:7px;background:#122337;border-radius:100%;right:11px;top:10px;box-shadow:inset 0 0 2px #385370}.status-icons{display:flex;gap:6px;align-items:center;font-size:12px}.home{position:relative;padding:17px 23px 26px}.phone-heading{padding:4px 3px 24px}.phone-brand{font-family:'Space Grotesk',sans-serif;font-size:31px;letter-spacing:-1.5px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.phone-brand span{color:#c2d7ed;font-size:26px}.phone-heading p{font-size:13px;color:#bec4ce;margin:5px 0 0}.welcome-widget{display:block;text-align:left;width:100%;padding:18px 19px;background:linear-gradient(120deg,#d6eaff22,#8cabc60a);border:1px solid #c1d9f533;border-radius:23px;backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff10,0 10px 20px #00000016}.widget-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.7px;color:#c2ccd9}.widget-top span{font-size:17px}.welcome-widget strong{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:25px;letter-spacing:-.7px;line-height:1.13;display:block;margin:14px 0 10px}.widget-bottom{font-size:11px;color:#b1becd}.apps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 15px;margin-top:28px}.app-button{background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:12px;text-shadow:0 1px 7px #000}.glass-icon{width:67px;height:67px;border-radius:19px;background:linear-gradient(140deg,#c5e8ff40,#cce3ff0d 45%,#799ac331);border:1px solid #d6e8ff52;box-shadow:inset 0 1px 2px #fff5,inset 0 -2px 5px #89a4cb22,0 8px 13px #0003;backdrop-filter:blur(18px);display:grid;place-items:center;transition:transform .3s,background .3s}.app-button:hover .glass-icon{transform:translateY(-6px) rotate(-3deg);background:linear-gradient(140deg,#d0ecff60,#cce3ff18 45%,#799ac34a)}svg.icon{width:31px;height:31px;stroke:#e0eeff;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 3px #0008)}.app-button:nth-child(2) .icon{stroke:#c9bdff}.app-button:nth-child(3) .icon{stroke:#ffd9ac}.app-button:nth-child(4) .icon{stroke:#bcf5e1}.page-dots{margin:22px 0 19px;display:flex;gap:8px;align-items:center;justify-content:center;font-size:9px;letter-spacing:1.3px;color:#c4cbd5}.page-dots i{width:4px;height:4px;border-radius:50%;background:#e4eeff}.dock{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #b9cde631;border-radius:24px;background:#c1d5f21b;backdrop-filter:blur(20px);box-shadow:inset 0 1px #fff1}.dock button{width:48px;height:48px;border-radius:14px;background:linear-gradient(130deg,#e7f0ff26,#8491a50d);border:1px solid #dceaff30;display:grid;place-items:center}.dock svg{width:23px;height:23px}.dock-label{font-size:11px;line-height:1.5;color:#d5dce7;margin-left:2px}.home-indicator{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);width:110px;height:4px;border-radius:4px;background:#f0f3faab;padding:0;z-index:5}.side-note{font-size:13px;color:#b1b4bc;line-height:1.65;display:flex;flex-direction:column;gap:20px;align-self:center}.orbit-dot{width:8px;height:8px;border:1px solid #b9d9f6;border-radius:100%;box-shadow:0 0 12px #7bbafa55}.side-rule{height:75px;width:1px;background:linear-gradient(#555b65,transparent)}.side-caption{font-size:10px;line-height:1.8;color:#676d77}.desktop-footer{padding:20px 5% 28px;display:flex;justify-content:space-between;align-items:center;color:#61656f;font-size:10px;letter-spacing:1px}.desktop-footer button{color:#8a8f99;font-size:11px}.app-view{position:absolute;inset:52px 0 0;background:#111723f2;backdrop-filter:blur(35px);z-index:3;border-radius:24px 24px 0 0;animation:open .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.app-view[hidden]{display:none}@keyframes open{from{opacity:0;transform:translateY(30px) scale(.94)}to{opacity:1;transform:none}}.app-header{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 18px;border-bottom:1px solid #ffffff10}.app-header button{background:none;color:#c3ddff;font-size:27px;padding:4px}.app-header button span{font-size:14px;vertical-align:3px}.app-header>span{font-size:13px;color:#c4cbd6}.app-content{height:calc(100% - 60px);overflow:auto;padding:27px 23px 42px;scrollbar-width:thin;scrollbar-color:#3a485c transparent}.app-content h2{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:34px;line-height:1.08;letter-spacing:-1.3px;margin:18px 0}.app-content p{font-size:16px;line-height:1.65;color:#aeb8c8}.kicker{font-size:11px;letter-spacing:1.7px;color:#a2cbf9}.detail-icon{display:grid;place-items:center;width:51px;height:51px;border-radius:16px;border:1px solid #d0e7ff40;background:#d8ebff0f;margin-bottom:26px}.detail-icon svg{width:27px}.feature-list{padding:0;list-style:none;margin:25px 0}.feature-list li{padding:14px 0;border-bottom:1px solid #ffffff12;color:#d1d9e5;font-size:14px;display:flex;gap:12px;line-height:1.5}.feature-list li:before{content:'↗';color:#8fb6e7}.primary{padding:15px 18px;background:#c8e0ff;color:#101927;width:100%;display:block;border-radius:14px;text-align:center;font-size:14px;font-weight:600;margin-top:23px}.card{display:block;background:linear-gradient(125deg,#d0e4ff0e,#d0e4ff04);padding:20px;border:1px solid #c5daff22;border-radius:20px;margin:14px 0;text-align:left;width:100%}.card h3{font:500 23px 'Space Grotesk',sans-serif;margin:15px 0 8px}.card p{font-size:14px;margin:8px 0}.card .tag{font-size:10px;letter-spacing:1px;color:#afc4e2}.project-wordmark{height:100px;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:30px;font-weight:700;letter-spacing:-2px;background:#cde1fb08;border-radius:12px}.project-wordmark.riders{font-style:italic;color:#d4edc1}.small{font-size:12px!important}.steps{counter-reset:steps}.steps .card:before{counter-increment:steps;content:'0' counter(steps);font-size:12px;color:#93b5de}textarea{display:block;width:100%;min-height:120px;background:#ffffff08;border:1px solid #ffffff25;border-radius:12px;color:#fff;padding:14px;font:inherit;resize:vertical;margin-top:10px}label{font-size:14px}.notice{font-size:12px!important;border-left:2px solid #8eadd5;padding-left:12px}.wave{height:70px;display:flex;align-items:center;justify-content:center;gap:5px;margin:20px 0}.wave i{height:20px;width:4px;background:#bdb4ff;border-radius:5px;animation:wave 1.4s infinite alternate;animation-delay:calc(var(--i)*-.14s)}@keyframes wave{to{height:55px;opacity:.35}}@media(min-width:1100px) and (max-height:900px){.device{height:700px;width:354px}.stage{grid-template-columns:1fr 365px .45fr;gap:40px;padding-top:0;padding-bottom:18px}.home{padding:9px 21px 20px}.phone-heading{padding-bottom:18px}.welcome-widget{padding:15px 18px}.apps{gap:18px 12px;margin-top:23px}.glass-icon{height:61px;width:61px}.page-dots{margin:18px 0 16px}.desktop-header{height:90px}.desktop-footer{padding-bottom:16px}.stage{min-height:calc(100svh - 150px)}}@media(max-width:1100px){.stage{grid-template-columns:1fr 374px;gap:36px;padding:25px 5%}.side-note{display:none}.header-note{display:none}h1{font-size:43px}.intro p{font-size:15px}.desktop-footer>span:nth-child(2){display:none}}@media(max-width:740px){body{background:#111722}.desktop-header,.intro,.side-note,.desktop-footer{display:none}.stage{display:block;padding:0;min-height:100svh}.device{width:100%;height:100svh;min-height:710px;padding:0;border-radius:0;box-shadow:none;background:none}.device:after{display:none}.screen{border:0;border-radius:0}.statusbar{padding-top:env(safe-area-inset-top);height:calc(48px + env(safe-area-inset-top));padding-left:30px;padding-right:30px}.island{display:none}.home{padding:18px max(26px,calc((100vw - 370px)/2)) 35px}.phone-heading{padding:7px 3px 25px}.phone-brand{font-size:36px}.phone-heading p{font-size:14px}.welcome-widget{padding:20px}.welcome-widget strong{font-size:28px}.apps{gap:25px 19px;margin-top:29px}.glass-icon{width:72px;height:72px;border-radius:21px}.app-button{font-size:13px}.page-dots{margin:24px 0}.dock{padding:14px;justify-content:space-between}.dock button{width:52px;height:52px}.dock-label{font-size:12px}.app-view{inset:calc(48px + env(safe-area-inset-top)) 0 0}.app-content{padding:28px max(25px,calc((100vw - 420px)/2)) 50px}.home-indicator{bottom:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.wallpaper{background-image:linear-gradient(180deg,#07101099,transparent 42%,#07110f55),url('wallpaper.jpg');background-size:cover;background-position:center;filter:saturate(.78) hue-rotate(22deg)}.app-button{font-size:14px}.widget-bottom{font-size:12px}.widget-top{font-size:12px}.dock-label{font-size:12px}.eyebrow{font-size:12px}.side-caption{font-size:12px}.desktop-footer{font-size:12px}.desktop-footer button{font-size:12px}.page-dots{font-size:10px}.header-note{font-size:12px}.app-content .tag{font-size:12px}.kicker{font-size:12px;line-height:1.6}.app-header>span{font-size:14px}@media(max-width:370px){.home{padding-left:22px;padding-right:22px}.glass-icon{width:64px;height:64px}.app-button{font-size:12px}.dock{gap:8px}.dock button{width:45px;height:45px}.dock-label{font-size:11px}}@media(min-width:741px){.home{padding-top:12px}.phone-heading{padding-bottom:18px}.apps{margin-top:23px;gap:20px 12px}.page-dots{margin:18px 0}.welcome-widget strong{margin:10px 0}.dock{gap:9px}.dock-label{font-size:11px}}.welcome-widget:hover{border-color:#c8f5df6b}.primary:hover{background:#e0fff0}.card:hover{border-color:#c5f5dd55}

/* SMALLWIND: quiet movement carried through translucent floating tiles. */
:root{--blue:#c9f5df}.wordmark{letter-spacing:-1.8px}.backdrop-type{z-index:-2;font-size:clamp(105px,19vw,285px);color:#1b2523;background:linear-gradient(180deg,#496058 -50%,#111816 90%);-webkit-background-clip:text;background-clip:text}.backdrop-type span{letter-spacing:.18em;margin-left:.2em;color:#101815}.phone-brand span{color:#d7ffe9;font-size:28px}.statusbar,.home{z-index:1}.ambient-tiles{position:absolute;inset:0;z-index:-1;pointer-events:none;perspective:900px}.ambient-tiles i{position:absolute;width:94px;height:94px;border-radius:28px;border:1px solid #d8ffeb1f;background:linear-gradient(145deg,#dbffec18,#95c9b508 58%,#d2ffeb12);box-shadow:inset 0 1px 0 #ffffff2b,0 30px 70px #0007;backdrop-filter:blur(18px);--r:0deg;animation:ambient-drift 15s ease-in-out infinite alternate}.ambient-tiles i:after{content:'〰';position:absolute;inset:0;display:grid;place-items:center;color:#d8ffea76;font:300 32px 'Space Grotesk',sans-serif}.ambient-tiles i:nth-child(1){left:10%;top:13%;--r:-16deg;animation-delay:-4s}.ambient-tiles i:nth-child(2){right:12%;top:18%;width:68px;height:68px;--r:13deg;animation-duration:12s}.ambient-tiles i:nth-child(3){left:17%;bottom:15%;width:64px;height:64px;--r:9deg;animation-delay:-9s}.ambient-tiles i:nth-child(4){right:18%;bottom:13%;width:112px;height:112px;--r:-12deg;animation-duration:18s}.ambient-tiles i:nth-child(5){left:31%;top:38%;width:46px;height:46px;--r:18deg;animation-duration:11s;opacity:.7}.ambient-tiles i:nth-child(6){right:31%;top:51%;width:54px;height:54px;--r:-7deg;animation-delay:-6s;opacity:.65}.wind-tiles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;perspective:600px}.wind-tiles i{position:absolute;width:76px;height:76px;border-radius:22px;border:1px solid #dfffee2e;background:linear-gradient(145deg,#ddffed21,#a8d8c507 54%,#b6ffe11c);box-shadow:inset 0 1px 0 #ffffff38,0 15px 38px #00140d35;backdrop-filter:blur(10px);animation:tile-drift 10s ease-in-out infinite alternate;opacity:.52}.wind-tiles i:after{content:'';position:absolute;left:19px;right:19px;top:50%;height:1px;background:linear-gradient(90deg,transparent,#dcffecaa,transparent);box-shadow:0 -7px 0 #d9ffee55,0 7px 0 #d9ffee55}.wind-tiles i:nth-child(1){left:-25px;top:115px;--r:-18deg;animation-duration:12s}.wind-tiles i:nth-child(2){right:-28px;top:205px;width:92px;height:92px;--r:14deg;animation-duration:14s;animation-delay:-5s}.wind-tiles i:nth-child(3){left:40px;top:415px;width:55px;height:55px;--r:11deg;animation-duration:9s;animation-delay:-3s}.wind-tiles i:nth-child(4){right:48px;top:500px;width:62px;height:62px;--r:-12deg;animation-duration:13s;animation-delay:-8s}.wind-tiles i:nth-child(5){left:135px;top:280px;width:42px;height:42px;--r:20deg;animation-duration:11s;animation-delay:-2s;opacity:.32}.wind-tiles i:nth-child(6){right:110px;bottom:35px;width:48px;height:48px;--r:-8deg;animation-duration:15s;animation-delay:-10s;opacity:.35}@keyframes tile-drift{0%{transform:translate3d(-6px,10px,0) rotate(var(--r)) rotateX(7deg)}50%{transform:translate3d(8px,-8px,20px) rotate(calc(var(--r) + 5deg)) rotateX(-4deg)}100%{transform:translate3d(-2px,-24px,8px) rotate(calc(var(--r) - 4deg)) rotateX(5deg)}}@keyframes ambient-drift{0%{transform:translate3d(-8px,15px,-10px) rotate(var(--r)) rotateX(8deg)}50%{transform:translate3d(14px,-18px,25px) rotate(calc(var(--r) + 7deg)) rotateX(-5deg)}100%{transform:translate3d(-3px,-34px,10px) rotate(calc(var(--r) - 5deg)) rotateX(6deg)}}.welcome-widget,.dock,.glass-icon{border-color:#d9ffeb38}.glass-icon{background:linear-gradient(140deg,#d9ffeb48,#d2f7e90b 47%,#74aa9840)}.kicker,.app-header button{color:#aee8ce}@media(max-width:740px){.ambient-tiles{display:none}.wind-tiles i{opacity:.42}.backdrop-type{display:none}}@media(prefers-reduced-motion:reduce){.ambient-tiles i,.wind-tiles i{animation:none!important}}
/* The studio is the object. The interface is the invitation. */
body{background:#050608}.desktop-header{height:88px;position:relative;z-index:2}.header-note{font-size:10px;letter-spacing:2px}.stage{display:flex;align-items:center;justify-content:center;position:relative;min-height:calc(100svh - 155px);padding:18px 0 35px;isolation:isolate;overflow:hidden}.backdrop-type{position:absolute;z-index:-1;left:50%;top:48%;transform:translate(-50%,-50%);font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:clamp(150px,24.5vw,400px);letter-spacing:-.08em;line-height:.72;white-space:nowrap;color:#202329;user-select:none;background:linear-gradient(180deg,#4a4f57 -50%,#14171b 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.backdrop-type span{display:block;text-align:center;font-size:.65em;letter-spacing:.24em;margin-left:.29em;margin-top:.18em;color:#12151b}.device{transform:rotate(-5deg);transition:transform .65s cubic-bezier(.2,.7,.2,1);box-shadow:0 0 0 1px #7b838e66,0 0 0 3px #171b21,30px 40px 90px #000,0 0 130px #93c2ff12}.device:hover,.device:focus-within{transform:rotate(0deg)}.device:has(.app-view:not([hidden])){transform:rotate(0deg)}.wallpaper{background-image:linear-gradient(180deg,#06101938,transparent 65%,#07101b33),url('wallpaper.jpg');background-position:50% 54%}.phone-heading{padding-bottom:24px}.phone-brand{font-size:32px}.welcome-widget{background:linear-gradient(115deg,#bcdfff15,#a6cfff04);backdrop-filter:blur(8px);border-color:#c1d9f524;padding:17px 18px}.welcome-widget strong{font-size:29px;letter-spacing:-1.1px}.widget-bottom{display:none}.widget-top{font-size:10px}.apps{margin-top:34px;gap:25px 15px}.glass-icon{background:linear-gradient(140deg,#d6eaff50,#cce3ff0b 47%,#799ac340);box-shadow:inset 0 1px 2px #fff6,inset 0 -3px 7px #89a4cb22,0 9px 15px #0005;backdrop-filter:blur(15px)}.app-button{font-size:12px}.page-dots{margin:25px 0 20px}.dock{background:#c1d5f214}.desktop-footer{position:relative;z-index:2;font-size:10px;padding-top:10px}.desktop-footer button{font-size:11px}.app-content h2{font-size:37px}.app-content .feature-list{margin:22px 0}.app-content p{font-size:15px}.app-content .feature-list li{font-size:14px}.card p{font-size:14px}.phone-heading p{font-size:12px;color:#c4cfdd}@media(min-width:741px) and (max-height:900px){.device{height:685px;width:348px}.stage{min-height:calc(100svh - 145px);padding-top:6px;padding-bottom:23px}.phone-heading{padding-bottom:18px}.welcome-widget strong{font-size:27px}.apps{margin-top:26px;gap:20px 12px}.glass-icon{width:62px;height:62px}.page-dots{margin:23px 0 17px}.dock{padding:11px}.home{padding-top:10px}.desktop-header{height:76px}}@media(max-width:740px){.stage{padding:0;min-height:100svh;overflow:visible;display:block}.backdrop-type{display:none}.device{width:100%;height:100svh;min-height:730px;transform:none!important;box-shadow:none}.phone-heading{padding-top:6px;padding-bottom:29px}.phone-brand{font-size:36px}.phone-heading p{font-size:14px}.welcome-widget{padding:22px}.welcome-widget strong{font-size:33px}.apps{margin-top:34px;gap:27px 15px}.glass-icon{width:74px;height:74px}.app-button{font-size:14px}.page-dots{margin:26px 0}.dock{padding:14px}.app-content p{font-size:16px}}@media(prefers-reduced-motion:reduce){.device{transform:none!important}}@media(min-width:741px) and (max-width:900px){.backdrop-type{font-size:27vw}}
/* Native app surfaces */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.experience-content{padding:0!important;scrollbar-width:none;background:#0e1015}.native-bar{display:flex;align-items:center;justify-content:space-between;padding:19px 20px 15px}.native-bar strong{font-family:'Space Grotesk',sans-serif;font-size:18px;letter-spacing:-.5px}.native-bar>span{font-size:9px;letter-spacing:1.15px;color:#747c8a}.subtle-button{background:none;display:block;font-size:13px;padding:14px 4px;color:#b9c5d8;text-align:center;width:100%}.subtle-button:hover{color:white}.segmented{display:flex;padding:3px;background:#ffffff08;border:1px solid #ffffff09;border-radius:9px;gap:3px}.segmented button{flex:1;min-width:0;background:transparent;border-radius:6px;padding:9px 5px;font-size:12px;color:#8e96a5;transition:background .2s}.segmented button[aria-pressed=true],.segmented button[aria-selected=true]{background:#343943;color:#fff;box-shadow:0 2px 4px #0003}.demo-pill{font-size:9px;letter-spacing:1px;border:1px solid #ffffff20;border-radius:5px;padding:5px 7px;color:#939baa}.app-view[data-app=contact]{background:#000}.app-view[data-app=contact] .app-header{background:#161616;border-color:#333}.app-view[data-app=contact] .app-header button{color:#5fa6ff}.app-view[data-app=contact] .experience-content{background:#000;overflow:hidden}.messages-app{height:100%;display:flex;flex-direction:column}.message-profile{background:#161616;display:flex;align-items:center;flex-direction:column;padding:4px 12px 15px;gap:4px;border-bottom:1px solid #292929}.contact-avatar{display:grid;place-items:center;width:49px;height:49px;border-radius:50%;font:600 28px 'Space Grotesk',sans-serif;background:linear-gradient(#a3a7af,#6a6c72);color:white}.message-profile strong{font-size:13px;font-weight:500;margin-top:3px}.message-profile strong span{color:#83848a}.message-profile small{font-size:10px;color:#8e8f96}.chat-thread{flex:1;overflow-y:auto;min-height:0;padding:15px 15px 22px;scrollbar-width:none}.chat-date{text-align:center;font-size:10px;color:#75767d;margin-bottom:20px;letter-spacing:1px}.bubble{width:fit-content;max-width:87%;padding:11px 14px;border-radius:19px;font-size:14px;line-height:1.45;margin-bottom:10px;overflow-wrap:anywhere;animation:bubble-in .2s ease-out}.bubble.received{background:#29292c;color:#f4f4f7;border-bottom-left-radius:5px}.bubble.sent{background:#157cf6;margin-left:auto;border-bottom-right-radius:5px}.quick-replies{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.quick-replies button{background:#101b2c;color:#7eb6ff;border:1px solid #2d4769;border-radius:20px;padding:8px 11px;font-size:12px}.quick-replies button:hover{background:#183152}.chat-bottom{padding:10px 14px 29px;background:#080808;border-top:1px solid #222}.message-composer{display:flex;border:1px solid #4a4a4e;border-radius:24px;align-items:center;padding:5px 5px 5px 13px;gap:8px}.message-composer input{width:100%;min-width:0;background:none;border:0;color:#fff;font:inherit;font-size:14px;padding:5px 0;outline:none}.message-composer button{border-radius:50%;background:#2587ff;font-size:23px;line-height:1;width:30px;height:30px;flex-shrink:0}.chat-bottom>small{display:block;color:#73747c;font-size:10px;text-align:center;margin-top:8px}.chat-mail{display:block;color:#77b2ff;font-size:13px;text-align:center;margin:0 0 13px}.chat-mail[hidden]{display:none}@keyframes bubble-in{from{transform:translateY(7px);opacity:0}to{transform:none;opacity:1}}
/* A compact design editor */
.design-app{padding-bottom:25px;background:#17191e;min-height:100%}.design-toolbar{padding:10px 17px;display:flex;justify-content:space-between;border-block:1px solid #ffffff0d;font-size:11px;color:#949aa7;background:#1d2027}.tool-divider{padding:0 7px;color:#515865}.artboard-wrap{background-color:#101216;background-image:radial-gradient(#ffffff1e .7px,transparent .7px);background-size:12px 12px;padding:25px 40px}.artboard{--art-color:#c7fb70;--art-bg:#151918;--art-ink:#18221a;background:var(--art-color);color:var(--art-ink);aspect-ratio:1/.99;position:relative;padding:16px;box-shadow:0 15px 20px #0003;transition:background .25s,color .25s;display:flex;flex-direction:column}.artboard-label{font-size:7px;letter-spacing:.6px}.design-mark{font:500 62px 'Space Grotesk',sans-serif;line-height:1;margin:15px 0 8px}.selected-type{position:relative;border:1px solid #634dff;align-self:stretch;padding:3px;line-height:1.02}.selected-type strong{display:block;font-size:26px;letter-spacing:-1.3px;overflow-wrap:anywhere}.handle{position:absolute;width:5px;height:5px;border:1px solid #634dff;background:white}.handle.h1{left:-3px;top:-3px}.handle.h2{right:-3px;top:-3px}.handle.h3{left:-3px;bottom:-3px}.handle.h4{right:-3px;bottom:-3px}.artboard-footer{display:flex;justify-content:space-between;align-items:center;margin-top:17px;font-size:7px;letter-spacing:.3px}.artboard-footer>span:last-child{font-size:20px}.artboard.alternate .design-mark{align-self:flex-end;transform:rotate(22deg);margin-bottom:5px}.artboard.alternate .selected-type{text-align:center}.inspector{padding:17px 20px}.inspector-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.inspector-title strong{font-size:15px}.inspector-title>span{font-size:10px;color:#8d95a2}.inspector>label,.control-label{font-size:11px;color:#c0c5ce}.inspector>input{margin:7px 0 14px;width:100%;border:1px solid #ffffff18;border-radius:7px;background:#101217;padding:10px 11px;color:#f4f4f7;font:inherit;font-size:13px}.control-label{display:flex;justify-content:space-between;margin-bottom:9px}.control-label span{color:#8c95a6;font-size:11px}.swatches{display:flex;gap:13px;margin-bottom:17px}.swatches button{width:31px;height:31px;background:var(--swatch);border:3px solid #17191e;border-radius:50%;outline:1px solid transparent}.swatches button[aria-pressed=true]{outline-color:#cdd6e5}.design-actions{display:flex;gap:10px;margin-top:7px}.design-actions button{font-size:11px}.inspector .primary{margin:6px 0 0;padding:12px;font-size:13px}
/* An editor becomes a website */
.web-app{min-height:100%;padding-bottom:25px;background:#111319}.web-tabs{margin:0 17px 16px}.editor-file{font-size:11px;background:#1c1f27;padding:11px 18px;border-top:1px solid #ffffff0e;color:#cad1df;display:flex;gap:10px;align-items:center}.editor-file>span{color:#aac794;font-size:9px}.editor-file i{font-size:7px;color:#71798a;font-style:normal}.code-editor{display:flex;gap:12px;padding:20px 12px 22px 13px;background:#111319;overflow-x:auto}.code-editor pre{padding:0;margin:0;font:10px/1.95 ui-monospace,SFMono-Regular,Consolas,monospace;color:#d4dcea;white-space:pre;tab-size:2}.line-numbers{font:10px/1.95 ui-monospace,monospace;color:#464d5c;text-align:right}.code-muted{color:#697281}.code-purple{color:#bc9aff}.code-yellow{color:#e7d5a0}.code-green{color:#99d3a8}.code-blue{color:#8ebff0}.code-orange{color:#eab996}.terminal{border-block:1px solid #ffffff10;padding:14px 18px;background:#0d0f14}.terminal>span{font-size:9px;color:#909cad;letter-spacing:1.4px}.terminal p{font:10px/1.6 ui-monospace,monospace;color:#a2c3a9;margin:10px 0 0}.web-bottom{padding:18px 20px}.web-bottom h3{font:500 24px 'Space Grotesk',sans-serif;margin:0 0 8px;letter-spacing:-.8px}.web-bottom p{font-size:13px;margin:0 0 12px;color:#9ba5b6}.web-bottom .primary{font-size:13px;padding:13px;margin-top:15px}.web-bottom small{display:block;font-size:10px;text-align:center;color:#6d788b;margin-top:12px}.mini-browser{margin:0 16px;border:1px solid #ffffff20;border-radius:12px;overflow:hidden}.address-bar{background:#262b35;font-size:10px;color:#adb9cc;padding:10px;display:flex;justify-content:space-between}.mini-site{background:#e8ee83;color:#22270d;min-height:360px}.north-nav{display:flex;justify-content:space-between;align-items:center;padding:19px 17px 15px}.north-nav strong{font:700 20px 'Space Grotesk',sans-serif;letter-spacing:-1px}.north-nav strong span{font-size:7px;vertical-align:top;padding-left:2px}.north-nav>span{font-size:7px;letter-spacing:1px}.north-links{display:flex;border-block:1px solid #23271225;margin:0 17px}.north-links button{background:none;color:#505829;font-size:10px;padding:9px 12px 9px 0;flex:1;text-align:left}.north-links button[aria-pressed=true]{font-weight:700;color:#151d03}.north-hero{padding:20px 17px}.north-hero small,.north-inner small{font-size:7px;letter-spacing:1.1px}.north-hero h3{font:600 46px/.93 'Space Grotesk',sans-serif;letter-spacing:-2.3px;margin:18px 0 22px}.north-hero h3 span{color:#5d682b}.north-hero button,.north-inner button{background:#22280f;color:#edf2b3;border-radius:4px;padding:11px 13px;font-size:11px}.north-index{display:block;font-size:6px;letter-spacing:1px;margin-top:29px;color:#59632f}.north-inner{padding:22px 17px}.north-inner h3{font:600 37px/1 'Space Grotesk',sans-serif;letter-spacing:-1.9px;margin:15px 0 23px}.north-inner>div{font-size:9px;color:#6a713b;border-top:1px solid #23271230;padding:12px 0}.north-inner strong{font-size:12px;color:#2d3613;margin-left:10px}.north-inner button{margin-top:15px}.north-inner p{font-size:13px;color:#495226;line-height:1.5}.work-heading{padding:7px 22px 16px}.work-heading h2{font-size:29px}.work-heading .kicker{font-size:10px}.work-row{width:calc(100% - 32px);margin:0 16px 10px;background:#1c2029;border:1px solid #ffffff0d;border-radius:14px;display:flex;align-items:center;gap:12px;text-align:left;padding:15px 12px}.work-avatar{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;background:#31394b;border-radius:10px;color:#c1d7f7;font:600 23px 'Space Grotesk',sans-serif}.work-row>span:nth-child(2){flex:1}.work-row strong{font-size:13px;font-weight:550}.work-row small{display:block;font-size:10px;color:#939fb1;margin-top:5px;line-height:1.4}.work-row>span:last-child{font-size:14px;color:#99a9c1}.riders-avatar{color:#d0e7ba;background:#30392b;font-style:italic}.voice-avatar{background:#352e4b}.voice-avatar svg{width:26px;stroke:#c8b4ff}
/* Workflow canvas and node inspector */
.flow-app{background:#17191f;min-height:100%;padding-bottom:25px}.flow-toolbar{padding:8px 17px 13px;display:flex;justify-content:space-between;align-items:center}.flow-toolbar select,.voice-top select{border:1px solid #ffffff20;border-radius:7px;background:#252933;color:#d9e1ed;padding:8px;font:inherit;font-size:12px;max-width:65%}.workflow-canvas{position:relative;height:310px;background-color:#101217;background-image:radial-gradient(#454958 1px,transparent 1px);background-size:16px 16px;border-block:1px solid #ffffff0e;overflow:hidden}.flow-connections{position:absolute;width:100%;height:280px;left:0;top:0;fill:none;stroke:#676779;stroke-width:2;stroke-dasharray:4 4;pointer-events:none}.flow-node-grid{position:relative;height:282px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);padding:13px 20px 0;gap:0 35px}.workflow-node{background:none;text-align:center;padding:0;align-self:center;justify-self:center;position:relative;z-index:1;width:118px}.node-0{grid-column:1;grid-row:1}.node-1{grid-column:2;grid-row:2}.node-2{grid-column:1;grid-row:3}.node-3{grid-column:2;grid-row:3}.node-icon{margin:auto;display:grid;place-items:center;width:49px;height:49px;border:1px solid #717281;border-radius:12px;background:#25272f;box-shadow:0 3px 8px #0005;position:relative;transition:border-color .2s,box-shadow .2s}.node-icon .icon{width:24px;height:24px;stroke:#ffab98}.node-icon i{position:absolute;bottom:-4px;right:-5px;font:normal 9px ui-monospace,monospace;background:#525562;color:#fff;border-radius:3px;min-width:14px;height:14px;display:grid;place-items:center}.workflow-node strong{font-size:9px;display:block;font-weight:500;color:#c8cbd4;margin-top:7px;white-space:nowrap}.workflow-node.selected .node-icon{border-color:#ff947a;box-shadow:0 0 0 4px #ff947a17}.workflow-node.executed .node-icon{border-color:#87c99a}.workflow-node.executed .node-icon i{background:#397852}.node-3:before{content:'';position:absolute;width:40px;top:25px;left:-38px;border-top:2px dashed #676779;z-index:-1}.canvas-caption{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:1.2px;color:#5f6979}.flow-inspector{padding:17px 20px;min-height:153px;border-bottom:1px solid #ffffff0e}.node-detail-label{font-size:9px;letter-spacing:1px;color:#d69887;display:flex;justify-content:space-between}.node-detail-label>span{font-size:8px;color:#7c8796}.flow-inspector h3{font:500 21px 'Space Grotesk',sans-serif;margin:10px 0 7px;letter-spacing:-.5px}.flow-inspector p{font-size:13px;margin:0;color:#9ea7b7;line-height:1.6}.node-output{font:10px/1.5 ui-monospace,monospace;color:#b7d9be;margin-top:12px;padding:8px 10px;background:#76be8910;border-left:2px solid #76be89}.flow-controls{padding:14px 20px 2px}.flow-run{width:100%;background:#ed846d;color:#28110b;padding:12px;border-radius:8px;font-weight:600;font-size:12px}.flow-run:disabled{opacity:.7;cursor:wait}.flow-run-status{font-size:10px;color:#969dac;text-align:center;padding:11px 0 0;line-height:1.5}.flow-controls .subtle-button{font-size:12px}
/* Voice call experience */
.voice-app{padding-bottom:23px;min-height:100%;background:radial-gradient(ellipse at 50% 18%,#302c4e 0%,transparent 46%),#101017}.voice-top{display:flex;align-items:center;justify-content:space-between;padding:2px 19px 0;gap:8px}.voice-top .demo-pill{font-size:8px;white-space:nowrap}.voice-agent{display:flex;flex-direction:column;align-items:center;padding:25px 15px 12px}.voice-orb{width:103px;height:103px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 22%,#eadfff8c,#9383da20 45%,#c1b4f914 70%);box-shadow:inset 0 1px 6px #ede6ff88,inset 0 -5px 13px #6457a27a,0 0 35px #9680ee33;border:1px solid #cfbcff44;transition:box-shadow .3s}.voice-orb.speaking{box-shadow:inset 0 1px 6px #ede6ff88,0 0 50px #b599ff88}.orb-wave{display:flex;align-items:center;gap:4px;height:40px}.orb-wave i{width:3px;height:calc(8px + (var(--i) * 3px));max-height:32px;background:#e3dbff;border-radius:4px}.speaking .orb-wave i{animation:orb-bar .5s infinite alternate;animation-delay:calc(var(--i)*-.1s)}@keyframes orb-bar{to{height:8px;opacity:.6}}.voice-agent h2{font-size:34px;margin:11px 0 7px;letter-spacing:-1px}.voice-agent>span{font-size:11px;color:#b0a9c9;text-align:center;min-height:16px}.voice-call-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin:8px 0 19px}.call-control{width:39px;height:39px;border-radius:50%;background:#ffffff0c;border:1px solid #ffffff20;color:#d0c8e3;font-size:19px;display:grid;place-items:center}.call-control svg{width:19px;height:19px;stroke:#d0c8e3}.call-control:disabled{opacity:.3;cursor:default}.call-control.listening{background:#8169b5;box-shadow:0 0 0 5px #a58dd326}.call-start{display:flex;align-items:center;gap:8px;border-radius:24px;background:#c9b5f3;color:#211c2e;padding:12px 16px;font-size:12px;font-weight:600}.call-start svg{width:20px;height:20px;stroke:#211c2e}.call-start.in-call{background:#d87880;color:#210e13}.voice-transcript{height:155px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#514963 transparent;border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c;padding:14px 20px;background:#08090e33}.voice-transcript>p{font-size:13px;color:#8e86a3;text-align:center;padding:24px 0}.voice-line{margin-bottom:14px}.voice-line strong{font-size:8px;letter-spacing:1px;color:#c1ade5}.voice-line p{font-size:12px;color:#c1bfd2;line-height:1.6;margin:5px 0 0}.voice-line.user strong{color:#9ebee6}.voice-line.user p{color:#a4b9d4}.voice-choices{display:flex;gap:6px;padding:12px 17px 0;flex-wrap:wrap}.voice-choices[hidden],.voice-input[hidden]{display:none}.voice-choices button{border:1px solid #cbb4fb2b;background:#cbb4fb0c;border-radius:20px;padding:7px 10px;font-size:10px;color:#c9b9e5}.voice-input{margin:10px 17px 0;border:1px solid #ffffff25;border-radius:10px;display:flex;padding:5px;align-items:center;gap:6px}.voice-input input{border:0;background:none;color:#e6dfff;width:100%;min-width:0;padding:6px;font:inherit;font-size:12px}.voice-input button{background:#b5a0d3;color:#231a31;border-radius:6px;width:29px;height:29px;font-size:20px}.voice-privacy{font-size:9px!important;color:#797184!important;padding:12px 21px 0;margin:0!important;line-height:1.6!important}.voice-app>.subtle-button{font-size:11px;margin-top:3px;padding-inline:15px}
@media(max-width:740px){.native-bar{padding-top:22px}.native-bar strong{font-size:21px}.native-bar>span{font-size:10px}.bubble{font-size:16px}.message-profile small{font-size:11px}.message-profile{padding-bottom:17px}.message-profile strong{font-size:14px}.message-composer input{font-size:16px}.chat-bottom>small{font-size:11px}.quick-replies button{font-size:13px}.artboard-wrap{padding:30px 50px}.artboard-label,.artboard-footer{font-size:8px}.design-mark{font-size:74px}.selected-type strong{font-size:31px}.inspector-title>span{font-size:11px}.inspector>label,.control-label{font-size:13px}.inspector>input{font-size:16px}.segmented button{font-size:13px}.code-editor pre,.line-numbers{font-size:11px}.code-editor{padding:22px 17px;gap:13px}.terminal p{font-size:11px}.mini-site{min-height:400px}.north-hero h3{font-size:53px}.north-links button{font-size:12px}.north-hero button,.north-inner button{font-size:13px}.north-inner p{font-size:14px}.workflow-node strong{font-size:11px}.flow-node-grid{gap:0 45px}.node-icon{width:53px;height:53px}.flow-inspector p{font-size:14px}.flow-inspector h3{font-size:24px}.flow-run{font-size:14px}.flow-toolbar select,.voice-top select{font-size:14px}.voice-agent{padding-top:31px}.voice-orb{width:125px;height:125px}.voice-agent h2{font-size:40px}.voice-agent>span{font-size:13px}.call-start{font-size:14px}.voice-transcript{height:178px}.voice-line p{font-size:14px}.voice-choices button{font-size:12px}.voice-input input{font-size:16px}.voice-privacy{font-size:11px!important}.voice-app>.subtle-button{font-size:13px}.chat-mail{font-size:14px}.voice-choices{padding-top:15px}.flow-run-status{font-size:11px}.workflow-canvas{height:324px}.canvas-caption{font-size:8px}.node-detail-label{font-size:10px}.node-detail-label>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.voice-orb.speaking .orb-wave i{animation:none}}
.files-app{min-height:100%;background:#121317;padding-bottom:30px}.files-heading{padding:5px 21px 18px}.files-heading h2{font-size:31px;margin:8px 0}.files-heading>span{font-size:11px;color:#848c99}.file-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 20px 24px}.project-file{background:none;text-align:left;padding:0}.file-cover{aspect-ratio:1/.97;border-radius:14px;padding:15px;display:flex;flex-direction:column;justify-content:space-between;background:#293340;color:#b6cce8;border:1px solid #d8e6fc21}.file-cover>span{font:700 58px 'Space Grotesk',sans-serif;letter-spacing:-4px}.file-cover small{font-size:7px;letter-spacing:.7px}.riders-cover{background:#303b2d;color:#d7eabe}.riders-cover>span{font-style:italic}.project-file>strong{font-size:14px;display:block;margin-top:11px}.project-file>small{font-size:10px;display:block;color:#969eac;margin-top:5px}.file-section-label{padding:0 21px 12px;font-size:9px;letter-spacing:1px;color:#747f90}.files-note{font-size:11px;line-height:1.6;color:#747e8d;padding:14px 22px}.products-app{background:#14131c;min-height:100%;padding-bottom:20px}.product-hero{padding:14px 24px 27px;text-align:center;background:radial-gradient(ellipse at 50% 35%,#6b508d33,transparent 70%)}.product-symbol{display:grid;place-items:center;margin:0 auto 27px;width:81px;height:81px;border-radius:25px;background:linear-gradient(140deg,#c0a3f063,#bea5ee08);border:1px solid #d2bafd5e;box-shadow:inset 0 1px 3px #ecd8ff5e,0 9px 20px #0003}.product-symbol svg{width:38px;height:38px;stroke:#ddc9ff}.product-hero .kicker{font-size:9px;color:#c1a8da}.product-hero h2{font-size:38px;margin:14px 0}.product-hero p{font-size:14px;color:#a49ab8}.product-demo{background:#d0b9ee;color:#2a1d3b;border-radius:20px;font-size:12px;padding:12px 20px;margin-top:10px}.product-specs{padding:0 22px}.product-specs>div{border-top:1px solid #ffffff10;padding:14px 0;display:flex;gap:13px;align-items:center}.product-specs span{font:10px ui-monospace,monospace;color:#846f9b}.product-specs strong{font-size:13px;font-weight:400;color:#c4bbd2}.notes-app{background:#191918;min-height:100%;padding:0 23px 30px}.notes-toolbar{padding:18px 0;color:#dfbd64;display:flex;justify-content:space-between;font-size:13px}.note-date{font-size:9px;color:#74746e;display:block;text-align:center;margin:16px 0 27px;letter-spacing:.8px}.notes-app h2{font-size:35px;letter-spacing:-1px;margin-bottom:20px}.notes-app p{font-size:15px;color:#c6c6bb;line-height:1.7}.note-rule{width:40px;height:1px;background:#707064;margin:22px 0}.note-checklist{padding:13px 0}.note-checklist>div{font-size:12px;margin:12px 0;color:#d7d7cf;display:flex;gap:9px}.note-checklist span{color:#d9b961}.note-signature{font-family:'Space Grotesk',sans-serif;color:#e1ddcf!important;font-size:19px!important;margin-top:23px}.notes-app>button{background:none;color:#dfbd64;font-size:13px;padding:10px 0}
.flow-connections{height:100%}.node-3:before{display:none}
/* A balanced dock, with one visual rhythm for all three destinations. */
.dock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:11px 12px 10px;border-radius:24px;background:linear-gradient(140deg,#d7eaff24,#a0bfe00d);border:1px solid #dceaff38;box-shadow:inset 0 1px 0 #fff2,0 8px 24px #0002}.dock button{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;gap:7px;padding:0;background:none;border:0;border-radius:12px;color:#dce7f5;font-size:11px;font-weight:450}.dock-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;border:1px solid #dceaff32;background:linear-gradient(140deg,#dfedff28,#bdcfea08);box-shadow:inset 0 1px 1px #ffffff24;transition:transform .25s,background .25s}.dock button:hover .dock-icon{transform:translateY(-3px);background:#dceaff30}.dock svg{width:22px;height:22px}.footer-legal{display:flex;gap:20px;align-items:center;font-size:11px;color:#929aa6}.footer-legal a:hover{color:#e6eef9}.glass-icon{background:linear-gradient(135deg,#e0efff37,#bfd5f20d 50%,#86a8d329);border-color:#e0edff4a;box-shadow:inset 0 1px 1px #fff5,inset 0 -1px 3px #9bb9de20,0 8px 17px #0003}.glass-icon svg{stroke-width:1.35}.app-view{background:linear-gradient(150deg,#192433ed,#0d131ded);backdrop-filter:blur(38px) saturate(125%)}.experience-content{background:transparent}.design-app,.web-app,.flow-app,.files-app{background:linear-gradient(145deg,#1d2833b8,#10171ee8)}.native-bar{background:#d7eaff05;border-bottom:1px solid #dceaff0b}.segmented{background:#d8e8ff08;border-color:#dceaff17;box-shadow:inset 0 1px 0 #fff05}.segmented button[aria-selected=true],.segmented button[aria-pressed=true]{background:linear-gradient(140deg,#dceaff28,#dceaff0f);border:1px solid #dceaff16}.inspector,.flow-inspector{background:linear-gradient(130deg,#d5eaff0b,#d5eaff02);border-top:1px solid #dceaff16}.work-row{background:linear-gradient(135deg,#dceaff14,#dceaff05);border-color:#dceaff1c}.app-header{background:#d2e6ff06;backdrop-filter:blur(25px);border-color:#dceaff16}.app-content .primary{background:linear-gradient(130deg,#d8eaff,#b8cfe9);box-shadow:inset 0 1px 1px #fff9,0 5px 18px #0002}.app-view[data-app=contact]{background:#0a0c10ee}.app-view[data-app=contact] .app-header,.message-profile{background:#20262cdc}.chat-bottom{background:#111821e8}.messages-app{background:#070a0fe8}
/* Direct design presets and restrained opening motion. */
.design-presets{display:flex;gap:7px;padding:13px 17px;background:#dceaff04}.design-presets button{flex:1;padding:9px 6px;border:1px solid #dceaff24;border-radius:10px;background:linear-gradient(140deg,#dceaff16,#dceaff05);color:#c5d2e5;font-size:11px;white-space:nowrap}.design-presets button[aria-pressed=true]{border-color:#cbdffd88;background:#dceaff25;color:white}.design-toolbar{display:none}.artboard-wrap{padding:20px 46px;background-color:#0c131aaa}.artboard{aspect-ratio:1/1;min-height:0}.design-mark{margin:10px 0 7px;font-size:52px}.selected-type strong{font-size:24px}.artboard-label{font-size:6px}.artboard-footer{margin-top:11px}.inspector{padding:15px 20px}.inspector-title{margin-bottom:12px}.look-shift{animation:art-reveal .65s cubic-bezier(.2,.8,.2,1)}.look-shift .design-mark{animation:mark-reveal .75s cubic-bezier(.2,.8,.2,1)}.look-shift .selected-type{animation:type-reveal .55s .08s both}@keyframes art-reveal{from{opacity:.25;transform:translateY(9px) scale(.96)}to{opacity:1;transform:none}}@keyframes mark-reveal{from{transform:rotate(-40deg) scale(.6);opacity:.2}to{transform:rotate(0) scale(1);opacity:1}}@keyframes type-reveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
/* Code loads, then the preview assembles automatically. */
.code-line{display:block;min-height:1.95em;white-space:pre}.code-editor pre{line-height:1.95}.loading-code .code-line{animation:code-reveal .28s calc(var(--line)*.075s) both}.build-active{box-shadow:inset 2px 0 #acd5b6}.site-assembling .north-nav,.site-assembling .north-links,.site-assembling .north-hero>*{animation:site-reveal .65s both}.site-assembling .north-links{animation-delay:.08s}.site-assembling .north-hero>small{animation-delay:.13s}.site-assembling .north-hero>h3{animation-delay:.2s}.site-assembling .north-art{animation-delay:.3s}.site-assembling .north-hero>button{animation-delay:.4s}@keyframes code-reveal{from{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:none}}@keyframes site-reveal{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}.north-hero{padding:17px}.north-hero h3{font-size:39px;margin:15px 0 17px}.north-art{margin:0 0 17px;border-radius:7px;overflow:hidden;background:#171e18;position:relative}.north-art img{display:block;width:100%;height:135px;object-fit:cover;object-position:60% 50%}.north-art figcaption{position:absolute;bottom:9px;left:10px;font-size:7px;letter-spacing:1px;color:#d9e4c7}.north-index{margin-top:20px}.north-hero button{width:100%;text-align:left}
/* Legal information is its own quiet, readable app. */
.legal-app{padding:25px 23px 35px}.legal-app h2{font-size:33px}.legal-app h3{font-size:17px;font-weight:550;margin:25px 0 10px}.legal-app p,.legal-app dd{font-size:14px;line-height:1.7;color:#bdc7d6}.legal-app a{color:#c7dffc}.legal-draft{background:#cddfff0b;border:1px solid #cddfff22;border-radius:13px;padding:13px 14px;font-size:12px!important}.legal-menu{margin:25px 0}.legal-menu>a{display:flex;align-items:center;justify-content:space-between;padding:16px 14px;background:linear-gradient(125deg,#e1edff11,#d7eaff04);border:1px solid #dceaff1b;margin-bottom:10px;border-radius:14px;color:#dce7f5}.legal-menu>a>span:first-child{display:flex;align-items:center;gap:14px}.legal-menu svg{width:22px;height:22px}.legal-menu strong{font-size:14px;font-weight:500}.legal-data dt{font-size:12px;color:#8393a9;margin-top:19px}.legal-data dd{margin:6px 0 0}.legal-data .missing-detail{color:#a49b8d;font-size:13px}.legal-inline{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;margin-top:30px;border-top:1px solid #dceaff18;padding-top:17px}.legal-source{font-size:11px!important}.legal-app .primary{color:#162131}
@media(max-width:740px){.dock{padding:12px 13px 11px;gap:0}.dock button{width:100%;font-size:12px}.dock-icon{width:45px;height:45px}.design-presets button{font-size:13px;padding:10px 5px}.artboard-wrap{padding:20px 65px}.design-mark{font-size:55px;margin-top:10px}.selected-type strong{font-size:26px}.artboard-label{font-size:7px}.artboard-footer{margin-top:13px}.inspector>input{padding:9px 11px;margin-bottom:12px}.north-hero h3{font-size:44px}.north-art img{height:152px}.north-index{font-size:8px}.legal-app p,.legal-app dd{font-size:16px}.legal-app .legal-draft{font-size:13px!important}}
@media(max-width:740px) and (max-height:780px){.home{padding-top:7px}.phone-heading{padding-bottom:18px}.welcome-widget{padding:15px 19px}.welcome-widget strong{font-size:28px}.apps{margin-top:24px;gap:20px 14px}.glass-icon{width:65px;height:65px}.page-dots{margin:19px 0}.dock{padding:9px 10px}.dock-icon{width:39px;height:39px}.dock button{gap:6px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.code-line,.site-assembling *,.look-shift,.look-shift *{animation:none!important;transition:none!important}}