@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');:root{--green:#284d42;--deep:#183a32;--cream:#f7f3eb;--sage:#eaf0e8;--gold:#ad9162;--ink:#24362f;--line:#dfe5dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:15px/1.65 'DM Sans',sans-serif}h1,h2,h3,p{margin:0}h1,h2{font-family:'Playfair Display',Georgia,serif;line-height:1.14}h1{font-size:clamp(42px,5.4vw,78px);font-weight:600;letter-spacing:-.035em}h2{font-size:clamp(30px,3.4vw,49px);font-weight:600}h3{font-size:20px}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:#fff;position:sticky;top:0;z-index:9;border-bottom:1px solid #eef0eb}.nav{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:85px}.logo{font-family:'Playfair Display',serif;font-size:25px;font-weight:700;line-height:1}.logo span{color:var(--gold)}.logo small{display:block;font:600 9px 'DM Sans';letter-spacing:.24em;color:var(--green);margin-top:7px}.nav nav{display:flex;gap:23px;font-size:13px;font-weight:600}.nav nav a:hover{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;background:var(--green);color:white;border:1px solid var(--green);border-radius:7px;font:700 13px 'DM Sans',sans-serif;cursor:pointer;min-height:48px;transition:transform .16s,background .16s}.btn:hover{transform:translateY(-2px);background:#326655}.btn.secondary{background:transparent;color:var(--green)}.btn.secondary:hover{background:var(--sage)}.hero{background:var(--cream);padding:62px 0 70px}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:60px;align-items:center}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#9b8257;font-size:11px;font-weight:700;margin-bottom:20px}.hero h1 em{font-style:normal;color:#8d9e87}.lead{font-size:17px;color:#55665b;margin:25px 0 30px;max-width:570px}.actions{display:flex;gap:12px;flex-wrap:wrap}.micro{font-size:12px;color:#7c8b80;margin-top:17px}.hero-visual{height:475px;position:relative;border-radius:130px 12px 12px 12px;overflow:hidden;background:#d8d8cf;box-shadow:0 30px 65px #273e3217}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.hero-caption{position:absolute;right:17px;bottom:18px;background:#fffffff0;border-radius:10px;padding:13px 19px;display:flex;flex-direction:column;box-shadow:0 5px 20px #0002}.hero-caption strong{font-size:14px}.hero-caption span{font-size:12px;color:#67776c}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:31px 0;border-bottom:1px solid var(--line)}.metrics>div{display:flex;align-items:center;gap:17px}.metrics strong{font:600 27px 'Playfair Display',serif;color:var(--green);white-space:nowrap}.metrics span{color:#66766b;font-size:12px}.section{padding-top:85px;padding-bottom:90px}.heading{text-align:center;max-width:750px;margin:0 auto 38px}.heading>p:not(.eyebrow){color:#657569;margin-top:15px}.featuregrid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.featuregrid article{border:1px solid var(--line);border-radius:12px;padding:22px 16px;background:#fff;box-shadow:0 10px 25px #234c3910}.featuregrid h3{font-size:16px;line-height:1.35;margin:10px 0}.featuregrid p{font-size:12px;color:#68786e}.lineicon{display:grid;place-items:center;width:40px;height:40px;background:var(--sage);border-radius:50%;color:var(--green);font-size:23px}.note{background:#f7f8f5;border-left:3px solid var(--gold);font-size:12px;color:#64736a;padding:15px;margin-top:26px}.tinted{background:var(--sage)}.tablewrap{overflow-x:auto;border-radius:13px;box-shadow:0 10px 20px #0000000b}table{width:100%;border-collapse:collapse;background:white;min-width:690px}th,td{padding:16px 17px;text-align:left;border-bottom:1px solid var(--line);font-size:13px}th{background:var(--green);color:white}td:last-child{font-weight:700;color:var(--green)}.builder{display:grid;grid-template-columns:1.35fr .82fr;gap:26px;align-items:start}.selection,.summary{border:1px solid var(--line);border-radius:15px;padding:26px;background:#fff;box-shadow:0 10px 24px #00000009}.selection-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.selection-head span{color:var(--green);font-size:12px;font-weight:700;background:var(--sage);border-radius:20px;padding:5px 12px}.modrow{display:grid;grid-template-columns:21px 1fr;align-items:start;gap:13px;padding:13px 10px;border-bottom:1px solid var(--line);cursor:pointer;border-radius:8px}.modrow:hover{background:#f7faf7}.modrow input{accent-color:var(--green);width:19px;height:19px;cursor:pointer;margin-top:4px}.modrow strong{display:block;font-size:14px}.modrow small{display:block;color:#718076;font-size:12px;margin-top:2px}.summary{position:sticky;top:100px;background:var(--cream)}.summary h3{font:600 29px 'Playfair Display';margin-bottom:11px}.chosen{font-size:13px;color:#51665a;padding:13px;background:white;border-radius:8px;margin-bottom:21px}form{display:flex;flex-direction:column;gap:8px}label{font-weight:700;font-size:12px;margin-top:8px}label span{color:#a14742}input:not([type=checkbox]),select,textarea{font:14px 'DM Sans';width:100%;border:1px solid #d5ded5;background:white;border-radius:7px;padding:12px;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid #96b3a3}.privacy{font-size:11px;color:#728078;margin:10px 0}.full{width:100%}.error{color:#ae3535;font-size:12px}.closing{background:var(--green);color:white;padding:64px 0}.close-inner{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:center}.closing h2{font-size:clamp(28px,3.2vw,43px)}.closing p:not(.eyebrow){color:#d9e5dc;margin-top:16px}.closing .eyebrow{color:#c9ae7d}.close-actions{display:flex;gap:10px;flex-direction:column}.btn.pale{background:#fff;color:var(--green);border-color:white}.btn.ghost{background:transparent;color:white;border-color:#c4d8cc}.foot{display:flex;justify-content:space-between;gap:20px;padding:30px 0}.foot strong{font:600 22px 'Playfair Display',serif}.foot span,.foot p{color:#839087;font-size:12px}.foot div:last-child{display:flex;gap:20px;font-size:12px;align-items:center}.up{position:fixed;right:22px;bottom:22px;display:grid;place-items:center;width:43px;height:43px;background:var(--green);color:white;border-radius:50%;box-shadow:0 4px 12px #0002}@media(max-width:1050px){.nav nav{gap:12px}.featuregrid{grid-template-columns:repeat(3,1fr)}.hero-grid{gap:25px}}@media(max-width:750px){.nav{min-height:72px}.nav nav{display:none}.navcta{padding:10px;font-size:11px}.hero{padding:45px 0}.hero-grid,.builder,.close-inner{grid-template-columns:1fr}.hero-visual{height:350px;border-radius:70px 12px 12px 12px}.metrics{grid-template-columns:1fr;gap:12px}.featuregrid{grid-template-columns:repeat(2,1fr)}.section{padding-top:55px;padding-bottom:55px}.summary{position:static}.selection,.summary{padding:17px}.foot{flex-direction:column}.foot div:last-child{flex-wrap:wrap}}@media(max-width:420px){.featuregrid{grid-template-columns:1fr}.container{width:min(100% - 26px,1180px)}.hero-visual{height:280px}.actions .btn{width:100%}}

/* V9.12: premium treatment for cards and quote builder */
:root{--gold:#b89456;--gold-soft:#f5e9d2;--shadow-gold:rgba(183,145,80,.2)}
body{background:#fffefa}
.hero{background:linear-gradient(120deg,#f7f0e2 0%,#faf8f3 55%,#f0f3ea 100%)}
.featuregrid{gap:18px}
.featuregrid article,.pricing-steps article{position:relative;overflow:hidden;background:linear-gradient(160deg,#fff 58%,#faf6ed);border:1px solid #e6ddd0;border-radius:17px;padding:25px 20px;box-shadow:0 8px 22px rgba(43,69,51,.055);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease}
.featuregrid article:before,.pricing-steps article:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#ddc18d,transparent);opacity:.7}
.featuregrid article:hover,.pricing-steps article:hover{transform:translateY(-5px);border-color:#cdb17d;box-shadow:0 18px 42px var(--shadow-gold),0 10px 20px rgba(43,69,51,.075);background:linear-gradient(155deg,#fff 30%,#f9f0df)}
.featuregrid article h3{color:#213d33;font-size:17px;margin:15px 0 10px}
.featuregrid article p{font-size:12.5px;line-height:1.75}
.lineicon{width:46px;height:46px;border:1px solid #e9ddc6;background:linear-gradient(135deg,#f7f1e6,#e9efe7);color:#a17d41;box-shadow:0 4px 12px #ccb58822}
.selection,.summary{border-radius:19px;box-shadow:0 16px 40px rgba(24,58,50,.075)}
.selection{border:1px solid #e5dfd2}
.modrow{border:1px solid transparent;border-bottom-color:#e4e5df;padding:16px 14px;margin-bottom:3px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.modrow:hover{background:#f8f5ed;transform:translateX(2px)}
.modrow:has(input:checked){background:linear-gradient(100deg,#edf4eb,#fffaf0);border:1px solid #c5d8c2;box-shadow:inset 3px 0 #b89a5c,0 5px 15px rgba(38,86,66,.06)}
.modrow:has(input:checked) strong{color:#1c4b37}
.modrow input{accent-color:#2d684d}
.summary{background:linear-gradient(155deg,#f9f3e7,#f4f0e7);border:1px solid #e8d8b9}
.summary .btn.full{min-height:55px;font-size:14px;box-shadow:0 8px 18px rgba(27,67,49,.2)}
.btn{border-radius:9px}
.btn:focus-visible,.modrow:focus-within{outline:3px solid #cca963;outline-offset:3px}
.how-pricing{background:linear-gradient(180deg,#f9f7f1,#eef3ed)}
.pricing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}
.pricing-steps article{min-height:220px}
.pricing-steps h3{font-family:'Playfair Display',serif;font-size:22px;line-height:1.3;color:#193c30;margin:16px 0 12px}
.pricing-steps p{font-size:13px;line-height:1.75;color:#65736a}
.step-number{font:700 15px 'DM Sans';color:#a9864e;letter-spacing:.18em}
.pricing-final{margin-top:25px;border:1px solid #d5decf;background:#ffffffdc;border-radius:16px;padding:23px 27px;display:flex;gap:22px;align-items:center;justify-content:space-between}
.pricing-final strong{font-size:18px;color:#193c30}
.pricing-final p{font-size:13px;color:#69796c;margin-top:5px}
.pricing-final .btn{white-space:nowrap}
@media(max-width:850px){.pricing-steps{grid-template-columns:1fr}.pricing-steps article{min-height:unset}.pricing-final{flex-direction:column;align-items:flex-start}.pricing-final .btn{white-space:normal}}
@media(max-width:750px){.featuregrid{grid-template-columns:repeat(2,minmax(0,1fr))}.featuregrid article{padding:19px 15px}.pricing-final .btn{width:100%}}
@media(max-width:420px){.featuregrid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.featuregrid article,.pricing-steps article,.modrow{transition:none}}

/* V9.13 — wersja premium w ciemnej zieleni; bez zmian w logice konfiguratora */
:root{--green:#204a3d;--deep:#112e27;--gold:#c6a468;--sage:#e7eee7;--ink:#1c3028;--shadow-gold:rgba(185,146,78,.24)}
body{background:#fbfaf6}
.topbar{background:#fffefa;box-shadow:0 3px 18px rgba(9,38,26,.055)}
.hero{background:linear-gradient(115deg,#153c30 0%,#1e493b 57%,#2b5545 100%);color:#f7f2e7}
.hero h1{color:#fffaf1}
.hero h1 em{color:#d7ba80}
.hero .lead{color:#e3e9df}
.hero .eyebrow{color:#e0be7c}
.hero .micro{color:#cfddd2}
.hero .btn{background:#e0be83;color:#18382d;border-color:#e0be83}
.hero .btn:hover{background:#f0d5a1}
.hero .btn.secondary{background:transparent;color:#fff5dd;border-color:#d7b778}
.hero .btn.secondary:hover{background:rgba(255,255,255,.12)}
.hero-visual{box-shadow:0 22px 55px rgba(0,0,0,.24);border:1px solid #c6a46880}
.metrics{background:#f9f7ef}
.featuregrid article{background:linear-gradient(155deg,#1d493a 0%,#15382e 100%);border:1px solid #3d6852;color:#fffaf1;box-shadow:0 11px 28px rgba(14,48,33,.15)}
.featuregrid article:before{height:3px;background:linear-gradient(90deg,#e0ba76,#b78e4e,transparent);opacity:1}
.featuregrid article h3{color:#fdf8eb}
.featuregrid article p{color:#d8e3d8}
.featuregrid article:hover{border-color:#d1ac68;background:linear-gradient(140deg,#245841,#194336);box-shadow:0 15px 37px rgba(15,52,33,.26),0 0 0 2px rgba(204,165,93,.22)}
.lineicon{background:#345d4a;color:#e9ca88;border:1px solid #997e4a}
.tinted{background:#e9f0e9}
.how-pricing{background:linear-gradient(180deg,#eaf0e9,#f9f8f2)}
.pricing-steps article{background:linear-gradient(160deg,#fff 55%,#edf3e9);border-color:#cbdccc}
.pricing-steps article:hover{background:linear-gradient(150deg,#fff 30%,#e5efdf);border-color:#b99c65}
.modrow:has(input:checked){background:linear-gradient(100deg,#204d3d,#306149);border:1px solid #bc9b62;box-shadow:inset 4px 0 #e7bf7c,0 7px 18px rgba(24,58,43,.15)}
.modrow:has(input:checked) strong{color:#fffaf0}
.modrow:has(input:checked) small{color:#dbe5d9}
.modrow input{accent-color:#c8a369}
.summary{background:linear-gradient(160deg,#204d3c,#12352b);border-color:#a88c58;color:#fffaf0;box-shadow:0 22px 45px rgba(15,49,34,.18)}
.summary h3,.summary label{color:#fffaf0}
.summary .eyebrow{color:#e2c58e}
.summary .chosen{color:#234533;background:#f5f5ee}
.summary .privacy{color:#e0e9dc}
.summary input:not([type=checkbox]),.summary select,.summary textarea{background:#fff;color:#17382c;border-color:#cbd9ce}
.summary .btn.full{background:#dbb675;color:#14382c;border-color:#dbb675;box-shadow:0 8px 18px rgba(0,0,0,.16)}
.summary .btn.full:hover{background:#edcd96}
.summary .btn.secondary{background:transparent;color:#f6e6c7;border-color:#d3b77a}
.summary .btn.secondary:hover{background:#ffffff19}
.closing{background:linear-gradient(110deg,#102f27,#214e3c)}
.up{background:#bf985d;color:#fff;border:1px solid #f4dbab}
@media(max-width:750px){.hero{padding:47px 0 52px}.featuregrid article{padding:20px 16px}.summary{position:static}}

/* Kontakt handlowy APISDESIGN, niezależny od rezerwacji salonu DEMO */
.quick-wa{position:fixed;right:23px;bottom:86px;z-index:1000;display:flex;gap:12px;align-items:center;padding:12px 18px 12px 14px;border-radius:18px;background:#174b38;color:#fffaf2;text-decoration:none;border:1px solid #cba466;box-shadow:0 12px 34px rgba(10,40,25,.28);font-family:inherit;transition:transform .18s,box-shadow .18s,background .18s}
.quick-wa:hover,.quick-wa:focus-visible{transform:translateY(-3px);background:#216247;box-shadow:0 18px 38px rgba(10,40,25,.35);outline:2px solid #e4c18d;outline-offset:3px}
.quick-wa svg{width:28px;height:28px;flex-shrink:0;fill:none;stroke:#f0d19b;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.quick-wa span{display:grid;gap:2px}.quick-wa strong{font-size:14px;letter-spacing:.01em}.quick-wa small{font-size:11px;color:#e5dec9}
@media(max-width:750px){.quick-wa{left:16px;right:16px;bottom:12px;justify-content:center;border-radius:13px;padding:12px 14px}.quick-wa strong{font-size:13px}.quick-wa small{font-size:11px}.up{bottom:80px!important;right:18px!important}body{padding-bottom:70px}}
@media(prefers-reduced-motion:reduce){.quick-wa{transition:none}.quick-wa:hover{transform:none}}