/* Home: product purpose, Agent entry, online tools and software. */
.portfolio-hero{background:var(--paper)}
.portfolio-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:72px;padding-block:70px}
.portfolio-hero-copy h1{font-family:var(--serif);font-size:clamp(40px,4.2vw,58px);font-weight:500;line-height:1.55;letter-spacing:-1px}
.portfolio-hero-copy h1 span,.portfolio-section-heading h2 span{color:var(--accent)}
.portfolio-hero-copy>p{max-width:540px;color:var(--muted);font-size:15px;line-height:2;margin-top:20px}
.portfolio-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:30px}
.portfolio-hero-copy>.home-hero-note{margin-top:28px;font-size:11px}
.home-agent{min-width:0;border:1px solid #cdd4c8;background:#eef1e9;padding:25px 28px 22px}
.home-agent-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.home-agent-top .section-kicker{margin:0;font-size:9px}
.home-agent-platform{font-size:10px;color:#52674f}
.home-agent h2{font:500 34px/1.5 var(--serif);margin-top:24px}
.home-agent h2 span{color:var(--accent);font:21px var(--sans)}
.home-agent-intro{color:var(--muted);font-size:13px;margin-top:3px}
.home-agent-features{margin:24px 0 0;padding:0;list-style:none;border-top:1px solid #d2dacd}
.home-agent-features li{display:flex;align-items:baseline;gap:15px;padding:15px 0;border-bottom:1px solid #d2dacd}
.home-agent-features li>span{color:var(--accent);font:12px Georgia,serif}
.home-agent-features b{font-size:13px;font-weight:600}
.home-agent-features p{color:var(--muted);font-size:11px;line-height:1.8;margin-top:4px}
.home-agent-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px}
.home-agent-bottom .text-link{gap:12px;font-size:12px}
.home-agent-bottom small{color:var(--muted);font-size:10px;white-space:nowrap}
.portfolio-tools{padding-block:42px 46px;background:var(--ink);color:var(--paper)}
.home-tools-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:24px}
.home-tools-heading .section-kicker{color:#b0bdb4;margin:0}
.home-tools-heading h2{font:500 22px/1.6 var(--serif)}
.portfolio-tool-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.portfolio-tool-links>a{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #4e6357;padding:21px 23px;color:var(--paper);transition:background .18s ease}
.portfolio-tool-links>a:hover{background:#263c32}
.tool-link-label{color:#b0bdb4;font-size:9px;letter-spacing:1px}
.portfolio-tool-links h3{font:500 23px/1.5 var(--serif);margin-top:7px}
.portfolio-tool-links p{color:#bdc8c0;font-size:12px;line-height:1.8;margin-top:7px}
.home-tool-arrow{color:#e2a782;font-size:24px}
.portfolio-projects{padding-block:68px 78px;scroll-margin-top:24px}
.portfolio-section-heading{margin-bottom:28px}
.portfolio-section-heading h2{font:500 clamp(24px,2.6vw,32px)/1.6 var(--serif)}
.portfolio-section-heading p{color:var(--muted);font-size:13px;margin-top:10px}
.portfolio-index{border-top:1px solid #b6c0b5}
.portfolio-project-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:20px;padding:23px 12px 23px 0;border-bottom:1px solid var(--line);transition:background .18s ease}
.portfolio-project-row:hover{background:#eff1e9;color:var(--ink)}
.project-row-number{color:var(--accent);font:17px Georgia,serif}
.project-row-content{min-width:0}
.project-row-heading{display:flex;align-items:center;flex-wrap:wrap;gap:9px 18px}
.project-row-heading h3{font:500 22px/1.5 var(--serif)}
.project-row-status{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}
.project-row-status i{width:5px;height:5px;border-radius:50%;background:#72876d}
.is-planned .project-row-status i{background:#a87944}
.project-row-content>p{max-width:740px;color:var(--muted);font-size:13px;line-height:1.85;margin-top:7px}
.project-row-action{color:var(--muted);font-size:11px;white-space:nowrap}
.project-row-action span{color:var(--accent);font-size:18px;margin-left:10px}
/* Shared product detail styles. */
.portfolio-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.portfolio-category{font-size:8px;letter-spacing:1.25px;color:var(--muted)}
.portfolio-status{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;white-space:nowrap}
.portfolio-status i{width:6px;height:6px;border-radius:50%;background:#839779}
.portfolio-tech{display:flex;align-items:flex-start;gap:14px;margin-top:18px}
.portfolio-tech>span{flex:0 0 auto;color:var(--muted);font-size:9px;letter-spacing:.7px;padding-top:4px}
.portfolio-tech>div{display:flex;flex-wrap:wrap;gap:6px}
.portfolio-tech b{font-weight:400;font-size:9px;color:#55645d;background:#eef0e9;padding:3px 7px}
.product-detail-header h1 span{color:var(--accent)}
.product-detail{padding-block:34px 78px}
.product-back{font-size:11px;color:var(--muted)}
.product-detail-header{max-width:810px;padding-block:35px 41px;border-bottom:1px solid var(--line)}
.product-detail-header h1{font-family:var(--serif);font-size:clamp(32px,4.2vw,49px);font-weight:500;line-height:1.5;margin-top:20px}
.product-lead{font-size:17px;line-height:1.8;margin-top:15px}
.product-summary{color:var(--muted);font-size:13px;line-height:2;margin-top:13px}
.product-detail-header .portfolio-tech{margin-top:21px}
.product-detail-section{padding-top:42px}
.product-detail-section h2{font-family:var(--serif);font-size:25px;font-weight:500;margin-bottom:18px}
.product-detail-layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.product-detail-layers article,.product-tech-notes article{min-width:0;border:1px solid var(--line);background:#fcfbf7;padding:17px 18px}
.product-detail-layers small{color:var(--muted);font-size:8px;letter-spacing:1.3px}
.product-detail-layers h3,.product-tech-notes h3{font-size:14px;font-weight:600;margin-top:10px}
.product-detail-layers p,.product-tech-notes p{color:var(--muted);font-size:11px;line-height:1.8;margin-top:7px}
.product-tech-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.product-feature-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;border-top:1px solid var(--line)}
.product-feature-list li{display:flex;align-items:baseline;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}
.product-feature-list li span{color:var(--accent)}
.product-planned-note{border-left:2px solid #b68a59;padding:10px 13px;background:#f0eee6;color:#655b4e;font-size:11px;line-height:1.8;margin-top:16px}
.product-detail-actions{padding-top:30px}

@media(max-width:1000px){.portfolio-hero-grid{gap:38px}.portfolio-hero-copy h1{font-size:clamp(36px,4.4vw,48px)}.home-agent{padding-inline:21px}}
@media(max-width:760px){
.portfolio-hero-grid{grid-template-columns:minmax(0,1fr);padding-block:42px 44px;gap:35px}
.portfolio-hero-copy h1{font-size:clamp(32px,7.6vw,46px);letter-spacing:-.7px}
.portfolio-hero-copy>p{font-size:14px;margin-top:16px}
.portfolio-hero-actions{gap:20px;margin-top:23px}
.portfolio-hero-actions .button{gap:18px}
.portfolio-hero-actions .text-link{gap:9px;font-size:12px}
.portfolio-hero-copy>.home-hero-note{margin-top:20px;font-size:10px}
.home-agent{padding:20px}.home-agent h2{font-size:28px;margin-top:16px}
.home-agent-features{margin-top:18px}.home-agent-features li{padding-block:12px}
.portfolio-tools{padding-block:32px 35px}.home-tools-heading{display:block;margin-bottom:20px}
.home-tools-heading h2{font-size:21px;margin-top:11px}
.portfolio-tool-links{grid-template-columns:minmax(0,1fr);gap:12px}.portfolio-tool-links>a{padding:18px}.portfolio-tool-links h3{font-size:22px}
.portfolio-projects{padding-block:42px 48px}.portfolio-section-heading h2{font-size:25px}
.portfolio-project-row{grid-template-columns:27px minmax(0,1fr) 18px;gap:10px;padding-block:20px;padding-right:0}
.project-row-heading{gap:6px 10px}.project-row-heading h3{font-size:21px}.project-row-content>p{font-size:12px}
.project-row-action{font-size:0}.project-row-action span{font-size:19px;margin:0}
.product-detail{padding-block:25px 55px}.product-detail-header{padding-block:27px 30px}.product-lead{font-size:15px}
.product-detail-section{padding-top:31px}.product-detail-layers,.product-tech-notes,.product-feature-list{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.portfolio-tool-links>a,.portfolio-project-row{transition:none}}

/* Source-reviewed Windows/CAD projects */
.product-profile-snapshot{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:center;gap:34px;max-width:1020px;margin-top:27px;padding:24px;background:#eef1e9;border:1px solid #d3dbd0}
.product-profile-copy h2{font:500 23px/1.55 var(--serif);margin-top:12px}
.product-profile-copy h2 span{color:var(--accent)}
.product-profile-copy>p{max-width:600px;color:var(--muted);font-size:12px;line-height:1.9;margin-top:8px}
.product-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 0}
.product-facts>div{min-width:0;padding:10px 11px;background:#fafaf5;border:1px solid #dfe4dc}
.product-facts dt{font-size:9px;color:var(--muted)}
.product-facts dd{font-size:11px;line-height:1.7;margin-top:5px;overflow-wrap:anywhere}
.product-profile-visual{position:relative;overflow:hidden;min-height:195px;padding:18px 19px;background:#192723;color:#edf1e6}
.product-profile-visual:after{position:absolute;inset:0;content:"";pointer-events:none;background:radial-gradient(ellipse at 85% 18%,#d28a5830,transparent 44%)}
.product-profile-visual-top,.product-profile-node{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px}
.product-profile-visual-top b{font:500 17px/1.5 var(--serif);letter-spacing:.5px}
.product-profile-visual-top span{font-size:8px;letter-spacing:1.3px;color:#aab8ab}
.product-profile-visual-line{height:1px;background:#46574b;margin:15px 0 10px}
.product-profile-node{min-height:37px;padding:5px 0;border-bottom:1px solid #34463b}
.product-profile-node>span{font:11px Georgia,serif;color:#e2a782}
.product-profile-node>b{flex:1;font-size:11px;font-weight:500}
.product-profile-node>i{width:7px;height:7px;border-radius:50%;background:#a9ba9f}
.art-cad{background-color:#18272b}
.art-cad:before{position:absolute;inset:-35% -5%;content:"";opacity:.25;transform:rotate(-18deg);background:repeating-linear-gradient(0deg,transparent 0 20px,#90a99c 21px,#90a99c 22px,transparent 23px 42px)}
.art-shadow{background-color:#242326}
.art-shadow:before{position:absolute;inset:25% -10% auto;height:64px;content:"";border-block:1px solid #b76f4c55;transform:rotate(-9deg);box-shadow:0 12px 0 #b76f4c22,0 -12px 0 #b76f4c22}
.product-release-note{max-width:810px;border-left:2px solid #a8784d;padding:12px 15px;background:#f0eee6;color:#5f574c;font-size:11px;line-height:1.9;margin-top:17px}
.product-release-section{display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1020px;margin-top:36px;padding:23px 25px;background:#192723;color:#edf1e6}
.product-release-section .section-kicker{color:#b8c3b7}
.product-release-section h2{font:500 22px/1.5 var(--serif);margin-top:8px}
.product-release-section h2 span{color:#e2a782}
.product-release-section>div>p{color:#c2cec3;font-size:11px;margin-top:7px}
.product-release-section>div>p b{color:#fff;font-weight:600}
.product-release-section .product-release-hash{overflow-wrap:anywhere;max-width:620px;font-size:9px;color:#9eafa1}
.product-release-section .product-release-hash code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.product-release-section .button{flex:0 0 auto}
@media(max-width:760px){.product-profile-snapshot{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:18px;padding:18px}.product-facts{grid-template-columns:minmax(0,1fr)}.product-profile-visual{min-height:180px}}
@media(max-width:760px){.product-release-section{align-items:flex-start;flex-direction:column;gap:18px;margin-top:27px;padding:18px}.product-release-section .button{width:100%;justify-content:space-between}}
