:root { --brown:#5f412d; --brown-dark:#3f2d24; --brown-light:#8a664c; --teal:#69bdc5; --teal-dark:#397f87; --gold:#c7974e; --ink:#292725; --muted:#697681; --line:#d9e1e3; --soft:#f4f7f8; --soft-teal:#edf8f9; --cream:#faf7f0; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--cream); font-family:Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button,input,textarea { font:inherit; }
::selection { background:var(--teal); color:var(--brown-dark); }

.site-header { position:sticky; top:0; z-index:50; height:82px; display:flex; align-items:center; justify-content:space-between; gap:30px; padding:0 4.5vw; background:rgba(250,247,240,.93); border-bottom:1px solid rgba(63,45,36,.13); backdrop-filter:blur(18px); }
.wordmark { display:inline-flex; align-items:center; gap:11px; color:var(--brown-dark); white-space:nowrap; }
.wordmark-bubble { position:relative; width:38px; height:32px; display:grid; place-items:center; border-radius:10px; background:var(--teal); color:var(--white); font:700 27px/1 Georgia,serif; }
.wordmark-bubble::after { content:""; position:absolute; left:7px; bottom:-5px; width:10px; height:10px; background:var(--teal); transform:rotate(45deg); }
.wordmark-text { font:700 22px/1 Georgia,serif; font-style:italic; letter-spacing:-.035em; }
.wordmark-text em { color:var(--teal-dark); }
.site-header nav { display:flex; align-items:center; gap:27px; color:#554e49; font-size:12px; font-weight:800; }
.site-header nav a { position:relative; padding:10px 0; }
.site-header nav a::after { content:""; position:absolute; left:0; bottom:3px; width:100%; height:2px; background:var(--teal); transform:scaleX(0); transform-origin:right; transition:transform .25s; }
.site-header nav a:hover::after { transform:scaleX(1); transform-origin:left; }
.header-cta { display:inline-flex; align-items:center; gap:20px; min-height:46px; padding:0 18px; background:var(--brown-dark); color:var(--white); font-size:11px; font-weight:900; transition:transform .2s,background .2s; }
.header-cta:hover { background:var(--teal-dark); transform:translateY(-2px); }

.hero { position:relative; overflow:hidden; min-height:calc(100vh - 82px); display:grid; grid-template-columns:minmax(0,1.03fr) minmax(480px,.97fr); align-items:center; gap:4vw; padding:clamp(75px,7vw,120px) 5vw; background:linear-gradient(120deg,#fbf7ee 0%,#f4eee1 56%,#dceced 100%); }
.hero-grid { position:absolute; inset:0; opacity:.32; background-image:linear-gradient(rgba(63,45,36,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(63,45,36,.07) 1px,transparent 1px); background-size:60px 60px; mask-image:linear-gradient(to right,black,transparent 72%); }
.hero::after { content:""; position:absolute; left:-220px; bottom:-360px; width:620px; height:620px; border:1px solid rgba(57,127,135,.18); border-radius:50%; }
.hero-copy,.hero-visual { position:relative; z-index:2; }
.product-label { display:flex; align-items:center; gap:11px; margin-bottom:27px; color:var(--teal-dark); font-size:10px; font-weight:900; letter-spacing:.16em; }
.signal-dot { position:relative; width:8px; height:8px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 6px rgba(199,151,78,.16); }
.signal-dot::after { content:""; position:absolute; inset:-7px; border:1px solid var(--gold); border-radius:50%; animation:ping 2.4s infinite; }
.hero h1 { max-width:840px; margin:0; color:var(--brown-dark); font:700 clamp(55px,6.2vw,102px)/.92 Georgia,serif; letter-spacing:-.067em; }
.hero h1 span { display:block; margin-top:10px; color:var(--teal-dark); font-style:italic; }
.hero-copy>p { max-width:720px; margin:31px 0 0; color:#4f5656; font-size:clamp(18px,1.45vw,23px); line-height:1.55; letter-spacing:-.02em; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.button { min-height:55px; display:inline-flex; align-items:center; justify-content:center; gap:34px; border:1px solid transparent; padding:0 24px; font-size:12px; font-weight:900; transition:transform .2s,background .2s,border-color .2s; }
.button:hover { transform:translateY(-3px); }
.button-primary { background:var(--brown-dark); color:var(--white); }
.button-primary:hover { background:var(--teal-dark); }
.button-outline { border-color:rgba(63,45,36,.27); background:rgba(255,255,255,.38); }
.button-outline:hover { border-color:var(--brown-dark); background:var(--white); }
.hero-proof { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:25px; color:#687170; font-size:10px; font-weight:800; }
.hero-proof i { width:3px; height:3px; border-radius:50%; background:var(--gold); }
.hero-visual { min-height:620px; }
.hero-image-wrap { position:absolute; inset:0; overflow:hidden; border:1px solid rgba(63,45,36,.13); border-radius:48% 48% 18px 18px; box-shadow:0 34px 70px rgba(63,45,36,.17); background:var(--white); }
.hero-image-wrap::after { content:""; position:absolute; inset:0; box-shadow:inset 0 0 0 12px rgba(255,255,255,.42); border-radius:inherit; pointer-events:none; }
.hero-image-wrap img { width:100%; height:100%; object-fit:cover; object-position:67% center; }
.floating-signal { position:absolute; z-index:3; padding:16px 18px; border:1px solid rgba(63,45,36,.13); background:rgba(255,255,255,.91); box-shadow:0 18px 35px rgba(63,45,36,.14); backdrop-filter:blur(12px); }
.floating-signal span { display:block; margin-bottom:7px; color:var(--muted); font-size:8px; font-weight:900; letter-spacing:.13em; }
.floating-signal strong { color:var(--brown-dark); font-size:13px; }
.signal-one { left:-35px; top:15%; }.signal-two { right:-22px; bottom:19%; }.signal-three { left:2%; bottom:9%; display:flex; align-items:center; gap:9px; padding:12px 15px; }
.signal-three i { width:7px; height:7px; border-radius:50%; background:var(--teal); box-shadow:0 0 0 5px rgba(105,189,197,.18); }
.signal-three strong { font-size:10px; text-transform:uppercase; letter-spacing:.1em; }

.signal-bar { display:grid; grid-template-columns:repeat(3,1fr); background:var(--brown-dark); color:var(--white); }
.signal-bar>div { position:relative; min-height:125px; display:grid; grid-template-columns:45px 1fr; align-content:center; padding:28px 5vw; border-right:1px solid rgba(255,255,255,.14); }
.signal-bar span { grid-row:1/3; padding-top:3px; color:var(--teal); font-size:9px; font-weight:900; }
.signal-bar strong { font:700 20px/1.2 Georgia,serif; }
.signal-bar small { margin-top:5px; color:#aeb7b7; font-size:9px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }

.section { padding:clamp(90px,10vw,165px) 6vw; }
.section-label { display:flex; align-items:center; gap:13px; margin-bottom:29px; color:var(--teal-dark); font-size:9px; font-weight:900; letter-spacing:.18em; }
.section-label span { min-width:32px; height:24px; display:grid; place-items:center; padding:0 7px; background:var(--brown-dark); color:var(--white); letter-spacing:.05em; }
.section-label.light { color:#a6cfd2; }.section-label.light span { background:var(--teal); color:var(--brown-dark); }
.blind-grid { display:grid; grid-template-columns:1.18fr .62fr; gap:10vw; align-items:start; }
.blind-grid h2 { margin:0; color:var(--brown-dark); font:700 clamp(48px,5.6vw,91px)/.98 Georgia,serif; letter-spacing:-.058em; }
.blind-grid h2 em { color:var(--teal-dark); font-weight:400; }
.blind-grid>div { padding-top:14px; }
.blind-grid p { margin:0 0 21px; color:#566060; font-size:16px; line-height:1.75; }
.journey { display:grid; grid-template-columns:1fr 40px 1fr 40px 1fr; align-items:center; margin-top:85px; padding:8px 0; border-top:1px solid rgba(63,45,36,.15); border-bottom:1px solid rgba(63,45,36,.15); }
.journey article { min-height:175px; padding:33px 2vw; }
.journey article>span { color:var(--gold); font-size:9px; font-weight:900; }
.journey strong { display:block; margin:18px 0 9px; color:var(--brown-dark); font:700 24px/1.1 Georgia,serif; }
.journey p { margin:0; color:#667071; font-size:13px; line-height:1.55; }
.journey>i { color:var(--teal); font-size:22px; font-style:normal; text-align:center; }

.capabilities { background:var(--teal-dark); color:var(--white); }
.section-heading { display:grid; grid-template-columns:1fr .42fr; gap:8vw; align-items:end; margin-bottom:65px; }
.section-heading h2 { margin:0; font:700 clamp(48px,5vw,80px)/.97 Georgia,serif; letter-spacing:-.055em; }
.section-heading>p { margin:0; color:#aebfc0; font-size:16px; line-height:1.65; }
.capability-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.2); border-left:1px solid rgba(255,255,255,.2); }
.capability-grid article { position:relative; min-height:330px; padding:34px 28px; border-right:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2); transition:background .25s,transform .25s; }
.capability-grid article:hover { background:rgba(255,255,255,.08); transform:translateY(-5px); }
.capability-grid article>span { color:#badddf; font-size:9px; font-weight:900; }
.capability-grid h3 { margin:70px 0 15px; font:700 28px/1.05 Georgia,serif; }
.capability-grid p { margin:0; color:#c4d1d1; font-size:13px; line-height:1.65; }
.capability-grid b { position:absolute; right:28px; bottom:25px; color:var(--gold); font-size:22px; font-weight:400; }

.managed { display:grid; grid-template-columns:.82fr 1.18fr; gap:8vw; padding:clamp(95px,10vw,165px) 6vw; background:var(--brown-dark); color:var(--white); }
.managed-copy h2 { margin:0; font:700 clamp(50px,5.4vw,86px)/.95 Georgia,serif; letter-spacing:-.06em; }
.managed-copy>p { max-width:630px; margin:30px 0; color:#c4b9b2; font-size:16px; line-height:1.75; }
.inline-link { display:inline-flex; gap:30px; padding-bottom:9px; border-bottom:1px solid var(--teal); color:var(--teal); font-size:11px; font-weight:900; }
.compare { align-self:center; border-top:1px solid rgba(255,255,255,.18); }
.compare>div { display:grid; grid-template-columns:1fr 1fr; gap:25px; min-height:78px; align-items:center; padding:15px 24px; border-bottom:1px solid rgba(255,255,255,.18); }
.compare-head { min-height:55px!important; background:rgba(255,255,255,.045); }
.compare span { color:#958a84; font-size:12px; }.compare strong { color:#e4eeee; font-size:12px; }
.compare-head span,.compare-head strong { font-size:8px; letter-spacing:.15em; }
.compare-head strong { color:var(--teal); }

.process { background:var(--cream); }
.process .section-heading>p { color:#616b6b; }
.process .section-heading h2 { color:var(--brown-dark); }
.process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
.process-grid article { min-height:300px; padding:32px 28px; border:1px solid rgba(63,45,36,.14); background:var(--white); transition:transform .25s,box-shadow .25s; }
.process-grid article:hover { transform:translateY(-7px); box-shadow:0 22px 40px rgba(63,45,36,.09); }
.process-grid span { color:var(--gold); font-size:9px; font-weight:900; }
.process-grid h3 { margin:67px 0 15px; color:var(--brown-dark); font:700 27px/1.08 Georgia,serif; }
.process-grid p { margin:0; color:#697273; font-size:13px; line-height:1.65; }

.dashboard-section { display:grid; grid-template-columns:.7fr 1.3fr; gap:7vw; align-items:center; padding:clamp(95px,10vw,165px) 6vw; background:#253f42; color:var(--white); }
.dashboard-copy h2 { margin:0; font:700 clamp(47px,5vw,78px)/.96 Georgia,serif; letter-spacing:-.055em; }
.dashboard-copy p { margin:29px 0 0; color:#afc0c1; font-size:15px; line-height:1.7; }
.dashboard { background:var(--white); color:var(--ink); box-shadow:34px 34px 0 rgba(105,189,197,.18); }
.dash-head { min-height:55px; display:flex; justify-content:space-between; align-items:center; padding:0 22px; border-bottom:1px solid var(--line); color:#707b7c; font-size:8px; font-weight:900; letter-spacing:.13em; }
.dash-head b { color:var(--teal-dark); }
.dash-cards { display:grid; grid-template-columns:repeat(3,1fr); }
.dash-cards>div { position:relative; min-height:150px; padding:24px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.dash-cards>div:last-child { border-right:0; }
.dash-cards span { display:block; color:#829091; font-size:8px; font-weight:900; letter-spacing:.12em; }
.dash-cards strong { display:block; margin-top:9px; color:var(--brown-dark); font:700 16px Georgia,serif; }
.mini-bars { position:absolute; left:24px; right:24px; bottom:22px; height:50px; display:flex; align-items:end; gap:8px; }
.mini-bars b { flex:1; background:var(--teal); }.mini-bars b:nth-child(1){height:35%}.mini-bars b:nth-child(2){height:72%}.mini-bars b:nth-child(3){height:55%}.mini-bars b:nth-child(4){height:92%;background:var(--gold)}
.topic-lines { position:absolute; left:24px; right:24px; bottom:25px; display:grid; gap:8px; }.topic-lines b { display:block; height:6px; background:#dfe9e9; }.topic-lines b::after { content:""; display:block; width:75%; height:100%; background:var(--teal); }.topic-lines b:nth-child(2)::after { width:48%; background:var(--gold); }.topic-lines b:nth-child(3)::after { width:88%; }
.quality-ring { position:absolute; left:24px; bottom:18px; width:55px; height:55px; display:grid; place-items:center; border:8px solid var(--teal); border-right-color:#e2ebeb; border-radius:50%; color:var(--teal-dark); font-style:normal; font-weight:900; }
.dash-table { font-size:11px; }.dash-row { display:grid; grid-template-columns:1.2fr .45fr .85fr; padding:14px 22px; border-bottom:1px solid var(--line); }.dash-row.head { color:#849091; background:#f7f9f9; font-size:8px; font-weight:900; letter-spacing:.1em; }.dash-row .high { color:var(--teal-dark); font-weight:900; }.dash-row .medium { color:#9a722e; font-weight:900; }
.dash-note { display:flex; gap:13px; align-items:center; padding:20px 22px; background:#f8f5ee; }.dash-note p { margin:0; color:#5b6363; font-size:11px; }.pulse { flex:0 0 auto; width:9px; height:9px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 6px rgba(199,151,78,.15); }

.plans { background:var(--soft); }
.plans .section-heading h2 { color:var(--brown-dark); }.plans .section-heading>p { color:#667071; }
.plan-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.plan-grid article { position:relative; padding:clamp(35px,4vw,62px); border:1px solid var(--line); background:var(--white); }
.featured-plan { border:2px solid var(--teal-dark)!important; box-shadow:20px 20px 0 #dbecee; }
.recommended { position:absolute; right:0; top:0; padding:9px 13px; background:var(--teal-dark); color:var(--white); font-size:8px; font-weight:900; letter-spacing:.12em; }
.plan-top { display:flex; justify-content:space-between; gap:20px; color:var(--teal-dark); font-size:9px; font-weight:900; letter-spacing:.13em; }.plan-top b { color:#8b9696; font-weight:800; letter-spacing:0; }
.plan-grid h3 { max-width:540px; margin:40px 0 28px; color:var(--brown-dark); font:700 clamp(34px,3.3vw,51px)/1 Georgia,serif; letter-spacing:-.045em; }
.plan-grid ul { list-style:none; margin:0 0 34px; padding:0; border-top:1px solid var(--line); }.plan-grid li { position:relative; padding:14px 0 14px 25px; border-bottom:1px solid var(--line); color:#5c6666; font-size:13px; }.plan-grid li::before { content:"✓"; position:absolute; left:0; color:var(--teal-dark); font-weight:900; }
.plan-grid article>a { min-height:52px; display:flex; align-items:center; justify-content:space-between; padding:0 18px; background:var(--brown-dark); color:var(--white); font-size:11px; font-weight:900; transition:background .2s; }.plan-grid article>a:hover { background:var(--teal-dark); }

.faq { display:grid; grid-template-columns:.7fr 1.3fr; gap:9vw; background:var(--cream); }
.faq h2 { margin:0; color:var(--brown-dark); font:700 clamp(48px,5vw,80px)/.96 Georgia,serif; letter-spacing:-.055em; }
.faq-list { border-top:1px solid rgba(63,45,36,.17); }
.faq details { border-bottom:1px solid rgba(63,45,36,.17); }
.faq summary { min-height:96px; display:grid; grid-template-columns:45px 1fr 30px; align-items:center; list-style:none; cursor:pointer; color:var(--brown-dark); font:700 clamp(17px,1.5vw,22px) Georgia,serif; }
.faq summary::-webkit-details-marker { display:none; }.faq summary>span { color:var(--gold); font:900 9px Arial,sans-serif; }.faq summary b { color:var(--teal-dark); font:400 22px Arial,sans-serif; transition:transform .2s; }.faq details[open] summary b { transform:rotate(45deg); }
.faq details p { max-width:770px; margin:-5px 0 30px 45px; color:#667071; font-size:14px; line-height:1.7; }

.final-cta { min-height:610px; display:flex; align-items:center; justify-content:space-between; gap:60px; padding:8vw 7vw; background:var(--teal); color:var(--brown-dark); }
.final-cta>div>span { font-size:9px; font-weight:900; letter-spacing:.16em; }.final-cta h2 { margin:24px 0 20px; font:700 clamp(58px,7.2vw,116px)/.9 Georgia,serif; letter-spacing:-.068em; }.final-cta p { max-width:620px; margin:0; color:#365e62; font-size:15px; line-height:1.6; }
.order-circle { flex:0 0 auto; width:clamp(190px,20vw,310px); height:clamp(190px,20vw,310px); display:flex; flex-direction:column; justify-content:space-between; padding:42px; border:1px solid rgba(63,45,36,.42); border-radius:50%; color:var(--brown-dark); font-size:11px; font-weight:900; transition:background .3s,color .3s,transform .3s; }.order-circle:hover { background:var(--brown-dark); color:var(--white); transform:rotate(-4deg); }.order-circle b { align-self:flex-end; font-size:29px; font-weight:400; }

footer { min-height:120px; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; padding:28px 5vw; background:var(--brown-dark); color:var(--white); }.footer-wordmark { color:var(--white); }.footer-wordmark .wordmark-text em { color:var(--teal); }.footer-wordmark .wordmark-bubble { background:var(--gold); }.footer-wordmark .wordmark-bubble::after { background:var(--gold); } footer p { justify-self:center; color:#aa9f99; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; } footer>a:last-child { justify-self:end; color:#bfb6b1; font-size:10px; font-weight:800; }

@keyframes ping { 0%,100%{opacity:.75;transform:scale(.8)} 50%{opacity:0;transform:scale(1.45)} }

@media (max-width:1120px) {
  .site-header nav { display:none; }.hero { grid-template-columns:1fr; }.hero-copy { max-width:980px; }.hero-visual { min-height:620px; width:min(850px,94%); margin-top:20px; }.hero-image-wrap { border-radius:22px; }
  .blind-grid,.section-heading { grid-template-columns:1fr; gap:42px; }.blind-grid>div { max-width:750px; }.capability-grid { grid-template-columns:1fr 1fr; }.managed { grid-template-columns:1fr; }.managed-copy { max-width:800px; }.dashboard-section { grid-template-columns:1fr; }.dashboard-copy { max-width:800px; }.faq { grid-template-columns:1fr; }
}
@media (max-width:820px) {
  .site-header { height:70px; }.wordmark-text { font-size:19px; }.wordmark-bubble { width:32px; height:28px; }.header-cta { min-height:43px; font-size:10px; }
  .hero { min-height:auto; padding:70px 5vw 95px; }.hero h1 { font-size:clamp(49px,12.5vw,82px); }.hero-copy>p { font-size:17px; }.hero-visual { min-height:520px; width:calc(100% - 16px); }.signal-one { left:-8px; }.signal-two { right:-8px; }
  .signal-bar { grid-template-columns:1fr; }.signal-bar>div { min-height:105px; border-right:0; border-bottom:1px solid rgba(255,255,255,.14); }
  .section { padding-left:5vw; padding-right:5vw; }.journey { grid-template-columns:1fr; }.journey>i { transform:rotate(90deg); }.journey article { min-height:auto; padding:30px 5vw; }
  .capability-grid,.process-grid,.plan-grid { grid-template-columns:1fr; }.capability-grid article { min-height:280px; }.featured-plan { box-shadow:10px 10px 0 #dbecee; }
  .dash-cards { grid-template-columns:1fr; }.dash-cards>div { min-height:130px; border-right:0; }.dash-row { grid-template-columns:1.1fr .5fr .8fr; font-size:10px; }
  .final-cta { flex-direction:column; align-items:flex-start; }.order-circle { align-self:flex-end; } footer { grid-template-columns:1fr auto; } footer p { display:none; }
}
@media (max-width:560px) {
  .site-header { padding:0 4vw; }.wordmark-text { font-size:16px; }.wordmark-bubble { width:29px; height:25px; font-size:22px; }.header-cta { padding:0 12px; gap:10px; }.header-cta span { display:none; }
  .hero { padding-top:56px; }.hero h1 { font-size:50px; }.hero-actions { display:grid; }.button { width:100%; justify-content:space-between; }.hero-proof { display:grid; grid-template-columns:1fr; }.hero-proof i { display:none; }
  .hero-visual { min-height:430px; }.floating-signal { padding:12px; }.signal-one { top:9%; }.signal-two { bottom:13%; max-width:190px; }.signal-three { display:none; }
  .section-heading h2,.blind-grid h2,.faq h2 { font-size:44px; }.capability-grid { grid-template-columns:1fr; }.compare>div { grid-template-columns:1fr 1.1fr; padding:15px 12px; }.compare span,.compare strong { font-size:10px; }
  .dashboard { box-shadow:13px 13px 0 rgba(105,189,197,.18); }.dash-head b { display:none; }.dash-row { grid-template-columns:1.1fr .5fr; }.dash-row span:last-child { display:none; }
  .plan-grid article { padding:34px 22px; }.faq summary { grid-template-columns:34px 1fr 25px; }.faq details p { margin-left:34px; }.final-cta { padding:85px 6vw; }.final-cta h2 { font-size:54px; }.order-circle { width:180px; height:180px; padding:32px; }
}
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto} *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important} }