@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--ink:#34503A;--muted:#7D7060;--paper:#F6F0E1;--green:#4E6B4F}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'Nunito',sans-serif}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #c6764d;outline-offset:6px}.wrap{width:min(1200px,90%);margin:auto}.nav{height:106px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:600 35px Lora,Georgia,serif;letter-spacing:-2px}.mark{font-size:44px;vertical-align:middle}.dot{color:#d18a5e}.nav nav{display:flex;gap:34px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--green);color:white;border-radius:7px;padding:16px 25px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#24452e;transform:translateY(-2px)}.button.small{padding:12px 19px;font-size:12px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:50px;align-items:center;padding:65px 0 85px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:block}.hero .eyebrow{display:flex;align-items:center;gap:10px}.eyebrow>span{height:7px;width:7px;border-radius:50%;background:#c17a4e}h1,h2,h3{font-family:Lora,Georgia,serif;font-weight:400;line-height:1.15;margin:0}h1{font-size:clamp(44px,4.6vw,65px);letter-spacing:-2.9px;margin:26px 0}em{font-weight:400;color:#8FA383}p{color:var(--muted)}.intro{max-width:450px;font-size:16px;line-height:1.85}.actions{display:flex;gap:28px;align-items:center;margin-top:31px}.text-link{font-size:13px;font-weight:600}.text-link span{margin-left:8px}.hero-note{font-size:11px;margin-top:22px}.hero-art{position:relative;padding:0 20px 45px 15px}.photo{height:410px;overflow:hidden;border-radius:170px 170px 12px 12px;position:relative;background:#d9c7a8}.photo img{width:100%;height:100%;object-fit:cover}.photo:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0008)}.photo-label{position:absolute;bottom:25px;left:0;right:0;text-align:center;color:#fff;font-size:9px;letter-spacing:2px;z-index:1}.floating{position:absolute;background:white;border:1px solid #e8e7df;border-radius:10px;box-shadow:0 12px 40px #29362b14}.saved{top:34px;left:-20px;display:flex;align-items:center;gap:12px;padding:15px 18px}.saved strong,.saved small,.voice strong,.voice small{display:block}.saved strong{font-size:12px}.saved small{font-size:10px;color:var(--muted)}.round{background:#f4e8db;border-radius:50%;padding:5px 12px;font-size:23px}.check{margin-left:12px;color:#6c865f}.recipe-mini{position:absolute;right:-10px;bottom:12px;background:#fffdf5;width:240px;padding:22px;transform:rotate(5deg);box-shadow:0 10px 30px #26332718;border:1px solid #e8e3d6;border-radius:4px}.mini-top{font-size:8px;letter-spacing:1px;display:flex;justify-content:space-between}.recipe-mini h3{font-size:22px;margin:17px 0}.mini-bottom{display:flex;justify-content:space-between;border-top:1px solid #e3e3d8;padding-top:12px;font-size:9px}.art-caption{position:absolute;bottom:4px;left:13px;font:italic 14px Lora,serif;color:#7c806e;transform:rotate(-5deg)}.ribbon{border-block:1px solid #e4e4d8;background:#EDE4CF}.ribbon .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:23px;font-size:12px}.ribbon b{color:#b9a880;font-size:17px}.section{padding-block:90px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section-top h2,h2{font-size:43px;letter-spacing:-1.4px}.section-top .eyebrow{margin-bottom:20px}.section-top p{width:310px;font-size:14px;margin:0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:28px;border-radius:12px}.peach{background:#EDE4CF}.green{background:#DCE5D3}.yellow{background:#FBF8F0}.number{font-size:9px;letter-spacing:1.8px}.illustration{height:195px;display:flex;flex-direction:column;justify-content:center;margin:15px 0 25px;font-size:12px}.import{align-items:center;gap:5px}.import>span{padding:3px 15px;background:#fff9;border:1px solid #d7c8b5;border-radius:5px;min-width:180px}.import>span:nth-child(2){transform:rotate(-3deg)}.import strong{background:#fff;padding:9px 20px;border-radius:5px}.scale>div:first-child{font-size:9px;text-align:center;letter-spacing:1px}.scale>div:first-child strong{display:block;font:38px Lora;margin:6px 0 20px}.scale strong span{color:#98a18b;font-size:25px;margin:0 18px}.ingredient{display:flex;justify-content:space-between;background:#fff9;padding:10px;border-bottom:1px solid #d9dece;font-size:11px}.list{gap:0;transform:rotate(-3deg);padding:18px;background:#fffaf0;box-shadow:0 6px 15px #6c5c3d0c;height:174px;margin-block:26px 35px}.list>strong{font:16px Lora;margin-bottom:10px}.list>span{font-size:11px;display:flex;gap:8px;padding:8px 0;border-bottom:1px solid #e9e3d2}.list small{margin-left:auto;color:#8b897c;font-size:8px}.list i{font-style:normal;color:#7e9264}.feature h3{font-size:23px;letter-spacing:-.6px}.feature p{font-size:13px;line-height:1.8;margin-bottom:0}.demo-note{font-size:10px;text-align:right}.family-section{background:#EDE4CF}.family{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-block:75px}.family-copy .eyebrow{margin-bottom:23px}.family-copy p{font-size:14px}.family-copy ul{list-style:none;padding:0;font-size:13px;line-height:2.4}.family-copy li:before{content:'✓';color:#758862;margin-right:12px}.family-visual{position:relative;min-height:390px;display:flex;justify-content:center;align-items:center}.notebook{background:#f9f4e5;border-radius:3px 16px 16px 3px;box-shadow:-8px 0 #caba98,0 15px 35px #38402a14;padding:30px 35px 30px 45px;width:290px;transform:rotate(-8deg);border-left:3px solid #d2b798}.notebook small{font-size:8px;letter-spacing:2px}.notebook h3{font-size:27px;margin-top:18px}.handwritten{font:italic 21px/1.7 Lora;color:#9b8568;margin:20px 0}.notebook-line{border-top:1px solid #c8bd9e}.notebook>span{font-size:10px}.voice{position:absolute;bottom:0;right:-15px;background:#fffdf6;box-shadow:0 6px 20px #28392a0c;padding:16px;border-radius:8px;display:flex;gap:14px;align-items:center}.voice>span{border-radius:50%;background:#e4ead8;padding:7px 13px}.voice strong{font-size:11px}.voice small{font-size:9px;color:#878b7a}.waves{color:#8b9b73;letter-spacing:2px}.center{text-align:center}.center .eyebrow{margin-bottom:20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin:50px 0}.steps article>span{display:block;font:italic 23px Lora;color:#73805e;border:1px solid #ced2bf;border-radius:50%;width:44px;height:44px;text-align:center;line-height:42px;margin-bottom:23px}.steps h3{font-size:24px}.steps p{font-size:14px}.extras{border-block:1px solid #e2e3d7;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;font-size:11px}.extras p{font:italic 14px Lora;max-width:130px}.extras span:before{content:'✦';margin-right:10px;color:#9aab84}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:100px;padding-bottom:90px}.faq .eyebrow{margin-bottom:20px}details{border-bottom:1px solid #dedfd3;padding:18px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:14px;font-weight:500}summary:after{content:'+';font-size:20px;color:#758862}details[open] summary:after{content:'−'}details p{font-size:13px;max-width:510px}.closing{text-align:center;background:#DCE5D3;border-radius:14px;padding:60px 20px}.closing h2{font-size:46px;margin:24px 0 20px}.closing p{font-size:14px}.availability{background:var(--green);color:white;display:table;margin:24px auto 16px;border-radius:6px;padding:13px 23px;font-size:12px}.closing .text-link{font-size:11px}footer{display:flex;justify-content:space-between;align-items:center;padding-block:35px}footer .brand{font-size:26px}footer p,footer>span{font-size:10px}
@media(min-width:1500px){.hero{padding-block:85px 110px}}@media(max-width:900px){.nav nav{gap:18px}.hero{gap:24px}.hero-art{padding-right:5px}.photo{height:370px}.saved{left:-5px;padding:10px}.recipe-mini{width:200px}.family{gap:35px}.features{gap:12px}.feature{padding:20px}.feature h3{font-size:21px}.family-copy h2{font-size:35px}.steps{gap:30px}.faq{gap:40px}.ribbon .wrap{font-size:10px}.ribbon b{display:none}.extras{flex-wrap:wrap}.extras p{max-width:none;width:100%;margin:0}}@media(max-width:650px){.nav{height:83px}.brand{font-size:30px}.nav nav{display:none}.button.small{font-size:10px;padding:10px 12px;gap:10px}.hero{grid-template-columns:1fr;padding:36px 0 55px;gap:45px}h1{font-size:49px;letter-spacing:-2px}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.intro{font-size:15px}.hero-art{max-width:410px;width:90%;margin:auto}.photo{height:355px}.saved{left:-22px;top:25px}.recipe-mini{right:-22px;bottom:20px}.art-caption{font-size:11px;left:0}.ribbon .wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:center;font-size:10px;padding-block:19px}.section{padding-block:60px}.section-top{display:block}.section-top h2,h2{font-size:36px}.section-top p{margin-top:22px;width:auto;max-width:340px}.features{grid-template-columns:1fr;gap:18px}.feature{padding:26px}.illustration{max-width:280px;margin-inline:auto}.feature h3{font-size:26px}.feature p{font-size:14px}.demo-note{text-align:center}.family{grid-template-columns:1fr;padding-block:45px 55px;gap:45px}.family-visual{min-height:390px}.voice{right:0;gap:9px}.family-copy h2{font-size:36px}.steps{grid-template-columns:1fr;gap:24px;margin:35px 0}.steps article{position:relative;padding-left:65px}.steps article>span{position:absolute;left:0;top:0}.steps p{margin-bottom:0}.extras{gap:15px 22px}.extras span{font-size:10px}.faq{grid-template-columns:1fr;gap:20px;padding-bottom:60px}.closing{padding:45px 18px}.closing h2{font-size:35px}.closing .eyebrow{font-size:8px}footer{flex-wrap:wrap;gap:5px}footer p{order:3;width:100%;margin:0}footer>span{margin-left:auto}.actions{gap:20px}.button{padding:14px 20px;gap:20px}.text-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Sofruna brand: original wordmark, Lora headings, Nunito body, cottage palette. */
.brand{display:inline-flex;align-items:center;letter-spacing:normal}.brand img{display:block;width:182px;height:auto}h1,h2,h3{font-weight:600}em{font-weight:400}h1,h2,h3{color:#34503A}.button{border-radius:999px}.feature,.closing{border-radius:22px}.feature{border:1px solid #E0D5BC}.family-section{background:#FBF8F0}.notebook{background:#F6F0E1}footer .brand img{width:145px}@media(max-width:650px){.brand img{width:145px}.nav .button.small{font-size:10px}.hero .eyebrow{letter-spacing:1px}}

.nav .s-logo img{width:40px;height:60px;object-fit:contain}@media(max-width:650px){.nav .s-logo img{width:33px;height:50px}}

/* Give the illustrated initial more presence and keep the complete wordmark readable. */
.nav .brand img{width:245px;height:auto}.nav{min-height:112px}footer .brand img{width:180px}@media(max-width:650px){.nav .brand img{width:195px}.nav{height:100px;gap:14px}.nav .button.small{padding:10px 12px;max-width:160px;font-size:10px}}@media(max-width:380px){.nav .brand img{width:165px}.nav .button.small{max-width:135px;font-size:9px}}

@media(max-width:650px){.hero>*{min-width:0}h1{font-size:clamp(35px,8.4vw,49px)}.nav .brand{min-width:0;flex:1}.nav .brand img{max-width:100%}.nav .button.small{flex:0 0 135px;gap:8px}.hero-art{max-width:90%}.actions{gap:16px}.hero .eyebrow{font-size:7px;letter-spacing:.6px}}

/* Preserve the illustrated S size while reducing the lettering beside it. */
.nav .brand img{width:204px}footer .brand img{width:150px}@media(max-width:650px){.nav .brand img{width:163px}}@media(max-width:380px){.nav .brand img{width:138px}}

/* Keep the opening message close to the brand instead of stacking large gaps. */
.nav{height:88px;min-height:88px}.hero{padding-top:24px}@media(min-width:1500px){.hero{padding-top:32px}}@media(max-width:650px){.nav{height:80px;min-height:80px}.hero{padding-top:12px}.hero h1{margin-top:20px}}

.nav-actions{display:flex;align-items:center;gap:18px}.language-switch{display:flex;align-items:center;gap:6px;flex-shrink:0;white-space:nowrap;font-size:12px;color:#7D7060}.language-switch button{border:0;background:transparent;color:#7D7060;font:600 12px Nunito,sans-serif;padding:8px 3px;cursor:pointer;min-height:40px}.language-switch button[aria-pressed="true"]{color:#34503A;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}.language-switch button:focus-visible{outline:2px solid #C99A4B;outline-offset:2px;border-radius:4px}@media(max-width:1050px){.nav nav{gap:16px}.nav-actions{gap:12px}}@media(max-width:850px){.nav nav{display:none}}@media(max-width:650px){.nav-actions>.button.small{display:none}.nav-actions{margin-left:auto}.language-switch button{font-size:12px}.nav .brand{flex:0 1 auto}.hero h1{overflow-wrap:normal}.hero .eyebrow{line-height:1.6}.ingredient strong{font-size:10px}.voice{max-width:100%}.waves{font-size:10px}html[lang="tr"] .hero h1{font-size:clamp(32px,8vw,46px)}html[lang="tr"] .recipe-mini h3{font-size:20px}}