:root{--purple:#351251;--purple-light:#55216f;--magenta:#ab23c7;--yellow:#f0c43d;--ink:#2b1739;--muted:#685d70;--line:#e1d8e8;--soft:#f6f2f8}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Quicksand,Arial,sans-serif;font-size:16px;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%}
h1,h2,h3,p{margin-top:0}
h1,h2,h3,.button,.kicker,.study-note,.product-header nav,.header-contact,.hub-card strong{font-family:Montserrat,Arial,sans-serif}
h1,h2,h3{line-height:1.12;letter-spacing:-.045em}
h1{font-size:clamp(42px,5.2vw,76px);margin-bottom:22px}
h2{font-size:clamp(32px,3.6vw,54px);margin-bottom:25px}
h3{font-size:23px}
.wrap{width:min(1240px,calc(100% - 72px));margin-inline:auto}
.kicker{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--magenta);margin-bottom:21px}
.study-note{min-height:34px;padding:8px 36px;display:flex;justify-content:space-between;gap:20px;background:#1f0d31;color:#e8dced;font-size:10px;font-weight:700;letter-spacing:.08em}
.study-note a{text-decoration:underline;text-underline-offset:3px}
.product-header{min-height:92px;display:flex;align-items:center;gap:44px;color:#fff}
.product-header .logo{display:flex;align-items:center;flex:0 0 auto}
.product-header .logo img{display:block;width:168px;height:auto}
.product-header nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:12px;font-weight:700}
.product-header nav a:hover,.quiet-link:hover,.product-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.header-contact{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:9px 14px;border:1px solid #a88db9;border-radius:4px;font-size:11px;font-weight:700;white-space:nowrap}
.header-contact:hover{background:#ffffff15}
.product-page{background:var(--purple)}
.product-page main{background:#fff}
.product-hero{overflow:hidden;background:radial-gradient(circle at 92% 11%,#6e328e 0,#351251 44%,#2e1046 100%);color:#fff;padding:75px 0 100px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:center}
.product-hero .kicker,.hub-hero .kicker,.contact-section .kicker{color:var(--yellow)}
.hero-copy{min-width:0}
.hero-lead{font-size:clamp(17px,1.55vw,21px);line-height:1.6;color:#e9dbed;max-width:650px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:35px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border:1px solid var(--purple);border-radius:4px;font-size:12px;font-weight:800;text-align:center;transition:background .2s,color .2s,transform .2s}
.button:hover{transform:translateY(-2px)}
.button--yellow{background:var(--yellow);border-color:var(--yellow);color:var(--purple)}
.button--yellow:hover{background:#ffda6a}
.quiet-link{font:700 12px Montserrat,Arial,sans-serif}
.hero-visual{min-width:0}
.product-figure{margin:0}
.product-figure img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;border-radius:8px;background:#fff;box-shadow:0 18px 55px #1707225c}
.product-figure figcaption{font:600 10px/1.5 Montserrat,Arial,sans-serif;color:#d9c7e2;margin-top:12px}
.product-figure figcaption a{text-decoration:underline;text-underline-offset:2px}
.product-wordmark{min-height:360px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;background:linear-gradient(135deg,#ffffff1d,#ffffff08);border:1px solid #ffffff42;border-radius:8px;text-align:center}
.product-wordmark span{font:800 clamp(50px,6vw,90px)/1 Montserrat,Arial,sans-serif;letter-spacing:-.07em}
.product-wordmark small{margin-top:24px;font:700 11px Montserrat,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#e6d9ed}
.problem-section{padding:95px 0;background:var(--soft)}
.problem-grid{display:grid;grid-template-columns:.5fr 1.2fr 1fr;gap:45px;align-items:start}
.problem-grid .kicker{margin:9px 0 0}
.problem-grid h2{margin:0}
.problem-grid>p:last-child{color:var(--muted);font-size:17px;line-height:1.7;margin:3px 0 0}
.benefit-section,.screen-section,.fit-section,.related-section{padding:100px 0}
.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:42px}
.benefit-grid article{min-height:245px;padding:27px;background:var(--soft);border-top:3px solid var(--magenta)}
.benefit-grid article span{font:800 11px Montserrat,Arial,sans-serif;color:var(--magenta)}
.benefit-grid h3{margin:52px 0 12px;color:var(--purple)}
.benefit-grid p{font-size:15px;color:var(--muted);margin:0}
.screen-section{background:#eae2ef}
.screen-grid{display:grid;grid-template-columns:1fr;max-width:900px;margin-top:38px}
.screen-section .product-figure img{max-height:620px;object-fit:contain;object-position:left top;background:#fff}
.screen-section .product-figure figcaption{color:var(--muted)}
.fit-section{background:var(--soft)}
.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}
.fit-grid p:not(.kicker){color:var(--muted);max-width:500px}
.fit-grid ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.fit-grid li{padding:18px 6px;border-bottom:1px solid var(--line);font:700 15px/1.5 Montserrat,Arial,sans-serif;color:var(--purple)}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:35px}
.related-grid a{display:flex;flex-direction:column;min-height:160px;padding:25px;border:1px solid var(--line);background:#fff;transition:border-color .2s,background .2s}
.related-grid a:hover{border-color:var(--magenta);background:var(--soft)}
.related-grid span{font:700 10px Montserrat,Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em;color:var(--magenta)}
.related-grid strong{margin-top:auto;font:800 28px Montserrat,Arial,sans-serif;color:var(--purple)}
.contact-section{padding:90px 0 100px;color:#fff;background:var(--purple)}
.contact-section h2{max-width:800px}
.contact-section p:not(.kicker){max-width:680px;color:#e4d6ea}
.contact-section .button{margin-top:15px}
.product-footer{min-height:135px;display:grid;grid-template-columns:170px 1fr auto;align-items:center;gap:36px;color:#e1d4e7}
.product-footer img{width:150px}
.product-footer p{font-size:11px;max-width:630px;margin:0}
.product-footer a{font:700 11px Montserrat,Arial,sans-serif}
.hub-hero{padding:95px 0 105px;background:radial-gradient(circle at 85% 10%,#71318c,transparent 43%),var(--purple);color:#fff}
.hub-hero h1{max-width:900px}
.hub-hero p:last-child{max-width:780px;color:#e6d9ec;font-size:19px}
.hub-section{padding:100px 0}
.hub-section--soft{background:var(--soft)}
.hub-grid{display:grid;gap:17px;margin-top:42px}
.hub-grid--featured{grid-template-columns:repeat(2,minmax(0,1fr))}
.hub-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.hub-card{display:flex;flex-direction:column;min-height:310px;padding:30px;border:1px solid var(--line);background:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}
.hub-card:hover{transform:translateY(-4px);border-color:var(--magenta);box-shadow:0 14px 34px #37144f17}
.hub-card span{font:800 10px Montserrat,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--magenta)}
.hub-card strong{display:block;margin:22px 0 10px;font-size:clamp(30px,3.3vw,46px);line-height:1.1;letter-spacing:-.05em;color:var(--purple)}
.hub-card p{font-size:14px;color:var(--muted);line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.hub-card em{margin-top:auto;align-self:flex-start;padding:10px 14px;border-radius:4px;background:var(--purple);font:800 normal 11px Montserrat,Arial,sans-serif;color:#fff}
.hub-card--yeastar{background:linear-gradient(135deg,#351251,#642684);border-color:#351251}
.hub-card--yeastar span{color:var(--yellow)}
.hub-card--yeastar strong,.hub-card--yeastar p{color:#fff}
.hub-card--yeastar em{background:var(--yellow);color:var(--purple)}
.hub-card--zoom{background:#eef1fb}
.product-page--zoom .product-hero{background:radial-gradient(circle at 92% 11%,#515c9c 0,#351251 44%,#2e1046 100%)}
.service-path-section{padding:85px 0;background:#eee7f3}
.service-path-section h2{max-width:760px}
.service-path-section>div>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.service-path-section a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:4px;background:var(--purple);color:#fff;font:800 11px Montserrat,Arial,sans-serif}
.service-path-section a:hover{background:#55216f}
a:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
@media(max-width:980px){.product-header{gap:22px}.product-header nav{gap:15px}.hero-grid,.problem-grid{gap:35px}.hub-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.wrap{width:min(100% - 36px,1240px)}.study-note{padding:7px 18px;font-size:9px}.product-header{min-height:77px}.product-header .logo img{width:135px}.product-header nav{display:none}.header-contact{margin-left:auto;font-size:10px;padding:8px}.product-hero{padding:55px 0 75px}.hero-grid,.problem-grid,.fit-grid{grid-template-columns:1fr}.hero-grid{gap:40px}.hero-visual .product-figure img{max-height:none}.problem-section,.benefit-section,.screen-section,.fit-section,.related-section,.hub-section,.service-path-section{padding:70px 0}.problem-grid{gap:10px}.problem-grid .kicker{margin:0}.benefit-grid,.related-grid,.hub-grid--featured,.hub-grid--three{grid-template-columns:1fr}.benefit-grid article{min-height:190px}.benefit-grid h3{margin-top:32px}.fit-grid{gap:35px}.product-wordmark{min-height:230px}.product-footer{grid-template-columns:1fr;gap:18px;padding-block:35px}.hub-hero{padding:65px 0 75px}.hub-card{min-height:260px}}
@media(max-width:420px){.study-note span{display:none}.study-note a{margin-left:auto}.header-contact{font-size:9px}.product-header .logo img{width:120px}.hero-actions{gap:19px}}