
:root{--bg:#070706;--panel:#0d0d0c;--panel2:#12110f;--cream:#f3ede2;--cream2:#e7dccb;--muted:#a79f92;--line:rgba(243,237,226,.14);--lineDark:rgba(20,18,15,.12);--text:#f7f0e6;--ink:#151411;--gold:#c4a46a;--shadow:0 30px 90px rgba(0,0,0,.42);--serif:Georgia,'Times New Roman',Times,serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.page{overflow:hidden;background:radial-gradient(circle at 75% 10%,rgba(196,164,106,.10),transparent 35%),linear-gradient(180deg,#050504 0%,#080807 52%,#f3ede2 52%,#f3ede2 100%)}.nav{position:fixed;z-index:50;top:0;left:0;right:0;height:76px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:rgba(6,6,5,.72);border-bottom:1px solid rgba(243,237,226,.08);backdrop-filter:blur(20px)}.logo{font-family:var(--serif);font-size:25px;letter-spacing:-.04em}.nav-links{display:flex;gap:30px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#d8cec0}.nav-btn{padding:13px 20px;border:1px solid rgba(243,237,226,.28);border-radius:8px;color:#f3ede2}.hamb{display:none;width:38px;height:38px;border:1px solid rgba(243,237,226,.16);border-radius:10px;align-items:center;justify-content:center}.hamb span{display:block;width:16px;height:1px;background:var(--cream);box-shadow:0 6px 0 var(--cream),0 -6px 0 var(--cream)}.hero{min-height:100vh;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;padding:118px clamp(20px,5vw,72px) 64px;position:relative}.hero:after{content:"";position:absolute;right:-8%;top:12%;width:60%;height:78%;background:radial-gradient(circle at center,rgba(243,237,226,.16),transparent 62%);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:650px}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:34px}.hero h1{font-family:var(--serif);font-size:clamp(54px,7.4vw,112px);line-height:.93;letter-spacing:-.07em;margin:0 0 28px}.lead{max-width:490px;font-size:17px;line-height:1.78;color:#d6ccbd;margin:0 0 34px}.cta-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.btn{height:52px;padding:0 26px;border-radius:8px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;cursor:pointer;transition:.2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--cream);color:var(--ink)}.btn-secondary{border-color:rgba(243,237,226,.25);color:var(--cream);background:transparent}.secure{display:flex;gap:8px;align-items:center;margin-top:18px;color:#b8afa3;font-size:12px}.hero-visual{position:relative;z-index:2;min-height:660px}.couple-card{position:absolute;right:0;top:0;width:88%;height:520px;border-radius:34px;overflow:hidden;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.12)),radial-gradient(circle at 74% 46%,rgba(223,187,126,.34),transparent 22%),linear-gradient(135deg,#090807,#191713 46%,#050505);box-shadow:var(--shadow);border:1px solid rgba(243,237,226,.11)}.couple-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 75% 48%,rgba(243,237,226,.22),transparent 22%),linear-gradient(90deg,#050504 0 40%,rgba(5,5,4,.2) 70%,#050504 100%)}.person{position:absolute;border-radius:999px;background:linear-gradient(180deg,#25211d,#0a0908);filter:drop-shadow(0 18px 35px rgba(0,0,0,.4))}.p1{right:245px;top:135px;width:114px;height:210px;transform:rotate(-11deg)}.p2{right:80px;top:130px;width:125px;height:220px;transform:rotate(12deg)}.candle{position:absolute;right:250px;bottom:110px;width:24px;height:90px;background:linear-gradient(#f8d487,#66431e);border-radius:20px;box-shadow:0 0 42px rgba(255,190,100,.4)}.question-card{position:absolute;right:84px;bottom:80px;width:260px;height:330px;border-radius:18px;background:#f5ecdf;color:#171512;padding:32px 30px;box-shadow:0 28px 80px rgba(0,0,0,.4);border:1px solid rgba(0,0,0,.05)}.question-card small{display:block;color:#7c746b;margin-bottom:22px}.rule{width:100%;height:1px;background:#c9bba8;margin-bottom:28px}.question-card p{font-size:18px;line-height:1.55;margin:0}.question-card .brand{position:absolute;bottom:25px;left:30px;font-size:10px;letter-spacing:.14em;color:#8b8174}.next-btn{position:absolute;right:84px;bottom:26px;height:46px;padding:0 22px;border-radius:8px;background:rgba(0,0,0,.34);border:1px solid rgba(243,237,226,.18);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#d8cec0}.product-shot{position:absolute;left:0;bottom:0;width:360px;height:420px}.box{position:absolute;left:0;bottom:78px;width:250px;height:312px;border-radius:10px;background:linear-gradient(135deg,#1b1a18,#030303);box-shadow:0 28px 70px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.08);padding:55px 38px}.box .b-logo{font-family:var(--serif);font-size:58px;letter-spacing:-.08em}.box .b-sub{margin-top:28px;font-size:13px;text-transform:uppercase;letter-spacing:.16em;color:#c8bda9;line-height:1.6}.box .b-foot{position:absolute;left:38px;bottom:34px;font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#bcb09f;line-height:1.6}.single-card{position:absolute;left:210px;bottom:110px;width:170px;height:250px;border-radius:20px;background:#f5ecdf;color:#161411;box-shadow:0 24px 60px rgba(0,0,0,.35);padding:28px 24px;text-align:center}.single-card small{display:block;text-align:left;color:#83796b}.single-card .line{height:1px;background:#cfc2b2;margin:22px 0 28px}.single-card p{font-size:17px;line-height:1.45;margin:0}.single-card .heart{position:absolute;bottom:24px;left:0;right:0;color:#8d8274}.features{background:var(--cream);color:var(--ink);padding:46px clamp(20px,5vw,72px);display:grid;grid-template-columns:repeat(3,1fr);gap:26px;border-radius:34px 34px 0 0}.feature{display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:start;padding:10px 20px;border-right:1px solid var(--lineDark)}.feature:last-child{border-right:0}.ico{width:52px;height:52px;border-radius:999px;background:#efe5d7;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 25px rgba(0,0,0,.08)}.feature h3{margin:0 0 8px;font-size:15px}.feature p{margin:0;color:#5f584f;font-size:13px;line-height:1.6}section{padding:96px clamp(20px,5vw,72px)}.dark{background:#080807;color:var(--text)}.section-head{max-width:790px;margin:0 auto 54px;text-align:center}.section-head .kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}.section-head h2{font-family:var(--serif);font-size:clamp(40px,5vw,78px);line-height:1;letter-spacing:-.06em;margin:0}.section-head p{color:#bdb4a8;line-height:1.8;margin:18px auto 0;max-width:590px}.categories{background:#0b0b0a;border:1px solid rgba(243,237,226,.10);border-radius:24px;padding:42px;box-shadow:var(--shadow)}.cat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-bottom:38px}.cat{text-align:center}.cat .cat-ico{font-size:32px;margin-bottom:10px}.cat h4{margin:0 0 6px;text-transform:uppercase;font-size:12px;letter-spacing:.09em}.cat p{margin:0;color:#a99f91;font-size:12px;line-height:1.45}.cards-row{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.mini-card{height:240px;border-radius:14px;padding:22px;background:#f3eadf;color:#161411;position:relative;box-shadow:0 16px 45px rgba(0,0,0,.22)}.mini-card.dark-card{background:#151411;color:#f3eadf;border:1px solid rgba(243,237,226,.14)}.mini-card small{display:block;color:#8d8274;margin-bottom:15px}.mini-card .thin{height:1px;background:rgba(141,130,116,.35);margin-bottom:24px}.mini-card p{font-size:14px;line-height:1.5;margin:0}.mini-card .h{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#8d8274}.app-section{background:var(--cream);color:var(--ink);display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.phone{width:310px;height:640px;border-radius:44px;background:#090908;margin:auto;border:8px solid #1c1b19;box-shadow:0 35px 80px rgba(0,0,0,.25);padding:18px;position:relative}.phone:before{content:"";position:absolute;top:12px;left:50%;transform:translateX(-50%);width:92px;height:22px;background:#050505;border-radius:20px}.phone-screen{height:100%;border-radius:32px;background:#11100f;color:#f4ecdf;overflow:hidden;padding:64px 20px 20px}.phone-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.phone-logo{font-family:var(--serif);font-size:24px}.mobile-card{min-height:300px;border-radius:18px;background:#f5ecdf;color:#171512;padding:28px;margin-bottom:18px}.mobile-card small{color:#7c746b}.mobile-card p{font-size:19px;line-height:1.5}.phone button{width:100%;height:48px;border:1px solid rgba(243,237,226,.22);border-radius:8px;background:transparent;color:#f4ecdf;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.app-copy h2,.pricing h2{font-family:var(--serif);font-size:clamp(42px,5vw,76px);line-height:1;letter-spacing:-.06em;margin:0 0 22px}.app-copy p{font-size:17px;line-height:1.8;color:#655d53;max-width:580px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}.step{background:#efe5d7;border:1px solid rgba(0,0,0,.06);padding:22px;border-radius:18px}.step b{display:block;margin-bottom:8px}.step p{font-size:13px;line-height:1.55;margin:0;color:#625a50}.pricing{background:#f8f1e7;color:var(--ink);padding-top:86px}.price-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,390px));gap:22px;justify-content:center;margin-top:38px}.price{background:#f3eadf;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:34px 28px;position:relative}.price.featured{background:#fff7eb;box-shadow:0 26px 65px rgba(0,0,0,.12)}.badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#eadcc9;border-radius:999px;padding:8px 18px;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#796a58;white-space:nowrap}.price h3{text-transform:uppercase;letter-spacing:.09em;font-size:13px;text-align:center;margin:0 0 18px;color:#6e6358}.amount{text-align:center;font-family:var(--serif);font-size:56px;margin-bottom:18px}.amount span{font-family:var(--sans);font-size:16px}.price ul{list-style:none;padding:0;margin:0 0 28px}.price li{margin:12px 0;color:#5e574f;font-size:14px}.price li:before{content:'✓';margin-right:10px;color:#1b1916}.price .btn{width:100%;background:#11100f;color:#f3eadf}.rituals{background:#f3ede2;color:var(--ink)}.ritual-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.ritual{background:#efe5d7;border:1px solid rgba(0,0,0,.06);border-radius:18px;padding:22px;min-height:130px}.ritual b{display:block;margin-bottom:10px}.ritual p{margin:0;color:#625a50;font-size:13px;line-height:1.55}.faq{background:#080807}.faq-list{max-width:880px;margin:0 auto;display:grid;gap:12px}.faq details{border:1px solid rgba(243,237,226,.12);border-radius:16px;background:#0d0d0c;padding:18px 20px}.faq summary{cursor:pointer;font-weight:700}.faq p{color:#bdb4a8;line-height:1.7}.footer{background:#080807;color:#efe7dc;padding:56px clamp(20px,5vw,72px);display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.footer .logo{font-size:28px}.footer p{margin:12px 0 0;color:#9e958b;max-width:420px;line-height:1.7}.foot-links{display:flex;gap:20px;color:#bdb4a8;font-size:13px;flex-wrap:wrap}.floating{position:fixed;right:22px;bottom:22px;z-index:30;background:#f3ede2;color:#11100f;border:0;border-radius:999px;height:54px;padding:0 22px;box-shadow:0 20px 60px rgba(0,0,0,.35);font-weight:700;display:none}.legal-page,.auth-page,.panel-page{min-height:100vh;background:#080807;color:#f3ede2;padding:112px 20px 60px}.legal-wrap,.auth-card,.panel-wrap{max-width:920px;margin:0 auto}.legal-wrap{line-height:1.78;color:#d6ccbd}.legal-wrap h1,.auth-card h1,.panel-wrap h1{font-family:var(--serif);font-size:clamp(42px,6vw,76px);line-height:1;letter-spacing:-.06em;color:#f7f0e6}.legal-wrap h2{font-family:var(--serif);font-size:34px;letter-spacing:-.04em;color:#f7f0e6;margin-top:42px}.legal-wrap a{text-decoration:underline}.auth-card,.panel-card{background:#0d0d0c;border:1px solid rgba(243,237,226,.12);border-radius:28px;box-shadow:var(--shadow);padding:34px}.field{display:grid;gap:8px;margin:18px 0}.field label{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:#c4a46a}.field input{width:100%;height:54px;border:1px solid rgba(243,237,226,.16);border-radius:12px;background:#11100f;color:#f3ede2;padding:0 16px}.notice{padding:14px 16px;border-radius:14px;background:rgba(196,164,106,.12);border:1px solid rgba(196,164,106,.24);color:#efe2cd;margin:18px 0}.error{background:rgba(180,60,60,.14);border-color:rgba(180,60,60,.35)}.muted{color:#a79f92}.panel-grid{display:grid;grid-template-columns:280px 1fr;gap:20px}.side{background:#0d0d0c;border:1px solid rgba(243,237,226,.12);border-radius:22px;padding:22px;height:max-content}.side a,.side button{display:block;width:100%;text-align:left;background:transparent;border:0;color:#d6ccbd;padding:12px;border-radius:10px}.side a.active,.side a:hover{background:#151411;color:#fff}.question-app{display:grid;gap:18px}.q-card{background:#f5ecdf;color:#171512;border-radius:24px;min-height:360px;padding:34px;box-shadow:0 20px 60px rgba(0,0,0,.25);display:flex;flex-direction:column;justify-content:space-between}.q-card .top{color:#83796b;font-size:13px}.q-card .question{font-family:var(--serif);font-size:clamp(30px,4vw,54px);line-height:1.06;letter-spacing:-.04em}.q-actions{display:flex;gap:12px;flex-wrap:wrap}.q-actions button,.q-actions a{background:#11100f;color:#f3eadf;border:0;border-radius:10px;height:48px;padding:0 18px;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.locked{filter:blur(3px);pointer-events:none;user-select:none}.cookie{position:fixed;left:20px;right:20px;bottom:20px;z-index:100;max-width:760px;margin:auto;background:#0d0d0c;border:1px solid rgba(243,237,226,.16);border-radius:22px;padding:20px;box-shadow:var(--shadow);display:none}.cookie.show{display:block}.cookie p{color:#cfc5b9;line-height:1.6;margin:0 0 14px}.cookie .row{display:flex;gap:10px;flex-wrap:wrap}.tiny{font-size:12px}.admin-table{width:100%;border-collapse:collapse;color:#ddd}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;text-align:left}.admin-table input{background:#111;border:1px solid #333;color:#fff;padding:8px;border-radius:8px;width:100%}@media(max-width:1100px){.price-grid,.ritual-grid{grid-template-columns:1fr 1fr}.panel-grid{grid-template-columns:1fr}}@media(max-width:980px){.nav-links{display:none}.hamb{display:flex}.hero{grid-template-columns:1fr;padding-top:108px}.hero-visual{min-height:720px;margin-top:40px}.couple-card{width:100%;height:470px}.product-shot{bottom:40px}.features,.cat-grid,.cards-row,.app-section,.steps{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid var(--lineDark)}.cards-row{grid-template-columns:repeat(2,1fr)}.footer{flex-direction:column}.floating{display:inline-flex}.app-section{gap:35px}.section-head{text-align:left}.cat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.hero h1{font-size:58px}.lead{font-size:15px}.hero-visual{min-height:650px}.question-card{right:10px;width:235px;height:300px}.next-btn{right:10px}.product-shot{transform:scale(.78);transform-origin:left bottom}.couple-card{height:420px}.cards-row,.price-grid,.ritual-grid{grid-template-columns:1fr}.categories{padding:24px}.cat-grid{grid-template-columns:1fr}.phone{width:284px;height:590px}.nav{height:68px}.logo{font-size:22px}section{padding:70px 20px}.features{padding:34px 20px}.footer{padding:44px 20px}.foot-links{flex-direction:column;gap:12px}.auth-card,.panel-card{padding:24px}.q-card{padding:26px;min-height:330px}}

.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 28%,rgba(218,170,98,.12),transparent 18%),linear-gradient(90deg,rgba(0,0,0,.0),rgba(0,0,0,.22));pointer-events:none}.couple-card{backdrop-filter:blur(2px)}.couple-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.35));}.question-card,.single-card,.mini-card,.price,.ritual,.step{transition:transform .25s ease,box-shadow .25s ease}.question-card:hover,.single-card:hover,.mini-card:hover,.price:hover{transform:translateY(-4px)}.physical-edition{background:#efe6d8;color:#171411;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.physical-copy h2{font-family:var(--serif);font-size:clamp(42px,5vw,74px);line-height:.98;letter-spacing:-.06em;margin:12px 0 20px}.physical-copy p{font-size:17px;line-height:1.8;color:#5f584f;max-width:540px}.physical-points{display:flex;gap:18px;flex-wrap:wrap;margin:28px 0;color:#6b6258;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.physical-visual{position:relative;height:500px}.physical-box{position:absolute;left:60px;top:70px;width:280px;height:360px;border-radius:18px;background:linear-gradient(145deg,#161514,#020202);box-shadow:0 40px 90px rgba(0,0,0,.28);padding:48px;color:#f4ecdf;border:1px solid rgba(255,255,255,.08)}.pb-logo{font-family:var(--serif);font-size:64px;letter-spacing:-.08em}.pb-sub{margin-top:26px;text-transform:uppercase;letter-spacing:.16em;line-height:1.7;font-size:13px;color:#d6c7b4}.spread-card{position:absolute;width:210px;height:300px;border-radius:20px;background:#f8f1e6;box-shadow:0 28px 60px rgba(0,0,0,.18);border:1px solid rgba(0,0,0,.06)}.spread-card:before{content:'01';position:absolute;left:24px;top:24px;color:#8a7f71;font-size:12px}.spread-card:after{content:'Co sprawia, że czujesz się przy mnie naprawdę spokojnie?';position:absolute;left:24px;right:24px;top:92px;font-size:24px;line-height:1.45;color:#171411;font-family:var(--serif)}.c1{right:180px;top:120px;transform:rotate(-12deg)}.c2{right:80px;top:70px;z-index:2}.c3{right:0;top:140px;transform:rotate(10deg)}@media(max-width:980px){.physical-edition{grid-template-columns:1fr;gap:30px}.physical-visual{height:420px}}@media(max-width:560px){.physical-box{left:0;width:220px;height:300px;padding:34px}.pb-logo{font-size:52px}.spread-card{width:150px;height:220px}.spread-card:after{font-size:18px;top:70px}.c1{right:120px}.c2{right:40px}.c3{right:0}}
/* === PATCH v2: hero photo + clean mobile layout based on physical-edition build === */
.couple-card{
  background-image:linear-gradient(90deg,rgba(5,5,4,.82) 0%,rgba(5,5,4,.34) 42%,rgba(5,5,4,.10) 72%,rgba(5,5,4,.60) 100%),url('/assets/img/hero-couple-parsy.png') !important;
  background-size:cover !important;
  background-position:center !important;
}
.couple-card:before{background:linear-gradient(90deg,rgba(5,5,4,.70),rgba(5,5,4,.06) 52%,rgba(5,5,4,.34)) !important;z-index:1;}
.couple-card:after{z-index:1;}
.person,.candle{display:none !important;}
.question-card,.next-btn,.product-shot{z-index:3;}
.hero-copy{z-index:4;}
.hero-visual{isolation:isolate;}
.physical-edition{position:relative;overflow:hidden;}
.physical-edition:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.35),transparent 32%);pointer-events:none;}
.physical-copy,.physical-visual{position:relative;z-index:1;}

@media(max-width:980px){
  .hero{min-height:auto;display:block;padding:108px 20px 38px;}
  .hero-copy{max-width:680px;}
  .hero h1{font-size:clamp(58px,15vw,92px);line-height:.92;}
  .lead{font-size:17px;line-height:1.75;max-width:620px;}
  .hero-visual{min-height:460px;margin-top:34px;width:100%;}
  .couple-card{position:relative;inset:auto;width:100%;height:430px;border-radius:28px;background-position:center top !important;}
  .question-card{right:24px;bottom:48px;width:230px;height:292px;padding:27px 25px;border-radius:18px;}
  .question-card p{font-size:16px;line-height:1.5;}
  .next-btn{right:24px;bottom:0;}
  .product-shot{display:none !important;}
  .features{border-radius:28px 28px 0 0;}
  .physical-edition{padding-top:70px;}
}

@media(max-width:560px){
  .nav{height:78px;padding:0 20px;background:rgba(6,6,5,.88);}
  .hamb{width:54px;height:54px;border-radius:16px;}
  .hero{padding-top:112px;padding-bottom:28px;}
  .eyebrow{margin-bottom:24px;}
  .hero h1{font-size:62px;max-width:360px;}
  .lead{font-size:16px;line-height:1.78;}
  .cta-row{gap:12px;}
  .btn{width:100%;height:58px;border-radius:12px;}
  .secure{font-size:14px;line-height:1.45;align-items:flex-start;}
  .hero-visual{min-height:390px;margin-top:30px;}
  .couple-card{height:360px;border-radius:24px;background-position:center top !important;}
  .question-card{right:14px;bottom:54px;width:178px;height:226px;padding:21px 18px;border-radius:16px;}
  .question-card small{margin-bottom:12px;font-size:10px;}
  .rule{margin-bottom:16px;}
  .question-card p{font-size:13px;line-height:1.45;}
  .question-card .brand{bottom:17px;left:18px;font-size:8px;}
  .next-btn{right:14px;bottom:8px;height:42px;padding:0 15px;font-size:9px;}
  .features{padding:30px 20px;border-radius:26px 26px 0 0;gap:0;}
  .feature{grid-template-columns:64px 1fr;gap:18px;padding:24px 0;}
  .ico{width:58px;height:58px;}
  .feature h3{font-size:18px;}
  .feature p{font-size:15px;line-height:1.55;}
  .physical-edition{padding:64px 20px 74px;}
  .physical-copy h2{font-size:48px;}
  .physical-copy p{font-size:16px;}
  .physical-points{display:grid;gap:10px;margin:22px 0;}
  .physical-visual{height:360px;margin-top:10px;}
  .physical-box{left:0;top:34px;width:205px;height:270px;border-radius:16px;padding:34px 28px;}
  .spread-card{width:142px;height:205px;border-radius:18px;}
  .spread-card:before{left:18px;top:18px;}
  .spread-card:after{left:18px;right:18px;top:66px;font-size:17px;line-height:1.35;}
  .c1{right:112px;top:100px;transform:rotate(-8deg)}
  .c2{right:36px;top:64px;}
  .c3{right:-18px;top:124px;transform:rotate(8deg)}
}

/* === FINAL FTP PATCH: real hero photo, smoother premium layout === */
.couple-card{
  background-image:linear-gradient(90deg,rgba(5,5,4,.78) 0%,rgba(5,5,4,.24) 36%,rgba(5,5,4,.06) 66%,rgba(5,5,4,.46) 100%),url('/assets/img/hero-couple-parsy.jpg') !important;
  background-size:cover !important;
  background-position:center 42% !important;
}
.couple-card:before{background:linear-gradient(90deg,rgba(5,5,4,.72),rgba(5,5,4,.04) 48%,rgba(5,5,4,.32)) !important;}
.couple-card:after{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.34)) !important;}
.hero{background:radial-gradient(circle at 74% 28%,rgba(196,164,106,.13),transparent 26%);}
.hero:after{opacity:.72;}
.question-card{backdrop-filter:blur(2px);}
.price.featured{border-color:rgba(196,164,106,.34);box-shadow:0 30px 80px rgba(70,50,20,.16);}
@media(max-width:980px){
  .couple-card{
    background-image:linear-gradient(180deg,rgba(5,5,4,.22),rgba(5,5,4,.38)),url('/assets/img/hero-couple-parsy-mobile.jpg') !important;
    background-position:center 38% !important;
  }
}
@media(max-width:560px){
  .couple-card{background-position:center top !important;}
}


/* === FINAL FIX v2: mockup-correct mobile hero, no half-screen split === */
.page{background:#050504 !important;}
.hero{background:#050504 !important;overflow:hidden;}
.hero:before{background:radial-gradient(circle at 72% 30%,rgba(196,164,106,.12),transparent 26%) !important;}
.hero:after{display:none !important;}
.btn-primary{background:#f3ede2;color:#151411;border:1px solid rgba(255,255,255,.18);box-shadow:0 14px 35px rgba(0,0,0,.22);}
.btn-primary:hover{background:#fff7eb;}
.cta-row{gap:0;}
.couple-card{background-image:linear-gradient(90deg,rgba(5,5,4,.82) 0%,rgba(5,5,4,.30) 38%,rgba(5,5,4,.05) 68%,rgba(5,5,4,.54) 100%),url('/assets/img/hero-couple-parsy.jpg') !important;background-position:center 44% !important;}
.couple-card:before{background:linear-gradient(90deg,rgba(5,5,4,.74),rgba(5,5,4,.03) 52%,rgba(5,5,4,.34)) !important;}
.question-card{background:#f5ecdf !important;backdrop-filter:none !important;}
.physical-photo-wrap{height:auto;min-height:0;}
.physical-photo{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:center;border-radius:28px;box-shadow:0 36px 90px rgba(0,0,0,.28);border:1px solid rgba(0,0,0,.08);}
.price-grid-two{grid-template-columns:repeat(2,minmax(260px,390px)) !important;}
.pricing{background:#f8f1e7 !important;}

@media(max-width:980px){
  .hero{padding:104px 20px 34px !important;}
  .couple-card{background-image:linear-gradient(180deg,rgba(5,5,4,.08) 0%,rgba(5,5,4,.14) 48%,rgba(5,5,4,.62) 100%),url('/assets/img/hero-couple-parsy-mobile.jpg') !important;background-position:center 42% !important;}
  .price-grid-two{grid-template-columns:1fr !important;}
}
@media(max-width:560px){
  .hero{padding-top:104px !important;}
  .hero h1{font-size:55px !important;line-height:.94;letter-spacing:-.065em;}
  .lead{font-size:15px !important;line-height:1.68 !important;margin-bottom:24px !important;}
  .btn{width:auto;min-width:178px;height:52px;border-radius:9px;padding:0 22px;}
  .secure{font-size:12px !important;margin-top:15px;}
  .hero-visual{min-height:340px !important;margin-top:26px !important;}
  .couple-card{height:330px !important;border-radius:22px !important;background-position:center 40% !important;}
  .question-card{width:148px !important;height:190px !important;right:12px !important;bottom:56px !important;padding:17px 14px !important;border-radius:14px !important;box-shadow:0 18px 48px rgba(0,0,0,.38);}
  .question-card small{font-size:9px !important;margin-bottom:9px !important;}
  .question-card .rule{margin-bottom:12px !important;}
  .question-card p{font-size:11.5px !important;line-height:1.42 !important;}
  .question-card .brand{bottom:14px !important;left:14px !important;font-size:7px !important;}
  .next-btn{right:12px !important;bottom:10px !important;height:38px !important;padding:0 13px !important;font-size:8px !important;border-radius:8px !important;}
  .features{margin-top:0 !important;}
  .physical-photo{aspect-ratio:4/5;border-radius:22px;object-position:center;}
}



/* === ULTRA POLISH PATCH 2026 === */
html,body{
overflow-x:hidden;
}

.hero{
padding-bottom:52px !important;
}

.hero-copy{
max-width:620px !important;
}

.hero h1{
max-width:760px;
text-wrap:balance;
}

.lead{
max-width:520px !important;
color:#d2c8bb !important;
}

.cta-row{
gap:12px !important;
}

.btn{
transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
}

.btn-primary{
height:54px !important;
border-radius:10px !important;
padding:0 28px !important;
background:#f4ede3 !important;
box-shadow:0 10px 30px rgba(0,0,0,.18) !important;
}

.btn-primary:hover{
transform:translateY(-1px);
box-shadow:0 18px 42px rgba(0,0,0,.24) !important;
}

.couple-card{
overflow:hidden;
filter:saturate(.94) contrast(.98);
}

.couple-card:after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.28)),
radial-gradient(circle at 68% 28%, rgba(255,255,255,.06), transparent 22%);
pointer-events:none;
}

.question-card{
transform:none !important;
box-shadow:0 26px 70px rgba(0,0,0,.34) !important;
}

.question-card p{
font-weight:500;
}

.feature,
.step,
.price,
.mini-card,
.ritual{
transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.feature:hover,
.step:hover,
.price:hover,
.mini-card:hover,
.ritual:hover{
transform:translateY(-4px);
}

.physical-box{
box-shadow:0 48px 110px rgba(0,0,0,.34) !important;
}

.spread-card{
backdrop-filter:blur(2px);
}

.spread-card:after{
font-size:22px !important;
line-height:1.42 !important;
}

.section-head p,
.app-copy p,
.physical-copy p{
letter-spacing:.01em;
}

@media(max-width:980px){

.hero{
padding-top:102px !important;
padding-bottom:28px !important;
}

.hero-visual{
margin-top:22px !important;
}

.couple-card{
height:400px !important;
background-position:center 34% !important;
}

.question-card{
bottom:42px !important;
}

}

@media(max-width:560px){

.hero{
padding-top:96px !important;
padding-bottom:18px !important;
}

.hero h1{
font-size:50px !important;
line-height:.95 !important;
max-width:320px !important;
}

.lead{
font-size:15px !important;
line-height:1.62 !important;
max-width:100% !important;
margin-bottom:20px !important;
}

.btn{
height:50px !important;
font-size:11px !important;
padding:0 20px !important;
min-width:165px !important;
}

.secure{
margin-top:12px !important;
}

.hero-visual{
min-height:320px !important;
}

.couple-card{
height:310px !important;
border-radius:20px !important;
background-position:center 28% !important;
}

.question-card{
width:138px !important;
height:178px !important;
right:10px !important;
bottom:48px !important;
padding:14px 12px !important;
}

.question-card p{
font-size:11px !important;
line-height:1.36 !important;
}

.next-btn{
height:36px !important;
padding:0 12px !important;
}

.feature{
padding:20px 0 !important;
}

.physical-copy h2{
font-size:44px !important;
}

.spread-card{
width:132px !important;
height:192px !important;
}

.spread-card:after{
font-size:15px !important;
top:58px !important;
}

}



/* === FINAL POLISH 2 — mobile premium tightening === */

/* Cleaner button typography + optical centering */
.btn,
.btn-primary,
.hero .btn,
.cta-row .btn,
.floating-cta,
.floating-join,
.join-floating,
.mobile-join,
.nav-cta {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  letter-spacing:.105em !important;
  text-align:center !important;
}

/* Main CTA: smaller, calmer, more premium */
.btn-primary,
.hero .btn-primary,
.cta-row .btn-primary {
  min-height:48px !important;
  height:48px !important;
  padding:0 22px !important;
  border-radius:11px !important;
  font-size:11px !important;
  font-weight:700 !important;
  box-shadow:0 12px 30px rgba(0,0,0,.18) !important;
}

/* Floating mobile CTA variants */
.floating-cta,
.floating-join,
.join-floating,
.mobile-join {
  min-height:44px !important;
  height:44px !important;
  padding:0 18px !important;
  border-radius:999px !important;
  font-size:10.5px !important;
  font-weight:700 !important;
  box-shadow:0 12px 28px rgba(0,0,0,.18) !important;
}

/* More cinematic image, less AI-clean / less flat */
.couple-card {
  filter:saturate(.90) contrast(.97) brightness(.96) !important;
}

.couple-card:after {
  background:
    linear-gradient(180deg, rgba(0,0,0,.04) 0%, rgba(0,0,0,.16) 55%, rgba(0,0,0,.42) 100%),
    radial-gradient(circle at 54% 28%, rgba(255,255,255,.06), transparent 25%) !important;
}

/* Keep the next section slightly closer on mobile, but not glued */
@media(max-width:980px){
  .hero {
    padding-bottom:18px !important;
  }

  .hero + section,
  .hero + .section,
  .hero + main,
  section.hero + section {
    margin-top:14px !important;
  }
}

@media(max-width:560px){

  /* Restore the better small breathing gap after hero */
  .hero {
    padding-top:92px !important;
    padding-bottom:8px !important;
  }

  .hero + section,
  .hero + .section,
  section.hero + section {
    margin-top:18px !important;
  }

  /* Hero title lock-up: premium two-line rhythm */
  .hero h1,
  .hero-title,
  h1.hero-title {
    max-width:345px !important;
    font-size:48px !important;
    line-height:.94 !important;
    letter-spacing:-.055em !important;
    text-wrap:balance;
  }

  /* If the title contains a manual span/br, keep it elegant */
  .hero h1 span,
  .hero-title span {
    display:inline;
  }

  .lead {
    font-size:14.5px !important;
    line-height:1.64 !important;
    margin-bottom:18px !important;
  }

  .cta-row {
    gap:10px !important;
  }

  .btn-primary,
  .hero .btn-primary,
  .cta-row .btn-primary {
    min-height:46px !important;
    height:46px !important;
    min-width:148px !important;
    padding:0 18px !important;
    border-radius:10px !important;
    font-size:10.5px !important;
    letter-spacing:.11em !important;
  }

  .btn-secondary,
  .hero .btn-secondary,
  .cta-row .btn-secondary {
    min-height:46px !important;
    height:46px !important;
    padding:0 18px !important;
    font-size:10.5px !important;
    letter-spacing:.105em !important;
  }

  .secure {
    margin-top:11px !important;
    font-size:11px !important;
  }

  /* Question card: smaller and more editorial, with photo still visible */
  .hero-visual {
    margin-top:18px !important;
    min-height:318px !important;
  }

  .couple-card {
    height:308px !important;
    border-radius:21px !important;
    background-position:center 29% !important;
  }

  .question-card {
    width:132px !important;
    height:168px !important;
    right:12px !important;
    bottom:42px !important;
    padding:13px 11px !important;
    border-radius:16px !important;
  }

  .question-card p {
    font-size:10.5px !important;
    line-height:1.37 !important;
    letter-spacing:-.01em !important;
  }

  .next-btn {
    height:34px !important;
    min-height:34px !important;
    padding:0 11px !important;
    font-size:9.5px !important;
    line-height:1 !important;
  }

  /* Physical section: slightly more collectible, less oversized */
  .physical-box {
    box-shadow:0 38px 92px rgba(0,0,0,.30) !important;
  }

  .physical-copy h2 {
    font-size:42px !important;
    line-height:.98 !important;
    letter-spacing:-.052em !important;
  }

  .spread-card {
    width:128px !important;
    height:186px !important;
    border-radius:16px !important;
  }

  .spread-card:after {
    font-size:14.5px !important;
    line-height:1.32 !important;
  }

  /* Typography: calmer mobile paragraphs */
  .section-head p,
  .app-copy p,
  .physical-copy p,
  .feature p,
  .step p {
    font-weight:400 !important;
    line-height:1.68 !important;
  }
}

/* Premium motion: slower and softer */
.feature,
.step,
.price,
.mini-card,
.ritual,
.btn,
.spread-card {
  transition-duration:.38s !important;
  transition-timing-function:cubic-bezier(.2,.8,.2,1) !important;
}

/* Avoid over-jumping on touch devices */
@media(hover:none){
  .feature:hover,
  .step:hover,
  .price:hover,
  .mini-card:hover,
  .ritual:hover,
  .btn:hover {
    transform:none !important;
  }
}

/* === APP/ADMIN UPGRADE — mobile CRM, messages, session-like app feel === */
.admin-wide{max-width:1180px}.admin-grant-form{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:end}.admin-small-btn{height:36px!important;padding:0 14px!important;font-size:10px!important}.admin-table-wrap{width:100%;overflow-x:auto;border-radius:16px}.admin-table{min-width:760px}.admin-table td{vertical-align:top;word-break:break-word}.admin-messages{display:grid;grid-template-columns:330px 1fr;gap:20px}.thread-list{max-height:70vh;overflow:auto}.thread-list a{display:grid!important;gap:6px}.thread-list b{font-size:13px;word-break:break-word}.thread-list span{font-size:11px;color:#a79f92}.thread-list em{font-style:normal;color:#c4a46a;font-size:11px}.message-thread{display:grid;gap:12px;margin:18px 0 22px}.bubble{max-width:82%;padding:14px 16px;border-radius:16px;background:#151411;border:1px solid rgba(243,237,226,.10);color:#efe7dc;line-height:1.55}.bubble.user{justify-self:end;background:#f5ecdf;color:#171512}.bubble.admin{justify-self:start}.bubble small{display:block;margin-top:8px;color:#8d8274;font-size:11px}.reply-form textarea,.field textarea{width:100%;border:1px solid rgba(243,237,226,.16);border-radius:12px;background:#11100f;color:#f3ede2;padding:14px 16px;resize:vertical}.app-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.app-toolbar button{height:40px;border-radius:999px;border:1px solid rgba(243,237,226,.16);background:transparent;color:#d6ccbd;padding:0 14px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.app-toolbar button.active{background:#f3ede2;color:#11100f}.couple-box,.history-box{display:none;margin-top:18px;border:1px solid rgba(243,237,226,.12);border-radius:22px;padding:24px;background:#0f0e0d}.couple-box.show,.history-box.show{display:block}.couple-box h2,.history-box h2,.panel-card h2{font-family:var(--serif);letter-spacing:-.04em;font-size:32px;margin:0 0 10px}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.history-list{display:grid;gap:12px;margin-top:16px}.history-item{background:#151411;border:1px solid rgba(243,237,226,.10);border-radius:16px;padding:16px}.history-item small{display:block;color:#c4a46a;text-transform:uppercase;letter-spacing:.08em;font-size:10px;margin-bottom:8px}.history-item b{display:block;margin-bottom:10px}.history-item p{color:#d6ccbd;line-height:1.55;margin:8px 0 0}.side a[href="/app/messages.php"]:after{content:' ';}
@media(max-width:900px){.admin-grant-form{grid-template-columns:1fr}.admin-messages{grid-template-columns:1fr}.thread-list{max-height:none}.answer-grid{grid-template-columns:1fr}.bubble{max-width:100%}}
@media(max-width:640px){.panel-page{padding-left:14px!important;padding-right:14px!important}.panel-wrap h1{font-size:42px!important}.panel-card{border-radius:22px!important;padding:18px!important}.side{padding:10px!important;border-radius:18px!important}.side a{padding:11px!important}.admin-table{min-width:0;width:100%;border-collapse:separate;border-spacing:0 12px}.admin-table tr:first-child{display:none}.admin-table tr{display:block;background:#11100f;border:1px solid rgba(243,237,226,.12);border-radius:16px;padding:12px}.admin-table td{display:grid;grid-template-columns:92px 1fr;gap:10px;border:0!important;padding:8px 0!important;font-size:12px!important;overflow-wrap:anywhere}.admin-table td:before{content:attr(data-label);color:#c4a46a;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.admin-small-btn{width:100%;justify-content:center!important}.app-toolbar{display:grid;grid-template-columns:1fr 1fr}.app-toolbar button{width:100%;padding:0 8px;font-size:10px}.q-actions{display:grid;grid-template-columns:1fr 1fr}.q-actions button,.q-actions a{width:100%;padding:0 10px}.bubble{font-size:14px}.admin-wide{max-width:100%}}
