/* ARHAR 1.4 — warm materials, quiet motion, readable technology. */
:root{--radius:24px;--radius-sm:14px;--warm:#f5f2eb;--ease:cubic-bezier(.2,.7,.2,1)}
body{background:#fcfbf8}
.site-header{background:#fcfbf8;transition:box-shadow .3s,background .3s}
.site-header.is-scrolled{background:#fffefb;box-shadow:0 8px 30px #2527250a}
.reading-progress{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;pointer-events:none}
.menu-toggle{border-radius:12px;transition:background .2s}
.menu-toggle:hover{background:#f2e9dc}
#main-nav>a{position:relative;transition:color .2s}
#main-nav>a::after{content:"";position:absolute;left:0;right:0;bottom:13px;height:2px;border-radius:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
#main-nav>a:hover::after,#main-nav>a:focus-visible::after{transform:scaleX(1)}
.intro,.industrial-hero,.gateway-intro{background:radial-gradient(ellipse at 78% 20%,#f7931d10,transparent 52%),linear-gradient(135deg,#fcfbf8,#f3f0e9)}
.intro::after,.industrial-hero::after,.gateway-intro::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('process-contours.svg') no-repeat right center/auto 130%;opacity:.42}
.intro::before,.industrial-hero::before,.gateway-intro::before{opacity:.04}
.industrial-hero{padding-bottom:64px;border-radius:0 0 40px 40px}
.industrial-copy .eyebrow::before,.intro .eyebrow::before{content:"";display:inline-block;width:21px;height:2px;vertical-align:middle;margin-right:12px;background:var(--orange)}
.industrial-copy h1 em{color:#e88612}
.industrial-film{border-radius:30px;box-shadow:0 22px 55px #47351b16;overflow:hidden;isolation:isolate;border:1px solid #ffffffaa}
.industrial-film .film-label{background:#252725a8;backdrop-filter:blur(10px);padding:11px 14px;border-radius:99px;bottom:20px;left:20px;max-width:calc(100% - 40px)}
.video-toggle,.ambient-toggle,.photo-zoom{backdrop-filter:blur(12px);transition:background .2s,transform .2s}
.video-toggle:hover,.ambient-toggle:hover,.photo-zoom:hover{transform:scale(1.08)}
.intro{border-radius:0 0 36px 36px}
.gateway-intro{background-color:transparent;border-radius:var(--radius);padding-left:30px;padding-right:30px;margin:24px -30px}
.gateway-card{border-radius:30px;box-shadow:0 12px 35px #25272512}
.gateway-card video{transition:transform 1s var(--ease)}
.gateway-card:hover video{transform:scale(1.035)}
.gateway-overlay .circle-arrow{border-radius:50%;transition:transform .4s var(--ease),background .3s}
.gateway-overlay:hover .circle-arrow{background:var(--orange);transform:translate(3px,-3px)}
.gateway-card:last-child .gateway-overlay:hover .circle-arrow{background:#842e82}
.button{border-radius:var(--radius-sm);position:relative;isolation:isolate;overflow:hidden;transition:background .25s,box-shadow .25s,transform .25s var(--ease);box-shadow:0 4px 10px #f7931d10}
.button>span{transition:transform .3s var(--ease)}
.button:hover>span{transform:translate(3px,-3px)}
.button:hover{box-shadow:0 9px 22px #ba751626;transform:translateY(-2px)}
.button:active{transform:translateY(0) scale(.985)}
.button.dark:hover{box-shadow:0 10px 24px #25272526}
.feature-card{border:1px solid #dedbd2;border-radius:var(--radius);overflow:hidden;background:#fff;transition:box-shadow .4s var(--ease),border-color .3s,transform .4s var(--ease)}
.feature-card .card-image{overflow:hidden}
.feature-card .card-image img{transition:transform .9s var(--ease)}
.feature-card .text-link b{display:inline-block;transition:transform .3s var(--ease)}
.feature-card:hover .text-link b{transform:translate(3px,-3px)}
.feature-card .card-body{padding:27px}
.feature-card .index{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:50%;background:#f7f1e7;color:#956227;letter-spacing:.03em}
.text-link,.plain-link{transition:color .2s}
.quick-links{border-radius:18px;background:#f2efe8;border:1px solid #e3dfd5;padding:18px 23px;gap:20px}
.section.soft{background:radial-gradient(ellipse at 95% 0,#f7931d0a,transparent 50%),#f2f0e9}
.hero-visual,.photo,.ambient-photo,.hero-photo,.machine,.diagram,.timber-drawing{border-radius:var(--radius);overflow:hidden}
.hero-visual{border:1px solid #dfdcd3;box-shadow:0 14px 35px #48381808}
.hero-visual figcaption,.machine figcaption{padding:14px 18px}
.split>figure>img,.split>figure>video,.film-feature video,.gallery-link{border-radius:var(--radius)}
.film-feature video{display:block;box-shadow:0 12px 35px #25272512}
.steps{gap:22px}
.steps article{position:relative;border:1px solid #dedbd3;border-radius:var(--radius);background:#fffdf9;padding:28px;transition:box-shadow .3s,border-color .3s}
.steps article .index{display:flex;align-items:center;justify-content:center;background:#f6e9d5;color:#8b5b1a;border-radius:50%;width:44px;height:44px;font-size:12px;margin-bottom:24px}
.steps article h3{font-size:24px}
.steps article p{margin-top:16px}
.steps article:hover{border-color:#e4b875;box-shadow:0 9px 24px #69441b0a}
.cta{position:relative;isolation:isolate;overflow:hidden;border-radius:30px;background:linear-gradient(115deg,#f6a338,#f7ad47 54%,#f9bc67);box-shadow:0 18px 38px #b8832c12}
.cta::before{content:"";z-index:-1;position:absolute;inset:0;background:url('process-contours.svg') right center/auto 180% no-repeat;opacity:.38}
.cta>.button{flex-shrink:0}
.insight,.role-note,.scope-note,.note,.notice{border-radius:var(--radius-sm)}
.flow-tabs{gap:8px;border:1px solid #dedbd2;background:#e7e4dc;border-radius:20px;padding:8px}
.flow-tabs button{border:0!important;border-radius:13px;background:transparent;transition:background .25s,color .25s,box-shadow .3s;position:relative}
.flow-tabs button[aria-selected=true]{background:#fffdf9;color:#242622;box-shadow:0 3px 10px #53442b12}
.flow-tabs button[aria-selected=true] span{color:#a65b08}
.flow-tabs button:hover{background:#ffffff88}
.flow-panels{padding:0 8px}
.diagram{background:radial-gradient(ellipse at 30% 20%,#fffaf2,#e9e2d5)}
.diagram::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#997b4e0b 1px,transparent 1px),linear-gradient(90deg,#997b4e0b 1px,transparent 1px);background-size:24px 24px;pointer-events:none}
.diagram small{background:#f7f3ebd9;border-radius:9px;padding:6px 10px;left:12px;bottom:12px;max-width:calc(100% - 24px);backdrop-filter:blur(8px)}
.diagram .board{border-radius:8px}
.diagram .board span{border-radius:4px}
.accordion details{border:1px solid #dedbd2;border-radius:18px;margin-bottom:12px;background:#fffdf9;padding:0 22px;transition:border-color .2s,background .2s}
.accordion details[open]{border-color:#d9ad70;background:#fff9ef}
.accordion summary{padding:23px 0}
.accordion summary>span{display:inline-flex;align-items:center;justify-content:center;background:#f2ece1;border-radius:50%;width:31px;height:31px;flex-shrink:0;transition:transform .25s}
.accordion details[open] summary>span{transform:rotate(45deg)}
.accordion details>div{padding:0 0 24px}
.partner-grid>article,.material-grid>article{border-radius:var(--radius);overflow:hidden;background:#fffdf9;border:1px solid #e0ddd4;transition:box-shadow .35s,transform .35s var(--ease)}
.brand-link{border-radius:14px;transition:background .25s,box-shadow .25s,transform .25s}
.brand-link:hover{box-shadow:0 7px 22px #2527250a}
.brand-link img{max-width:100%;transition:transform .35s var(--ease)}
.brand-link:hover img{transform:scale(1.045)}
.manufacturer-ribbon{border:0;background:transparent;padding-top:36px;padding-bottom:8px}
.manufacturer-ribbon .brand-strip{gap:12px}
.manufacturer-ribbon .brand-link{background:#fff;border:1px solid #e6e2d8;border-radius:16px;min-width:0}
.manufacturer-ribbon .brand-link img{max-width:100%}
input,textarea,select{border-radius:12px!important}
.contact-form{border-radius:var(--radius)}
.site-footer{border-radius:34px 34px 0 0}
.refine-reveal{transition:opacity .4s var(--ease),translate .4s var(--ease)}
.refine-reveal.is-pending{opacity:0;translate:0 25px}
.refine-reveal.is-pending:focus-within{opacity:1;translate:0 0}
.refine-reveal.is-visible{transition-delay:var(--reveal-delay,0ms)}
.motion-preference{display:inline-flex;align-items:center;gap:8px;border:1px solid currentColor;color:inherit;background:transparent;border-radius:99px;padding:8px 13px;font:inherit;font-size:11px;cursor:pointer;margin-top:15px;opacity:.8}
.motion-preference::before{content:"";height:6px;width:6px;border-radius:50%;background:var(--orange)}
.motion-preference:hover{opacity:1}
.arhar-help .ah-launch{border-radius:22px;background:#272923;border:1px solid #595947;box-shadow:0 10px 35px #30271626;padding:10px 19px 10px 10px;transition:transform .3s var(--ease),box-shadow .3s}
.arhar-help .ah-launch:hover{transform:translateY(-4px);box-shadow:0 16px 38px #30271630}
.arhar-help .ah-launch .ah-mark{border-radius:16px;background:linear-gradient(130deg,#ffb958,var(--orange));width:45px;height:45px}
.arhar-help .ah-panel{border-radius:26px;box-shadow:0 24px 80px #25272532;border:1px solid #ddd5c7;background:#fcfaf6}
.arhar-help.is-open .ah-panel{animation:chat-entrance .32s var(--ease) both;transform-origin:bottom right}
.arhar-help .ah-head{background:#f5f0e7;border-bottom:1px solid #e8dece;padding:19px 20px}
.arhar-help .ah-welcome h3{letter-spacing:-.04em}
.arhar-help .ah-context{background:#fcfaf6}
.arhar-help .ah-suggestion{border-radius:13px;transition:background .2s,transform .2s}
.arhar-help .ah-suggestion:hover{transform:translateX(3px);background:#fff5e4}
.arhar-help .ah-message{animation:message-entrance .25s var(--ease)}
.arhar-help .ah-message-text{border-radius:16px}
.arhar-help.is-busy .ah-status::after{content:"";display:inline-block;vertical-align:middle;width:4px;height:4px;margin-left:10px;border-radius:50%;background:var(--orange);box-shadow:7px 0 #f7931d88,14px 0 #f7931d44;animation:thinking-dots .9s ease-in-out infinite alternate}
@keyframes chat-entrance{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@keyframes message-entrance{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@keyframes thinking-dots{to{opacity:.4;transform:translateY(-2px)}}
@media(hover:hover) and (pointer:fine){
  .feature-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px #45351c13;border-color:#d6b484}
  .feature-card:hover .card-image img{transform:scale(1.045)}
  .partner-grid>article:hover,.material-grid>article:hover{transform:translateY(-3px);box-shadow:0 12px 30px #45351c0d}
}
@media(max-width:900px){
  .industrial-film{border-radius:24px}
  .feature-card .card-body{padding:23px}
  .steps article{padding:24px}
  .gateway-intro{padding-left:20px;padding-right:20px;margin-left:-20px;margin-right:-20px}
  #main-nav>a::after{display:none}
}
@media(max-width:650px){
  :root{--radius:20px}
  .industrial-hero{border-radius:0 0 26px 26px;padding-bottom:30px}
  .industrial-film{border-radius:22px}
  .industrial-film .film-label{font-size:8px;bottom:12px;left:12px;padding:9px 10px;max-width:calc(100% - 24px)}
  .intro{border-radius:0 0 26px 26px}
  .gateway-intro{margin-top:12px;border-radius:22px}
  .gateway-card{border-radius:24px}
  .steps{gap:16px}
  .steps article .index{margin-bottom:20px}
  .cta{border-radius:24px}
  .quick-links{padding:18px;gap:16px}
  .flow-tabs{gap:6px;border-radius:17px;padding:6px}
  .flow-tabs button{padding:15px 11px}
  .flow-panels{padding:0}
  .accordion details{padding:0 18px}
  .accordion summary{font-size:16px;gap:15px}
  .manufacturer-ribbon .brand-strip{gap:8px}
  .manufacturer-ribbon .brand-link{border-radius:12px}
  .arhar-help .ah-launch{padding:8px 15px 8px 8px;border-radius:20px}
  .arhar-help .ah-panel{border-radius:24px}
  .arhar-help .ah-head{padding:16px}
}
html.motion-reduced *,html.motion-reduced *::before,html.motion-reduced *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.motion-reduced .refine-reveal.is-pending{opacity:1;translate:none}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .refine-reveal.is-pending{opacity:1;translate:none}
}
@media print{.refine-reveal.is-pending{opacity:1;translate:none}.reading-progress,.motion-preference{display:none}}