/* Approved layout, with the original devices integrated into each section. */
.hero{background:radial-gradient(ellipse at 90% 30%,#fff4ec 0,transparent 42%),#fff}
.hero .hero-grid{padding-block:76px 44px;gap:34px}
.hero-image{background:transparent;isolation:isolate}
.hero-image img{mix-blend-mode:multiply}
.hero .hero-visual{mix-blend-mode:multiply}
.hero h1{letter-spacing:-.055em}
.hero-actions .button{box-shadow:0 10px 28px #ec633426}
.features .section-heading{padding-block:57px 45px}
.feature-panel{isolation:isolate;min-height:760px;column-gap:64px;padding:68px max(48px,calc((100% - 1280px)/2));grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.feature-demo{background:radial-gradient(ellipse at 82% 47%,#242747 0,transparent 47%),radial-gradient(ellipse at 65% 87%,#432417 0,transparent 46%),#090b10}
.feature-chart{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);background:radial-gradient(ellipse at 21% 55%,#202e48 0,transparent 47%),radial-gradient(ellipse at 4% 88%,#30233e 0,transparent 43%),#0b0f17;border-top:1px solid #ffffff13}
.feature-learn{background:radial-gradient(ellipse at 82% 47%,#dddff0 0,transparent 52%),radial-gradient(ellipse at 64% 81%,#f1e0d4 0,transparent 46%),#f4f5f8;border-top:0}
.feature-demo .feature-copy,.feature-pair .feature-copy{max-width:530px;padding:0;z-index:2}
.feature-demo h3,.feature-pair h3{font-size:clamp(2.4rem,4.2vw,3.75rem);line-height:1.4;letter-spacing:-.05em;margin-top:27px}
.feature-panel h3 em{font-style:normal;color:#ff9e79}
.feature-learn h3 em{color:#c04b29}
.feature-demo .feature-description,.feature-pair .feature-description{margin-top:24px;max-width:395px;line-height:1.9;color:#c3cbd8}
.feature-learn .feature-description{color:#526079}
.feature-number{color:#ffac8c;font-size:1.125rem;gap:15px}
.feature-number>span{font-size:.8125rem;letter-spacing:.13em;color:#a8b2c5;border-color:#566075}
.feature-learn .feature-number{color:#af4729}
.feature-learn .feature-number>span{color:#65728b;border-color:#acb5c5}
.feature-demo .inline-link{margin-top:28px;color:#ffb394}
.demo-media,.feature-pair .feature-media{overflow:visible;position:relative;background:none;padding:0;min-width:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}
.demo-media>a,.feature-pair .feature-media>a{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:none;width:100%;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;transform:none;transition:none}
.feature-media picture{display:flex;align-items:center;justify-content:center;width:100%}
.feature-media img,.feature-pair .feature-media img{display:block;flex:none;width:auto;height:auto;max-width:100%;max-height:650px;object-fit:contain;filter:drop-shadow(0 25px 34px #00000038);transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.demo-media img{max-width:570px;width:100%;max-height:650px}
.feature-pair .chart-media img{max-height:640px;max-width:385px;width:100%}
.feature-pair .learn-media img{max-height:620px;max-width:375px;width:100%;filter:drop-shadow(0 28px 24px #27334c2b)}
.feature-media>a:hover{transform:none}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.feature-media>a:hover img{transform:translateY(-7px)}}
.feature-media .zoom-tag{position:relative;right:auto;bottom:auto;align-self:center;flex:none;margin-top:20px;padding:9px 17px;min-height:40px;background:#ffffff0b;border:1px solid #ffffff35;box-shadow:none;color:#dce4f1;font-size:.8125rem}
.feature-learn .zoom-tag{background:#ffffffb8;border-color:#aeb8cc;color:#35445f}
.demo-media figcaption,.learn-media figcaption{font-size:.75rem;line-height:1.9;text-align:center;color:#a8b5ca;max-width:430px;margin-top:13px}
.feature-learn .learn-media figcaption{color:#617088}
.features .source-note{padding-block:23px 28px}
@media(min-width:1600px){.feature-panel{min-height:820px;padding-block:80px}.feature-demo h3,.feature-pair h3{font-size:4rem}.hero .hero-grid{padding-block:90px 48px}}
@media(max-width:1150px){.feature-panel{min-height:700px;padding:58px 32px;column-gap:42px}.feature-demo h3,.feature-pair h3{font-size:2.8rem}.feature-media img,.feature-pair .feature-media img{max-height:600px}.feature-pair .chart-media img{max-width:330px}.feature-pair .learn-media img{max-width:320px}.hero .hero-grid{padding-block:58px 36px;gap:26px}}
@media(max-width:900px){.feature-panel{min-height:650px;column-gap:32px;padding-block:48px}.feature-demo h3,.feature-pair h3{font-size:2.45rem}.feature-number>span{letter-spacing:.08em;font-size:.75rem}.feature-media img,.feature-pair .feature-media img{max-height:545px}.feature-pair .chart-media img{max-width:295px}.feature-pair .learn-media img{max-width:285px}}
@media(max-width:800px){.hero .hero-grid{padding-block:43px 30px;gap:26px}.feature-panel{column-gap:30px;padding-inline:28px;min-height:600px}.feature-demo h3,.feature-pair h3{font-size:2.2rem}.feature-number{gap:12px}.feature-number>span{padding-left:12px}.feature-demo .feature-description,.feature-pair .feature-description{font-size:.9375rem}.feature-media img,.feature-pair .feature-media img{max-height:500px}.features .section-heading{padding-block:44px 35px}}
@media(max-width:620px){.hero .hero-grid{padding-block:34px 24px;gap:24px}.hero-visual{width:calc(100% + 24px);margin-inline:-12px}.feature-panel{grid-template-columns:minmax(0,1fr);min-height:0;gap:31px;padding:44px 22px 34px}.feature-demo .feature-copy,.feature-pair .feature-copy{grid-column:auto;grid-row:auto;max-width:none}.feature-pair .feature-media{grid-column:auto;grid-row:auto}.feature-demo h3,.feature-pair h3{font-size:clamp(2rem,8.5vw,2.8rem);margin-top:20px;line-height:1.4}.feature-demo .feature-description,.feature-pair .feature-description{font-size:1rem;margin-top:18px;max-width:350px}.feature-demo .inline-link{margin-top:19px}.feature-number{font-size:1rem}.feature-demo{background:radial-gradient(ellipse at 69% 68%,#242747 0,transparent 48%),radial-gradient(ellipse at 20% 90%,#432417 0,transparent 43%),#090b10}.feature-chart{background:radial-gradient(ellipse at 43% 68%,#202e48 0,transparent 51%),#0b0f17}.feature-learn{background:radial-gradient(ellipse at 63% 68%,#dddff0 0,transparent 55%),radial-gradient(ellipse at 10% 90%,#f1e0d4 0,transparent 40%),#f4f5f8}.demo-media>a,.feature-pair .feature-media>a{max-width:100%;width:100%}.demo-media img{max-width:410px;max-height:560px;width:100%}.feature-pair .chart-media img,.feature-pair .learn-media img{max-width:min(83vw,320px);width:100%;max-height:570px}.feature-media .zoom-tag{margin-top:16px;font-size:.75rem;padding:8px 15px}.demo-media figcaption,.learn-media figcaption{font-size:.75rem;margin-top:12px;max-width:340px}.features .section-heading{padding-block:36px 29px}.features .section-heading h2{font-size:clamp(1.9rem,7.3vw,2.6rem)}}
@media(max-width:370px){.feature-panel{padding-inline:18px}.feature-demo h3,.feature-pair h3{font-size:2rem}.feature-pair .chart-media img,.feature-pair .learn-media img{max-width:82vw}.hero .hero-grid{gap:20px}}
@media(prefers-reduced-motion:reduce){.feature-media img{transition:none}}
@media print{.hero,.feature-panel{background:#fff;color:#111}.feature-panel h3 em{color:#333}.feature-panel{min-height:0;padding:20px 0;display:block}.feature-media{display:none!important}.hero .hero-visual{mix-blend-mode:normal}}

/* Display the exact source pixels inside a device-shaped viewport. */
.asset-clip-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.device-cutout{display:block;position:relative;flex:none;width:100%;overflow:visible;filter:drop-shadow(0 26px 26px #00000038);transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.demo-cutout{max-width:470px;aspect-ratio:1080/1470}
.chart-cutout{max-width:350px;aspect-ratio:738/1336}
.learn-cutout{max-width:340px;aspect-ratio:820/1486;filter:drop-shadow(0 24px 23px #26334a2c)}
.feature-media .device-cutout picture{display:contents}
.feature-media .device-cutout .device-source{position:absolute;display:block;margin:0;max-width:none;max-height:none;object-fit:fill;filter:none;transform:none;transition:none}
.feature-media .demo-cutout .device-source{left:0;top:-7.483%;width:100%;height:130.612%;clip-path:url(#demo-silhouette);-webkit-clip-path:url(#demo-silhouette);mask-image:linear-gradient(to bottom,#000 0 72%,transparent 79.3%);-webkit-mask-image:linear-gradient(to bottom,#000 0 72%,transparent 79.3%)}
.feature-media .chart-cutout .device-source{left:-22.493%;top:-36.826%;width:146.341%;height:143.713%;clip-path:url(#chart-silhouette);-webkit-clip-path:url(#chart-silhouette)}
.feature-media .learn-cutout .device-source{left:-15.244%;top:-25.639%;width:131.707%;height:129.071%;clip-path:url(#learn-silhouette);-webkit-clip-path:url(#learn-silhouette)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.feature-media>a:hover .device-cutout{transform:translateY(-7px)}.feature-media>a:hover .device-source{transform:none}}
@media(max-width:1150px){.demo-cutout{max-width:440px}.chart-cutout{max-width:325px}.learn-cutout{max-width:320px}}
@media(max-width:900px){.demo-cutout{max-width:390px}.chart-cutout{max-width:295px}.learn-cutout{max-width:285px}}
@media(max-width:620px){.demo-cutout{max-width:380px}.chart-cutout{max-width:min(82vw,310px)}.learn-cutout{max-width:min(82vw,310px)}}
@media(prefers-reduced-motion:reduce){.device-cutout{transition:none}}

/* Original provider mark and wordmark, kept as separate unmodified assets. */
.brand{gap:12px;min-height:48px}
.brand .brand-icon{width:48px;height:48px;flex:none;object-fit:contain;border-radius:11px}
.brand .brand-logo{width:156px;height:40px;flex:none;object-fit:contain;border-radius:0}
.footer-row .brand .brand-icon{width:44px;height:44px;border-radius:10px}
.footer-row .brand .brand-logo{width:140px;height:36px}
@media(max-width:900px){.site-header .brand{gap:10px}.site-header .brand .brand-icon{width:42px;height:42px;border-radius:10px}.site-header .brand .brand-logo{width:140px;height:36px}}
@media(max-width:620px){.site-header .brand{min-height:40px}.site-header .brand .brand-icon{width:38px;height:38px;border-radius:9px}.site-header .brand .brand-logo{width:132px;height:34px}.footer-row .brand{gap:10px}.footer-row .brand .brand-icon{width:36px;height:36px;border-radius:8px}.footer-row .brand .brand-logo{width:124px;height:32px}}
@media(max-width:370px){.site-header .brand .brand-icon{width:35px;height:35px}.site-header .brand .brand-logo{width:121px;height:31px}.footer-row .brand .brand-logo{width:112px;height:29px}.footer-row{gap:14px}}