@font-face{font-family:Manrope;src:url("assets/fonts/manrope-variable.woff2") format("woff2");font-weight:300 800;font-display:swap}
@font-face{font-family:Literata;src:url("assets/fonts/literata-bold.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Neucha;src:url("assets/fonts/neucha.woff2") format("woff2");font-weight:400;font-display:swap}
:root{--accent:#4b5d3b;--ink:#20211d;--surface:#fff;--soft:#f2f3ed;--line:#dce0d6}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--surface);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px}
button,a{font:inherit}
button{cursor:pointer}
.hero{height:1100px;background:#fcf8f5 url("assets/production/hero-visual.png") calc(50% - 50px) -3px/106.6% 1097px no-repeat;position:relative;overflow:hidden}
.site-header{position:relative;z-index:4;width:min(1268px,calc(100% - 172px));height:120px;margin:auto;display:flex;align-items:center;gap:20px}
.site-header:before{content:"";position:absolute;z-index:-1;right:-20px;top:30px;width:275px;height:62px;background:#fcf8f5}
.brand{position:relative;display:flex;align-items:center;gap:14px;color:var(--ink);text-decoration:none;width:190px}
.brand:before{content:"";position:absolute;z-index:0;left:-30px;top:-8px;width:80px;height:68px;background:#fcf8f5}
.brand-mark{position:relative;z-index:1;width:52px;height:52px;display:grid;place-items:center;opacity:1;background-image:url("assets/production/logo-brain-clean.png");background-position:-20px center;background-size:65px auto;background-repeat:no-repeat;font-size:0}
.brand>span:last-child{position:relative;z-index:1}
.brand b{display:block;font-size:18px;line-height:1.1}.brand small{display:block;font-size:13px;margin-top:4px}
.nav{display:flex;align-items:center;justify-content:center;gap:48px;flex:1;transform:translateX(-58px)}
.nav a{color:#181916;text-decoration:none;font-size:13px;font-weight:650}
.header-cta,.primary-button{border:0;background:var(--accent);color:#fff;border-radius:999px;font-weight:650}
.header-cta{flex:0 0 285px;min-width:285px;padding:17px 25px;font-size:13px;background:var(--accent)}
.menu-toggle{display:none}
.hero-copy{position:absolute;z-index:2;left:max(calc((100% - 1268px)/2),50px);top:203px;width:610px}
.eyebrow{display:inline-block;margin:0 0 55px;padding:8px 15px;border-radius:999px;color:#405036;font-size:13px;background:transparent}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400}
h1{position:relative;left:-3px;font-size:64px;line-height:1.14;letter-spacing:-2.5px;margin:0 0 46px}
.h1-line{position:relative;display:inline-block;transform-origin:left center}
.h1-line-1{top:6px;transform:scaleX(1.07)}
.h1-line-2{top:11px;transform:translateX(2px) scaleX(1.19)}
.h1-line-3{top:15px;transform:translateX(-8px) scaleX(1.01)}
h1 em{display:inline-block;width:184px;height:82px;overflow:hidden;color:transparent;background:url("assets/production/word-svoyu-clean.png") center/100% 100% no-repeat;vertical-align:-20px;font-size:0;line-height:0}
.hero-text{font-size:17px;line-height:1.65;margin:24px 0 41px}
.primary-button{min-width:355px;height:66px;padding:0 12px 0 34px;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font-size:14px}
.primary-button i{font-style:normal;background:#fff;color:var(--accent);width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-size:20px}
.hero-copy>.primary-button{height:65px;transform:translateY(-1px)}
.note{position:absolute;pointer-events:none;object-fit:contain}
.note-hero{right:110px;top:147px;width:280px;height:242px}
.note-conversation{left:max(calc((100% - 1268px)/2),50px);top:778px;width:300px;height:132px;object-position:left center;object-fit:fill}
.notebook-note,.cup-note{position:absolute;color:#5c3a21;font-family:Neucha,cursive;text-align:center;line-height:1.05;transform:rotate(2deg)}
.notebook-note{left:59.1%;top:677px;font-size:18px}.cup-note{right:66px;top:815px;font-size:16px}
.principles{position:relative;z-index:5;width:min(1268px,calc(100% - 172px));height:264px;margin:-113px auto 0;border-radius:45px;background:linear-gradient(100deg,#f7f8f4 0%,#f4f5f1 55%,#f1f2ee 100%);box-shadow:0 14px 44px rgba(54,62,43,.05);display:grid;grid-template-columns:340px 420px 1fr;padding:45px 47px}
.principles article{display:grid;grid-template-columns:96px 1fr;gap:26px;padding:0;align-items:start}
.principles article:nth-child(2){padding-left:43px}
.principles article:nth-child(3){padding-left:45px}
.principles article+article{border-left:1px solid #dfe2da}
.round-icon{width:96px;height:96px;border-radius:50%;background:white;display:grid;place-items:center;box-shadow:0 9px 20px rgba(44,56,36,.08)}
.round-icon svg{width:52px;height:52px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.principles h3,.help-grid h3,.steps h3{font-size:18px;margin:12px 0 14px}
.principles p,.help-grid p,.steps p{font-size:16.5px;line-height:1.62;color:#51554e;margin:0}
.help-section{width:min(1268px,calc(100% - 172px));margin:0 auto;padding:92px 0 73px;min-height:778px}
.help-section>h2,.process>h2{font-size:52px;line-height:1.1;letter-spacing:-1.4px;margin:0 0 70px}
.help-section>h2{position:relative;top:3px;transform:translateX(-2px) scaleX(.93);transform-origin:left center}
.help-layout{display:grid;grid-template-columns:685px 1fr;gap:62px}
.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:53px 42px;padding-top:15px}
.help-grid article{display:grid;grid-template-columns:78px 1fr;gap:22px}
.mini-icon{width:78px;height:78px;border-radius:50%;object-fit:cover}
.help-grid h3{margin:3px 0 8px}.help-grid p{line-height:1.55}
.support-chair{width:100%;height:604px;object-fit:cover;border-radius:105px 45px 45px 45px;margin-top:-120px}
.process{width:min(1268px,calc(100% - 172px));height:475px;margin:0 auto;border-radius:42px;background:#fafaf8;padding:45px 55px;box-shadow:0 12px 40px rgba(67,75,58,.04)}
.process>h2{text-align:center;margin:0 0 57px;transform:scaleX(.965);transform-origin:center}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:54px}
.steps article{position:relative}
.steps article:not(:last-child):after{content:"··············································→";position:absolute;left:145px;top:44px;width:145px;overflow:hidden;white-space:nowrap;color:#9eaa92;font-size:14px;letter-spacing:1px;font-weight:300}
.steps b{position:absolute;z-index:2;left:-6px;top:-11px;background:var(--accent);color:white;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:14px}
.step-icon{width:92px;height:92px;margin:0 0 42px 25px;border-radius:28px;display:block;object-fit:cover}
.steps h3{margin:0 0 12px}.steps p{line-height:1.55}
.result{position:relative;width:min(1257px,calc(100% - 172px));height:456px;margin:75px 0 0 max(calc((100% - 1268px)/2),50px);border-radius:32px 32px 0 0;background-color:#e8eadd;background-image:url("assets/production/cta-visual.png");background-position:-81px -103px;background-size:1392px 558px;background-repeat:no-repeat;overflow:visible}
.result:after{content:"";position:absolute;z-index:1;left:530.667px;top:-55px;width:726.667px;height:510px;background:url("assets/production/result-right-exact.png") 0 0/100% 100% no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 110px);mask-image:linear-gradient(90deg,transparent 0,#000 110px);pointer-events:none}
.result-bun{position:absolute;z-index:1;left:663px;top:-55px;width:333px;height:55px;object-fit:fill;pointer-events:none}
.result-copy{position:absolute;z-index:2;left:64px;top:77px}
.result h2{position:relative;top:-1px;width:115%;font-size:48px;line-height:1.18;letter-spacing:-1.1px;margin:0 0 22px;transform:scaleX(.85);transform-origin:left top}
.result p{font-size:18px;line-height:1.65;margin:0 0 38px}
.note-story{display:none}
.story-hand{position:absolute;right:100px;top:88px;color:#4d4f43;font-family:Neucha,cursive;font-size:27px;line-height:1.6;transform:rotate(3deg) scaleX(1.08);transform-origin:left top}
.modal[hidden]{display:none}.modal{position:fixed;z-index:50;inset:0;background:rgba(26,30,22,.58);display:grid;place-items:center;padding:20px}
.modal-card{position:relative;width:min(500px,100%);background:#fafaf7;border-radius:28px;padding:45px;box-shadow:0 30px 80px rgba(0,0,0,.22)}
.modal-card h2{font-size:34px;margin:0 35px 12px 0}.modal-card p{color:#686b64;line-height:1.55}
.modal-close{position:absolute;right:20px;top:16px;border:0;background:none;font-size:34px;color:#536148}
.modal-card form{display:grid;gap:15px;margin-top:25px}.modal-card label{display:grid;gap:6px;font-size:13px;font-weight:700}
.modal-card input{height:48px;border:1px solid #ccd2c7;border-radius:12px;padding:0 14px;background:white}.form-status{min-height:18px;color:var(--accent)}
@media (max-width:900px){
  .hero{height:950px;background-size:auto 700px;background-position:64% 340px}
  .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(#fcf8f5,#fcf8f5) right top 350px/24px 60px no-repeat,linear-gradient(180deg,rgba(252,248,245,1) 0,rgba(252,248,245,1) 34%,rgba(252,248,245,.22) 58%,rgba(252,248,245,0) 75%);pointer-events:none}
  .hero:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:112px;background:#fff;border-radius:50% 50% 0 0/35% 35% 0 0}
  .site-header{width:calc(100% - 36px);height:84px}.site-header:before{display:none}.brand{width:auto}.brand:before{display:none}.brand-mark{width:40px;height:46px;background-position:center;background-size:contain}.brand b{font-size:14px}.brand small{font-size:10px}
  .menu-toggle{display:block;margin-left:auto;border:0;background:var(--accent);color:white;border-radius:50%;width:44px;height:44px}
  .header-cta{display:none}.nav{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;padding:20px;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.12);flex-direction:column;gap:18px;transform:none}.site-header.open .nav{display:flex}
  .hero-copy{left:24px;right:24px;top:135px;width:auto}.eyebrow{font-size:10px;margin-bottom:24px}h1{left:auto;font-size:43px;line-height:1.08;letter-spacing:-1.6px}.h1-line{top:auto;transform:none}h1 em{width:124px;height:55px;vertical-align:-13px}.hero-text{font-size:14px;line-height:1.55;margin:18px 0 33px}
  .note-hero{display:none}.note-conversation{display:none}.notebook-note,.cup-note{display:none}
  .principles{width:calc(100% - 28px);height:auto;margin:-70px auto 0;border-radius:28px;grid-template-columns:1fr;padding:24px}.principles article,.principles article:nth-child(2),.principles article:nth-child(3){grid-template-columns:65px 1fr;padding:16px 0}.principles article+article{border-left:0;border-top:1px solid #dfe2da}.round-icon{width:58px;height:58px}.round-icon svg{width:32px}
  .help-section{width:calc(100% - 40px);padding:64px 0;min-height:0}.help-section>h2,.process>h2{font-size:34px;margin-bottom:40px;transform:none;top:auto}.help-layout{grid-template-columns:1fr;gap:40px}.help-grid{grid-template-columns:1fr;gap:26px}.support-chair{height:auto;border-radius:70px 25px 25px;margin-top:0}
  .process{width:calc(100% - 28px);height:auto;padding:36px 28px;border-radius:28px}.process>h2{margin-bottom:40px}.steps{grid-template-columns:1fr;gap:34px}.steps article{padding-left:70px}.steps article:not(:last-child):after{display:none}.steps b{left:0}.step-icon{margin:0 0 18px;width:80px;height:80px}
  .result{width:calc(100% - 28px);height:720px;margin:40px auto 0;background-image:url("assets/production/cta-visual-mobile.png")!important;background-size:auto 445px;background-position:58% bottom}.result:after{display:none}.result-bun{display:none}.result-copy{left:28px;right:28px;top:35px}.result .primary-button{min-width:0;width:100%;padding-left:18px;font-size:13px}.result h2{top:auto;width:auto;font-size:33px;line-height:1.18;margin-bottom:27px;transform:none}.result p br{display:none}.note-story,.story-hand{display:none}
}
a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}
@media (min-width:901px){
  .hero:before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background-image:linear-gradient(#fcf8f5,#fcf8f5),linear-gradient(#fcf8f5,#fcf8f5),url("assets/production/hero-left-edge.png");background-position:0 0,0 220px,0 983.333px;background-size:32px 90px,54px 70px,100px 116.667px;background-repeat:no-repeat}
  .hero:after{content:"";position:absolute;z-index:1;left:1116.667px;top:633.333px;width:323.333px;height:350px;background:url("assets/production/hero-cup-exact.png") 0 0/100% 100% no-repeat;pointer-events:none}
  .hero-copy:before{content:"";position:absolute;z-index:-1;left:-35px;top:20px;width:550px;height:70px;background:#fcf8f5}
  .eyebrow{position:relative;top:14px;width:515px;height:38px;margin-bottom:49px;padding:0 15px;display:inline-flex;align-items:center;background:#e7e8df}
  h1{-webkit-text-stroke:.25px currentColor}
  .h1-line-1{top:8px;transform:scaleX(1.04)}
  .h1-line-2{top:16px;transform:translateX(2px) scaleX(1.19)}
  .h1-line-3{top:17px;transform:translateX(-8px) scaleX(1.20)}
  h1 em{width:152px}
  .hero-text{position:relative;top:2px;font-size:18.7px;font-weight:450;line-height:1.6;margin-bottom:37px}
  .hero-copy>.primary-button{height:64px;transform:translate(-2px,-1px)}
  .help-section>h2{top:5px;-webkit-text-stroke:.15px currentColor}
  .help-grid{padding-top:0}
  .help-grid article{position:relative}
  .help-grid article:nth-child(n+3){top:-22px}
  .help-grid article>div{position:relative;top:-13px}
  .help-grid article:nth-child(even){left:-18px}
  .help-grid article:nth-child(even)>div{left:10px}
  .support-chair{object-position:50% calc(50% + 3px)}
  .process>h2{transform:translateX(-3px) scaleX(.965);-webkit-text-stroke:.2px currentColor}
  .steps{margin-left:22px;grid-template-columns:260px 323px 312px 1fr;gap:0}
  .steps article:first-child b{left:-20px}
  .step-icon{position:relative;top:-3px;width:110px;height:110px;margin-bottom:27px}
  .steps article:nth-child(1) .step-icon{margin-left:9px}
  .steps article:nth-child(2) .step-icon{margin-left:25px}
  .steps article:nth-child(3) .step-icon{margin-left:15px}
  .steps article:nth-child(4) .step-icon{margin-left:12px}
  .steps article:nth-child(1) p{width:155px}
  .steps article:nth-child(2) p{width:230px}
  .steps article:nth-child(3) p{width:215px}
  .steps article:nth-child(4) p{width:240px}
  .steps article:nth-child(1):after{left:135px;width:100px}
  .steps article:nth-child(2):after{left:203px;width:93px}
  .steps article:nth-child(3):after{left:203px;width:83px}
  .result h2{-webkit-text-stroke:.2px currentColor}
  .result .primary-button{min-width:360px}
  .result-bun,.story-hand{display:none}
  .cup-note{display:none}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}