:root{--green:#2b6a33;--dark:#4a2f22;--gold:#a6cb7f;--gold-d:#7a4e33;--cream:#f7f1e4;--ink:#1f1a16;--mut:#5f554d}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font-family:Figtree,system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Bricolage Grotesque',Figtree,sans-serif;line-height:1.12;letter-spacing:-.01em}
a{color:inherit}.wrap{max-width:1040px;margin:0 auto;padding:0 20px}.narrow{max-width:760px}
header{background:var(--dark);position:sticky;top:0;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;flex-wrap:wrap;padding:8px 20px}
.nav img{height:54px;width:auto;display:block}
.links{display:flex;gap:4px 18px;flex-wrap:wrap;align-items:center}
.links a{color:#eadfca;text-decoration:none;font-size:15px;font-weight:500}.links a:hover,.links a.on{color:var(--gold)}
.links a.cta{background:var(--gold);color:var(--dark);font-weight:700;padding:8px 15px;border-radius:999px}
.hero{background:var(--dark);color:var(--cream);padding:52px 0 64px;border-bottom:6px solid var(--gold)}
.hero h1{font-size:clamp(32px,6.5vw,58px);font-weight:800;max-width:15em}.hero h1 em{font-style:normal;color:var(--gold)}
.hero p{margin-top:16px;max-width:36em;font-size:clamp(17px,2.3vw,20px);color:#eee3cf}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.btn{display:inline-block;text-decoration:none;font-weight:700;padding:13px 22px;border-radius:999px;font-size:16px;border:0;cursor:pointer;font-family:inherit}
.btn.gold{background:var(--gold);color:var(--dark)}.btn.line{border:2px solid #8a6a55;color:var(--cream)}.btn.dark{background:var(--dark);color:var(--cream)}
section{padding:58px 0}section.alt{background:var(--cream)}
section h2{font-size:clamp(26px,4.6vw,38px);font-weight:800;color:var(--green)}
.lead{margin-top:10px;color:var(--mut);max-width:40em}
.cards{display:grid;gap:16px;margin-top:26px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{border:1px solid #e3e8e1;border-radius:18px;padding:22px;background:#fff;text-decoration:none;display:block}
a.card:hover{border-color:var(--gold)}
.card.main{background:var(--cream);border-color:#eadfc4}
.tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--green);color:var(--cream);margin-bottom:10px}
.tag.soon{background:#e9ede7;color:var(--mut)}
.card h3{font-size:23px;color:var(--green)}.card p{margin-top:8px;color:var(--mut)}
.card ul{margin:10px 0 0 18px;color:var(--mut)}.card li{margin:4px 0}
.steps{counter-reset:s;display:grid;gap:14px;margin-top:26px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.step{counter-increment:s;background:#fff;border:1px solid #eadfc4;border-radius:16px;padding:20px}
.step:before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:var(--gold);font-weight:800;margin-bottom:10px}
.step b{display:block;color:var(--green);font-size:18px}.step span{color:var(--mut)}
.facts{display:grid;gap:12px;margin-top:22px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.fact{background:#fff;border-radius:14px;padding:15px 18px;border:1px solid #eadfc4}
.fact b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--gold-d)}.fact span{font-weight:500}
.contact{background:var(--dark);color:var(--cream)}.contact h2{color:var(--cream)}.contact .lead{color:#e6d8c0}
.rows{display:grid;gap:14px;margin-top:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.row{border:1px solid #6a4a38;border-radius:14px;padding:15px 18px}
.row b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--gold)}
.row a,.row span{font-size:18px;font-weight:500;text-decoration:none}
.notice{background:var(--cream);border:1px solid #eadfc4;border-left:5px solid var(--gold);border-radius:12px;padding:16px 18px;margin:22px 0}
form.f{display:grid;gap:14px;margin-top:24px}
form.f label{font-weight:700;color:var(--green);font-size:15px}
form.f input,form.f select,form.f textarea{width:100%;font:inherit;padding:12px 14px;border:1.5px solid #cfd8cf;border-radius:12px;margin-top:6px;background:#fff}
form.f textarea{min-height:130px}
.doc{padding:44px 0 64px}.doc h1{font-size:clamp(30px,5vw,44px);font-weight:800;color:var(--green)}
.doc .upd{color:var(--mut);margin-top:6px;font-size:15px}
.doc h3{font-size:22px;color:var(--green);margin:30px 0 8px}
.doc p{margin:10px 0}.doc ul,.doc ol{margin:8px 0 8px 22px}.doc li{margin:5px 0}
.tw{overflow-x:auto;margin:12px 0}.doc table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}
.doc th,.doc td{border:1px solid #dfe5dc;padding:9px 11px;text-align:left;vertical-align:top}.doc th{background:var(--cream);color:var(--green)}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 6px}
.tabs a{text-decoration:none;padding:7px 15px;border-radius:999px;border:1.5px solid #cfd8cf;font-weight:700;font-size:14px;color:var(--green)}
.tabs a.on{background:var(--green);color:var(--cream);border-color:var(--green)}
.founder{display:grid;gap:26px;align-items:start;grid-template-columns:minmax(0,230px) 1fr}
.founder img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:24px;border:5px solid var(--gold-d);background:var(--cream);display:block}
.founder h3{font-size:clamp(26px,4vw,34px);color:var(--green)}
.founder .role{font-weight:700;color:var(--gold-d);margin-top:4px}.founder .tagline{font-family:'Bricolage Grotesque',Figtree,sans-serif;font-weight:800;font-size:22px;color:var(--green);margin-top:14px}.founder .role2{color:var(--mut);font-weight:500}
.founder p{margin-top:12px;color:var(--mut);max-width:38em}
@media(max-width:620px){.founder{grid-template-columns:1fr;justify-items:start}.founder img{max-width:220px}}
footer{background:#35211a;color:#cdb9a2;padding:30px 0;font-size:14px}
footer .wrap{display:grid;gap:14px}
footer .fl{display:flex;flex-wrap:wrap;gap:6px 20px}footer a{text-decoration:none;color:#eadfca}footer a:hover{color:var(--gold)}

.hero.pro{position:relative;overflow:hidden;padding:56px 0 72px;background:radial-gradient(900px 520px at 88% 12%,rgba(78,143,63,.38),transparent 60%),radial-gradient(700px 420px at 6% 110%,rgba(166,203,127,.14),transparent 60%),linear-gradient(180deg,#4a2f22,#34201a);border-bottom:0}
.hero.pro:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,#2b6a33,#a6cb7f,#2b6a33)}
.hgrid{display:grid;gap:36px;align-items:center;grid-template-columns:1.15fr .85fr}
.hero.pro h1{font-size:clamp(36px,6.4vw,66px);max-width:12em}
.grad{background:linear-gradient(90deg,#a6cb7f,#d8e59a,#a6cb7f);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:shine 6s linear infinite}
@keyframes shine{to{background-position:-200% 0}}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.chips span{border:1px solid rgba(239,227,203,.28);color:#eadfca;border-radius:999px;padding:7px 14px;font-size:14px;backdrop-filter:blur(6px);background:rgba(255,255,255,.05)}
.stage{position:relative;display:grid;place-items:center;min-height:460px}
.stage:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(166,203,127,.38),transparent 68%);filter:blur(6px)}
.phone{position:relative;width:min(290px,72vw);aspect-ratio:390/844;border-radius:46px;background:#14100d;padding:9px;box-shadow:0 40px 80px rgba(0,0,0,.45),0 0 0 2px #3a2a21 inset,0 0 0 1px rgba(255,255,255,.08)}
.phone:before{content:"";position:absolute;top:14px;left:50%;transform:translateX(-50%);width:84px;height:22px;border-radius:99px;background:#14100d;z-index:2}
.phone img{width:100%;height:100%;border-radius:38px;object-fit:cover;display:block;background:#f6f3ec}
.tilt{transform:rotate(-5deg);animation:fl 7s ease-in-out infinite}
@keyframes fl{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-14px)}}
.float2{position:absolute;z-index:3;background:rgba(255,255,255,.96);color:#1f1a16;border-radius:16px;padding:10px 14px;font-size:13px;font-weight:700;box-shadow:0 14px 34px rgba(0,0,0,.28);animation:fl2 6s ease-in-out infinite}
.float2 small{display:block;font-weight:500;color:#5f554d;font-size:11px}
.f1{left:-4%;top:18%}.f2{right:-2%;bottom:16%;animation-delay:-2s}
@keyframes fl2{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.marq{overflow:hidden;background:var(--cream);border-bottom:1px solid #eadfca;padding:16px 0}
.marq .tr{display:flex;gap:44px;white-space:nowrap;width:max-content;animation:mq 34s linear infinite;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:22px;color:#8a7466}
.marq .tr span:nth-child(odd){color:var(--green)}
@keyframes mq{to{transform:translateX(-50%)}}
.bento{display:grid;gap:16px;margin-top:28px;grid-template-columns:repeat(6,1fr)}
.bx{border-radius:24px;padding:28px;position:relative;overflow:hidden;min-height:230px;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;transition:transform .35s ease,box-shadow .35s ease}
.bx:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(74,47,34,.18)}
.bx h3{font-size:28px}.bx p{margin-top:8px;max-width:30em}
.b1{grid-column:span 4;background:linear-gradient(135deg,#2b6a33,#1d4a24);color:#fff}.b1 h3{color:#fff}.b1 p{color:#d9e8d3}
.b2{grid-column:span 2;background:var(--cream);border:1px solid #eadfca}.b2 h3{color:var(--dark)}.b2 p{color:var(--mut)}
.b3{grid-column:span 3;background:var(--dark);color:#fff}.b3 h3{color:#fff}.b3 p{color:#e6d8c0}
.b4{grid-column:span 3;background:#eef4e6;border:1px solid #dbe7cc}.b4 h3{color:var(--green)}.b4 p{color:var(--mut)}
.bx .ic{position:absolute;top:22px;right:24px;width:54px;height:54px;opacity:.9}
.bx .tag{position:absolute;top:24px;left:28px;margin:0}
.shots{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding:34px 20px 44px;margin:0 -20px;scrollbar-width:none}
.shots::-webkit-scrollbar{display:none}
.shots figure{flex:none;scroll-snap-align:center;text-align:center}
.shots .phone{width:236px}
.shots figcaption{margin-top:14px;font-weight:700;color:var(--green)}
.shots figcaption small{display:block;font-weight:500;color:var(--mut)}
.dark2{background:linear-gradient(180deg,#34201a,#4a2f22);color:#eee3cf}
.dark2 h2{color:#fff}.dark2 .lead{color:#d9c9b0}.dark2 .shots figcaption{color:#a6cb7f}.dark2 .shots figcaption small{color:#cdb9a2}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}
.lsv{position:relative;width:100%;max-width:560px;height:auto;filter:drop-shadow(0 30px 50px rgba(0,0,0,.35))}
.steps{display:grid;gap:16px;margin-top:28px;grid-template-columns:repeat(3,1fr)}
.st{background:var(--cream);border:1px solid #eadfca;border-radius:22px;padding:26px}
.st b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--green);color:#fff;margin-bottom:14px}
.st h3{font-size:24px}.st p{margin-top:8px;color:var(--mut)}
@media(max-width:820px){.steps{grid-template-columns:1fr}}
.cta2{text-align:center;padding:72px 0}.cta2 h2{font-size:clamp(30px,5vw,48px)}
@media(max-width:820px){.hgrid{grid-template-columns:1fr}.stage{min-height:400px;margin-top:10px}.bento{grid-template-columns:1fr}.bx,.b1,.b2,.b3,.b4{grid-column:auto;min-height:200px}.f1{left:0}.f2{right:0}}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.tilt,.float2,.marq .tr,.grad{animation:none}.tilt{transform:rotate(-5deg)}}

.dd{position:relative;display:inline-block}
.dd>a:after{content:"";display:inline-block;margin-left:7px;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.sub{display:none;position:absolute;top:100%;left:-12px;min-width:250px;background:#34201a;border:1px solid rgba(239,227,203,.18);border-radius:16px;padding:8px;box-shadow:0 20px 44px rgba(0,0,0,.38);z-index:50}
.dd:hover .sub,.dd:focus-within .sub{display:block}
.sub a{display:block;padding:10px 14px;border-radius:10px;white-space:nowrap;margin:0!important}
.sub a:hover{background:rgba(255,255,255,.08)}
@media(max-width:820px){.sub{display:none!important}}
.acards{display:grid;gap:16px;margin-top:28px;grid-template-columns:repeat(2,1fr)}
.ac{background:var(--cream);border:1px solid #eadfca;border-radius:22px;padding:26px}.ac h3{font-size:22px}.ac p{margin-top:8px;color:var(--mut)}
.hubg{display:grid;gap:18px;margin-top:28px;grid-template-columns:repeat(2,1fr)}
.hc{display:block;text-decoration:none;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#4a2f22,#34201a);color:#eee3cf;transition:transform .35s,box-shadow .35s}
.hc:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(74,47,34,.25)}
.hc img{display:block;width:100%;height:auto}.hc div{padding:6px 24px 24px}.hc h3{color:#fff;font-size:24px}.hc p{margin-top:6px;color:#d9c9b0}
.note{margin-top:22px;color:var(--mut);font-size:14px}
@media(max-width:820px){.acards,.hubg{grid-template-columns:1fr}}