/* /lucreaza-cu-mine (launch 18.10.2026): from the approved mockup docs/machete/lucreaza.html.
   Renames vs the mockup (site.css already owns them): .hero -> .lhero, .photo -> .lphoto, .door-frame -> .arch, .halo -> .lhalo,
   .door -> .ldoor, .tiles/.tile -> .ltiles/.ltile, .doors -> .ldoors, .forms -> .lforms. Forms are form_render() markup (.req-form). */

/* ---------- hero ---------- */
.lhero{padding:20px 0 60px;position:relative}
.lhero .crumbs{margin-bottom:18px}
.lhero .grid{display:grid;gap:44px;align-items:center}
@media (min-width:980px){.lhero .grid{grid-template-columns:1.3fr .8fr;gap:40px}}
.lhero .hi{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.lhero .hi .scrib{color:var(--magenta)}
@media (max-width:479px){.lhero .hi .scrib{flex-basis:100%}}
.lhero h1{font:400 clamp(2.7rem,8vw,6rem)/.92 var(--f-head);margin:0;letter-spacing:-.025em}
.lhero h1 .l1,.lhero h1 .l2{display:block}
.lhero h1 .l2{color:var(--magenta)}
.lhero .sub{font-size:clamp(1.05rem,2.2vw,1.3rem);font-weight:600;max-width:40ch;margin:22px 0 0}
.lhero .sub b{color:var(--magenta)}
.lhero .ghost{position:absolute;font:400 clamp(8rem,24vw,19rem)/1 var(--f-head);color:rgba(26,10,46,.05);z-index:-1;left:-2vw;top:4%;white-space:nowrap;pointer-events:none}
.picker{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.picker a{display:inline-flex;align-items:center;gap:.4em;font:400 .86rem var(--f-head);padding:.6em 1em;border:2.5px solid var(--ink);border-radius:999px;box-shadow:3px 3px 0 var(--ink);transition:translate .15s,rotate .15s,box-shadow .15s}
.picker a:hover{translate:-2px -2px;rotate:-2deg;box-shadow:5px 5px 0 var(--ink)}
.picker a.bg-magenta{color:var(--ink)} /* AA: ink on magenta 4.76:1 (white was 3.9:1), same pairing as .btn.m */
.lphoto{position:relative;justify-self:center;width:min(340px,64vw);aspect-ratio:2/3;margin:10px 0 40px;z-index:0}
.arch{position:absolute;inset:0;border-radius:200px 200px 18px 18px;overflow:hidden;border:5px solid var(--ink);box-shadow:12px 12px 0 var(--ink);background:var(--yellow)}
.arch img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.lhalo{position:absolute;inset:-20px -22px -12px -18px;border-radius:210px 210px 26px 26px;background:var(--eblue);border:4px solid var(--ink);z-index:-1;transform:rotate(4deg)}
.lphoto .s{position:absolute;z-index:3}
.lphoto .s1{top:6%;left:-18%;transform:rotate(-10deg)}
.lphoto .s2{top:38%;right:-16%;transform:rotate(8deg)}
.lphoto .s3{bottom:6%;left:-14%;transform:rotate(-5deg)}
.lphoto .e{position:absolute;font-size:2.8rem;z-index:3;line-height:1}
.lphoto .e1{top:-8%;right:4%}.lphoto .e2{bottom:22%;right:-14%}
.lphoto .arrow{position:absolute;right:-6%;bottom:-18%;width:150px;z-index:3;color:var(--magenta)}
.lphoto .arrow .scrib{position:absolute;right:-6px;bottom:-14px;white-space:nowrap;transform:rotate(-4deg)}
@media (max-width:520px){.lphoto .s1{left:-10%}.lphoto .s2{right:-10%}.lphoto .s3{left:-8%}.lphoto .e2{right:-8%}.lphoto .arrow{right:0}}

/* ---------- doors at length ---------- */
.ldoors{padding:60px 0 20px}
.dlist{display:grid;gap:56px;margin-top:34px}
.ldoor{border:3px solid var(--ink);border-radius:30px;padding:30px 20px 24px;box-shadow:10px 10px 0 var(--ink);position:relative;display:grid;gap:26px;scroll-margin-top:100px;background:#fff}
@media (min-width:900px){.ldoor{grid-template-columns:1.05fr .95fr;padding:40px 40px 36px;gap:44px;align-items:center}.ldoor.flip .vis{order:-1}}
.ldoor:nth-child(odd){transform:rotate(-.3deg)}.ldoor:nth-child(even){transform:rotate(.3deg)}
@media (min-width:768px){.ldoor:nth-child(odd){transform:rotate(-.6deg)}.ldoor:nth-child(even){transform:rotate(.6deg)}}
.ldoor .num{position:absolute;top:-22px;left:22px;font:400 1rem var(--f-head);background:var(--ink);color:#fff;border-radius:12px;padding:.4em .8em;transform:rotate(-4deg)}
.ldoor .em{width:70px;height:70px;border-radius:20px;border:3px solid var(--ink);background:#fff;display:grid;place-items:center;font-size:2.3rem;box-shadow:3px 3px 0 var(--ink);transform:rotate(-6deg);flex:0 0 auto}
.ldoor .top{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.ldoor .who{font:700 1.65rem/1.05 var(--f-hand)}
.ldoor h2{font:400 clamp(2.1rem,5.4vw,3.6rem)/.98 var(--f-head);margin:16px 0 12px;letter-spacing:-.015em;overflow-wrap:anywhere}
.ldoor h2 .acc{color:var(--magenta)}
.ldoor .lead{font-size:1.08rem;font-weight:500;margin:0 0 18px;max-width:48ch}
.ldoor h3.get{font:500 .74rem var(--f-mono);letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px}
.ticks{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:8px}
.ticks li{display:flex;gap:12px;align-items:center;font-weight:600;background:#fff;color:var(--ink);border:2.5px solid var(--ink);border-radius:14px;padding:8px 12px 8px 8px;box-shadow:2px 2px 0 var(--ink);line-height:1.35}
.ticks li i{font-style:normal;flex:0 0 34px;height:34px;border-radius:10px;border:2px solid var(--ink);display:grid;place-items:center;font-size:1.05rem;transform:rotate(-5deg)}
.ticks li:nth-child(4n+1) i{background:var(--coral)}.ticks li:nth-child(4n+2) i{background:var(--baby);transform:rotate(4deg)}.ticks li:nth-child(4n+3) i{background:var(--mint)}.ticks li:nth-child(4n+4) i{background:var(--lav);transform:rotate(3deg)}
.buy{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:center;border-top:2.5px dashed currentColor;padding-top:18px}
.buy .price{display:flex;flex-direction:column}
.buy .price b{font:italic 600 clamp(2.2rem,6vw,3.2rem)/1 var(--f-acc)}
.buy .price span{font-weight:700;font-size:.9rem}
.buy .btn{flex:1 1 220px}
@media (min-width:900px){.buy .btn{flex:0 0 auto}}
.buy .alt{flex-basis:100%;display:flex;flex-wrap:wrap;gap:10px}
.buy .alt .btn{flex:1 1 180px}
.ldoor--yellow{background:var(--yellow)}.ldoor--peach{background:var(--peach)}.ldoor--baby{background:var(--baby)}.ldoor--mint{background:var(--mint)}.ldoor--lav{background:var(--lav)}
.ldoor--magenta{background:var(--magenta);color:#fff}.ldoor--magenta h2 .acc{color:var(--yellow)}.ldoor--magenta .em{color:var(--ink)}
.honest{margin:0 0 18px;font-size:.92rem;font-weight:600;color:var(--ink);background:rgba(255,255,255,.92);border:2px dashed var(--ink);border-radius:14px;padding:10px 12px}
.ldoor.wide{grid-template-columns:1fr}
@media (min-width:900px){.ldoor.wide .split{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:start}}
.ldoor.wide .sessions{margin-top:26px}
@media (min-width:900px){.ldoor.wide .sessions{margin-top:0}}

/* door visuals */
.vis{position:relative}
.ltiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}
.ltile{border:3px solid var(--ink);border-radius:20px;padding:16px 8px;text-align:center;box-shadow:4px 4px 0 var(--ink);background:#fff;color:var(--ink)}
.ltile b{display:block;font:italic 600 clamp(1.9rem,5.4vw,3.2rem)/1 var(--f-acc);white-space:nowrap}
.ltile>span{font-size:.82rem;font-weight:700;display:block;margin-top:4px}
.ltile:nth-child(3n+1){background:var(--coral);transform:rotate(-3deg)}.ltile:nth-child(3n+2){transform:rotate(2deg) translateY(10px)}.ltile:nth-child(3n){background:var(--mint);transform:rotate(-1deg)}
.vis .note{display:block;margin-top:26px;text-align:center;color:var(--magenta)}
.ldoor--magenta .vis .note{color:var(--yellow)}
.vis .floaty{position:absolute;top:-38px;right:4px;font-size:2.6rem;z-index:2;line-height:1}
.bigemoji{display:grid;place-items:center;font-size:7rem;line-height:1}
.sessions{display:grid;gap:16px}
@media (min-width:600px){.sessions{grid-template-columns:repeat(2,1fr)}}
.ses{border:3px solid var(--ink);border-radius:22px;padding:18px 16px;box-shadow:5px 5px 0 var(--ink);display:flex;flex-direction:column;gap:6px;background:#fff;color:var(--ink);transition:box-shadow .2s}
.ses:hover{box-shadow:8px 8px 0 var(--ink)}
.ses:nth-child(4n+1){transform:rotate(-1.4deg)}.ses:nth-child(4n+2){transform:rotate(1deg)}.ses:nth-child(4n+3){transform:rotate(.8deg)}.ses:nth-child(4n+4){transform:rotate(-1deg)}
.ses--coral{background:var(--peach)}.ses--yellow{background:var(--yellow)}.ses--magenta{background:var(--lav)}.ses--blue{background:var(--baby)}.ses--mint{background:var(--mint)}.ses--lav{background:var(--lav)}
.ses .h{display:flex;align-items:center;gap:10px}
.ses .h>span{font-size:1.8rem;line-height:1}
.ses .h b{font:400 1.35rem/1 var(--f-head)}
.ses .hook{font-weight:600;font-size:.96rem}
.ses .pp{margin-top:auto;padding-top:8px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.ses .pp b{font:italic 600 1.9rem/1 var(--f-acc)}
.ses .pp small{font:500 .74rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase}
.saidyes{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 0}
.saidyes li{display:grid;place-items:center;height:58px;padding:8px 12px;background:#fff;border:2.5px solid var(--ink);border-radius:14px;box-shadow:3px 3px 0 var(--ink)}
.saidyes li:nth-child(odd){transform:rotate(-2deg)}.saidyes li:nth-child(even){transform:rotate(2deg)}
.saidyes img{max-height:30px;max-width:100%;width:auto}
.vis .lpol{padding:10px 10px 46px;transform:rotate(3deg);width:min(300px,70vw);margin:40px auto 0}
.vis .lpol img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;object-position:50% 30%}
.lpol .cap{position:absolute;left:10px;right:10px;bottom:8px;font:700 1.3rem/1.1 var(--f-hand);text-align:center;color:var(--ink)}
.lpol::before{content:"";position:absolute;top:-12px;left:50%;width:84px;height:24px;margin-left:-42px;background:rgba(255,213,90,.92);transform:rotate(-3deg)}
.lbook{width:min(260px,58vw);margin:20px auto}
.lnl{transform:rotate(-1deg);color:var(--ink);margin:0}

/* ---------- figures band ---------- */
.page-lucreaza .mantra{margin-top:90px}

/* ---------- forms ---------- */
.lforms{padding:110px 0 10px}
.fgrid{display:grid;gap:44px;margin-top:30px}
@media (min-width:980px){.fgrid{grid-template-columns:1fr 1fr;gap:34px;align-items:start}}
.fbox{border:3px solid var(--ink);border-radius:30px;padding:30px 18px 24px;box-shadow:10px 10px 0 var(--ink);position:relative;scroll-margin-top:100px;min-width:0}
@media (min-width:768px){.fbox{padding:34px 32px 30px}}
.fbox.b{background:var(--baby);transform:rotate(-.8deg)}.fbox.s{background:var(--mint);transform:rotate(.8deg)}
.fbox .tab{position:absolute;top:-18px;left:20px}
.fbox h2{font:400 clamp(1.9rem,4.4vw,2.8rem)/1 var(--f-head);margin:8px 0 8px}
.fbox h2 .acc{color:var(--magenta)}
.fbox .intro{margin:0 0 20px;font-weight:500}
.fbox .intro a{text-decoration:underline;text-underline-offset:3px;font-weight:700}
.fbox .corner{position:absolute;font-size:2.6rem;right:18px;top:-26px;line-height:1}
.fbox .req-form{display:grid;gap:14px}
@media (min-width:600px){.fbox .req-form{grid-template-columns:1fr 1fr}.fbox .req-form>*{grid-column:1/-1}.fbox .req-form>.fld:has(input:not([type=hidden])){grid-column:auto}}
.fbox .fld{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0}
.fbox .fld label{font:500 .72rem var(--f-mono);letter-spacing:.14em;text-transform:uppercase}
.fbox .fld input,.fbox .fld select,.fbox .fld textarea{width:100%;min-width:0;border:2.5px solid var(--ink);border-radius:14px;padding:13px 14px;background:#fff;color:var(--ink);font:500 1rem var(--f-body);box-shadow:2px 2px 0 var(--ink);transition:box-shadow .15s,transform .15s}
.fbox .fld input:focus,.fbox .fld select:focus,.fbox .fld textarea:focus{outline:none;box-shadow:5px 5px 0 var(--magenta);transform:translate(-2px,-2px)}
.fbox .fld textarea{min-height:130px;resize:vertical}
.fbox [aria-invalid=true]{box-shadow:0 0 0 3px var(--coral)!important}
.fbox .err{color:#8a1020;font-weight:700;font-size:.9rem}
.fbox .form-note{font-size:.84rem;font-weight:500;margin:0}
.fbox .form-note a{text-decoration:underline;text-underline-offset:3px;font-weight:700}
.fbox .form-status{margin:0;font-weight:700}
.fbox .form-status:empty{display:none}
.fbox .form-status:not(:empty){background:#fff;border:2.5px solid var(--ink);border-radius:14px;padding:12px 14px}
.fbox .form-error{background:var(--peach);border:2.5px solid var(--ink);border-radius:14px;padding:12px 14px;font-weight:700;margin:0}
.fbox .req-form .btn{width:100%}
.fbox .req-form p:last-child{margin:0}

/* ---------- not sure ---------- */
.notsure{padding:100px 0 40px;text-align:center}
.notsure .box{display:inline-block;max-width:640px;background:#fff;border:3px solid var(--ink);border-radius:26px;padding:26px 22px;box-shadow:8px 8px 0 var(--ink);transform:rotate(-1deg)}
.notsure h2{font:400 clamp(1.6rem,4vw,2.4rem)/1.05 var(--f-head);margin:0 0 10px}
.notsure p{margin:0 0 18px;font-weight:500}

/* WhatsApp under the forms (18.10.2026) */
.lwa{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:44px 0 0;text-align:center}
.lwa .scrib{font-size:1.4rem}
.btn.wa{background:#25D366;color:var(--ink);transform:rotate(-1.5deg)}