:root{--bg:#f7f7f2;--ink:#20221f;--muted:#686c63;--line:#dedfd6;--accent:#f7df49;--dark:#242820;--card:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #a85319;outline-offset:5px}.wrap{width:min(1200px,calc(100% - 72px));margin-inline:auto}.top{min-height:106px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.logo{display:block;width:210px;height:auto}.nav-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:12px 22px;border:1px solid var(--line);border-radius:100px;background:transparent;text-decoration:none;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#ebece3;transform:translateY(-2px)}.button.primary{background:var(--accent);border-color:var(--accent);color:#20221f}.button.primary:hover{background:#efd033}.button span{font-size:20px;line-height:1}.hero{padding-block:42px 64px}.hero-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:56px;align-items:center}.hero h1{font-size:clamp(54px,5.5vw,80px);font-weight:700;line-height:1.03;letter-spacing:-.065em;margin:0 0 28px}.hero h1 span{position:relative;display:inline-block;z-index:0}.hero h1 span:after{content:"";position:absolute;inset:63% -5px 0;background:var(--accent);z-index:-1;transform:rotate(-2deg)}.hero-subtitle{font-size:clamp(21px,2.2vw,28px);line-height:1.3;font-weight:600;letter-spacing:-.025em;max-width:420px;margin:0 0 20px}.lead{color:var(--muted);font-size:17px;line-height:1.7;max-width:445px;margin:0 0 32px}.hero-card{position:relative;isolation:isolate;border-radius:28px;overflow:hidden;background:#20221f;aspect-ratio:3/4;margin:0}.hero-photo{display:block;width:100%;height:100%;object-fit:cover}.hero-credentials{position:absolute;bottom:16px;left:16px;right:16px;padding:20px 23px 23px;border:1px solid #ffffff35;border-radius:20px;background:rgba(22,28,24,.73);color:#fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.credentials-title{font-size:12px;margin:0 0 16px;color:#e3e7de}.credential-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px}.credential-grid>div+div{border-left:1px solid #ffffff40;padding-left:22px}.credential-grid strong{display:block;font-size:clamp(27px,3vw,40px);font-weight:650;letter-spacing:-.045em;line-height:1.1;margin-bottom:8px}.credential-grid span{display:block;font-size:12px;line-height:1.45;color:#f0f2ed;max-width:180px}.section{padding-block:60px}.section-label{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.16em;margin:0 0 16px}.section h2{font-size:clamp(32px,3.7vw,48px);font-weight:600;line-height:1.12;letter-spacing:-.045em;margin:0 0 24px;max-width:920px}.section-intro{color:var(--muted);font-size:17px;max-width:740px;margin:0 0 32px}.grid-3,.grid-2{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:30px;background:var(--card);border:1px solid var(--line);border-radius:22px}.card-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;font-size:22px;margin-bottom:30px}.grid-3 .card:first-child{background:var(--accent);border-color:var(--accent)}.grid-3 .card:first-child .card-mark{border-color:#20221f55}.card h3{font-size:21px;line-height:1.25;letter-spacing:-.025em;font-weight:600;margin:0 0 14px}.card p{font-size:15px;color:#5b6056;margin:0}.grid-3 .card:first-child p{color:#444631}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:36px}.step{counter-increment:step;border-top:1px solid #c6c9be;padding-top:20px}.step:before{content:"0" counter(step);display:block;color:#8d936e;font-size:42px;font-weight:500;letter-spacing:-.06em;line-height:1;margin-bottom:24px}.step h3{font-size:19px;line-height:1.35;font-weight:600;letter-spacing:-.02em;margin:0 0 12px}.step p{font-size:14px;color:var(--muted);margin:0}.experience-band{border-radius:28px;background:var(--dark);color:#fff;padding:48px;overflow:hidden}.experience-copy{display:grid;grid-template-columns:1.1fr 1fr;gap:16px 56px}.experience-kicker{grid-column:1/-1;color:#dfecb1;font-size:12px;letter-spacing:.08em}.experience-copy h3{font-size:clamp(28px,3vw,40px);letter-spacing:-.035em;line-height:1.15;font-weight:500;margin:0;grid-column:1}.experience-copy>p{grid-column:1;font-size:15px;color:#ced3c6;margin:0}.experience-stats{grid-column:2;grid-row:2/4;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-content:center}.experience-stats strong{display:block;font-size:34px;line-height:1.1;letter-spacing:-.04em;color:var(--accent);margin-bottom:15px}.experience-stats span{display:block;font-size:13px;color:#ced3c6}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:24px 0}.faq summary{list-style:none;cursor:pointer;font-size:18px;font-weight:500;display:flex;justify-content:space-between;gap:24px;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:26px;font-weight:400;flex-shrink:0;width:32px;text-align:center}.faq details[open] summary:after{content:"−"}.faq p{max-width:860px;color:var(--muted);font-size:16px;margin:16px 48px 0 0}.cta{background:var(--accent);border-radius:28px;padding:44px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.cta h2{font-size:34px;margin:0 0 14px;max-width:670px}.cta p{margin:0;color:#555539;font-size:15px}.cta .button.primary{background:var(--dark);border-color:var(--dark);color:white}.contacts{display:grid;grid-template-columns:1fr 1.45fr .7fr;gap:24px}.contact{border-top:1px solid var(--line);padding:20px 0;text-decoration:none}.contact span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.contact b{display:block;font-size:16px;font-weight:500}.note{font-size:12px;color:var(--muted);max-width:900px;line-height:1.65;margin:20px 0 0}.footer{padding-bottom:30px;font-size:12px;color:var(--muted)}.footer-row{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer a{text-decoration:none}
@media(max-width:1000px){.hero-grid{gap:28px}.hero h1{font-size:60px}.hero-card{aspect-ratio:3/4}.steps{grid-template-columns:1fr 1fr}.experience-copy{gap:20px 32px}.experience-stats{grid-template-columns:1fr}.cta{grid-template-columns:1fr}.cta .button{justify-self:start}.contacts{grid-template-columns:1fr 1fr}.credential-grid{gap:14px}.credential-grid>div+div{padding-left:14px}.hero-credentials{padding:16px}}
@media(max-width:740px){.wrap{width:calc(100% - 36px)}.top{min-height:84px;gap:12px}.logo{width:155px}.top .button{font-size:12px;padding:10px 14px;min-height:42px;gap:8px}.top .nav-actions>.button:not(.primary){display:none}.hero{padding-block:36px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero h1{font-size:clamp(46px,10.8vw,68px);margin-bottom:22px}.hero-subtitle{font-size:24px;max-width:360px}.lead{font-size:16px;margin-bottom:24px}.hero-card{width:100%;max-width:520px;justify-self:center}.hero-credentials{padding:19px;bottom:12px;left:12px;right:12px}.credential-grid strong{font-size:34px}.section{padding-block:36px}.section h2{font-size:34px}.section-intro{font-size:16px}.grid-3,.grid-2{grid-template-columns:1fr}.card{padding:26px}.card-mark{margin-bottom:24px}.steps{gap:28px 20px}.step h3{font-size:17px}.step p{font-size:14px}.experience-band{padding:28px}.experience-copy{display:block}.experience-kicker{display:block;margin-bottom:18px}.experience-copy h3{font-size:30px;margin-bottom:18px}.experience-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.experience-stats strong{font-size:28px}.experience-stats span{font-size:12px}.faq summary{font-size:16px;gap:16px}.faq details{padding:20px 0}.faq p{font-size:15px;margin-right:24px}.cta{padding:28px;gap:24px}.cta h2{font-size:29px}.contacts{grid-template-columns:1fr;gap:0}.note{margin-top:12px}.footer{padding-top:20px}}
@media(max-width:370px){.logo{width:130px}.top .button{padding-inline:10px}.hero .nav-actions{gap:8px}.hero .button{padding-inline:16px;font-size:13px}.hero-credentials{padding:14px}.credentials-title{font-size:11px}.credential-grid strong{font-size:28px}.credential-grid span{font-size:11px}.steps{grid-template-columns:1fr}.experience-stats{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Descriptive heading remains readable on narrow screens. */
.hero h1{font-size:clamp(36px,4.5vw,72px);overflow-wrap:break-word}
@media(max-width:640px){.hero h1{font-size:clamp(30px,8vw,48px)}}

/* Bank information, 1.0.20 */
.payment-logos{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));align-items:center;gap:14px;list-style:none;padding:20px 0;margin:0;border-block:1px solid var(--line)}
.payment-logos li{display:flex;align-items:center;justify-content:center;height:64px;min-width:0;padding:8px}
.payment-logos img{display:block;max-width:100%;width:auto;max-height:42px;height:auto;object-fit:contain}
.bank-note{font-size:12px;color:var(--muted);margin:12px 0 20px;max-width:780px}
.bank-links{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-bottom:32px}
.bank-links>a:not(.button){font-size:14px;text-underline-offset:4px}
.company-details{border:1px solid var(--line);background:var(--card);border-radius:22px;padding:28px 32px}
.company-details h3{font-size:20px;line-height:1.3;margin:0 0 20px}
.company-details dl{margin:0}.company-details dl>div{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;padding:12px 0;border-top:1px solid var(--line)}
.company-details dt{color:var(--muted);font-size:13px}.company-details dd{margin:0;font-size:14px;overflow-wrap:anywhere}.bank-iban{font-variant-numeric:tabular-nums}
.footer nav{display:flex;gap:16px;flex-wrap:wrap}.footer nav a:hover{text-decoration:underline}
@media(max-width:900px){.payment-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.payment-logos li{height:56px}.payment-logos img{max-width:120px;max-height:36px}}
@media(max-width:600px){.company-details{padding:20px}.company-details dl>div{grid-template-columns:1fr;gap:3px}.bank-links{gap:18px}.bank-links .button{width:100%;font-size:13px;text-align:center}.payment-logos img{max-width:100%;max-height:34px}.payment-logos li{padding:7px}.footer nav{gap:12px 16px}}
