:root{--ink:#102a29;--ink2:#183a38;--cream:#f5f2eb;--paper:#fffdf8;--sand:#e8e1d3;--lime:#c9e948;--sun:#ffb74d;--muted:#697875;--line:#dcd6ca;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--mono:"DM Mono",monospace;--ease:cubic-bezier(.2,.75,.2,1)}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5} img{display:block;max-width:100%} a{color:inherit;text-decoration:none} button,input{font:inherit} button{cursor:pointer}
    .shell{width:min(1240px,calc(100% - 48px));margin:auto}.eyebrow{font:500 .69rem/1 var(--mono);text-transform:uppercase;letter-spacing:.14em;color:#61716e;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:22px;height:1px;background:currentColor}.display{font:500 clamp(3.4rem,6.4vw,6.75rem)/.93 var(--serif);letter-spacing:-.07em;margin:0}.display em{font-style:italic;color:#769433}.section-title{font:500 clamp(2.45rem,4.6vw,4.7rem)/.98 var(--serif);letter-spacing:-.06em;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:100px;padding:16px 23px;font-weight:700;font-size:.9rem;transition:transform .25s var(--ease),background .25s}.button:hover{transform:translateY(-2px)}.button.dark{background:var(--ink);color:#fff}.button.light{background:#fff;color:var(--ink)}.button.lime{background:var(--lime);color:var(--ink)}.arrow{font-size:1.25em;line-height:0}.text-link{font-weight:700;font-size:.88rem;border-bottom:1px solid currentColor;padding-bottom:4px}
    /* nav */
    .nav{height:88px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{display:flex;align-items:center}.brand-logo{display:block;width:122px;height:58px;object-fit:contain}.links{display:flex;gap:30px;font-size:.83rem;font-weight:600}.links a{transition:color .2s}.links a:hover{color:#829d2e}.nav-action{display:flex;gap:16px;align-items:center}.nav-action .phone{font:500 .74rem var(--mono)}.menu{display:none;border:0;background:none;font-size:1.4rem;color:var(--ink)}
    /* hero */
    .hero{min-height:760px;position:relative;display:grid;align-items:center;padding:54px 0 80px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:48px;align-items:center}.hero-copy{padding:40px 0}.hero-copy .eyebrow{margin-bottom:28px}.hero-copy .summary{max-width:440px;margin:27px 0 34px;font-size:1.06rem;color:#536360}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap}.hero-quote{margin-top:60px;display:flex;align-items:center;gap:13px;color:#576663;font-size:.78rem}.rating{display:flex;color:#9aaf3d;font-size:1rem;letter-spacing:1px}.hero-visual{position:relative;min-height:570px}.photo-frame{height:570px;border-radius:2px;overflow:hidden;position:relative;box-shadow:0 30px 60px -38px rgba(16,42,41,.45)}.photo-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(5,22,27,.15),transparent 45%,rgba(5,22,27,.32))}.photo-frame img{width:100%;height:100%;object-fit:cover;object-position:68% center;transition:transform 1.2s var(--ease)}.hero-visual:hover img{transform:scale(1.04)}.metric{position:absolute;background:#fff;padding:15px 17px;box-shadow:0 14px 26px -17px rgba(16,42,41,.55);z-index:2}.metric.top{right:-21px;top:37px}.metric.bottom{left:-31px;bottom:35px}.metric .m-label{display:block;font:500 .62rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#768481;margin-bottom:5px}.metric b{font:600 1.23rem var(--serif);letter-spacing:-.05em}.metric .dot{height:8px;width:8px;border-radius:50%;background:#8db52b;display:inline-block;margin-right:5px}
    .ticker{background:var(--ink);color:white;overflow:hidden;white-space:nowrap;padding:16px 0;font:500 .69rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.ticker-track{display:inline-flex;gap:42px;animation:marquee 28s linear infinite}.ticker strong{color:var(--lime);font-weight:500}@keyframes marquee{to{transform:translateX(-50%)}}
    /* intro */
    .intro{padding:145px 0 132px;display:grid;grid-template-columns:1fr 1.1fr;gap:120px}.intro-copy{max-width:650px}.intro-copy .eyebrow{margin-bottom:25px}.intro-copy p{max-width:480px;color:#62706e;margin:28px 0 0;font-size:1.03rem}.principles{border-top:1px solid var(--line)}.principle{display:grid;grid-template-columns:50px 1fr;gap:16px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line)}.principle .number{font:500 .69rem var(--mono);color:#829d2e;padding-top:4px}.principle h3{font-size:1.03rem;margin:0}.principle p{margin:5px 0 0;color:#788581;font-size:.85rem;max-width:360px}
    /* difference */
    .dark-section{background:var(--ink);color:white;padding:130px 0}.dark-section .eyebrow{color:#a5b5ae}.dark-section .section-title{max-width:720px;margin:27px 0 65px}.dark-section .section-title em{color:var(--lime)}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature{border-top:1px solid rgba(255,255,255,.25);padding:25px 0}.feature-num{font:500 .68rem var(--mono);color:var(--lime)}.feature h3{font:500 1.68rem var(--serif);letter-spacing:-.04em;margin:34px 0 12px}.feature p{color:#b8c4bf;font-size:.9rem;max-width:32ch;margin:0}.feature svg{width:28px;height:28px;stroke:var(--lime);fill:none;stroke-width:1.4;float:right;margin-top:-17px}
    /* calculator */
    .calculator{padding:135px 0}.calc-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.calc-heading p{color:var(--muted);max-width:380px;margin:0;font-size:.94rem}.calc-card{display:grid;grid-template-columns:1fr .92fr;background:var(--paper);box-shadow:0 20px 50px -35px rgba(16,42,41,.25)}.calc-controls{padding:52px}.calc-controls h3{font:500 2.15rem/1 var(--serif);letter-spacing:-.055em;margin:0 0 45px}.range-row{margin:0 0 35px}.range-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:13px;font-weight:600;font-size:.88rem}.range-head output{font:500 1.05rem var(--mono);color:#77942e}input[type=range]{width:100%;appearance:none;height:4px;background:linear-gradient(90deg,#95b73c var(--fill),#dedcd4 var(--fill));border-radius:4px}input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--ink);border:3px solid #fff;box-shadow:0 1px 5px #99a}.range-scale{display:flex;justify-content:space-between;color:#8a9692;font:500 .63rem var(--mono);margin-top:8px}.toggle{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;font-size:.86rem;font-weight:600}.switch{width:42px;height:23px;background:#cad0ca;border-radius:99px;padding:3px;transition:.2s}.switch:before{content:"";display:block;width:17px;height:17px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px #999}.switch.active{background:#97b83a}.switch.active:before{transform:translateX(19px)}.calc-output{background:#dbe4c5;padding:52px;display:flex;flex-direction:column;justify-content:space-between}.calc-output small{font:500 .65rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#54604d}.savings{font:500 clamp(3.6rem,5.5vw,5.9rem)/.9 var(--serif);letter-spacing:-.08em;margin:15px 0 10px}.savings span{color:#6c8d2e}.out-copy{font-size:.87rem;color:#586350;margin:0;max-width:32ch}.out-stats{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:40px;border-top:1px solid rgba(16,42,41,.18)}.out-stat{padding:17px 0;border-bottom:1px solid rgba(16,42,41,.18)}.out-stat:nth-child(odd){border-right:1px solid rgba(16,42,41,.18);padding-right:18px}.out-stat:nth-child(even){padding-left:18px}.out-stat b{font:500 1.4rem var(--serif);letter-spacing:-.04em;display:block}.out-stat small{font-size:.58rem;color:#596257;letter-spacing:.06em}
    /* projects */
    .projects{padding:0 0 135px}.project-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:43px}.project-head p{max-width:360px;color:var(--muted);font-size:.92rem;margin:0}.project-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:310px 310px;gap:16px}.project{position:relative;overflow:hidden;background:#253b38}.project:first-child{grid-row:span 2}.project img{width:100%;height:100%;object-fit:cover;opacity:.88;transition:transform .7s var(--ease)}.project:hover img{transform:scale(1.05)}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,23,23,.66),transparent 55%)}.project-copy{position:absolute;z-index:2;left:25px;right:25px;bottom:21px;color:#fff}.project-copy .type{font:500 .61rem var(--mono);letter-spacing:.1em;color:var(--lime);text-transform:uppercase}.project-copy h3{font:500 1.56rem var(--serif);letter-spacing:-.04em;margin:4px 0}.project-copy p{font-size:.74rem;margin:0;color:#e0e6e1}
    /* testimonial */
    .quote-section{background:#d7dedc;padding:120px 0}.quote-inner{display:grid;grid-template-columns:.8fr 1.4fr;gap:50px}.quote-badge{font:500 .68rem var(--mono);letter-spacing:.1em;color:#6e7d78;text-transform:uppercase}.quote-badge:before{content:"“";display:block;font:500 4.3rem/.6 var(--serif);color:#8eaa3b;margin-bottom:20px}.quote-text{font:500 clamp(2rem,3.5vw,3.65rem)/1.06 var(--serif);letter-spacing:-.055em;margin:0}.quote-person{display:flex;align-items:center;gap:13px;margin-top:30px;font-size:.82rem}.avatar{width:37px;height:37px;border-radius:50%;background:linear-gradient(135deg,#a1744f,#e4c8ac);display:grid;place-items:center;font-size:.67rem;color:white;font-weight:700}.quote-person small{display:block;color:#6e7c77}
    /* contact */
    .contact{padding:135px 0;background:var(--paper)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.contact-copy .eyebrow{margin-bottom:27px}.contact-copy .section-title{max-width:510px}.contact-copy p{color:var(--muted);max-width:430px;margin:27px 0}.contact-list{list-style:none;padding:0;margin:36px 0 0}.contact-list li{padding:13px 0;border-bottom:1px solid var(--line);font-size:.87rem;font-weight:600}.contact-list span{font:500 .65rem var(--mono);color:#81972e;width:88px;display:inline-block}.form{padding:32px 0}.field{border-bottom:1px solid var(--line);margin-bottom:19px;padding-bottom:10px}.field label{display:block;font:500 .64rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#778481;margin-bottom:8px}.field input,.field select{width:100%;background:transparent;border:0;outline:0;color:var(--ink);font-size:1rem}.field select{appearance:none}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:35px}.form-footer small{font-size:.68rem;color:#798682;max-width:190px}.notice{display:none;padding:12px 15px;background:#e1eacb;color:#405527;font-size:.82rem;margin-top:15px}.notice.show{display:block}
    footer{background:var(--ink);color:#b9c5bf;padding:42px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:.71rem}.footer-inner .brand{color:white}.footer-links{display:flex;gap:20px}.footer-links a:hover{color:var(--lime)}
    @media(max-width:850px){.links,.nav-action .phone{display:none}.menu{display:block}.hero{min-height:auto;padding:34px 0 70px}.hero-grid,.intro,.quote-inner,.contact-grid{grid-template-columns:1fr;gap:45px}.hero-copy{padding:20px 0}.hero-visual{min-height:auto}.photo-frame{height:460px}.metric.bottom{left:15px}.metric.top{right:15px}.intro{padding:100px 0}.columns{grid-template-columns:1fr;gap:5px}.dark-section,.calculator,.contact{padding:95px 0}.calc-heading,.project-head{display:block}.calc-heading p,.project-head p{margin-top:17px}.calc-card{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr;grid-template-rows:380px 260px 260px}.project:first-child{grid-row:auto}.quote-section{padding:90px 0}.contact-grid{gap:30px}}
    @media(max-width:520px){.shell{width:min(100% - 32px,1240px)}.nav{height:74px}.nav-action .button{padding:12px 15px;font-size:.77rem}.display{font-size:3.4rem}.hero-copy .summary{font-size:.96rem}.photo-frame{height:395px}.metric{padding:11px 12px}.metric.top{top:18px}.metric.bottom{bottom:18px}.calc-controls,.calc-output{padding:31px 23px}.form-footer{align-items:flex-start;flex-direction:column}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}.project-copy{left:18px;right:18px}.project-grid{grid-template-rows:330px 230px 230px}}
    /* Direction 03: established authority, with subtle text movement. */
    :root{--serif:"Libre Baskerville",Georgia,serif;--sans:"Manrope",Arial,sans-serif;--cream:#183a38;--paper:#1c403d;--sand:#214743;--lime:#d4ef60;--muted:#b9c9c3;--line:rgba(255,255,255,.18)}
    body{color:#fffdf8}
    .eyebrow,.hero-copy .summary,.hero-quote,.intro-copy p,.principle p,.range-scale,.quote-badge,.quote-person small,.field label,.form-footer small{color:#b9c9c3}
    .display em,.section-title em,.rating,.principle .number,.contact-list span,.range-head output{color:var(--lime)}
    .nav-action .button,.button.dark{background:var(--lime);color:#102a29}
    .button.light{background:transparent;border:1px solid rgba(255,255,255,.35);color:#fffdf8}
    .links a:hover{color:var(--lime)}
    .menu{color:#fffdf8}
    .brand-logo{background:transparent}
    .hero{isolation:isolate}
    
    
    .hero-copy{position:relative;isolation:isolate}
    
    .metric{color:#102a29}
    .metric.top{right:16px}
    .quote-section{background:#214743}
    .calc-output{background:#234b45}
    .calc-output small,.out-copy,.out-stat small{color:#c0d0c8}
    .savings span{color:var(--lime)}
    .out-stats,.out-stat,.out-stat:nth-child(odd){border-color:rgba(255,255,255,.18)}
    .field input,.field select{color:#fffdf8;font-family:var(--sans)}
    .field input::placeholder{color:#a5bbb1}
    .field select option{background:#1c403d;color:#fffdf8}
    .hero-grid>*{min-width:0}
    .display{font-weight:400;font-size:clamp(2.55rem,4.4vw,4.3rem);line-height:1.12;letter-spacing:-.045em}
    .section-title{font-weight:400;font-size:clamp(2rem,3.7vw,3.7rem);line-height:1.14;letter-spacing:-.045em}
    .quote-text{font-weight:400;line-height:1.2;letter-spacing:-.035em}
    .calc-heading,.project-head{gap:40px}
    .calc-heading>div,.project-head>div{flex:1;min-width:0}
    .calc-heading>p,.project-head>p{flex:0 0 30%}
    .savings{font-size:clamp(2.65rem,4.25vw,4.25rem);line-height:1.12;letter-spacing:-.06em}
    .feature{position:relative;isolation:isolate;padding:25px 20px;background:var(--ink2);overflow:hidden;transition:transform .35s var(--ease),border-color .35s}
    
    .feature h3{font-weight:400;line-height:1.25}
    .button .arrow{transition:transform .3s var(--ease)}
    .button:focus-visible{outline:2px solid #769433;outline-offset:5px}
    .mouse-text{transform:translate3d(var(--text-x,0px),var(--text-y,0px),0);transition:transform .35s var(--ease)}
    @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
      .feature:hover{transform:translateY(-2px);border-color:rgba(201,233,72,.4)}
      .button:hover .arrow{transform:translate(2px,-2px)}
    }
    @media(max-width:520px){.display{font-size:clamp(2.1rem,8.2vw,2.9rem)}.savings{font-size:clamp(2.2rem,9vw,3rem)}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-visual:hover img,.project:hover img,.button:hover,.mouse-text{transform:none}}
    .calc-field{margin-bottom:28px}.calc-field label{display:block;font-size:.88rem;font-weight:600;margin-bottom:10px}
    .calc-field select,.calc-field input{width:100%;padding:12px;border:1px solid #69857b;border-radius:4px;background:#183a38;color:#fff;font:inherit}
    .calc-field small,.calc-note{display:block;color:#b9c9c3;font-size:.78rem;line-height:1.65;margin-top:12px}
    .export-choice{display:flex;align-items:flex-start;gap:10px;font-size:.85rem}.export-choice input{accent-color:var(--lime);margin-top:5px}
    .calc-assumptions{margin-top:24px;border-top:1px solid var(--line);padding-top:20px;color:#b9c9c3;font-size:.83rem}
    .calc-assumptions summary{cursor:pointer;color:var(--lime)}.calc-assumptions p{max-width:100ch}
    .calc-output .out-stat b{font-size:clamp(1rem,1.6vw,1.4rem);overflow-wrap:anywhere}
    .calc-output .savings{font-size:clamp(2rem,3.7vw,3.6rem)}
    [hidden]{display:none!important}

.skip-link{position:absolute;top:-100px;left:16px;z-index:100;background:var(--lime);color:var(--ink);padding:12px}
.skip-link:focus{top:10px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
.field input:focus-visible,.field select:focus-visible{outline:2px solid var(--lime)}
.menu{min-width:44px;min-height:44px}
.service-links{display:flex;gap:16px;flex-wrap:wrap;margin:28px 0 0}
.service-links a{color:var(--lime);border-bottom:1px solid currentColor;padding:8px 0}
.project a{position:relative;z-index:3;text-decoration:underline;text-underline-offset:5px}
.project-note{color:var(--muted);font-size:.76rem;margin-top:14px}
.breadcrumbs{font-size:.8rem;color:var(--muted);padding-top:30px}
.breadcrumbs a{text-decoration:underline}
.service-page{padding-bottom:90px}.service-heading{padding:55px 0;max-width:900px}
.service-heading h1{font:400 clamp(2rem,4.6vw,4.4rem)/1.15 var(--serif);letter-spacing:-.04em}
.service-heading p,.service-body p,.service-body li{color:var(--muted);line-height:1.8}
.service-body{max-width:850px}.service-body h2{font:400 clamp(1.45rem,3vw,2.2rem)/1.3 var(--serif);margin-top:45px}
.service-body ul{padding-left:22px}.service-body a{color:var(--lime);text-decoration:underline}
.service-body .button{color:var(--ink);text-decoration:none;margin-top:20px}
.service-hero{width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:3px}
@media(max-width:850px){
 .nav .links[data-open="true"]{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:#102a29;border:1px solid var(--line);padding:12px;box-shadow:0 12px 20px #0003}
 .nav .links a{padding:12px}
}
@media(max-width:380px){.brand-logo{width:94px}.nav-action{gap:4px}.nav-action .button{padding:10px;font-size:.7rem}.range-head{flex-wrap:wrap;gap:8px}}

@media(min-width:851px) and (max-width:1060px){.nav-action .phone{display:none}}
/* Keep the expanded navigation comfortable on smaller desktop screens. */
@media(min-width:851px) and (max-width:1150px){.nav-action .phone{display:none}.links{gap:14px}}
/* Shared completion styles: forms, FAQs and expanded footer. */
:root{--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
.hero-keyword{font-family:var(--mono);font-size:.69rem;line-height:1.4;letter-spacing:.14em;font-weight:500;margin-bottom:28px!important}
.hero-keyword:before{flex-shrink:0}.project-deliverables{font-size:.76rem;margin:10px 0;padding-left:17px}.project-enquiry{font-size:.78rem;text-decoration:underline;text-underline-offset:4px}.project-grid{grid-template-rows:minmax(350px,auto) minmax(350px,auto)}
.faq-section{padding-top:85px;padding-bottom:100px}.faq-section .section-title{margin:22px 0 34px}.faq-list{margin-bottom:30px}.faq-list details{border-bottom:1px solid var(--line);padding:21px 0}.faq-list summary{cursor:pointer;font-weight:600;font-size:1.02rem;padding-right:20px}.faq-list details p{max-width:860px;color:var(--muted);line-height:1.8;padding:8px 0 0}
.field textarea{width:100%;resize:vertical;min-height:120px;background:transparent;border:0;color:#fffdf8;font:inherit;outline:0}.field textarea::placeholder{color:#a5bbb1}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--lime);outline-offset:4px;border-radius:2px}.consent{display:flex;align-items:flex-start;gap:10px;font-size:.79rem;color:var(--muted)}.consent input{accent-color:var(--lime);margin-top:5px}.consent a,.form-fallback a{text-decoration:underline}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-fallback{font-size:.8rem;color:var(--muted)}.form [type=submit]:disabled{opacity:.65;cursor:wait}.form-spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:form-spin .7s linear infinite}.form-spinner[hidden]{display:none}.notice[data-state=error]{background:#4d2924;color:#ffe0d9}.notice[data-state=success]{background:#d4ef60;color:#102a29}.notice[data-state=loading]{background:#234b45;color:white}.contact-page-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.service-body:has(.contact-page-grid){max-width:none}.contact-page-grid .form{padding-top:0}.footer-inner{flex-wrap:wrap}.footer-contact{display:flex;flex-wrap:wrap;gap:12px 28px;width:100%;font-style:normal;padding-top:18px;border-top:1px solid var(--line)}.footer-links{flex-wrap:wrap}.service-body p a{text-decoration:underline;text-underline-offset:3px}
@keyframes form-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.form-spinner{animation:none}}
@media(max-width:850px){.contact-page-grid{grid-template-columns:1fr;gap:32px}.project-grid{grid-template-rows:440px 360px 360px}}
@media(max-width:520px){.hero-keyword{font-size:.62rem}.project-copy h3{font-size:1.6rem}.footer-contact{flex-direction:column}.faq-section{padding-top:55px;padding-bottom:60px}}

.quotation-fields { grid-column: 1 / -1; min-width: 0; border: 1px solid #bac6ad; border-radius: 12px; padding: 18px; display: grid; gap: 16px; }
.quotation-fields[hidden] { display: none; }
.quotation-fields legend { padding: 0 8px; font-weight: 600; }
.quotation-note { font-size: .85rem; line-height: 1.6; }

/* Grey entry surfaces distinguish editable controls from surrounding panels. */
body .field input,body .field select,body .field textarea,
body .calc-field input,body .calc-field select,
body .emi-field input,body .equipment-filters input,body .equipment-filters select{
 background:#e5e7e7;color:#102a29;border:1px solid #a8b0ae;border-radius:4px;padding:12px 14px;
}
body .field input::placeholder,body .field textarea::placeholder,body .equipment-filters input::placeholder{color:#586460;opacity:1}
body .field select option,body .calc-field select option,body .equipment-filters select option{background:#e5e7e7;color:#102a29}
/* Keep native numeric bounds while presenting direct-entry boxes without steppers. */
input[type="number"]{appearance:textfield;-moz-appearance:textfield}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

/* Homepage paths, package overview and process. */
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:44px;margin-bottom:40px}
.section-heading .section-title{max-width:700px;margin:23px 0 0}
.section-heading>p{max-width:350px;margin:0;color:var(--muted);line-height:1.7}
.audience-section{padding:0 0 120px}
.audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.audience-card{display:flex;flex-direction:column;min-height:280px;padding:29px 25px;background:#214743;border:1px solid rgba(255,255,255,.12)}
.audience-number,.package-type{color:var(--lime);font:500 .65rem var(--mono);letter-spacing:.1em}
.audience-card h3,.package-card h3,.process-grid h3{font:400 1.5rem/1.24 var(--serif);letter-spacing:-.035em;margin:35px 0 12px}
.audience-card p,.package-card p,.process-grid p{color:var(--muted);font-size:.88rem;line-height:1.65;margin:0}
.audience-card a,.package-card a{color:var(--lime);font-weight:700;font-size:.83rem;text-decoration:underline;text-underline-offset:4px;margin-top:auto;padding-top:26px}
.audience-card a:hover,.package-card a:hover,.footer-social a:hover{color:white}
.package-section{padding:120px 0 90px}
.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.package-card{display:flex;flex-direction:column;min-height:350px;padding:30px;background:#1c403d;border-top:2px solid var(--lime)}
.package-card h3{margin-top:30px}.package-card ul{color:#e2e9e5;font-size:.8rem;line-height:1.6;padding-left:19px;margin:22px 0 0}
.package-card li+li{margin-top:6px}.package-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 32px;margin-top:32px}
.package-actions .text-link{color:var(--lime)}
.process-section{background:#214743;padding:105px 0}
.process-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:0;margin:0}
.process-grid li{border-top:1px solid rgba(255,255,255,.35);padding:25px 8px 0 0}
.process-grid li>span{color:var(--lime);font:500 .74rem var(--mono)}
.process-grid h3{margin-top:42px}.process-grid p{max-width:28ch}
.calc-breakdown{margin-top:15px;border-top:1px solid rgba(255,255,255,.18);padding-top:18px}
.calc-breakdown summary{cursor:pointer;color:var(--lime);font-size:.82rem;font-weight:700;padding:4px 0}
.calc-breakdown .out-stats{margin-top:18px}.calc-key-stats{margin-top:28px}
.contact-list span{width:106px}.contact-list a:hover{color:var(--lime)}
.footer-social{display:flex;flex-wrap:wrap;gap:12px;width:100%;padding:4px 0 0}
.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--lime);border:1px solid rgba(255,255,255,.25);border-radius:50%;text-decoration:none}
.footer-social a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.footer-social svg{display:block;flex-shrink:0}
@media(max-width:1050px){.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.section-heading{display:block}.section-heading>p{margin-top:20px}.audience-section{padding-bottom:80px}.package-section{padding:90px 0}.package-grid{grid-template-columns:1fr}.package-card{min-height:0}.process-section{padding:90px 0}}
@media(max-width:520px){.audience-grid,.process-grid{grid-template-columns:1fr}.audience-card{min-height:0}.audience-card h3{margin-top:28px}.section-heading{margin-bottom:30px}.process-grid h3{margin-top:25px}.package-card{padding:25px}.contact-list span{width:100px}}