@font-face{font-family:Jakarta;src:url('/showcase/assets/jakarta.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--bg:#071527;--surface:#10263e;--raised:#17334f;--text:#edf6ff;--muted:#b0c2d6;--line:#34506b;--accent:#78d7f5;--accent-text:#082639;--active:#1b4763;--shadow:0 18px 60px #0003}
:root[data-theme=light]{color-scheme:light;--bg:#e5e7d8;--surface:#f6f6ee;--raised:#dce3d2;--text:#233e35;--muted:#536659;--line:#afbba5;--accent:#356c53;--accent-text:#fff;--active:#d4dfce;--shadow:0 18px 50px #263d2510}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Jakarta,'Segoe UI',sans-serif;font-size:14px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:1px solid var(--line);background:transparent;border-radius:9px}button:hover{background:var(--active);border-color:var(--accent)}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}main:focus{outline:none}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(29px,3vw,48px);line-height:1.2;letter-spacing:-1.4px;font-weight:600;margin-bottom:16px}h2{font-size:22px;line-height:1.35;letter-spacing:-.4px}h3{font-size:16px;line-height:1.4;margin-bottom:12px}p{color:var(--muted)}small{font-size:11px}.icon{width:23px;height:23px;flex:0 0 auto;vertical-align:middle}.brand-mark{width:46px;height:46px;object-fit:contain;display:inline-flex}.brand-mark svg{width:100%;height:100%}.neo{width:56px;height:56px;object-fit:contain}.topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:84px;padding:16px 32px;background:var(--surface);border-bottom:1px solid var(--line)}.brand{display:flex;gap:14px;align-items:center;font-weight:700;letter-spacing:.7px;line-height:1.3}.brand small{display:block;color:var(--muted);font-weight:400;letter-spacing:0;margin-top:6px}.top-actions{display:flex;align-items:center;gap:18px}.back{font-size:12px;color:var(--muted)}.back:hover{color:var(--accent)}.theme-button{padding:9px;display:flex}.badge{border:1px solid var(--line);background:var(--raised);padding:5px 10px;border-radius:30px;font-size:11px;font-weight:600;white-space:nowrap}.preview-banner{display:flex;justify-content:center;gap:12px;padding:8px 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;background:var(--bg)}.preview-banner span{color:var(--accent)}.workspace{display:flex;min-height:calc(100dvh - 119px)}.sidebar{width:240px;flex:0 0 240px;border-right:1px solid var(--line);background:var(--surface);padding:30px 18px;display:flex;flex-direction:column}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-weight:700;display:block;margin-bottom:16px}.sidebar>.eyebrow{padding:0 12px;font-size:10px}.sidebar nav{display:grid;gap:8px}.sidebar button{padding:13px 14px;display:flex;align-items:center;gap:12px;border-color:transparent;text-align:left}.sidebar button[aria-pressed=true]{background:var(--active);border-color:var(--line);color:var(--accent)}.sidebar-foot{margin-top:auto;padding:40px 12px 0;color:var(--muted);font-size:11px;display:flex;gap:10px}.sidebar-foot p{margin:0}.sidebar-foot .icon{width:17px}.workspace main{min-width:0;flex:1;padding:clamp(24px,4vw,64px);max-width:2000px}.section-heading{margin-bottom:34px;max-width:900px}.section-heading p{font-size:16px;max-width:740px}.cards{display:grid;gap:20px;margin-bottom:24px}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:var(--shadow)}.card>.icon{color:var(--accent);width:32px;height:32px;margin-bottom:22px}.card p:last-child{margin-bottom:0}.card h3{font-weight:600}.muted{color:var(--muted);font-size:12px}.sample-note,.disclosure{font-size:12px;color:var(--muted);line-height:1.8;margin:24px 0 0;max-width:880px}.composer{margin-top:28px;background:var(--raised);padding:24px;border-radius:18px;border:1px solid var(--line);min-height:136px}.composer>p{font-size:16px}.composer>div{display:flex;align-items:center;gap:24px;margin-top:30px;font-size:12px;color:var(--muted)}.composer>div>span{display:flex;align-items:center;gap:8px}.composer .badge{margin-left:auto}.composer .icon{width:18px}.primary{background:var(--accent);color:var(--accent-text);border-color:transparent;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:600}.primary:hover{background:var(--accent);filter:brightness(1.08)}.preview-row{display:flex;align-items:center;gap:12px;padding:17px;border-bottom:1px solid var(--line);font-size:13px}.preview-row:last-child{border-bottom:0}.preview-row .muted{margin-left:auto}.preview-row.selected{background:var(--active);color:var(--accent)}.list-panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.skip{position:absolute;top:-80px;left:12px;padding:12px;background:var(--surface);z-index:10}.skip:focus{top:10px}.catalog{max-width:1500px;margin:0 auto;padding:80px 40px}.catalog h1{font-size:clamp(40px,5vw,76px);letter-spacing:-3px;max-width:900px}.lead{font-size:18px;line-height:1.9;max-width:740px}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:52px}.product-card{display:flex;flex-direction:column;min-height:340px;padding:30px;background:linear-gradient(145deg,var(--raised),var(--surface));border:1px solid var(--line);border-radius:20px;transition:transform .18s,border-color .18s}.product-card:hover{transform:translateY(-5px);border-color:var(--accent)}.product-card>.brand-mark{width:64px;height:64px;margin-bottom:30px}.product-card h2{font-size:21px}.product-card .eyebrow{font-size:9px;letter-spacing:1.4px}.product-card p{font-size:13px;line-height:1.9}.explore{display:flex;gap:10px;align-items:center;margin-top:auto;padding-top:18px;font-size:12px;color:var(--accent)}.explore .icon{width:18px}
/* AI OS retains its approved blue wallpaper, clear icon row and bottom taskbar. */
.ai-os{--bg:#071b39;--surface:#102e50;--raised:#163e64;--text:#eff7ff;--muted:#c1d3e8;--line:#87b7e74d;--accent:#7cd6fc;--accent-text:#092b42;--active:#215981;background:#08204b url('/showcase/assets/os-wallpaper.png') center/cover fixed;font-family:'Segoe UI',Jakarta,sans-serif}.ai-os .topbar{background:#08213dd9}.ai-os .preview-banner{background:#0a2342d9}.ai-os .workspace{min-height:calc(100dvh - 197px)}.ai-os .workspace main{padding:32px 40px}.ai-os .section-heading h1{font-weight:400;font-size:44px}.ai-os .section-heading p{font-size:20px}.desktop-home{display:flex;flex-direction:column;min-height:calc(100dvh - 261px)}.desktop-icons{display:flex;gap:30px;flex-wrap:wrap}.desktop-icons button{display:flex;align-items:center;flex-direction:column;gap:14px;padding:14px 8px;border-color:transparent;min-width:86px}.desktop-icons .icon{width:43px;height:43px;color:#89dfff}.desktop-icons button:nth-child(2n) .icon{color:#76abff}.desktop-bottom{display:grid;grid-template-columns:1.1fr 1fr minmax(40px,.7fr) .65fr;gap:22px;align-items:end;margin-top:auto;padding-top:36px}.ai-os .card{background:linear-gradient(130deg,#123656df,#153b61cf);backdrop-filter:blur(18px)}.desktop-bottom .card{min-height:190px}.desktop-bottom .card>.icon{margin:16px auto;display:block}.desktop-bottom .card p{text-align:center}.desktop-bottom .neo-card{grid-column:4;min-width:210px;min-height:270px;text-align:center}.neo-card .neo{width:80px;height:80px;margin:6px 0 12px}.neo-card .primary{width:100%;margin-top:16px}.taskbar{display:flex;align-items:center;gap:30px;padding:10px 30px;background:#112d47e8;border-top:1px solid var(--line);min-height:78px;backdrop-filter:blur(20px)}.taskbar>a{display:flex;align-items:center;gap:16px;letter-spacing:2px;font-size:13px}.taskbar .neo{width:40px;height:40px}.taskbar nav{display:flex;gap:12px}.taskbar button{display:flex;align-items:center;gap:10px;padding:12px 16px;border-color:transparent}.taskbar button[aria-pressed=true]{background:#286185;border-color:#55bdf0}.taskbar>span{margin-left:auto;font-size:12px;display:flex;gap:10px;align-items:center;color:var(--muted)}.neo-window{display:flex;max-width:1500px;margin:0 auto;background:#0c2441ee;border:1px solid #548abb;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.neo-window aside{width:240px;flex-shrink:0;padding:24px 12px;border-right:1px solid var(--line)}.neo-window aside h2{display:flex;gap:12px;align-items:center;padding:0 12px}.neo-window aside .neo{width:38px;height:38px}.neo-content{padding:30px;flex:1;min-width:0;text-align:center}.neo-content>.neo{width:74px;height:74px}.neo-content .section-heading{margin:12px auto 24px}.ai-os .neo-content h1{font-size:32px}.neo-content .card{padding:20px;text-align:left}.neo-content .card>.icon{margin-bottom:12px}.neo-content .composer{text-align:left}.neo-content .sample-note{margin:18px auto 0}
:root[data-theme=light] .ai-os{--surface:#e6f2ff;--raised:#d0e5fa;--text:#102f4b;--muted:#344d64;--line:#527eae80;--accent:#136087;--accent-text:#fff;--active:#cee6fc;background-blend-mode:screen;background-color:#c7ddf3}:root[data-theme=light] .ai-os .topbar,:root[data-theme=light] .ai-os .preview-banner,:root[data-theme=light] .ai-os .taskbar{background:#e7f2ffe8}:root[data-theme=light] .ai-os .card,:root[data-theme=light] .ai-os .neo-window{background:#e6f2fff0}:root[data-theme=light] .ai-os .desktop-icons .icon{color:#155f9d}:root[data-theme=light] .ai-os .taskbar button[aria-pressed=true]{background:#c8e3f7}
/* Desktop uses quieter surfaces and its own original company identity. */
.ai-desktop{--bg:#0c1826;--surface:#122638;--raised:#1d3549;--line:#354f64}.desktop-chat{min-height:calc(100dvh - 250px);display:flex;flex-direction:column;justify-content:center;max-width:1150px;margin:auto}.desktop-chat>.badge{align-self:flex-start}.greeting{text-align:center;padding:48px 20px 10px}.greeting>.neo{width:90px;height:90px;margin-bottom:20px}.greeting .section-heading{margin:0 auto 40px}.greeting h1{font-size:34px}.quick-links{display:flex;gap:16px;margin-top:15px}.quick-links button{padding:14px 24px;display:flex;align-items:center;gap:12px;flex:1;justify-content:center}.skills-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:24px}.feature-card{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.feature-card .neo{width:90px;height:90px;margin-bottom:30px}:root[data-theme=light] .ai-desktop{--bg:#fff;--surface:#f9fbfc;--raised:#edf3f6;--line:#c0cdd6;--text:#203442;--muted:#506475;--accent:#167694;--active:#deedf4}
/* HelpDesk preserves the separate channel contexts and client structure. */
.context-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}.context-pills>span{display:flex;align-items:center;gap:12px;padding:17px;background:var(--raised);border:1px solid var(--line);border-radius:8px;font-size:12px;font-weight:600}.context-pills .icon{width:18px;color:var(--accent)}.client-layout{display:grid;grid-template-columns:.9fr 1.2fr;gap:24px}.client-layout h2{margin-top:22px}dl{font-size:13px}dt{color:var(--accent);margin-top:22px;font-weight:600}dd{margin:5px 0 0;color:var(--muted)}.timeline{border-left:1px solid var(--line);padding-left:25px;margin:28px 0}.timeline p{position:relative;margin-bottom:26px}.timeline p:before{content:'';position:absolute;left:-31px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--accent)}.timeline span{display:block;font-size:12px;margin-top:5px}.timeline b{color:var(--text)}.channel-layout{display:grid;grid-template-columns:.65fr 1.6fr;align-items:start;gap:24px}.channel-layout h2{margin-top:22px}.empty-state{text-align:center;padding:36px 10px}.empty-state>.icon{color:var(--accent);width:38px;height:38px;margin-bottom:16px}.calendar-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.calendar-title h2{margin:0}.week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:320px}.week>div{border-left:1px solid var(--line);padding:14px}.week h3{font-size:12px}.event{padding:12px;background:var(--active);border:1px solid var(--line);border-radius:8px;margin-top:32px;font-size:12px}.event span{display:block;font-size:10px;color:var(--muted);margin-top:8px}
/* SkyBridge is a mobile product; the device frame is a tour, not a new client. */
.skybridge{--bg:#0d211c;--surface:#132d26;--raised:#1a3c30;--line:#395d4c;--accent:#d0bb83;--accent-text:#173328;--active:#254f3c;--muted:#b8cdbf}.skybridge .sidebar{display:none}.sky-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;max-width:1250px;margin:auto;align-items:center}.sky-intro h1{font-family:Georgia,serif;font-size:clamp(40px,4vw,62px);font-weight:400}.sky-benefits{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.sky-benefits .card{padding:22px}.sky-benefits .card p{font-size:12px}.phone-frame{border:7px solid #243831;border-radius:44px;box-shadow:0 40px 70px #0004;width:350px;max-width:100%;margin:auto;background:var(--surface);overflow:hidden}.phone-top{display:flex;justify-content:space-between;padding:17px 24px 12px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:2px}.phone-body{padding:20px;min-height:480px}.sky-logo{width:66px;height:66px;object-fit:contain;display:block;margin:0 auto 20px}.phone-body h2{font-family:Georgia,serif;font-size:24px;text-align:center;margin-bottom:6px}.phone-body>p{text-align:center;font-size:12px}.identity-card{padding:20px;background:var(--raised);border:1px solid var(--line);border-radius:16px;margin:24px 0}.identity-card span,.identity-card small,.identity-card strong{display:block}.identity-card span{font-size:11px;color:var(--muted)}.identity-card strong{font-size:19px;letter-spacing:2px;color:var(--accent);margin:10px 0}.identity-card small{font-size:10px;color:var(--muted)}.phone-body h3{font-size:12px}.hub{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hub>div{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--accent);font-size:10px}.phone-nav{display:flex;border-top:1px solid var(--line);padding:10px}.phone-nav button{flex:1;border:0;padding:8px 3px;display:flex;flex-direction:column;gap:4px;align-items:center;font-size:10px}.phone-nav button[aria-pressed=true]{background:var(--active);color:var(--accent)}.message-contact{display:flex;gap:12px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);font-size:12px}.bubble{max-width:88%;border-radius:16px 16px 16px 4px;background:var(--raised);padding:15px;margin-top:22px;font-size:12px}.bubble.outgoing{margin-left:auto;background:var(--active);border-radius:16px 16px 4px 16px}.phone-composer{border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:40px;font-size:11px;display:flex;justify-content:space-between;align-items:center;color:var(--muted)}:root[data-theme=light] .skybridge{--bg:#f3f5ea;--surface:#fcfcf6;--raised:#e8eedf;--line:#b8c8ac;--text:#1d3d2f;--muted:#50644e;--accent:#78602c;--active:#dae6cf}
@media(min-width:1800px){.desktop-bottom{padding-top:90px}.desktop-bottom .card{min-height:220px}.catalog{padding-top:110px}}
@media(max-width:1150px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:200px;flex-basis:200px}.workspace main{padding:28px}.desktop-bottom{grid-template-columns:1fr 1fr .8fr}.desktop-bottom .neo-card{grid-column:3;min-width:0}.desktop-icons{gap:14px}.cards.three{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-layout{grid-template-columns:1fr}.sky-layout{gap:30px}.sky-benefits{grid-template-columns:1fr}.week>div{padding:8px}.neo-window aside{width:200px}.ai-os .neo-content h1{font-size:27px}.ai-os .section-heading p{font-size:16px}}
@media(max-width:780px){.topbar{padding:14px 18px;gap:12px}.topbar .brand{font-size:12px;gap:8px}.brand-mark{width:34px;height:34px}.brand small{font-size:9px}.top-actions{gap:10px}.top-actions>.badge{display:none}.back{font-size:10px}.preview-banner{font-size:9px;gap:6px}.workspace{display:block;min-height:0}.sidebar{width:100%;padding:14px;border-right:0;border-bottom:1px solid var(--line)}.sidebar>.eyebrow,.sidebar-foot{display:none}.sidebar nav{display:flex;flex-wrap:wrap;gap:6px}.sidebar button{font-size:11px;padding:9px;gap:6px}.sidebar .icon{width:17px;height:17px}.workspace main{padding:24px 18px}.cards.three,.skills-layout,.client-layout{grid-template-columns:1fr}.cards.two{gap:12px}.card{padding:20px}.card h3{font-size:14px}.card p{font-size:12px}.section-heading p{font-size:14px}.section-heading h1{letter-spacing:-.8px}.composer{padding:18px}.composer>div{gap:12px;flex-wrap:wrap}.composer .badge{margin-left:0}.catalog{padding:46px 22px}.catalog h1{letter-spacing:-1.5px}.catalog-grid{gap:14px;margin-top:32px}.product-card{padding:23px;min-height:320px}.catalog .lead{font-size:15px}.ai-os .workspace main{padding:24px 18px}.ai-os .section-heading h1{font-size:34px}.desktop-home{min-height:0}.desktop-icons{gap:6px;display:grid;grid-template-columns:repeat(3,1fr)}.desktop-icons button{min-width:0;font-size:12px}.desktop-icons .icon{width:35px;height:35px}.desktop-bottom{grid-template-columns:1fr 1fr;gap:12px;padding-top:26px}.desktop-bottom .card{min-height:180px}.desktop-bottom .neo-card{grid-column:1/-1;min-height:0}.neo-card .neo{width:60px;height:60px}.taskbar{padding:12px;gap:12px;flex-wrap:wrap}.taskbar>a b{display:none}.taskbar nav{gap:4px}.taskbar button{padding:10px;font-size:11px;gap:5px}.taskbar>span{display:none}.neo-window aside{display:none}.neo-content{padding:20px}.neo-content .cards{grid-template-columns:1fr}.greeting{padding-top:32px}.greeting h1{font-size:28px}.desktop-chat{min-height:0}.sky-layout{display:flex;flex-direction:column}.sky-intro{width:100%}.sky-intro .section-heading{margin-bottom:12px}.sky-benefits{grid-template-columns:1fr 1fr}.phone-frame{margin-top:15px}.week{grid-template-columns:1fr;min-height:0}.week>div{padding:16px;border-left:0;border-top:1px solid var(--line)}.event{margin-top:10px}.calendar-title{flex-wrap:wrap}.context-pills{gap:10px}.context-pills>span{padding:12px;gap:8px;font-size:11px}}
@media(max-width:420px){.catalog-grid{grid-template-columns:1fr}.topbar .brand small{max-width:140px}.cards.two{grid-template-columns:1fr}.desktop-bottom{grid-template-columns:1fr}.desktop-bottom .neo-card{grid-column:auto}.top-actions{gap:8px}.theme-button{padding:7px}.brand .neo{width:36px;height:36px}.preview-banner{flex-wrap:wrap}.phone-frame{border-width:5px}.context-pills{grid-template-columns:1fr}.sky-benefits{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}