@font-face { font-family: "Golos Text"; font-style: normal; font-weight: 400; src: url("assets/fonts/golos-text-cyrillic-400-normal.woff2") format("woff2"); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: "Golos Text"; font-style: normal; font-weight: 400; src: url("assets/fonts/golos-text-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Golos Text"; font-style: normal; font-weight: 500; src: url("assets/fonts/golos-text-cyrillic-500-normal.woff2") format("woff2"); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: "Golos Text"; font-style: normal; font-weight: 500; src: url("assets/fonts/golos-text-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Golos Text"; font-style: normal; font-weight: 700; src: url("assets/fonts/golos-text-cyrillic-700-normal.woff2") format("woff2"); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: "Golos Text"; font-style: normal; font-weight: 700; src: url("assets/fonts/golos-text-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 500; src: url("assets/fonts/cormorant-garamond-cyrillic-500-normal.woff2") format("woff2"); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 500; src: url("assets/fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 700; src: url("assets/fonts/cormorant-garamond-cyrillic-700-normal.woff2") format("woff2"); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 700; src: url("assets/fonts/cormorant-garamond-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
:root{--bg:#f2ede5;--surface:#f9f6f2;--ink:#170b07;--accent:#c63719;--border:#c6c0b9;--footer:#dcd6cf;--caption:#665c57}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Golos Text",system-ui,sans-serif;font-size:18px;line-height:1.4}
[data-vz-role="page"]{width:100%;overflow:clip}
.wrap{width:min(100% - 80px,1280px);margin-inline:auto}
section{scroll-margin-top:76px;padding-block:64px}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:700;line-height:.96;letter-spacing:-.025em}
h1{font-size:76px}
h2{font-size:57px}
h3{font-size:43px}
p{max-width:62ch}
a{color:inherit}
a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 26px;border-radius:8px;background:var(--accent);color:#fff;text-decoration:none;font-family:"Golos Text",system-ui,sans-serif;font-size:18px;font-weight:500;line-height:1.2;white-space:nowrap}
.button:focus-visible{outline-color:var(--ink)}
[data-vz-role="header"]{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding-inline:max(40px,calc((100vw - 1280px)/2));background:var(--bg);border-bottom:1px solid var(--border)}
.brand{font-family:"Cormorant Garamond",Georgia,serif;font-weight:700;font-size:32px;line-height:1;white-space:nowrap}
[data-vz-role="header"] nav{display:flex;align-items:center;gap:32px;white-space:nowrap}
[data-vz-role="header"] nav a{display:inline-flex;align-items:center;min-height:32px;text-decoration:none;font-size:18px;font-weight:500}
[data-vz-role="header"] nav a:hover,[data-vz-contact]:hover{text-decoration:underline;text-underline-offset:4px}
.header-cta{justify-self:end;min-height:40px;padding:8px 22px}
.hero{padding-block:40px 64px}
.hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;align-items:center}
.hero h1{grid-column:1/7;grid-row:1;max-width:650px;align-self:end;margin-bottom:32px}
.hero-image{grid-column:7/13;grid-row:1/3;width:100%;height:590px;object-fit:cover;object-position:center;border-radius:16px}
.hero-details{grid-column:1/7;grid-row:2;align-self:start;display:flex;flex-direction:column;align-items:start;gap:22px}
.hero-details [data-vz-text-role="lead"]{font-size:24px;line-height:1.3;max-width:26ch}
.hero-price{font-size:18px}
.hero-details .button{min-width:210px}
.scenarios{border-top:1px solid var(--border)}
.scenarios h2{max-width:880px;margin-bottom:40px}
.scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:stretch}
.scenario{min-width:0;padding:28px 0 0;border-top:2px solid var(--ink)}
.scenario h3{max-width:12ch;margin-bottom:26px}
.scenario p+p{margin-top:18px}
.scenario [data-vz-text-role="number"],.cake [data-vz-text-role="number"]{display:inline-block;font-family:"Cormorant Garamond",Georgia,serif;font-size:43px;font-weight:700;line-height:1;white-space:nowrap}
.scenario .price-line,.scenario p:has([data-vz-text-role="number"]){max-width:480px}
.examples{padding-block:64px 76px}
.examples-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;align-items:end}
.examples-copy{grid-column:1/6;align-self:center}
.examples h2{margin-bottom:32px}
.examples img{grid-column:6/13;width:100%;height:470px;object-fit:cover;border-radius:16px}
.prices{border-block:1px solid var(--border)}
.prices-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;align-items:start}
.prices h2{grid-column:1/6;max-width:520px}
.price-list{grid-column:6/13}
.price-list p{display:grid;grid-template-columns:32px 1fr auto auto;align-items:center;column-gap:14px;max-width:none;min-height:96px;padding-block:14px;border-bottom:1px solid var(--border)}
.price-list p:first-child{border-top:1px solid var(--border)}
.price-list svg{width:26px;height:26px;color:var(--accent)}
.price-list [data-vz-text-role="number"]{font-family:"Cormorant Garamond",Georgia,serif;font-size:43px;font-weight:700;line-height:1;white-space:nowrap;text-align:right}
.price-list p span:last-child:not([data-vz-text-role]){white-space:nowrap}
.split-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;align-items:center}
.split-grid img{grid-column:1/7;width:100%;height:530px;object-fit:cover;border-radius:16px}
.split-copy{grid-column:7/13;padding-left:16px}
.split-copy h2{margin-bottom:32px}
.split-copy p{max-width:43ch}
.cake{padding-block:32px}
.cake-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;align-items:center;border-block:1px solid var(--border);padding-block:32px}
.cake-copy{grid-column:1/7}
.cake-copy h2{max-width:610px;margin-bottom:24px}
.cake-grid img{grid-column:8/13;width:100%;height:360px;object-fit:cover;border-radius:16px}
.order{border-bottom:1px solid var(--border)}
.order-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;align-items:end}
.order h2{grid-column:1/8;max-width:730px}
.order-side{grid-column:9/13;display:flex;flex-direction:column;align-items:start;gap:24px}
.order-side .button{min-width:210px}
.contacts{padding-block:80px}
.contacts-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;align-items:end}
.contacts h2{grid-column:1/9;max-width:800px}
.contacts [data-vz-contact]{grid-column:9/13;display:inline-flex;align-items:center;gap:12px;min-height:44px;text-decoration:none}
.contacts svg{width:22px;height:22px;flex:none;color:var(--accent)}
[data-vz-role="sticky-cta"]{display:none}
[data-vz-role="footer"]{background:var(--footer);padding-block:36px 40px}
.footer-grid{display:flex;justify-content:space-between;gap:32px;align-items:start}
.footer-grid p,.disclaimer{font-size:14px;color:var(--caption);line-height:1.4}
.footer-grid a{font-size:18px;text-decoration:none}
.disclaimer{margin-top:30px;max-width:none}
@media(max-width:1000px) and (min-width:761px){
 .wrap{width:min(100% - 48px,1280px)}
 [data-vz-role="header"]{padding-inline:24px;grid-template-columns:auto 1fr auto;gap:24px}
 [data-vz-role="header"] nav{justify-content:center;gap:18px}
 .brand{font-size:26px}
 .hero-grid,.examples-grid,.prices-grid,.split-grid,.cake-grid,.order-grid,.contacts-grid{column-gap:20px}
 h1{font-size:60px}h2{font-size:50px}h3{font-size:32px}
 .hero-image{height:520px}
 .price-list p{grid-template-columns:28px 1fr auto;gap:10px}
 .price-list p span:last-child:not([data-vz-text-role]){grid-column:3}
 .price-list [data-vz-text-role="number"]{font-size:32px}
}
@media(max-width:760px){
 body{font-size:16px}
 .wrap{width:calc(100% - 36px)}
 section{scroll-margin-top:0;padding-block:48px}
 h1{font-size:30px;line-height:1.02}h2{font-size:24px;line-height:1.05}h3{font-size:21px;line-height:1.12}
 .button{font-size:16px;min-height:50px}
 [data-vz-role="header"]{position:static;height:auto;display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:10px 18px 5px}
 .brand{font-size:25px;line-height:1.1}
 [data-vz-role="header"] nav{justify-content:space-between;gap:7px;white-space:nowrap}
 [data-vz-role="header"] nav a{font-size:14px;min-height:28px}
 .header-cta{display:none}
 .hero{padding-block:22px 48px}
 .hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .hero h1{max-width:18ch;margin-bottom:18px}
 .hero-image{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
 .hero-details{gap:12px;margin-top:18px}
 .hero-details [data-vz-text-role="lead"]{font-size:18px;line-height:1.32;max-width:30ch}
 .hero-price{font-size:16px}
 .hero-details .button{min-width:180px;margin-top:3px}
 .scenarios h2{margin-bottom:28px}
 .scenario-grid{grid-template-columns:1fr;gap:30px}
 .scenario{padding-top:18px}
 .scenario h3{margin-bottom:14px;max-width:none}
 .scenario p+p{margin-top:12px}
 .scenario [data-vz-text-role="number"],.cake [data-vz-text-role="number"]{font-size:25px}
 .examples{padding-block:48px}
 .examples-grid,.prices-grid,.split-grid,.cake-grid,.order-grid,.contacts-grid{display:flex;flex-direction:column;align-items:stretch;gap:24px}
 .examples h2{margin-bottom:16px;max-width:22ch}
 .examples img{height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
 .prices h2{max-width:22ch}
 .price-list p{grid-template-columns:22px 1fr auto;gap:9px;min-height:68px;padding-block:10px;font-size:15px}
 .price-list svg{width:21px;height:21px}
 .price-list [data-vz-text-role="number"]{font-size:25px}
 .price-list p span:last-child:not([data-vz-text-role]){grid-column:3}
 .split-grid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
 .split-copy{padding-left:0}
 .split-copy h2{margin-bottom:15px}
 .cake{padding-block:0}
 .cake-grid{padding-block:48px;gap:20px}
 .cake-copy h2{margin-bottom:14px}
 .cake-grid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
 .order h2{max-width:24ch}
 .order-side{gap:20px}
 .contacts{padding-block:48px}
 .contacts h2{max-width:20ch}
 .contacts [data-vz-contact]{align-self:flex-start}
 [data-vz-role="sticky-cta"]{display:flex;position:fixed;z-index:30;bottom:12px;left:18px;right:18px;min-height:52px;box-shadow:0 5px 20px #170b0730}
 [data-vz-role="footer"]{padding-block:32px 92px}
 .footer-grid{flex-direction:column;gap:12px}
 .footer-grid p,.disclaimer{font-size:13px}
 .footer-grid a{font-size:16px}
 .disclaimer{margin-top:24px}
}
@media(max-width:360px){
 .hero-image{aspect-ratio:4/3}
 .price-list p{grid-template-columns:22px 1fr;row-gap:3px}
 .price-list [data-vz-text-role="number"]{grid-column:2;text-align:left}
 .price-list p span:last-child:not([data-vz-text-role]){grid-column:2}
}
/* Alignment and touch target refinements */
[data-vz-role="page"]{background:var(--bg)}
[data-vz-role="header"] nav a{min-height:44px}
.header-cta{min-height:44px}
.brand{font-family:"Golos Text",system-ui,sans-serif;font-size:18px;font-weight:500;line-height:1.4}
.hero-details [data-vz-text-role="lead"]{max-width:none}
.scenario-grid{grid-template-columns:1fr;gap:24px}
.scenario{padding-top:24px}
.scenario h3{max-width:none;margin-bottom:16px}
.scenario p+p{margin-top:12px}
.examples-grid{align-items:start}
.examples-copy{align-self:start;min-height:470px;display:flex;flex-direction:column;justify-content:space-between}
.split-grid{align-items:start}
.split-copy{min-height:530px;display:flex;flex-direction:column;justify-content:space-between}
.split-copy p{max-width:none}
.order-grid{align-items:start}
.order-side{align-self:start}
.footer-grid a{display:inline-flex;align-items:center;min-height:44px;font-size:18px}
@media(max-width:1000px) and (min-width:761px){.brand{font-size:18px}}
@media(max-width:760px){
 .brand{font-size:16px}
 [data-vz-role="header"] nav a{font-size:16px;min-height:30px}
 .scenario-grid{gap:30px}
 .scenario{padding-top:18px}
 .examples-copy,.split-copy{min-height:0;display:block}
 .price-list p{font-size:16px}
 .footer-grid a{font-size:16px;min-height:44px}
}
@media(max-width:360px){.hero-details .button{margin-top:33px}}
@media(min-width:1001px){
 .scenario p:has([data-vz-text-role="number"]){max-width:none}
 .split-copy{padding-left:0}
 .order h2{grid-column:1/9;max-width:none}
 .order-side{grid-column:9/13}
 .examples-copy,.split-copy{justify-content:center;gap:24px}
 .examples h2,.split-copy h2{margin-bottom:0}
}
@media(min-width:1001px){.examples-copy,.split-copy{justify-content:flex-end}}
@media(min-width:1001px){
 .examples img{height:380px}
 .examples-copy{min-height:380px}
 .split-grid img{height:420px}
 .split-copy{min-height:420px}
}
