/* Detail pass on the original concept. Preserve its type, order, and content. */
:root{--polish-ease:cubic-bezier(.22,1,.36,1)}
body{-webkit-font-smoothing:antialiased}
.topbar{background:#ffffffeb;border-color:#e5ebe1cc;box-shadow:0 4px 20px #173b2010;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.navlinks a{position:relative;padding-block:8px;color:#52644e;transition:color .2s}
.navlinks a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--polish-ease)}
.navlinks a:hover{color:var(--green)}
.navlinks a:hover::after{transform:scaleX(1)}
.contact-link,.send{transition:background .2s,box-shadow .2s,transform .2s}
.contact-link:hover,.send:hover{background:#10472f;box-shadow:0 5px 16px #173d2415}
.contact-link:active,.send:active{transform:scale(.98)}
.hero{padding-bottom:64px}
.hero h1 .light{color:#b9c6b6}
.hero h1{letter-spacing:-.06em}
.hero-middle{transform:none;will-change:auto}
.hero-bottom{padding-top:27px;align-items:center;border-color:#dbe3d6}
.hero-bottom p{line-height:1.9;color:#53664e}
.hero-bottom .hero-intro{margin-top:0;font-weight:500}
.scroll-link b{border-color:#c8d7bf;transition:transform .25s var(--polish-ease),background .25s}
.scroll-link:hover b{transform:translateY(4px);background:#eef3e6}
.key-sculpture{animation:polish-float 12s ease-in-out infinite}
.key-sculpture .key-body{animation:polish-key-sway 14s ease-in-out infinite}
.key-spark{opacity:.45;animation-duration:7s}
.sculpture svg{filter:drop-shadow(2px 12px 12px #254a2222)}
@keyframes polish-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes polish-key-sway{0%,100%{transform:rotate(-35deg)}50%{transform:rotate(-28deg)}}
.marquee{padding-block:18px;background:#daedb9;border-color:#bbd49e}
.marquee-track{animation-duration:60s}
.marquee-track>span{font-weight:750;letter-spacing:-.035em}
.marquee i{width:21px;height:21px;border-color:#6d8b5466}
.marquee i::before,.marquee i::after{inset:4px 9px}
.section-heading h2{line-height:1.32;letter-spacing:-.04em}
.section-heading p{font-size:14px;line-height:1.85;opacity:.85}
.eyebrow{letter-spacing:.13em}
.service-grid{gap:22px;align-items:start}
.service-card,.refined-art{min-width:0}
.refined-art svg{max-width:100%}
.service-card{border:1px solid #ffffff8f;border-radius:20px;min-height:415px;transition:transform .4s var(--polish-ease),box-shadow .4s var(--polish-ease)}
.service-card:hover{transform:translateY(-4px);box-shadow:0 10px 26px #092e221c}
.service-card h3{letter-spacing:-.055em}
.service-card>p{font-weight:450;line-height:1.8}
.service-card details{border-color:#dce5d3}
.service-card summary{min-height:32px;align-items:center;line-height:1.5}
.service-card summary::after{font-weight:300}
.service-card details p{line-height:1.85}
.service-note{color:#d1dfca;line-height:1.8}
.statement{padding-block:128px}
.statement-type h2{font-weight:650;letter-spacing:-.045em}
.statement-type p{color:#b6c7bd;line-height:1.9}
.stat{border-color:#bdcdb2}
.stat dd,.bar-label b,.comparison-delta strong,.compare-hero-number{font-variant-numeric:tabular-nums}
.stat dt{font-size:13px;color:#53674b}
.stat dd.stat-note,.source{color:#63765a}
.comparison-grid{gap:24px}
.comparison-card{border:1px solid #e5ecdf;border-radius:22px;box-shadow:0 3px 12px #0c35250a}
.comparison-top>span:last-child{font-size:38px;color:#9cad9c}
.compare-hero-number .compare-arrow{font-size:.55em;color:#96af98}
.compare-verdict{font-size:22px;font-weight:550}
.comparison-sub,.bar-row>small{color:#647761;line-height:1.8}
.comparison-bars{margin-top:34px}
.bar-track{height:6px;border-radius:6px;background:#e4ecde}
.bar-fill{border-radius:6px}
.bar-fill.benchmark{background:#bbcbb5}
.bar-fill.mllave{background:#326c4c}
.comparison-delta{border-color:#dce5d5;padding-top:23px}
.channel-row{border-color:#cbd7bf}
.channel-copy h3{font-weight:600;line-height:1.45}
.channel-copy p{line-height:1.9;color:#5c7052}
.tags span{background:#f6f8f044;border-color:#c7d5bc}
.contact{background:#daedbd}
.contact form{gap:24px}
.contact input:not([type=radio]):not([type=checkbox]):not([type=hidden]),.contact textarea{border-color:#97b476;transition:border-color .2s,box-shadow .2s}
.contact input:not([type=radio]):not([type=checkbox]):focus,.contact textarea:focus{border-color:var(--green);box-shadow:0 1px 0 var(--green)}
.contact input::placeholder,.contact textarea::placeholder{color:#65824e}
.choices{gap:8px}
.choices label{min-height:40px;align-items:center;padding:10px 14px;border-color:#9dbb7d;transition:background .2s,border-color .2s}
.choices label:has(input:checked){border-color:#6d9652;background:#f4f9e780}
.send{min-height:54px;align-items:center}
.form-note{color:#526e3e!important;line-height:1.8}
.footer{border-color:#adc78d;line-height:1.9}
.footer a{text-underline-offset:4px}
.footer a:hover{text-decoration:underline}
.motion-toggle{color:#4e6840;background:#fbfcf5e6;border-color:#dbe3d1;box-shadow:0 2px 8px #1a3b2505}
.reading-progress{height:2px;background:#71965b}
.reveal{transition:opacity .65s var(--polish-ease),transform .65s var(--polish-ease)}
.js .reveal.pending{transform:translateY(16px)}
@media(min-width:1001px){.hero-bottom{display:grid;grid-template-columns:1fr 1fr auto;gap:30px}.hero-bottom .hero-intro{justify-self:center}.service-card>p{min-height:54px}}
@media(max-width:1000px) and (min-width:651px){.service-card{min-height:425px}.service-card h3{font-size:clamp(30px,4vw,40px)}.section-heading p{font-size:12px}.comparison-card{padding:28px 25px}}
@media(max-width:650px){
 .hero{padding-bottom:43px}
 .hero h1{letter-spacing:-.055em}
 .hero-bottom{margin-top:30px;padding-top:22px;gap:14px;align-items:flex-start}
 .hero-bottom p{font-size:11px;line-height:1.8}
 .hero-bottom .hero-intro{font-size:11px}
 .scroll-link b{width:34px;height:34px;font-size:18px}
 .marquee{padding-block:15px}
 .marquee i{width:18px;height:18px;margin-inline:24px}
 .marquee i::before,.marquee i::after{inset:4px 7.5px}
 .section-heading p{font-size:13px}
 .service-grid{gap:16px}
 .service-card{min-height:325px;padding:26px;border-radius:18px}
 .service-card h3{font-size:50px}
 .service-card details{margin-top:60px}
 .service-card:hover{transform:none;box-shadow:none}
 .statement{padding-block:88px}
 .statement-type p{font-size:13px}
 .comparison-grid{gap:18px}
 .comparison-card{padding:27px 23px;border-radius:19px}
 .comparison-top>span:last-child{font-size:32px}
 .compare-verdict{font-size:20px}
 .bar-row>small{font-size:10px}
 .contact input:not([type=radio]):not([type=checkbox]):not([type=hidden]),.contact textarea{font-size:16px}
 .contact input::placeholder,.contact textarea::placeholder{font-size:13px}
 .choices label{min-height:44px}
 .footer{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.key-sculpture,.key-sculpture .key-body,.marquee-track{animation:none}.reveal,.service-card,.contact-link,.send{transition:none}}