/* LandDNA: forest, citron and warm ivory. */
:root{--forest:#123b2d;--deep:#0b251e;--citron:#d5f36b;--ivory:#f8f8ee;--ink:#193c2e;--paper:#f8f8ee;--muted:#637266;--line:#dce1d4}
body{background:var(--ivory);color:var(--ink)}::selection{background:#d5f36b;color:#123b2d}
.nav{height:86px;background:#0d2d23;color:#f7f9ed;border-color:#ffffff14;backdrop-filter:none;box-shadow:none;padding-inline:5%;position:relative}.nav .brand{color:#f7f9ed;font-family:Manrope,Arial,sans-serif;letter-spacing:-1.4px}.nav .logo{color:var(--citron);background:transparent;box-shadow:none}.nav .brand-dot{color:var(--citron)}.nav nav{color:#d5dfd0;letter-spacing:.1px;font:500 12px Inter,sans-serif;text-transform:none}.nav nav a:hover{color:var(--citron)}.nav .link-btn{color:#d5dfd0;font-size:12px}.nav .btn{background:transparent;border:1px solid #9ab19d;color:#f4f8e9;font:500 11px Inter,sans-serif;text-transform:none;letter-spacing:0;border-radius:6px;padding:12px 17px;box-shadow:none}.nav .btn:hover{background:var(--citron);border-color:var(--citron);color:var(--forest)}.nav .menu{color:var(--citron)}.nav nav.open{background:#0d2d23;color:#f4f8e9}
.dna-hero{display:grid;grid-template-columns:1.13fr 1fr;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 88% 20%,#284935 0%,#123b2d 44%,#0d2d23 86%);color:var(--ivory);padding:62px 5% 0;gap:0 4%;min-height:755px;font-family:Inter,Arial,sans-serif;box-sizing:border-box}.dna-hero *{box-sizing:border-box}.dna-hero svg{flex-shrink:0}.dna-topography{position:absolute;inset:0;z-index:-1;opacity:.12;background:repeating-radial-gradient(ellipse at 105% 0%,transparent 0 58px,#9bac7055 59px 60px,transparent 61px 100px);mask-image:linear-gradient(90deg,transparent,#000)}
.dna-hero-content{position:relative;z-index:2;padding:10px 0 48px}.dna-eyebrow{display:flex;align-items:center;gap:10px;font:600 9px/1.5 Inter,sans-serif;letter-spacing:2.3px;color:#c7d6b2}.dna-eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--citron);box-shadow:0 0 0 5px #d5f36b0d}
.dna-hero h1{font-family:Manrope,Inter,Arial,sans-serif;font-size:clamp(48px,5.55vw,92px);font-weight:500;line-height:1.08;letter-spacing:-.065em;margin:31px 0 26px;color:#f6f7ec;max-width:none;text-transform:none}.dna-title-line{display:block;white-space:nowrap}.dna-title-last{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.1em;font-style:italic;font-weight:500;letter-spacing:-.055em}.dna-land,.dna-word{color:var(--citron)}.dna-period{color:var(--citron)}.dna-land{letter-spacing:-.065em}.dna-description{color:#bdcebd;font-size:15px;line-height:1.85;margin:0;max-width:430px}.dna-main-actions{display:flex;align-items:center;gap:24px;margin:28px 0 24px}.dna-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:19px 23px;background:var(--citron);color:#193b26;border:1px solid var(--citron);border-radius:6px;font-size:12px;font-weight:700;transition:background .2s,transform .2s;box-shadow:0 5px 18px #071a1630}.dna-primary:hover{background:#e2ff8b;transform:translateY(-2px)}.dna-secondary{display:flex;align-items:center;gap:15px;color:#eff3e6;font-size:11px;border-bottom:1px solid #b6c5a866;padding:12px 0}.dna-secondary:hover{color:var(--citron)}.dna-expert-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:17px 0;border-top:1px solid #cadcbb24;max-width:510px}.dna-expert-actions>span{font-size:10px;color:#98b09b}.dna-expert-actions a{display:flex;align-items:center;gap:7px;color:#e5eed7;font-size:11px}.dna-expert-actions a:hover{color:var(--citron)}.dna-expert-actions a>svg:first-child{color:#bed78c}.dna-assurance{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.1px;color:#a5bba5;margin-top:15px}.dna-assurance svg{color:#c8da9a}
.dna-visual{position:relative;align-self:stretch;min-width:0;min-height:580px;padding-top:0}.dna-visual-heading{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;color:#b8caae;gap:10px}.dna-visual-heading>span{display:flex;gap:9px;align-items:center;font-size:8px;letter-spacing:1.5px}.dna-pause{display:grid;place-items:center;width:34px;height:34px;border:1px solid #afc19855;border-radius:50%;background:transparent;color:#d1dfbc;cursor:pointer}.dna-terrain-art{position:absolute;top:24px;left:-12%;width:124%;height:390px;max-width:none;object-fit:cover;object-position:66% 40%;mix-blend-mode:normal;mask-image:radial-gradient(ellipse 65% 58% at 62% 50%,#000 38%,transparent 90%);filter:brightness(1.1) saturate(1.02);pointer-events:none}.dna-site-marker{position:absolute;top:125px;left:39%;display:flex;align-items:center;gap:12px;font:9px/1.7 monospace;color:#e8f6be;text-shadow:0 2px 8px #000}.dna-site-marker b{font-size:8px;font-weight:400;color:#d9e1c5}.dna-crosshair{display:block;width:28px;height:28px;border:1px solid #d5f36b;border-radius:50%;box-shadow:0 0 0 7px #d5f36b12;position:relative}.dna-crosshair:before,.dna-crosshair:after{content:'';position:absolute;background:#d5f36b}.dna-crosshair:before{height:1px;width:40px;left:-7px;top:13px}.dna-crosshair:after{width:1px;height:40px;left:13px;top:-7px}
.dna-floating-note{position:absolute;left:0;top:240px;z-index:2;display:flex;gap:12px;align-items:center;background:#d5f36b;border:1px solid #e4f7a3;padding:15px 18px;border-radius:5px;color:#204027;transform:rotate(-4deg);box-shadow:0 12px 32px #051e2455;font-size:10px;line-height:1.7}.dna-floating-note strong{font-size:11px;font-weight:600}.dna-note-dot{height:7px;width:7px;border:1px solid #3d6231;border-radius:50%;background:#739637}.dna-floating-note>svg{margin-left:12px}
.dna-evidence-card{position:absolute;bottom:53px;right:0;width:94%;border:1px solid #e5edd5;background:#f7f8ed;color:#24452e;padding:20px 22px 15px;border-radius:10px;box-shadow:0 18px 38px #051e2455}.dna-card-top{display:flex;justify-content:space-between;gap:10px;font-size:7px;letter-spacing:1.3px;color:#6c7c5f;border-bottom:1px solid #dfe5d4;padding-bottom:15px}.dna-card-top>span:last-child{color:#59763a}.dna-layer-details{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0}.dna-layer-title{display:block;color:#6c7c5f;font-size:10px}.dna-layer-details strong{display:block;font:500 38px/1.2 Manrope,Arial,sans-serif;letter-spacing:-1.6px;margin-top:6px}.dna-layer-details small{font:400 11px Inter,sans-serif;letter-spacing:0;color:#7c896b;margin-left:8px}.dna-tag{font-size:6px;letter-spacing:.7px;border:1px solid #c9d9b1;color:#547839;background:#eaf0df;padding:7px 9px;border-radius:3px}.dna-tag-alert{color:#915527;background:#faead5;border-color:#e7c7a4}.dna-layer-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;background:#e9eddf;border-radius:5px}.dna-layer-tabs button{display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;background:transparent;color:#68795b;font:500 10px Inter,sans-serif;padding:10px 8px;cursor:pointer;border-radius:3px}.dna-layer-tabs button>span{font-size:7px;opacity:.7}.dna-layer-tabs button[aria-selected=true]{background:#244e35;color:#f5f8eb;box-shadow:0 2px 4px #1d3e2820}.dna-evidence-card p{font-size:10px;line-height:1.6;margin:11px 0 0;color:#79866c}.dna-visual-caption{position:absolute;bottom:29px;left:6%;font-size:6px;letter-spacing:1px;color:#99b197}
.dna-hero-footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #c9d6ab26;padding:23px 0;color:#b6c7a7}.dna-hero-footer a{display:flex;align-items:center;gap:12px;font-size:7px;letter-spacing:1.5px}.dna-hero-footer>span{display:flex;gap:17px;align-items:center;font-size:8px;letter-spacing:1.1px}.dna-hero-footer i{color:var(--citron);font-style:normal;font-size:12px}.dna-hero-footer b{color:#d8ecac;font-weight:500}
/* Continue the palette through the full landing page. */
.promise-strip{background:#eaf0dd;color:#365238;border-color:#dce4cf;padding-block:25px}.promise-strip strong{color:#25472f}.promise-strip i{color:#608444}.section{background:#f8f8ee}.section-head h2,.check-copy h2{color:#183c2b;font-family:Manrope,Inter,sans-serif;font-weight:500;letter-spacing:-1.8px}.section-head p{color:#6b7968}.eyebrow{color:#5d7c38}.feature,.pricing article,.compare-card{background:#fffef7;border:1px solid #dbe2d1;box-shadow:none;border-radius:10px}.feature:hover{background:#f2f5e4;box-shadow:0 16px 30px #263f2310;border-color:#adc482}.feature h3,.feature b{color:#264b31}.feature p{color:#6a7966}.formula{background:#e9efda}.formula strong{background:#254e34;color:#e4f5b5}.section.dark{background:#163e2e;color:#f8f8ee}.section.dark .section-head h2{color:#f8f8ee}.section.dark .section-head p,.section.dark .dna-scope-note{color:#b3c8ad}.section.dark .eyebrow{color:#d5f36b}.dna-grid{background:#ffffff1c;border:1px solid #ffffff20;gap:1px}.dna-grid article{background:#1c4734;border:0;box-shadow:none}.dna-grid article:hover{background:#28553d}.dna-grid h3{color:#f0f5e5}.dna-grid p{color:#b2c6ad}.dna-grid b{color:#d5f36b}.journey-section{background:#edf1e2}.journey-card{background:#fcfcf3;border-color:#d8e0c9}.journey-card.issue-journey{background:#fcfcf3}.expert-section{background:#f8f8ee}.expert-card{background:#fffef8;border-color:#dce3d0}.expert-card>span{background:#e3edcc;color:#527538}.comparison-story{background:#edf1e2}.story-panel{background:#e4ebd8}.story-tabs button[aria-selected=true]{background:#254e34}.checker{background:#e9efdc}.pricing .popular{background:#fffef7;border-color:#dbe2d1;color:var(--ink);box-shadow:none;transform:none}.pricing .popular h3{color:var(--ink)}.pricing .popular p,.pricing .popular li,.pricing .popular>span{color:var(--text-soft)}.pricing .popular .btn{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.pricing .popular .btn:hover{background:#edf2eb}.tag{background:#d5f36b;color:#24442a}.cta{background:#163e2e;color:#f8f8ee}.cta h2{color:#f8f8ee}.cta .eyebrow{color:#d5f36b}.cta p{color:#b9cdb1}.cta .btn{background:#d5f36b;color:#24442a}footer{background:#0c2b21;color:#9bb197}footer .brand{color:#e8f0dd}
@media(min-width:1700px){.dna-hero{padding-inline:max(5%,calc((100vw - 1560px)/2));min-height:850px;padding-top:80px}.dna-visual{min-height:640px}.dna-terrain-art{height:440px}.dna-floating-note{top:290px}}
@media(max-width:1150px){.dna-hero{grid-template-columns:1.05fr 1fr;gap:0 3%;padding-top:45px;min-height:710px}.dna-hero h1{font-size:clamp(47px,5.5vw,66px)}.dna-main-actions{gap:16px;flex-wrap:wrap}.dna-primary{padding:17px 18px}.dna-expert-actions{gap:13px}.dna-expert-actions>span{flex-basis:100%}.dna-evidence-card{padding:16px;width:100%}.dna-visual{min-height:570px}.dna-visual-heading>span{font-size:6px;letter-spacing:1px}.dna-floating-note{top:240px;font-size:9px;padding:13px}.dna-floating-note strong{font-size:10px}.dna-hero-footer>span{gap:10px}}
@media(max-width:800px){.nav{height:74px}.dna-hero{grid-template-columns:1fr;padding:35px 6% 0;min-height:0;gap:0}.dna-hero-content{padding-bottom:0}.dna-hero h1{font-size:clamp(45px,8.7vw,72px);margin:26px 0}.dna-description{font-size:14px}.dna-main-actions{margin:24px 0 20px;gap:18px}.dna-primary{font-size:11px;padding:17px}.dna-secondary{font-size:10px}.dna-expert-actions>span{flex-basis:auto}.dna-expert-actions{gap:14px}.dna-expert-actions>span{font-size:9px}.dna-assurance{margin:12px 0 24px}.dna-visual{min-height:570px;margin:5px 0 0}.dna-terrain-art{height:360px;top:20px;left:-5%;width:110%}.dna-visual-heading>span{font-size:7px}.dna-site-marker{top:120px}.dna-floating-note{top:205px;left:0}.dna-evidence-card{bottom:40px;right:0;width:94%;padding:20px}.dna-visual-caption{bottom:20px}.dna-hero-footer{padding:20px 0}.dna-hero-footer>span{display:none}.dna-hero-footer a{font-size:7px}.dna-eyebrow{font-size:8px;letter-spacing:1.5px}}
@media(max-width:370px){.dna-hero h1{font-size:40px}.dna-main-actions{gap:12px}.dna-primary{gap:13px}.dna-expert-actions>span{flex-basis:100%}.dna-evidence-card{width:100%;padding:16px}.dna-tag{font-size:5px;padding:6px}.dna-hero-footer a{letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.dna-hero *{transition:none!important;animation:none!important}}
.dna-hero h1 span{background:none;color:inherit;-webkit-background-clip:initial;background-clip:initial}.dna-hero h1 .dna-land,.dna-hero h1 .dna-word,.dna-hero h1 .dna-period{color:var(--citron)}
.dna-terrain-art{mix-blend-mode:normal;filter:brightness(1.1) saturate(1.02);mask-image:radial-gradient(ellipse 65% 58% at 62% 50%,#000 38%,transparent 90%)}

/* Consistent navigation line boxes keep labels and arrows level. */
.nav nav{align-items:center}
.nav nav a{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0;line-height:20px;white-space:nowrap}
.nav nav a span{display:inline-flex;align-items:center;justify-content:center;line-height:20px;font-size:14px;padding:0;flex-shrink:0}
.nav nav a:after{bottom:3px}
.nav nav.open{top:100%}
.nav nav.open a{justify-content:flex-start}
.dna-terrain-art{mix-blend-mode:normal;mask-image:none;filter:none}
.dna-terrain-art>img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;filter:brightness(1.1) saturate(1.02);mask-image:radial-gradient(ellipse 65% 58% at 62% 50%,#000 38%,transparent 90%)}
.dna-survey-map{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 1px 4px #102f2566)}
.dna-parcel{transition:opacity .25s}
@media(prefers-reduced-motion:reduce){.dna-parcel{transition:none}}

/* Keep the DNA section label legible on its dark surface. */
#dna .section-head .eyebrow{background:none;color:#d5f36b;box-shadow:none}

/* Journey cards share the highlight treatment of the service cards. */
.journey-card{transition:background-color .2s,border-color .2s,box-shadow .2s}
.journey-card h3,.journey-card .eyebrow{transition:color .2s}
@media(prefers-reduced-motion:reduce){.journey-card,.journey-card h3,.journey-card .eyebrow{transition:none}}

.dna-next-step{grid-column:span 2;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px;background:#244c39}
.dna-next-label{font-size:9px;font-weight:600;letter-spacing:1.4px;color:#c8dd9f}
.dna-grid .dna-next-step h3{margin:15px 0 10px;color:#f2f6e8;font-size:25px;line-height:1.25;letter-spacing:-.6px}
.dna-grid .dna-next-step p{max-width:440px;margin:0;color:#bdcfb6;font-size:13px;line-height:1.8}
.dna-next-link{display:inline-flex;align-items:center;justify-content:center;gap:20px;flex-shrink:0;padding:16px 19px;border:1px solid #a8c77a;border-radius:6px;background:#d5f36b;color:#24442a;font-size:12px;font-weight:600;white-space:nowrap;transition:background .2s}
.dna-next-link:hover{background:#e4ff91}.dna-next-link:focus-visible{outline:3px solid #edf7d5;outline-offset:4px}
@media(max-width:1150px){.dna-next-step{align-items:flex-start;flex-direction:column;gap:20px}}
@media(max-width:900px){.dna-next-step{grid-column:span 1;padding:30px}.dna-grid .dna-next-step h3{font-size:22px}}
@media(max-width:620px){.dna-next-step{padding:26px}.dna-next-link{white-space:normal}}

.guardian-landing-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}.guardian-landing-actions p{color:#607363;max-width:620px;font-size:14px;line-height:1.6}

/* Keep the homepage rhythm even across the summary strip and adjacent sections. */
@media(min-width:901px){.promise-strip{display:grid;grid-template-columns:minmax(230px,1.05fr) repeat(4,minmax(0,1fr));gap:0}.promise-strip>span:not(:first-child){justify-self:center;white-space:nowrap}}
.expert-section{padding-bottom:48px}
#guardian{padding-top:48px;padding-bottom:48px}
#sell{padding-top:48px}
@media(max-width:620px){.expert-section{padding-bottom:36px}#guardian{padding-top:36px;padding-bottom:36px}#sell{padding-top:36px}}
@media(max-width:480px){.top-actions{gap:9px}.expert-shortcut{font-size:11px}}

/* Premium palette refinement: deeper forest, warmer ivory, restrained citron. */
:root{--forest:#12382d;--deep:#071f19;--citron:#d8f45f;--ivory:#f7f4e8;--ink:#17372c;--paper:#f7f4e8;--muted:#687164;--line:#ded8c8;--stone:#fbfaf2;--gold:#b49a5b;--terracotta:#a7543e}
body{background:linear-gradient(180deg,#faf7ec 0%,#f0eee2 100%);color:var(--ink)}
::selection{background:#d8f45f;color:#102f24}
.nav{background:#0b2a21;color:#f9f6ea;border-color:#e9dfbe1f;box-shadow:0 1px 0 #e9dfbe14}
.nav .brand,.nav .link-btn{color:#f9f6ea}.nav nav{color:#d9ddcf}.nav nav a:hover{color:var(--citron)}
.nav .btn{border-color:#c8b77a66;color:#f8f4e8;background:#ffffff05}.nav .btn:hover{background:var(--citron);border-color:var(--citron);color:#143628}
.dna-hero{background:radial-gradient(ellipse at 86% 18%,#2b4b35 0%,#12382d 46%,#09251d 88%);color:#faf7ec}
.dna-hero h1{color:#faf7ec}.dna-description{color:#c5cfbd}.dna-eyebrow,.dna-assurance{color:#bfc9b3}
.dna-primary,.dna-floating-note,.dna-next-link,.cta .btn{background:var(--citron);border-color:var(--citron);color:#143628;box-shadow:0 12px 30px #061d1833}
.dna-primary:hover,.dna-next-link:hover{background:#e5ff82}
.dna-secondary{color:#f6f1e3;border-bottom-color:#b49a5b66}.dna-secondary:hover,.dna-expert-actions a:hover{color:var(--citron)}
.dna-expert-actions a>svg:first-child,.dna-assurance svg,.dna-crosshair,.dna-crosshair:before,.dna-crosshair:after{color:var(--gold);border-color:var(--gold);background:var(--gold)}
.dna-evidence-card,.feature,.pricing article,.compare-card,.expert-card,.journey-card,.check-form{background:var(--stone);border-color:var(--line);box-shadow:0 14px 40px #162f2410}
.feature:hover,.expert-card:hover,.journey-card:hover{background:#f4f1e6;border-color:#c8b77a;box-shadow:0 18px 42px #162f2418}
.eyebrow,.feature span,.pricing article>span,.dna-next-label{color:#8b7a43}
.section{background:#f7f4e8}.promise-strip,.checker,.journey-section,.comparison-story{background:#ece8d9;color:#354b3f;border-color:#ded8c8}
.section-head h2,.check-copy h2,.feature h3,.feature b{color:#17372c}.section-head p,.feature p,.guardian-landing-actions p{color:#687164}
.section.dark,.cta{background:#12382d;color:#faf7ec}.section.dark .section-head h2,.cta h2{color:#faf7ec}
.section.dark .section-head p,.section.dark .dna-scope-note,.cta p{color:#bdcbb8}.section.dark .eyebrow,.dna-grid b,.cta .eyebrow{color:var(--citron)}
.dna-grid{background:#e9dfbe26;border-color:#e9dfbe2e}.dna-grid article{background:#183f31}.dna-grid article:hover{background:#224d3d}
.dna-next-step{background:#173f31}.tag{background:var(--citron);color:#143628}
.pricing .popular{background:var(--stone);border-color:#c8b77a;box-shadow:0 20px 48px #162f2414}
.guardian-landing-actions .btn,.check-form .btn,.hero-actions .btn,.btn.primary-cta{background:#426f58;border-color:#426f58;color:#fff}
.guardian-landing-actions .btn:hover,.check-form .btn:hover,.hero-actions .btn:hover,.btn.primary-cta:hover{background:#315b48;border-color:#315b48;color:#fff}
footer{background:#09251d;color:#aeb9aa}
.dna-expert-actions a>svg:first-child,.dna-assurance svg{width:18px;height:18px;color:var(--gold);background:none;border:0;fill:none;stroke:currentColor}
.dna-assurance svg{width:17px;height:17px}

/* Neon button treatment inspired by components/ui/neon-button.tsx. */
.btn,.dna-primary,.dna-secondary,.guardian-landing-actions .btn,.check-form .btn,.hero-actions .btn,.link-btn{position:relative;isolation:isolate;overflow:hidden}
.btn:before,.dna-primary:before,.guardian-landing-actions .btn:before,.check-form .btn:before,.hero-actions .btn:before,.link-btn:before,.btn:after,.dna-primary:after,.guardian-landing-actions .btn:after,.check-form .btn:after,.hero-actions .btn:after,.link-btn:after{content:"";position:absolute;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,var(--citron),transparent);opacity:0;transition:opacity .45s ease,transform .45s ease;pointer-events:none;z-index:0}
.btn:before,.dna-primary:before,.guardian-landing-actions .btn:before,.check-form .btn:before,.hero-actions .btn:before,.link-btn:before{top:0;transform:translateY(-2px)}
.btn:after,.dna-primary:after,.guardian-landing-actions .btn:after,.check-form .btn:after,.hero-actions .btn:after,.link-btn:after{bottom:0;transform:translateY(2px)}
.btn:hover:before,.dna-primary:hover:before,.guardian-landing-actions .btn:hover:before,.check-form .btn:hover:before,.hero-actions .btn:hover:before,.link-btn:hover:before,.btn:hover:after,.dna-primary:hover:after,.guardian-landing-actions .btn:hover:after,.check-form .btn:hover:after,.hero-actions .btn:hover:after,.link-btn:hover:after{opacity:1;transform:translateY(0)}
.btn>*,.dna-primary>*,.guardian-landing-actions .btn>*,.check-form .btn>*,.hero-actions .btn>*,.link-btn>*{position:relative;z-index:1}
.btn,.guardian-landing-actions .btn,.check-form .btn,.hero-actions .btn{border-radius:11px;box-shadow:0 18px 44px rgba(18,56,45,.14)}
.dna-primary{box-shadow:0 20px 50px rgba(216,244,95,.18),0 0 0 1px rgba(216,244,95,.2) inset}
.dna-secondary:before,.dna-secondary:after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--citron),transparent);opacity:0;transition:opacity .35s ease;pointer-events:none}
.dna-secondary:before{top:0}.dna-secondary:after{bottom:0}.dna-secondary:hover:before,.dna-secondary:hover:after{opacity:.75}

/* Premium scroll choreography for the static homepage. */
html{scroll-behavior:smooth;scroll-padding-top:92px}
.premium-scroll .scroll-reveal{opacity:0;transform:translate3d(0,34px,0) scale(.985);filter:blur(10px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--scroll-order,0) * 35ms);will-change:opacity,transform,filter}
.premium-scroll .scroll-reveal.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
.premium-scroll .dna-hero{will-change:background-position;transition:filter .35s ease}
.premium-scroll .feature,.premium-scroll .expert-card,.premium-scroll .pricing article,.premium-scroll .dna-grid article,.premium-scroll .story-panel{transform:translate3d(0,var(--scrub-y,0),0) rotate(var(--scrub-rotate,0));transition:box-shadow .35s ease,border-color .35s ease,background .35s ease;will-change:transform}
.premium-scroll .feature:hover,.premium-scroll .expert-card:hover,.premium-scroll .pricing article:hover,.premium-scroll .dna-grid article:hover{box-shadow:0 22px 56px rgba(18,56,45,calc(.10 + var(--scrub-glow,0) * .08))}
.premium-scroll .section-head.reveal{transition-duration:1s}
.premium-scroll .dna-grid{perspective:1200px}
.premium-scroll .dna-grid article{transform-style:preserve-3d}
.premium-scroll .promise-strip{backdrop-filter:blur(16px)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.premium-scroll .scroll-reveal,.premium-scroll .feature,.premium-scroll .expert-card,.premium-scroll .pricing article,.premium-scroll .dna-grid article,.premium-scroll .story-panel{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}}

/* Make card-level CTAs read as real actions. */
.feature b,.expert-card a{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:100%;margin-top:24px;padding:13px 17px;border:1px solid #d5dec8;border-radius:10px;background:#fffdf6;color:#17372c;font-weight:700;text-decoration:none;box-shadow:0 12px 28px rgba(18,56,45,.08);transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.feature b{font-size:13px}.expert-card a{font-size:13px}
.feature:hover b,.feature:focus-visible b,.expert-card a:hover,.expert-card a:focus-visible{background:#426f58;border-color:#426f58;color:#fffdf6;box-shadow:0 16px 32px rgba(18,56,45,.14);transform:translateY(-1px)}
.expert-card a:focus-visible,.feature:focus-visible{outline:3px solid rgba(216,244,95,.65);outline-offset:3px}
.expert-card{display:flex;align-items:flex-start}.expert-card>div{display:flex;min-height:100%;flex-direction:column}.expert-card p{margin-bottom:0}.expert-card a{margin-top:auto}
@media(max-width:620px){.feature b,.expert-card a{width:100%}}

/* Final CTA polish requested for homepage cards. */
.promise-strip>span:first-child{border-right:0!important;box-shadow:none!important}
.feature b,.expert-card a{min-width:230px;padding:18px 22px;background:#426f58;border-color:#426f58;color:#fffdf6;border-radius:11px;box-shadow:0 18px 40px rgba(18,56,45,.16)}
.feature:hover b,.feature:focus-visible b,.expert-card a:hover,.expert-card a:focus-visible{background:#315d49;border-color:#315d49;color:#fffdf6;box-shadow:0 20px 46px rgba(18,56,45,.2)}
.expert-card a{font-size:15px}.feature b{font-size:14px}

/* Button text contrast and typography fix. */
.feature b,.feature:hover b,.feature:focus-visible b,.expert-card a,.expert-card a:hover,.expert-card a:focus-visible{color:#fffdf6!important;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:800;line-height:1.15;letter-spacing:-.01em;text-align:center}
.feature b,.expert-card a{min-height:58px}
.expert-card a{font-size:15px}

/* Match homepage service/expert CTAs to the workspace two-card buttons. */
.services-preview .feature,.expert-section .expert-card{transform:none!important}
.premium-scroll .services-preview .feature,.premium-scroll .expert-section .expert-card{transform:none!important}
.services-preview .feature b,.expert-section .expert-card a{width:min(100%,292px);min-width:0;min-height:88px;margin-top:28px;padding:0 34px;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;background:#426f58;border:1px solid #426f58;border-radius:12px;color:#fffdf6!important;font:800 18px/1.15 Inter,Arial,sans-serif;letter-spacing:-.02em;box-shadow:0 22px 44px rgba(18,56,45,.14);transform:none!important;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
.services-preview .feature:hover b,.services-preview .feature:focus-visible b,.expert-section .expert-card a:hover,.expert-section .expert-card a:focus-visible{background:#426f58;border-color:#426f58;color:#fffdf6!important;box-shadow:0 22px 44px rgba(18,56,45,.14);transform:none!important}
.services-preview .feature b::first-letter,.expert-section .expert-card a::first-letter{font-size:inherit}
@media(max-width:620px){.services-preview .feature b,.expert-section .expert-card a{width:100%;min-height:74px;font-size:16px;padding-inline:22px}}

/* Compact card CTAs: match the Explore Guardian button. */
.services-preview .feature b,.expert-section .expert-card a{width:max-content;min-width:132px;max-width:100%;min-height:48px;margin-top:28px;padding:0 20px;justify-content:center;background:#426f58;border:1px solid #426f58;border-radius:8px;color:#fffdf6!important;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:800;line-height:1.1;letter-spacing:-.01em;text-align:center;box-shadow:0 12px 28px rgba(18,56,45,.12);transform:none!important}
.services-preview .feature:hover b,.services-preview .feature:focus-visible b,.expert-section .expert-card a:hover,.expert-section .expert-card a:focus-visible{background:#426f58;border-color:#426f58;color:#fffdf6!important;box-shadow:0 12px 28px rgba(18,56,45,.12);transform:none!important}
@media(max-width:620px){.services-preview .feature b,.expert-section .expert-card a{width:max-content;min-height:48px;font-size:13px;padding-inline:20px}}

/* Service cards: align CTAs and match the journey button sizing exactly. */
.services-preview .three{align-items:stretch}
.services-preview .feature{display:flex;flex-direction:column;min-height:430px}
.services-preview .feature p{margin-bottom:0}
.services-preview .feature b{width:230px;min-width:0;min-height:0;height:72px;margin-top:auto;padding:0 23px;display:inline-flex;align-items:center;justify-content:flex-start;background:#426f58;border:1px solid #426f58;border-radius:11px;color:#fffdf6!important;font:800 16px/1.15 Inter,Arial,sans-serif;letter-spacing:-.02em;box-shadow:0 18px 44px rgba(18,56,45,.14);transform:none!important;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
.services-preview .feature:hover b,.services-preview .feature:focus-visible b{background:#426f58;border-color:#426f58;box-shadow:0 18px 44px rgba(18,56,45,.14);transform:none!important}
.services-preview .feature:hover{background:var(--stone);border-color:var(--line);box-shadow:0 14px 40px #162f2410;transform:none!important}
@media(max-width:620px){.services-preview .feature{min-height:auto}.services-preview .feature b{width:230px;height:64px;margin-top:24px;font-size:15px}}

/* Requested: card CTAs as simple links, not buttons. */
.services-preview .feature b,.expert-section .expert-card a{width:auto;min-width:0;max-width:100%;height:auto;min-height:0;margin-top:24px;padding:0;display:inline-flex;align-items:center;justify-content:flex-start;background:transparent!important;border:0!important;border-radius:0;color:#2f8f77!important;font:800 14px/1.4 Inter,Arial,sans-serif;letter-spacing:-.01em;text-align:left;box-shadow:none!important;text-decoration:none;text-underline-offset:5px;transform:none!important}
.services-preview .feature b:after,.expert-section .expert-card a:after{content:"";display:block;position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;opacity:.45}
.services-preview .feature b,.expert-section .expert-card a{position:relative}
.services-preview .feature:hover b,.services-preview .feature:focus-visible b,.expert-section .expert-card a:hover,.expert-section .expert-card a:focus-visible{background:transparent!important;border:0!important;color:#17372c!important;box-shadow:none!important;transform:none!important}
.services-preview .feature:hover,.expert-section .expert-card:hover{transform:none!important}
@media(max-width:620px){.services-preview .feature b,.expert-section .expert-card a{width:auto;height:auto;margin-top:20px;font-size:14px;padding:0}}

/* Simple card links must stay visible on light cards. */
.services-preview .feature b,.services-preview .feature:hover b,.services-preview .feature:focus-visible b,.expert-section .expert-card a,.expert-section .expert-card a:hover,.expert-section .expert-card a:focus-visible{background:transparent!important;border:0!important;box-shadow:none!important;color:#17372c!important;font:800 15px/1.4 Inter,Arial,sans-serif!important;opacity:1!important;text-shadow:none!important}
.services-preview .feature b:after,.expert-section .expert-card a:after{background:#17372c!important;opacity:.35!important}
.services-preview .feature:hover b:after,.expert-section .expert-card a:hover:after{opacity:1!important}

/* Uniform homepage CTA buttons: match the journey buttons, without arrows or pop effects. */
.services-preview .feature b,.expert-section .expert-card a{width:min(100%,288px);min-height:88px;margin-top:28px;padding:0 34px;justify-content:flex-start;background:#426f58;border:1px solid #426f58;border-radius:12px;color:#fffdf6!important;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:800;line-height:1.15;letter-spacing:-.02em;text-align:left;box-shadow:0 18px 38px rgba(18,56,45,.14);transform:none!important}
.services-preview .feature b:before,.services-preview .feature b:after,.expert-section .expert-card a:before,.expert-section .expert-card a:after{display:none!important}
.services-preview .feature:hover b,.services-preview .feature:focus-visible b,.expert-section .expert-card a:hover,.expert-section .expert-card a:focus-visible{background:#426f58;border-color:#426f58;color:#fffdf6!important;box-shadow:0 18px 38px rgba(18,56,45,.14);transform:none!important}
.services-preview .feature:hover,.expert-section .expert-card:hover{transform:none!important}
@media(max-width:620px){.services-preview .feature b,.expert-section .expert-card a{width:100%;min-height:74px;font-size:16px;padding-inline:22px}}

/* Final CTA polish: keep card actions as clear homepage-style buttons. */
.services-preview .feature,
.expert-section .expert-card {
  transform: none !important;
}

.services-preview .feature b,
.expert-section .expert-card a,
.services-preview .feature:hover b,
.services-preview .feature:focus-visible b,
.expert-section .expert-card a:hover,
.expert-section .expert-card a:focus-visible {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 156px !important;
  max-width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  margin-top: 26px !important;
  padding: 0 22px !important;
  background: #426f58 !important;
  border: 1px solid #426f58 !important;
  border-radius: 8px !important;
  color: #fffdf6 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  box-shadow: 0 12px 28px rgba(18, 56, 45, 0.12) !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  transform: none !important;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.services-preview .feature b::before,
.services-preview .feature b::after,
.expert-section .expert-card a::before,
.expert-section .expert-card a::after {
  content: none !important;
  display: none !important;
}

.services-preview .feature:hover b,
.services-preview .feature:focus-visible b,
.expert-section .expert-card a:hover,
.expert-section .expert-card a:focus-visible {
  background: #315d49 !important;
  border-color: #315d49 !important;
  color: #fffdf6 !important;
  box-shadow: 0 14px 30px rgba(18, 56, 45, 0.16) !important;
}

.expert-section .expert-card > div {
  display: flex !important;
  min-height: 100% !important;
  flex-direction: column !important;
}

.expert-section .expert-card p {
  margin-bottom: 0 !important;
}

.expert-section .expert-card a {
  margin-top: auto !important;
}

@media (max-width: 620px) {
  .services-preview .feature b,
  .expert-section .expert-card a,
  .services-preview .feature:hover b,
  .services-preview .feature:focus-visible b,
  .expert-section .expert-card a:hover,
  .expert-section .expert-card a:focus-visible {
    width: 100% !important;
    min-width: 0 !important;
    height: 50px !important;
    min-height: 50px !important;
    margin-top: 22px !important;
  }
}

/* Service preview cards: tile hover is visual only; only the button navigates. */
.services-preview .three {
  align-items: stretch !important;
}

.services-preview .feature {
  display: flex !important;
  flex-direction: column !important;
  min-height: 430px !important;
  cursor: default !important;
  background: var(--stone) !important;
  border-color: var(--line) !important;
  box-shadow: 0 14px 40px #162f2410 !important;
  transform: none !important;
}

.services-preview .feature:hover {
  background: #f4f8e9 !important;
  border-color: #c9dbb4 !important;
  box-shadow: 0 18px 42px rgba(22, 47, 36, 0.10) !important;
  transform: none !important;
}

.services-preview .feature p {
  margin-bottom: 0 !important;
}

.services-preview .feature-action,
.services-preview .feature-action:link,
.services-preview .feature-action:visited {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(100%, 230px) !important;
  height: 52px !important;
  min-height: 52px !important;
  margin-top: auto !important;
  padding: 0 20px !important;
  background: #426f58 !important;
  border: 1px solid #426f58 !important;
  border-radius: 8px !important;
  color: #fffdf6 !important;
  font: 800 13px/1.15 Inter, Arial, sans-serif !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  box-shadow: 0 12px 28px rgba(18, 56, 45, 0.12) !important;
  cursor: pointer !important;
  transform: none !important;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.services-preview .feature-action::before,
.services-preview .feature-action::after {
  content: none !important;
  display: none !important;
}

.services-preview .feature-action:hover,
.services-preview .feature-action:focus-visible {
  background: #315d49 !important;
  border-color: #315d49 !important;
  color: #fffdf6 !important;
  box-shadow: 0 14px 30px rgba(18, 56, 45, 0.16) !important;
}

@media (max-width: 620px) {
  .services-preview .feature {
    min-height: auto !important;
  }

  .services-preview .feature-action,
  .services-preview .feature-action:link,
  .services-preview .feature-action:visited {
    width: 100% !important;
    margin-top: 22px !important;
  }
}

/* Unified button hover: no screen/layout jump, only a small visual lift. */
.services-preview .feature,
.expert-section .expert-card,
.premium-scroll .services-preview .feature,
.premium-scroll .expert-section .expert-card {
  transform: none !important;
  will-change: auto !important;
}

.services-preview .feature-action,
.expert-section .expert-card a,
.guardian-landing-actions .btn,
.check-form .btn,
.hero-actions .btn,
.btn.primary-cta,
.dna-primary,
.dna-secondary,
.nav .btn {
  will-change: transform, box-shadow !important;
  transform: translateY(0) !important;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .22s ease, transform .22s ease !important;
}

.services-preview .feature-action:hover,
.services-preview .feature-action:focus-visible,
.expert-section .expert-card a:hover,
.expert-section .expert-card a:focus-visible,
.guardian-landing-actions .btn:hover,
.guardian-landing-actions .btn:focus-visible,
.check-form .btn:hover,
.check-form .btn:focus-visible,
.hero-actions .btn:hover,
.hero-actions .btn:focus-visible,
.btn.primary-cta:hover,
.btn.primary-cta:focus-visible,
.dna-primary:hover,
.dna-primary:focus-visible,
.dna-secondary:hover,
.dna-secondary:focus-visible,
.nav .btn:hover,
.nav .btn:focus-visible {
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 34px rgba(18, 56, 45, 0.18) !important;
}

.services-preview .feature:hover,
.expert-section .expert-card:hover {
  background: #f4f8e9 !important;
  border-color: #c9dbb4 !important;
  box-shadow: 0 18px 42px rgba(22, 47, 36, 0.10) !important;
  transform: none !important;
}

.services-preview .feature-action:hover,
.services-preview .feature-action:focus-visible,
.expert-section .expert-card a:hover,
.expert-section .expert-card a:focus-visible {
  background: #315d49 !important;
  border-color: #315d49 !important;
  color: #fffdf6 !important;
}

/* Expert buttons: fixed-size clickable buttons with stable hover. */
.expert-section .expert-card {
  min-height: 260px !important;
  overflow: visible !important;
  cursor: default !important;
  transform: none !important;
}

.expert-section .expert-card:hover {
  background: #f4f8e9 !important;
  border-color: #c9dbb4 !important;
  box-shadow: 0 18px 42px rgba(22, 47, 36, 0.10) !important;
  transform: none !important;
}

.expert-section .expert-card > div {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.expert-section .expert-card a,
.expert-section .expert-card a:link,
.expert-section .expert-card a:visited,
.expert-section .expert-card a:hover,
.expert-section .expert-card a:focus-visible {
  box-sizing: border-box !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: 408px !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  margin: auto 0 0 0 !important;
  padding: 0 22px !important;
  background: #426f58 !important;
  border: 1px solid #426f58 !important;
  border-radius: 8px !important;
  color: #fffdf6 !important;
  font: 800 14px/1.15 Inter, Arial, sans-serif !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
  text-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  overflow: hidden !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  box-shadow: 0 12px 28px rgba(18, 56, 45, 0.12) !important;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .22s ease, transform .22s ease !important;
}

.expert-section .expert-card a {
  transform: translateY(0) !important;
}

.expert-section .expert-card a:hover,
.expert-section .expert-card a:focus-visible {
  background: #315d49 !important;
  border-color: #315d49 !important;
  color: #fffdf6 !important;
  box-shadow: 0 16px 34px rgba(18, 56, 45, 0.18) !important;
  transform: translateY(-3px) !important;
}

.expert-section .expert-card a::before,
.expert-section .expert-card a::after {
  content: none !important;
  display: none !important;
}

/* Expert buttons: center within each card. */
.expert-section .expert-card a,
.expert-section .expert-card a:link,
.expert-section .expert-card a:visited,
.expert-section .expert-card a:hover,
.expert-section .expert-card a:focus-visible {
  align-self: center !important;
  width: min(100%, 408px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Expert buttons: center against the full card, not only the text column. */
.expert-section .expert-card {
  position: relative !important;
  padding-bottom: 116px !important;
}

.expert-section .expert-card a,
.expert-section .expert-card a:link,
.expert-section .expert-card a:visited,
.expert-section .expert-card a:hover,
.expert-section .expert-card a:focus-visible {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  bottom: 30px !important;
  width: calc(100% - 96px) !important;
  max-width: 408px !important;
  margin: 0 !important;
}

.expert-section .expert-card a,
.expert-section .expert-card a:link,
.expert-section .expert-card a:visited {
  transform: translateX(-50%) !important;
}

.expert-section .expert-card a:hover,
.expert-section .expert-card a:focus-visible {
  transform: translateX(-50%) translateY(-3px) !important;
}

@media (max-width: 620px) {
  .expert-section .expert-card {
    padding-bottom: 96px !important;
  }

  .expert-section .expert-card a,
  .expert-section .expert-card a:link,
  .expert-section .expert-card a:visited,
  .expert-section .expert-card a:hover,
  .expert-section .expert-card a:focus-visible {
    width: calc(100% - 40px) !important;
    bottom: 22px !important;
  }
}

/* Static hero restore: terrain image and premium squiggly LAND/DNA text. */
.dna-hero {
  overflow: hidden;
}

.dna-hero h1 .squiggly-static {
  display: inline-block;
  color: var(--citron);
  text-shadow: 0 0 1px rgba(213, 243, 107, .45);
  animation: landdna-squiggle 420ms steps(2, end) infinite;
  transform-origin: 50% 58%;
}

.dna-hero h1 .dna-word.squiggly-static {
  animation-duration: 560ms;
}

.dna-terrain-photo {
  position: absolute;
  top: 18px;
  left: -16%;
  width: 126%;
  height: 430px;
  pointer-events: none;
  opacity: .62;
  mix-blend-mode: screen;
  filter: brightness(.82) contrast(1.08) saturate(.98);
  mask-image: radial-gradient(ellipse 70% 62% at 62% 48%, #000 35%, rgba(0,0,0,.78) 58%, transparent 88%);
  z-index: 0;
}

.dna-terrain-photo picture,
.dna-terrain-photo img {
  display: block;
  width: 100%;
  height: 100%;
}

.dna-terrain-photo img {
  object-fit: cover;
  object-position: 62% 43%;
}

.dna-visual-heading,
.dna-terrain-art,
.dna-site-marker,
.dna-floating-note,
.dna-evidence-card,
.dna-visual-caption {
  z-index: 2;
}

.dna-terrain-art {
  opacity: .96;
  z-index: 1;
}

@keyframes landdna-squiggle {
  0% { filter: url('#landdnaSquiggleA'); transform: translate3d(0,0,0) rotate(-.2deg); }
  50% { filter: url('#landdnaSquiggleB'); transform: translate3d(.4px,-.2px,0) rotate(.15deg); }
  100% { filter: url('#landdnaSquiggleC'); transform: translate3d(-.2px,.2px,0) rotate(-.1deg); }
}

@media (prefers-reduced-motion: reduce) {
  .dna-hero h1 .squiggly-static {
    animation: none;
    filter: none;
    transform: none;
  }
}

@media (max-width: 800px) {
  .dna-terrain-photo {
    left: -8%;
    width: 116%;
    height: 360px;
    opacity: .5;
  }
}

.landdna-svg-filters {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

/* Restore old hero feel: clearer terrain, two hero buttons, stronger squiggly headline. */
.dna-hero {
  grid-template-columns: 1.03fr 1.18fr !important;
  gap: 4.5% !important;
}

.dna-hero h1 {
  max-width: 780px !important;
}

.dna-hero h1 .squiggly-static {
  color: #d8f45f !important;
  font-weight: 650 !important;
  text-shadow: 0 0 1px rgba(216, 244, 95, .7), 0 0 18px rgba(216, 244, 95, .08) !important;
  animation: landdna-squiggle 260ms steps(2, end) infinite !important;
}

.dna-hero h1 .dna-word.squiggly-static {
  animation-duration: 340ms !important;
}

.dna-terrain-photo {
  top: 8px !important;
  left: -7% !important;
  width: 116% !important;
  height: 470px !important;
  opacity: .88 !important;
  mix-blend-mode: screen !important;
  filter: brightness(1.08) contrast(1.12) saturate(1.08) !important;
  mask-image: radial-gradient(ellipse 76% 66% at 62% 47%, #000 30%, rgba(0,0,0,.92) 55%, rgba(0,0,0,.35) 76%, transparent 96%) !important;
}

.dna-terrain-photo img {
  object-position: 64% 42% !important;
}

.dna-terrain-art {
  opacity: .82 !important;
}

.dna-site-marker {
  top: 150px !important;
  left: 36% !important;
}

.dna-floating-note {
  top: 300px !important;
  left: 5% !important;
}

.dna-evidence-card {
  bottom: 0 !important;
  right: 0 !important;
  width: 86% !important;
}

.dna-main-actions {
  gap: 28px !important;
  flex-wrap: wrap !important;
}

.dna-primary {
  min-width: 265px !important;
  justify-content: center !important;
  border-radius: 7px !important;
  font-size: 14px !important;
}

.dna-primary .hero-arrow {
  margin-left: 22px;
  font-size: 22px;
  line-height: 1;
}

@keyframes landdna-squiggle {
  0% { filter: url('#landdnaSquiggleA'); transform: translate3d(-.7px,.2px,0) rotate(-.35deg); }
  33% { filter: url('#landdnaSquiggleB'); transform: translate3d(.8px,-.4px,0) rotate(.25deg); }
  66% { filter: url('#landdnaSquiggleC'); transform: translate3d(-.2px,.5px,0) rotate(-.18deg); }
  100% { filter: url('#landdnaSquiggleA'); transform: translate3d(.4px,-.2px,0) rotate(.15deg); }
}

@media (max-width: 1150px) {
  .dna-primary {
    min-width: 220px !important;
  }

  .dna-terrain-photo {
    height: 420px !important;
  }
}

@media (max-width: 800px) {
  .dna-hero {
    grid-template-columns: 1fr !important;
  }

  .dna-primary {
    width: auto !important;
    min-width: 220px !important;
  }

  .dna-terrain-photo {
    left: -8% !important;
    width: 116% !important;
    height: 360px !important;
    opacity: .72 !important;
  }

  .dna-evidence-card {
    width: 94% !important;
  }
}

/* Hero actions: two primary buttons side by side, secondary links below. */
.dna-main-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
  gap: 18px 24px !important;
  max-width: 680px !important;
  align-items: center !important;
}

.dna-main-actions .dna-primary {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 58px !important;
  justify-content: center !important;
  text-align: center !important;
}

.dna-main-actions .dna-secondary {
  width: max-content !important;
  min-width: 92px !important;
  justify-content: center !important;
  padding: 10px 0 8px !important;
  margin-top: 2px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.dna-main-actions .dna-secondary:nth-of-type(3) {
  justify-self: end !important;
}

.dna-main-actions .dna-secondary:nth-of-type(4) {
  justify-self: start !important;
}

.dna-primary .hero-arrow,
.dna-secondary .hero-arrow {
  display: none !important;
}

@media (max-width: 620px) {
  .dna-main-actions {
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
    gap: 14px !important;
  }

  .dna-main-actions .dna-secondary,
  .dna-main-actions .dna-secondary:nth-of-type(3),
  .dna-main-actions .dna-secondary:nth-of-type(4) {
    justify-self: center !important;
  }
}

/* Deployed hero image guard: keep broken-image alt text out of the UI and preserve the terrain feel. */
.dna-terrain-photo {
  background:
    radial-gradient(ellipse 55% 42% at 66% 45%, rgba(213, 243, 107, .20), rgba(213, 243, 107, 0) 55%),
    radial-gradient(ellipse 60% 50% at 68% 44%, rgba(112, 143, 76, .34), rgba(13, 61, 43, 0) 72%),
    linear-gradient(135deg, rgba(24, 73, 49, .06), rgba(213, 243, 107, .08));
}

.dna-terrain-photo img {
  color: transparent;
  font-size: 0;
  text-indent: -9999px;
}

.dna-terrain-photo picture::before {
  content: '';
  position: absolute;
  inset: 13% 8% 18% 22%;
  border-radius: 52% 48% 55% 45%;
  background:
    radial-gradient(ellipse at 55% 45%, rgba(190, 212, 123, .30), transparent 0 42%, rgba(41, 88, 50, .18) 43% 62%, transparent 63%),
    linear-gradient(145deg, rgba(173, 197, 112, .12), rgba(54, 104, 55, .30));
  filter: blur(.2px);
  opacity: .82;
  clip-path: polygon(12% 38%, 38% 16%, 74% 10%, 96% 40%, 80% 72%, 46% 88%, 10% 66%);
}

.dna-terrain-photo picture::after {
  content: '';
  position: absolute;
  inset: 17% 12% 23% 27%;
  background:
    linear-gradient(18deg, transparent 0 40%, rgba(230, 244, 167, .14) 41% 42%, transparent 43%),
    linear-gradient(-12deg, transparent 0 52%, rgba(230, 244, 167, .10) 53% 54%, transparent 55%),
    radial-gradient(circle at 30% 54%, rgba(235, 246, 180, .16) 0 2px, transparent 3px),
    radial-gradient(circle at 54% 36%, rgba(235, 246, 180, .13) 0 2px, transparent 3px),
    radial-gradient(circle at 72% 58%, rgba(235, 246, 180, .12) 0 2px, transparent 3px);
  opacity: .75;
  pointer-events: none;
}

.dna-terrain-photo picture {
  position: relative;
  isolation: isolate;
}

.dna-terrain-photo picture::before,
.dna-terrain-photo picture::after {
  z-index: 0;
}

.dna-terrain-photo img {
  position: relative;
  z-index: 1;
}

/* Hero evidence tabs must stay clickable on the deployed static hero. */
.dna-evidence-card {
  pointer-events: auto !important;
  z-index: 4 !important;
}

.dna-layer-tabs,
.dna-layer-tabs button {
  pointer-events: auto !important;
}

.dna-layer-tabs button:hover,
.dna-layer-tabs button:focus-visible {
  background: #dfe8d3;
  color: #1d3f2b;
}

.dna-layer-tabs button[aria-selected="true"]:hover,
.dna-layer-tabs button[aria-selected="true"]:focus-visible {
  background: #244e35;
  color: #f5f8eb;
}