/* Benefits: concise outcomes, expressed through a coherent visual system. */
.benefits-studio{background:radial-gradient(ellipse at 95% 5%,#453c482c,transparent 55%),#191a21}
.benefits-opening{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:64px;align-items:center}
.benefits-opening>*{min-width:0}
.benefits-intro .eyebrow{margin-bottom:22px}
.benefits-title{font-family:Inter,Arial,sans-serif;font-size:clamp(2.6rem,4.7vw,4.35rem);font-weight:600;letter-spacing:-.065em;line-height:1.1}
.benefits-title em{display:inline-block;margin-top:7px;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.13em;font-weight:500;letter-spacing:-.04em;color:#c5b7da}
.benefits-intro>p{max-width:34ch;margin-top:26px;font-size:.98rem;line-height:1.8;color:#c5c5d0}
.benefits-board{position:relative;min-width:0;padding:20px;border:1px solid #4c4656;border-radius:16px;background:linear-gradient(135deg,#2c2934,#202229);box-shadow:0 22px 60px #08091035;isolation:isolate}
.benefits-board-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;font-size:.52rem;line-height:1.5;letter-spacing:.16em;color:#bfc2cc}
.benefits-palette{display:flex;gap:5px;flex-shrink:0}
.benefits-palette i{display:block;width:11px;height:11px;border-radius:50%;background:#abc0ad}
.benefits-palette i:nth-child(2){background:#b3a1cc}
.benefits-palette i:nth-child(3){background:#d4b18a}
.benefits-browser{background:#eeeae2;color:#25372f;border-radius:5px;overflow:hidden;box-shadow:0 9px 28px #0b0b1533;transform:rotate(-2deg)}
.benefits-browser-bar{display:flex;align-items:center;gap:4px;padding:9px 12px;border-bottom:1px solid #d5d3cc}
.benefits-browser-bar>i{width:4px;height:4px;flex-shrink:0;background:#929b90;border-radius:50%}
.benefits-browser-bar>span{font-size:.46rem;margin-left:auto;letter-spacing:.01em}
.benefits-browser-body{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;padding:25px 18px 22px;align-items:center}
.benefits-mini-label{display:block;font-size:.4rem;font-weight:600;letter-spacing:.06em;line-height:1.6}
.benefits-browser strong{display:block;margin-top:14px;font:600 clamp(1.1rem,2.2vw,1.9rem)/1.08 Inter,Arial,sans-serif;letter-spacing:-.05em}
.benefits-browser strong em{display:block;font:italic 500 1.15em/1.15 'Cormorant Garamond',Georgia,serif;letter-spacing:-.03em;margin-top:4px}
.benefits-mini-button{display:block;width:57px;height:14px;background:#334d3e;border-radius:9px;margin-top:18px}
.benefits-sculpture{display:flex;align-items:end;justify-content:center;gap:7px;align-self:stretch;min-height:122px;padding-top:12px}
.benefits-sculpture>i{display:block;width:34%;height:100%;max-height:126px;border-radius:55px 55px 0 0;background:#526c58;box-shadow:inset 9px 0 #334e3c}
.benefits-sculpture>i:nth-child(2){height:72%;background:#a4b4a1;box-shadow:none;border-radius:0}
.benefits-sculpture>i:nth-child(3){height:44%;background:#c1cbb7;box-shadow:none;border-radius:0}
.benefits-format-row{display:grid;grid-template-columns:1fr 1fr .95fr;gap:11px;align-items:center;margin-top:17px}
.benefits-format{padding:12px 11px 14px;border-radius:4px;box-shadow:0 5px 18px #0b0b1526;min-width:0}
.benefits-format>span{display:block;font:500 .5rem/1.4 Inter,Arial,sans-serif;color:inherit;overflow-wrap:anywhere}
.benefits-format>b{display:block;width:40%;height:15px;margin:10px 0;background:currentColor;opacity:.65}
.benefits-format>i{display:block;width:85%;height:2px;background:currentColor;margin-top:5px;opacity:.35}
.benefits-format>i:last-child{width:63%}
.benefits-format-sage{background:#b4c3b4;color:#3e5944;transform:rotate(-3deg)}
.benefits-format-amber{background:#d3b798;color:#6d4d39;transform:rotate(4deg)}
.benefits-consistency{display:flex;flex-direction:column;align-items:center;gap:10px;padding-left:4px}
.benefits-consistency>span{font:500 .73rem/1.4 'Cormorant Garamond',Georgia,serif;color:#dad2e4}
.benefits-consistency>i{display:block;width:26px;height:26px;border:1px solid #a99bb9;border-radius:50%;position:relative}
.benefits-consistency>i:before{content:'';position:absolute;left:7px;top:5px;width:10px;height:6px;border-left:1px solid #a99bb9;border-bottom:1px solid #a99bb9;transform:rotate(-45deg)}
.benefits-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:54px}
.benefits-outcome{--outcome-accent:#b2c5b2;position:relative;min-width:0;padding:25px 25px 27px;border:1px solid #41494a;border-radius:12px;background:linear-gradient(145deg,#26312c77,#202329);overflow:hidden}
.benefits-clarity{--outcome-accent:#c0afd6;border-color:#4a4356;background:linear-gradient(145deg,#3a304777,#22222b)}
.benefits-ready{--outcome-accent:#d6b38d;border-color:#51483e;background:linear-gradient(145deg,#46382c77,#252329)}
.benefits-outcome-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;color:var(--outcome-accent)}
.benefits-outcome-top>span{font-size:.59rem;line-height:1.5;font-weight:600;letter-spacing:.12em}
.benefits-outcome-top>svg{width:35px;height:35px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.benefits-outcome>h2{font:600 clamp(1.13rem,1.7vw,1.48rem)/1.3 Inter,Arial,sans-serif;letter-spacing:-.035em;color:#f2f1f4}
.benefits-outcome>h2 em{font:italic 500 1.45em/1.15 'Cormorant Garamond',Georgia,serif;letter-spacing:-.02em;color:var(--outcome-accent)}
.benefits-outcome>p{margin-top:16px;font-size:.84rem;line-height:1.8;color:#c3c4cc;max-width:31ch}
@media(max-width:1050px){.benefits-opening{gap:38px}.benefits-title{font-size:clamp(2.5rem,4.7vw,3.6rem)}.benefits-outcome{padding:22px 20px}.benefits-outcome>h2{font-size:1.2rem}.benefits-board{padding:17px}.benefits-browser-body{padding:20px 14px}.benefits-sculpture{min-height:108px}.benefits-format-row{gap:9px}}
@media(max-width:760px){.benefits-opening{grid-template-columns:1fr 1fr;gap:25px;align-items:start}.benefits-title{font-size:clamp(2rem,5vw,2.9rem)}.benefits-intro>p{font-size:.88rem;margin-top:20px}.benefits-intro .eyebrow{font-size:.57rem;margin-bottom:18px}.benefits-board{padding:14px;margin-top:5px}.benefits-board-top{font-size:.42rem;margin-bottom:12px;letter-spacing:.08em}.benefits-palette i{width:8px;height:8px}.benefits-browser-body{padding:17px 11px;gap:8px}.benefits-mini-label{font-size:.32rem}.benefits-browser strong{font-size:1.2rem;margin-top:10px}.benefits-sculpture{gap:4px;min-height:100px}.benefits-mini-button{width:45px;height:11px;margin-top:12px}.benefits-format-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.benefits-consistency{display:none}.benefits-format{padding:9px}.benefits-format>b{height:11px;margin:7px 0}.benefits-outcomes{gap:13px;margin-top:36px}.benefits-outcome{padding:20px 17px}.benefits-outcome-top{margin-bottom:20px;gap:8px}.benefits-outcome-top>span{font-size:.5rem;letter-spacing:.07em}.benefits-outcome-top>svg{width:28px;height:28px}.benefits-outcome>h2{font-size:1.02rem}.benefits-outcome>p{font-size:.79rem;line-height:1.7;margin-top:13px}}
@media(max-width:600px){.benefits-opening{grid-template-columns:1fr;gap:30px}.benefits-title{font-size:clamp(2.6rem,9vw,3.5rem)}.benefits-intro>p{font-size:.94rem;max-width:33ch;margin-top:20px}.benefits-board{width:100%;max-width:400px;justify-self:center;padding:17px;margin-top:0}.benefits-board-top{font-size:.49rem;margin-bottom:14px}.benefits-browser-body{padding:20px 15px;grid-template-columns:1.4fr 1fr}.benefits-mini-label{font-size:.39rem}.benefits-browser strong{font-size:clamp(1.4rem,6vw,1.9rem)}.benefits-sculpture{min-height:112px;gap:6px}.benefits-format-row{grid-template-columns:1fr 1fr .95fr;gap:10px}.benefits-consistency{display:flex}.benefits-outcomes{grid-template-columns:1fr;gap:13px;margin-top:30px}.benefits-outcome{padding:20px 21px;display:grid;grid-template-columns:minmax(0,1fr) 43px;column-gap:12px}.benefits-outcome-top{display:contents}.benefits-outcome-top>span{grid-column:1;grid-row:1;margin-bottom:9px;font-size:.56rem;letter-spacing:.12em}.benefits-outcome-top>svg{grid-column:2;grid-row:1/3;width:36px;height:36px;align-self:center;justify-self:end}.benefits-outcome>h2{grid-column:1;grid-row:2;font-size:1.25rem;line-height:1.35}.benefits-outcome>h2 br{display:none}.benefits-outcome>h2 em{font-size:1.25em}.benefits-outcome>p{grid-column:1/-1;font-size:.86rem;line-height:1.7;max-width:40ch;margin-top:11px}.benefits-intro .eyebrow{font-size:.61rem}}
@media(max-width:360px){.benefits-board{padding:13px}.benefits-browser strong{font-size:1.45rem}.benefits-mini-label{font-size:.34rem}.benefits-consistency>span{font-size:.66rem}.benefits-format{padding:9px 7px}.benefits-format>span{font-size:.45rem}.benefits-outcome{padding:18px}.benefits-outcome>h2{font-size:1.13rem}}