:root{--font:"Manrope","Segoe UI",Arial,sans-serif;--paper:#fcfaf5;--ink:#18382f;--muted:#657168;--line:#dce3d8;--green:#176247;--green-deep:#104c38;--mint:#edf2e8}
.container{width:min(1180px,calc(100% - 96px))}
.site-header{min-height:116px;border-bottom:1px solid var(--line)}
.brand-type{font-family:"KarmaFriendly","Manrope",sans-serif}
.brand-name{font-size:31px;font-weight:400;letter-spacing:5px;color:#18382f}
.brand-subtitle{font-size:10px;font-weight:400;letter-spacing:10px;margin-right:-10px}
.brand-mark{width:26px;height:52px}
.main-nav{gap:36px;font-size:14px}
.header-telegram{border-color:#a9bdb0;font-size:13px;min-height:45px;padding-inline:21px}
.button{font-weight:550}
.button-primary{background:var(--green);box-shadow:none;min-height:56px;padding-inline:28px;font-size:15px}
.button-primary:hover{background:var(--green-deep);box-shadow:0 7px 22px #17624718}
.button-primary .arrow-icon{width:21px;height:21px;margin-left:8px}
.button-primary>.icon:first-child{width:23px;height:23px}
.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.8px;color:#6b8975;gap:20px}
.eyebrow i{background:#a5bba6;width:34px}
.hero{grid-template-columns:1.34fr 1fr;gap:5px;min-height:570px;padding-top:52px;padding-bottom:55px}
.hero-copy{width:100%;min-width:0;padding:0}
.hero h1{font-size:clamp(40px,4.4vw,59px);font-weight:500;letter-spacing:-2.6px;line-height:1.14;margin:23px 0;max-width:700px}
.hero h1 em{font-style:normal;color:#52785b}
.hero-description{max-width:520px;font-size:17px;line-height:1.8;letter-spacing:0;color:var(--muted)}
.hero-actions{margin-top:30px;gap:26px;flex-wrap:wrap}
.hero-actions .text-link{font-size:13px;font-weight:500}
.button.question-cta{max-width:100%;white-space:normal;text-align:center;line-height:1.5}
.question-cta span{min-width:0}
.question-cta .icon{flex-shrink:0}
.text-link span{border-color:#a3b8a0;padding-block:7px}
.hero-footnote{display:flex;gap:9px;align-items:center;font-size:11px;color:#788477;margin:18px 0 0;line-height:1.6}
.hero-footnote span{width:5px;height:5px;border-radius:50%;background:#bbcdaf}
.botanical-art{position:relative;min-width:0;align-self:center;width:100%;margin-top:-12px}
.botanical-art>svg{display:block;width:100%;height:auto;overflow:visible}
.art-signature{position:absolute;left:35%;bottom:1%;display:flex;flex-direction:column;gap:7px;transform:rotate(-7deg)}
.art-signature span:first-child{font-size:9px;letter-spacing:3px;color:#8a9b85}
.art-signature span:last-child{font-size:15px;letter-spacing:-.3px;color:#55765e}
.about-section{display:grid;grid-template-columns:1fr 1.12fr;gap:90px;padding-block:63px 36px;border-top:1px solid var(--line)}
.about-heading h2{font-size:36px;font-weight:500;line-height:1.25;letter-spacing:-1.2px;margin:17px 0 0}
.about-copy p{font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 16px}
.about-copy p:first-child{font-size:19px;color:var(--ink);line-height:1.65;margin-bottom:17px}
.services{gap:0;padding-top:0;padding-bottom:64px}
.service-card{display:block;min-height:0;padding:12px 32px 5px;border:0;border-radius:0;background:none;border-right:1px solid var(--line)}
.service-card:first-child{padding-left:0}.service-card:last-child{border-right:0;padding-right:0}
.service-card:hover{border-color:var(--line);background:none}
.service-icon{height:50px;width:50px;border:0;background:#eef1e7;border-radius:15px;margin-bottom:20px}
.service-icon svg{width:30px;height:30px;stroke-width:2}
.service-card h3{font-size:18px;font-weight:600;letter-spacing:-.5px;line-height:1.5;margin:0 0 10px}
.service-card p{font-size:13px;line-height:1.85;max-width:300px;letter-spacing:0}
.service-card .guide-link{margin-top:6px;font-size:13px;line-height:1.5;white-space:normal}
.service-card .guide-links{display:grid;justify-items:start}
.workflow{padding-block:63px 70px;border-top:1px solid var(--line)}
.section-heading{margin-bottom:43px}
.section-heading h2{font-size:36px;font-weight:500;letter-spacing:-1.5px;margin-top:15px;line-height:1.3}
.centered{font-size:10px;letter-spacing:2.5px;gap:20px}
.steps{gap:50px}
.steps li{display:block;padding-right:14px}
.step-number{width:45px;height:45px;font-size:16px;font-weight:500;background:#edf1e7;margin-bottom:19px}
.step-copy h3{font-size:17px;font-weight:600;letter-spacing:-.5px;line-height:1.5;margin-bottom:9px}
.step-copy p{font-size:13px;line-height:1.85;letter-spacing:0;max-width:310px}
.step-arrow{top:12px;right:-25px;color:#99b39d;width:28px}
.contact-invitation{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:42px 48px;background:#eaf0e3;border-radius:22px}
.contact-invitation h2{font-size:30px;font-weight:500;letter-spacing:-1.2px;margin:13px 0 10px;line-height:1.3}
.contact-invitation p{color:var(--muted);font-size:14px;line-height:1.8;margin:0;max-width:540px}
.contact-invitation .button{flex-shrink:0;font-size:14px;padding-inline:23px}
.information-note{border:0;background:none;padding:32px 0 27px;gap:20px;min-height:0;align-items:flex-start}
.information-note svg{height:28px;width:25px;padding:0;border:0;color:#8ca087;stroke:#8ca087;stroke-width:2.4}
.information-note p{color:#879081;font-size:10px;line-height:1.8;letter-spacing:0}
.site-footer{margin-top:0;min-height:105px;padding-block:26px 32px;gap:20px}
.footer-brand .brand-name{font-size:27px}.footer-brand .brand-subtitle{font-size:9px;letter-spacing:8.5px;margin-right:-8.5px}
.footer-brand .brand-mark{height:45px;width:23px}
.footer-telegram{font-size:13px;padding-inline:35px;gap:10px;border:0}
.footer-telegram .icon{width:23px;height:23px}
.footer-link{font-size:11px;color:#687768;border-color:#afbeaa;white-space:normal}
dialog{border-color:var(--line);font-family:var(--font)}dialog h2{font-weight:500}
@media(min-width:1400px){.hero{min-height:610px;padding-top:60px;padding-bottom:60px}.hero h1{font-size:60px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.site-header{gap:20px}.main-nav{gap:23px;font-size:13px}.brand-name{font-size:27px;letter-spacing:4px}.brand-subtitle{letter-spacing:8.5px;margin-right:-8.5px}.header-telegram{padding-inline:17px}.hero{min-height:510px;grid-template-columns:1.35fr 1fr;padding-block:48px}.hero h1{font-size:48px;letter-spacing:-2.2px}.hero-description{font-size:15px;max-width:450px}.hero-actions{gap:20px}.button-primary{font-size:14px;padding-inline:23px}.hero-actions .text-link{font-size:12px}.about-section{gap:55px}.about-heading h2{font-size:32px}.about-copy p:first-child{font-size:17px}.about-copy p{font-size:14px}.service-card{padding-inline:25px}.service-card h3{font-size:16px}.service-card p{font-size:12px}.contact-invitation{padding:35px}.contact-invitation h2{font-size:27px}.contact-invitation p{font-size:13px}.footer-telegram{padding-inline:0}.privacy-link{font-size:11px}}
@media(max-width:850px){.site-header{padding-top:18px;padding-bottom:12px;min-height:126px}.main-nav{width:100%;gap:40px;font-size:12px}.hero{min-height:460px;grid-template-columns:1.5fr 1fr;padding-block:40px;align-items:center}.hero h1{font-size:40px;letter-spacing:-1.8px}.hero-description{font-size:14px;line-height:1.8}.hero-actions{gap:13px}.hero-actions .text-link{font-size:12px}.hero-footnote{font-size:10px}.botanical-art{margin-left:-15px;width:calc(100% + 15px)}.art-signature span:first-child{font-size:7px;letter-spacing:2px}.art-signature span:last-child{font-size:12px}.about-section{padding-top:45px;gap:30px;grid-template-columns:1fr 1.2fr}.about-heading h2{font-size:28px}.about-copy p:first-child{font-size:16px}.about-copy p{font-size:12px}.service-card{padding-inline:20px}.service-card h3{font-size:15px}.service-card p{font-size:12px}.services{padding-bottom:45px}.section-heading h2{font-size:30px}.workflow{padding-block:46px}.steps{gap:26px}.step-copy h3{font-size:15px}.step-copy p{font-size:12px}.step-arrow{right:-12px}.contact-invitation{align-items:flex-start;flex-direction:column;gap:23px;border-radius:18px;padding:30px}.site-footer{flex-wrap:wrap}.footer-brand{width:auto}.footer-link{font-size:11px}.privacy-link{font-size:10px}.information-note{padding-block:25px}}
@media(max-width:600px){.container{width:calc(100% - 40px)}.site-header{min-height:120px}.brand-name{font-size:25px;letter-spacing:3.8px}.brand-subtitle{font-size:9px;letter-spacing:7.8px;margin-right:-7.8px}.brand-mark{width:23px;height:47px}.header-telegram{font-size:12px;min-height:40px;padding:9px 14px}.main-nav{font-size:12px;gap:18px}.hero{min-height:0;display:flex;gap:0;padding-top:35px;padding-bottom:38px}.hero h1{font-size:40px;letter-spacing:-1.9px;line-height:1.17;margin:21px 0 20px}.hero-description{font-size:15px;line-height:1.8;max-width:none}.eyebrow{font-size:9px;letter-spacing:2.3px;gap:16px}.hero-actions{gap:15px;margin-top:25px;align-items:center}.button-primary{min-height:51px;padding:12px 21px;font-size:13px;gap:8px}.hero-actions .text-link{font-size:12px}.hero-actions .arrow-icon{margin-left:3px;width:19px}.hero-footnote{margin-top:16px;font-size:10px}.botanical-art{width:min(100%,350px);margin:18px 0 0}.art-signature span:first-child{font-size:8px}.art-signature span:last-child{font-size:13px}.about-section{display:block;padding-block:35px 18px}.about-heading h2{font-size:30px;margin-top:14px}.about-copy{margin-top:25px}.about-copy p:first-child{font-size:17px;line-height:1.7}.about-copy p{font-size:14px;line-height:1.85}.services{display:block;padding-bottom:35px}.service-card{display:flex;align-items:flex-start;gap:19px;padding:23px 0!important;border-right:0;border-bottom:1px solid var(--line);min-height:0}.service-card:last-child{border-bottom:0}.service-icon{width:48px;height:48px;flex-shrink:0;margin:0;border-radius:14px}.service-icon svg{width:29px;height:29px}.service-card h3{font-size:17px;margin:0 0 7px}.service-card p{font-size:13px;line-height:1.8;max-width:none}.workflow{padding-block:36px 42px}.section-heading{text-align:left;margin-bottom:29px}.section-heading h2{font-size:29px;letter-spacing:-1.1px;line-height:1.3;margin-top:14px}.section-heading .centered{justify-content:flex-start;font-size:8px;letter-spacing:1.9px;gap:13px}.section-heading .centered i:first-child{display:none}.section-heading .centered i{width:25px}.steps{gap:27px}.steps li{display:flex;gap:20px;padding:0;flex-direction:row}.step-number{width:41px;height:41px;margin:0;font-size:14px}.step-copy h3{font-size:16px;margin:0 0 7px}.step-copy p{font-size:13px;line-height:1.8;max-width:none}.contact-invitation{padding:28px 24px;gap:22px}.contact-invitation h2{font-size:26px;letter-spacing:-1px;margin:13px 0}.contact-invitation p{font-size:13px}.contact-invitation .eyebrow{font-size:8px;letter-spacing:1.9px}.contact-invitation .button{font-size:13px;gap:9px;padding-inline:20px}.contact-invitation .button>.icon:first-child{width:22px}.information-note{gap:13px;padding-block:25px}.information-note p{font-size:9px;line-height:1.85}.information-note svg{width:21px;height:25px}.site-footer{padding-block:25px;gap:23px 15px}.footer-brand .brand-name{font-size:23px}.footer-brand .brand-subtitle{font-size:8px;letter-spacing:7px;margin-right:-7px}.footer-brand .brand-mark{height:42px;width:21px}.footer-telegram{font-size:12px;gap:8px}.footer-telegram .icon{width:21px}.footer-link{font-size:10px}.privacy-link{font-size:9px}dialog .button{font-size:14px}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.brand-name{font-size:23px}.brand-subtitle{letter-spacing:7px;margin-right:-7px}.header-telegram{font-size:11px;padding-inline:12px;gap:6px}.hero h1{font-size:35px;letter-spacing:-1.65px}.hero-description{font-size:14px}.hero-actions{gap:14px}.hero-actions .text-link{font-size:11px}.hero-actions .button{font-size:12px;padding-inline:18px}.botanical-art{max-width:290px}.service-card{gap:16px}.service-card h3{font-size:16px}.contact-invitation{padding:25px 21px}.contact-invitation h2{font-size:24px}.footer-telegram{font-size:11px}.footer-brand .brand-name{font-size:22px}.privacy-link{max-width:170px;text-align:right}}
.eyebrow,.hero-footnote,.information-note p{color:#657168}
.hero-footnote,.information-note p{font-size:11px}
.hero-service{display:block;margin-bottom:9px;color:var(--ink);font-weight:500}
.team-signature{font-size:11px;line-height:1.7;color:var(--muted);margin:20px 0 0;max-width:260px}
.about-copy .about-link{font-size:12px;gap:10px;margin-top:0}.about-link .icon{width:18px;height:18px}
.about-section{padding-bottom:42px}
.faq-section{display:grid;grid-template-columns:1fr 1.12fr;gap:90px;padding-block:57px 65px;border-top:1px solid var(--line)}
.faq-heading h2{font-size:36px;font-weight:500;letter-spacing:-1.3px;line-height:1.3;margin:17px 0}
.faq-heading>p{font-size:13px;line-height:1.8;color:var(--muted);max-width:250px;margin:0}
.faq-heading .eyebrow{font-size:9px;letter-spacing:2.1px;gap:17px}
.faq-list{min-width:0}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:21px 0;font-size:15px;line-height:1.6;font-weight:550;letter-spacing:-.2px}
.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::marker{content:""}
.faq-list summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px;border-radius:3px}
.faq-plus{position:relative;display:block;width:18px;height:18px;flex-shrink:0;color:var(--green)}
.faq-plus:before,.faq-plus:after{content:"";position:absolute;background:currentColor;border-radius:1px}.faq-plus:before{width:14px;height:1px;left:2px;top:8px}.faq-plus:after{width:1px;height:14px;left:8px;top:2px}.faq-list details[open] .faq-plus:after{display:none}
.faq-answer p{font-size:13px;color:var(--muted);line-height:1.85;margin:0;padding:0 35px 23px 0;max-width:540px}
.contact-invitation{display:grid;grid-template-columns:1fr 1.08fr;gap:50px;align-items:center}
.invitation-copy .button{margin-top:24px}.invitation-copy{min-width:0}.contact-invitation h2{max-width:380px}
.message-example{min-width:0;padding:25px 27px;background:#fcfaf5c7;border:1px solid #d8e1cf;border-radius:16px}
.message-example>label{display:block;font-size:12px;font-weight:600;color:var(--green-deep);margin-bottom:14px}
.message-example textarea{display:block;font:inherit;font-size:14px;line-height:1.85;color:var(--ink);padding:0;width:100%;height:106px;resize:none;border:0;background:transparent;border-radius:3px;overflow:auto}
.message-example textarea:focus-visible{outline:2px solid #8ca780;outline-offset:4px}
.message-example #message-hint{font-size:10px;color:var(--muted);line-height:1.7;margin:12px 0 0}
.message-copy-row{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:19px}
.copy-message{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;border:1px solid #a7b99f;border-radius:7px;background:transparent;padding:10px 13px;font-size:11px;font-weight:550;color:var(--green-deep)}
.copy-message:hover{background:#eaf0e3}.copy-message .icon{height:16px;width:16px;stroke-width:1.5}
.message-example .copy-message-status{font-size:10px;line-height:1.6;color:var(--green-deep);margin:0;min-height:16px}
.message-example .message-telegram{display:flex;margin-top:18px;min-height:48px;padding:11px 15px;font-size:12px;white-space:normal;text-align:center}
.message-example .message-draft-note{font-size:10px;line-height:1.7;color:var(--muted);margin:10px 0 0}
.faq-answer a{color:var(--green-deep);text-decoration:underline;text-underline-offset:3px}
.mobile-telegram-bar{display:none}
@media(max-width:600px){body{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}html{scroll-padding-bottom:94px}.hero .eyebrow{font-size:8px;letter-spacing:1.6px;gap:12px}.hero .eyebrow i{width:20px}.message-example textarea{height:158px}.mobile-telegram-bar{display:block;position:fixed;z-index:5;left:0;right:0;bottom:0;padding:10px 20px calc(10px + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid var(--line)}.mobile-telegram-bar .button{display:flex;width:100%;min-height:52px;font-size:14px;gap:10px}.mobile-telegram-bar .icon{width:21px;height:21px}body:has(dialog[open]) .mobile-telegram-bar{display:none}}
@media(max-width:1100px){.faq-section{gap:55px}.faq-heading h2{font-size:32px}.faq-list summary{font-size:14px}.contact-invitation{gap:30px}.message-example{padding:23px}.message-example textarea{font-size:13px;height:122px}}
@media(max-width:850px){.faq-section{grid-template-columns:1fr 1.2fr;gap:30px;padding-block:43px 48px}.faq-heading h2{font-size:28px}.faq-heading .eyebrow{font-size:8px;letter-spacing:1.6px;gap:12px}.faq-heading .eyebrow i{width:20px}.faq-list summary{font-size:13px;gap:15px;padding-block:18px}.faq-answer p{font-size:12px;padding-right:10px}.contact-invitation{display:flex;flex-direction:column;gap:30px;align-items:stretch}.contact-invitation h2{font-size:26px}.message-example{padding:20px}.message-example textarea{height:100px;font-size:13px}.message-copy-row{margin-top:15px}.copy-message{font-size:10px;padding-inline:10px}.team-signature{font-size:10px}}
@media(max-width:600px){.hero-service{margin-bottom:10px}.about-section{padding-bottom:26px}.team-signature{font-size:10px;margin-top:14px;max-width:none}.about-copy .about-link{font-size:12px;margin-top:0}.faq-section{display:block;padding-block:34px 39px}.faq-heading h2{font-size:29px;letter-spacing:-1.1px;margin-block:15px}.faq-heading h2 br{display:none}.faq-heading>p{font-size:12px;max-width:none}.faq-heading .eyebrow{font-size:8px;letter-spacing:1.7px}.faq-list{margin-top:25px}.faq-list summary{font-size:14px;padding-block:19px}.faq-answer p{font-size:13px;line-height:1.85;padding-right:8px;padding-bottom:21px}.contact-invitation{display:flex;flex-direction:column;gap:27px}.invitation-copy .button{margin-top:21px}.message-example{width:100%;padding:22px 20px;border-radius:12px}.message-example textarea{font-size:13px;height:128px}.message-copy-row{gap:10px;margin-top:17px}.copy-message{min-height:42px;font-size:11px;padding-inline:12px}.message-example #message-hint{font-size:10px}.message-example .copy-message-status{font-size:10px}.botanical-art{max-width:290px;margin-top:7px}}
@media(max-width:360px){.message-example{padding:20px 17px}.message-example textarea{height:150px;font-size:12px}.copy-message{font-size:10px;padding-inline:10px}.faq-list summary{font-size:13px}.faq-heading h2{font-size:27px}.botanical-art{max-width:250px}}
@media(max-width:600px){.message-example textarea{height:158px}}

.front-screen {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100svh;
  background: var(--paper);
}

.front-screen-photo {
  position: absolute;
  inset: 0;
  display: block;
  pointer-events: none;
}

.front-screen-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left bottom;
}

.front-screen::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    linear-gradient(to top, var(--paper), transparent clamp(64px, 12vh, 120px)),
    linear-gradient(180deg, var(--paper), rgb(252 250 245 / 96%) 74px, rgb(252 250 245 / 50%) 112px, transparent 185px),
    linear-gradient(
      90deg,
      transparent calc(50% - clamp(220px, 19vw, 410px)),
      rgb(252 250 245 / 8%) calc(50% - clamp(150px, 13vw, 290px)),
      rgb(252 250 245 / 23%) calc(50% - clamp(90px, 8vw, 180px)),
      rgb(252 250 245 / 48%) calc(50% - 54px),
      rgb(252 250 245 / 72%) calc(50% + 5px),
      rgb(252 250 245 / 90%) calc(50% + 50px),
      rgb(252 250 245 / 85%)
    );
  content: "";
  pointer-events: none;
}

.front-screen .site-header,
.front-screen .hero {
  position: relative;
  z-index: 2;
}

.front-screen .hero {
  display: flex;
  flex: 1 0 auto;
  flex-direction: row;
  justify-content: flex-end;
  min-height: 0;
  padding-block: clamp(34px, 7vh, 92px);
}

.front-screen .hero-copy {
  width: 44%;
}

.front-screen .hero h1 {
  font-size: clamp(35px, 4vw, 58px);
}

.front-screen .hero-description,
.front-screen .hero-footnote {
  color: #40544b;
}

@media (max-width: 900px) {
  .front-screen {
    --front-screen-ambient: url("/assets/family-meadow-panorama.webp");
    padding-bottom: 41vw;
    background:
      linear-gradient(180deg, var(--paper) 5%, rgb(252 250 245 / 95%) 50%, var(--paper) 75%),
      var(--front-screen-ambient) right center / cover;
  }

  .front-screen-photo {
    inset: auto 0 0;
  }

  .front-screen-photo img {
    height: auto;
  }

  .front-screen::after {
    display: none;
  }

  .front-screen-photo::after {
    position: absolute;
    inset: 0;
    background:
      linear-gradient(to top, var(--paper), transparent 16%),
      linear-gradient(180deg, var(--paper), transparent 17%);
    content: "";
  }

  .front-screen .hero {
    justify-content: flex-start;
    padding-block: 32px;
  }

  .front-screen .hero-copy {
    width: min(100%, 600px);
  }
}

@media (max-width: 600px) {
  .front-screen {
    --front-screen-ambient: url("/assets/family-meadow.webp");
    padding-bottom: 85vw;
  }
}

@media (max-width: 980px) {
  .front-screen .site-header {
    flex-wrap: wrap;
    row-gap: 4px;
  }

  .front-screen .main-nav {
    order: 3;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 clamp(12px, 3vw, 28px);
  }
}