/* Golden Gate reference: charcoal content, unified chrome, restrained glass. */
:root{--gg-bg:#181818;--gg-sidebar:#242424;--gg-chrome:#2b2b2bf5;--gg-stroke:#ffffff16;--gg-text:#e4e4e4;--gg-muted:#919191;--gg-glass:linear-gradient(135deg,#424242b3,#303030bc)}
.gl-environment{opacity:.13!important}.gl-environment img{filter:saturate(.5)}
.sc-app,.ins-window,.gl-window{color:var(--gg-text);background:var(--gg-bg)!important;border:1px solid #6868686b!important;box-shadow:0 1px 1px #ffffff10 inset,0 22px 50px #0008,0 5px 10px #0004!important;border-radius:16px!important}
/* One unified native window surface, not a collection of floating cards. */
.sc-app .sc-app-top,.ins-titlebar,.gl-toolbar{background:var(--gg-chrome)!important;color:#b0b0b0!important;border:0!important;border-bottom:1px solid #ffffff06!important;box-shadow:0 1px #ffffff0a inset!important;backdrop-filter:blur(28px) saturate(1.05);font-weight:450}.sc-app-top b{color:#757575}.sc-saved{color:#a0a0a0!important}.sc-dots i,.ins-titlebar i{box-shadow:inset 0 .7px .7px #ffffff3b,inset 0 -.5px .5px #0005;border:0!important}.sc-dots i:first-child,.ins-titlebar i:first-child{background:#ff5f57}.sc-dots i:nth-child(2),.ins-titlebar i:nth-child(2){background:#febc2e}.sc-dots i:nth-child(3),.ins-titlebar i:nth-child(3){background:#28c840}
.sc-app .sc-core-toolbar{background:#272727!important;color:#818181;border-bottom:1px solid #ffffff0b!important}.sc-core-toolbar b{color:#dadada}.sc-core-toolbar i{border-color:#ffffff23;color:#8c8c8c}.sc-core-toolbar .active{background:#414141!important;box-shadow:inset 0 1px #ffffff0d!important;border:1px solid #ffffff09!important;color:#e9e9e9;padding:5px 13px;border-radius:7px}
.sc-app .sc-app-body{padding:0!important;gap:0!important}.sc-app .sc-sidebar,.ins-sidebar,.gl-sidebar{background:linear-gradient(110deg,#282828f2,#242424ef)!important;border:0!important;border-right:1px solid #ffffff0c!important;border-radius:0!important;box-shadow:none!important;color:#aaa!important;backdrop-filter:blur(32px) saturate(1.05)}.sc-sidebar img{filter:brightness(1)!important}.sc-sidebar .sc-small{color:#737373!important;font-weight:550;letter-spacing:0}.sc-sidebar .sc-selected,.ins-sidebar span.on,.gl-sidebar>span.on{background:#3a3a3a!important;border:1px solid #ffffff04!important;box-shadow:none!important;color:#f0f0f0!important;border-radius:7px!important}.sc-sidebar hr{border-color:#ffffff0a}.sc-sidebar-foot{color:#767676}.sc-sidebar-foot i{color:#5a96fa}.sc-app .sc-canvas{background:#1b1b1b!important;border:0!important;border-radius:0!important;padding:0 14px 14px}.sc-app .sc-canvas-bar{color:#858585}.sc-canvas-bar>span:nth-child(2){background:#323232!important;border:1px solid #ffffff0c!important;box-shadow:inset 0 1px #ffffff09!important;color:#aaa;border-radius:7px}.sc-app .sc-site{border-radius:6px;box-shadow:0 4px 15px #0004!important}.sc-prompt{background:linear-gradient(130deg,#3e3e3edb,#292929e0)!important;backdrop-filter:blur(34px) saturate(1.1);border:1px solid #ffffff24!important;border-radius:18px;box-shadow:0 20px 45px #0007,inset 0 1px #ffffff10!important;color:#dedede}.sc-prompt .sc-small{color:#999;letter-spacing:0}.sc-prompt>div{color:#989898;border-color:#ffffff12}.sc-prompt>div>span{color:#9b9b9b}.sc-prompt i{color:#a2ad9f}.sc-window-layer{display:none}
.ins-window-space:before,.ins-window-space:after{display:none}.ins-window{border-radius:18px!important}.ins-app{padding:0;gap:0;background:#191919;grid-template-columns:195px 1fr}.ins-titlebar{height:48px}.ins-titlebar span{font-weight:500;color:#c0c0c0}.ins-sidebar{padding:24px 14px;gap:4px}.ins-sidebar>b{font-size:15px;font-weight:600;color:#dedede;margin:0 10px 25px}.ins-sidebar span{color:#a4a4a4;padding:11px 12px;font-weight:400}.ins-sidebar span.on{font-weight:500}.ins-sidebar small{color:#777}.ins-content{border:0;border-radius:0;background:#191919;padding:27px 30px;color:#e5e5e5}.ins-content h3{font-weight:600;font-size:27px;letter-spacing:-.035em;color:#e5e5e5}.ins-content .sub{color:#888}.ins-demo-label{background:none;color:#6e6e6e;border:0;padding:0;font-size:10px}.ins-kpis{gap:0;border-bottom:1px solid #ffffff13;margin:28px 0}.ins-kpis>div,.ins-kpis>div:first-child{background:transparent!important;border:0!important;border-radius:0;box-shadow:none;padding:0 18px 23px}.ins-kpis>div:first-child{padding-left:0}.ins-kpis>div+div{border-left:1px solid #ffffff0c!important}.ins-kpis small{color:#aaa;font-size:11px}.ins-kpis strong{font-weight:500;color:#eee;font-size:34px;margin:11px 0 8px}.ins-kpis em{color:#6f6f6f}.ins-chart-card{background:#202020;border:1px solid #ffffff09;border-radius:12px;padding:22px;box-shadow:none}.ins-chart-head b{font-weight:500;color:#bfbfbf}.ins-chart-head small{color:#727272}.ins-chart .grid{stroke:#ffffff0c}.ins-chart .line{stroke:#85aef2;stroke-width:2}.ins-chart .area{fill:#6389c712}.ins-chart-foot{color:#666}.ins-funnel-note{color:#8a8a8a}.ins-funnel li{background:#272a30;color:#d5d5d5}.ins-funnel li:nth-child(2){background:#2b313a;color:#d5d5d5}.ins-funnel li:nth-child(3){background:#2e3d50;color:#d8e0eb}.ins-funnel li:nth-child(4){background:#34517a;color:#e2eaff}.ins-funnel li:last-child{background:#3d6399;color:#eff5ff}.ins-brief-list li{background:#232323;border-color:#ffffff0b;border-radius:12px}.ins-brief-list h4{font-weight:500;color:#ddd}.ins-brief-list p{color:#898989}.ins-brief-list small{color:#788392}.ins-brief-list .num{background:#343434;color:#c6c6c6}.ins-analyst-question{background:#323232;color:#ddd;border-radius:16px 16px 5px 16px}.ins-analyst-response{background:#222;border-color:#ffffff0b;border-radius:14px;box-shadow:none}.ins-analyst-response b{color:#b4b4b4;font-weight:500}.ins-analyst-response p{color:#ccc}.ins-cites span{background:#2c2c2c;border-color:#ffffff0b;color:#9fa9b7}.ins-sample-questions button{background:#303030;border:1px solid #ffffff13;color:#bdbdbd;box-shadow:inset 0 1px #ffffff08}.ins-sample-questions button[aria-pressed=true]{background:#414141;color:#eee;border-color:#ffffff20}.ins-sample-questions button:hover{background:#3b3b3b}
/* A desktop around the app supplies the OS context visible in the reference. */
.gg-desktop{position:relative;aspect-ratio:1.6;overflow:hidden;border-radius:7px;background:radial-gradient(ellipse at 48% -20%,#a26f5666,transparent 45%),radial-gradient(ellipse at -15% 40%,#4982a677,transparent 65%),linear-gradient(155deg,#345c76 0%,#2a3d51 42%,#202b39 65%,#465267 100%);color:#e6e6e6;container-type:inline-size}.gg-menubar{position:absolute;z-index:5;top:0;left:0;right:0;height:26px;padding:0 12px;display:flex;align-items:center;gap:14px;font:10px var(--ag-font);color:#eff3f7;background:#47647740;backdrop-filter:blur(16px) saturate(1.2);text-shadow:0 1px 2px #0004}.gg-menubar>b{font-weight:600}.gg-menubar>i{font-style:normal;font-size:15px;line-height:1}.gg-menu-status{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:9px}.gg-menu-status svg{width:12px;height:12px}.gg-menubar .gg-battery{width:16px;height:8px;border:1px solid #e7eef7b0;border-radius:2px;position:relative}.gg-battery:before{content:"";position:absolute;inset:1px 4px 1px 1px;border-radius:1px;background:#e4ecf4}.gg-battery:after{content:"";position:absolute;right:-3px;top:2px;width:1px;height:3px;background:#e4ecf4}.gg-dock{position:absolute;z-index:6;bottom:7px;left:50%;transform:translateX(-50%);height:45px;border-radius:13px;display:flex;align-items:center;gap:9px;padding:5px 8px;background:linear-gradient(135deg,#747c8747,#464f5b57);border:1px solid #ffffff24;box-shadow:0 6px 20px #0004,inset 0 1px 1px #ffffff16;backdrop-filter:blur(28px) saturate(1.2)}.gg-dock img,.gg-dock .gg-dock-item{display:block;width:30px;height:30px;border-radius:8px;object-fit:cover;box-shadow:0 1px 2px #0005}.gg-dock-item{background:linear-gradient(145deg,#586778,#293745);display:grid!important;place-items:center;color:#b4c7d6}.gg-dock-item svg{width:22px;height:22px}.gg-dock-divider{height:27px;width:1px;background:#ffffff2a;margin:0 2px}.gg-dock-icon{position:relative}.gg-dock-icon:first-child:after{content:"";position:absolute;bottom:-4px;width:3px;height:3px;border-radius:50%;background:#c3d5e6;left:calc(50% - 1px)}
.gl-mac{padding:9px 9px 18px;background:linear-gradient(110deg,#68717e,#191c21 3%,#111419 93%,#6f7885);border-color:#7b8493;border-radius:16px 16px 7px 7px;box-shadow:0 32px 60px #0008}.gl-mac:before{height:12px;top:9px;width:8%;left:46%;border-radius:0 0 5px 5px}.gl-mac:after{height:18px;box-shadow:0 3px 0 #1c222b,0 18px 28px #0006}.gg-desktop>.gl-window{position:absolute;left:1.3%;right:1.3%;top:35px;bottom:57px;width:auto;aspect-ratio:auto;border-radius:13px!important}.gl-toolbar{height:39px;font-size:10px;padding:0 13px}.gl-toolbar>b{font-weight:500;color:#bfbfbf}.gl-toolbar>span:last-child{color:#858585}.gl-workspace{height:calc(100% - 39px);gap:0;padding:0;grid-template-columns:21% 1fr}.gl-sidebar{padding:22px 10px 14px}.gl-sidebar>b{font-weight:600;font-size:14px;color:#ddd;margin-bottom:20px}.gl-sidebar>span{font-size:10px;color:#a7a7a7;padding:9px 8px;gap:8px}.gl-sidebar>small{margin:auto 8px 0;color:#747474;font-size:8px}.gl-content{background:#191919;border:0;border-radius:0;padding:22px 26px;color:#ddd}.gl-content .gl-breadcrumb{color:#717171;margin-bottom:17px}.gl-content h3{font-size:25px;font-weight:600;color:#ddd;margin-bottom:9px}.gl-content p{color:#888}.gl-kpis{gap:0;border-bottom:1px solid #ffffff12;margin:23px 0 18px}.gl-kpis>div{background:transparent;border:0;border-radius:0;padding:0 16px 18px}.gl-kpis>div:first-child{padding-left:0}.gl-kpis>div+div{border-left:1px solid #ffffff0d}.gl-kpis small{font-size:9px;color:#999}.gl-kpis b{font-size:28px;font-weight:500;color:#eee;margin:10px 0 7px}.gl-kpis em{color:#6d6d6d;font-size:8px}.gl-chart{background:#202020;border:1px solid #ffffff0a;border-radius:10px;padding:17px}.gl-chart>div{color:#a9a9a9;font-size:10px}.gl-chart>div b{font-weight:500}.gl-chart small{color:#777}.gl-chart .grid{stroke:#ffffff0b}.gl-chart .line{stroke:#90b1eb;stroke-width:2}.gl-chart .area{fill:#678cb51a}.gl-chart svg{height:85px}.gl-bottom{color:#666;font-size:8px}.gl-bottom i{background:#66766c}.gl-product-stage{height:790px}.gl-product-stage .gl-software{padding-top:80px}.gl-phone{top:320px;border-color:#9ba6b4;box-shadow:inset 0 0 0 2px #14171d,3px 1px 0 #4c5665,5px 2px 0 #172131,0 25px 48px #0009}.gl-phone:after{background:linear-gradient(118deg,#ffffff09,transparent 20% 85%,#aac2da08);border-color:#ffffff16}
.sc-hero-app>.gg-desktop{aspect-ratio:1.6}.gg-studio-desktop>.sc-app{position:absolute;left:1.1%;right:1.1%;top:35px;bottom:57px;width:auto;aspect-ratio:auto!important;border-radius:12px!important}.gg-studio-desktop .sc-app .sc-app-top{height:37px}.gg-studio-desktop .sc-app .sc-core-toolbar{height:36px}.gg-studio-desktop .sc-app .sc-app-body{height:calc(100% - 73px)}.sc-theater.gl-reveal{height:850px}.sc-theater.gl-reveal .sc-hero-app{top:100px}.sc-theater.gl-reveal .sc-prompt{top:430px;width:285px}.sc-theater.gl-reveal .sc-float-phone{top:320px;width:175px}.sc-macbook .sc-app{box-shadow:0 8px 20px #0007!important}.sc-hero-app .sc-mac-chin{height:15px;font-size:6px;line-height:15px;color:#515966}.sc-mac-base{height:18px}
/* Safari chrome uses the same quiet graphite, while each website keeps its identity. */
.el-mac-bar,[data-page=concepts] .bar,.sc-browser-bar{background:#2b2b2be8!important;color:#989898!important;border-color:#ffffff14!important;box-shadow:inset 0 1px #ffffff0a!important;backdrop-filter:blur(24px)}.el-mac-bar>span,[data-page=concepts] .bar .url,.sc-browser-bar>span{background:#3b3b3b!important;border:1px solid #ffffff0b!important;border-radius:7px;color:#ababab!important;box-shadow:inset 0 1px #ffffff07!important;font-weight:400}.ag-safari{background:linear-gradient(140deg,#4e4e4ebd,#292929d9)!important;border-color:#ffffff24!important;color:#ddd!important;box-shadow:0 6px 15px #0004,inset 0 1px #ffffff13!important}.ag-safari b{color:#d0d0d0!important}
.gl-hardware-stage{height:690px;border-color:#ffffff12;background:#08090b;border-radius:20px}.gl-hardware-stage .gl-software{padding-top:48px}.gl-hardware-stage .gl-phone{top:280px}.gl-teaser{height:485px;background:#090b0e;border-color:#ffffff12}.gl-teaser .gl-content{padding:13px 15px}.gl-teaser .gl-toolbar{height:28px;font-size:7px}.gl-teaser .gl-toolbar>span:last-child{font-size:6px}.gl-teaser .gl-workspace{height:calc(100% - 28px)}.gl-teaser .gg-desktop>.gl-window{top:24px;bottom:39px;border-radius:9px!important}.gl-teaser .gg-menubar{height:18px;font-size:6px;gap:8px;padding:0 8px}.gl-teaser .gg-menu-status{font-size:6px;gap:6px}.gl-teaser .gg-menu-status svg{width:8px;height:8px}.gl-teaser .gg-menubar>i{font-size:10px}.gl-teaser .gg-dock{height:32px;border-radius:10px;bottom:4px;gap:6px;padding:4px 6px}.gl-teaser .gg-dock img,.gl-teaser .gg-dock-item{width:22px;height:22px;border-radius:6px}.gl-teaser .gg-dock-item svg{width:16px;height:16px}.gl-teaser .gg-dock-divider{height:18px}.gl-teaser .gl-content h3{font-size:17px}.gl-teaser .gl-kpis{margin:14px 0 9px}.gl-teaser .gl-kpis>div{padding:0 8px 10px}.gl-teaser .gl-kpis>div:first-child{padding-left:0}.gl-teaser .gl-kpis b{font-size:20px;margin:7px 0}.gl-teaser .gl-chart{padding:10px}.gl-teaser .gl-chart svg{height:60px}.gl-teaser .gl-phone{top:210px}
@media(max-width:1000px){.gl-product-stage{height:720px}.gl-content{padding:16px 18px}.gl-content h3{font-size:22px}.gl-content .gl-breadcrumb{margin-bottom:12px}.gl-kpis{margin:16px 0 12px}.gl-kpis b{font-size:23px}.gl-kpis>div{padding:0 12px 13px}.gl-chart{padding:12px}.gl-chart svg{height:65px}.gl-sidebar{padding:18px 7px}.gl-sidebar>span{font-size:8px}.gl-sidebar>b{font-size:12px;margin-bottom:14px}.gl-hardware-stage{height:600px}.gl-teaser{height:440px}.ins-app{grid-template-columns:155px 1fr}.ins-sidebar{padding:20px 9px}.ins-sidebar span{font-size:10px}.ins-content{padding:22px}}
@media(max-width:600px){.gl-product-stage{height:475px}.gl-product-stage .gl-software{padding-top:70px}.gg-desktop{aspect-ratio:1.6}.gg-menubar{height:13px;padding:0 5px;gap:6px;font-size:4px}.gg-menubar>i{font-size:7px}.gg-menu-status{font-size:4px;gap:4px}.gg-menu-status svg{width:6px;height:6px}.gg-menubar .gg-battery{width:9px;height:5px;border-width:.5px}.gg-battery:before{inset:1px 2px 1px 1px}.gg-battery:after{height:2px;top:1px;right:-2px}.gg-dock{height:25px;bottom:3px;gap:5px;padding:3px 5px;border-radius:7px}.gg-dock img,.gg-dock .gg-dock-item{width:17px;height:17px;border-radius:5px}.gg-dock-item svg{width:12px;height:12px}.gg-dock-divider{height:16px}.gg-dock-icon:first-child:after{width:2px;height:2px;bottom:-3px}.gg-desktop>.gl-window{top:17px;bottom:30px;border-radius:6px!important}.gl-toolbar{height:21px;font-size:5px;padding:0 6px}.gl-toolbar>span:last-child{font-size:4px}.gl-workspace{height:calc(100% - 21px)}.gl-sidebar{padding:9px 3px}.gl-sidebar>b{font-size:6px;margin:0 3px 8px}.gl-sidebar>span{font-size:4px;padding:4px 3px;gap:4px;border-radius:4px!important}.gl-sidebar>small{font-size:3px;margin:12px 3px 0}.gl-content{padding:10px}.gl-content h3{font-size:12px;margin-bottom:5px}.gl-content p{font-size:5px}.gl-kpis{margin:10px 0 8px}.gl-kpis>div{padding:0 7px 8px}.gl-kpis small{font-size:4px}.gl-kpis b{font-size:14px;margin:5px 0 3px}.gl-kpis em{font-size:3px}.gl-chart{padding:8px;border-radius:5px}.gl-chart>div{font-size:4px;margin-bottom:3px}.gl-chart small{font-size:3px}.gl-chart svg{height:33px}.gl-phone{top:215px}.gl-hardware-stage{height:435px}.gl-hardware-stage .gl-phone{top:210px}.gl-mac{padding:5px 5px 11px}.gl-mac:before{top:5px;height:6px}.sc-theater.gl-reveal{height:455px}.sc-theater.gl-reveal .sc-hero-app{top:70px}.gg-studio-desktop>.sc-app{top:17px;bottom:30px;border-radius:6px!important}.gg-studio-desktop .sc-app .sc-app-top{height:20px}.gg-studio-desktop .sc-app .sc-core-toolbar{height:21px}.gg-studio-desktop .sc-app .sc-app-body{height:calc(100% - 41px)}.sc-theater.gl-reveal .sc-prompt{top:290px;width:190px;padding:12px}.sc-theater.gl-reveal .sc-float-phone{top:180px;width:100px}.sc-app .sc-sidebar{border-radius:0!important}.sc-app .sc-canvas{padding:0 5px 5px}.sc-app .sc-canvas-bar{height:18px}.sc-app .sc-app-top{font-size:4px}.ins-app{display:block;padding:0}.ins-content{padding:20px 15px}.ins-content h3{font-size:23px}.ins-kpis strong{font-size:24px}.ins-kpis>div{padding:0 9px 18px}.ins-kpis small{font-size:9px}.ins-kpis em{font-size:8px}.ins-chart-card{padding:15px}.gl-teaser{height:385px}.gl-teaser .gl-content{padding:9px}.gl-teaser .gl-content h3{font-size:11px}.gl-teaser .gl-kpis b{font-size:12px}.gl-teaser .gl-kpis{margin:8px 0 7px}.gl-teaser .gl-kpis>div{padding:0 6px 7px}.gl-teaser .gl-chart{padding:7px}.gl-teaser .gl-chart svg{height:28px}.gl-teaser .gg-menubar{height:13px;font-size:4px;gap:5px}.gl-teaser .gg-menu-status{font-size:4px}.gl-teaser .gg-desktop>.gl-window{top:17px;bottom:30px;border-radius:6px!important}.gl-teaser .gl-toolbar{height:19px;font-size:4px}.gl-teaser .gl-workspace{height:calc(100% - 19px)}.gl-teaser .gl-toolbar>span:last-child{font-size:3px}.gl-teaser .gg-dock{height:24px}.gl-teaser .gg-dock img,.gl-teaser .gg-dock-item{width:17px;height:17px}.gl-teaser .gl-phone{top:185px}}
@media(prefers-reduced-transparency:reduce){.gg-menubar,.gg-dock,.sc-prompt,.ag-safari{background:#363636!important;backdrop-filter:none!important}.sc-app .sc-sidebar,.ins-sidebar,.gl-sidebar{background:#262626!important}}
.gl-software .gl-chart .grid{stroke:#ffffff16!important}.gl-software .gl-chart .area{fill:#678cb51a}
.sc-sidebar img{filter:brightness(0) invert(.9)!important}