/* Agency OS presentation: abstract desk, glass chrome, explicit positioning. */
:root{--desk:#e9edee;--desk-fold:#f3f5f4;--desk-shade:#c4cccf;--glass:rgba(249,251,250,.72);--glass-edge:rgba(255,255,255,.85);--chrome-field:rgba(225,231,230,.65);--surface-soft:#f0f3ef;--surface-raised:#fff;--secondary-ink:#5b6962}
html{background:var(--desk)}
body .wallpaper,body[data-wallpaper] .wallpaper{background:linear-gradient(125deg,var(--desk-fold),var(--desk) 52%,var(--desk-shade));overflow:hidden;transition:none}
.wallpaper:before,.wallpaper:after{content:'';position:absolute;pointer-events:none;inset:auto;background:none}
.wallpaper:before{width:112vw;height:105vw;left:-43vw;top:23vh;border-radius:49%;transform:rotate(-28deg);background:linear-gradient(130deg,var(--desk-fold),var(--desk));box-shadow:inset -1px 1px 0 #ffffff90,24px -20px 65px #5c69771c,1px -3px 7px #ffffff80}
.wallpaper:after{width:100vw;height:145vw;right:-74vw;top:-62vw;border-radius:46%;transform:rotate(31deg);background:linear-gradient(100deg,var(--desk),var(--desk-fold) 65%);box-shadow:-15px 4px 50px #53647715,inset 1px 0 0 #ffffff90}
body[data-wallpaper=sage]{--desk:#e5ebe6;--desk-fold:#f2f5ee;--desk-shade:#c6d1c9}
body[data-wallpaper=lilac]{--desk:#e9e7ef;--desk-fold:#f5f3f7;--desk-shade:#cac9d5}
.os-header{top:10px;left:12px;right:12px;height:48px;padding:0 14px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;border:1px solid var(--glass-edge);border-radius:16px;background:var(--glass);box-shadow:0 2px 8px #24342f06,inset 0 1px 0 #ffffff70;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}
.header-identity{display:flex;align-items:center;gap:22px;min-width:0}
.os-header .brand{font-size:24px;gap:8px}
.header-tagline{font-size:11px;white-space:nowrap;color:var(--muted)}
.search-launch{width:clamp(230px,26vw,400px);height:32px;padding:0 8px 0 11px;border-radius:10px;background:linear-gradient(180deg,#ffffff35,#ffffff00),var(--chrome-field);box-shadow:inset 0 1px 2px #24362f0c,0 1px 0 #ffffff70;gap:8px;color:var(--muted);font-size:12px;text-align:left}
.search-launch span{flex:1}.search-launch kbd{font-family:inherit;font-size:10px;line-height:19px;border:1px solid #7b88852c;background:#ffffff20;color:inherit;padding:0 5px}
.header-actions{margin-left:0;justify-self:end;gap:12px}
.os-header .button{min-height:32px;padding:7px 14px;font-size:11px;border-radius:9px;white-space:nowrap}
.theme-toggle{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--ink)}
.theme-toggle:hover{background:var(--chrome-field)}.theme-toggle .icon{width:18px;height:18px}.theme-toggle .sun-icon{display:none}
.desktop-rail{left:18px;width:122px}.desktop-rail nav{gap:23px 12px}.desktop-rail .app-tile{width:45.9px;height:45.9px;border-radius:14.45px}.desktop-rail .app-tile .icon{width:22.95px;height:22.95px}
.desktop-rail a[aria-current] .app-tile:after{inset:-4px;border-radius:18px}.desktop-note{padding-left:5px}
.site-window{background:var(--glass);border-color:var(--glass-edge);box-shadow:0 30px 65px -28px #29393638,0 1px 4px #25322b0a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.window-bar,.window-status{background:transparent;border-color:var(--line);color:var(--muted)}
#page-main{background:var(--paper);scroll-behavior:auto}
.dock{background:var(--glass)}
.welcome-hero{grid-template-columns:49% 51%;min-height:540px}
.welcome-copy{padding:42px 32px 36px 44px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.welcome-copy h1{font-size:clamp(44px,3.7vw,64px);letter-spacing:-.065em;line-height:1.05;max-width:580px;text-wrap:balance}.welcome-copy h1>span{display:block;color:#61786a;white-space:nowrap}
.welcome-copy .section-label{font-size:11px;margin-bottom:20px}
.welcome-copy>p.hero-promise{font-size:18px;font-weight:600;letter-spacing:-.4px;line-height:1.5;color:var(--ink);margin-top:25px;max-width:450px}
.welcome-copy>p.hero-description{font-size:13px;line-height:1.8;margin-top:12px;max-width:380px}
.welcome-signoff{font-size:10px;margin-top:25px}.welcome-copy .actions{margin-top:25px;flex-direction:row;flex-wrap:wrap}
.welcome-landscape{min-height:540px;margin:14px 14px 14px 0}.landscape-caption{font-size:25px;left:30px;top:28px;letter-spacing:-.9px}
.agency-orbit{position:absolute;inset:28% 6% 9%;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:15px}
.orbit-card{padding:15px 17px;border-radius:14px;background:#ffffffed;border:1px solid #ffffffc9;box-shadow:0 14px 24px -17px #15292b70;color:#2d3935;position:relative;width:91%;backdrop-filter:blur(12px)}
.orbit-card:after{content:'';position:absolute;bottom:-17px;left:32px;height:17px;width:1px;background:#f5fff6b0}.orbit-card:last-child:after{display:none}
.orbit-step{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:8px;font-weight:600;color:#64736b;margin-bottom:9px}
.orbit-card>div{display:flex;gap:12px;align-items:center}.orbit-card .app-tile{width:37px;height:37px;border-radius:11px}.orbit-card .app-tile .icon{width:20px;height:20px}
.orbit-card strong{font-size:13px;font-weight:650;letter-spacing:-.3px;display:block}.orbit-card small{display:block;font-size:9px;color:#57655e;margin-top:4px;line-height:1.5}
.orbit-card p{font-size:9px;margin:10px 0 0;color:#607268;display:flex;align-items:center;gap:5px}.orbit-card p .icon{width:12px;height:12px}
.orbit-find{transform:rotate(-2deg);align-self:flex-start}.orbit-build{transform:rotate(1.4deg);align-self:flex-end}.orbit-run{transform:rotate(-.6deg);align-self:center}
.orbit-card .wave{height:17px;margin:10px 0 0 49px;justify-content:flex-start;gap:3px}.orbit-card .wave i{width:2px;height:calc(var(--height) * .28)}
.quick-products{display:grid;grid-template-columns:repeat(4,1fr);gap:21px 16px;padding:25px 44px}.quick-products a{font-size:11px;gap:9px}.quick-products .icon{flex:none;width:17px;height:17px}
.wallpaper-swatch{display:block;height:74px;border-radius:7px;background:linear-gradient(135deg,#f4f6f5 20%,#e2e7e8 21%,#fafbf9 60%,#c8d0d3);box-shadow:inset 0 0 0 1px #66777714}.swatch-sage{filter:sepia(.25) hue-rotate(40deg)}.swatch-lilac{filter:sepia(.2) hue-rotate(210deg)}
.boot-veil{background:var(--desk)}.boot-caption{color:var(--muted)}#boot>button{color:var(--ink);background:var(--glass);padding:9px 13px;border-radius:9px}

/* Dark appearance uses real surfaces and text colors; photography stays true. */
:root[data-theme=dark]{color-scheme:dark;--ink:#f1f0ed;--muted:#babcc5;--paper:#202226;--line:#3b3e46;--desk:#1b1e24;--desk-fold:#30343c;--desk-shade:#121419;--glass:rgba(35,38,45,.76);--glass-edge:rgba(218,223,235,.18);--chrome-field:rgba(17,19,24,.45);--surface-soft:#2b2e35;--surface-raised:#343740;--secondary-ink:#c0c2ca}
:root[data-theme=dark] body[data-wallpaper=sage]{--desk:#202a26;--desk-fold:#344239;--desk-shade:#151d19}
:root[data-theme=dark] body[data-wallpaper=lilac]{--desk:#282632;--desk-fold:#3b3847;--desk-shade:#1b1922}
:root[data-theme=dark] .wallpaper:before{box-shadow:inset -1px 1px 0 #bac8d425,24px -20px 65px #080e1340,1px -3px 7px #bac8d410}
:root[data-theme=dark] .wallpaper:after{box-shadow:-15px 4px 50px #050b1540,inset 1px 0 0 #bac8d42b}
:root[data-theme=dark] .theme-toggle .sun-icon{display:block}:root[data-theme=dark] .theme-toggle .moon-icon{display:none}
:root[data-theme=dark] .os-header{box-shadow:0 2px 8px #00000010,inset 0 1px 0 #ffffff0a}
:root[data-theme=dark] .search-launch{box-shadow:inset 0 1px 2px #00000025,0 1px 0 #ffffff0a;background:var(--chrome-field)}
:root[data-theme=dark] .site-window{box-shadow:0 30px 65px -25px #00000075}
:root[data-theme=dark] .dock{box-shadow:inset 0 1px 0 #ffffff20,inset 0 0 0 1px #ffffff13,0 12px 30px -8px #00000055}
:root[data-theme=dark] :is(.brand img,.window-label img,.footer-brand img,.closing>img,.paper-front>img,.boot-mark){filter:invert(.88) grayscale(1)}
:root[data-theme=dark] .welcome-copy h1>span{color:#c6c5dc}
:root[data-theme=dark] :is(.section-label,.story-meta,.article-meta,.scene-kicker,.window-location,.window-status,.welcome-signoff,.desktop-note p,.desktop-note small,.desktop-note button,.product-link small,.breadcrumb,.footer-brand>span,.site-footer,.story-count,.byline,.art-note,.bin-note,.bin-file small,.plan li,.dialog-hint,.form-note,.connection-map>a>span:last-child,.product-heading>div:not(.actions),.technical-section dd,.script-note,.journal-filter>span,.journal-end p,.article-body p,form label,.setting-row small,.search-result>small,.phone-note,.mobile-home>p,.mobile-home>span,.trash-desk>.script-note,.bin-head>span){color:var(--muted)}
:root[data-theme=dark] :is(.footer-brand,.mobile-home h2,.big-bin){color:var(--ink)}
:root[data-theme=dark] :is(.switch-section,.technical-section,.article-takeaway,#brief-result,.journey-message,.record-activity,.chat-lines .agent,.setting-row>b,.round-link){background:var(--surface-soft);color:var(--ink)}
:root[data-theme=dark] :is(.paper,.paper-back,.closing,.plan,dialog,.skip-link){background:var(--surface-soft);border-color:var(--line);color:var(--ink)}
:root[data-theme=dark] :is(.floating,.journey-panel,.product-showcase>div:not(.product-scenery),.agency-feature .clients-art,.contact-aside>div){background:#2b2e36ee;border-color:#e6e9f22b;color:var(--ink)}
:root[data-theme=dark] :is(.call-title small,.call-badge,.transcript p,.transcript p>span,.scene-result>span,.chat-lines small,.chat-lines p,.record-person small,.record-art dt,.sources-art small,.sources-art em,.clients-art small,.client-brand>span,.workflow-art small,.usage-art>div>span,.bar-chart span,.contact-aside p){color:var(--muted)}
:root[data-theme=dark] :is(input,select,textarea,.button.light,kbd){background:var(--surface-raised);color:var(--ink);border-color:#5b606e}
:root[data-theme=dark] :is(input,textarea)::placeholder{color:#b9bbc5}
:root[data-theme=dark] .button.primary{background:#eeece6;color:#25272d}:root[data-theme=dark] .button.primary:hover{background:#fffdf8}
:root[data-theme=dark] :is(.chat-lines .customer,.journal-filter>button[aria-pressed=true],.wallpaper-picker button[aria-pressed=true],.search-result:hover){background:#3c404b;border-color:#707787;color:var(--ink)}
:root[data-theme=dark] .featured-story:after{background:linear-gradient(90deg,#252830ed,#272b3740 90%)}
:root[data-theme=dark] :is(.featured-copy>span:first-child,.featured-copy p){color:#e1e2e8}
:root[data-theme=dark] .cover-object{color:#344b3d}
:root[data-theme=dark] .access-status[data-state=success]{color:#d1e8d3;background:#314638}:root[data-theme=dark] .access-status[data-state=error]{color:#ffc5bd}
:root[data-theme=dark] .desktop-rail a[aria-current] .app-tile:after{border-color:#dce0ee6b}
:root[data-theme=dark] .dock>a[aria-current]:after{background:#dce0ee}
:root[data-theme=dark] .quick-products .icon{color:#bfc2d0}
:root[data-theme=dark] .call-badge{background:#3a414f;color:#e1e7f2}
:root[data-theme=dark] .access-label{background:#30343f;color:#eeeef2;border-color:#8b91a1}

@media(min-width:1500px){.desktop-rail{left:22px;width:calc(122px * var(--desktop-scale))}.welcome-copy h1{font-size:clamp(60px,3.45vw,76px)}.welcome-copy{padding:46px 34px 38px 52px}.welcome-copy>p.hero-promise{font-size:21px;max-width:480px}.welcome-copy>p.hero-description{font-size:15px;max-width:430px}.welcome-hero,.welcome-landscape{min-height:570px}.agency-orbit{inset:27% 8% 9%;gap:18px}.orbit-card{padding:18px 20px}.orbit-card strong{font-size:16px}.orbit-card small{font-size:11px}.orbit-step,.orbit-card p{font-size:10px}.orbit-card .app-tile{width:42px;height:42px}.landscape-caption{font-size:30px;left:34px;top:32px}.quick-products a{font-size:12px}}
@media(min-width:2200px){.os-header{height:58px;top:12px;left:16px;right:16px;padding:0 20px}.os-header .brand{font-size:28px}.header-tagline{font-size:13px}.search-launch{height:36px;font-size:13px}.os-header .button{font-size:13px;min-height:36px}.theme-toggle{width:40px;height:40px}.welcome-hero,.welcome-landscape{min-height:550px}}
@media(min-width:761px) and (max-width:1100px){.desktop-rail{left:12px;width:94px}.desktop-rail .app-tile{width:32.3px;height:32.3px;border-radius:10.2px}.desktop-rail .app-tile .icon{width:18.7px;height:18.7px}.desktop-rail nav>a{min-height:52px}.header-tagline{display:none}.welcome-copy{padding:32px 22px}.welcome-copy h1{font-size:43px}.welcome-copy>p.hero-promise{font-size:16px}.welcome-copy>p.hero-description{font-size:12px}.welcome-hero,.welcome-landscape{min-height:540px}.orbit-card{padding:12px;width:97%}.orbit-card strong{font-size:11px}.orbit-card small{font-size:8px}.orbit-card>div{gap:8px}.orbit-card .app-tile{width:30px;height:30px;border-radius:9px}.landscape-caption{left:20px;font-size:23px}.quick-products{padding:24px;gap:18px 12px}.quick-products a{font-size:10px}}
@media(max-width:760px){.os-header{left:8px;right:8px;top:8px;height:50px;padding:0 9px;gap:8px;grid-template-columns:1fr auto 1fr}.os-header .brand{font-size:21px;gap:6px}.brand img{width:23px;height:23px}.header-tagline{display:none}.search-launch{width:34px;height:34px;padding:7px;display:grid;place-items:center}.search-launch span,.search-launch kbd{display:none}.search-launch .icon{width:17px;height:17px}.header-actions{gap:3px}.theme-toggle{width:32px;height:34px}.os-header .button{font-size:9px;padding:7px 9px;min-height:32px}.site-window{top:74px}.welcome-hero{grid-template-columns:1fr;min-height:0}.welcome-copy{padding:32px 25px}.welcome-copy h1{font-size:49px;max-width:450px;text-wrap:initial}.welcome-copy>p.hero-promise{font-size:18px;margin-top:24px}.welcome-copy>p.hero-description{font-size:13px;margin-top:12px}.welcome-copy .section-label{font-size:10px}.welcome-landscape{margin:0 10px 12px;min-height:520px}.landscape-caption{font-size:26px;left:25px}.agency-orbit{inset:28% 6% 9%}.orbit-card strong{font-size:13px}.orbit-card small{font-size:9px}.quick-products{grid-template-columns:1fr 1fr;padding:24px;gap:23px 12px}.quick-products a{font-size:10px}.quick-products .icon{width:16px}.wallpaper-swatch{height:60px}.mobile-home>span{max-width:270px;line-height:1.7}.mobile-home{padding-top:100px}.site-window,.os-header,.dock{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}
@media(max-width:360px){.welcome-copy h1{font-size:43px}.os-header .brand{font-size:19px}.os-header .button{font-size:8px;padding:7px}.theme-toggle{width:28px}}
@media(prefers-reduced-motion:reduce){.orbit-card{transform:none}}
@media print{.os-header,.wallpaper,.desktop-rail,.dock{display:none!important}#page-main{background:#fff;color:#242725}.site-window{backdrop-filter:none;background:#fff}}

/* A whole-scene dissolve keeps every surface in the same appearance. */
::view-transition,::view-transition-group(root),::view-transition-image-pair(root),::view-transition-old(root),::view-transition-new(root){pointer-events:none}
::view-transition-group(root){animation-duration:480ms;animation-timing-function:cubic-bezier(.22,.61,.36,1)}
::view-transition-old(root),::view-transition-new(root){animation-duration:480ms;animation-timing-function:cubic-bezier(.22,.61,.36,1);mix-blend-mode:normal}
::view-transition-old(root){animation-name:appearance-out}::view-transition-new(root){animation-name:appearance-in}
@keyframes appearance-out{to{opacity:0}}@keyframes appearance-in{from{opacity:0}}
@supports not (view-transition-name:root){:is(.os-header,.dock,.site-window,#page-main,.window-bar,.window-status,.theme-toggle,.button,.paper,.switch-section,dialog){transition:background-color .4s ease,color .4s ease,border-color .4s ease}}

/* The workspace illustration has distinct elevations in both appearances. */
.switch-section{grid-template-columns:.95fr 1.05fr;gap:48px;padding:44px 36px;background:#f0f1f4;overflow:hidden}
.paper-stack{padding:78px 8px 12px;min-height:385px;max-width:460px;width:100%;justify-self:center}
.paper-back{background:#e5e7ec;border-color:#d5d8df;top:9px;left:17px;right:26px;transform:rotate(-5deg);padding:17px 20px 35px;color:#626875;box-shadow:0 10px 24px -20px #2227344d}
.paper-back>span{font-size:10px;font-weight:600;color:#5c6270}.paper-back p{color:#626875;font-size:10px;margin-top:15px}
.loose-tabs{display:flex;gap:6px;margin-top:13px;flex-wrap:wrap}.loose-tabs>span{display:flex;align-items:center;gap:5px;border:1px solid #cfd3dc;padding:6px 8px;border-radius:7px;font-size:9px;line-height:1.3;background:#f2f3f6}.loose-tabs .icon{width:12px;height:12px}
.paper-front{max-width:none;background:#fbfcfe;border-color:#fff;border-radius:18px;padding:20px;transform:rotate(1.4deg);box-shadow:0 22px 36px -19px #22273454,0 1px 3px #2227340f}
.paper-front>div{margin-top:0}.paper-front>div>span{border:0;padding:0;display:block;font-size:inherit}.workspace-title{display:flex;align-items:center;gap:9px;padding-bottom:17px;border-bottom:1px solid #e1e4eb}.workspace-title>span{min-width:0}.workspace-title strong{font-size:13px;letter-spacing:-.35px;font-weight:650;display:block}.workspace-title small{font-size:9px;display:block;color:#626b79;margin-top:3px}
.paper-front .workspace-state{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:9px;color:#596a63;white-space:nowrap}.workspace-state .icon{width:12px!important;height:12px;color:inherit;margin:0}
.workspace-apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 9px;padding:22px 0 20px}.workspace-apps a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;min-height:70px;font-size:9px;line-height:1.5;color:#4e5666}.workspace-apps .app-tile{width:39px;height:39px;border-radius:12px}.workspace-apps .app-tile .icon{width:21px;height:21px;color:var(--tile-ink);margin:0}
.workspace-summary{display:flex;gap:8px;align-items:center;padding:12px 13px;background:#eff1f5;border-radius:10px;color:#535e70;font-size:9px;line-height:1.6}.workspace-summary .icon{width:16px!important;height:16px;color:inherit}
:root[data-theme=dark] .switch-section{background:#292c33}
:root[data-theme=dark] .paper-back{background:#252830;border-color:#414550;color:#a5a9b7;box-shadow:0 14px 25px -15px #080a1160}
:root[data-theme=dark] :is(.paper-back>span,.paper-back p){color:#b7bbc7}
:root[data-theme=dark] .loose-tabs>span{background:#30343e;border-color:#4b515f;color:#ced1dc}
:root[data-theme=dark] .paper-front{background:#373b45;border-color:#777e914d;box-shadow:0 24px 40px -17px #090b147a,inset 0 1px 0 #ffffff12}
:root[data-theme=dark] .workspace-title{border-color:#565c6d}:root[data-theme=dark] .workspace-title small{color:#bcc0cd}
:root[data-theme=dark] :is(.workspace-state,.workspace-apps a){color:#d2d5e0}
:root[data-theme=dark] .workspace-summary{background:#2b2f39;color:#d0d5e4}
@media(max-width:1100px) and (min-width:761px){.switch-section{gap:24px;padding:35px 24px}.paper-front{padding:16px}.workspace-title strong{font-size:11px}.paper-front .workspace-state{display:none}}
@media(max-width:760px){.switch-section{grid-template-columns:1fr;gap:27px;padding:29px 23px}.paper-stack{padding:75px 3px 10px;min-height:420px}.paper-back{left:10px;right:10px;padding:16px 16px 30px}.paper-front{padding:18px 15px}.workspace-apps{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.workspace-apps a{font-size:10px}.workspace-title strong{font-size:12px}.paper-front .workspace-state{display:none}.workspace-summary{font-size:9px;padding:11px}.loose-tabs>span{font-size:8px;padding:6px}.workspace-title img{width:27px;height:27px}}
@media(prefers-reduced-motion:reduce){::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation:none}.paper-front,.paper-back{transform:none}}