/* Garmo v8: complete public-product art direction. System fonts only. */
.silicon-catalog-hero{position:relative;overflow:hidden;background:#f5f5f7;min-height:490px;padding:88px 0 74px}.silicon-catalog-hero .shell{position:relative}.silicon-catalog-hero h1{max-width:660px;font-size:clamp(46px,5.5vw,78px);line-height:1.02;letter-spacing:-.055em;position:relative;z-index:2;white-space:pre-line}.silicon-catalog-hero p{max-width:480px;position:relative;z-index:2;font-size:19px}.silicon-orbit{position:absolute;width:750px;right:-140px;top:-80px;pointer-events:none}.silicon-orbit img{width:100%;height:auto;filter:drop-shadow(0 36px 30px #24332218)}
.catalog-grid.silicon-catalog-grid{gap:26px;grid-template-columns:repeat(3,minmax(0,1fr))}.silicon-card{border:0!important;border-radius:24px;overflow:hidden;background:#f5f5f7;box-shadow:0 0 0 1px #e7e9e6;transition:box-shadow .25s,transform .25s}.silicon-card:hover{box-shadow:0 15px 38px #1c2e1610;transform:translateY(-3px)}.card-visual{position:relative;background:radial-gradient(ellipse at 45% 35%,#fff,#eff1ee 72%);overflow:hidden}.card-visual .card-image{display:block;position:relative;height:auto;aspect-ratio:1.48;overflow:hidden;background:transparent;margin:0}.card-visual .card-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:scale(.99);transition:opacity .32s,transform .4s}.card-visual .card-image picture img{opacity:1}.card-visual .card-alt-view{opacity:0;transform:scale(.92)!important;padding:17px}.card-visual[data-show-architecture=true] picture img{opacity:0}.card-visual[data-show-architecture=true] .card-alt-view{opacity:1}.view-switch{position:absolute;bottom:12px;right:12px;border:1px solid #cbd5ca;background:#ffffffde;color:#2c4935;backdrop-filter:blur(10px);padding:7px 12px;border-radius:24px;font-size:11px;min-height:34px;z-index:3}.view-switch span{font-size:14px;margin-left:7px}.view-switch:hover,.view-switch[aria-pressed=true]{background:#e2eee3;border-color:#81a58a}.silicon-card .card-body{padding:26px 26px 23px}.silicon-card .card-body h2{font-size:31px;letter-spacing:-.035em;min-height:0;margin:9px 0 16px}.silicon-card .card-body>p{font-size:14px;line-height:1.6;min-height:90px;-webkit-line-clamp:5}.silicon-card .card-top .eyebrow{font-size:10px}.silicon-card .card-bottom{margin-top:24px}.silicon-card .pill{margin-top:20px}.product-hero-picture{display:block;margin:auto;width:min(1200px,100%)}.product-hero .product-hero-picture img{width:100%;height:auto;max-height:730px;object-fit:contain;margin:0 auto!important;display:block}.product-hero .product-name{margin-bottom:14px}.product-hero h1{white-space:pre-line}.story-head h2{white-space:pre-line}.product-hero.light{background:#f5f5f7}.product-hero:not(.light){background:#080a09}.silicon-gallery{padding-top:95px}.gallery-stage{border-radius:30px;background:#f5f6f3;overflow:hidden;border:1px solid #e2e6df}.gallery-picture{height:580px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#fff,#eef1eb)}.gallery-picture>img{width:100%;height:100%;max-width:1080px;object-fit:contain}.gallery-scale{position:absolute;left:30px;bottom:22px;font-size:10px;letter-spacing:.13em;color:#68726a}.gallery-scale span{padding:0 9px;color:#078441}.gallery-tabs{display:flex;justify-content:center;gap:6px;padding:20px 14px 6px;flex-wrap:wrap}.gallery-tabs button,.inspector-tabs button{min-height:44px;border:0;padding:10px 23px;border-radius:25px;color:#5e655f;background:transparent;font-size:14px}.gallery-tabs button[aria-selected=true],.inspector-tabs button[aria-selected=true]{background:#1b2f22;color:#fff}.gallery-tabs button:hover{background:#dce6db;color:#1b2f22}.gallery-caption{text-align:center;color:#677168;font-size:12px;padding:15px 24px 27px;margin:0;line-height:1.6;min-height:63px}.v8-annotated{height:auto!important;min-height:0!important;padding:14px 20px 40px!important;display:block!important;position:relative;background:#f4f6f3!important;overflow:hidden;border-radius:20px 20px 0 0}.v8-annotated>svg{width:100%;height:auto;max-height:500px;display:block;margin:auto}.v8-annotated .arch-label{bottom:15px;color:#637567}.v8-annotated .visual-node rect{transition:stroke .4s,fill .4s,stroke-width .4s}.v8-annotated .visual-node.active rect{stroke:#07864a;stroke-width:3;fill:#e3efe2}.v8-annotated .visual-node.active text{fill:#144c29}.architecture-player{padding:15px 23px;display:flex;align-items:center;gap:20px;background:#f4f6f3;color:#526555;font-size:11px;border-top:1px solid #dce4d8}.architecture-player .btn{color:#244a2e}.architecture .arch-tabs{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.architecture .arch-tabs button{overflow-wrap:anywhere;white-space:normal;min-height:50px}.related-workflow-note{font-size:12px!important;color:#727972;max-width:450px;margin-top:16px!important}.workload .actions{margin-top:22px}.mobile-sections{display:none}.local-nav>.shell{gap:20px}.local-links{gap:19px!important}.local-links>a{font-size:12px!important}
.context-ribbon{background:#edf4eb;border-bottom:1px solid #d5e4d2;color:#244932;padding:14px 0}.context-ribbon .shell{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.context-ribbon p{font-size:11px;line-height:1.5;margin:0}.context-ribbon a{font-weight:600;text-decoration:underline;text-underline-offset:4px}.editorial-entry{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0 35px}.editorial-entry>a{border-radius:18px;background:#f0f3ee;padding:23px;display:grid;gap:15px;border:1px solid #e1e8dc}.editorial-entry span{font-size:9px;letter-spacing:.1em;color:#597a60}.editorial-entry strong{font-size:17px;letter-spacing:-.025em;line-height:1.35;font-weight:500}.editorial-entry a:hover{background:#e4ede0}.visual-hero h1,.family-grid h2{white-space:pre-line}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.collection-tile{display:flex;flex-direction:column;border:1px solid #dee6db;border-radius:26px;padding:30px;background:#fff;min-height:315px;transition:transform .25s}.collection-tile:hover{transform:translateY(-3px)}.collection-tile h2{font-size:30px;line-height:1.07;letter-spacing:-.035em;margin:22px 0 18px}.collection-tile p{font-size:14px;color:#616961;line-height:1.65;flex:1}.collection-tile .text-link{margin-top:22px}.mini-flow{display:flex;align-items:center;gap:8px;margin-top:30px}.mini-flow i{display:grid;place-items:center;width:44px;height:44px;border:1px solid #80aa8b;border-radius:12px;font-style:normal;color:#487854;background:#f0f6ed;font-size:14px}.mini-flow span{color:#8cb694}.task-flow{display:flex;align-items:center;justify-content:space-between;gap:26px;margin:5px 0 35px;background:white;border-radius:24px;border:1px solid #d6e1d2;padding:35px}.task-flow>div{flex:1}.task-flow span{font:12px monospace;color:#438455}.task-flow h2{font-size:30px;margin-top:16px}.task-flow b{color:#318249;font-weight:400}.collection-boundary{font-size:12px;line-height:1.75;color:#657267;margin:23px 0 43px;max-width:930px}.family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.family-grid>a{border-radius:20px;border:1px solid #dce3d9;padding:26px;background:#fff;position:relative;min-height:150px}.family-grid span{font-size:11px;color:#598162}.family-grid h2{font-size:26px;margin:24px 20px 10px 0;line-height:1.12}.family-grid b{position:absolute;bottom:24px;right:24px;color:#26723e}.ip-function-diagram{display:flex;gap:20px;align-items:stretch;margin:38px 0 10px}.ip-function-diagram>div{flex:1;border:1px solid #a8bba8;border-radius:18px;padding:26px;background:#fff;position:relative}.ip-function-diagram>div+div:before{content:'+';position:absolute;left:-16px;top:45%;color:#408a52}.ip-function-diagram span{font:11px monospace;color:#388344}.ip-function-diagram p{font-size:14px;color:#394c3d;line-height:1.6;margin-top:22px}.compare-table thead img{display:block;width:230px;height:160px;object-fit:contain;margin:auto}.compare-table .task-comparison td:first-child{color:#235d31;font-weight:600}.compare-table .task-comparison{background:#f3f7ef}.studio-intro h1{font-size:clamp(46px,7vw,88px);letter-spacing:-.055em}.studio-intro{background:linear-gradient(145deg,#f8faf6,#eef3e8);padding:95px 0 65px}.studio-facts{display:flex;gap:60px;margin:55px 0 0}.studio-facts>div{display:grid;gap:10px}.studio-facts strong{font-size:44px;letter-spacing:-.055em;font-weight:500;color:#286737}.studio-facts span{font-size:12px;color:#556958}.studio-window{border:1px solid #d5ddd2;border-radius:22px;box-shadow:0 24px 75px #1738200b;background:#fff;overflow:hidden}.studio-window .window-bar{color:#607366;background:#eef2eb}.studio-window>img{width:100%;height:auto;display:block}.studio-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin:42px 0}.studio-steps span{font:10px monospace;color:#397950}.studio-steps h3{font-size:23px;margin:20px 0 17px;line-height:1.2}.studio-steps p{font-size:14px;color:#657268;line-height:1.7}.studio-steps button{margin-top:16px}.execution-inspector{background:#101913;color:#e1ebdf;border-radius:18px;padding:20px;overflow:hidden}.inspector-tabs{display:flex;gap:8px;border-bottom:1px solid #405443;padding-bottom:15px}.inspector-tabs button{color:#b8c6b8}.inspector-tabs button[aria-selected=true]{background:#d5eacd;color:#17341c}.execution-inspector pre{margin:0;padding:28px 12px;max-height:360px;overflow:auto;font-size:12px;line-height:1.65;color:#c6d9c4;white-space:pre-wrap;overflow-wrap:anywhere}.release-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.release-shelf>a{border:1px solid #dbe4d6;border-radius:17px;background:#fff;padding:25px;display:flex;flex-direction:column;gap:20px}.release-shelf h3{font-size:22px;line-height:1.2}.release-shelf span:last-child{font-size:11px;color:#4b7552}
@media(hover:hover) and (pointer:fine){.card-visual:not([data-show-architecture=false]):hover .card-alt-view{opacity:1}.card-visual:not([data-show-architecture=false]):hover picture img{opacity:0}}
@media(max-width:1100px){.catalog-grid.silicon-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.silicon-orbit{width:580px;right:-120px;top:-45px;opacity:.75}.silicon-catalog-hero h1{max-width:530px}.silicon-catalog-hero p{max-width:430px}.gallery-picture{height:490px}.local-links{gap:12px!important}.local-links>a{font-size:11px!important}.collection-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.local-nav .local-links>a:not(.btn){display:none!important}.local-nav>.shell{position:relative;gap:12px;display:flex;align-items:center}.mobile-sections{display:block;margin-left:auto;position:relative}.mobile-sections summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;font-size:12px;padding:10px;list-style:none}.mobile-sections summary:after{content:'⌄';font-size:16px}.mobile-sections[open] summary:after{content:'⌃'}.mobile-sections>div{position:absolute;right:-10px;top:calc(100% + 8px);width:205px;border:1px solid #d2ddd0;box-shadow:0 16px 35px #1a33151a;background:#fff;border-radius:17px;padding:10px;z-index:80}.mobile-sections a{display:block;min-height:44px;padding:12px 16px;color:#264230;font-size:14px;border-radius:8px}.mobile-sections a:hover{background:#edf4e9}.local-nav strong{font-size:13px!important;max-width:34%;overflow-wrap:anywhere}.local-nav .local-links{display:flex;flex-shrink:0}.local-nav .local-links .btn{font-size:11px!important;padding:9px 13px;min-height:37px}.context-ribbon .shell{flex-wrap:wrap;gap:9px}.context-ribbon p{width:100%;order:3}.context-ribbon button{margin-left:auto}.silicon-catalog-hero{min-height:0;padding:56px 0 18px}.silicon-catalog-hero h1{font-size:clamp(42px,8vw,60px);max-width:95%}.silicon-catalog-hero p{font-size:17px;max-width:90%}.silicon-orbit{position:relative;top:auto;right:auto;width:min(100%,560px);height:250px;margin:10px auto 0;opacity:1}.silicon-orbit img{height:100%;object-fit:contain}.gallery-picture{height:400px}.gallery-scale{font-size:8px;left:18px;bottom:15px}.editorial-entry{grid-template-columns:1fr;gap:10px}.editorial-entry>a{padding:20px}.family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-flow{gap:15px;padding:25px}.task-flow h2{font-size:24px}.studio-steps{gap:25px}.studio-facts{gap:40px}.release-shelf{grid-template-columns:repeat(2,1fr)}.ip-function-diagram{flex-wrap:wrap}.ip-function-diagram>div{flex-basis:40%}.product-hero h1{font-size:clamp(38px,8vw,61px)}.silicon-gallery{padding-top:60px}.v8-annotated{padding:5px 0 42px!important}.architecture-player{flex-wrap:wrap;gap:10px}.studio-steps h3{font-size:21px}}
@media(max-width:600px){.catalog-grid.silicon-catalog-grid{grid-template-columns:1fr;gap:23px}.card-visual .card-image{aspect-ratio:1.25}.silicon-card .card-body{padding:24px}.silicon-card .card-body>p{min-height:0}.silicon-card .card-body h2{font-size:33px}.gallery-picture{height:340px}.gallery-stage{border-radius:22px}.gallery-tabs{gap:1px;padding-inline:6px}.gallery-tabs button{font-size:12px;padding:10px 15px}.gallery-caption{font-size:11px}.gallery-scale{font-size:7px;letter-spacing:.08em}.collection-grid,.family-grid{grid-template-columns:1fr}.collection-tile{min-height:280px}.task-flow{flex-direction:column;align-items:stretch}.task-flow b{transform:rotate(90deg);align-self:center}.studio-steps{grid-template-columns:1fr;gap:30px}.studio-facts{gap:25px}.studio-facts strong{font-size:35px}.studio-facts span{font-size:10px;max-width:90px}.release-shelf{grid-template-columns:1fr}.studio-intro{padding:65px 0 48px}.execution-inspector{padding:12px}.inspector-tabs button{padding:10px 15px;font-size:12px}.ip-function-diagram{flex-direction:column}.ip-function-diagram>div+div:before{content:'+';left:50%;top:-23px}.silicon-orbit{height:205px}.v8-annotated .arch-label{font-size:9px}.architecture-player span{font-size:10px}.arch-text{font-size:14px!important;line-height:1.7}.architecture .arch-tabs button{font-size:11px;padding:12px 4px}.product-hero .product-hero-picture img{max-height:none}.gallery-caption{min-height:80px}}
@media(prefers-reduced-motion:reduce){.silicon-card,.card-visual img,.visual-node rect{transition:none!important}.silicon-card:hover{transform:none}.card-visual:hover .card-alt-view{transition:none}}
/* Explicit image containment keeps the gallery controls free of overlapping pixels. */
.gallery-picture{overflow:hidden}.gallery-picture>img{position:absolute;inset:0;min-height:0;max-height:100%;margin:auto}.gallery-tabs,.gallery-caption{position:relative;z-index:1}
@media(min-width:781px) and (max-width:1100px){.mobile-sections{display:block;margin-left:auto;position:relative}.mobile-sections summary{cursor:pointer;padding:13px;font-size:13px;min-height:44px}.mobile-sections>div{position:absolute;right:0;top:100%;width:210px;padding:10px;background:#fff;border:1px solid #d7e0d2;border-radius:16px;box-shadow:0 14px 35px #12351420;z-index:85}.mobile-sections a{display:block;padding:12px;min-height:44px;font-size:14px}.local-links a:not(.btn){display:none!important}}
.visual-footer-links{display:flex;flex-wrap:wrap;gap:14px 28px;padding-bottom:30px;font-size:12px;color:#456c4d}.visual-footer-links a:hover{text-decoration:underline;text-underline-offset:4px}