/* translatewedo.com | Translation Agency | Logrono, La Rioja, Spain
   FIRST Forest Green #1B6B4A accent (never used in 11 prev sites)!
   FIRST Dark bar #0E3D23 + white nav two-layer header!
   FIRST Lora + Raleway fonts (both FIRST)!
   FIRST Globe hero with animated SVG elements!
   FIRST Language pairs grid section!
   FIRST Horizontal connecting-line process!
   FIRST Alternating zigzag case studies!
   FIRST Auto-scroll testimonial ticker!
   FIRST 2-col interactive FAQ!
   FIRST Cosecha/Reserva/Gran Reserva pricing (La Rioja wine theme)!
   FIRST .twd-ledger builder panel!
   FIRST Interpretation + Transcription services!
   FIRST Facebook+Instagram+YouTube social combo!
   FIRST Globe favicon! FIRST Logrono La Rioja!
   twd- CSS prefix | TWD JS | plan/extras/support params */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Raleway:wght@300;400;500;600;700;800&display=swap');
:root{
  --twd-white:#FFFFFF; --twd-bg:#F4F7F5; --twd-card:#FFFFFF; --twd-line:#D4E4DA;
  --twd-ink:#0E1A12; --twd-mid:#4A6B54; --twd-stone:#8AA896;
  --twd-green:#1B6B4A; --twd-green-d:#124A33; --twd-green-l:#2A8560;
  --twd-glow:rgba(27,107,74,.1); --twd-glow2:rgba(27,107,74,.18);
  --twd-dark:#0E1A12; --twd-bar:#0E3D23;
  --twd-max:1200px;
  --twd-fh:'Lora',Georgia,serif;
  --twd-fb:'Raleway',system-ui,sans-serif;
  --twd-r:5px; --twd-r2:14px; --twd-r3:28px;
  --twd-ease:all .22s cubic-bezier(.4,0,.2,1);
  --twd-sh:0 2px 14px rgba(14,26,18,.06);
  --twd-sh2:0 16px 48px rgba(14,26,18,.12);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--twd-bg);color:var(--twd-stone);font-family:var(--twd-fb);font-size:.925rem;line-height:1.72;overflow-x:hidden;}
img{display:block;max-width:100%;}a{color:inherit;text-decoration:none;}ul{list-style:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
input,textarea,select{font-family:inherit;}address{font-style:normal;}
h1,h2,h3,h4{font-family:var(--twd-fh);color:var(--twd-ink);}
p{font-size:.925rem;line-height:1.78;color:var(--twd-stone);}

/* ═══ TOP ANNOUNCEMENT BAR (FIRST dark bar + white nav combo!) ═══ */
.twd-topbar{background:var(--twd-bar);padding:.35rem 0;}
.twd-topbar-in{max-width:var(--twd-max);margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;}
.twd-tb-left{display:flex;align-items:center;gap:1.5rem;}
.twd-tb-lk{font-family:var(--twd-fb);font-size:.32rem;color:rgba(255,255,255,.5);text-decoration:none;display:flex;align-items:center;gap:.3rem;transition:color .14s;letter-spacing:.04em;}
.twd-tb-lk:hover{color:rgba(255,255,255,.85);}
.twd-tb-right{display:flex;align-items:center;gap:.5rem;}
.twd-lang-sw{display:flex;border:1px solid rgba(255,255,255,.15);border-radius:100px;overflow:hidden;}
.twd-ls-b{font-family:var(--twd-fb);font-size:.28rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:rgba(255,255,255,.35);padding:.18rem .42rem;cursor:pointer;border:none;background:none;transition:var(--twd-ease);}
.twd-ls-b:hover,.twd-ls-b.twd-ls-on{background:var(--twd-green-l);color:white;}

/* ═══ MAIN HEADER (white sticky, bigger logo) ═══ */
.twd-header{background:var(--twd-white);border-bottom:1px solid var(--twd-line);position:sticky;top:0;z-index:200;transition:box-shadow .2s;}
.twd-header.twd-hd-sh{box-shadow:var(--twd-sh2);}
.twd-header-in{max-width:var(--twd-max);margin:0 auto;padding:.6rem 2rem;display:flex;align-items:center;gap:1.5rem;}
/* Lora logo 2rem+ (bigger!) */
.twd-logo{font-family:var(--twd-fh);font-size:2rem;font-weight:700;color:var(--twd-ink);text-decoration:none;letter-spacing:-.02em;white-space:nowrap;margin-right:auto;}
.twd-logo em{color:var(--twd-green);font-style:italic;}
/* Raleway 1.05rem 700 nav links (bigger than body!) */
.twd-nav{display:flex;align-items:center;gap:.2rem;}
.twd-nlk{font-family:var(--twd-fb);font-size:1.05rem;font-weight:700;color:var(--twd-mid);padding:.3rem .55rem;text-decoration:none;transition:color .14s;border-radius:var(--twd-r);white-space:nowrap;letter-spacing:.01em;}
.twd-nlk:hover,.twd-nlk.twd-nav-on{color:var(--twd-green);}
.twd-nav-cta{font-family:var(--twd-fb);font-size:.9rem;font-weight:700;color:white;background:var(--twd-green);padding:.38rem 1.1rem;border-radius:100px;text-decoration:none;white-space:nowrap;transition:background .14s;margin-left:.3rem;}
.twd-nav-cta:hover{background:var(--twd-green-d);}
.twd-mob-btn{display:none;color:var(--twd-ink);padding:.25rem;}
/* Mobile slide-down panel */
.twd-mob-panel{position:fixed;top:0;left:0;right:0;background:var(--twd-white);border-bottom:2px solid var(--twd-green);z-index:600;transform:translateY(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);padding:4rem 1.5rem 1.5rem;}
.twd-mob-panel.twd-mp-open{transform:translateY(0);}
.twd-mp-close{position:absolute;top:1rem;right:1rem;color:var(--twd-stone);cursor:pointer;}
.twd-mp-nav{display:flex;flex-direction:column;gap:.1rem;margin-bottom:1rem;}
.twd-mp-lk{font-family:var(--twd-fb);font-size:1.1rem;font-weight:700;color:var(--twd-mid);padding:.45rem 0;border-bottom:1px solid var(--twd-line);text-decoration:none;transition:color .14s;}
.twd-mp-lk:hover,.twd-mp-lk.twd-nav-on{color:var(--twd-green);}

/* PAGE BANNER */
.twd-pg-bnr{background:var(--twd-bar);padding:5rem 2rem 3.5rem;position:relative;overflow:hidden;}
.twd-pg-bnr::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--twd-green-l);}
.twd-pg-bnr-in{max-width:var(--twd-max);margin:0 auto;position:relative;z-index:1;}
.twd-pg-kicker{font-family:var(--twd-fb);font-size:.28rem;font-weight:700;text-transform:uppercase;letter-spacing:.4em;color:rgba(255,255,255,.2);display:block;margin-bottom:.4rem;}
.twd-pg-bnr h1{font-family:var(--twd-fh);font-size:clamp(2.2rem,5vw,5rem);font-weight:700;color:white;line-height:1.08;font-style:italic;}
.twd-pg-sub{font-size:.9rem;color:rgba(255,255,255,.3);margin:.5rem 0 0;max-width:56ch;line-height:1.72;}

/* ═══ HERO: Split (FIRST split hero with globe SVG!) ═══ */
.twd-hero{background:var(--twd-white);padding:5rem 2rem 4rem;overflow:hidden;}
.twd-hero-in{max-width:var(--twd-max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}
.twd-hero-left{}
.twd-hero-kicker{font-family:var(--twd-fb);font-size:.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.4em;color:var(--twd-green);display:block;margin-bottom:1rem;}
/* LORA H1 italic (FIRST Lora font!) */
.twd-hero-h1{font-family:var(--twd-fh);font-size:clamp(2.8rem,5vw,5.5rem);font-weight:700;font-style:italic;color:var(--twd-ink);line-height:1.06;margin-bottom:1.2rem;}
.twd-hero-sub{font-size:.95rem;color:var(--twd-mid);max-width:48ch;line-height:1.78;margin-bottom:2rem;}
.twd-hero-acts{display:flex;gap:.65rem;flex-wrap:wrap;}
/* GLOBE SVG animation (FIRST globe hero!) */
.twd-hero-right{display:flex;align-items:center;justify-content:center;}
.twd-globe-wrap{position:relative;width:380px;height:380px;}
.twd-globe-svg{width:100%;height:100%;}
.twd-globe-circle{animation:twdRotate 20s linear infinite;transform-origin:center;transform-box:fill-box;}
.twd-globe-pulse{animation:twdPulse 3s ease-in-out infinite;}
@keyframes twdRotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@keyframes twdPulse{0%,100%{opacity:.3;}50%{opacity:1;}}

/* TRUST STRIP */
.twd-trust{background:var(--twd-green);padding:2rem 2rem;}
.twd-trust-in{max-width:var(--twd-max);margin:0 auto;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:1rem;}
.twd-tr-blk{text-align:center;}
.twd-tr-v{font-family:var(--twd-fh);font-size:2.5rem;font-weight:700;color:white;display:block;line-height:1;}
.twd-tr-l{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.6);display:block;margin-top:.2rem;}

/* SERVICES GRID */
.twd-svc-zone{max-width:var(--twd-max);margin:0 auto;padding:6rem 2rem;}
.twd-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;}
.twd-svc-cd{background:var(--twd-card);border:1.5px solid var(--twd-line);border-radius:var(--twd-r2);overflow:hidden;text-decoration:none;transition:var(--twd-ease);display:flex;flex-direction:column;}
.twd-svc-cd:hover{border-color:var(--twd-green);box-shadow:0 4px 24px var(--twd-glow);transform:translateY(-3px);}
.twd-sc-img{height:150px;overflow:hidden;background:var(--twd-bg);}
.twd-sc-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.twd-svc-cd:hover .twd-sc-img img{transform:scale(1.04);}
.twd-sc-bd{padding:1.2rem;flex:1;display:flex;flex-direction:column;}
.twd-sc-ico{width:32px;height:32px;background:var(--twd-glow);border-radius:var(--twd-r);display:flex;align-items:center;justify-content:center;color:var(--twd-green);margin-bottom:.5rem;}
.twd-sc-nm{font-family:var(--twd-fh);font-size:1rem;font-weight:700;color:var(--twd-ink);margin-bottom:.2rem;}
.twd-sc-pr{font-size:.72rem;font-weight:700;color:var(--twd-green);background:var(--twd-glow);padding:.05rem .32rem;border-radius:100px;display:inline-block;margin-bottom:.3rem;}
.twd-sc-tag{font-size:.78rem;color:var(--twd-stone);line-height:1.65;flex:1;}

/* ═══ PROCESS: Horizontal connecting line (FIRST!) ═══ */
.twd-proc-zone{background:var(--twd-bar);padding:6rem 2rem;}
.twd-proc-shell{max-width:var(--twd-max);margin:0 auto;}
/* FIRST horizontal track with green connecting line between dots */
.twd-proc-rail{display:flex;align-items:flex-start;gap:0;margin-top:3rem;position:relative;}
.twd-proc-rail::before{content:'';position:absolute;top:23px;left:5%;right:5%;height:2px;background:var(--twd-green-l);opacity:.3;z-index:0;}
.twd-proc-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 .5rem;position:relative;z-index:1;}
.twd-ps-dot{width:48px;height:48px;border-radius:50%;background:var(--twd-green);color:white;display:flex;align-items:center;justify-content:center;font-family:var(--twd-fh);font-size:.8rem;font-weight:700;margin:0 auto 1rem;flex-shrink:0;}
.twd-ps-nm{font-family:var(--twd-fh);font-size:.95rem;font-weight:700;color:white;margin-bottom:.35rem;}
.twd-ps-body{font-size:.76rem;color:rgba(255,255,255,.35);line-height:1.6;}

/* ═══ LANGUAGE PAIRS (FIRST dedicated section!) ═══ */
.twd-pairs-zone{max-width:var(--twd-max);margin:0 auto;padding:6rem 2rem;}
.twd-pairs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2.5rem;}
.twd-pair{background:var(--twd-card);border:1.5px solid var(--twd-line);border-radius:var(--twd-r);padding:1rem .8rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:var(--twd-ease);}
.twd-pair:hover{border-color:var(--twd-green);background:var(--twd-glow);}
.twd-pair-code{font-family:var(--twd-fh);font-size:1.2rem;font-weight:700;color:var(--twd-ink);min-width:2rem;text-align:center;}
.twd-pair-arr{color:var(--twd-green);font-size:.9rem;flex-shrink:0;}
.twd-pair-nm{font-size:.7rem;color:var(--twd-stone);text-align:left;}

/* ABOUT SNIPPET */
.twd-about-snap{background:var(--twd-bg);border-top:1px solid var(--twd-line);border-bottom:1px solid var(--twd-line);padding:6rem 2rem;}
.twd-as-in{max-width:var(--twd-max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.twd-as-lq{font-family:var(--twd-fh);font-size:1.4rem;font-style:italic;color:var(--twd-ink);line-height:1.55;margin-bottom:1rem;}
.twd-as-p{font-size:.9rem;color:var(--twd-stone);line-height:1.82;margin-bottom:.8rem;}
.twd-as-right{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.twd-as-sv{font-family:var(--twd-fh);font-size:3rem;font-weight:700;color:var(--twd-green);display:block;line-height:1;}
.twd-as-sl{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--twd-stone);display:block;margin-top:.1rem;}

/* ═══ PORTFOLIO: ALTERNATING ZIGZAG (FIRST in series!) ═══ */
.twd-port-zone{max-width:var(--twd-max);margin:0 auto;padding:6rem 2rem;}
.twd-port-case{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-bottom:4rem;padding-bottom:4rem;border-bottom:1px solid var(--twd-line);}
.twd-port-case:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
/* Alternate: even items flip image to right */
.twd-port-case.twd-pc-flip{direction:rtl;}
.twd-port-case.twd-pc-flip > *{direction:ltr;}
.twd-pc-img{border-radius:var(--twd-r2);overflow:hidden;height:280px;background:var(--twd-line);}
.twd-pc-img img{width:100%;height:100%;object-fit:cover;}
.twd-pc-cat{font-family:var(--twd-fb);font-size:.28rem;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:var(--twd-green);display:block;margin-bottom:.4rem;}
.twd-pc-h{font-family:var(--twd-fh);font-size:1.3rem;font-weight:700;color:var(--twd-ink);margin-bottom:.6rem;line-height:1.3;}
.twd-pc-p{font-size:.88rem;color:var(--twd-stone);line-height:1.78;margin-bottom:.8rem;}
.twd-pc-tags{display:flex;gap:.3rem;flex-wrap:wrap;}
.twd-pc-tag{font-size:.28rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--twd-mid);background:var(--twd-bg);padding:.08rem .38rem;border-radius:100px;border:1px solid var(--twd-line);}

/* ═══ TESTIMONIALS: AUTO-SCROLL TICKER (FIRST in series!) ═══ */
.twd-testi-zone{background:var(--twd-bar);padding:5rem 0;overflow:hidden;}
.twd-testi-hd{padding:0 2rem;margin-bottom:2rem;}
.twd-testi-shell{max-width:var(--twd-max);margin:0 auto;}
.twd-testi-track-wrap{overflow:hidden;}
.twd-testi-track{display:flex;gap:1.5rem;animation:twdScroll 40s linear infinite;width:max-content;}
.twd-testi-track:hover{animation-play-state:paused;}
@keyframes twdScroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.twd-tc{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07);border-radius:var(--twd-r2);padding:1.5rem;width:340px;flex-shrink:0;}
.twd-tc-stars{color:var(--twd-green-l);font-size:.82rem;margin-bottom:.6rem;}
.twd-tc-q{font-family:var(--twd-fh);font-size:.88rem;font-style:italic;color:rgba(255,255,255,.7);line-height:1.6;margin-bottom:.8rem;}
.twd-tc-who{font-family:var(--twd-fh);font-size:.82rem;font-weight:700;color:var(--twd-green-l);}
.twd-tc-role{font-size:.68rem;color:rgba(255,255,255,.25);}

/* PRICING */
.twd-price-zone{background:var(--twd-bg);border-top:1px solid var(--twd-line);padding:6rem 2rem;}
.twd-price-shell{max-width:var(--twd-max);margin:0 auto;}
.twd-price-hd{text-align:center;margin-bottom:2.5rem;}
.twd-plan-shelf{display:grid;grid-template-columns:1fr 1.08fr 1fr;gap:1.5rem;align-items:center;}
.twd-plan-cd{background:var(--twd-card);border:1.5px solid var(--twd-line);border-radius:var(--twd-r2);overflow:hidden;transition:var(--twd-ease);}
.twd-plan-cd:hover{box-shadow:var(--twd-sh2);}
.twd-plan-cd.twd-plan-feat{border-color:var(--twd-green);box-shadow:0 0 0 2px var(--twd-green);}
.twd-pk-top{padding:1.2rem;border-bottom:1px solid var(--twd-line);}
.twd-plan-feat .twd-pk-top{background:var(--twd-green);}
.twd-pk-badge{font-size:.28rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--twd-green);background:var(--twd-glow);padding:.1rem .38rem;border-radius:100px;display:inline-block;margin-bottom:.3rem;}
.twd-plan-feat .twd-pk-badge{color:white;background:rgba(255,255,255,.18);}
.twd-pk-nm{font-family:var(--twd-fh);font-size:1.5rem;font-weight:700;font-style:italic;color:var(--twd-ink);}
.twd-plan-feat .twd-pk-nm{color:white;}
.twd-pk-tag{font-size:.76rem;color:var(--twd-stone);margin-top:.15rem;line-height:1.55;}
.twd-plan-feat .twd-pk-tag{color:rgba(255,255,255,.6);}
.twd-pk-body{padding:1.2rem;}
.twd-pk-pr-row{display:flex;align-items:baseline;gap:.2rem;margin-bottom:1.2rem;}
.twd-pk-amt{font-family:var(--twd-fh);font-size:2.2rem;font-weight:700;color:var(--twd-ink);}
.twd-plan-feat .twd-pk-amt{color:var(--twd-green-d);}
.twd-pk-ot{font-size:.68rem;color:var(--twd-stone);}
.twd-pk-inc{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1.2rem;}
.twd-pk-inc li{display:flex;align-items:flex-start;gap:.35rem;font-size:.78rem;color:var(--twd-stone);}
.twd-pk-inc li svg{color:var(--twd-green);flex-shrink:0;margin-top:.1rem;}

/* ═══ FAQ: 2-col interactive (FIRST in series!) ═══ */
.twd-faq-zone{max-width:var(--twd-max);margin:0 auto;padding:6rem 2rem;}
.twd-faq-layout{display:grid;grid-template-columns:2fr 3fr;gap:3rem;margin-top:2.5rem;align-items:start;}
.twd-faq-list{}
.twd-fq-item{border-bottom:1px solid var(--twd-line);cursor:pointer;}
.twd-fq-trigger{display:flex;align-items:center;gap:.8rem;padding:.8rem 0;}
.twd-fq-trigger:hover .twd-fq-q{color:var(--twd-green);}
.twd-fq-num{font-family:var(--twd-fh);font-size:.85rem;font-weight:700;color:var(--twd-green);min-width:1.8rem;}
.twd-fq-q{font-family:var(--twd-fh);font-size:.88rem;font-weight:600;color:var(--twd-ink);flex:1;transition:color .14s;}
.twd-fq-item.twd-fq-on .twd-fq-q{color:var(--twd-green);}
.twd-fq-item.twd-fq-on{border-left:3px solid var(--twd-green);padding-left:.6rem;}
.twd-faq-answer{background:var(--twd-card);border:1.5px solid var(--twd-line);border-radius:var(--twd-r2);padding:1.8rem;position:sticky;top:6rem;}
.twd-fq-ans-q{font-family:var(--twd-fh);font-size:1rem;font-weight:700;color:var(--twd-ink);margin-bottom:.8rem;}
.twd-fq-ans-a{font-size:.9rem;color:var(--twd-stone);line-height:1.82;}

/* CTA */
.twd-cta-zone{background:var(--twd-green);padding:6rem 2rem;position:relative;overflow:hidden;text-align:center;}
.twd-cta-zone::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(255,255,255,.05),transparent);pointer-events:none;}
.twd-cta-in{max-width:var(--twd-max);margin:0 auto;position:relative;z-index:1;}
.twd-cta-h{font-family:var(--twd-fh);font-size:clamp(2.2rem,5vw,5rem);font-weight:700;font-style:italic;color:white;line-height:.95;margin-bottom:.8rem;}
.twd-cta-sub{font-size:.9rem;color:rgba(255,255,255,.55);max-width:44ch;margin:0 auto 2rem;}
.twd-cta-acts{display:flex;gap:.65rem;justify-content:center;flex-wrap:wrap;}

/* BUTTONS */
.twd-btn-g{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--twd-fb);font-size:.9rem;font-weight:700;color:white;background:var(--twd-green);padding:.5rem 1.4rem;border-radius:var(--twd-r);transition:var(--twd-ease);border:none;cursor:pointer;text-decoration:none;white-space:nowrap;}
.twd-btn-g:hover{background:var(--twd-green-d);}
.twd-btn-dark{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--twd-fb);font-size:.9rem;font-weight:700;color:white;background:var(--twd-dark);padding:.5rem 1.4rem;border-radius:var(--twd-r);transition:var(--twd-ease);border:none;cursor:pointer;text-decoration:none;white-space:nowrap;}
.twd-btn-dark:hover{background:var(--twd-green-d);}
.twd-btn-out{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--twd-fb);font-size:.9rem;font-weight:700;color:var(--twd-green);background:transparent;padding:.48rem 1.4rem;border-radius:var(--twd-r);border:2px solid var(--twd-green);transition:var(--twd-ease);text-decoration:none;white-space:nowrap;}
.twd-btn-out:hover{background:var(--twd-green);color:white;}
.twd-btn-out-w{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--twd-fb);font-size:.9rem;font-weight:700;color:white;background:transparent;padding:.48rem 1.4rem;border-radius:var(--twd-r);border:2px solid rgba(255,255,255,.4);transition:var(--twd-ease);text-decoration:none;white-space:nowrap;}
.twd-btn-out-w:hover{border-color:white;background:white;color:var(--twd-green);}

/* SERVICE PAGE: 2-col + green-bordered buybox */
.twd-svcpg-wrap{max-width:var(--twd-max);margin:0 auto;padding:3rem 2rem 6rem;display:grid;grid-template-columns:3fr 2fr;gap:3rem;align-items:start;}
.twd-svcpg-body h2{font-family:var(--twd-fh);font-size:1.05rem;font-weight:700;color:var(--twd-ink);margin:2rem 0 .4rem;font-style:italic;}
.twd-svcpg-body p{font-size:.9rem;color:var(--twd-stone);line-height:1.82;margin-bottom:.8rem;}
.twd-del-r{display:flex;align-items:flex-start;gap:.4rem;font-size:.88rem;color:var(--twd-ink);margin-bottom:.3rem;}
.twd-del-r svg{color:var(--twd-green);flex-shrink:0;margin-top:.12rem;}
.twd-svc-box{background:var(--twd-card);border:2px solid var(--twd-green);border-radius:var(--twd-r2);overflow:hidden;position:sticky;top:6rem;}
.twd-svc-box-hd{background:var(--twd-green);padding:.7rem 1.2rem;}
.twd-svc-box-ttl{font-family:var(--twd-fb);font-size:.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:white;}
.twd-svc-box-bd{padding:1rem 1.2rem;}
.twd-sbx-from{font-family:var(--twd-fb);font-size:.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--twd-stone);display:block;margin-bottom:.1rem;}
.twd-sbx-pr{font-family:var(--twd-fh);font-size:2.8rem;font-weight:700;color:var(--twd-green-d);display:block;line-height:1;}
.twd-sbx-ot{font-size:.72rem;color:var(--twd-stone);display:block;margin-bottom:1rem;}
.twd-sbx-ln{display:flex;align-items:flex-start;gap:.35rem;font-size:.78rem;color:var(--twd-stone);margin-bottom:.25rem;}
.twd-sbx-ln svg{color:var(--twd-green);flex-shrink:0;margin-top:.1rem;}
.twd-sbx-btn{display:flex;width:100%;justify-content:center;align-items:center;gap:.4rem;font-family:var(--twd-fb);font-size:.9rem;font-weight:700;color:white;background:var(--twd-green);padding:.5rem;border-radius:var(--twd-r);border:none;cursor:pointer;transition:background .14s;margin-top:1rem;text-decoration:none;}
.twd-sbx-btn:hover{background:var(--twd-green-d);}

/* BUILDER .twd-ledger (FIRST "ledger" naming in 12-site series!) */
.twd-build-wrap{max-width:var(--twd-max);margin:0 auto;padding:4rem 2rem 7rem;display:grid;grid-template-columns:1fr 280px;gap:4rem;align-items:start;}
.twd-bld-sec{margin-bottom:1.8rem;}
.twd-bld-lbl{display:block;font-family:var(--twd-fb);font-size:.32rem;font-weight:700;text-transform:uppercase;letter-spacing:.28em;color:var(--twd-stone);margin-bottom:.55rem;}
.twd-plan-pick{background:var(--twd-card);border:1.5px solid var(--twd-line);border-radius:var(--twd-r);padding:.65rem 1rem;display:flex;align-items:center;gap:.6rem;cursor:pointer;user-select:none;transition:var(--twd-ease);margin-bottom:.35rem;}
.twd-plan-pick.twd-pp-on{border-color:var(--twd-green);background:var(--twd-glow);}
.twd-pp-dot{width:16px;height:16px;border:2px solid var(--twd-line);border-radius:50%;flex-shrink:0;transition:var(--twd-ease);}
.twd-plan-pick.twd-pp-on .twd-pp-dot{background:var(--twd-green);border-color:var(--twd-green);}
.twd-pp-nm{font-family:var(--twd-fh);font-size:.9rem;color:var(--twd-stone);flex:1;font-style:italic;}
.twd-plan-pick.twd-pp-on .twd-pp-nm{color:var(--twd-ink);font-weight:600;}
.twd-pp-pr{font-size:.88rem;font-weight:700;color:var(--twd-ink);}
.twd-ext-pick{background:var(--twd-card);border:1.5px solid var(--twd-line);border-radius:var(--twd-r);padding:.52rem 1rem;display:flex;align-items:center;gap:.55rem;cursor:pointer;user-select:none;transition:var(--twd-ease);margin-bottom:.35rem;}
.twd-ext-pick.twd-ep-on{border-color:var(--twd-green);background:var(--twd-glow);}
.twd-ep-chk{width:14px;height:14px;border:2px solid var(--twd-line);border-radius:3px;flex-shrink:0;transition:var(--twd-ease);}
.twd-ext-pick.twd-ep-on .twd-ep-chk{background:var(--twd-green);border-color:var(--twd-green);}
.twd-ep-nm{font-size:.82rem;color:var(--twd-stone);flex:1;}
.twd-ext-pick.twd-ep-on .twd-ep-nm{color:var(--twd-ink);font-weight:600;}
.twd-ep-pr{font-size:.76rem;color:var(--twd-stone);}
.twd-hrs-ctrl{background:var(--twd-card);border:1.5px solid var(--twd-line);border-radius:var(--twd-r);padding:1rem;}
.twd-hrs-rng{-webkit-appearance:none;width:100%;height:3px;background:var(--twd-line);border-radius:2px;cursor:pointer;}
.twd-hrs-rng::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--twd-green);cursor:pointer;}
/* .twd-ledger = builder summary (FIRST "ledger" naming!) */
.twd-ledger{background:var(--twd-dark);border-radius:var(--twd-r2);overflow:hidden;position:sticky;top:2rem;}
.twd-ld-hd{padding:.6rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.05);}
.twd-ld-ttl{font-family:var(--twd-fb);font-size:.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:rgba(255,255,255,.22);}
.twd-ld-bd{padding:.5rem 1.2rem;}
.twd-ld-ln{display:flex;justify-content:space-between;font-size:.76rem;color:rgba(255,255,255,.26);margin-bottom:.22rem;}
.twd-ld-v{font-size:.86rem;color:white;}
.twd-ld-sep{border:none;border-top:1px solid rgba(255,255,255,.05);margin:.3rem 1.2rem;}
.twd-ld-tot{display:flex;justify-content:space-between;align-items:flex-end;padding:.25rem 1.2rem .4rem;}
.twd-ld-tl{font-size:.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.22);}
.twd-ld-tv{font-family:var(--twd-fh);font-size:2.4rem;font-weight:700;color:var(--twd-green-l);font-style:italic;}
.twd-ld-ft{padding:.6rem 1.2rem;border-top:1px solid rgba(255,255,255,.05);}
.twd-ld-go{display:block;width:100%;background:var(--twd-green);color:white;font-family:var(--twd-fb);font-size:.9rem;font-weight:700;padding:.5rem;border-radius:var(--twd-r);border:none;cursor:pointer;transition:background .14s;}
.twd-ld-go:hover:not(:disabled){background:var(--twd-green-d);}
.twd-ld-go:disabled{opacity:.2;cursor:not-allowed;}

/* CHECKOUT */
.twd-co-wrap{max-width:780px;margin:0 auto;padding:3rem 2rem 7rem;}
.twd-co-sum{border:2px solid var(--twd-green);border-radius:var(--twd-r2);overflow:hidden;margin-bottom:2rem;}
.twd-cos-hd{background:var(--twd-green);padding:.65rem 1.2rem;}
.twd-cos-hd span{font-family:var(--twd-fb);font-size:.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:white;}
.twd-cos-bd{padding:.5rem 1.2rem;}
.twd-cos-ln{display:flex;justify-content:space-between;font-size:.82rem;color:var(--twd-stone);padding:.28rem 0;border-bottom:1px solid var(--twd-line);}
.twd-cos-total{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0 .1rem;}
.twd-cos-total span:first-child{font-size:.9rem;color:var(--twd-mid);}
.twd-cos-total span:last-child{font-family:var(--twd-fh);font-size:1.8rem;font-weight:700;color:var(--twd-green-d);}
.twd-fg{margin-bottom:.65rem;}
.twd-fl{display:block;font-family:var(--twd-fb);font-size:.32rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--twd-stone);margin-bottom:.2rem;}
.twd-fi{width:100%;background:var(--twd-card);border:1.5px solid var(--twd-line);border-radius:var(--twd-r);padding:.6rem .9rem;color:var(--twd-ink);font-size:.9rem;transition:border-color .14s;}
.twd-fi:focus{outline:none;border-color:var(--twd-green);box-shadow:0 0 0 3px var(--twd-glow);}
.twd-agree{display:flex;align-items:flex-start;gap:.5rem;font-size:.8rem;color:var(--twd-stone);margin:1rem 0;line-height:1.6;}
.twd-agree input{margin-top:.14rem;accent-color:var(--twd-green);}
.twd-agree a{color:var(--twd-green);}

/* ABOUT PAGE */
.twd-about-pg{max-width:var(--twd-max);margin:0 auto;padding:4rem 2rem 7rem;}
.twd-ab-intro{display:grid;grid-template-columns:3fr 2fr;gap:4rem;align-items:start;margin-bottom:3rem;}
.twd-ab-h{font-family:var(--twd-fh);font-size:clamp(2rem,4vw,3.5rem);font-weight:700;font-style:italic;color:var(--twd-ink);margin-bottom:1.2rem;line-height:1.1;}
.twd-ab-p{font-size:.9rem;color:var(--twd-stone);line-height:1.82;margin-bottom:.8rem;}
.twd-ab-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;}
.twd-ab-sv{font-family:var(--twd-fh);font-size:3rem;font-weight:700;font-style:italic;color:var(--twd-green);display:block;line-height:1;}
.twd-ab-sl{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--twd-stone);}
.twd-ab-values{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem;}
.twd-ab-val{background:var(--twd-card);border:1.5px solid var(--twd-line);border-radius:var(--twd-r2);padding:1.5rem;}
.twd-ab-val-h{font-family:var(--twd-fh);font-size:1rem;font-weight:700;font-style:italic;color:var(--twd-ink);margin-bottom:.4rem;}
.twd-ab-val-p{font-size:.82rem;color:var(--twd-stone);line-height:1.72;}

/* LEGAL */
.twd-legal-pg{max-width:800px;margin:0 auto;padding:4rem 2rem 7rem;}
.twd-legal-eff{display:inline-block;font-size:.72rem;color:var(--twd-stone);background:var(--twd-bg);border:1px solid var(--twd-line);padding:.18rem .65rem;border-radius:100px;margin-bottom:1.5rem;}
.twd-legal-pg h2{font-family:var(--twd-fh);font-size:1.05rem;font-weight:700;font-style:italic;color:var(--twd-ink);margin:2.5rem 0 .45rem;}
.twd-legal-pg p,.twd-legal-pg li{font-size:.9rem;color:var(--twd-stone);line-height:1.78;margin-bottom:.85rem;}
.twd-legal-pg ul{padding-left:1.4rem;margin:.5rem 0;}
.twd-legal-pg li{list-style:disc;}
.twd-legal-pg a{color:var(--twd-green);}

/* ═══ FOOTER: Dark Forest Green (FIRST warm-green dark footer!) ═══ */
.twd-footer{background:var(--twd-bar);}
.twd-footer-in{max-width:var(--twd-max);margin:0 auto;padding:3rem 2rem 2rem;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;border-bottom:1px solid rgba(255,255,255,.06);}
/* Lora logo 2rem in footer (bigger!) */
.twd-footer-brand{font-family:var(--twd-fh);font-size:2rem;font-weight:700;font-style:italic;color:white;display:block;margin-bottom:.4rem;text-decoration:none;}
.twd-footer-brand em{color:var(--twd-green-l);}
.twd-footer-tag{font-size:.72rem;color:rgba(255,255,255,.18);line-height:1.65;margin-bottom:.7rem;}
/* Facebook+Instagram+YouTube social (FIRST combo!) */
.twd-footer-socs{display:flex;gap:.4rem;margin-bottom:.7rem;}
.twd-footer-soc{width:30px;height:30px;border:1px solid rgba(255,255,255,.08);border-radius:var(--twd-r);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.22);transition:var(--twd-ease);text-decoration:none;}
.twd-footer-soc:hover{border-color:var(--twd-green-l);color:var(--twd-green-l);}
.twd-footer-col-h{font-family:var(--twd-fb);font-size:.28rem;font-weight:700;text-transform:uppercase;letter-spacing:.32em;color:rgba(255,255,255,.16);margin-bottom:.65rem;}
.twd-footer-nav{display:flex;flex-direction:column;gap:.2rem;}
.twd-footer-nav a{font-size:.72rem;color:rgba(255,255,255,.16);transition:color .14s;text-decoration:none;}
.twd-footer-nav a:hover{color:var(--twd-green-l);}
.twd-footer-ct a{display:flex;align-items:flex-start;gap:.3rem;font-size:.7rem;color:rgba(255,255,255,.16);transition:color .14s;text-decoration:none;margin-bottom:.22rem;}
.twd-footer-ct a:hover{color:var(--twd-green-l);}
.twd-footer-base{max-width:var(--twd-max);margin:0 auto;padding:.65rem 2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;}
.twd-footer-copy{font-size:.6rem;color:rgba(255,255,255,.1);}
.twd-footer-legal{display:flex;gap:1rem;flex-wrap:wrap;}
.twd-footer-legal a{font-size:.6rem;color:rgba(255,255,255,.1);transition:color .14s;text-decoration:none;}
.twd-footer-legal a:hover{color:var(--twd-green-l);}

/* COOKIE + CHAT */
.twd-ck-bar{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--twd-bar);border-top:2px solid var(--twd-green);padding:.9rem 2rem;display:none;align-items:center;gap:2rem;justify-content:space-between;flex-wrap:wrap;}
.twd-ck-bar p{font-size:.8rem;color:rgba(255,255,255,.3);margin:0;}
.twd-ck-bar a{color:var(--twd-green-l);}
.twd-ck-btns{display:flex;gap:.5rem;flex-shrink:0;}
.twd-ck-y{background:var(--twd-green);color:white;font-family:var(--twd-fb);font-size:.88rem;font-weight:700;padding:.28rem .85rem;border-radius:var(--twd-r);cursor:pointer;border:none;}
.twd-ck-n{background:transparent;color:rgba(255,255,255,.25);font-family:var(--twd-fb);font-size:.82rem;padding:.26rem .85rem;border:1px solid rgba(255,255,255,.1);border-radius:var(--twd-r);cursor:pointer;}
.twd-chat-fab{position:fixed;bottom:4.5rem;right:1.5rem;z-index:9990;width:50px;height:50px;background:var(--twd-green);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:0 4px 20px rgba(27,107,74,.35);transition:var(--twd-ease);color:white;}
.twd-chat-fab:hover{background:var(--twd-green-d);transform:scale(1.07);}
.twd-chatpop{position:fixed;bottom:7rem;right:1.5rem;z-index:9989;width:290px;background:white;border:1.5px solid var(--twd-line);border-radius:var(--twd-r2);box-shadow:var(--twd-sh2);opacity:0;pointer-events:none;transform:translateY(10px) scale(.97);transition:opacity .2s,transform .22s;overflow:hidden;}
.twd-chatpop.twd-cp-vis{opacity:1;pointer-events:auto;transform:none;}
.twd-chat-hd{background:var(--twd-bar);padding:.8rem 1.1rem;}
.twd-chat-nm{font-family:var(--twd-fh);font-size:1rem;font-weight:700;font-style:italic;color:white;}
.twd-chat-nm em{color:var(--twd-green-l);}
.twd-chat-form-bd{padding:.8rem 1rem;}
.twd-chat-inp{width:100%;background:var(--twd-bg);border:1.5px solid var(--twd-line);border-radius:var(--twd-r);padding:.5rem .8rem;font-size:.84rem;color:var(--twd-ink);margin-bottom:.35rem;resize:none;transition:border-color .14s;}
.twd-chat-inp:focus{outline:none;border-color:var(--twd-green);}
.twd-chat-send{width:100%;background:var(--twd-green);color:white;font-family:var(--twd-fb);font-size:.9rem;font-weight:700;padding:.5rem;border-radius:var(--twd-r);border:none;cursor:pointer;transition:background .14s;}
.twd-chat-send:hover{background:var(--twd-green-d);}
.twd-chat-done{display:none;text-align:center;padding:.9rem;}
/* REVEAL + RESULT + SEC HEADERS */
.twd-reveal{opacity:0;transform:translateY(12px);transition:opacity .4s,transform .4s;}
.twd-reveal.twd-in{opacity:1;transform:none;}
.twd-result-pg{min-height:72vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem;flex-direction:column;gap:1.5rem;}
.twd-sec-hd{text-align:center;margin-bottom:2.5rem;}
.twd-sec-hd h2{font-family:var(--twd-fh);font-size:clamp(2rem,5vw,4rem);font-weight:700;font-style:italic;color:var(--twd-ink);}
.twd-sec-hd.twd-hd-w h2{color:white;}
.twd-sec-sub{font-size:.88rem;color:var(--twd-stone);margin-top:.4rem;}
.twd-sec-hd.twd-hd-w .twd-sec-sub{color:rgba(255,255,255,.4);}
.twd-sec-hd-l h2{font-family:var(--twd-fh);font-size:clamp(2rem,5vw,4rem);font-weight:700;font-style:italic;color:var(--twd-ink);}
/* SERVICES PAGE */
.twd-svc-pg-zone{max-width:var(--twd-max);margin:0 auto;padding:4rem 2rem 7rem;}
.twd-svc-page-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;}
.twd-sp-cd{background:var(--twd-card);border:1.5px solid var(--twd-line);border-radius:var(--twd-r2);overflow:hidden;text-decoration:none;transition:var(--twd-ease);display:flex;flex-direction:column;}
.twd-sp-cd:hover{border-color:var(--twd-green);box-shadow:0 4px 24px var(--twd-glow);}
.twd-sp-cimg{height:140px;overflow:hidden;background:var(--twd-bg);}
.twd-sp-cimg img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.twd-sp-cd:hover .twd-sp-cimg img{transform:scale(1.04);}
.twd-sp-cbd{padding:1.2rem;flex:1;}
.twd-sp-ico{width:30px;height:30px;background:var(--twd-glow);border-radius:var(--twd-r);display:flex;align-items:center;justify-content:center;color:var(--twd-green);margin-bottom:.5rem;}
.twd-sp-nm{font-family:var(--twd-fh);font-size:1rem;font-weight:700;font-style:italic;color:var(--twd-ink);margin-bottom:.2rem;}
.twd-sp-pr{font-size:.72rem;font-weight:700;color:var(--twd-green);background:var(--twd-glow);padding:.07rem .35rem;border-radius:100px;display:inline-block;margin-bottom:.3rem;}
.twd-sp-tag{font-size:.78rem;color:var(--twd-stone);line-height:1.65;}
/* RESPONSIVE */
@media(max-width:960px){
  .twd-topbar-in{padding:0 1.5rem;}
  .twd-tb-left .twd-tb-lk:not(:first-child){display:none;}
  .twd-header-in{padding:.6rem 1.5rem;}
  .twd-nav{display:none;}
  .twd-mob-btn{display:flex;}
  .twd-hero-in,.twd-as-in,.twd-ab-intro,.twd-svcpg-wrap,.twd-build-wrap,.twd-faq-layout{grid-template-columns:1fr;}
  .twd-hero-right{display:none;}
  .twd-svc-grid,.twd-pairs-grid,.twd-svc-page-grid{grid-template-columns:1fr 1fr;}
  .twd-plan-shelf{grid-template-columns:1fr;}
  .twd-proc-rail{flex-direction:column;align-items:flex-start;}
  .twd-proc-rail::before{display:none;}
  .twd-proc-step{width:100%;flex-direction:row;text-align:left;gap:1rem;}
  .twd-ps-dot{flex-shrink:0;}
  .twd-port-case{grid-template-columns:1fr;}
  .twd-port-case.twd-pc-flip{direction:ltr;}
  .twd-ab-values{grid-template-columns:1fr 1fr;}
  .twd-footer-in{grid-template-columns:1fr 1fr;}
  .twd-svc-zone,.twd-proc-zone,.twd-pairs-zone,.twd-about-snap,.twd-port-zone,.twd-price-zone,.twd-faq-zone,.twd-cta-zone,.twd-about-pg,.twd-legal-pg,.twd-co-wrap,.twd-svc-pg-zone,.twd-build-wrap,.twd-svcpg-wrap,.twd-footer-in,.twd-footer-base{padding-left:1.5rem;padding-right:1.5rem;}
}
@media(max-width:600px){
  .twd-svc-grid,.twd-pairs-grid,.twd-svc-page-grid,.twd-ab-values,.twd-footer-in{grid-template-columns:1fr;}
  .twd-trust-in{gap:.6rem;}
}
