/* Connected product narrative. Shared brand tokens, distinct working views. */
.connected-redesign{--connection-line:color-mix(in srgb,var(--muted) 38%,var(--paper));--connection-wash:color-mix(in srgb,var(--accent-soft) 10%,var(--paper));--connection-glass:color-mix(in srgb,var(--card) 92%,transparent)}
.connected-redesign .site-header{position:sticky;top:0;background:var(--connection-glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom-color:var(--connection-line)}
.connected-redesign .desktop-nav{margin-left:0;gap:25px}.connected-redesign .desktop-nav a{font-size:14px}
.connected-redesign .hero{padding-top:66px;padding-bottom:66px;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:46px;align-items:center}
.connected-redesign .hero::after{content:none}
.connected-redesign .hero-copy{min-width:0}.connected-redesign .hero .eyebrow{white-space:normal;font-size:11px;margin-bottom:26px;max-width:40ch}.connected-redesign .hero h1{font-size:clamp(46px,5.1vw,76px);line-height:1.01;letter-spacing:-.055em;font-weight:580}.connected-redesign .hero h1 em{font-weight:500;font-style:normal;color:var(--accent-text)}
.connected-redesign .hero-promise{font-size:23px;line-height:1.25;margin:24px 0 12px}.connected-redesign .hero-description{font-size:18px;line-height:1.55}.connected-redesign .hero-note{font-size:13px}
.connected-hero{min-width:0;position:relative;isolation:isolate;width:auto!important;margin:0!important}.connected-hero::before{content:'';position:absolute;inset:-38px -24px;z-index:-1;background:radial-gradient(ellipse at 70% 20%,color-mix(in srgb,var(--accent-soft) 23%,transparent),transparent 65%),radial-gradient(ellipse at 5% 80%,color-mix(in srgb,var(--accent-soft) 12%,transparent),transparent 65%);border-radius:50%}
.connected-hero .product-window{border:1px solid var(--connection-line);border-radius:22px;overflow:hidden;box-shadow:0 25px 70px #081a1412,0 2px 4px #081a1408;background:var(--connection-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.connected-hero .scene-label{font-size:10px;letter-spacing:.14em;margin-bottom:13px;color:var(--muted)}.connected-hero .product-toolbar{border-bottom:1px solid var(--connection-line);padding:16px 20px;font-size:13px}.connected-hero .hero-panel{padding:22px}.connected-presence{display:flex;gap:12px;align-items:center}.connected-avatar{width:46px;height:46px;flex:none;display:grid;place-items:center;background:var(--accent-text);color:var(--paper);border-radius:14px;font-size:24px;line-height:1}.connected-presence strong{font-size:18px;line-height:1.2}.connected-presence span:not(.connected-avatar){display:block;color:var(--muted);font-size:14px;line-height:1.45;margin-top:5px}.connected-hero .context-links{margin:20px 0;gap:7px}.connected-hero .context-links span{font-size:11px;border-color:var(--connection-line)}.connected-hero .hero-insight{border-top:1px solid var(--connection-line);padding-top:20px;margin-top:18px;gap:9px}.connected-hero .hero-insight h2{font-size:30px;line-height:1.08;font-weight:500;letter-spacing:-.035em}.connected-hero .insight-label{font-size:13px;margin-bottom:8px}.connected-hero .hero-plan{margin-top:22px;gap:17px}.connected-hero .hero-plan strong{font-size:16px}.connected-hero .hero-plan li div>span{font-size:13px}.connected-hero .hero-draft{margin-top:24px}.connected-hero .hero-draft summary{min-height:48px;font-size:15px}.connected-hero figcaption{font-size:13px;margin-top:15px;text-align:center;color:var(--muted)}
.connected-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:64px;align-items:end;margin-bottom:44px}.connected-heading h2{font-size:clamp(36px,4.3vw,62px);font-weight:500;line-height:1.05}.connected-heading em{font-style:normal;color:var(--accent-text)}.connected-heading>p{font-size:18px;line-height:1.6;color:var(--muted);max-width:42ch}
.relationship-canvas{border:1px solid var(--connection-line);border-radius:20px;background:var(--card);overflow:hidden;box-shadow:0 22px 60px #0b211907}.relationship-person{display:flex;align-items:center;gap:20px;padding:28px 32px;background:linear-gradient(110deg,var(--connection-wash),var(--card))}.relationship-person h3{font-size:28px;font-weight:500;line-height:1.15;margin:4px 0 7px}.relationship-person p:not(.eyebrow){font-size:15px;color:var(--muted)}.relationship-person .eyebrow{font-size:10px}.relationship-person .connected-avatar{width:60px;height:60px;font-size:31px}.relationship-anchor{font-size:45px;margin-left:auto;color:var(--accent-text)}
.relationship-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:30px 18px}.relationship-path>a{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:0 20px;border-right:1px solid var(--connection-line)}.relationship-path>a:last-child{border-right:0}.relationship-path>a:focus-visible{outline-offset:-3px}.relationship-number{font-size:14px;color:var(--accent-text);margin-bottom:14px}.relationship-path strong{font-size:21px;line-height:1.15;margin-bottom:12px;letter-spacing:-.02em}.relationship-path p{font-size:15px;line-height:1.5;color:var(--muted)}.relationship-path small{font-size:12px;margin-top:auto;padding-top:20px;color:var(--accent-text);display:flex;gap:12px}.relationship-path>a:hover small span{transform:translate(2px,-2px)}
.relationship-bisbe{display:flex;gap:15px;align-items:center;border-top:1px solid var(--connection-line);padding:20px 30px}.relationship-bisbe>span{font-size:26px;color:var(--accent-text)}.relationship-bisbe p{font-size:15px;color:var(--muted)}.relationship-bisbe strong{color:var(--ink)}.relationship-bisbe>a{margin-left:auto;flex:none;font-size:14px;min-height:44px;display:flex;gap:15px;align-items:center;color:var(--accent-text)}
.connected-redesign .work-section{background:var(--paper-deep);color:var(--ink);padding-block:78px}.connected-redesign .work-heading h2{font-weight:500;font-size:clamp(39px,4.5vw,65px)}.connected-redesign .work-heading em{font-style:normal;color:var(--accent-text)}.connected-redesign .work-heading p{color:var(--muted)}.connected-redesign .story-shell{border:1px solid var(--connection-line);border-radius:20px;background:var(--card);color:var(--ink);box-shadow:var(--shadow);overflow:hidden}.connected-redesign .story-heading{border-color:var(--connection-line);padding:20px 28px}.connected-redesign .story-heading strong{color:var(--ink)}.connected-redesign .story-heading span:not(.studio-mark){color:var(--muted)}.connected-redesign .story-tabs{grid-template-columns:repeat(5,minmax(0,1fr));border-color:var(--connection-line)}.connected-redesign .story-tabs button{padding:14px 20px;border-color:var(--connection-line);color:var(--ink);font-size:14px;min-height:56px}.connected-redesign .story-tabs button>span{color:inherit;font-size:15px}.connected-redesign .story-tabs button[aria-selected=true]{background:var(--accent-text);color:var(--paper)}.connected-redesign .story-tabs button:hover:not([aria-selected=true]){background:var(--paper-deep)}.connected-redesign .story-tabs button:focus-visible{outline-offset:-4px}.connected-redesign .story-tabs button[aria-selected=true]:focus-visible{outline-color:var(--paper)}
.connected-redesign .story-panel{min-height:450px}.connected-redesign .story-narration{padding:34px}.connected-redesign .story-narration h3{font-size:35px;color:var(--ink);font-weight:500}.connected-redesign .story-narration p{color:var(--muted)}.connected-redesign .story-narration .eyebrow{color:var(--accent-text)}.connected-redesign .story-evidence{background:var(--paper);border-color:var(--connection-line);color:var(--ink);margin:28px;padding:26px;border-radius:12px}.connected-redesign .story-evidence .work-item-title{font-size:27px;line-height:1.1;color:var(--ink)}.connected-redesign .work-item-row{border-color:var(--connection-line);font-size:14px;gap:20px}.connected-redesign .work-item-row span{color:var(--muted)}.connected-redesign .work-item-row strong{color:var(--ink);max-width:65%;text-align:right}.connected-redesign .connected-message{background:var(--connection-wash);border-color:var(--connection-line);color:var(--ink);font-size:15px}.connected-redesign .connected-message small{color:var(--accent-text)}.connected-redesign .evidence-top,.connected-redesign .evidence-top small,.connected-redesign .evidence-label,.connected-redesign .pending-note,.connected-redesign .instruction-footer p,.connected-redesign .result-note p{color:var(--muted)}.connected-redesign .instruction,.connected-redesign .instruction-footer strong,.connected-redesign .result-note strong{color:var(--ink)}.connected-redesign .status-chip{background:var(--connection-wash);color:var(--accent-text);border-color:var(--connection-line);font-size:11px}.connected-redesign .story-foot{border-color:var(--connection-line);color:var(--muted)}.connected-redesign .story-foot strong{color:var(--ink)}.connected-redesign .story-progress{font-size:13px}.connected-redesign .story-narration .button-highlight{color:var(--paper);background:var(--accent-text)}
.connected-redesign .clarity-heading h2{font-weight:500}.connected-redesign .clarity-heading em{font-style:normal}.connected-redesign .feature-nav{border-radius:14px}.connected-redesign .feature-panel h3{font-weight:500}.connected-redesign .feature-illustration{border-color:var(--connection-line);border-radius:16px;box-shadow:0 10px 32px #081a1408}.connected-redesign .mock-chrome{background:var(--connection-wash);border-color:var(--connection-line)}.idea-journey{list-style:none;padding:0;margin:26px 0;display:grid;gap:0}.idea-journey li{display:grid;grid-template-columns:115px 1fr;gap:18px;padding:15px 0;border-top:1px solid var(--connection-line);font-size:15px}.idea-journey li span{color:var(--muted)}
.template-section{scroll-margin-top:100px}.scenario-picker{flex-wrap:wrap;gap:8px;margin-bottom:30px}.scenario-picker button{min-height:48px;padding:11px 18px;background:var(--card);border:1px solid var(--connection-line);border-radius:40px;font-size:14px}.scenario-picker button[aria-pressed=true]{background:var(--accent-text);border-color:var(--accent-text);color:var(--paper)}.scenario-picker button:hover{box-shadow:0 0 0 1px var(--accent-text)}.scenario-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center;padding:14px 0 40px}.scenario-panel+.scenario-panel{margin-top:35px;border-top:1px solid var(--connection-line);padding-top:35px}.js .scenario-panel+.scenario-panel{margin-top:0;border:0;padding-top:14px}.scenario-copy>h3{font-size:clamp(30px,3.2vw,46px);line-height:1.05;font-weight:500;letter-spacing:-.035em;margin:12px 0 24px}.scenario-copy dl{margin:0;display:grid;gap:15px}.scenario-copy dl>div{display:grid;grid-template-columns:90px 1fr;gap:12px;font-size:15px;line-height:1.5}.scenario-copy dt{font-weight:600}.scenario-copy dd{margin:0;color:var(--muted)}
.scenario-window{min-width:0;border:1px solid var(--connection-line);border-radius:20px;overflow:hidden;background:var(--card);box-shadow:0 24px 60px #0b21190e;transform:rotate(-.4deg)}.scenario-window-top{background:linear-gradient(120deg,var(--connection-wash),var(--card));display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--connection-line)}.scenario-monogram{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--accent-text);color:var(--paper);font-size:21px;flex:none}.scenario-window-top div>strong{font-size:19px;line-height:1.2}.scenario-window-top div>span{display:block;font-size:12px;color:var(--muted)}.scenario-example{font-size:11px;color:var(--muted);margin-left:auto}.scenario-window-nav{display:flex;gap:18px;padding:14px 22px;font-size:12px;line-height:1.4;border-bottom:1px solid var(--connection-line);color:var(--muted)}.scenario-window-nav>span:first-child{color:var(--accent-text);font-weight:600}.scenario-records{padding:9px 23px}.scenario-records>div{display:flex;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.scenario-records>div:last-child{border-bottom:0}.record-mark{color:var(--accent-text);font-size:23px;flex:none;width:26px;text-align:center}.scenario-records small{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}.scenario-records strong{font-size:16px;font-weight:500;line-height:1.3;display:block}.scenario-request{display:flex;align-items:flex-start;gap:12px;background:var(--connection-wash);border-top:1px solid var(--connection-line);padding:20px 23px;font-size:15px;line-height:1.5}.scenario-request>span{color:var(--accent-text);font-size:24px;line-height:1.2}.scenario-window-foot{padding:12px 23px;font-size:11px;color:var(--muted);text-align:center}
.portfolio-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:20px 22px 4px}.art-study{aspect-ratio:.76;position:relative;overflow:hidden;border-radius:3px;background:#e7ece8;border:1px solid #91a49b}.art-study::before,.art-study::after{content:'';position:absolute;display:block}.art-study>span{position:absolute;left:8px;bottom:7px;color:#123b2e;background:#fff;padding:3px 6px;font-size:10px;z-index:2}.study-one::before{inset:12% 20% -20% -30%;background:#27634e;border-radius:50% 50% 0 0;transform:rotate(-30deg)}.study-one::after{inset:5% -35% 20% 65%;background:#91c8ae;border-radius:50%}.study-two{background:#faf9f3}.study-two::before{inset:15% 20%;border:11px solid #c79e49;border-radius:50%}.study-two::after{width:65%;height:10%;left:10%;top:55%;background:#123b2e;transform:rotate(-35deg)}.study-three{background:#e1eee7}.study-three::before{inset:10% 16% 32% 10%;border:2px solid #28624d;transform:rotate(15deg)}.study-three::after{inset:22% 25% 10% 21%;background:#62a88eaa;transform:rotate(-12deg)}
.setup-story{margin-top:22px;padding-top:30px;border-top:1px solid var(--connection-line)}.setup-story>ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:24px 0;padding:0;list-style:none}.setup-story li{display:flex;gap:16px}.setup-story li>span{font-size:13px;color:var(--accent-text);padding-top:4px}.setup-story strong{font-size:20px;line-height:1.2}.setup-story li p{font-size:15px;line-height:1.5;color:var(--muted);margin-top:8px}.setup-assurance{font-size:14px;color:var(--accent-text)}
.connected-redesign .chapter-heading .eyebrow{white-space:normal}.connected-redesign .portal-copy h2,.connected-redesign .control-copy h2{font-weight:500}.connected-redesign .portal-copy h2 em,.connected-redesign .control-copy h2 em{font-style:normal}
@media(min-width:961px){.connected-hero .product-window{animation:connected-arrive .65s ease-out both}}@keyframes connected-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:1080px){.connected-redesign .hero{gap:28px}.connected-heading{gap:36px}.scenario-panel{gap:32px}.relationship-path{padding-inline:6px}.relationship-path>a{padding-inline:14px}.connected-redesign .story-tabs button{padding-inline:12px;gap:7px}.connected-redesign .story-evidence{margin:20px;padding:20px}.connected-redesign .story-narration{padding:27px}.connected-redesign .desktop-nav{gap:16px}.connected-redesign .header-inner{gap:18px}}
@media(max-width:960px){.connected-redesign .hero{grid-template-columns:1fr;gap:40px;padding-top:42px}.connected-redesign .hero h1{max-width:740px;font-size:clamp(44px,7.3vw,67px)}.connected-hero{max-width:650px;width:100%!important;justify-self:center}.connected-heading{grid-template-columns:1fr;gap:22px}.connected-heading>p{max-width:60ch}.relationship-path{grid-template-columns:1fr 1fr;gap:26px 0}.relationship-path>a:nth-child(2){border-right:0}.scenario-panel{gap:36px;grid-template-columns:1fr}.scenario-copy dl{grid-template-columns:1fr 1fr;gap:18px}.scenario-copy dl>div{display:block}.scenario-copy dd{margin-top:6px}.scenario-window{width:100%;max-width:660px;justify-self:center}.setup-story>ol{gap:20px}.setup-story strong{font-size:18px}}
@media(max-width:760px){.connected-redesign .wrap{width:calc(100% - 36px)}.connected-redesign .hero{padding-top:33px;padding-bottom:32px;gap:32px}.connected-redesign .hero h1{font-size:46px}.connected-redesign .hero .eyebrow{font-size:10px}.connected-redesign .hero-promise{font-size:21px}.connected-redesign .hero-description{font-size:17px}.connected-redesign .hero-actions{gap:15px;align-items:flex-start;flex-wrap:wrap}.connected-redesign .hero-actions .button{font-size:14px;padding:12px 17px;gap:14px}.connected-redesign .hero-actions .text-link{font-size:14px}.connected-hero::before{inset:-20px -10px}.connected-hero .scene-label{font-size:9px}.connected-hero .product-toolbar{padding:14px;font-size:11px}.connected-hero .hero-panel{padding:18px 15px}.connected-presence strong{font-size:17px}.connected-presence span:not(.connected-avatar){font-size:13px}.connected-hero .hero-insight h2{font-size:27px}.connected-hero .hero-plan strong{font-size:15px}.connected-hero .hero-plan li div>span{font-size:13px}.connected-hero figcaption{font-size:12px}.connected-redesign .section-space{padding-block:58px}.connected-heading{gap:20px;margin-bottom:28px}.connected-heading h2{font-size:38px;line-height:1.07}.connected-heading>p{font-size:17px;line-height:1.5}.relationship-person{padding:23px 18px;gap:12px;align-items:flex-start}.relationship-person .connected-avatar{width:43px;height:43px;font-size:25px;border-radius:12px}.relationship-person h3{font-size:23px}.relationship-person p:not(.eyebrow){font-size:13px}.relationship-anchor{display:none}.relationship-path{padding:20px 3px;gap:24px 0}.relationship-path>a{padding:0 14px}.relationship-path strong{font-size:20px}.relationship-path p{font-size:14px}.relationship-path small{font-size:11px;gap:5px;padding-top:12px}.relationship-bisbe{padding:20px 18px;align-items:flex-start;flex-wrap:wrap;gap:9px}.relationship-bisbe p{flex:1;font-size:14px}.relationship-bisbe>a{margin-left:34px}.connected-redesign .work-section{padding-block:55px}.connected-redesign .work-heading h2{font-size:40px}.connected-redesign .story-heading{padding:18px 15px}.connected-redesign .story-heading strong{font-size:15px}.connected-redesign .story-heading span:not(.studio-mark){font-size:11px}.connected-redesign .story-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}.connected-redesign .story-tabs button{flex-direction:column;align-items:center;justify-content:center;padding:8px 2px;gap:3px;font-size:11px;text-align:center;line-height:1.2;min-height:60px}.connected-redesign .story-tabs button>span{font-size:13px}.connected-redesign .story-panel{display:block;min-height:0}.connected-redesign .story-narration{padding:25px 20px}.connected-redesign .story-narration h3{font-size:31px}.connected-redesign .story-evidence{margin:0 13px 18px;padding:21px 17px}.connected-redesign .story-evidence .work-item-title{font-size:26px}.connected-redesign .work-item-row{font-size:13px;gap:10px}.connected-redesign .evidence-label{font-size:11px;gap:12px;align-items:flex-start}.connected-redesign .status-chip{font-size:10px}.connected-redesign .story-foot{padding:20px;font-size:14px}.connected-redesign .instruction{font-size:25px}.idea-journey li{grid-template-columns:1fr;gap:5px;font-size:15px}.scenario-picker{gap:7px}.scenario-picker button{font-size:12px;padding:10px 13px;min-height:46px}.scenario-copy>h3{font-size:32px}.scenario-copy dl{grid-template-columns:1fr;gap:16px}.scenario-copy dl>div{display:grid;grid-template-columns:80px 1fr;gap:12px;font-size:14px}.scenario-copy dd{margin:0}.scenario-window{transform:none}.scenario-window-top{padding:17px 15px;gap:10px}.scenario-window-top div>strong{font-size:17px}.scenario-window-top div>span{font-size:11px}.scenario-monogram{width:36px;height:36px;border-radius:10px;font-size:20px}.scenario-window-nav{padding:13px 15px;gap:13px;font-size:10px}.scenario-records{padding-inline:16px}.scenario-records strong{font-size:15px}.scenario-request{padding:17px 16px;font-size:14px}.portfolio-preview{padding:16px 15px 0;gap:7px}.setup-story>ol{grid-template-columns:1fr;gap:22px}.setup-story strong{font-size:19px}.setup-story li p{font-size:15px}.setup-assurance{font-size:14px}.connected-redesign .feature-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.connected-redesign .feature-choice strong{font-size:12px}.connected-redesign .feature-choice{min-height:50px;padding:8px 2px}}
@media(prefers-reduced-motion:reduce){.connected-redesign *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@supports not (backdrop-filter:blur(1px)){.connected-redesign .site-header,.connected-hero .product-window{background:var(--card)}}
@media(prefers-reduced-transparency:reduce){.connected-redesign .site-header,.connected-hero .product-window{background:var(--card);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){.connected-redesign .site-header,.connected-hero .product-window,.scenario-window,.relationship-canvas{background:Canvas;border:1px solid CanvasText;box-shadow:none;backdrop-filter:none}.scenario-picker button[aria-pressed=true],.connected-redesign .story-tabs button[aria-selected=true]{border:2px solid Highlight;color:Highlight;background:Canvas}.art-study,.relationship-number{forced-color-adjust:auto}}

@media(max-width:760px){.connected-redesign .hero::before{inset-inline:-18px}}
/* Remove the old fixed-dark story's local palette so both views use the page theme. */
.connected-redesign .story-shell,.connected-redesign .story-evidence{--ink:inherit;--muted:inherit;--accent-text:inherit;--brand-text:inherit;--gilt-text:inherit;--line:inherit}
.connected-redesign .story-evidence{width:auto;box-shadow:none;border:1px solid var(--connection-line)}
.connected-redesign .story-narration>p:not(.eyebrow):not(.micro){font-size:16px;color:var(--muted)}
.connected-redesign .hero .eyebrow,.connected-hero .scene-label,.connected-hero .context-links span,.connected-hero .product-toolbar,.relationship-person .eyebrow,.relationship-path small,.scenario-example,.scenario-window-nav,.scenario-window-top div>span,.scenario-records small,.scenario-window-foot,.connected-redesign .story-heading span:not(.studio-mark),.connected-redesign .story-tabs button,.connected-redesign .evidence-label,.connected-redesign .status-chip,.connected-redesign .connected-message small{font-size:12px}
.scenario-picker button{border-color:color-mix(in srgb,var(--muted) 75%,var(--paper))}.scenario-window-nav{flex-wrap:wrap}.connected-redesign .evidence-label{flex-wrap:wrap}.art-study>span{font-size:12px}