:root { --etsy-ink:#20283c; --etsy-soft:#384054; --etsy-mint:#60c4be; --etsy-mint-dark:#3f777a; --etsy-paper:#f7f5ef; --etsy-surface:#fffdf8; --etsy-line:#dcd8d0; --etsy-gold:#e9b95f; }
.etsy-page { color: var(--etsy-ink); background: var(--etsy-paper); }
.etsy-page .navbar { background: rgba(255,253,248,.96); }
.etsy-hero { position: relative; overflow: hidden; padding: 44px 0 72px; background: var(--etsy-surface); }
.etsy-hero::after { content:""; position:absolute; width:420px; height:420px; right:-150px; top:-180px; border-radius:50%; background:rgba(96,196,190,.16); }
.etsy-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr); gap:48px; align-items:center; }
.etsy-badge { display:inline-flex; margin:0 0 16px; padding:9px 14px; border-radius:999px; background:var(--etsy-gold); font-weight:800; letter-spacing:.02em; }
.etsy-hero h1 { max-width:760px; margin:0 0 18px; font-size:clamp(2.55rem,5.1vw,5rem); line-height:.99; letter-spacing:-.045em; }
.etsy-subline { max-width:700px; color:var(--etsy-soft); font-size:clamp(1.08rem,1.8vw,1.35rem); line-height:1.55; }
.etsy-benefits { display:grid; gap:10px; margin:24px 0; padding:0; list-style:none; }
.etsy-benefits li { position:relative; padding-left:30px; color:var(--etsy-soft); }
.etsy-benefits li::before { content:"✓"; position:absolute; left:0; color:var(--etsy-mint-dark); font-weight:900; }
.etsy-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:24px; }
.etsy-trust { margin:14px 0 0; color:var(--etsy-soft); font-size:.9rem; font-weight:700; }
.etsy-guide-stage { position:relative; padding:26px; border-radius:18px; color:var(--etsy-surface); background:var(--etsy-ink); box-shadow:0 26px 70px rgba(32,40,60,.18); }
.etsy-guide-stage::before { content:"KOSTENLOSER PDF-GUIDE"; position:absolute; z-index:2; left:18px; top:18px; padding:8px 12px; border-radius:999px; color:var(--etsy-ink); background:var(--etsy-gold); font-size:.76rem; font-weight:900; letter-spacing:.05em; }
.etsy-stage-photo { display:block; width:100%; height:250px; object-fit:cover; object-position:65% center; border-radius:12px; opacity:.86; }
.etsy-stage-copy { position:relative; margin:-62px 14px 0; padding:22px; border-radius:12px; color:var(--etsy-ink); background:var(--etsy-surface); }
.etsy-stage-copy strong { display:block; margin-bottom:8px; font-size:1.25rem; line-height:1.15; }
.etsy-form-wrap { margin-top:22px; padding:24px; border:1px solid rgba(255,255,255,.22); border-radius:14px; background:rgba(255,255,255,.06); }
.etsy-form-wrap h2 { margin:0 0 6px; color:var(--etsy-surface); font-size:1.4rem; }
.etsy-form-wrap > p { color:var(--etsy-line); }
.etsy-form label { display:block; margin:15px 0 6px; color:var(--etsy-surface); font-size:.9rem; font-weight:750; }
.etsy-form input[type="email"], .etsy-form select { width:100%; min-height:50px; padding:12px 13px; border:1px solid var(--etsy-line); border-radius:10px; color:var(--etsy-ink); background:var(--etsy-surface); font:inherit; }
.etsy-form input:focus, .etsy-form select:focus { outline:3px solid rgba(96,196,190,.35); border-color:var(--etsy-mint); }
.etsy-consent { display:grid !important; grid-template-columns:20px 1fr; gap:9px; color:var(--etsy-line) !important; font-weight:400 !important; line-height:1.45; }
.etsy-consent input { margin-top:4px; }
.etsy-form button { width:100%; margin-top:16px; }
.etsy-form button:disabled { opacity:.65; cursor:wait; }
.etsy-privacy { color:var(--etsy-line); font-size:.78rem; line-height:1.45; }
.etsy-privacy a { color:var(--etsy-mint); }
.etsy-message { min-height:24px; margin:12px 0 0; color:var(--etsy-mint); font-size:.9rem; }
.etsy-message.is-error { color:#9b3434; }
.etsy-section { padding:84px 0; }
.etsy-section:nth-of-type(even) { background:var(--etsy-surface); }
.etsy-section-head { max-width:760px; margin-bottom:36px; }
.etsy-kicker { color:var(--etsy-mint-dark); font-size:.82rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.etsy-section h2 { margin:8px 0 14px; font-size:clamp(2rem,4vw,3.4rem); line-height:1.04; letter-spacing:-.035em; }
.etsy-card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.etsy-card { padding:24px; border:1px solid var(--etsy-line); border-radius:14px; background:var(--etsy-surface); }
.etsy-card h3 { margin-top:0; }
.etsy-number { display:inline-grid; place-items:center; width:38px; height:38px; margin-bottom:16px; border-radius:50%; background:var(--etsy-mint); font-weight:900; }
.etsy-example { display:grid; grid-template-columns:.85fr 1.15fr; gap:28px; align-items:stretch; }
.etsy-product { display:grid; place-items:center; min-height:360px; padding:30px; border-radius:18px; color:var(--etsy-surface); background:var(--etsy-ink); text-align:center; }
.etsy-shirt { display:grid; place-items:center; width:180px; height:200px; margin:auto; clip-path:polygon(20% 0,35% 8%,65% 8%,80% 0,100% 22%,82% 39%,76% 28%,76% 100%,24% 100%,24% 28%,18% 39%,0 22%); color:var(--etsy-ink); background:var(--etsy-gold); font-size:3.5rem; }
.etsy-output { display:grid; gap:12px; }
.etsy-output article { padding:18px; border:1px solid var(--etsy-line); border-radius:12px; background:var(--etsy-surface); }
.etsy-control { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.etsy-control article { position:relative; padding:26px; border-radius:14px; background:var(--etsy-surface); border:1px solid var(--etsy-line); }
.etsy-control article:not(:last-child)::after { content:"→"; position:absolute; right:-15px; top:44%; z-index:2; color:var(--etsy-mint-dark); font-size:1.5rem; font-weight:900; }
.etsy-cta-panel { padding:38px; border-radius:18px; color:var(--etsy-surface); background:var(--etsy-ink); text-align:center; }
.etsy-cta-panel h2 { color:var(--etsy-surface); }
.etsy-resource-links { display:flex; flex-wrap:wrap; gap:10px; }
.etsy-resource-links a { padding:10px 13px; border:1px solid var(--etsy-line); border-radius:999px; color:var(--etsy-mint-dark); background:var(--etsy-surface); font-weight:700; }
.etsy-thanks { min-height:calc(100vh - 160px); padding:64px 0 90px; }
.etsy-thanks-main { max-width:820px; margin:0 auto; padding:42px; border:1px solid var(--etsy-line); border-radius:20px; background:var(--etsy-surface); text-align:center; box-shadow:0 24px 70px rgba(32,40,60,.1); }
.etsy-thanks-main h1 { font-size:clamp(2.3rem,5vw,4.2rem); line-height:1.02; }
.etsy-download { margin:28px 0; padding:26px; border-radius:14px; background:rgba(96,196,190,.18); }
.etsy-offers { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:30px; text-align:left; }
.etsy-offer { display:flex; min-height:190px; flex-direction:column; padding:24px; border:1px solid var(--etsy-line); border-radius:14px; background:var(--etsy-surface); }
.etsy-offer p { flex:1; }
.etsy-offer a { color:var(--etsy-mint-dark); font-weight:800; }
.etsy-doi { display:none; margin:18px 0; padding:15px; border-radius:10px; background:var(--etsy-paper); }
.etsy-doi.is-visible { display:block; }
@media (max-width:900px) { .etsy-hero { padding:26px 0 56px; } .etsy-hero-grid, .etsy-example { grid-template-columns:1fr; } .etsy-guide-stage { margin-top:8px; } .etsy-card-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:620px) { .etsy-hero h1 { font-size:2.65rem; } .etsy-subline { font-size:1rem; } .etsy-benefits { margin:15px 0; } .etsy-actions { margin-top:16px; } .etsy-trust { margin-top:10px; } .etsy-card-grid, .etsy-control, .etsy-offers { grid-template-columns:1fr; } .etsy-control article::after { display:none; } .etsy-section { padding:58px 0; } .etsy-guide-stage { padding:17px; } .etsy-stage-photo { height:210px; } .etsy-form-wrap { padding:18px; } .etsy-thanks-main { padding:28px 20px; } }