/* Design comun pentru toate campaniile. Sursa: design validat 'Întoarcerea la tine'. */
:root{color-scheme:light;--cream:#F5EBDD;--gold:#C6A166;--pink:#F8DEE6;--ink:#302925;--muted:#655951;--line:#D9C9B7;--paper:#FFFAF3;--soft:#EDE2D5}
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:30px}
    body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.75 Arial,Helvetica,sans-serif}
    a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #805B48;outline-offset:5px}
    .wrap{width:min(1140px,calc(100% - 48px));margin-inline:auto}
    .skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:30;background:#fff;padding:9px}
    .site-header{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-block:24px;border-bottom:1px solid var(--line)}
    .brand{font:normal 29px/1.1 Georgia,'Times New Roman',serif;text-decoration:none;letter-spacing:-.04em}
    .brand span{display:block;font:10px/1.5 Arial,sans-serif;letter-spacing:.23em;margin-top:7px}
    .nav{display:flex;gap:22px;align-items:center;font-size:12px}
    .nav a{text-underline-offset:5px}
    .nav .active{font-weight:bold;text-decoration-color:var(--gold)}
    h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.034em;line-height:1.18;margin:0}
    h1{font-size:clamp(36px,5.5vw,67px)}
    h2{font-size:clamp(30px,4vw,46px)}
    h3{font-size:clamp(22px,2.3vw,29px)}
    em{font-weight:400;color:#805B48}
    p{margin:0 0 17px}small{font-size:12px}
    .kicker{color:#8B663F;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 22px}
    .hero{display:grid;grid-template-columns:1.22fr .78fr;align-items:center;gap:clamp(30px,5vw,65px);padding-block:75px 85px}
    .hero h1{max-width:790px}
    .hero-lead{font-size:clamp(18px,2vw,21px);line-height:1.55;margin:27px 0 19px;max-width:690px;color:#4B3D36}
    .hero p:not(.kicker):not(.hero-lead){max-width:700px}
    .offerline{border-left:3px solid var(--gold);padding-left:18px;font-weight:700;margin:25px 0 29px}
    .offerline span{display:block;font-weight:400;color:var(--muted);font-size:13px}
    .cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:53px;padding:14px 24px;background:var(--ink);color:var(--paper);text-decoration:none;border:1px solid var(--ink);font:700 13px/1.4 Arial,sans-serif;text-align:center;transition:background .2s}
    .cta:hover{background:#55453D}
    .cta.secondary{background:transparent;color:var(--ink)}.cta.secondary:hover{background:var(--paper)}
    .micro{font-size:12px;color:var(--muted);line-height:1.6;margin:12px 0 0}
    .portrait-wrap{position:relative;max-width:420px;width:100%;justify-self:center;padding:13px 10px 35px}
    .portrait{border-radius:46% 46% 4px 4px;aspect-ratio:4/5;object-fit:cover;object-position:center 38%;width:100%;display:block;border:1px solid #DAC7AC;outline:1px solid var(--gold);outline-offset:10px}
    .photo-note{position:absolute;right:0;bottom:0;background:var(--paper);font:italic 19px/1.3 Georgia,serif;box-shadow:0 5px 28px #30292520;padding:18px 24px;max-width:270px;transform:rotate(-3deg)}
    .band{background:var(--ink);color:#FFF8EF;padding-block:16px;text-align:center;letter-spacing:.12em;text-transform:uppercase;font-size:10px}
    .section{padding-block:88px}
    .section .intro{max-width:780px;color:#5A4B43;font-size:16px;line-height:1.75;margin-top:22px}
    .tension{background:var(--paper)}
    .tension-grid{display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center}
    .checks{margin:0;padding:0;list-style:none}
    .checks li{border-bottom:1px solid var(--line);padding:17px 0 17px 31px;position:relative;font-size:16px}
    .checks li::before{content:"✧";position:absolute;left:2px;color:#AB8355}
    .question{background:#EEDFD0;padding:26px 30px;margin-top:23px;font:italic clamp(20px,2.3vw,27px)/1.55 Georgia,serif}
    .days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}
    .day{background:var(--paper);border:1px solid var(--line);padding:31px 26px;min-width:0}
    .tag{font-size:11px;font-weight:700;color:#9B7047;letter-spacing:.13em;text-transform:uppercase;display:block;margin-bottom:22px}
    .day h3{margin-bottom:19px}
    .day p{color:var(--muted);font-size:14px}
    .day .prompt{color:var(--ink);font-weight:600}
    .nonpromise{font-size:13px;margin:22px 0 0;color:var(--muted)}
    .group{background:var(--pink)}
    .group-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}
    .group-card{background:var(--paper);border:1px solid #DFCAD4;padding:32px}
    .group-card h3{margin-bottom:20px}
    .group-card p{font-size:14px}
    .step-list{padding-left:23px;margin:0 0 26px}.step-list li{padding-left:5px;margin-bottom:13px}
    .info{font-size:13px;color:#5E5352;border-left:2px solid var(--gold);padding-left:14px;margin:17px 0 0}
    .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}
    .about p{font-size:16px;color:#55473F}
    .faq{background:var(--paper)}
    .faq-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}
    details{border-bottom:1px solid var(--line);padding:18px 0}
    summary{cursor:pointer;font-weight:700;font-size:15px}
    details p{font-size:14px;color:#5B4D45;padding-top:10px;margin-bottom:3px}
    .footer-cta{text-align:center;padding-block:76px;background:#EDE0D0}
    .footer-cta h2{max-width:760px;margin:0 auto 19px}
    .footer-cta p{max-width:680px;margin:0 auto 26px}
    footer{background:var(--ink);color:#F5EBDD;padding:28px 0;font-size:12px}
    .footer-inner{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
    footer nav{display:flex;gap:16px;flex-wrap:wrap}
    @media(max-width:860px){.hero,.tension-grid,.group-grid,.about-grid,.faq-wrap{grid-template-columns:1fr;gap:35px}.hero{padding-block:46px}.portrait-wrap{width:min(100%,360px)}.days{grid-template-columns:1fr;gap:14px}.day{padding:26px}.section{padding-block:57px}}
    @media(max-width:560px){.wrap{width:calc(100% - 32px)}.site-header{padding-block:17px}.brand{font-size:25px}.nav{gap:12px;font-size:11px}.nav .hide-small{display:none}.hero h1{font-size:clamp(36px,9vw,49px)}.hero-lead{font-size:18px}.group-card{padding:24px}.photo-note{font-size:16px;padding:13px 18px}.cta{width:100%}h2{font-size:31px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta{transition:none}}
