/* AKYASA corporate + catalog integration. Layered onto the approved V8.5 UI. */
:root{--ak-brand:#123f30;--ak-accent:#df702a;--ak-offwhite:#f7f8f5;--ak-muted:#66746d}
.desktop-nav .compro-nav-dropdown{position:relative;align-self:center;font-size:.875rem;font-weight:600}
.desktop-nav .compro-nav-dropdown summary{padding:12px 0;list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap}
.desktop-nav .compro-nav-dropdown summary::-webkit-details-marker{display:none}
.desktop-nav .compro-nav-dropdown[open] summary{color:var(--ak-brand)}
.desktop-nav .compro-nav-dropdown summary span{font-size:1rem;font-weight:400}
.compro-nav-panel{position:absolute;top:calc(100% + 17px);left:-24px;z-index:50;width:245px;background:#fff;border:1px solid #e1e8e2;border-radius:12px;box-shadow:0 22px 45px rgba(13,51,37,.13);padding:8px;display:grid;gap:0}
.desktop-nav .compro-nav-panel a{padding:11px 13px;border-radius:7px;font-weight:500;white-space:nowrap;font-size:.855rem}
.desktop-nav .compro-nav-panel a:hover{background:#f0f5f1;color:var(--ak-brand)}
.compro-nav-dropdown:focus-within summary{outline-offset:5px}
.compro-mobile-link{padding-left:22px!important}
.compro-footer-company .footer-links{display:grid;gap:3px}
.footer .footer-grid{grid-template-columns:1.4fr .82fr 1fr 1fr .86fr;gap:25px}
.footer .footer-grid>div{min-width:0}
.footer .compro-footer-company h3{color:#f4f5f2}
.compro-main{background:#fff;min-height:55vh}
.compro-main .breadcrumb{padding-top:23px;padding-bottom:12px;color:#6f7973;font-size:13px}
.compro-main .breadcrumb a{color:#234f3c;font-weight:600}
.compro-hero{background:#f3f5f0;overflow:hidden}
.compro-hero--services{background:#f9f4ed}
.compro-hero-grid{display:grid;grid-template-columns:1fr .96fr;min-height:510px;align-items:stretch;gap:48px}
.compro-hero-copy{padding:78px 0 74px;align-self:center}
.compro-hero h1,.compro-page-intro h1{font-weight:600;max-width:720px;font-size:clamp(2.35rem,4.05vw,4.4rem);line-height:1.085;letter-spacing:-.055em;color:#143e2d;margin:0 0 24px}
.compro-hero-copy>p:not(.eyebrow),.compro-page-intro>p:not(.eyebrow){font-size:1.03rem;max-width:600px;line-height:1.8;color:#56665b}
.compro-hero .eyebrow,.compro-page-intro .eyebrow{color:#b85b21}
.compro-actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin-top:25px}
.compro-overline{font-size:.79rem!important;letter-spacing:.045em;margin-top:24px;color:#5d7366!important}
.compro-hero-image{align-self:stretch;position:relative;min-height:375px;overflow:hidden;border-radius:0 0 0 110px;background:#d9e2d8}
.compro-hero-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.compro-hero-image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#102c2499)}
.compro-image-caption{position:absolute;bottom:30px;left:37px;z-index:1;letter-spacing:.135em;font-size:.65rem;font-weight:700;color:#fff}
.compro-section{padding-top:85px;padding-bottom:86px}
.compro-section>h2,.compro-section h2,.compro-soft h2{color:#143e2d}
.compro-split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start}
.compro-split h2{max-width:580px;font-size:clamp(2.1rem,3.1vw,3.2rem);letter-spacing:-.05em}
.compro-lead{font-size:1.02rem;color:#64736a;line-height:1.7}
.compro-text p{line-height:1.83;color:#526159}
.compro-milestones{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}
.compro-milestones>div{padding:25px 24px;border:1px solid #dae3dc;border-radius:10px;background:#fbfcfa;min-height:128px}
.compro-milestones strong{display:block;color:#c86423;font-size:clamp(1.55rem,2.3vw,2.25rem);font-weight:600;letter-spacing:-.06em}
.compro-milestones span{font-size:.82rem;color:#5e6b63}
.compro-soft{background:#f5f7f3}
.compro-three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.compro-panel{background:white;border:1px solid #dce5dc;border-radius:12px;padding:30px;min-height:245px}
.compro-panel h3{font-size:1.26rem;line-height:1.3;letter-spacing:-.025em;color:#163b2c;margin:20px 0 13px}
.compro-panel p{font-size:.91rem;color:#657369;line-height:1.78}
.compro-panel--accent{background:#163e2e;color:white;border-color:#163e2e}
.compro-panel--accent h3,.compro-panel--accent p,.compro-panel--accent .compro-n{color:white}
.compro-n{color:#ae693a;font-weight:700;letter-spacing:.13em;font-size:.73rem}
.compro-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:26px}
.compro-heading h2{margin-bottom:9px;max-width:680px}
.compro-heading p:not(.eyebrow){max-width:690px;font-size:.95rem;color:#67766c;margin:0}
.compro-heading .btn{flex:none}
.compro-brands{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.compro-brand{border:1px solid #dfe7df;border-radius:11px;background:#fff;padding:19px;display:flex;flex-direction:column;gap:7px;min-width:0;transition:box-shadow .2s ease,transform .2s ease}
.compro-brand:hover{box-shadow:0 12px 25px #123f3012;transform:translateY(-2px)}
.compro-brand img{height:53px;width:100%;object-fit:contain;object-position:left center;margin-bottom:8px}
.compro-brand strong{font-size:.98rem;color:#244936}
.compro-brand>span:not(.compro-arrow){color:#68786e;font-size:.79rem;line-height:1.55;flex:1}
.compro-brand .compro-arrow{font-size:.77rem;color:#b95d25;font-weight:700;margin-top:12px}
.compro-smallnote{font-size:.8rem!important;line-height:1.68!important;color:#738077!important;margin-top:17px!important}
.compro-advantages{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.compro-advantages>div{padding:24px 20px;background:#fff;border:1px solid #dde5dc;border-radius:10px}
.compro-advantages b{color:#bb642c;font-weight:700;font-size:.76rem}
.compro-advantages h3{font-size:1.01rem;color:#183b2c;margin:15px 0 9px}
.compro-advantages p{font-size:.81rem;line-height:1.65;color:#69776c;margin:0}
.compro-text-link{font-size:.88rem;color:#c2672a;font-weight:700}
.compro-endcta{text-align:center;border-top:1px solid #e4e9e2;max-width:1100px}
.compro-endcta h2{max-width:780px;margin:0 auto 20px}
.compro-endcta>p:not(.eyebrow){max-width:640px;margin:0 auto 25px;color:#69776f;line-height:1.7}
.compro-endcta .compro-actions{justify-content:center}
.compro-page-intro{padding-top:76px;padding-bottom:40px}
.compro-page-intro h1{max-width:830px}
.compro-page-intro>p:not(.eyebrow){max-width:810px}
.compro-services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}
.compro-service{border:1px solid #dfe6df;border-radius:12px;padding:33px 34px;background:#fff;position:relative;min-height:280px}
.compro-service>span{font-size:.85rem;color:#bc6432;font-weight:700}
.compro-service h3{font-size:1.35rem;margin:16px 0;color:#173d2b}
.compro-service p{color:#65736a;font-size:.95rem;line-height:1.78;max-width:500px}
.compro-service a{font-size:.86rem;color:#b55b23;font-weight:700}
.compro-project-section{padding-top:30px}
.compro-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}
.compro-project-card{margin:0;border:1px solid #e1e8e2;border-radius:12px;overflow:hidden;background:#fff}
.compro-project-card>img{width:100%;height:245px;object-fit:cover}
.compro-project-card figcaption{padding:18px 20px 22px;display:flex;gap:5px;flex-direction:column}
.compro-project-card figcaption strong{font-size:1rem;color:#1d4030}
.compro-project-card figcaption span{font-size:.82rem;color:#6b796f}
.compro-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.compro-step{border:1px solid #dfe6df;padding:29px;border-radius:12px;background:#fff;min-height:225px}
.compro-step>span{font-size:2rem;color:#d47739;letter-spacing:-.06em}
.compro-step h3{color:#183e2d;margin:18px 0 12px;font-size:1.15rem}
.compro-step p{font-size:.92rem;color:#65746b;line-height:1.72}
.compro-mini-cta{background:#f3f6f3;padding:32px 34px;border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.compro-mini-cta h2{margin:0;font-size:clamp(1.5rem,2.3vw,2.5rem)}
.compro-home-intro{background:#f7f8f5;border-bottom:1px solid #e6ebe4;padding:58px 0}
.compro-home-grid{display:grid;grid-template-columns:1.28fr .9fr;gap:70px;align-items:center}
.compro-home-intro h2{font-size:clamp(1.9rem,3vw,3.05rem);letter-spacing:-.045em;max-width:730px;margin-bottom:20px;color:#193e2e}
.compro-home-intro p:not(.eyebrow){color:#58695f;max-width:715px;line-height:1.8;font-size:.96rem}
.compro-home-links{border-top:1px solid #d6dfd7}
.compro-home-links>a{border-bottom:1px solid #d6dfd7;padding:20px 6px;display:grid;grid-template-columns:1fr 28px;gap:6px 8px;align-items:center}
.compro-home-links>a>span:first-child{grid-column:1;color:#ac643a;font-size:.72rem;font-weight:700;letter-spacing:.1em}
.compro-home-links>a strong{color:#1b4030;font-size:1.03rem;grid-column:1}
.compro-home-links>a span:last-child{grid-column:2;grid-row:1/span 2;color:#ac643a;font-size:1.25rem}
.compro-home-links>a:hover strong{color:#bb5f27}
/* Keep original catalog behavior intact; corporate additions scale independently. */
@media(max-width:1240px){.footer .footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:30px}.compro-brands{grid-template-columns:repeat(3,1fr)}.compro-advantages{grid-template-columns:repeat(3,1fr)}.compro-hero-grid{gap:28px}.compro-hero-copy{padding:63px 0}}
@media(max-width:1000px){.compro-home-grid{grid-template-columns:1fr;gap:24px}.compro-home-links{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border:0}.compro-home-links>a{border:1px solid #d8e2da;border-radius:9px;background:#fff;padding:17px}.compro-hero-grid{grid-template-columns:1fr}.compro-hero-copy{padding:55px 0 20px}.compro-hero-image{min-height:335px;border-radius:16px 16px 0 0;margin-bottom:40px}.compro-split{gap:40px}.compro-three,.compro-project-grid,.compro-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
 .footer .footer-grid{grid-template-columns:1fr 1fr;gap:26px}.compro-section{padding-top:56px;padding-bottom:60px}.compro-main .breadcrumb{padding-top:17px;font-size:12px}
 .compro-hero-copy{padding:45px 0 21px}.compro-hero h1,.compro-page-intro h1{font-size:clamp(2.16rem,8vw,3.3rem);line-height:1.13;margin-bottom:19px}.compro-hero-copy>p:not(.eyebrow),.compro-page-intro>p:not(.eyebrow){font-size:.94rem;line-height:1.77}
 .compro-hero-image{min-height:255px;margin-bottom:22px;border-radius:10px}.compro-image-caption{left:20px;bottom:18px;font-size:.61rem}
 .compro-split,.compro-services-grid{grid-template-columns:1fr;gap:19px}.compro-milestones{grid-template-columns:1fr 1fr;gap:10px}.compro-milestones>div{padding:20px}
 .compro-three{grid-template-columns:1fr;gap:13px}.compro-panel{padding:24px;min-height:0}.compro-heading{align-items:start;flex-direction:column;gap:13px}
 .compro-brands{grid-template-columns:repeat(2,1fr);gap:11px}.compro-brand{padding:17px 15px}.compro-brand img{height:48px}
 .compro-advantages{grid-template-columns:repeat(2,1fr);gap:11px}.compro-advantages>div{padding:19px 16px}.compro-home-intro{padding:43px 0}.compro-home-links{grid-template-columns:1fr;gap:8px}.compro-home-links>a{padding:17px}
 .compro-page-intro{padding-top:44px;padding-bottom:20px}.compro-project-grid{grid-template-columns:repeat(2,1fr);gap:13px}.compro-project-card>img{height:165px}.compro-project-card figcaption{padding:13px}.compro-project-card figcaption strong{font-size:.86rem}.compro-project-card figcaption span{font-size:.73rem}
 .compro-steps{grid-template-columns:1fr;gap:12px}.compro-step{min-height:0;padding:23px}
 .compro-mini-cta{align-items:start;flex-direction:column;padding:25px}.compro-main .btn{min-height:44px}.compro-actions{gap:10px}
}
@media(max-width:480px){.footer .footer-grid{grid-template-columns:1fr 1fr;gap:22px}.footer .footer-grid>div:first-child{grid-column:span 2}.compro-home-intro h2{font-size:2rem}.compro-brands{grid-template-columns:repeat(2,minmax(0,1fr))}.compro-advantages{grid-template-columns:1fr 1fr}.compro-milestones{grid-template-columns:1fr 1fr}.compro-milestones>div:last-child{grid-column:span 2}.compro-project-grid{grid-template-columns:1fr 1fr;gap:10px}.compro-project-card>img{height:135px}.compro-hero .compro-actions{align-items:stretch}.compro-hero .compro-actions .btn{flex:1}}
@media(prefers-reduced-motion:reduce){.compro-brand{transition:none}}