/* Two separate actual observations. No synthetic application framing or background stage. */
.actual-screen{margin:54px 0 0;background:none;border:0;padding:0;box-shadow:none}
.workspace-stage{position:relative;isolation:isolate}
.workspace-base{display:block;width:83%;max-width:1080px;border:1px solid #dadbd5;border-radius:5px;overflow:hidden}
.workspace-capture{display:block;width:100%;height:auto}
.feature-layer{position:absolute;top:17%;right:0;width:48%;z-index:2}
.actual-panel[hidden]{display:none}
.feature-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 10px;font-size:10px;line-height:16px;font-weight:550;letter-spacing:.045em;color:#5c616a}
.feature-heading a{font-size:11px;letter-spacing:0;font-weight:450;color:#5a616b}
.feature-open{display:block;border:1px solid #bfc3bd;border-radius:5px;overflow:hidden}
.feature-capture{display:block;width:100%;height:auto;filter:none}
.feature-copy{padding:0;max-width:650px}.feature-copy[hidden]{display:none}
.screen-footer{display:grid;grid-template-columns:1fr auto;gap:44px;align-items:start;border-bottom:1px solid #dedfdf;margin-top:28px;padding-bottom:25px}
.feature-copy h2{font-size:22px;line-height:29px;font-weight:550;letter-spacing:-.5px}
.feature-copy p{font-size:14px;line-height:22px;color:#5f656d;max-width:490px;margin-top:8px}
.feature-layer{animation:feature-arrive 180ms ease-out}
@keyframes feature-arrive{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.screen-controls{display:flex;flex-direction:column;align-items:flex-end;gap:12px;border:0;margin:0;padding:0}
.screen-controls [role=tablist]{display:flex;gap:30px}
.screen-controls [role=tab]{display:flex;gap:11px;align-items:center;font:500 14px/22px Inter,Pretendard,sans-serif;padding:8px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:#797e85;cursor:pointer}
.screen-controls [role=tab][aria-selected=true]{color:#171b21;border-color:#171b21}
.tab-number{font:450 10px/18px Inter,sans-serif;color:#8d939a}
.capture-note{font-size:11px;line-height:17px;color:#727981;text-align:right}
.capture-language{display:block;color:#8b9097;font-size:10px}
.workspace-base:focus-visible,.feature-open:focus-visible{outline:2px solid #3057e7;outline-offset:5px}
.home-entrances{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:34px}
.home-entrance{padding-top:4px;display:block}
.home-entrance h2{font-size:20px;line-height:28px;font-weight:550;letter-spacing:-.45px}
.home-entrance h2 span{float:right;color:#3f454e;font-size:18px}
.home-entrance p{font-size:14px;line-height:22px;color:#656a71;margin-top:10px;max-width:340px}
.extension-page .page-head h1{white-space:pre-line;max-width:780px}
.extension-eyebrow{display:block;font-size:11px;font-weight:500;line-height:18px;color:#646a74;letter-spacing:.06em;margin-bottom:18px}
.extension-mechanisms{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:36px;border-top:1px solid #dedfdf;padding-top:32px}
.extension-mechanisms h2{font-size:20px;font-weight:550;line-height:27px;letter-spacing:-.4px;margin-bottom:14px}
.extension-mechanisms p{font-size:15px;line-height:24px}
.extension-limit{font-size:12px;line-height:20px;color:#70757c;border-top:1px solid #dedfdf;margin-top:36px;padding-top:18px}
.extension-links{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:36px}
.extension-link{border-top:1px solid #dedfdf;padding:26px 0}
.extension-link h2{font-size:26px;line-height:33px;white-space:pre-line;letter-spacing:-.6px}
.extension-link p{font-size:15px;line-height:24px;margin-top:16px;max-width:500px}
.extension-link .text-link{margin-top:22px}
.arch-foundation{border-top:1px solid #dedfdf;border-bottom:1px solid #dedfdf;padding:32px 0}
.arch-foundation-label{font-size:12px;font-weight:500;color:#6a717c;margin-bottom:20px}
.arch-foundation h2{font-size:28px;line-height:35px;letter-spacing:-.7px}
.arch-foundation p{font-size:16px;line-height:25px;margin-top:18px;max-width:760px}
.arch-lanes{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dedfdf;gap:36px;padding-top:23px}
.arch-lanes a{font-size:15px;font-weight:500;color:#303e53}
.capture-slot{border-top:1px solid #d9dce1;border-bottom:1px solid #d9dce1;padding:42px 0 38px;min-height:320px}
.slot-label{font-size:11px;font-weight:500;letter-spacing:.06em;color:#777f8a;display:block;margin-bottom:26px}
.capture-slot h2{font-size:24px;line-height:32px;letter-spacing:-.6px}
.capture-slot p{max-width:680px;margin-top:16px;font-size:15px;line-height:24px}
.slot-structure{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;max-width:760px;gap:20px;margin-top:38px}
.slot-structure span{font-size:13px;line-height:22px;padding:16px 0;border-top:1px solid #d9dce1}
.slot-structure span[aria-hidden]{border:0;text-align:center}
.mega-inner .mega-feature{display:none}
.mobile-pages{display:none}

@media(max-width:1050px){
 .feature-layer{top:18%;width:50%}.feature-copy{padding:0}.feature-copy h2{font-size:20px;line-height:26px}.feature-copy p{font-size:13px;line-height:20px}
 .feature-heading{font-size:9px}.feature-heading a{font-size:10px}.home-entrances{gap:28px}
}
@media(max-width:680px){
 .actual-screen{margin-top:36px}
 .workspace-stage{padding-bottom:0}
 .workspace-base{width:100%}
 .feature-layer{position:relative;top:auto;right:auto;width:94%;margin:-29% 0 0 auto}
 .feature-heading{justify-content:flex-end;margin-bottom:7px}
 .feature-heading>span{display:none}
 .feature-heading a{background:var(--paper);padding:2px 5px;font-size:11px}
 .feature-copy{padding:0;max-width:none}.screen-footer{display:block;margin-top:22px}
 .feature-copy h2{font-size:20px;line-height:28px}
 .feature-copy p{font-size:14px;line-height:22px;max-width:none}
 .screen-controls{gap:12px;align-items:flex-start;flex-direction:row;justify-content:space-between;margin:22px 0 0;padding:0;flex-wrap:wrap}
 .screen-controls [role=tablist]{gap:24px}
 .screen-controls [role=tab]{font-size:13px;white-space:nowrap}
 .capture-note{font-size:10px;text-align:left;max-width:none}
 .capture-language{display:inline;margin-left:8px}
 .home-entrances{grid-template-columns:1fr;gap:25px;margin-top:30px}
 .home-entrance h2{font-size:19px}.home-entrance p{max-width:none;margin-top:8px}
 .extension-mechanisms{grid-template-columns:1fr;gap:28px;margin-top:28px;padding-top:28px}
 .extension-links{grid-template-columns:1fr;gap:0}
 .extension-link h2{font-size:24px;line-height:31px}
 .arch-foundation h2{font-size:25px;line-height:32px}
 .arch-lanes{gap:24px}.arch-lanes a{font-size:13px}
 .capture-slot{padding:30px 0;min-height:290px}
 .capture-slot h2{font-size:22px;line-height:29px}
 .slot-structure{gap:10px;grid-template-columns:1fr 20px 1fr}
 .slot-structure span{font-size:12px}
 .mega-inner{grid-template-columns:1fr 1fr;gap:28px 20px}
 .mobile-pages{display:flex;grid-column:1/-1;gap:20px;flex-wrap:wrap;border-top:1px solid #dedfdf;padding-top:12px}
 .mobile-pages a{font-size:13px}
}

@media(prefers-reduced-motion:reduce){.feature-layer{animation:none}}