/* Tinizen — tnz- | Cobalt + Tangerine + Ice | Lexend + DM Sans */
:root{
  --tnz-ink:#0E1A33;
  --tnz-cobalt:#1F4FD8;
  --tnz-cobalt-dk:#14338F;
  --tnz-orange:#FF7A30;
  --tnz-orange-dk:#C9500E;
  --tnz-ice:#F3F6FF;
  --tnz-ice2:#E3EAFF;
  --tnz-text:#1C2A45;
  --tnz-grey:#546082;
  --tnz-line:#CBD6F5;
  --tnz-r:10px;
  --tnz-shadow:0 10px 28px rgba(20,51,143,.12);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',system-ui,sans-serif;color:var(--tnz-text);background:var(--tnz-ice);margin:0;line-height:1.68;overflow-x:hidden;}
h1,h2,h3,h4{font-family:'Lexend',system-ui,sans-serif;color:var(--tnz-ink);line-height:1.18;font-weight:700;letter-spacing:-.015em;}
a{color:var(--tnz-cobalt);text-decoration:none;}
a:hover{color:var(--tnz-cobalt-dk);text-decoration:underline;}
img{max-width:100%;height:auto;display:block;}
.tnz-wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 20px;}
.tnz-sec{padding:70px 0;}
.tnz-sec-white{background:#fff;}
.tnz-sec-blue{background:var(--tnz-cobalt-dk);color:#DCE6FF;}
.tnz-sec-blue h2,.tnz-sec-blue h3{color:#fff;}
.tnz-kicker{display:flex;align-items:center;gap:10px;font-family:'Lexend',sans-serif;font-weight:600;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tnz-cobalt);margin-bottom:12px;}
.tnz-kicker::before{content:"";width:28px;height:4px;background:var(--tnz-orange);border-radius:2px;}
.tnz-h2{font-size:clamp(1.6rem,3.5vw,2.4rem);margin:0 0 14px;}
.tnz-lead{font-size:1.1rem;color:var(--tnz-grey);max-width:720px;}

/* header */
.tnz-head{position:sticky;top:0;z-index:99;background:#fff;border-bottom:1px solid var(--tnz-line);}
.tnz-head-in{max-width:1160px;margin:0 auto;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.tnz-logo{font-family:'Lexend',sans-serif;font-weight:700;font-size:1.4rem;color:var(--tnz-ink);letter-spacing:-.03em;}
.tnz-logo b{color:var(--tnz-cobalt);}
.tnz-logo:hover{text-decoration:none;}
.tnz-nav{display:flex;align-items:center;gap:22px;}
.tnz-nav a{color:var(--tnz-ink);font-weight:600;font-size:.95rem;}
.tnz-btn{display:inline-block;background:var(--tnz-cobalt);color:#fff!important;font-weight:700;padding:14px 28px;border-radius:8px;border:0;cursor:pointer;box-shadow:0 8px 18px rgba(31,79,216,.28);transition:transform .15s,background .15s;text-align:center;font-family:'Lexend',sans-serif;font-size:.98rem;}
.tnz-btn:hover{background:var(--tnz-cobalt-dk);transform:translateY(-2px);text-decoration:none;}
.tnz-btn-sm{padding:9px 18px;font-size:.88rem;box-shadow:none;}
.tnz-btn-ghost{display:inline-block;border:2px solid var(--tnz-cobalt);color:var(--tnz-cobalt);font-weight:700;padding:11px 24px;border-radius:8px;font-family:'Lexend',sans-serif;font-size:.95rem;}
.tnz-btn-ghost:hover{background:var(--tnz-cobalt);color:#fff;text-decoration:none;}
.tnz-burger{display:none;background:none;border:0;font-size:1.7rem;color:var(--tnz-ink);cursor:pointer;}
.tnz-mmenu{display:none;flex-direction:column;gap:14px;padding:16px 20px;background:#fff;border-top:1px solid var(--tnz-line);}
.tnz-mmenu.tnz-open{display:flex;}
@media(max-width:900px){.tnz-nav{display:none;}.tnz-burger{display:block;}}

/* hero (image right on desktop, image first on mobile) */
.tnz-hero{position:relative;overflow:hidden;padding:54px 0 72px;background:linear-gradient(180deg,#fff 0,var(--tnz-ice) 100%);}
.tnz-hero::before{content:"";position:absolute;right:-8%;top:0;bottom:0;width:48%;background:var(--tnz-cobalt);transform:skewX(-9deg);opacity:.93;}
@media(max-width:899px){.tnz-hero::before{display:none;}.tnz-hero-media{background:var(--tnz-cobalt);border-radius:12px;padding:30px 0 26px;}}
.tnz-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:30px;align-items:center;}
@media(min-width:900px){.tnz-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;}}
.tnz-hero-media{order:1;text-align:center;}
.tnz-hero-copy{order:2;}
@media(min-width:900px){.tnz-hero-media{order:2;}.tnz-hero-copy{order:1;}}
.tnz-hero-media img{width:min(330px,80%);margin:0 auto;filter:drop-shadow(0 24px 26px rgba(8,20,70,.4));}
.tnz-hero h1{font-size:clamp(2rem,4.6vw,3.2rem);margin:0 0 16px;}
.tnz-hero h1 span{color:var(--tnz-cobalt);}
.tnz-chips{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0;}
.tnz-chip{background:#fff;border:1px solid var(--tnz-line);color:var(--tnz-ink);font-weight:600;font-size:.84rem;padding:6px 13px;border-radius:6px;}
.tnz-stars{color:#E8A317;letter-spacing:2px;}

/* signature: sound wave bars */
.tnz-wave{display:flex;align-items:center;gap:14px;margin-top:24px;background:#fff;border:1px solid var(--tnz-line);border-left:5px solid var(--tnz-orange);border-radius:var(--tnz-r);padding:12px 16px;max-width:460px;}
.tnz-wave svg{width:132px;height:54px;flex-shrink:0;}
.tnz-wave rect{fill:var(--tnz-cobalt);transform-box:fill-box;transform-origin:center;transform:scaleY(var(--a));transition:transform 1.1s cubic-bezier(.3,1.2,.5,1);}
.tnz-wave rect:nth-child(3n){fill:var(--tnz-orange);}
.tnz-wave.tnz-animate rect{transform:scaleY(var(--b));}
.tnz-wave p{margin:0;font-size:.88rem;font-weight:600;color:var(--tnz-ink);line-height:1.35;}

/* grids / cards */
.tnz-g3{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;}
.tnz-g2{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;}
.tnz-g4{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;}
@media(min-width:700px){.tnz-g3{grid-template-columns:repeat(3,minmax(0,1fr));}.tnz-g4{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(min-width:820px){.tnz-g2{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(min-width:1000px){.tnz-g4{grid-template-columns:repeat(4,minmax(0,1fr));}}
.tnz-card{background:#fff;border:1px solid var(--tnz-line);border-left:5px solid var(--tnz-cobalt);border-radius:var(--tnz-r);padding:24px;box-shadow:var(--tnz-shadow);}
.tnz-sec-white .tnz-card{background:var(--tnz-ice);}
.tnz-card h3{font-size:1.12rem;margin:0 0 8px;}
.tnz-card p{margin:0;color:var(--tnz-grey);}
.tnz-num{font-family:'Lexend',sans-serif;font-weight:700;color:var(--tnz-orange-dk);font-size:.9rem;margin-bottom:6px;display:block;}

/* steps */
.tnz-steps{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;counter-reset:s;}
@media(min-width:760px){.tnz-steps{grid-template-columns:repeat(3,minmax(0,1fr));}}
.tnz-step{background:#fff;border:1px solid var(--tnz-line);border-top:5px solid var(--tnz-orange);border-radius:var(--tnz-r);padding:22px;}
.tnz-step::before{counter-increment:s;content:"0" counter(s);font-family:'Lexend',sans-serif;font-weight:700;font-size:1.8rem;color:var(--tnz-cobalt);display:block;margin-bottom:6px;}
.tnz-step h3{font-size:1.1rem;margin:0 0 6px;}
.tnz-step p{margin:0;color:var(--tnz-grey);font-size:.95rem;}

/* reviews */
.tnz-rev{display:flex;gap:14px;background:#fff;border:1px solid var(--tnz-line);border-radius:var(--tnz-r);padding:22px;box-shadow:var(--tnz-shadow);min-width:0;}
.tnz-rev img{width:56px;height:56px;border-radius:8px;object-fit:cover;flex-shrink:0;}
.tnz-rev p{margin:6px 0 0;}
.tnz-rev strong{color:var(--tnz-ink);}

/* pricing */
.tnz-price-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:stretch;}
@media(min-width:820px){.tnz-price-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
.tnz-price{background:#fff;border:1px solid var(--tnz-line);border-radius:var(--tnz-r);padding:30px 22px;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;}
.tnz-price img{width:min(220px,80%);height:170px;object-fit:contain;margin-bottom:6px;}
.tnz-price.tnz-best{border:2px solid var(--tnz-cobalt);box-shadow:var(--tnz-shadow);}
.tnz-best-tag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--tnz-orange);color:var(--tnz-ink);font-family:'Lexend',sans-serif;font-weight:700;font-size:.76rem;padding:5px 15px;border-radius:6px;white-space:nowrap;}
.tnz-amt{font-family:'Lexend',sans-serif;font-weight:700;font-size:2.6rem;color:var(--tnz-ink);line-height:1;}
.tnz-amt small{font-size:1rem;font-weight:500;color:var(--tnz-grey);}
.tnz-save{color:#1B7F4B;font-weight:700;}
.tnz-note{font-size:.85rem;color:var(--tnz-grey);}

/* ingredients */
.tnz-ing{display:flex;gap:12px;background:#fff;border:1px solid var(--tnz-line);border-left:5px solid var(--tnz-orange);border-radius:var(--tnz-r);padding:16px;min-width:0;}
.tnz-ing i{font-style:normal;flex-shrink:0;width:42px;height:42px;border-radius:8px;background:var(--tnz-ice2);color:var(--tnz-cobalt);font-family:'Lexend',sans-serif;font-weight:700;display:flex;align-items:center;justify-content:center;}
.tnz-ing strong{display:block;color:var(--tnz-ink);font-family:'Lexend',sans-serif;}
.tnz-ing span{font-size:.92rem;color:var(--tnz-grey);}

/* faq */
.tnz-faq{border-bottom:1px solid var(--tnz-line);padding:16px 0;}
.tnz-faq summary{cursor:pointer;font-weight:700;color:var(--tnz-ink);list-style:none;display:flex;justify-content:space-between;gap:12px;font-family:'Lexend',sans-serif;font-size:1rem;}
.tnz-faq summary::-webkit-details-marker{display:none;}
.tnz-faq summary::after{content:"+";color:var(--tnz-orange-dk);font-size:1.5rem;line-height:1;}
.tnz-faq[open] summary::after{content:"\2212";}
.tnz-faq p{margin:10px 0 0;color:var(--tnz-grey);}

/* table */
.tnz-tw{overflow-x:auto;width:100%;}
.tnz-table{width:100%;min-width:480px;border-collapse:collapse;background:#fff;}
.tnz-table th,.tnz-table td{border:1px solid var(--tnz-line);padding:11px 14px;text-align:left;font-size:.95rem;}
.tnz-table th{background:var(--tnz-cobalt-dk);color:#fff;font-family:'Lexend',sans-serif;}

.tnz-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:26px;align-items:center;padding:22px 0;}
.tnz-badges img{width:100px;}
.tnz-infog{border:1px solid var(--tnz-line);border-radius:var(--tnz-r);overflow:hidden;background:#fff;}
.tnz-infog img{width:100%;}

/* page hero + article */
.tnz-phero{background:var(--tnz-cobalt-dk);color:#fff;padding:48px 0;border-bottom:6px solid var(--tnz-orange);}
.tnz-phero h1{color:#fff;font-size:clamp(1.8rem,4vw,2.7rem);margin:8px 0 0;}
.tnz-phero .tnz-kicker{color:#FFC9A6;}
.tnz-crumb{font-size:.85rem;color:#C5D4FF;}
.tnz-crumb a{color:#C5D4FF;}
.tnz-art{max-width:780px;margin:0 auto;}
.tnz-art h2{margin-top:34px;font-size:1.55rem;}
.tnz-blog-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;}
@media(min-width:720px){.tnz-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
.tnz-cat{display:inline-block;background:var(--tnz-ice2);color:var(--tnz-cobalt-dk);font-family:'Lexend',sans-serif;font-weight:600;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;padding:4px 11px;border-radius:5px;}

.tnz-cta{background:var(--tnz-cobalt-dk);color:#DCE6FF;border-radius:var(--tnz-r);border-left:8px solid var(--tnz-orange);text-align:center;padding:58px 22px;}
.tnz-cta h2{color:#fff;}
.tnz-cta .tnz-btn{background:var(--tnz-orange);color:var(--tnz-ink)!important;box-shadow:none;}
.tnz-cta .tnz-btn:hover{background:#ff9a5c;}
.tnz-foot{background:var(--tnz-ink);color:#AEBBDD;padding:52px 0 24px;}
.tnz-foot a{color:#AEBBDD;}
.tnz-foot a:hover{color:var(--tnz-orange);}
.tnz-foot h4{color:#fff;font-size:1rem;margin:0 0 12px;}
.tnz-foot ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;}
.tnz-foot-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;}
@media(min-width:760px){.tnz-foot-grid{grid-template-columns:2fr 1fr 1fr 1fr;}}
.tnz-foot-bot{border-top:1px solid rgba(255,255,255,.14);margin-top:30px;padding-top:18px;font-size:.84rem;color:#8392BA;}
.tnz-404{text-align:center;padding:100px 20px;}
.tnz-404 h1{font-size:5.5rem;color:var(--tnz-cobalt);margin:0;}