/* V2: same palette and typography, stronger hierarchy and technical specificity. */
.bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.category-main{grid-column:span 5;min-height:365px;padding:29px 29px 0;overflow:hidden;display:flex;flex-direction:column}
.category-0,.category-3{grid-column:span 7}.category-main:first-child{background:#0e1721}
.category-copy{position:relative}.category-index{color:#8da0b6;font-size:11px;letter-spacing:1.4px;display:block;margin-bottom:16px}.category-copy h3{font-size:24px}.category-copy p{max-width:390px;min-height:45px;font-size:15px}.category-copy .arrow{right:0;top:0;color:var(--accent)}
.mini-panel{border:1px solid #2b3b4e;border-bottom:0;border-radius:5px 5px 0 0;background:#0a1018;margin-top:27px;min-height:185px;pointer-events:none}
.mini-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 15px;border-bottom:1px solid #233040;font-size:12px;color:#b5c7da}.mini-top small{font-size:10px;color:#90a3b9}.panel-domain{display:flex;justify-content:space-between;padding:14px 16px 9px;font-family:monospace;color:#b7d9e9;font-size:13px;gap:10px}.panel-domain span{font:11px 'DM Sans',sans-serif;color:#8ea0b7}
.panel-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:4px 16px 15px}.panel-tools>span{background:#121c28;padding:9px 11px;color:var(--accent);font-size:15px;border:1px solid #1f2d3e;border-radius:3px}.panel-tools b{font-size:12px;font-weight:400;color:#aebed1;margin-left:6px}
.health-check{display:flex;justify-content:space-between;margin:0 16px;padding:8px 0;border-bottom:1px solid #1c2938;font-size:12px;color:#aebed1}.health-check b{color:#9dccda;font-size:11px;font-weight:400}.health-track{display:flex;align-items:center;justify-content:space-between;margin:10px 16px;font-size:11px;color:#a6bbd0}.health-track i{font-style:normal;color:#5d7f99}
.root-lines{font-family:monospace;font-size:12px;padding:13px 17px;line-height:1.8;color:#c4cfdd}.root-lines em{color:var(--accent);font-style:normal}.root-result{color:#93a7bd;padding-bottom:6px}.root-prompt{color:var(--accent)}
.topology-panel{text-align:center}.topology-root{font-size:11px;color:#b7c9da;margin:13px auto 0}.topology-connector{height:12px;width:1px;background:#42647e;margin:auto}.topology-node{border:1px solid #48718c;border-radius:3px;width:60%;margin:auto;padding:6px;background:#142434;font-size:12px;color:#c2e6f6}.topology-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;margin:20px 30px 14px}.topology-branches:before{content:'';position:absolute;left:16%;right:16%;top:-11px;border-top:1px solid #34516a}.topology-branches:after{content:'';position:absolute;left:50%;top:-20px;height:10px;border-left:1px solid #34516a}.topology-branches span{position:relative;border:1px solid #293d51;padding:5px;font-family:monospace;font-size:11px;color:#a7c3db}.topology-branches span:before{content:'';position:absolute;height:10px;left:50%;top:-11px;border-left:1px solid #34516a}
.category-secondary{grid-column:span 6;min-height:0;padding:22px 28px;background:transparent}.category-secondary .category-index{display:none}.category-secondary h3{font-size:18px}.category-secondary p{max-width:none;min-height:0;font-size:14px}.category-secondary .arrow{top:2px}.category-secondary .category-copy h3{padding-right:30px}
.architecture{padding:27px;border:1px solid #2d4359;border-radius:5px;background:#0d151f}.architecture-caption{font-size:10px;letter-spacing:1.5px;color:#92a9be;margin-bottom:25px}.architecture-workloads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.architecture-workloads span{padding:12px 3px;text-align:center;border:1px solid #334b62;font-size:12px;color:#b4cadd;border-radius:3px;position:relative}.architecture-workloads span:after{content:'';height:18px;border-left:1px solid #3f657f;position:absolute;left:50%;bottom:-19px}.architecture-bus{height:20px;margin:0 16.7%;border-bottom:1px solid #3f657f;position:relative}.architecture-bus:after{content:'';position:absolute;height:20px;left:50%;top:19px;border-left:1px solid #3f657f}.architecture-server{border:1px solid #4c8baa;background:#142838;display:flex;justify-content:space-between;gap:20px;padding:20px;margin-top:20px;align-items:center}.architecture-server span{font-size:10px;color:#76bfdc;letter-spacing:1px}.architecture-server strong{display:block;font-size:17px;font-weight:500;margin-top:4px}.architecture-server .server-label{border:1px solid #315d76;padding:5px 8px;font-family:monospace}.architecture-resources{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #304559;border-top:0}.architecture-resources>div{padding:17px 8px;text-align:center}.architecture-resources>div+div{border-left:1px solid #304559}.architecture-resources span{font-family:monospace;font-size:13px;color:#adcfe6}.architecture-resources small{display:block;font-size:10px;color:#8fa6bd;margin-top:4px}.architecture-footer{display:flex;gap:13px;justify-content:center;margin-top:22px;font-size:12px;color:#b4c5d6}.architecture-footer b{font-weight:400;color:#657c96}
.managed-section{margin-top:95px;padding:65px 0;background:#0e1721;border-top:1px solid #2b4053;border-bottom:1px solid #2b4053}.managed-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;align-items:center}.section-label{display:block;font-size:11px;letter-spacing:1.6px;color:#99afc5;margin-bottom:22px}.managed-intro h2{font-size:clamp(31px,3.1vw,43px);line-height:1.25;letter-spacing:-1.5px}.managed-intro h2 span{color:var(--accent)}.managed-intro>p{font-size:16px;color:#a6b7ca;max-width:510px;margin:24px 0}.managed-footnote{font-size:12px;color:#91a5bb;margin-top:18px;max-width:410px}.maintenance-list article{display:grid;grid-template-columns:24px 1fr;gap:16px;padding:24px 0;border-top:1px solid #2b3d4f}.maintenance-list article:last-child{border-bottom:1px solid #2b3d4f}.maintenance-list article>span{font-family:monospace;font-size:12px;color:#6996b4;padding-top:3px}.maintenance-list h3{font-size:18px}.maintenance-list p{font-size:14px;color:#a3b5c9;margin-top:7px;line-height:1.75}
.people-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:105px;padding-bottom:80px}.people-statement .section-label{margin-bottom:27px}.people-statement h2{font-size:clamp(52px,6vw,78px);font-weight:700;line-height:1.07;letter-spacing:-3px}.people-statement h2 span{color:var(--accent)}.people-statement>p{margin-top:24px;color:#a6b7c9;font-size:16px;line-height:1.8}.people-copy{padding-top:7px}.people-copy>h3{font-size:29px;letter-spacing:-.9px;line-height:1.3}.people-copy>p{font-size:16px;color:#aebed0;line-height:1.85;margin-top:22px}.support-principles{border-top:1px solid var(--line);margin-top:28px;padding-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:27px}.support-principles strong{font-weight:550;font-size:14px}.support-principles p{font-size:13px;color:#96abc0;margin-top:7px;line-height:1.7}
.support-section{padding-top:40px;border-top:1px solid #2a3b4c}.support-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:start;margin-bottom:30px}.support-heading h2{font-size:clamp(27px,2.7vw,35px)}.support-heading p{color:#a5b6c9;font-size:15px;margin-bottom:18px;max-width:410px}.support-console{border:1px solid #34495e;border-radius:5px;background:#080e15;overflow:hidden}.support-console .terminal-top{display:flex;justify-content:space-between;gap:20px;font-size:12px}.terminal-top>span:last-child{font-size:11px;color:#92a8bd}.console-columns{display:grid;grid-template-columns:1fr 1.4fr}.console-input{padding:28px;border-right:1px solid #26384a}.console-label{font-size:10px;letter-spacing:1.2px;color:#809cb5;display:block;margin-bottom:22px}.console-input p{font-family:monospace;font-size:17px;line-height:1.9;color:#c5daeb}.console-hint{font-size:11px;color:#8199b0;display:block;margin-top:20px}.console-log{padding:28px;font-family:monospace}.console-log .console-label{font-family:'DM Sans',sans-serif}.console-log>div{display:grid;grid-template-columns:23px 115px 1fr;gap:13px;padding:8px 0;font-size:12px}.console-log b{font-weight:400;color:var(--accent)}.console-log small{font-size:11px;color:#93aabd}.console-log span{color:#bdd0e0}.console-conclusion{border-top:1px solid #26384a;padding:15px 27px;display:flex;justify-content:space-between;gap:20px}.console-conclusion span:first-child{font-size:10px;letter-spacing:.6px;color:#789bb6}.console-conclusion span:last-child{font-size:12px;color:#9cd4ea}
.migration-section{margin-top:95px;padding:50px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.migration-section .section-head{margin-bottom:20px}.migration-section h2{font-size:30px}.migration-section .chips{margin-top:0;gap:0}.migration-section .chips span{border:0;background:none;padding:0 15px 0 0;border-radius:0;font-size:12px;color:#87a2b9}.migration-section .chips span+span{border-left:1px solid var(--line);padding-left:15px}.migration-section .steps{gap:35px;margin-top:28px}.migration-section .step h3{font-size:17px}.migration-section .step p{font-size:13px}.migration-section .step .number{font-size:11px}.migration-section .button{padding:10px 17px}.migration-section .actions{margin-top:24px}
@media(max-width:1000px){.managed-layout,.people-section{gap:45px}.support-heading{gap:35px}.console-log>div{grid-template-columns:20px 105px 1fr;gap:8px}.console-log{padding:23px}.category-main{padding:24px 24px 0}.mini-top{padding:10px}.panel-tools{margin:4px 10px 15px}.panel-tools>span{padding:8px}.panel-tools b{margin-left:3px}}
@media(max-width:850px){.category-main{grid-column:span 6;min-height:375px;padding:22px 18px 0}.category-copy h3{font-size:22px}.category-copy p{font-size:14px;min-height:67px}.mini-top{font-size:11px}.mini-top small{font-size:9px}.panel-tools>span{font-size:12px;padding:7px 5px}.panel-tools b{font-size:10px}.panel-domain{font-size:11px}.panel-domain span{font-size:10px}.health-check{margin:0 10px;font-size:11px}.health-check b{font-size:10px}.root-lines{font-size:11px;padding:13px 11px}.category-secondary .category-copy p{min-height:0}.managed-layout{grid-template-columns:1fr;gap:35px}.managed-intro h2{font-size:39px}.managed-section{margin-top:65px;padding:45px 0}.maintenance-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.maintenance-list article{display:block}.maintenance-list article:last-child{border-bottom:0}.maintenance-list h3{font-size:17px;margin-top:10px}.people-section{padding-top:75px;padding-bottom:55px;gap:40px}.people-statement h2{font-size:58px}.people-copy>h3{font-size:24px}.people-copy>p{font-size:15px}.support-principles{grid-template-columns:1fr;gap:18px}.support-heading{grid-template-columns:1fr;gap:20px}.support-heading>div{display:flex;align-items:center;gap:25px}.support-heading p{margin:0}.support-heading .button{white-space:nowrap}.console-columns{grid-template-columns:1fr}.console-input{border-right:0;border-bottom:1px solid #26384a;padding:22px}.console-label{margin-bottom:15px}.console-input p{font-size:16px}.console-input p br{display:none}.console-log>div{grid-template-columns:20px 115px 1fr;font-size:13px;gap:15px}.console-log small{font-size:12px}.console-conclusion{flex-wrap:wrap;gap:7px}.migration-section{margin-top:65px}}
@media(max-width:560px){.bento{grid-template-columns:1fr;gap:16px}.category-main,.category-secondary{grid-column:auto}.category-main{min-height:0;padding:23px 20px 0}.category-copy p{min-height:0;font-size:15px}.category-index{font-size:10px}.mini-panel{margin-top:24px}.mini-top{font-size:12px;padding:11px 12px}.mini-top small{font-size:10px}.panel-tools{margin:4px 12px 17px;gap:6px}.panel-tools>span{padding:8px;font-size:14px}.panel-tools b{font-size:11px}.panel-domain{padding:13px 12px;font-size:12px}.root-lines{font-size:12px;padding:13px 15px}.health-check{font-size:12px;padding:9px 0}.health-check b{font-size:11px}.category-secondary{padding:20px}.category-secondary h3{font-size:18px}.category-secondary p{font-size:14px}.managed-intro h2{font-size:33px}.maintenance-list{grid-template-columns:1fr;gap:0}.maintenance-list article{display:grid;padding:22px 0}.maintenance-list h3{margin-top:0}.maintenance-list article:last-child{border-bottom:1px solid #2b3d4f}.people-section{grid-template-columns:1fr;gap:37px;padding-top:65px}.people-statement h2{font-size:65px}.people-statement .section-label{font-size:10px}.people-copy>h3{font-size:28px}.people-copy>h3 br{display:none}.people-copy>p{font-size:16px}.support-principles{gap:20px}.support-principles p{font-size:14px}.support-heading>div{display:block}.support-heading p{margin-bottom:20px}.support-console .terminal-top{flex-direction:column;gap:5px;padding:15px 20px}.console-input{padding:22px 20px}.console-log{padding:22px 20px}.console-log>div{grid-template-columns:20px 1fr;gap:4px 10px;padding:9px 0}.console-log small{grid-column:2}.console-conclusion{padding:16px 20px}.console-conclusion span:first-child{font-size:9px}.architecture{padding:20px 15px}.architecture-caption{font-size:9px}.architecture-workloads{gap:7px}.architecture-workloads span{font-size:11px}.architecture-server{padding:16px 12px;gap:10px}.architecture-server strong{font-size:15px}.architecture-server .server-label{font-size:9px;padding:4px}.architecture-resources small{font-size:9px}.architecture-resources span{font-size:12px}.architecture-footer{font-size:11px;gap:10px}.migration-section .chips{gap:8px 0}.migration-section .chips span{font-size:11px;padding-right:10px}.migration-section .chips span+span{padding-left:10px}.migration-section .steps{gap:23px}.migration-section .step p{font-size:14px}.migration-section .step h3{font-size:18px}}
.hero{grid-template-columns:1.2fr 1fr;gap:45px;min-height:680px}
.hero h1{font-size:clamp(39px,4.1vw,57px);line-height:1.18;letter-spacing:-2.2px}
.hero-categories{gap:0;font-size:12px;color:#b0c1d4}
.hero-categories span:before{content:none}.hero-categories span+span:before{content:'·';margin:0 10px;color:#657d96}
.dashboard{transform:none;box-shadow:none}.dashboard .status i{animation:none}.dashboard .metrics{padding-bottom:26px}.dashboard .metrics strong{font-size:25px;margin-top:3px}.dashboard .demo{font-size:10px;letter-spacing:.7px}.dashboard .health b{display:none}.dashboard .health{font-size:12px}.dashboard .dash-footer{font-size:12px}.dashboard .chart{height:105px}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:38px;min-height:0}.hero h1{font-size:48px;max-width:650px}.hero .dashboard{max-width:600px}}
@media(max-width:560px){.hero h1{font-size:39px;letter-spacing:-1.6px}.hero h1 br{display:none}.hero-categories{font-size:11px;row-gap:6px}.hero-categories span+span:before{margin:0 6px}.dashboard .dash-top{gap:5px}.dashboard .demo{font-size:9px}.hero{padding-top:45px}}