/* S1 v2 — reference-template treatment (scoped to body.v2; loads after site.css) */

/* header: yellow conversion CTA */
.v2 .tt-header .tt-btn-primary{background:var(--sun-400);color:var(--pine-900);box-shadow:var(--shadow-sun)}
.v2 .tt-header .tt-btn-primary:hover{background:var(--sun-300)}

/* hero: mint wash + two-tone headline */
.v2 .hero{background:var(--grad-glow), linear-gradient(180deg,#fff 0%,var(--mint-100) 100%)}
.v2 .hero h1{color:var(--pine-700)}
.v2 .hero h1 em{color:var(--sun-500)}
.v2 .hero h1 em::after{display:none}

/* ---------- benefits orbit (circular photo + icon bullets) ---------- */
.v2 .orbit{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
@media(max-width:920px){.v2 .orbit{grid-template-columns:1fr;gap:44px}}
.v2 .orbit-photo{position:relative;width:min(380px,84%);margin:0 auto;aspect-ratio:1}
.v2 .orbit-photo .ring{position:absolute;inset:-34px;border:1.5px dashed var(--mint-200);border-radius:50%}
.v2 .orbit-photo .disc{position:absolute;inset:0;border-radius:50%;overflow:hidden;box-shadow:var(--shadow-lg);border:8px solid #fff}
.v2 .orbit-photo .disc img{width:100%;height:100%;object-fit:cover}
.v2 .orbit-photo .ob{position:absolute;width:54px;height:54px;border-radius:50%;background:var(--sun-400);color:var(--pine-800);display:grid;place-items:center;box-shadow:var(--shadow-sun);border:4px solid #fff}
.v2 .orbit-photo .ob1{top:-12px;right:14%}
.v2 .orbit-photo .ob2{bottom:6%;left:-16px}
.v2 .orbit-photo .ob3{bottom:-14px;right:22%}
.v2 .benefit{display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--border-line)}
.v2 .benefit:last-child{border-bottom:0}
.v2 .benefit .bi{width:46px;height:46px;border-radius:50%;background:var(--sun-400);color:var(--pine-800);display:grid;place-items:center;flex:none;box-shadow:var(--shadow-sun)}
.v2 .benefit h3{font-size:17px;margin-bottom:4px}
.v2 .benefit p{color:var(--text-muted);font-size:14px;max-width:480px}

/* ---------- services: featured first card ---------- */
.v2 .tt-scard.featured{background:var(--pine-700);border-color:transparent}
.v2 .tt-scard.featured h3{color:#fff}
.v2 .tt-scard.featured p{color:var(--text-inverse-soft)}
.v2 .tt-scard.featured .ci{background:rgba(255,255,255,.12);color:var(--sun-400)}
.v2 .tt-scard.featured:hover .ci{background:var(--sun-400);color:var(--pine-800)}
.v2 .tt-scard.featured .more{color:var(--sun-400)}

/* ---------- how it works rows ---------- */
.v2 .how{display:grid;grid-template-columns:1fr .95fr;gap:64px;align-items:center}
@media(max-width:920px){.v2 .how{grid-template-columns:1fr;gap:40px}}
.v2 .how-step{display:flex;gap:20px;align-items:flex-start;padding:20px 0}
.v2 .how-step + .v2 .how-step{border-top:1px solid var(--border-line)}
.v2 .how-step h3{font-size:18px;margin-bottom:5px}
.v2 .how-step p{color:var(--text-muted);font-size:14.5px;max-width:460px}
.v2 .how-photo{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:4/3.6}
.v2 .how-photo img{width:100%;height:100%;object-fit:cover}

/* ---------- why choose us: gold stat circles ---------- */
.v2 .whyrow{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:center}
@media(max-width:920px){.v2 .whyrow{grid-template-columns:1fr;gap:40px}}
.v2 .wstat{display:flex;gap:20px;align-items:center;padding:16px 0}
.v2 .wstat h3{font-size:17px;margin-bottom:3px}
.v2 .wstat p{color:var(--text-muted);font-size:14px;max-width:440px}

/* ---------- photo frames (rounded rect — organic shapes retired) + decorative SVGs ---------- */
.v2 .organic{border-radius:var(--radius-xl)}
.v2 .photo-wrap{position:relative}
.v2 .photo-wrap .ph{position:relative;z-index:1;overflow:hidden}
.v2 .deco{position:absolute;pointer-events:none;z-index:0;user-select:none}
.v2 .hero-visual .deco-rays{top:-46px;right:-26px;width:118px;z-index:0}
.v2 .hero-visual .deco-blob{bottom:-52px;left:-58px;width:190px}
.v2 .hero-visual .hero-photo{position:relative;z-index:1}
.v2 .hero-visual .float-card{z-index:2}
.v2 .photo-wrap .deco-gear{bottom:-30px;left:-34px;width:104px;opacity:.9}
.v2 .photo-wrap .deco-dots{top:-32px;right:-30px;width:124px}
.v2 .photo-wrap .deco-blob{bottom:-44px;right:-48px;width:170px}
@media(max-width:640px){.v2 .deco{transform:scale(.7)}}
