/* Folium marketing site — Mint Daylight.
   Lifted verbatim from the approved design (canvas "Folium Website Prototype", Home artboard).
   Shared additions for the real site live in site.css. */
body{margin:0;background:#EEF4F0;color:#1A211E;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#16794F}a:hover{color:#0F3D2C}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.serif{font-family:Fraunces,Georgia,serif;font-weight:500;letter-spacing:-0.02em}
.mono{font-family:'IBM Plex Mono',monospace}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#0F5E3C;margin:0;background:#D3EDDF;border-radius:999px;padding:6px 12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s,border-color .2s;white-space:nowrap}
.btn.primary{background:#16794F;color:#FFFFFF;box-shadow:0 6px 20px rgba(22,121,79,.28)}.btn.primary:hover{background:#0F6A44;color:#FFFFFF;transform:translateY(-1px)}
.btn.ghost{color:#14231F;background:#FFFFFF;border:1px solid #D7E2DB}.btn.ghost:hover{border-color:#16794F;color:#16794F}
.btn.lg{min-height:54px;padding:0 28px;font-size:16px}
.nav{position:sticky;top:0;z-index:20;background:rgba(238,244,240,.86);backdrop-filter:blur(14px);border-bottom:1px solid #D8E3DC}
.navin{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#14231F;font-family:Fraunces,Georgia,serif;font-size:24px;font-weight:600}.brand:hover{color:#14231F}
.links{display:flex;gap:28px}
.links a{color:#3A4540;text-decoration:none;font-size:15px;font-weight:500;padding:12px 0}.links a:hover{color:#16794F}
.login{color:#14231F;text-decoration:none;font-weight:600;font-size:15px;padding:12px 14px;border-radius:999px}.login:hover{background:#EEF4F0;color:#14231F}
.card{background:#FFFFFF;border:1px solid #D8E3DC;border-radius:22px;box-shadow:0 1px 2px rgba(20,35,31,.05),0 14px 36px rgba(20,35,31,.09);transition:transform .25s,box-shadow .25s,border-color .25s}
a.card:hover,.card.hov:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(20,35,31,.04),0 22px 48px rgba(20,35,31,.09);border-color:#CFE3D7}
.inset{background:#F5F8F6;border:1px solid #EAF0EC;border-radius:16px}
.icon{width:48px;height:48px;border-radius:14px;background:#D6EEE1;display:flex;align-items:center;justify-content:center;flex:none}
.h2{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:clamp(34px,4.2vw,50px);line-height:1.08;letter-spacing:-0.02em;margin:16px 0 0;color:#14231F}
.lead{font-size:18px;line-height:1.6;color:#4F5B55;margin:16px 0 0;max-width:620px}
.sec{padding:112px 0}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.span2{grid-column:span 2}.span3{grid-column:span 3}.span4{grid-column:span 4}
.pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}
.row{display:flex;justify-content:space-between;align-items:center}
.tl{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #EDF1EE;font-size:14px}
.mark{background:linear-gradient(transparent 62%,#9FDDBB 62%,#9FDDBB 92%,transparent 92%);padding:0 4px}
.dots{position:absolute;inset:0;background-image:radial-gradient(#CFE0D6 1.1px,transparent 1.1px);background-size:26px 26px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 75%);mask-image:linear-gradient(to bottom,#000 0%,transparent 75%)}
.fq{background:#FFFFFF;border:1px solid #D8E3DC;border-radius:18px;padding:6px 22px;margin-top:12px}
.fq summary{cursor:pointer;font-weight:600;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:16px;color:#14231F;min-height:56px;align-items:center}
.fq summary::-webkit-details-marker{display:none}
.fq p{margin:0 0 18px;color:#4F5B55;line-height:1.65}
.foot a{color:#4F5B55;text-decoration:none;font-size:14px;display:block;padding:6px 0}.foot a:hover{color:#16794F}
@media (max-width:960px){.links{display:none}.grid3{grid-template-columns:1fr}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.span2,.span3,.span4{grid-column:span 2}.split{grid-template-columns:1fr!important}.appgrid{grid-template-columns:1fr!important}.side,.floater{display:none!important}}
@media (max-width:560px){.navcta .btn{display:none}.sec{padding:76px 0}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.footgrid{grid-template-columns:1fr 1fr!important}}
@media (prefers-reduced-motion:no-preference){.float{animation:fl 7s ease-in-out infinite}@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.rise{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}.d2{animation-delay:.1s}.d3{animation-delay:.2s}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}
:focus-visible{outline:3px solid #23A06B;outline-offset:2px}

/* ---- v2: deeper mint, clearer green, patterned backgrounds, motion ---- */
.hero-bg{background:radial-gradient(900px 520px at 50% 0%,#B9E4CB 0%,rgba(185,228,203,0) 68%),radial-gradient(640px 460px at 90% 40%,#CFE6F5 0%,rgba(207,230,245,0) 70%),radial-gradient(560px 420px at 6% 55%,#DDEFCB 0%,rgba(221,239,203,0) 70%),linear-gradient(180deg,#DFECE4 0%,#EEF4F0 100%)}
.dotgrid{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(22,121,79,.30) 1.3px,transparent 1.5px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 65% 58% at 50% 30%,#000 0%,rgba(0,0,0,.5) 50%,transparent 82%);mask-image:radial-gradient(ellipse 65% 58% at 50% 30%,#000 0%,rgba(0,0,0,.5) 50%,transparent 82%)}
.ov{position:absolute;inset:0;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 20%,#000 0%,transparent 85%);mask-image:radial-gradient(ellipse 75% 70% at 50% 20%,#000 0%,transparent 85%)}
.blob{position:absolute;border-radius:50%;filter:blur(46px);pointer-events:none}
.blob.b1{width:440px;height:440px;left:8%;top:30px;background:#86D2AA;opacity:.55}
.blob.b2{width:380px;height:380px;right:6%;top:110px;background:#A6D3EE;opacity:.42}
.blob.b3{width:320px;height:320px;left:44%;top:280px;background:#C8E8AE;opacity:.42}
.gridbg{background-image:linear-gradient(rgba(22,121,79,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(22,121,79,.075) 1px,transparent 1px);background-size:44px 44px}
.ledgerbg{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,rgba(22,121,79,.09) 39px,rgba(22,121,79,.09) 40px)}
.diagbg{background-image:repeating-linear-gradient(135deg,rgba(22,121,79,.075) 0 1px,transparent 1px 18px)}
.ringbg{background-image:repeating-radial-gradient(circle at 50% -10%,rgba(22,121,79,.09) 0 1px,transparent 1px 56px)}
.glowbg{background:radial-gradient(520px 380px at 0% 0%,#D3EBDD 0%,rgba(211,235,221,0) 70%),radial-gradient(520px 380px at 100% 100%,#D6E8F3 0%,rgba(214,232,243,0) 70%),#EEF4F0}
.band{background:#F7FAF8}
.mintband{background:linear-gradient(160deg,#D3ECDE 0%,#BFE3CE 100%)}
@media (prefers-reduced-motion:no-preference){
.blob{animation:drift 18s ease-in-out infinite alternate}.blob.b2{animation-duration:23s;animation-direction:alternate-reverse}.blob.b3{animation-duration:27s}
@keyframes drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(46px,-28px) scale(1.08)}100%{transform:translate(-34px,22px) scale(.95)}}
.dotgrid{animation:pan 50s linear infinite}@keyframes pan{to{background-position:240px 240px}}
.mark.draw{background-size:0% 100%;background-repeat:no-repeat;animation:draw 1.1s .55s cubic-bezier(.2,.7,.2,1) forwards}@keyframes draw{to{background-size:100% 100%}}
.grow{transform-origin:bottom;animation:grow .9s cubic-bezier(.2,.7,.2,1) both}@keyframes grow{from{transform:scaleY(0)}}
.fill{transform-origin:left;animation:fillx 1.3s .35s cubic-bezier(.2,.7,.2,1) both}@keyframes fillx{from{transform:scaleX(0)}}
.pulse{animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(35,160,107,.5)}50%{box-shadow:0 0 0 7px rgba(35,160,107,0)}}
.shift{background-size:200% 200%!important;animation:shift 12s ease-in-out infinite}@keyframes shift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@supports (animation-timeline: view()){.reveal{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% cover 26%}@keyframes reveal{from{opacity:0;translate:0 30px;scale:.985}to{opacity:1;translate:0 0;scale:1}}}
.btn.primary{position:relative;overflow:hidden}.btn.primary::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.35),rgba(255,255,255,0));transform:skewX(-20deg);transition:left .6s ease}.btn.primary:hover::after{left:120%}
}