@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  --ink: #07110f;
  --paper: #f4f3ed;
  --cream: #e9e7de;
  --lime: #bdff38;
  --mint: #73d7a0;
  --line: rgba(7, 17, 15, 0.14);
  --muted: #5e6662;
  --shell: min(1180px, calc(100% - 48px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: "DM Sans", Arial, sans-serif; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
.shell { width: var(--shell); margin-inline: auto; }
.ambient { position: absolute; z-index: -1; border-radius: 50%; filter: blur(90px); opacity: .32; pointer-events: none; }
.ambient-one { width: 350px; height: 350px; background: #b6ff31; top: 35px; right: 9%; }
.ambient-two { width: 300px; height: 300px; background: #7dd6ad; top: 550px; left: -130px; }

.site-header { height: 82px; display: flex; align-items: center; border-bottom: 1px solid rgba(7,17,15,.08); }
.nav { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.brand { display: flex; align-items: center; gap: 11px; font-family: "Manrope", sans-serif; font-weight: 800; font-size: 21px; letter-spacing: -1.1px; }
.brand > span:last-child > span { color: #6a6f6c; }
.brand-mark { width: 29px; height: 26px; position: relative; display: block; }
.brand-mark i { position: absolute; width: 12px; height: 12px; border-radius: 50%; background: var(--ink); }
.brand-mark i:nth-child(1) { left: 0; top: 9px; }
.brand-mark i:nth-child(2) { left: 9px; top: 0; background: #6bce96; }
.brand-mark i:nth-child(3) { right: 0; bottom: 0; background: #a3e335; }
.nav-links { display: flex; align-items: center; gap: 34px; margin-left: auto; }
.nav-links a { font-size: 13px; font-weight: 600; position: relative; }
.nav-links a::after { content: ""; position: absolute; height: 1px; left: 0; right: 100%; bottom: -6px; background: var(--ink); transition: right .25s; }
.nav-links a:hover::after { right: 0; }
.button { min-height: 52px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: center; gap: 16px; background: var(--ink); color: white; border: 1px solid var(--ink); border-radius: 3px; font-size: 13px; font-weight: 700; cursor: pointer; transition: transform .2s, background .2s; }
.button:hover { transform: translateY(-2px); background: #16211e; }
.button span { color: var(--lime); font-size: 18px; }
.button-small { min-height: 43px; padding: 0 17px; }
.menu-button { display: none; width: 42px; height: 42px; border: 0; background: var(--ink); border-radius: 3px; padding: 13px 10px; }
.menu-button span { display: block; height: 1px; background: white; margin: 5px 0; }

.hero { min-height: 650px; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 30px; padding-block: 70px 54px; }
.eyebrow, .section-number { font-family: "Manrope"; font-size: 10px; font-weight: 800; letter-spacing: 1.7px; }
.eyebrow { display: flex; gap: 10px; align-items: center; margin-bottom: 24px; }
.eyebrow span { width: 7px; height: 7px; border-radius: 50%; background: #55bf84; box-shadow: 0 0 0 5px rgba(85,191,132,.15); }
h1, h2, h3 { font-family: "Manrope", sans-serif; margin: 0; }
h1 { max-width: 570px; font-size: clamp(50px, 5.5vw, 76px); line-height: .97; letter-spacing: -4.7px; }
h1 em, h2 em { font-family: Georgia, serif; font-weight: 400; color: #6eb48d; }
.hero-copy > p { max-width: 500px; font-size: 17px; line-height: 1.65; color: var(--muted); margin: 27px 0 29px; }
.hero-actions { display: flex; align-items: center; gap: 31px; }
.text-link { display: flex; align-items: center; gap: 12px; font-size: 13px; font-weight: 700; border-bottom: 1px solid var(--ink); padding-bottom: 3px; }
.text-link span { color: #699a7d; }
.trust-row { display: flex; align-items: center; gap: 22px; margin-top: 51px; }
.trust-row span { color: #6c736f; font-size: 10px; font-weight: 600; letter-spacing: .5px; }
.trust-row b { color: #91a098; margin-right: 6px; }

.hero-visual { position: relative; height: 500px; display: grid; place-items: center; }
.orbit { position: absolute; border: 1px solid rgba(7,17,15,.1); border-radius: 50%; }
.orbit-one { width: 460px; height: 460px; }
.orbit-two { width: 350px; height: 350px; }
.browser-card { width: min(560px, 92%); background: #eef0e8; border: 1px solid rgba(7,17,15,.18); box-shadow: 0 28px 70px rgba(28,46,39,.17); border-radius: 8px; overflow: hidden; transform: rotate(1.2deg); position: relative; z-index: 2; }
.browser-top { height: 30px; padding: 0 11px; display: flex; align-items: center; gap: 5px; background: white; border-bottom: 1px solid rgba(7,17,15,.1); }
.browser-top > span { width: 6px; height: 6px; border-radius: 50%; background: #ddd; }
.browser-top span:nth-child(1) { background: #ff8f7e; }.browser-top span:nth-child(2) { background: #ffd45a; }.browser-top span:nth-child(3) { background: #7fd9a1; }
.browser-top small { margin: auto; background: #f2f2ed; border-radius: 4px; width: 48%; padding: 3px; text-align: center; font-size: 6px; color: #777; }
.browser-content { padding: 14px 16px 16px; background: #efece3; }
.mock-nav { display: flex; align-items: center; gap: 22px; font-size: 7px; margin-bottom: 13px; }
.mock-nav b { font-size: 13px; font-family: Georgia; }.mock-nav span { margin-left: auto; }.mock-nav i { width: 13px; height: 13px; border-radius: 50%; background: #17231f; }
.mock-hero { min-height: 288px; display: grid; grid-template-columns: 1.05fr .95fr; overflow: hidden; }
.mock-copy { padding: 34px 13px 25px 28px; background: #d9e0d5; display: flex; flex-direction: column; align-items: flex-start; }
.mock-copy small { font-size: 6px; letter-spacing: 1.4px; margin-bottom: 17px; }.mock-copy strong { font-family: "Manrope"; font-size: 30px; line-height: 1; letter-spacing: -2px; }.mock-copy strong em { font-family: Georgia; font-weight: 400; color: #598068; }.mock-copy > span { font-size: 7px; line-height: 1.5; width: 75%; margin: 15px 0; }.mock-copy button, .folio button { background: #15201d; color: white; border: 0; padding: 8px 12px; font-size: 7px; }
.mock-image { position: relative; background: linear-gradient(#83a596 0 46%, #c7bd9e 46%); overflow: hidden; }.sun { width: 50px; height: 50px; background: #f2c875; border-radius: 50%; position: absolute; top: 28px; left: 30px; }.mountain { position: absolute; bottom: -10%; clip-path: polygon(50% 0, 100% 100%, 0 100%); }.m-one { width: 260px; height: 210px; background: #394940; left: -80px; }.m-two { width: 260px; height: 240px; background: #718778; right: -105px; }.mock-image b { position: absolute; color: white; right: 16px; top: 18px; font-size: 9px; }.mock-image > span { position: absolute; color: white; font-size: 6px; right: 15px; bottom: 15px; letter-spacing: 1px; }
.floating-chip { position: absolute; z-index: 3; display: flex; align-items: center; gap: 10px; background: white; padding: 11px 14px; box-shadow: 0 10px 30px rgba(7,17,15,.16); border-radius: 5px; }
.floating-chip > span { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: #dff8d2; color: #48865f; font-size: 12px; }.floating-chip div { display: flex; flex-direction: column; }.floating-chip b { font-family: "Manrope"; font-size: 13px; }.floating-chip small { color: #777; font-size: 7px; }.chip-top { right: -7px; top: 67px; }.chip-bottom { left: 4px; bottom: 55px; }

.ticker { overflow: hidden; border-block: 1px solid rgba(7,17,15,.13); padding: 16px 0; white-space: nowrap; }
.ticker div { min-width: max-content; font-family: "Manrope"; font-size: 11px; font-weight: 800; letter-spacing: 2px; animation: ticker 32s linear infinite; }.ticker span { color: #7fc19d; margin-inline: 27px; }
@keyframes ticker { to { transform: translateX(-50%); } }

.section { padding-block: 110px; }
.section-heading { display: grid; grid-template-columns: 1.5fr .5fr; align-items: end; gap: 70px; margin-bottom: 54px; }
.section-number { display: block; color: #768079; margin-bottom: 19px; }
.section-heading h2, .hosting-copy h2, .process-intro h2, .faq-layout h2, .contact-copy h2 { font-size: clamp(39px, 4.5vw, 58px); line-height: 1.03; letter-spacing: -3px; max-width: 760px; }
.section-heading > p { color: var(--muted); font-size: 14px; line-height: 1.65; }
.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }
.service-card { min-height: 418px; border: 1px solid var(--line); padding: 31px 29px; position: relative; overflow: hidden; display: flex; flex-direction: column; transition: transform .25s, box-shadow .25s; }
.service-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(7,17,15,.08); }.service-card.featured { background: var(--ink); color: white; }.card-glow { position: absolute; width: 250px; height: 250px; border: 1px solid rgba(189,255,56,.15); border-radius: 50%; bottom: -155px; right: -90px; box-shadow: 0 0 70px rgba(189,255,56,.07); }
.service-icon { display: grid; place-items: center; width: 47px; height: 47px; background: #ddebd8; font-size: 23px; border-radius: 50%; }.featured .service-icon { color: var(--ink); background: var(--lime); }.service-card > small { position: absolute; top: 35px; right: 31px; color: #9a9f9b; font-size: 10px; }.service-card h3 { margin-top: 45px; font-size: 21px; letter-spacing: -1px; }.service-card p { color: var(--muted); font-size: 13px; line-height: 1.6; margin: 14px 0 21px; }.featured p { color: #9da6a2; }.service-card ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 6px; }.service-card li { border: 1px solid rgba(7,17,15,.14); border-radius: 20px; padding: 5px 10px; font-size: 8px; font-weight: 600; }.featured li { border-color: rgba(255,255,255,.15); color: #c5ccca; }.service-card > a { margin-top: auto; font-size: 11px; font-weight: 700; border-bottom: 1px solid currentColor; align-self: flex-start; padding-bottom: 3px; }.featured > a { color: var(--lime); }

.services-v2 { display: grid; gap: 16px; }
.service-main { min-height: 520px; display: grid; grid-template-columns: .82fr 1.18fr; background: var(--ink); color: white; overflow: hidden; }
.service-main-copy { padding: 54px 48px; display: flex; flex-direction: column; align-items: flex-start; }
.service-kicker, .service-mini-top span { color: #8d9a95; font-family: "Manrope"; font-size: 8px; font-weight: 800; letter-spacing: 1.5px; }
.service-main h3 { margin-top: 48px; font-size: clamp(32px, 3.5vw, 47px); line-height: 1.02; letter-spacing: -2.5px; }
.service-main h3 em { color: #8bc7a4; font-family: Georgia, serif; font-weight: 400; }
.service-main-copy > p { max-width: 440px; margin: 20px 0 23px; color: #9ca6a2; font-size: 12px; line-height: 1.7; }
.service-tags { display: flex; gap: 7px; flex-wrap: wrap; }.service-tags span { padding: 7px 11px; border: 1px solid rgba(255,255,255,.15); border-radius: 30px; color: #c3cbc7; font-size: 8px; }
.service-cta { width: 100%; margin-top: auto; padding-top: 17px; border-top: 1px solid rgba(255,255,255,.16); display: flex; align-items: center; justify-content: space-between; font-size: 11px; font-weight: 700; }.service-cta b { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: var(--lime); color: var(--ink); font-size: 15px; }
.service-art { position: relative; padding: 56px 48px 56px 22px; display: flex; align-items: center; background: radial-gradient(circle at 60% 42%, rgba(189,255,56,.14), transparent 45%); }
.service-art::before, .service-art::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; }.service-art::before { width: 420px; height: 420px; right: 24px; }.service-art::after { width: 320px; height: 320px; right: 74px; }
.art-window { position: relative; z-index: 2; width: 100%; background: #f3f1e8; color: var(--ink); box-shadow: 0 28px 60px rgba(0,0,0,.28); transform: rotate(1.2deg); }
.art-toolbar { height: 32px; display: flex; align-items: center; gap: 5px; padding: 0 12px; background: white; }.art-toolbar i { width: 6px; height: 6px; border-radius: 50%; background: #ccd0cc; }.art-toolbar span { margin-left: auto; margin-right: auto; color: #8c928e; font-size: 6px; }
.art-layout { min-height: 300px; padding: 42px 35px; position: relative; overflow: hidden; background: #d9e6d6; }.art-layout small { font-size: 6px; letter-spacing: 1.5px; }.art-layout strong { display: block; margin-top: 29px; font-family: "Manrope"; font-size: 38px; line-height: .95; letter-spacing: -2px; position: relative; z-index: 2; }.art-layout strong em { color: #568168; font-family: Georgia, serif; font-weight: 400; }.art-button { display: inline-block; position: relative; z-index: 2; margin-top: 27px; padding: 9px 13px; background: var(--ink); color: white; font-size: 7px; }.art-shape { position: absolute; right: -55px; bottom: -80px; width: 270px; height: 330px; background: linear-gradient(145deg,#dfc082,#727f68); border-radius: 50% 50% 10px 10px; transform: rotate(12deg); box-shadow: -20px 20px 50px rgba(7,17,15,.2); }
.art-note { position: absolute; z-index: 3; right: 25px; bottom: 37px; background: var(--lime); color: var(--ink); padding: 13px 16px; font-size: 8px; line-height: 1.4; box-shadow: 0 12px 25px rgba(0,0,0,.18); }.art-note b { font-size: 10px; }
.service-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.service-mini { min-height: 420px; padding: 39px 41px; border: 1px solid var(--line); background: #ecebe4; display: flex; flex-direction: column; }
.service-mini-dark { background: #6fb990; color: var(--ink); border-color: #6fb990; }
.service-mini-top { display: flex; align-items: center; justify-content: space-between; }.service-mini-top b { width: 33px; height: 33px; display: grid; place-items: center; border: 1px solid rgba(7,17,15,.18); border-radius: 50%; font-size: 14px; }
.service-mini h3 { margin: 39px 0 14px; max-width: 480px; font-size: 28px; line-height: 1.06; letter-spacing: -1.5px; }.service-mini > p { max-width: 450px; margin: 0 0 26px; color: #68716d; font-size: 11px; line-height: 1.65; }.service-mini-dark > p { color: rgba(7,17,15,.62); }
.mini-feature { display: grid; grid-template-columns: 28px 1fr 20px; align-items: center; padding: 13px 0; border-top: 1px solid var(--line); }.mini-feature > i { width: 18px; height: 18px; border-radius: 4px; background: #cee5cc; }.mini-feature > span { display: flex; flex-direction: column; }.mini-feature b { font-size: 9px; }.mini-feature small { margin-top: 2px; color: #828984; font-size: 7px; }.mini-feature strong { color: #54936b; font-size: 9px; }
.service-mini > a { display: flex; justify-content: space-between; margin-top: auto; padding-top: 17px; border-top: 1px solid rgba(7,17,15,.16); font-size: 10px; font-weight: 700; }
.performance-score { margin-top: 11px; }.performance-score > div { display: flex; justify-content: space-between; align-items: baseline; }.performance-score span { font-size: 8px; }.performance-score b { font-family: "Manrope"; font-size: 18px; }.performance-score > i { display: block; height: 4px; margin-top: 7px; background: rgba(7,17,15,.12); position: relative; }.performance-score > i::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--score); background: var(--ink); }
.performance-score.score-98 { --score: 98%; }.performance-score.score-96 { --score: 96%; }

.eleva-new { padding-block: 115px; background: #dfff77; overflow: hidden; }
.eleva-heading { display: grid; grid-template-columns: .3fr 1.1fr .6fr; gap: 45px; align-items: end; margin-bottom: 58px; }
.eleva-label { align-self: start; display: flex; align-items: center; gap: 9px; font-family: "Manrope"; font-size: 8px; font-weight: 800; letter-spacing: 1.2px; }.eleva-label i { width: 7px; height: 7px; border-radius: 50%; background: var(--ink); }
.eleva-heading h2 { font-size: clamp(42px, 5vw, 67px); line-height: .96; letter-spacing: -4.2px; }.eleva-heading h2 em { color: #4d795e; font-family: Georgia, serif; font-weight: 400; }.eleva-heading > p { margin: 0; color: rgba(7,17,15,.67); font-size: 12px; line-height: 1.7; }
.eleva-program { display: grid; grid-template-columns: .7fr 1.3fr; min-height: 510px; background: #f7f6ef; box-shadow: 0 28px 60px rgba(47,74,48,.15); }
.program-intro { position: relative; overflow: hidden; padding: 44px; background: var(--ink); color: white; display: flex; flex-direction: column; }.program-intro > span { color: #81908a; font-size: 8px; letter-spacing: 2px; }.program-intro > b { margin-top: 4px; color: var(--lime); font-family: "Manrope"; font-size: 50px; letter-spacing: -3px; }.program-intro > small { color: #71807a; font-size: 7px; letter-spacing: 1.4px; }
.program-orbit { position: absolute; left: 50%; bottom: 45px; transform: translateX(-50%); width: 260px; height: 260px; border: 1px solid rgba(189,255,56,.18); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; }.program-orbit::before { content: ""; position: absolute; inset: 35px; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; }.program-orbit i { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--lime); }.program-orbit i:first-child { top: 14px; left: 69px; }.program-orbit i:nth-child(2) { bottom: 33px; right: 33px; background: #70b88c; }.program-orbit strong { color: white; font-family: "Manrope"; font-size: 70px; line-height: .9; letter-spacing: -5px; }.program-orbit small { color: #84918c; font-size: 9px; }
.program-content { padding: 42px 48px; display: flex; flex-direction: column; }.program-top { display: flex; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid var(--line); font-size: 8px; font-weight: 700; letter-spacing: 1px; }.program-top small { color: #6d7872; font-size: 8px; letter-spacing: 0; }.program-steps { display: grid; grid-template-columns: 1fr 1fr; }.program-steps article { min-height: 145px; display: grid; grid-template-columns: 32px 1fr; gap: 10px; padding: 26px 25px 22px 0; border-bottom: 1px solid var(--line); }.program-steps article:nth-child(odd) { border-right: 1px solid var(--line); }.program-steps article:nth-child(even) { padding-left: 25px; }.program-steps article > span { color: #5b9a71; font-size: 8px; font-weight: 700; }.program-steps h3 { font-size: 16px; }.program-steps p { margin: 8px 0 0; color: #6e7773; font-size: 9px; line-height: 1.6; }.program-bottom { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: auto; padding-top: 25px; }.program-bottom p { display: flex; flex-direction: column; margin: 0; }.program-bottom p b { font-size: 10px; }.program-bottom p span { margin-top: 3px; color: #77817c; font-size: 8px; }.program-bottom .button { min-height: 45px; }

.eleva-section { background: #d9ff71; padding-block: 105px; position: relative; overflow: hidden; }
.eleva-section::before { content: "ELEVA"; position: absolute; right: -24px; top: -66px; color: rgba(7,17,15,.045); font-family: "Manrope"; font-size: 240px; font-weight: 800; letter-spacing: -18px; pointer-events: none; }
.eleva-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 95px; align-items: center; position: relative; z-index: 1; }
.eleva-badge { display: inline-flex; align-items: center; gap: 10px; padding: 8px 12px; border: 1px solid rgba(7,17,15,.25); border-radius: 30px; font-family: "Manrope"; font-size: 9px; font-weight: 800; letter-spacing: 1.2px; }
.eleva-badge i { width: 7px; height: 7px; background: var(--ink); border-radius: 50%; box-shadow: 0 0 0 4px rgba(7,17,15,.1); }
.eleva-copy h2 { margin: 27px 0 22px; font-size: clamp(44px, 5vw, 64px); line-height: .98; letter-spacing: -4px; }
.eleva-copy h2 em { font-family: Georgia, serif; font-weight: 400; color: #477259; }
.eleva-copy > p { max-width: 530px; font-size: 14px; line-height: 1.75; color: rgba(7,17,15,.7); }
.eleva-stats { display: flex; gap: 35px; margin: 35px 0; }
.eleva-stats div { display: flex; flex-direction: column; border-left: 1px solid rgba(7,17,15,.24); padding-left: 13px; }
.eleva-stats b { font-family: "Manrope"; font-size: 22px; letter-spacing: -1px; }
.eleva-stats span { margin-top: 2px; font-size: 8px; color: rgba(7,17,15,.65); }
.eleva-button { background: var(--ink); }
.eleva-card { background: var(--ink); color: white; min-height: 550px; padding: 34px; box-shadow: 24px 24px 0 rgba(7,17,15,.12); position: relative; }
.eleva-card::after { content: ""; position: absolute; width: 150px; height: 150px; border: 1px solid rgba(189,255,56,.18); border-radius: 50%; right: -35px; top: 90px; box-shadow: 0 0 60px rgba(189,255,56,.08); }
.eleva-card-top { display: flex; justify-content: space-between; color: #8a9792; font-size: 8px; letter-spacing: 1.4px; }
.eleva-card-top b { color: var(--lime); }
.eleva-card-title { margin: 50px 0 31px; }
.eleva-card-title small { color: var(--lime); font-size: 8px; letter-spacing: 1.5px; }
.eleva-card-title h3 { margin-top: 12px; font-size: 33px; line-height: 1.05; letter-spacing: -2px; }
.eleva-card-title h3 em { font-family: Georgia, serif; font-weight: 400; color: #82c29d; }
.eleva-card ol { list-style: none; padding: 0; margin: 0; border-top: 1px solid rgba(255,255,255,.14); }
.eleva-card li { display: grid; grid-template-columns: 35px 1fr 20px; align-items: center; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.14); }
.eleva-card li > span { color: #75827d; font-size: 8px; }.eleva-card li div { display: flex; flex-direction: column; }.eleva-card li b { font-size: 11px; }.eleva-card li small { margin-top: 3px; color: #7f8b87; font-size: 8px; }.eleva-card li i { color: var(--lime); font-style: normal; font-size: 11px; }
.eleva-card-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 25px; }.eleva-card-footer p { display: flex; flex-direction: column; margin: 0; }.eleva-card-footer p span { color: var(--lime); font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }.eleva-card-footer p small { margin-top: 3px; color: #77847f; font-size: 8px; }.eleva-card-footer > b { width: 35px; height: 35px; border-radius: 50%; display: grid; place-items: center; background: var(--lime); color: var(--ink); }

.ai-section { padding-block: 110px; background: #101a18; color: white; }
.ai-heading { display: grid; grid-template-columns: 1.45fr .55fr; gap: 75px; align-items: end; margin-bottom: 55px; }
.ai-number { color: #81918b; }
.ai-heading h2 { max-width: 790px; font-size: clamp(40px, 4.5vw, 59px); line-height: 1.02; letter-spacing: -3.2px; }
.ai-heading h2 em { color: #91d5ad; font-family: Georgia, serif; font-weight: 400; }
.ai-heading > p { color: #8b9994; font-size: 13px; line-height: 1.7; }
.ai-console { min-height: 455px; display: grid; grid-template-columns: 190px 1fr 220px; background: #edf0e9; color: var(--ink); border: 1px solid rgba(255,255,255,.12); box-shadow: 0 30px 80px rgba(0,0,0,.3); overflow: hidden; }
.ai-sidebar { background: #07110f; color: white; padding: 27px 21px; display: flex; flex-direction: column; }
.ai-logo { display: flex; align-items: center; gap: 8px; font-family: "Manrope"; font-size: 12px; font-weight: 800; }.ai-logo span { color: var(--lime); font-size: 17px; }
.ai-menu { display: grid; gap: 7px; margin-top: 42px; }.ai-menu span { color: #7e8a86; font-size: 9px; padding: 10px 11px; border-radius: 3px; }.ai-menu span.active { background: #18231f; color: white; }.ai-menu span.active::before { content: "✦"; color: var(--lime); margin-right: 8px; }
.ai-sidebar > small { margin-top: auto; color: #66736e; font-size: 7px; line-height: 1.5; }
.ai-chat { padding: 26px 30px; display: flex; flex-direction: column; border-right: 1px solid rgba(7,17,15,.1); }
.ai-chat-top { display: flex; justify-content: space-between; align-items: center; padding-bottom: 19px; border-bottom: 1px solid rgba(7,17,15,.1); }.ai-chat-top > div { display: flex; align-items: center; gap: 10px; }.ai-chat-top > div > span { width: 31px; height: 31px; border-radius: 50%; background: #b6ff4d; position: relative; }.ai-chat-top > div > span::after { content: "✦"; position: absolute; inset: 0; display: grid; place-items: center; font-size: 12px; }.ai-chat-top p { margin: 0; display: flex; flex-direction: column; }.ai-chat-top b { font-size: 10px; }.ai-chat-top small { color: #6b7873; font-size: 7px; margin-top: 2px; }.ai-chat-top > i { font-style: normal; color: #89918d; letter-spacing: 2px; }
.ai-messages { display: flex; flex-direction: column; gap: 15px; padding-block: 32px; }.message { max-width: 78%; padding: 12px 14px; font-size: 9px; line-height: 1.55; }.message.customer { align-self: flex-end; background: #d7ddda; border-radius: 10px 10px 2px 10px; }.message.assistant { display: flex; gap: 9px; background: white; border-radius: 10px 10px 10px 2px; box-shadow: 0 5px 14px rgba(7,17,15,.06); }.message.assistant > span { color: #55a578; }.message.assistant p { margin: 0; }
.ai-action { align-self: flex-start; display: flex; align-items: center; gap: 9px; margin-left: 20px; border: 1px solid #b9d7c6; background: #e7f3e9; padding: 9px 11px; border-radius: 4px; }.ai-action > span { color: #4b976b; }.ai-action > div { display: flex; flex-direction: column; }.ai-action b { font-size: 8px; }.ai-action small { color: #6f8178; font-size: 7px; margin-top: 2px; }
.ai-input { margin-top: auto; min-height: 42px; border: 1px solid rgba(7,17,15,.13); background: white; color: #8a918e; font-size: 8px; padding: 10px 10px 10px 14px; display: flex; align-items: center; justify-content: space-between; }.ai-input span { display: grid; place-items: center; width: 24px; height: 24px; color: white; background: var(--ink); border-radius: 3px; }
.ai-metrics { padding: 30px 24px; display: flex; flex-direction: column; }.ai-metrics > span { font-size: 7px; font-weight: 800; letter-spacing: 1.2px; color: #7d8984; }.ai-metrics > div { padding: 22px 0; border-bottom: 1px solid rgba(7,17,15,.1); display: flex; flex-direction: column; }.ai-metrics small { color: #69736f; font-size: 8px; }.ai-metrics b { margin-top: 6px; font-family: "Manrope"; font-size: 24px; letter-spacing: -1px; }.ai-metrics b i { color: #4e9e6d; font-size: 7px; font-style: normal; letter-spacing: 0; }.ai-metrics a { margin-top: auto; background: var(--ink); color: white; padding: 13px; text-align: center; font-size: 8px; font-weight: 700; }
.ai-services { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 45px; border-top: 1px solid rgba(255,255,255,.14); }.ai-services article { padding: 32px 35px 0 0; }.ai-services article + article { padding-left: 35px; border-left: 1px solid rgba(255,255,255,.14); }.ai-services article > span { color: var(--lime); font-size: 8px; }.ai-services h3 { margin: 17px 0 9px; font-size: 16px; }.ai-services p { margin: 0; color: #85918d; font-size: 10px; line-height: 1.6; }

.work-section { padding-block: 110px; background: #e6e4db; }
.projects-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 45px 20px; align-items: start; }.project { position: relative; display: block; color: var(--ink); text-decoration: none; cursor: pointer; }.project:focus-visible { outline: 3px solid var(--green); outline-offset: 6px; }.project-large { grid-row: span 2; }.project-preview { min-height: 295px; padding: 18px; position: relative; overflow: hidden; }.project-large .project-preview { min-height: 600px; }.project-arrow { position: absolute; z-index: 7; top: 17px; right: 17px; width: 35px; height: 35px; display: grid; place-items: center; border-radius: 50%; background: white; font-size: 15px; text-decoration: none; }.project-arrow.dark { background: var(--ink); color: white; }.project-meta { display: flex; justify-content: space-between; align-items: start; padding-top: 16px; }.project-meta h3 { font-size: 17px; }.project-meta p { color: #747a76; font-size: 10px; margin: 6px 0; }.project-meta > span { font-size: 10px; color: #7b817e; }
.terracotta { background: #aa503b; }.cobalt { background: #173a5f; }.lime { background: #d3f865; }.folio { width: 100%; height: 100%; min-height: inherit; position: absolute; inset: 0; padding: 50px; overflow: hidden; }.folio-food { color: #f6d7bd; }.folio-food > span:not(.folio-button) { font-family: Georgia; font-size: 14px; letter-spacing: 5px; }.folio-food h3 { margin-top: 75px; font-family: Georgia; font-size: 49px; line-height: .98; font-weight: 400; }.folio-food h3 i { color: #e2a883; }.folio-food .folio-button { display: inline-block; margin-top: 30px; padding: 11px 18px; background: #f4dbc3; color: #783b2d; font: 700 9px "Manrope"; letter-spacing: 0; }.plate { position: absolute; right: -110px; bottom: -70px; width: 380px; height: 380px; border-radius: 50%; background: #ead9bc; border: 30px solid #d8be96; display: grid; place-items: center; font-size: 75px; box-shadow: 0 15px 30px rgba(40,20,10,.35); }.folio-architecture { color: white; padding: 33px; }.folio-architecture > b { font-size: 15px; }.folio-architecture > b span { color: #78b7d4; }.folio-architecture > strong { display: block; margin-top: 45px; font-size: 30px; line-height: 1; letter-spacing: -1.5px; position: relative; z-index: 2; }.building { position: absolute; right: -10px; bottom: -50px; width: 63%; height: 80%; background: #afc0c6; transform: skewY(-5deg); display: flex; gap: 18px; padding: 40px 19px; box-shadow: -15px 0 30px rgba(0,0,0,.18); }.building i { width: 22%; height: 100%; background: #1c3850; opacity: .85; }.folio-wellness { padding: 30px; }.folio-wellness b { font-family: Georgia; font-size: 20px; }.folio-wellness strong { display: block; margin-top: 37px; font-size: 34px; line-height: 1; letter-spacing: -2px; position: relative; z-index: 2; }.folio-wellness strong i { font-family: Georgia; font-weight: 400; }.wellness-orb { position: absolute; width: 230px; height: 230px; right: -30px; bottom: -85px; border-radius: 50%; background: linear-gradient(135deg, #f9f5cc, #9ac586); box-shadow: inset 0 0 50px rgba(255,255,255,.7); }.folio-wellness small { position: absolute; bottom: 20px; left: 30px; letter-spacing: 2px; font-size: 7px; }.project-note { text-align: center; margin: 60px 0 0; color: #707773; font-size: 12px; }.project-note a { color: var(--ink); font-weight: 700; border-bottom: 1px solid; }

/* Project previews: Bruma + three local-growth concepts */
.projects-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.project-preview { min-height: 410px; }
.folio-food { padding: 38px; }.folio-food h3 { margin-top: 48px; font-size: 40px; }.plate { width: 290px; height: 290px; right: -90px; bottom: -85px; }
.sage-project { background: #cdd7b6; }.solar-project { background: #101820; }.cycle-project { background: #ef4c2f; }
.folio-nido,.folio-solar,.folio-cycle { padding: 35px; }.folio-nido b,.folio-solar b,.folio-cycle b { font: 800 14px "Manrope"; position: relative; z-index: 2; }.folio-nido b i { font-family: Georgia; font-weight: 400; }.folio-nido strong,.folio-solar strong,.folio-cycle strong { display: block; position: relative; z-index: 2; margin-top: 52px; font: 700 34px/.96 "Manrope"; letter-spacing: -2px; }.folio-nido strong i { font-family: Georgia; font-weight: 400; color: #53715c; }.folio-nido small,.folio-solar small,.folio-cycle small { position: absolute; left: 35px; bottom: 28px; z-index: 2; font-size: 7px; letter-spacing: 1.7px; font-weight: 800; }
.nido-shape { position: absolute; right: -45px; bottom: -70px; width: 260px; height: 270px; border-radius: 48% 48% 35% 35%; background: #f2e8d3; display: grid; place-items: center; color: #4c6754; font: italic 28px Georgia; transform: rotate(-8deg); box-shadow: 0 20px 40px rgba(39,60,45,.18); }
.folio-solar { color: white; }.folio-solar b i { display: inline-block; width: 10px; height: 10px; background: #ffd646; border-radius: 50%; margin-right: 8px; }.folio-solar strong i { color: #ffd646; font-style: normal; }.solar-disc { position: absolute; width: 250px; height: 250px; background: #ffd646; border-radius: 50%; right: -55px; bottom: -65px; }.panel-grid { position: absolute; width: 270px; height: 120px; right: 45px; bottom: 0; background: repeating-linear-gradient(90deg,transparent 0 62px,#6e99af 63px 65px),repeating-linear-gradient(0deg,#183b57 0 52px,#6e99af 53px 55px); transform: skewY(-10deg); box-shadow: 0 15px 30px rgba(0,0,0,.3); }
.folio-cycle { color: white; }.folio-cycle b span { color: #cfff38; margin-inline: 4px; }.folio-cycle strong i { color: #cfff38; font-style: normal; }.cycle-wheel { position: absolute; width: 175px; height: 175px; border: 15px solid #1a1d1b; border-radius: 50%; bottom: -40px; }.cycle-wheel.one { left: 70px; }.cycle-wheel.two { right: -25px; }.cycle-wheel::after { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #cfff38; left: 50%; top: 50%; transform: translate(-50%,-50%); }

.hosting-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; align-items: center; }.hosting-copy h2 { margin-bottom: 25px; }.hosting-copy > p { color: var(--muted); line-height: 1.7; font-size: 14px; }.hosting-points { margin-top: 35px; display: grid; gap: 15px; }.hosting-points > div { display: flex; align-items: center; gap: 15px; }.hosting-points > div > span { width: 31px; height: 31px; border-radius: 50%; display: grid; place-items: center; background: #dff2d5; color: #40845d; font-size: 11px; }.hosting-points p { margin: 0; display: flex; flex-direction: column; }.hosting-points b { font-size: 12px; }.hosting-points small { color: #7d847f; font-size: 9px; margin-top: 3px; }.pricing-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: center; }.price-card { min-height: 445px; border: 1px solid var(--line); background: #ebeae3; padding: 32px; display: flex; flex-direction: column; position: relative; }.price-card.primary { min-height: 490px; background: var(--ink); color: white; border-color: var(--ink); box-shadow: 0 25px 60px rgba(7,17,15,.18); }.plan-label { color: #75907f; font-size: 8px; font-weight: 800; letter-spacing: 1.5px; }.price-card h3 { font-size: 26px; margin-top: 13px; }.price-card > p { color: #737a76; font-size: 11px; }.primary > p { color: #9ba5a1; }.price { display: flex; flex-wrap: wrap; align-items: baseline; margin: 28px 0; }.price small { width: 100%; color: #888f8b; font-size: 8px; }.price b { font-family: "Manrope"; font-size: 43px; letter-spacing: -3px; }.price span { color: #7b827f; font-size: 8px; margin-left: 7px; }.price-card ul { list-style: none; padding: 18px 0 0; border-top: 1px solid var(--line); margin: 0 0 24px; display: grid; gap: 13px; }.primary ul { border-color: rgba(255,255,255,.15); }.price-card li { font-size: 10px; }.price-card li::before { content: "✓"; color: #60b881; margin-right: 10px; }.price-card .button { margin-top: auto; min-height: 44px; }.button-outline { background: transparent; color: var(--ink); }.popular { position: absolute; top: 0; right: 20px; transform: translateY(-50%); background: var(--lime); color: var(--ink); padding: 6px 10px; font-size: 7px; font-weight: 800; letter-spacing: 1px; }.price-disclaimer { text-align: right; color: #858b87; font-size: 9px; margin: 17px 0 0; }

.process-section { background: var(--ink); color: white; padding-block: 105px; }.process-section .section-number { color: #8c9994; }.process-section .section-number::before { content: ""; }.process-intro { display: grid; grid-template-columns: .8fr 1.4fr .6fr; align-items: end; gap: 40px; margin-bottom: 65px; }.process-intro h2 { grid-column: 1 / 3; }.process-intro > p { color: #909b97; font-size: 13px; line-height: 1.6; }.process-list { border-top: 1px solid rgba(255,255,255,.14); }.process-list article { min-height: 125px; display: grid; grid-template-columns: 100px 1fr 35px; align-items: center; border-bottom: 1px solid rgba(255,255,255,.14); }.process-list article > span { color: var(--lime); font-family: "Manrope"; font-size: 10px; }.process-list article > div { display: grid; grid-template-columns: .6fr 1fr; align-items: center; gap: 50px; }.process-list h3 { font-size: 27px; }.process-list p { color: #8b9692; font-size: 12px; line-height: 1.5; max-width: 440px; }.process-list b { color: var(--lime); font-size: 19px; }

.faq-section { padding-block: 110px; }.faq-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 130px; }.faq-layout > div:first-child p { max-width: 350px; color: var(--muted); line-height: 1.6; font-size: 13px; }.faq-list { border-top: 1px solid var(--line); }.faq-list details { border-bottom: 1px solid var(--line); }.faq-list summary { cursor: pointer; list-style: none; min-height: 77px; display: flex; align-items: center; justify-content: space-between; font-family: "Manrope"; font-size: 15px; font-weight: 700; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { width: 26px; height: 26px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; transition: transform .2s; }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list details p { color: var(--muted); font-size: 12px; line-height: 1.7; margin: -5px 60px 22px 0; }
.faq-list details,.faq-list-sales details { overflow: hidden; }.faq-list details > :not(summary),.faq-list-sales details > :not(summary) { transform-origin: top; }.faq-list details.faq-opening > :not(summary),.faq-list-sales details.faq-opening > :not(summary) { animation: faq-content-in .28s cubic-bezier(.22,1,.36,1) both; }.faq-list details.faq-closing > :not(summary),.faq-list-sales details.faq-closing > :not(summary) { animation: faq-content-out .2s ease both; }@keyframes faq-content-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }@keyframes faq-content-out { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-6px); } }@media (prefers-reduced-motion: reduce) { .faq-list details > :not(summary),.faq-list-sales details > :not(summary) { animation: none!important; } }

.contact-section { background: #6bb88e; padding-block: 100px; }.contact-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 95px; }.section-number.light { color: rgba(7,17,15,.58); }.contact-copy h2 { font-size: clamp(44px, 5vw, 65px); }.contact-copy h2 em { color: #e2f6cd; }.contact-copy > p { max-width: 470px; font-size: 14px; line-height: 1.7; margin: 26px 0 21px; }.contact-copy > a { font-weight: 700; font-size: 14px; border-bottom: 1px solid; }.location { display: flex; align-items: center; gap: 13px; margin-top: 48px; }.location > span { width: 38px; height: 38px; display: grid; place-items: center; background: rgba(255,255,255,.25); border-radius: 50%; }.location p { display: flex; flex-direction: column; margin: 0; }.location b { font-size: 11px; }.location small { margin-top: 3px; font-size: 9px; color: rgba(7,17,15,.65); }.contact-form { background: #f7f7f1; padding: 37px; box-shadow: 0 25px 50px rgba(7,17,15,.16); }.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }.contact-form label { display: flex; flex-direction: column; font-size: 9px; font-weight: 700; letter-spacing: .6px; margin-bottom: 21px; }.contact-form label small { font-weight: 400; color: #858c88; }.contact-form input, .contact-form select, .contact-form textarea { border: 0; border-bottom: 1px solid #c8ccc8; background: transparent; padding: 12px 0; color: var(--ink); border-radius: 0; outline: 0; font-size: 11px; }.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border-color: #4a8966; }.contact-form textarea { resize: vertical; min-height: 80px; }.form-button { width: 100%; margin-top: 4px; }.form-button:disabled { opacity: .65; cursor: wait; }.form-status { min-height: 16px; margin: 11px 0 0; text-align: center; font-size: 10px; }.form-status.success { color: #35724f; }.form-status.error { color: #b33e33; }

footer { background: #050c0a; color: white; padding: 63px 0 25px; }.footer-top { display: grid; grid-template-columns: 1fr 1.4fr .6fr; gap: 50px; align-items: start; padding-bottom: 55px; }.footer-top .brand-mark i { background: white; }.footer-top .brand-mark i:nth-child(2) { background: #6bce96; }.footer-top .brand-mark i:nth-child(3) { background: var(--lime); }.footer-top > p { margin: 0; color: #9ba5a1; font-family: "Manrope"; font-size: 26px; letter-spacing: -1.3px; line-height: 1.25; }.footer-top > div { display: grid; gap: 11px; }.footer-top > div a { color: #a8b0ad; font-size: 11px; }.footer-top > div a:hover { color: var(--lime); }.footer-bottom { padding-top: 20px; border-top: 1px solid rgba(255,255,255,.12); display: flex; justify-content: space-between; color: #6f7975; font-size: 8px; }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity .65s ease, transform .65s ease; }.reveal.visible { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } .reveal { opacity: 1; transform: none; } }

@media (max-width: 960px) {
  .nav-links { position: absolute; top: 82px; left: 24px; right: 24px; z-index: 20; padding: 24px; background: var(--ink); color: white; flex-direction: column; align-items: flex-start; opacity: 0; pointer-events: none; transform: translateY(-10px); transition: .2s; }.nav-links.open { opacity: 1; pointer-events: auto; transform: translateY(0); }.nav-cta { margin-left: auto; }.menu-button { display: block; }
  .hero { grid-template-columns: 1fr; padding-top: 60px; }.hero-copy { text-align: center; }.hero-copy h1, .hero-copy > p { margin-inline: auto; }.eyebrow, .hero-actions, .trust-row { justify-content: center; }.hero-visual { margin-top: 15px; }
  .section-heading { grid-template-columns: 1fr; gap: 18px; }.section-heading > p { max-width: 520px; }
  .hosting-layout { grid-template-columns: 1fr; gap: 60px; }.hosting-copy { max-width: 620px; }.contact-grid { grid-template-columns: 1fr; gap: 55px; }.contact-copy { max-width: 660px; }
  .faq-layout { gap: 60px; }.process-intro { grid-template-columns: 1fr; }.process-intro h2 { grid-column: auto; }.process-intro > p { max-width: 500px; }
  .eleva-grid { gap: 50px; }.ai-console { grid-template-columns: 150px 1fr; }.ai-metrics { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }.ai-metrics > span { display: none; }.ai-metrics > div { padding: 18px 0; }.ai-metrics a { margin: auto 0; }
  .service-main { grid-template-columns: 1fr; }.service-main-copy { min-height: 460px; }.service-art { min-height: 470px; padding-left: 48px; }.eleva-heading { grid-template-columns: 1fr 1fr; }.eleva-heading h2 { grid-column: 1 / -1; grid-row: 1; }.eleva-label { grid-column: 1; grid-row: 2; }.eleva-heading > p { grid-column: 2; grid-row: 2; }.eleva-program { grid-template-columns: .65fr 1.35fr; }.program-content { padding-inline: 32px; }
}

@media (max-width: 720px) {
  :root { --shell: min(100% - 32px, 1180px); }
  .site-header { height: 72px; }.nav-links { top: 72px; }.nav-cta { display: none; }
  .hero { min-height: auto; padding-block: 50px; }.hero-copy { text-align: left; }.eyebrow, .hero-actions, .trust-row { justify-content: flex-start; }.hero-actions { align-items: flex-start; flex-direction: column; gap: 20px; }.hero-copy > p { margin-inline: 0; }.trust-row { align-items: flex-start; gap: 13px; flex-direction: column; margin-top: 38px; }.hero-visual { height: 390px; }.orbit-one { width: 340px; height: 340px; }.orbit-two { width: 270px; height: 270px; }.browser-card { width: 100%; }.mock-hero { min-height: 220px; }.mock-copy { padding: 22px 10px 17px 18px; }.mock-copy strong { font-size: 21px; letter-spacing: -1px; }.chip-top { right: -8px; top: 29px; }.chip-bottom { left: -7px; bottom: 25px; }
  .section, .work-section, .faq-section { padding-block: 78px; }.section-heading { margin-bottom: 37px; }.services-grid { grid-template-columns: 1fr; }.service-card { min-height: 375px; }
  .eleva-section, .ai-section { padding-block: 78px; }.eleva-grid { grid-template-columns: 1fr; gap: 48px; }.eleva-stats { gap: 18px; flex-wrap: wrap; }.eleva-card { min-height: 520px; padding: 28px 22px; box-shadow: 12px 12px 0 rgba(7,17,15,.12); }.ai-heading { grid-template-columns: 1fr; gap: 20px; }.ai-console { grid-template-columns: 1fr; }.ai-sidebar { display: none; }.ai-chat { min-height: 435px; padding: 23px 18px; border-right: 0; }.ai-metrics { grid-column: auto; grid-template-columns: 1fr 1fr; }.ai-metrics a { min-height: 46px; display: grid; place-items: center; }.ai-services { grid-template-columns: 1fr; }.ai-services article, .ai-services article + article { padding: 28px 0; border-left: 0; border-bottom: 1px solid rgba(255,255,255,.14); }
  .service-main-copy { min-height: 500px; padding: 36px 25px; }.service-main h3 { margin-top: 35px; }.service-art { min-height: 390px; padding: 35px 21px; }.service-art::before { width: 330px; height: 330px; }.service-art::after { width: 250px; height: 250px; }.art-layout { min-height: 260px; padding: 32px 24px; }.art-layout strong { font-size: 30px; }.service-duo { grid-template-columns: 1fr; }.service-mini { min-height: 410px; padding: 32px 25px; }.eleva-new { padding-block: 78px; }.eleva-heading { grid-template-columns: 1fr; gap: 18px; }.eleva-heading h2, .eleva-label, .eleva-heading > p { grid-column: auto; grid-row: auto; }.eleva-program { grid-template-columns: 1fr; }.program-intro { min-height: 400px; padding: 34px 26px; }.program-orbit { width: 230px; height: 230px; }.program-content { padding: 32px 22px; }.program-top small { display: none; }.program-steps { grid-template-columns: 1fr; }.program-steps article, .program-steps article:nth-child(even) { min-height: 120px; padding: 23px 0; border-right: 0; }.program-bottom { align-items: stretch; flex-direction: column; }.program-bottom .button { width: 100%; }
  .projects-grid { grid-template-columns: 1fr; }.project-large { grid-row: auto; }.project-large .project-preview { min-height: 470px; }.project-preview { min-height: 285px; }.folio-food { padding: 35px 28px; }.folio-food h3 { margin-top: 48px; font-size: 39px; }.plate { width: 280px; height: 280px; right: -100px; }.project-note { margin-top: 40px; }
  .pricing-cards { grid-template-columns: 1fr; }.price-card, .price-card.primary { min-height: 420px; }.price-card.primary { margin-top: 17px; }.price-disclaimer { text-align: left; }
  .process-section { padding-block: 78px; }.process-intro { margin-bottom: 42px; gap: 18px; }.process-list article { grid-template-columns: 45px 1fr 20px; padding-block: 26px; }.process-list article > div { grid-template-columns: 1fr; gap: 3px; }.process-list p { margin: 5px 0; }.process-list h3 { font-size: 23px; }
  .faq-layout { grid-template-columns: 1fr; gap: 35px; }.faq-list summary { font-size: 13px; padding-right: 3px; gap: 20px; }
  .contact-section { padding-block: 75px; }.contact-grid { gap: 45px; }.contact-form { padding: 26px 20px; }.field-row { grid-template-columns: 1fr; gap: 0; }
  .footer-top { grid-template-columns: 1fr; gap: 32px; }.footer-bottom { gap: 12px; flex-direction: column; }
}

/* Simplified sections 01–03 */
.offers-clean { padding: 112px 0; background: #f4f3ed; }
.offers-heading { display: grid; grid-template-columns: 180px 1fr 280px; gap: 42px; align-items: end; margin-bottom: 50px; }
.offers-heading > span, .eleva-panel > span, .ai-photo-overlay > span { align-self: start; color: #68736d; font-family: "Manrope"; font-size: 9px; font-weight: 800; letter-spacing: 1.5px; }
.offers-heading h2 { max-width: 700px; font-size: clamp(40px, 4.8vw, 61px); line-height: 1; letter-spacing: -3.5px; }
.offers-heading p { margin: 0; color: #69726e; font-size: 13px; line-height: 1.65; }
.offers-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.offer-tile { min-height: 390px; padding: 30px; border: 1px solid rgba(7,17,15,.13); background: #ebeae3; display: flex; flex-direction: column; transition: transform .25s, box-shadow .25s; }
.offer-tile:nth-child(2) { background: #d5efc8; }.offer-tile:nth-child(3) { background: #101917; color: white; }
.offer-tile:hover { transform: translateY(-5px); box-shadow: 0 20px 38px rgba(7,17,15,.1); }
.offer-number { align-self: flex-end; color: #79837e; font-size: 9px; }
.offer-icon { width: 54px; height: 54px; margin-top: 35px; border-radius: 50%; display: grid; place-items: center; background: white; font-family: "Manrope"; font-size: 17px; font-weight: 800; box-shadow: 0 8px 18px rgba(7,17,15,.07); }.offer-tile:nth-child(3) .offer-icon { background: var(--lime); color: var(--ink); }
.offer-tile h3 { margin-top: 34px; font-size: 25px; letter-spacing: -1.3px; }.offer-tile p { max-width: 330px; margin: 13px 0 0; color: #6d7671; font-size: 11px; line-height: 1.65; }.offer-tile:nth-child(3) p { color: #8b9692; }
.offer-tile > b { margin-top: auto; padding-top: 18px; border-top: 1px solid rgba(7,17,15,.14); font-size: 10px; }.offer-tile:nth-child(3) > b { color: var(--lime); border-color: rgba(255,255,255,.14); }

.eleva-photo { padding: 0 0 110px; background: #f4f3ed; }
.eleva-photo-frame { min-height: 610px; display: grid; grid-template-columns: 1.2fr .8fr; grid-template-rows: 1fr 72px; overflow: hidden; background: #d7ff58; }
.eleva-image { min-height: 538px; background: linear-gradient(rgba(7,17,15,.08),rgba(7,17,15,.08)), url('/entrepreneur.jpg') center center / cover no-repeat; }
.eleva-panel { min-height: 538px; padding: 56px 48px 45px; display: flex; flex-direction: column; align-items: flex-start; }
.eleva-panel > span { color: #52634f; }.eleva-panel > small { margin-top: 80px; font-size: 8px; font-weight: 800; letter-spacing: 1.6px; }
.eleva-panel h2 { margin-top: 17px; font-size: clamp(39px, 4.2vw, 56px); line-height: .98; letter-spacing: -3.3px; }.eleva-panel p { max-width: 390px; margin: 21px 0; color: rgba(7,17,15,.65); font-size: 12px; line-height: 1.7; }.eleva-panel .button { margin-top: auto; }
.eleva-photo .eleva-panel > small { margin-top: 40px; }.eleva-panel h2 em { font-family: Georgia, serif; font-weight: 400; color: #477259; }.eleva-price-note { width: 100%; max-width: 390px; display: grid; grid-template-columns: 120px 1fr; gap: 15px; padding: 16px 0; margin-bottom: 18px; border-top: 1px solid rgba(7,17,15,.2); border-bottom: 1px solid rgba(7,17,15,.2); }.eleva-price-note b { font-size: 9px; line-height: 1.5; }.eleva-price-note span { color: rgba(7,17,15,.62); font-size: 8px; line-height: 1.6; }
.eleva-phases { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4,1fr); background: #09120f; color: white; }.eleva-phases span { display: flex; align-items: center; justify-content: center; border-right: 1px solid rgba(255,255,255,.13); font-size: 10px; font-weight: 600; }.eleva-phases span::before { content: "✓"; margin-right: 10px; color: var(--lime); font-size: 8px; }

.ai-photo { padding: 0 0 110px; background: #f4f3ed; }
.ai-photo-frame { min-height: 650px; position: relative; overflow: hidden; background: url('/ai-technology.jpg') center / cover no-repeat; color: white; }
.ai-photo-frame::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(4,10,8,.96) 0%,rgba(4,10,8,.82) 43%,rgba(4,10,8,.18) 78%); }
.ai-photo-overlay { position: relative; z-index: 2; max-width: 700px; min-height: 570px; padding: 65px 55px 52px; display: flex; flex-direction: column; align-items: flex-start; }
.ai-photo-overlay > span { color: #95a29c; }.ai-photo-overlay h2 { margin-top: 105px; font-size: clamp(43px, 5.2vw, 67px); line-height: .96; letter-spacing: -4px; }.ai-photo-overlay p { max-width: 480px; margin: 24px 0; color: #a5afaa; font-size: 13px; line-height: 1.65; }.ai-photo-overlay .button { margin-top: auto; background: var(--lime); border-color: var(--lime); color: var(--ink); }.ai-photo-overlay .button span { color: var(--ink); }
.ai-photo-services { position: absolute; z-index: 3; left: 0; right: 0; bottom: 0; min-height: 80px; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.17); background: rgba(4,10,8,.75); backdrop-filter: blur(8px); }.ai-photo-services span { display: flex; align-items: center; justify-content: center; border-right: 1px solid rgba(255,255,255,.14); font-size: 10px; }.ai-photo-services span::before { content: "✦"; margin-right: 10px; color: var(--lime); }

@media (max-width: 960px) {
  .offers-heading { grid-template-columns: 130px 1fr; }.offers-heading p { grid-column: 2; }.offers-grid { grid-template-columns: 1fr 1fr; }.offer-tile:last-child { grid-column: 1 / -1; }
  .eleva-photo-frame { grid-template-columns: 1fr; grid-template-rows: auto auto 72px; }.eleva-image { min-height: 500px; }.eleva-panel { min-height: 500px; }.eleva-phases { grid-column: auto; }
}

@media (max-width: 720px) {
  .offers-clean { padding: 78px 0; }.offers-heading { grid-template-columns: 1fr; gap: 20px; margin-bottom: 35px; }.offers-heading p { grid-column: auto; }.offers-grid { grid-template-columns: 1fr; }.offer-tile, .offer-tile:last-child { grid-column: auto; min-height: 350px; }
  .eleva-photo, .ai-photo { padding-bottom: 78px; }.eleva-image { min-height: 390px; background-position: 58% center; }.eleva-panel { min-height: 520px; padding: 38px 24px; }.eleva-panel > small { margin-top: 62px; }.eleva-phases { grid-template-columns: 1fr 1fr; min-height: 120px; }.eleva-phases span { min-height: 60px; border-bottom: 1px solid rgba(255,255,255,.13); }
  .ai-photo-frame { min-height: 700px; }.ai-photo-frame::before { background: linear-gradient(180deg,rgba(4,10,8,.94) 0%,rgba(4,10,8,.7) 66%,rgba(4,10,8,.82) 100%); }.ai-photo-overlay { min-height: 570px; padding: 40px 24px; }.ai-photo-overlay h2 { margin-top: 85px; letter-spacing: -3px; }.ai-photo-services { grid-template-columns: 1fr; min-height: 130px; }.ai-photo-services span { min-height: 43px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
}

@media (max-width: 420px) { h1 { font-size: 47px; letter-spacing: -3.7px; }.hero-visual { height: 350px; }.mock-nav span { display: none; }.mock-hero { min-height: 200px; }.floating-chip { transform: scale(.86); }.chip-top { right: -19px; }.chip-bottom { left: -18px; }.project-large .project-preview { min-height: 430px; } }

/* Three-tier hosting offer */
@media (min-width: 961px) {
  .hosting-layout { grid-template-columns: .62fr 1.38fr; gap: 60px; }
  .pricing-cards { grid-template-columns: repeat(2, 1fr); gap: 9px; }
  .price-card, .price-card.primary { min-height: 410px; padding: 25px 24px; }
}

.price-card.accent { background: #d9efcc; border-color: #b5d2b6; }
.price-card.accent .button { background: #4e9069; border-color: #4e9069; }

/* Editorial banners: Eleva + AI */
.founder-banner { padding: 26px 0 92px; background: var(--paper); }
.founder-frame { min-height: 610px; display: grid; grid-template-columns: .9fr 1.1fr; grid-template-rows: 1fr 82px; background: #d7ff58; overflow: hidden; position: relative; }
.founder-copy { padding: 72px 25px 55px 64px; position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; }
.banner-label { display: inline-flex; align-items: center; gap: 10px; font-family: "Manrope"; font-size: 8px; font-weight: 800; letter-spacing: 1.5px; }.banner-label i { width: 7px; height: 7px; background: var(--ink); border-radius: 50%; }
.founder-copy h2 { max-width: 510px; margin-top: 72px; font-size: clamp(46px, 5.2vw, 72px); line-height: .92; letter-spacing: -5px; }
.founder-copy > p { max-width: 390px; margin: 24px 0; color: rgba(7,17,15,.65); font-size: 13px; line-height: 1.6; }
.banner-link { display: flex; align-items: center; gap: 18px; margin-top: auto; padding-bottom: 6px; border-bottom: 1px solid var(--ink); font-size: 11px; font-weight: 800; }.banner-link b { font-size: 16px; }
.founder-visual { position: relative; min-height: 525px; overflow: hidden; background: #bcec48; }
.founder-word { position: absolute; top: 36px; right: -12px; color: rgba(7,17,15,.08); font-family: "Manrope"; font-size: 110px; font-weight: 800; line-height: 1; letter-spacing: -9px; transform: rotate(90deg) translateX(100%); transform-origin: right top; }
.founder-disc { position: absolute; width: 350px; height: 350px; left: 48%; top: 46%; transform: translate(-50%,-50%); border-radius: 50%; background: var(--ink); color: white; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 35px 70px rgba(7,17,15,.25); }.founder-disc::before, .founder-disc::after { content: ""; position: absolute; border: 1px solid rgba(215,255,88,.2); border-radius: 50%; }.founder-disc::before { inset: 27px; }.founder-disc::after { inset: 67px; }.founder-disc small, .founder-disc span { position: relative; z-index: 1; font-size: 7px; letter-spacing: 2px; color: #91a09a; }.founder-disc strong { position: relative; z-index: 1; margin: 7px 0 0; color: #d7ff58; font-family: "Manrope"; font-size: 118px; line-height: .78; letter-spacing: -9px; }
.founder-ticket { position: absolute; z-index: 2; right: 36px; bottom: 40px; width: 190px; min-height: 205px; padding: 24px 20px; background: #f8f6ed; box-shadow: 0 20px 45px rgba(7,17,15,.22); transform: rotate(5deg); display: flex; flex-direction: column; }.founder-ticket > span { color: #718078; font-size: 6px; letter-spacing: 1.2px; }.founder-ticket > b { margin-top: 46px; font-family: "Manrope"; font-size: 25px; line-height: .95; letter-spacing: -1.5px; }.founder-ticket > small { margin-top: auto; padding-top: 11px; border-top: 1px solid var(--line); font-size: 6px; letter-spacing: 1.2px; }
.founder-strip { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4,1fr); align-items: stretch; background: var(--ink); color: white; }.founder-strip > span { display: flex; align-items: center; gap: 14px; padding: 0 26px; border-right: 1px solid rgba(255,255,255,.12); font-size: 10px; font-weight: 600; }.founder-strip > span:last-child { border-right: 0; }.founder-strip b { color: #d7ff58; font-size: 8px; }

.intelligence-banner { padding: 110px 0; background: var(--paper); }
.intelligence-frame { min-height: 690px; display: grid; grid-template-columns: .85fr 1.15fr; grid-template-rows: 1fr 108px; overflow: hidden; background: #07110f; color: white; position: relative; }
.intelligence-copy { padding: 70px 30px 56px 64px; display: flex; flex-direction: column; align-items: flex-start; position: relative; z-index: 2; }
.light-label { color: #95a19c; }.light-label i { background: var(--lime); box-shadow: 0 0 0 5px rgba(189,255,56,.1); }
.intelligence-copy h2 { max-width: 580px; margin-top: 85px; font-size: clamp(48px, 5.6vw, 75px); line-height: .92; letter-spacing: -5px; }.intelligence-copy h2 em { color: #7fc29b; font-family: Georgia,serif; font-weight: 400; }
.intelligence-copy > p { max-width: 460px; margin: 27px 0; color: #9ba7a2; font-size: 13px; line-height: 1.7; }
.intelligence-actions { margin-top: auto; display: flex; align-items: center; gap: 24px; }.intelligence-actions > span { color: #71807a; font-size: 8px; }.intelligence-actions > span::before { content: "✓"; color: var(--lime); margin-right: 7px; }
.intelligence-visual { min-height: 580px; position: relative; overflow: hidden; background: radial-gradient(circle at center, rgba(77,158,111,.22), transparent 48%); }
.signal-ring { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(125,208,161,.13); border-radius: 50%; transform: translate(-50%,-50%); animation: ai-signal 5s ease-in-out infinite; }.ring-a { width: 470px; height: 470px; }.ring-b { width: 350px; height: 350px; animation-delay: -.9s; }.ring-c { width: 230px; height: 230px; border-color: rgba(189,255,56,.19); animation-delay: -1.8s; }@keyframes ai-signal { 0%,100% { opacity: .45; } 50% { opacity: 1; box-shadow: 0 0 28px rgba(125,208,161,.08); } }@media (prefers-reduced-motion: reduce) { .signal-ring { animation: none; } }
.ai-core { position: absolute; z-index: 3; top: 50%; left: 50%; width: 155px; height: 155px; transform: translate(-50%,-50%); border-radius: 50%; background: #d7ff58; color: var(--ink); display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 0 70px rgba(189,255,56,.2); }.ai-core > span { font-size: 26px; }.ai-core > b { margin-top: 8px; font-family: "Manrope"; font-size: 10px; }.ai-core > small { margin-top: 3px; font-size: 7px; color: #577047; }
.signal-card { position: absolute; z-index: 4; background: #f5f5ee; color: var(--ink); box-shadow: 0 20px 45px rgba(0,0,0,.32); transition: transform .35s cubic-bezier(.22,1,.36,1); }.signal-card:hover { transform: translateY(-6px); }.signal-card > span { color: #738079; font-size: 6px; letter-spacing: 1.2px; }.signal-chat { width: 210px; left: 23px; top: 84px; padding: 20px; }.signal-chat p { margin: 15px 0 0; font-size: 11px; font-weight: 600; }.signal-chat small { display: block; margin-top: 9px; color: #809088; font-size: 7px; }.signal-lead { width: 205px; right: 24px; top: 120px; padding: 20px; }.signal-lead b { display: block; margin-top: 17px; font-family: "Manrope"; font-size: 18px; }.signal-lead small { display: block; margin-top: 3px; color: #5e9872; font-size: 7px; }.signal-done { min-width: 220px; left: 48px; bottom: 70px; padding: 15px 17px; display: flex; align-items: center; gap: 12px; }.signal-done > i { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; background: #dff1d7; color: #4e8e66; font-style: normal; }.signal-done > div { display: flex; flex-direction: column; }.signal-done b { font-size: 9px; }.signal-done small { margin-top: 3px; color: #74817a; font-size: 7px; }
.intelligence-strip { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.13); }.intelligence-strip article { display: flex; align-items: center; gap: 17px; padding: 0 34px; border-right: 1px solid rgba(255,255,255,.13); }.intelligence-strip article:last-child { border-right: 0; }.intelligence-strip article > span { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid rgba(189,255,56,.25); border-radius: 50%; color: var(--lime); font-size: 7px; }.intelligence-strip article > div { display: flex; flex-direction: column; }.intelligence-strip b { font-size: 11px; }.intelligence-strip small { margin-top: 3px; color: #77847f; font-size: 8px; }

@media (max-width: 960px) {
  .founder-frame, .intelligence-frame { grid-template-columns: 1fr; grid-template-rows: auto auto auto; }
  .founder-copy, .intelligence-copy { min-height: 500px; padding: 55px 48px; }.founder-copy h2, .intelligence-copy h2 { margin-top: 65px; }
  .founder-visual, .intelligence-visual { min-height: 520px; }
  .founder-strip, .intelligence-strip { grid-column: auto; }
}

@media (max-width: 720px) {
  .founder-banner { padding: 14px 0 70px; }.intelligence-banner { padding-bottom: 78px; }
  .founder-copy, .intelligence-copy { min-height: 470px; padding: 39px 25px; }.founder-copy h2, .intelligence-copy h2 { margin-top: 60px; letter-spacing: -3.5px; }.founder-copy > p, .intelligence-copy > p { max-width: 320px; }
  .founder-visual { min-height: 450px; }.founder-disc { width: 280px; height: 280px; left: 44%; }.founder-disc strong { font-size: 92px; }.founder-ticket { right: 17px; bottom: 28px; width: 160px; min-height: 178px; }.founder-word { font-size: 83px; }
  .founder-strip { grid-template-columns: 1fr 1fr; }.founder-strip > span { min-height: 64px; padding: 0 18px; border-bottom: 1px solid rgba(255,255,255,.12); }
  .intelligence-actions { align-items: flex-start; flex-direction: column; }.intelligence-visual { min-height: 500px; }.ring-a { width: 390px; height: 390px; }.ring-b { width: 290px; height: 290px; }.ring-c { width: 190px; height: 190px; }.ai-core { width: 130px; height: 130px; }.signal-chat { left: 14px; top: 45px; width: 180px; }.signal-lead { right: 14px; top: 118px; width: 175px; }.signal-done { left: 21px; bottom: 48px; min-width: 200px; }
  .intelligence-strip { grid-template-columns: 1fr; }.intelligence-strip article { min-height: 76px; padding: 0 24px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.13); }
}