@font-face{font-family:"Circe";src:url("./fonts/Circe-Light-4.woff2") format("woff2");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"Circe";src:url("./fonts/Circe-Regular-2.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Circe";src:url("./fonts/Circe-Bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Circe";src:url("./fonts/Circe-ExtraBold-3.woff2") format("woff2");font-style:normal;font-weight:800;font-display:swap}
:root,[data-theme="light"]{
  --font-body:"Circe","Helvetica Neue",sans-serif;--font-display:"Circe","Helvetica Neue",sans-serif;
  --text-xs:clamp(.75rem,.7rem + .25vw,.875rem);--text-sm:clamp(.875rem,.8rem + .35vw,1rem);--text-base:clamp(1rem,.95rem + .25vw,1.125rem);--text-lg:clamp(1.125rem,1rem + .75vw,1.5rem);--text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);--text-2xl:clamp(2rem,1.2rem + 2.5vw,3.5rem);--text-hero:clamp(3rem,.5rem + 7vw,8rem);
  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;
  --color-bg:#f4f2ed;--color-surface:#fff;--color-surface-2:#eaf1ee;--color-surface-offset:#e8ebe7;--color-divider:#dfe5e8;--color-text:#1e252c;--color-muted:#58636c;--color-primary:#225a49;--color-primary-hover:#174735;--color-primary-highlight:#e7f1ec;--color-inverse:#fff;--color-dark:#18231f;
  --radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-interactive:180ms cubic-bezier(.16,1,.3,1)
}
[data-theme="dark"]{--color-bg:#171e1c;--color-surface:#222b27;--color-surface-2:#26382f;--color-surface-offset:#28332f;--color-divider:#3b4a43;--color-text:#edf1ec;--color-muted:#bdcac3;--color-primary:#9cceb5;--color-primary-hover:#c1e0cf;--color-primary-highlight:#30473c;--color-inverse:#16241d;--color-dark:#101a16}
@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-bg:#171e1c;--color-surface:#222b27;--color-surface-2:#26382f;--color-surface-offset:#28332f;--color-divider:#3b4a43;--color-text:#edf1ec;--color-muted:#bdcac3;--color-primary:#9cceb5;--color-primary-hover:#c1e0cf;--color-primary-highlight:#30473c;--color-inverse:#16241d;--color-dark:#101a16}}
::selection{background:var(--color-primary-highlight);color:var(--color-text)}
.skip-link{position:absolute;top:-5rem;left:var(--space-4);z-index:10;padding:var(--space-2) var(--space-4);background:var(--color-surface)}
.skip-link:focus{top:var(--space-2)}
.page{max-width:1440px;margin:auto;padding-inline:clamp(var(--space-4),4vw,var(--space-16))}
.site-header{display:flex;align-items:center;gap:var(--space-8);min-height:88px;border-bottom:1px solid var(--color-divider)}
.brand{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);letter-spacing:-.06em;line-height:1}
.brand-mark{width:36px;height:36px;color:var(--color-primary)}
.brand-period{color:var(--color-primary)}
.header-nav{display:flex;gap:var(--space-8);margin-left:auto}
.header-nav a,.site-footer a:not(.brand){font-size:var(--text-sm);font-weight:700}
.header-nav a:hover,.site-footer a:hover{color:var(--color-primary)}
.header-actions{display:flex;align-items:center;gap:var(--space-3);margin-left:var(--space-8)}
.language-switch{display:flex;align-items:center;padding:var(--space-1);border:1px solid var(--color-divider);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700}
.language-switch button{min-width:44px;min-height:36px;border-radius:var(--radius-full)}
.language-active{background:var(--color-primary);color:var(--color-inverse)}
.language-switch button:not(.language-active):hover{background:var(--color-surface-2)}
.language-switch button:active{transform:scale(.96)}
.theme-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--color-divider);border-radius:var(--radius-full)}
.theme-toggle:hover{background:var(--color-surface-2)}
.theme-toggle svg{width:19px;height:19px}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.86fr);align-items:center;gap:clamp(var(--space-10),6vw,var(--space-24));min-height:700px;padding-block:clamp(var(--space-16),7vw,var(--space-24))}
.eyebrow,.section-index,.tiny-label,.visual-caption,.visual-foot,.pilot-meta,.pilot-price>span{font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.eyebrow,.pilot-meta{display:flex;align-items:center;gap:var(--space-2);color:var(--color-primary)}
.status-dot{display:inline-block;flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--color-primary)}
h1,h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.052em}
h1{max-width:760px;margin:var(--space-6) 0 var(--space-8);font-size:clamp(3.2rem,5.6vw,6.2rem);line-height:.99}
h1 span{color:var(--color-primary)}
.hero-lead{max-width:600px;font-size:var(--text-lg);font-weight:700;line-height:1.4;letter-spacing:-.025em}
.hero-detail{max-width:570px;margin-top:var(--space-4);color:var(--color-muted)}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-5);margin-top:var(--space-10)}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-6);min-height:52px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:700}
.button-primary{background:var(--color-primary);color:var(--color-inverse)}
.button-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px)}
.button-primary:active{transform:translateY(0)}
.free-note{font-size:var(--text-sm);color:var(--color-muted)}
.hero-visual{max-width:590px;width:100%;justify-self:end;background:var(--color-dark);color:#e8f0e9;border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:0 20px 70px rgba(18,39,31,.13);transform:rotate(1deg)}
.visual-caption,.visual-foot{display:flex;justify-content:space-between;gap:var(--space-4);color:#a5beae}
.visual-caption{margin-bottom:var(--space-5)}
.visual-foot{margin-top:var(--space-4)}
.digest-sheet{overflow:hidden;background:#fff;color:#1e252c;border-radius:var(--radius-md);transform:rotate(-1deg);box-shadow:0 10px 30px rgba(0,0,0,.12)}
.preview-header{display:flex;justify-content:space-between;align-items:end;gap:var(--space-4);padding:var(--space-5);border-bottom:1px solid #dfe5e8}
.preview-label,.preview-date,.preview-number,.preview-section{font-size:var(--text-xs);font-weight:700;letter-spacing:.06em}
.preview-label,.preview-number{color:#225a49}
.preview-header h2{margin-top:var(--space-2);font-family:var(--font-body);font-size:var(--text-lg);letter-spacing:-.035em;line-height:1.1}
.preview-date{flex:none;color:#67727d;text-align:right}
.preview-intro{padding:var(--space-4) var(--space-5);background:#eaf1ee;color:#35433e;font-size:var(--text-xs);line-height:1.5}
.preview-section{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-2)}
.preview-section span{color:#67727d}
.preview-card{display:grid;grid-template-columns:124px minmax(0,1fr);gap:var(--space-4);margin:0 var(--space-4) var(--space-3);padding:var(--space-3);border:1px solid #dfe5e8;border-radius:var(--radius-lg);box-shadow:0 2px 10px rgba(20,34,41,.04)}
.preview-card:last-child{margin-bottom:var(--space-4)}
.preview-card img{width:124px;height:124px;object-fit:cover;border-radius:var(--radius-sm);background:#dfe5e8}
.preview-card-body{display:flex;align-items:start;flex-direction:column;min-width:0;gap:var(--space-1)}
.preview-pill{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:#e7f1ec;color:#225a49;font-size:var(--text-xs);font-weight:700;line-height:1.2}
.preview-card-body strong{font-size:var(--text-sm);line-height:1.15}
.preview-card-body em{font-weight:500}
.preview-card-body p{font-size:var(--text-xs);line-height:1.38}
.manifesto{display:grid;grid-template-columns:1fr 2.2fr;gap:var(--space-16);padding-block:clamp(var(--space-16),9vw,var(--space-32));border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider)}
.section-index{color:var(--color-primary)}
.manifesto h2{max-width:950px;font-size:clamp(2rem,4.1vw,4.4rem);line-height:1.07}
.manifesto p{max-width:720px;margin-top:var(--space-6);color:var(--color-muted)}
.process{padding-block:clamp(var(--space-20),8vw,var(--space-32))}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:var(--space-12);margin-bottom:var(--space-12)}
.section-heading h2,.pilot h2,.closing h2{font-size:var(--text-2xl)}
.section-heading h2{margin-top:var(--space-4)}
.section-heading>p{max-width:390px;color:var(--color-muted)}
.steps{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-4)}
.step{display:flex;gap:var(--space-6);min-height:240px;padding:var(--space-8);border:1px solid var(--color-divider);border-radius:var(--radius-xl);background:var(--color-surface)}
.step-feature{grid-row:span 2;display:flex;flex-direction:column;min-height:500px;background:var(--color-surface-2);border-color:transparent}
.step-number{font-size:var(--text-xs);font-weight:700;color:var(--color-primary)}
.step h3{max-width:380px;font-size:var(--text-xl);font-weight:700;letter-spacing:-.035em}
.step p{max-width:430px;margin-top:var(--space-3);color:var(--color-muted)}
.taste-notes{display:grid;gap:var(--space-4);margin-top:auto;padding-top:var(--space-10)}
.taste-notes span{display:flex;justify-content:space-between;gap:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-divider);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;color:var(--color-primary)}
.taste-notes b{max-width:230px;text-align:right;letter-spacing:0;color:var(--color-text)}
.pilot{padding:var(--space-10) clamp(var(--space-6),5vw,var(--space-16));border-radius:var(--radius-xl);background:var(--color-dark);color:#edf1ec}
.pilot-meta{color:#a7d5bd}
.pilot-meta .status-dot{background:#a7d5bd}
.pilot-main{display:flex;justify-content:space-between;align-items:end;gap:var(--space-16);margin-top:var(--space-12)}
.pilot h2{color:#edf1ec}
.pilot p{max-width:640px;margin-top:var(--space-5);color:#b8c9bd}
.pilot-price{display:grid;min-width:230px;padding:var(--space-6);border:1px solid #50665a;border-radius:var(--radius-lg)}
.pilot-price>span,.pilot-price small{color:#b8c9bd}
.pilot-price strong{font-family:var(--font-display);font-size:clamp(3rem,5vw,5rem);letter-spacing:-.06em;line-height:1.3}
.pilot-price small{font-size:var(--text-xs)}
.ordering{padding-block:clamp(var(--space-20),8vw,var(--space-32));border-bottom:1px solid var(--color-divider)}
.ordering[hidden],.header-nav a[hidden]{display:none}
.ordering-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.ordering-grid article{display:grid;align-content:start;gap:var(--space-4);min-height:250px;padding:var(--space-8);border:1px solid var(--color-divider);border-radius:var(--radius-xl);background:var(--color-surface)}
.ordering-grid h3{max-width:440px;font-size:var(--text-xl);letter-spacing:-.035em}
.ordering-grid p{max-width:530px;color:var(--color-muted)}
.ordering-link{display:inline-flex;align-items:center;gap:var(--space-4);min-height:44px;margin-top:var(--space-6);font-size:var(--text-sm);font-weight:700;color:var(--color-primary)}
.ordering-link:hover{color:var(--color-primary-hover)}
.ordering-link:active{transform:translateY(1px)}
.closing{padding-block:clamp(var(--space-24),11vw,var(--space-32));text-align:center}
.closing h2{max-width:760px;margin:var(--space-5) auto 0}
.closing p{max-width:520px;margin:var(--space-4) auto var(--space-8);color:var(--color-muted)}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);min-height:115px;border-top:1px solid var(--color-divider);color:var(--color-muted);font-size:var(--text-sm)}
.footer-brand{color:var(--color-text);font-size:var(--text-lg)}
.footer-brand .brand-mark{width:26px;height:26px}
[lang="ru"] .pilot-price strong{font-size:var(--text-2xl);letter-spacing:-.045em}
@media(max-width:1050px){.hero{grid-template-columns:1fr;min-height:0}.hero-visual{justify-self:start;max-width:650px}.manifesto{grid-template-columns:1fr;gap:var(--space-6)}}
@media(max-width:720px){.site-header{min-height:72px;gap:var(--space-4)}.brand{font-size:var(--text-lg)}.brand-mark{width:30px;height:30px}.header-nav{display:none}.header-actions{margin-left:auto;gap:var(--space-2)}.hero{padding-block:var(--space-16);gap:var(--space-12)}h1{font-size:clamp(3rem,12vw,4.7rem)}[lang="ru"] h1{font-size:clamp(2.65rem,10vw,4.3rem)}.hero-visual{padding:var(--space-3);transform:none}.visual-caption,.visual-foot{padding-inline:var(--space-2)}.section-heading{display:block}.section-heading>p{margin-top:var(--space-4)}.steps,.ordering-grid{grid-template-columns:1fr}.step-feature{min-height:440px;grid-row:auto}.step{min-height:0;padding:var(--space-6)}.ordering-grid article{min-height:0;padding:var(--space-6)}.pilot-main{display:block}.pilot-price{margin-top:var(--space-8);max-width:320px}.site-footer{flex-wrap:wrap;padding-block:var(--space-6)}}
@media(max-width:430px){.hero-actions{align-items:start;flex-direction:column}.preview-header{align-items:start;flex-direction:column;gap:var(--space-2)}.preview-date{text-align:left}.preview-card{grid-template-columns:90px minmax(0,1fr);gap:var(--space-2);margin-inline:var(--space-2);padding:var(--space-2)}.preview-card img{width:90px;height:90px}.preview-card-body p{display:none}.pilot{padding:var(--space-8) var(--space-5)}.taste-notes span{display:block}.taste-notes b{display:block;text-align:left;margin-top:var(--space-1)}}
