/* Campaign imagery meets the Foundry's existing dark, precise visual language. */
.announcement{max-width:1500px;margin:0 auto;padding:0 4.5%;scroll-margin-top:24px}
.announcement-topline,.announcement-footnote{display:flex;justify-content:space-between;gap:20px;font:12px var(--mono);letter-spacing:.07em;color:var(--muted)}
.announcement-topline{padding:26px 0 34px}.announcement-topline span:last-child{color:#ff9245}
.announcement-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:5%;align-items:center;padding:15px 0 56px}
.product-signature{display:flex;gap:16px;align-items:center;margin:0 0 32px}.product-signature img{border:1px solid #ffffff10;border-radius:16px;width:72px;height:72px}.announcement-kicker{font:12px var(--mono);letter-spacing:.13em;color:var(--muted)}.product-signature p{font-size:29px;letter-spacing:-.045em;margin:3px 0 0}
.announcement h1{font-size:clamp(48px,5.5vw,86px);line-height:1.04;letter-spacing:-.065em;font-weight:400}.announcement h1 em{color:var(--fg);text-shadow:none}.announcement h1 em:after{content:'';display:block;width:52px;height:2px;background:var(--accent);margin-top:27px}
.announcement-description{font-size:22px;line-height:1.4;max-width:350px;margin:24px 0 12px;letter-spacing:-.02em}.announcement-detail{font-size:16px;line-height:1.65;color:var(--muted);max-width:365px;margin:0 0 28px}
.announcement-cta{display:table;padding:15px 23px;background:var(--accent);border:1px solid var(--accent);color:#0b0e11;font-size:15px;font-weight:600;transition:background .2s,box-shadow .2s}.announcement-cta:hover{background:#ff963c;box-shadow:0 0 28px #ff6a0018}.announcement-secondary{display:table;margin-top:18px;font-size:14px;color:var(--muted);border-bottom:1px solid #56616a;padding-bottom:4px}.announcement-secondary:hover{color:var(--fg);border-color:var(--accent)}
.dermagrade-demo{min-width:0;margin:0;align-self:center}.comparison-stage{position:relative;aspect-ratio:3/2;overflow:hidden;background:#15191d;border:1px solid #ffffff20;isolation:isolate}
.comparison-image{position:absolute;inset:0;overflow:hidden}.comparison-image img{position:absolute;max-width:none;width:126.419753%;height:100%;left:-12.345679%;top:0;object-fit:fill}.comparison-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.comparison-labels{position:absolute;inset:18px 18px auto;display:flex;justify-content:space-between;gap:10px;pointer-events:none}.comparison-labels span{font:12px var(--mono);letter-spacing:.06em;background:#0b0e11c9;padding:9px 11px;color:#f4f5f2;backdrop-filter:blur(8px)}
.comparison-divider{position:absolute;left:var(--split);top:0;bottom:0;width:1px;background:#fff9;pointer-events:none;transform:translateX(-.5px)}.comparison-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:10px;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid #ffffffb3;border-radius:50%;background:#0b0e1180;backdrop-filter:blur(8px);font-size:25px;line-height:1;color:#fff}.comparison-divider i{width:1px;height:16px;background:#ffffff8c}
.comparison-stage input{position:absolute;inset:0;z-index:2;appearance:none;-webkit-appearance:none;width:100%;height:100%;margin:0;background:transparent;cursor:ew-resize;touch-action:pan-y;border:0;border-radius:0}.comparison-stage input::-webkit-slider-runnable-track{height:100%;background:transparent}.comparison-stage input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:1px;height:100%;background:transparent}.comparison-stage input::-moz-range-track{height:100%;background:transparent}.comparison-stage input::-moz-range-thumb{width:1px;height:100%;background:transparent;border:0}.comparison-stage:focus-within{outline:2px solid var(--accent);outline-offset:5px}.comparison-stage input:focus-visible{outline:none}
.comparison-stage[data-edge] .comparison-divider{opacity:0}.comparison-stage[data-edge="before"] .comparison-labels span:last-child,.comparison-stage[data-edge="after"] .comparison-labels span:first-child{visibility:hidden}
.comparison-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 0}.comparison-toolbar[hidden],.comparison-stage input[hidden]{display:none}.comparison-presets{display:flex;gap:4px}.comparison-presets button{padding:8px 11px;font:12px var(--mono);color:var(--muted);border:1px solid transparent;background:transparent;cursor:pointer}.comparison-presets button:hover{color:#fff;border-color:#4b5359}.comparison-presets button[aria-pressed="true"]{color:#ff9245;border-color:#ff6a0055;background:#ff6a0009}#comparison-help{font:11px var(--mono);letter-spacing:.035em;color:var(--muted)}.dermagrade-demo figcaption{font-size:12px;color:var(--muted);margin-top:15px;line-height:1.5}
.announcement-footnote{padding:22px 0;border-top:1px solid var(--line);font-size:11px}.announcement-footnote span:first-child{color:#dadddf}
.foundry-hero{border-top:1px solid var(--line);margin-top:20px;padding-top:36px}.foundry-hero .hero-content{min-height:0}.foundry-hero .hero-copy{align-self:center;padding:25px 0 60px}.foundry-hero #hero-title{font-size:clamp(48px,6.2vw,94px);line-height:.99;letter-spacing:-.065em}.foundry-hero #hero-title em{font-style:normal;color:var(--accent)}
.software-introduction{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:45px}.software-introduction p{color:var(--muted);font-size:17px;line-height:1.65;margin:0 0 5px}.product-family{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.product-family article{padding:34px 25px 34px 0;position:relative;transition:background .25s}.product-family article+article{padding-left:25px;border-left:1px solid var(--line)}.product-family article:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}.product-family article:hover:after{transform:scaleX(1)}.product-family img{display:block;width:104px;height:104px;border-radius:20px;margin:0 0 27px;transition:transform .3s}.product-family article:hover img{transform:translateY(-4px)}.product-category{display:block;font:11px var(--mono);letter-spacing:.04em;color:#ff9245}.product-family h3{font-size:28px;margin:13px 0 14px}.product-family p{font-size:16px;line-height:1.65;color:var(--muted);margin:0;max-width:275px}.family-contact{display:inline-block;font-size:15px;padding:12px 0 7px;margin-top:24px;border-bottom:1px solid #ff6a0080}.family-contact:hover{color:#ff9245}
@media(min-width:1600px){.announcement{padding-left:0;padding-right:0}}
@media(max-width:1100px){.announcement-layout{grid-template-columns:1fr 1fr;gap:4%}.announcement h1{font-size:5.6vw}.comparison-toolbar{flex-wrap:wrap;gap:8px}#comparison-help{font-size:10px}.announcement-description{font-size:20px}.product-family article{padding-right:18px}.product-family article+article{padding-left:18px}.product-category{font-size:10px}}
@media(max-width:760px){.announcement-topline{font-size:10px;padding:22px 0 20px;gap:8px;letter-spacing:.03em}.announcement-layout{grid-template-columns:1fr;gap:38px;padding:12px 0 32px}.product-signature{margin-bottom:25px}.product-signature img{width:60px;height:60px;border-radius:13px}.product-signature p{font-size:26px}.announcement h1{font-size:clamp(46px,10vw,72px)}.announcement h1 em:after{margin-top:24px}.announcement-description{font-size:21px;max-width:420px;margin-top:22px}.announcement-detail{max-width:460px}.announcement-cta{font-size:14px}.comparison-toolbar{flex-wrap:nowrap}.comparison-presets button{padding:9px 8px;font-size:11px}.comparison-labels{inset:13px 13px auto}.comparison-labels span{font-size:10px;padding:8px}.comparison-divider>span{width:44px;height:44px}.announcement-footnote span:last-child{display:none}.announcement-footnote{font-size:10px}.foundry-hero{margin-top:0;padding-top:18px}.foundry-hero #hero-title{font-size:clamp(48px,11vw,76px)}.foundry-hero .hero-copy{padding:20px 0 40px}.software-introduction{display:block;margin-bottom:30px}.software-introduction p{margin-top:22px}.product-family{grid-template-columns:repeat(2,minmax(0,1fr))}.product-family article,.product-family article+article{padding:25px 18px;border:0}.product-family article:nth-child(odd){padding-left:0}.product-family article:nth-child(even){border-left:1px solid var(--line)}.product-family article:nth-child(n+3){border-top:1px solid var(--line)}.product-family h3{font-size:25px}.product-family img{width:90px;height:90px}.product-family p{font-size:15px}.header{display:grid;grid-template-columns:auto 1fr;gap:12px}.header nav{justify-content:flex-end}.header .wordmark img{width:140px}.header .nav-trigger{padding:11px 8px}.header .store-nav{padding:11px 8px}}
@media(max-width:450px){.header .wordmark img{width:118px}.header nav{gap:3px}.header .nav-trigger{font-size:9px;padding:11px 6px}.header .nav-trigger span{margin-left:3px}.header .store-nav{font-size:10px;padding:11px 6px}.header .store-nav span{display:none}.header .nav-group:first-child .nav-panel{right:-75px}.product-category{font-size:9px;letter-spacing:0}.product-family p{font-size:14px}.product-family article,.product-family article+article{padding-right:12px}.product-family article:nth-child(even){padding-left:16px}}
@media(max-width:360px){.header{grid-template-columns:1fr}.header nav{justify-content:space-between}.header .wordmark img{width:134px}#comparison-help{font-size:9px}.comparison-presets button{padding:8px 6px}.product-family h3{font-size:23px}}
@media(max-width:760px){.header{grid-template-columns:1fr;gap:18px;padding:18px 0}.header .wordmark img{width:146px}.header nav{width:100%;justify-content:space-between;gap:8px}.header .nav-group{flex:1}.header .nav-trigger{font-size:12px;width:100%;padding:13px 9px}.header .nav-trigger span{margin-left:8px}.header .store-nav{font-size:12px;padding:13px 10px}.header .nav-contact{display:none}.header .nav-group:first-child .nav-panel{left:0;right:auto}.header .nav-group:nth-child(2) .nav-panel{right:0}.product-family p{font-size:16px}.comparison-presets button{font-size:12px}.comparison-toolbar{flex-wrap:wrap}.announcement-topline{flex-wrap:wrap}}

/* Comparison geometry is physical: original on the left, processed on the right. */
.comparison-stage,.comparison-labels,.comparison-presets{direction:ltr}
.comparison-labels span,.comparison-presets button{unicode-bidi:isolate}

.comparison-presets{flex-wrap:wrap;min-width:0;max-width:100%}
.comparison-presets button{max-width:100%}