@font-face{font-family:"KULISSZA Display";src:url("../fonts/CormorantGaramond-LatinExt-300.7e86fb56e35c.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"KULISSZA Text";src:url("../fonts/BodoniModa-LatinExt-400.a77467442146.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  --white:#fffdf9;
  --cream:#f8f3ec;
  --beige:#eadfd2;
  --gold:#ad7a3d;
  --gold-light:#d0a66d;
  --brown:#332a23;
  --muted:#776b61;
  --line:rgba(154,110,57,.28);
  --content-width:150svh;
  --text-width:760px;
  --section-space:68px;
  --font-display:"KULISSZA Display","Times New Roman",serif;
  --font-text:"KULISSZA Text",Georgia,serif;
  --metal-gold:linear-gradient(90deg,#8f642f 0%,#c89b5b 38%,#f0d59f 50%,#c79a59 61%,#936832 100%);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--brown);font-family:var(--font-text);font-size:17px;font-weight:400;line-height:1.65}
a{color:inherit}
button{font:inherit}
.shell{width:min(calc(100% - 48px),var(--content-width));margin-inline:auto}
.narrow,.centered-section{max-width:900px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:100;top:8px;left:8px;transform:translateY(-150%);background:var(--brown);color:#fff;padding:8px 14px}
.skip-link:focus{transform:none}

.site-header{position:fixed;z-index:30;inset:0 0 auto;padding:16px 0;opacity:0;pointer-events:none;transition:opacity .35s ease}
.site-header.visible{opacity:1;pointer-events:auto;background:rgba(248,243,236,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.header-inner,.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:24px}
.wordmark{display:flex;align-items:baseline;gap:9px;text-decoration:none}
.wordmark span{font-family:var(--font-display);font-size:23px;font-weight:300;letter-spacing:.2em}
.wordmark small{font-size:7px;letter-spacing:.45em;color:var(--gold)}
.main-nav{display:flex;align-items:center;gap:24px}
.main-nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:9px}
.main-nav a:hover{color:var(--gold)}
.nav-contact{border:1px solid var(--gold);padding:8px 14px}
.menu-toggle{display:none;border:0;background:none;padding:8px;color:var(--brown)}
.menu-toggle i{display:block;width:25px;height:1px;background:currentColor;margin:5px}

main{display:flex;flex-direction:column}
.hero{order:1;height:100svh;min-height:480px;overflow:hidden;background:#f7f0e6}
.hero img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.problem{order:2}.pillars{order:3}.good-fit{order:4}.help{order:5}.approach{order:6}.about{order:7}.testimonials{order:8}.pricing{order:9}.contact{order:10}

.section{padding:var(--section-space) 0}
.section h1,.section h2,.section h3{font-family:var(--font-display);font-weight:300;letter-spacing:.012em}
.section .accent-safe-text{font-family:var(--font-text);font-weight:400;letter-spacing:0}
.section h1,.section h2{margin:0;line-height:1.14;font-size:clamp(27px,2.5vw,35px)}
.help-sentence,.centered-section .section-head>p,.about-conclusion,.email,.pricing-options strong{font-family:var(--font-display);font-weight:300}
.section-head{max-width:620px;margin:0 auto 40px;text-align:center}
.section p{text-align:center}
.label{margin:0 0 12px;text-transform:uppercase;letter-spacing:.33em;font-size:9px;color:var(--gold)}

.problem{background:var(--white)}
.problem h1{text-align:center;transform:translateX(1.2%)}
.lead-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px;max-width:820px;margin:36px auto 0;padding-top:30px;border-top:1px solid transparent;border-image:var(--metal-gold) 1}
.lead-copy p{margin:0;padding-left:24px;border-left:1px solid transparent;border-image:linear-gradient(180deg,#8f642f,#efd49d 50%,#936832) 1;color:var(--muted);text-align:left;font-size:16px}

.pillars{background:var(--beige)}
.pillar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:100%;border-top:1px solid transparent;border-image:var(--metal-gold) 1}
.pillar{min-width:0;padding:28px 22px;border-right:1px solid var(--line);text-align:center}
.pillar:first-child{padding-left:0}.pillar:last-child{padding-right:0;border-right:0}
.pillar>span,.help-row>span,.pricing-options span{font-size:14px;color:var(--gold)}
.pillar h3{margin:28px 0 14px;font-size:22px;line-height:1.2;text-transform:uppercase;letter-spacing:.08em}
.pillar p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}

.good-fit{padding-bottom:34px;background:var(--cream)}
.good-fit-grid{display:grid;grid-template-columns:.72fr 1fr;align-items:start;gap:64px;max-width:900px}
.good-fit h2{text-align:center}
.classic-list{list-style:none;margin:0;padding:0;border-top:1px solid transparent;border-image:var(--metal-gold) 1}
.classic-list li{position:relative;padding:15px 0 15px 30px;border-bottom:1px solid var(--line);color:var(--muted);font-size:16px}
.classic-list li::before{content:"✓";position:absolute;left:0;color:var(--gold);font-size:14px}

.help{padding-top:32px;background:#fbf7f1}
.help-sentence{margin:16px 0 0;color:var(--gold);font-size:20px}
.help-list{max-width:900px;margin-inline:auto;border-top:1px solid var(--line)}
.help-row{display:grid;grid-template-columns:48px .78fr 1.25fr;gap:26px;align-items:start;padding:27px 0;border-bottom:1px solid var(--line)}
.help-row h3{margin:0;font-size:21px;line-height:1.25}
.help-row p{margin:0;color:var(--muted);font-size:14px;text-align:left}

.approach{background:var(--beige)}
.centered-section{text-align:center}
.centered-section .section-head>p{max-width:650px;margin:16px auto 0;color:var(--gold);font-size:17px}
.text-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px;max-width:900px;margin-inline:auto;text-align:left}
.text-columns>p,.text-columns>div{margin:0;padding-left:24px;border-left:1px solid transparent;border-image:linear-gradient(180deg,#8f642f,#efd49d 50%,#936832) 1}
.text-columns p{margin:0 0 16px;color:var(--muted);text-align:left;font-size:16px}
.text-columns p:last-child{margin-bottom:0}

.about{background:var(--white);padding-bottom:58px}
.about-name{margin:0!important;color:var(--brown)!important;font-family:var(--font-display);font-size:23px!important;font-weight:300;letter-spacing:.08em}
.about-copy{max-width:900px;margin-inline:auto}
.about-conclusion{max-width:620px;margin:30px auto 0!important;color:var(--gold)!important;text-align:center!important;font-size:17px!important}
.about-identity{max-width:700px;margin:36px auto 0;padding-top:28px;border-top:1px solid transparent;border-image:var(--metal-gold) 1;text-align:center}
.about-credo{margin:10px auto 0;color:var(--gold);font-family:var(--font-display);font-size:18px;font-weight:300;font-style:normal;line-height:1.4;letter-spacing:.01em}

.pillars .section-head::after,.about .section-head::after,.pricing-layout>header::after{content:"";display:block;width:112px;height:9px;margin:20px auto 0;background:linear-gradient(45deg,transparent 40%,#b17d3e 41% 48%,#efd49d 49% 57%,#9a6b33 58% 65%,transparent 66%) center/9px 9px no-repeat,var(--metal-gold) center/100% 1px no-repeat}

.testimonials{padding:56px 0;background:#382e27;color:#f9f2e8}
.testimonials .section-head{max-width:650px;margin-bottom:28px}
.testimonials .section-head h2{font-size:clamp(21px,2vw,27px);line-height:1.3}
.quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:780px;margin-inline:auto}
.quote{min-width:0;margin:0;padding:19px 21px;border:1px solid rgba(208,166,109,.27)}
.quote span{display:block;height:20px;color:var(--gold-light);font-family:var(--font-display);font-size:33px;line-height:.65}
.quote p{margin:8px 0 0;color:#e7dbcf;font-family:var(--font-text);font-size:14px;line-height:1.5;text-align:left}
.extra-quote[hidden]{display:none}
.reviews-toggle{display:block;margin:22px auto 0;padding:8px 2px;border:0;border-bottom:1px solid var(--gold-light);background:transparent;color:var(--gold-light);font-size:12px;letter-spacing:.12em;cursor:pointer}
.reviews-toggle:hover,.reviews-toggle:focus-visible{color:var(--white);border-color:var(--white)}

.pricing{background:var(--white)}
.pricing-layout{max-width:980px;text-align:center}
.pricing-layout>header{max-width:700px;margin:0 auto 38px;text-align:center}
.pricing-layout>header p{max-width:620px;margin:16px auto 0;color:var(--muted)}
.pricing-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.pricing-options article{min-width:0;padding:27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.pricing-options h3{margin:23px 0 12px;font-size:21px}
.pricing-options .continuous-title{font-size:18px;white-space:nowrap}
.pricing-options p{margin:0;color:var(--muted);font-size:14px}
.pricing-options strong{display:block;margin-top:19px;color:var(--gold);font-size:15px;font-weight:400}
.pricing-note{margin:24px 0 0;color:var(--muted);font-size:13px}

.contact{padding:72px 0;text-align:center;background:linear-gradient(140deg,#e3d4c3,#fbf7f1 55%,#decebb)}
.contact-inner{max-width:760px}
.contact h2{font-size:clamp(30px,3.2vw,42px)}
.contact-inner>p{max-width:620px;margin:24px auto;color:var(--muted)}
.email{display:block;margin-bottom:26px;color:var(--gold);font-size:clamp(18px,2vw,24px);text-decoration:none}
.button{display:inline-flex;align-items:center;gap:24px;padding:13px 21px;background:var(--brown);color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:10px}
.button:hover{background:var(--gold)}

.site-footer{padding:28px 0;background:#241e19;color:#c6b9ad}
.footer-grid{font-size:9px;text-transform:uppercase;letter-spacing:.13em}
.footer-mark{color:var(--gold-light);font-size:25px}
.footer-grid nav{display:flex;gap:22px}
.footer-grid a{text-decoration:none}.footer-grid a:hover{color:var(--gold-light)}

.back-to-top{position:fixed;z-index:25;right:22px;bottom:22px;width:40px;height:40px;padding:0;border:1px solid rgba(173,122,61,.52);border-radius:50%;background:rgba(255,253,249,.88);box-shadow:none;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,visibility .25s;cursor:pointer;backdrop-filter:blur(7px)}
.back-to-top.visible{opacity:1;visibility:visible;transform:none}
.back-to-top span::before,.back-to-top span::after{content:"";position:absolute;top:18px;width:10px;height:1px;background:var(--gold)}
.back-to-top span::before{left:11px;transform:rotate(-42deg)}
.back-to-top span::after{right:11px;transform:rotate(42deg)}
.back-to-top:hover,.back-to-top:focus-visible{border-color:var(--gold);background:var(--white);outline:0}

@media(max-width:920px){
  :root{--section-space:58px}
  .main-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:22px;background:var(--cream);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}
  .main-nav.open{display:flex}.menu-toggle{display:block}
  .pillar-grid{grid-template-columns:repeat(2,1fr)}
  .pillar:nth-child(2){border-right:0}.pillar:nth-child(3),.pillar:nth-child(4){border-top:1px solid var(--line)}
  .good-fit-grid{grid-template-columns:1fr;gap:32px;max-width:760px}
  .good-fit-grid>header{text-align:center}
  .help-row{grid-template-columns:40px 1fr}.help-row p{grid-column:2}
  .pricing-options{grid-template-columns:1fr}.pricing-options article{padding:24px}
}

@media(max-width:620px){
  :root{--section-space:48px}
  body{font-size:16px}
  .shell{width:calc(100% - 32px)}
  .hero{height:100svh;min-height:440px}
  .section h1,.section h2{font-size:27px}
  .problem h1{transform:translateX(.5%)}
  .lead-copy,.text-columns{grid-template-columns:1fr;gap:22px}
  .lead-copy{margin-top:28px;padding-top:24px}
  .lead-copy p,.text-columns>p,.text-columns>div{padding-left:20px}
  .pillar-grid{grid-template-columns:1fr}
  .pillar,.pillar:first-child,.pillar:last-child{padding:24px 4px;border-right:0;border-top:1px solid var(--line)}
  .pillar:first-child{border-top:0}
  .good-fit{padding-bottom:28px}.help{padding-top:26px}.help-row{gap:12px;padding:23px 0}
  .about{padding-bottom:48px}.about-identity{margin-top:30px;padding-top:24px}.about-credo{font-size:18px}
  .quotes{grid-template-columns:1fr}
  .testimonials{padding:46px 0}
  .quote{padding:18px 19px}
  .contact{padding:58px 0}
  .back-to-top{right:14px;bottom:14px;width:36px;height:36px}
  .back-to-top span::before,.back-to-top span::after{top:16px;width:9px}
  .back-to-top span::before{left:10px}.back-to-top span::after{right:10px}
  .footer-grid{flex-direction:column;text-align:center}.footer-grid nav{flex-direction:column;gap:6px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-header,.back-to-top{transition:none}}
