@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101516;--text:#f2f0e8;--muted:#a9b3b5;--line:#354042;--blue:#b9d6df;--ink:#142b32;--orange:#eab18d;font-family:'DM Sans',Arial,sans-serif;font-size:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}a:hover{text-decoration:underline;text-underline-offset:6px}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;left:20px;top:-100px;background:var(--text);color:var(--ink);padding:14px;z-index:3}.skip:focus{top:12px}.header{display:flex;justify-content:space-between;align-items:center;min-height:110px;border-bottom:1px solid var(--line);gap:32px}.brand{display:flex;align-items:baseline;gap:9px;font-size:24px;letter-spacing:-1px;white-space:nowrap}.brand strong{font-family:Manrope,Arial,sans-serif;font-weight:800}.brand span{font-weight:400;color:var(--muted)}nav{display:flex;align-items:center;gap:35px;font-size:15px}nav .nav-cta{border:1px solid #5e6d70;padding:13px 19px;border-radius:30px}.nav-cta span{margin-left:12px}.hero{padding-top:94px;display:grid;grid-template-columns:1.06fr 1fr;gap:24px 40px;align-items:center}.eyebrow,.section-label,.hero-bottom,.identity-caption{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:500}.eyebrow{color:var(--muted);margin:0 0 27px}h1,h2,h3,p{margin-top:0}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(48px,5.6vw,80px);font-weight:500;line-height:1.13;letter-spacing:-.058em;margin-bottom:26px}h1 em{font-style:normal;color:var(--blue)}.intro{font-size:19px;line-height:1.7;color:#bac3c5;margin-bottom:30px}.button{display:inline-flex;gap:35px;align-items:center;justify-content:space-between;padding:18px 27px;border-radius:40px;font-size:16px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);text-decoration:none}.primary{background:var(--text);color:var(--ink)}.primary:hover{background:var(--blue)}.identity{align-self:stretch;display:flex;flex-direction:column;justify-content:center;background:#141312;border:1px solid #302f2b;border-radius:2px;min-height:400px;position:relative;overflow:hidden}.identity img{display:block;width:100%;height:auto;mix-blend-mode:screen}.identity-caption{position:absolute;bottom:26px;left:28px;right:28px;display:flex;justify-content:space-between;gap:20px;color:#9faaa9;font-size:12px;letter-spacing:.06em}.identity-caption span:last-child{white-space:nowrap}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:27px 0;margin-top:56px;color:var(--muted);font-size:12px}.feature{background:var(--blue);color:var(--ink);margin-top:42px;padding:48px 0 70px;position:relative}.section-label{display:flex;justify-content:space-between;border-bottom:1px solid #809fa8;padding-bottom:24px;color:#35565f}.product-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;padding:68px 0 62px}.feature .eyebrow{color:#35565f}.product-heading h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(60px,7vw,104px);font-weight:500;letter-spacing:-.07em;line-height:1.12;margin-bottom:17px}.product-heading h2 span{color:#517e8a}.product-tagline{font-size:21px;letter-spacing:-.03em}.product-copy{max-width:520px;padding-top:5px}.product-copy p{font-size:18px;line-height:1.8;color:#294c56}.product-copy p+p{margin-top:20px}.dark{background:var(--ink);color:white;margin-top:10px}.dark:hover{background:#294c56}.product-copy .small-note{font-size:13px;margin-top:17px;margin-bottom:0}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid #809fa8;padding-top:36px}.detail-number{font-size:13px;color:#35565f}.details h3{font-size:23px;font-weight:500;letter-spacing:-.035em;margin:18px 0 13px}.details p{font-size:16px;line-height:1.75;color:#294c56;max-width:310px;margin:0}.about{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;padding-block:98px}.about .eyebrow{padding-top:10px}.about h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(34px,4vw,52px);line-height:1.2;font-weight:500;letter-spacing:-.05em;margin-bottom:30px}.about p:not(.eyebrow){font-size:18px;line-height:1.85;color:#b8c2c4;max-width:540px}footer{border-top:1px solid var(--line);padding-block:32px;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p,footer>a:last-child{font-size:14px;color:var(--muted);margin:0}footer .brand{font-size:21px}
@media(min-width:1500px){.hero{padding-top:110px}.identity{min-height:440px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:30px;padding-top:65px}.identity{min-height:360px}.identity-caption{position:static;padding:30px 20px 20px;flex-direction:column;font-size:12px}.product-grid,.about{gap:40px}.product-heading h2{font-size:72px}.details{gap:25px}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.header{min-height:94px;flex-wrap:wrap;gap:18px;padding-block:22px}.brand{font-size:23px}nav{gap:23px;font-size:14px;width:100%;justify-content:space-between}nav .nav-cta{padding:10px 14px}.hero{grid-template-columns:1fr;padding-top:48px;gap:35px}.hero h1{font-size:clamp(48px,10vw,70px)}.eyebrow{font-size:12px;letter-spacing:.11em;margin-bottom:22px}.intro{font-size:18px}.identity{min-height:0}.identity img{padding-block:15px}.identity-caption{flex-direction:row;font-size:12px;padding:0 18px 20px;letter-spacing:0;text-transform:none}.identity-caption span:last-child{display:none}.hero-bottom{margin-top:0;font-size:11px;letter-spacing:.04em;padding:20px 0}.feature{margin-top:20px;padding:30px 0 42px}.section-label{font-size:11px;letter-spacing:.06em;gap:16px}.product-grid{grid-template-columns:1fr;gap:23px;padding:40px 0}.product-heading h2{font-size:clamp(64px,15vw,88px)}.product-tagline{font-size:20px;margin-bottom:10px}.product-copy p{font-size:17px;line-height:1.75}.details{grid-template-columns:1fr;gap:28px;padding-top:28px}.details article{display:grid;grid-template-columns:30px 1fr;gap:0 12px}.detail-number{margin-top:5px}.details h3{margin:0 0 10px;font-size:22px}.details p{grid-column:2;max-width:none}.about{grid-template-columns:1fr;gap:13px;padding-block:55px}.about h2{font-size:40px}.about p:not(.eyebrow){font-size:17px}footer{flex-wrap:wrap;padding-block:25px}footer .brand{width:100%}footer p,footer>a:last-child{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
.learn{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-block:88px;border-bottom:1px solid var(--line)}.learn-intro h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(38px,4.5vw,62px);line-height:1.15;font-weight:500;letter-spacing:-.05em;margin-bottom:24px}.learn-intro>p:not(.eyebrow){font-size:18px;line-height:1.8;color:var(--muted);max-width:360px;margin-bottom:28px}.listening-notes{min-width:0}.listening-notes details{border-top:1px solid var(--line)}.listening-notes details:last-child{border-bottom:1px solid var(--line)}.listening-notes summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0;cursor:pointer;font-size:1.2rem;line-height:1.5;font-weight:500;list-style:none}.listening-notes summary::-webkit-details-marker{display:none}.listening-notes summary::after{content:'+';font-size:1.6rem;color:var(--blue);flex-shrink:0}.listening-notes details[open]>summary::after{content:'−'}.listening-notes summary:hover{color:var(--blue)}.listening-notes summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.note-body{padding-bottom:20px;color:#b8c2c4;font-size:1rem;line-height:1.85}.note-body p{margin-bottom:18px}.note-body a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.tone-example{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0;padding:20px 0;border-block:1px solid var(--line)}.tone-example span{font-size:.875rem;color:var(--muted)}.tone-example strong{display:block;font-family:Manrope,Arial,sans-serif;font-size:clamp(1.25rem,2.3vw,1.7rem);font-weight:500;color:var(--text)}.tone-example span:last-child strong{color:var(--blue)}.note-body ol{padding-left:23px;margin:0}.note-body li{padding-left:5px;margin-bottom:16px}.note-body li strong{color:var(--text);font-weight:500}@media(max-width:900px){.learn{gap:40px;grid-template-columns:.8fr 1.2fr}}@media(max-width:720px){.learn{grid-template-columns:1fr;gap:38px;padding-block:50px}.learn-intro>p:not(.eyebrow){max-width:100%;font-size:17px}.learn-intro h2 br{display:none}.listening-notes summary{font-size:1.1rem;padding-block:21px}.tone-example{gap:8px}.tone-example strong{font-size:1.25rem}}
