:root{--paper:#f5f1e9;--white:#fffdf8;--ink:#1b1e1f;--muted:#6d706d;--bronze:#b87327;--line:rgba(46,42,34,.16);--pad:clamp(20px,5vw,78px);font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(180deg,#f9f6ef,#eee9e0 62%,#f8f4ec);color:var(--ink);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(50,45,36,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(50,45,36,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(#000,transparent 88%)}a{color:inherit;text-decoration:none}.portal-nav{height:90px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(249,247,241,.82);backdrop-filter:blur(20px);position:relative;z-index:20}.portal-brand{display:flex;align-items:center;width:max-content}.portal-brand b{font:30px Georgia,serif}.portal-brand b:first-letter{color:var(--bronze)}.portal-brand span{font-size:8px;line-height:1.3;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);border-left:1px solid var(--line);padding-left:15px;margin-left:15px}.portal-nav nav{display:flex;gap:24px;font-size:11px;color:#555a58}.nav-cta{justify-self:end;border:1px solid #b88a52;padding:14px 17px;color:#9d611c;font-size:11px}.nav-cta i,.portal-actions i,.portal-cta i{font-style:normal;margin-left:24px}.portal-hero{min-height:calc(100svh - 90px);padding:clamp(90px,13vh,150px) var(--pad) 60px;display:grid;grid-template-columns:minmax(460px,1fr) minmax(480px,.85fr);gap:7vw;align-items:center;position:relative;overflow:hidden}.portal-hero:before{content:"";position:absolute;inset:0 0 0 32%;background:url('/assets/hero-architecture-v1.jpg') center/cover;opacity:.48;mask-image:linear-gradient(90deg,transparent,#000 36%)}.portal-copy,.portal-signal,.floating-spec{position:relative;z-index:2}.portal-kicker{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);margin:0}.portal-copy h1,.knowledge-hero h1{font:300 clamp(66px,8.5vw,138px)/.84 Arial,sans-serif;letter-spacing:-.075em;max-width:1000px;margin:28px 0 38px}.portal-lead{font-size:clamp(16px,1.3vw,21px);line-height:1.62;color:#616663;max-width:720px}.portal-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.portal-actions a:first-child,.portal-cta div a:first-child{background:linear-gradient(135deg,#dfa44e,#ba7424);padding:19px 22px;min-width:230px;display:flex;justify-content:space-between;box-shadow:0 18px 50px rgba(137,84,20,.18)}.portal-actions a:last-child{border-bottom:1px solid #8c8a83;padding:11px 0;font-size:12px}.portal-signal{align-self:end;margin-bottom:7vh;background:rgba(255,253,248,.74);border:1px solid rgba(133,97,51,.25);backdrop-filter:blur(20px);box-shadow:0 32px 80px rgba(64,52,34,.12)}.portal-signal div{min-height:112px;padding:22px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:48px 1fr;align-items:center}.portal-signal div:last-child{border-bottom:0}.portal-signal small{color:var(--bronze)}.portal-signal strong{font:24px Georgia,serif;font-weight:400}.floating-spec{position:absolute;right:4%;top:12%;width:210px;padding:18px;background:rgba(255,253,248,.72);border:1px solid var(--line);backdrop-filter:blur(18px);animation:float 6s ease-in-out infinite}.floating-spec span{font-size:8px;letter-spacing:.17em;color:var(--bronze)}.floating-spec b{font:16px/1.25 Georgia,serif;display:block;margin-top:12px}.portal-section{padding:clamp(100px,11vw,175px) var(--pad);position:relative}.section-intro{display:grid;grid-template-columns:.34fr 1fr;gap:7vw;margin-bottom:80px}.section-intro h2,.engineering h2,.portal-cta h2{font:300 clamp(48px,6.5vw,96px)/.95 Arial,sans-serif;letter-spacing:-.065em;margin:0;max-width:1050px}.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.outcome-grid article{min-height:390px;padding:28px;border-right:1px solid var(--line);display:flex;flex-direction:column}.outcome-grid article:last-child{border-right:0}.outcome-grid small{color:var(--bronze)}.outcome-grid h3{font:30px/1.08 Georgia,serif;margin:100px 0 20px}.outcome-grid p{color:var(--muted);font-size:13px;line-height:1.72;margin:0}.routine{background:rgba(255,253,248,.62)}.routine-list{border-top:1px solid var(--line)}.routine-list article{display:grid;grid-template-columns:.25fr 1fr 50px;gap:5vw;align-items:center;min-height:130px;border-bottom:1px solid var(--line);transition:.3s}.routine-list article:hover{padding-left:18px;background:rgba(184,115,39,.06)}.routine-list span{font-size:11px;letter-spacing:.15em;color:var(--bronze)}.routine-list b{font:24px/1.35 Georgia,serif;font-weight:400}.routine-list i{font:28px Georgia,serif;color:#a9a49b;font-style:normal}.engineering{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}.engineering>div:first-child h2{margin-top:28px}.engineering-card{background:#fffdf8;border:1px solid var(--line);padding:38px;box-shadow:0 40px 100px rgba(61,50,32,.1);transform:rotate(1deg)}.engineering-card>span{font-size:8px;letter-spacing:.16em;color:var(--bronze)}.engineering-card>p{font:26px/1.38 Georgia,serif;margin:55px 0}.engineering-card ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.engineering-card li{padding:16px 0;border-bottom:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.portal-cta{padding:clamp(110px,13vw,210px) var(--pad);background:linear-gradient(135deg,#eee6d9,#fbf8f1);border-block:1px solid var(--line)}.portal-cta h2{margin:30px 0;max-width:1100px}.portal-cta>p:not(.portal-kicker){font-size:18px;line-height:1.65;color:var(--muted);max-width:700px}.portal-cta>div{display:flex;align-items:center;gap:30px;margin-top:45px}.portal-cta>div a:last-child{color:var(--bronze);border-bottom:1px solid}.knowledge-hero{padding:clamp(100px,13vw,190px) var(--pad) 80px}.knowledge-hero h1{margin-bottom:35px}.knowledge-hero>p:last-child{font-size:18px;color:var(--muted);max-width:680px;line-height:1.65}.knowledge-grid{padding:0 var(--pad) 150px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line)}.knowledge-grid>a,.knowledge-empty{background:var(--white);padding:32px;min-height:360px;display:flex;flex-direction:column}.knowledge-grid small{font-size:9px;color:var(--bronze);letter-spacing:.14em}.knowledge-grid h2{font:32px/1.1 Georgia,serif;margin:80px 0 20px}.knowledge-grid p{color:var(--muted);line-height:1.65}.knowledge-grid b{margin-top:auto;color:var(--bronze);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.article-shell{max-width:1100px;margin:0 auto;padding:120px var(--pad)}.article-shell>header{border-bottom:1px solid var(--line);padding-bottom:60px}.article-shell>header h1{font:300 clamp(54px,7vw,95px)/.92 Arial,sans-serif;letter-spacing:-.065em;margin:28px 0}.article-shell>header>p:last-child{font-size:19px;line-height:1.6;color:var(--muted)}.article-body{max-width:760px;padding:70px 0}.article-body h1,.article-body h2{font:42px/1.1 Georgia,serif;margin:60px 0 24px}.article-body p,.article-body li{font-size:17px;line-height:1.8;color:#414543}.article-note{display:block;min-height:0;padding:30px;border:1px solid var(--line);background:var(--white)}body>footer{padding:50px var(--pad);display:grid;grid-template-columns:1fr 2fr auto;gap:40px;border-top:1px solid var(--line);position:relative}body>footer>a{font:28px Georgia,serif}body>footer p,body>footer span{font-size:11px;color:var(--muted);margin:0;line-height:1.6}@keyframes float{50%{transform:translateY(-14px) rotate(.5deg)}}@media(max-width:1050px){.portal-nav{grid-template-columns:1fr auto}.portal-nav nav{display:none}.portal-hero{grid-template-columns:1fr}.portal-signal{max-width:680px;margin:0}.outcome-grid{grid-template-columns:1fr 1fr}.outcome-grid article:nth-child(2){border-right:0}.engineering{grid-template-columns:1fr}.knowledge-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.portal-nav{height:74px;padding:0 20px}.portal-brand span,.nav-cta{display:none}.portal-hero{padding:105px 20px 55px;min-height:auto}.portal-hero:before{inset:0;opacity:.26;mask-image:linear-gradient(#000,transparent)}.portal-copy h1,.knowledge-hero h1{font-size:clamp(56px,17vw,82px)}.portal-actions{align-items:flex-start;flex-direction:column}.portal-signal{margin-top:50px}.floating-spec{display:none}.portal-section,.portal-cta,.knowledge-hero{padding-left:20px;padding-right:20px}.section-intro{display:block}.section-intro h2{font-size:50px;margin-top:24px}.outcome-grid,.knowledge-grid{grid-template-columns:1fr}.outcome-grid article{border-right:0;min-height:310px}.outcome-grid h3{margin-top:65px}.routine-list article{grid-template-columns:78px 1fr;padding:22px 0}.routine-list b{font-size:19px}.routine-list i{display:none}.engineering-card{padding:24px}.engineering-card>p{font-size:22px}.portal-cta>div{align-items:flex-start;flex-direction:column}body>footer{grid-template-columns:1fr;gap:20px}.knowledge-grid{padding-left:20px;padding-right:20px;background:transparent;gap:16px}.article-shell{padding:90px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Product routes: readable engineering label and native mobile navigation. */
.portal-product .engineering-card>span {
  color: #795121;
  font-size: .875rem;
  line-height: 1.6;
  letter-spacing: .08em;
}
.portal-product .mobile-nav summary {
  min-height: 44px;
  line-height: 44px;
  font-size: .875rem;
}
.portal-product .mobile-nav div { top: 100%; }
.portal-product .mobile-nav div a { min-height: 44px; font-size: .875rem; }
.portal-product .mobile-nav summary:focus-visible,
.portal-product .mobile-nav a:focus-visible {
  outline: 2px solid #795121;
  outline-offset: 3px;
}
@media (max-width: 680px) {
  .portal-product h1, .portal-product h2 { overflow-wrap: anywhere; }
  .portal-product .portal-hero>div, .portal-product .engineering>div { min-width: 0; }
  .portal-product .engineering-card>span { overflow-wrap: anywhere; }
  .portal-product .claim-grid { grid-template-columns: minmax(0, 1fr); }
  .portal-product .claim-grid article { min-width: 0; overflow-wrap: anywhere; }
  .portal-product .claim-grid footer { flex-wrap: wrap; }
}