@font-face{font-family:Familjen;src:url('assets/fonts/familjen-grotesk-latin-var.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--paper:#FAFBFD;--paper-deep:#F0F3F8;--card:#ffffff;--ink:#14171D;--muted:#545B68;--line:#E6EBF2;--accent-text:#123B2E;--accent-soft:#62C7A1;--soon-ink:#5C4108;--navy:#14171D;--navy-deep:#0E1116;--white:#FAFBFD;--shadow:0 16px 42px #00000010;--serif:var(--sans);--sans:Familjen,Arial,sans-serif}
:root[data-theme=dark]{--soon-ink:#62C7A1;--paper:#0E1116;--paper-deep:#1B212C;--card:#141923;--ink:#EDF1F7;--muted:#B7C0CD;--line:#242C38;--accent-text:#62C7A1;--shadow:0 16px 42px #0003;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}body::before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.11;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.15' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border-radius:0}button:disabled{cursor:default}button svg{pointer-events:none}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent-text);outline-offset:5px}a:hover{text-decoration-color:currentColor}img{display:block;max-width:100%;height:auto}picture{display:contents}p,h1,h2,h3,figure,blockquote{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.04}h1{font-size:clamp(68px,6.6vw,106px)}h2{font-size:clamp(46px,4.6vw,70px)}h3{font-size:43px}em{font-family:var(--serif);font-weight:400}p{max-width:66ch}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;line-height:1.5;font-weight:600}.micro{font-size:12px;line-height:1.5;color:var(--muted)}.section-space{padding-block:100px}.text-link{display:inline-flex;gap:24px;align-items:center;min-height:44px;font-size:15px;font-weight:600;border-bottom:1px solid var(--accent-text)}.text-link span{font-size:21px;font-weight:400;transition:transform .2s}.text-link:hover span{transform:translate(3px,-2px)}.button{display:inline-flex;align-items:center;justify-content:center;gap:36px;min-height:54px;padding:14px 24px;font-size:15px;font-weight:600;border:1px solid transparent;transition:background .2s,transform .2s;white-space:normal}.button:hover{transform:translateY(-2px)}.button span{font-size:22px;line-height:1}.button-primary{background:var(--ink);color:var(--paper)}.button-primary:hover{background:var(--muted)}.button-highlight{background:var(--accent-soft);color:var(--navy-deep)}.button-highlight:hover{background:#F0F3F8}.icon-button{border:0;background:transparent;width:44px;height:44px;display:grid;place-items:center}.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:var(--ink);color:var(--paper);padding:12px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.js-only{display:none}.js .js-only{display:flex}.js .icon-button{display:grid}[hidden]{display:none!important}
.site-header{height:91px;position:relative;z-index:30;border-bottom:1px solid var(--line)}.header-inner{height:100%;width: min(1440px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;min-height:44px;align-items:center;flex-shrink:0}.brand img{width:123px;height:42px}.logo-dark{display:none}:root[data-theme=dark] .logo-light{display:none}:root[data-theme=dark] .logo-dark{display:block}.desktop-nav{display:flex;gap:34px;margin-left:8%}.desktop-nav a{font-size:14px;display:flex;align-items:center;min-height:44px}.desktop-nav a:hover{box-shadow:0 1px var(--ink)}.header-actions{display:flex;gap:16px;align-items:center}.header-demo{display:flex;gap:28px;align-items:center;border:1px solid var(--line);padding:11px 18px;font-size:14px;min-height:46px}.header-demo:hover{border-color:var(--ink)}.menu-toggle,.js .menu-toggle{display:none}.mobile-nav{position:absolute;top:90px;left:0;right:0;background:var(--paper);padding:20px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.mobile-nav a{display:flex;align-items:center;justify-content:space-between;padding:13px 4px;min-height:48px;border-bottom:1px solid var(--line)}
.hero{position:relative;padding-top:86px;min-height:775px;display:grid;grid-template-columns:48% 52%;align-items:start}.hero-copy{position:relative;z-index:2;pointer-events:none}.hero-copy a{pointer-events:auto}.hero .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:30px;display:flex;align-items:center;gap:8px;white-space:nowrap}.tiny-spark{font-size:18px;color:var(--accent-text)}.hero h1{width:100%;margin-bottom:28px}.hero-description{font-size:18px;line-height:1.6;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.hero-note{margin-top:14px}.hero-scene{width:106%;max-width:950px;position:relative;margin-left:-6%;margin-top:72px;z-index:1}.hero-scene>picture>img{mix-blend-mode:multiply}.hero-scene figcaption{display:flex;gap:14px;align-items:center;position:relative;justify-content:flex-end;right:auto;bottom:auto;margin-top:2px;font-size:12px;line-height:1.55}.scene-mark{font-family:var(--serif);font-size:45px;border-top:1px solid var(--accent-text);line-height:1.1}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-block:24px 20px;margin-top:40px;font-size:11px;color:var(--muted)}.hero-bottom>a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:100%;font-size:23px}:root[data-theme=dark] .hero-scene>picture>img{mix-blend-mode:normal;border-radius:3px}:root[data-theme=dark] .hero-scene{margin-top:72px;width:106%;margin-left:-6%}:root[data-theme=dark] .hero-scene figcaption{position:static;margin-top:16px;justify-content:flex-end}
.chapter-heading{display:flex;align-items:center;gap:17px;margin-bottom:48px}.chapter-number{font-family:var(--serif);font-size:27px;line-height:1;color:var(--accent-text)}.chapter-heading .eyebrow{white-space:nowrap}.chapter-line{height:1px;background:var(--line);flex:1;margin-left:14px}.editorial-split{display:grid;grid-template-columns:1fr .93fr;gap:80px;align-items:center}.art-frame{position:relative;background:var(--paper-deep)}.answer-art{transform:rotate(-2deg);margin-block:30px 20px}.answer-art img{aspect-ratio:1/.94;object-fit:cover;object-position:55% center}.art-caption{position:absolute;bottom:18px;left:20px;font-family:var(--serif);font-style:italic;font-size:18px;background:#FAFBFD;color:#14171D;padding:8px 14px;box-shadow:0 2px 7px #0002;transform:rotate(2deg)}.editorial-copy h2{font-size:clamp(43px,4.3vw,64px);margin-bottom:22px}.editorial-copy>p{font-size:16px;color:var(--muted);max-width:45ch}.answer-example{margin-top:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:20px}.person-line{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.person-line small{font-weight:400;color:var(--muted);font-size:12px;margin-left:6px}.avatar{width:30px;height:30px;border:1px solid var(--line);background:var(--paper-deep);color:var(--ink);display:inline-grid;place-items:center;border-radius:50%;font-size:12px;flex-shrink:0}.avatar-maria{background:#E6EBF2;color:#14171D;border-color:#E6EBF2}.answer-example blockquote{font-family:var(--serif);font-size:25px;line-height:1.15;margin:11px 0 16px 40px;letter-spacing:-.02em}.owner-answer{display:flex;gap:10px;align-items:flex-start;font-size:14px}.owner-answer small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.knowledge-receipt{display:flex;align-items:center;gap:12px;font-size:12px;padding:13px 15px;background:var(--paper-deep);margin-top:16px}.knowledge-receipt>span{font-size:24px;color:var(--accent-text)}.knowledge-receipt svg{margin-left:auto;width:20px}.editorial-copy>.next-time{font-size:14px;margin-top:20px;line-height:1.6}.next-time strong{color:var(--ink);font-weight:500}
.work-section{background:var(--navy);color:var(--white);padding-block:80px 88px;--line:#1B212C;--muted:#B7C0CD;--accent-text:#62C7A1}.work-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:120px;align-items:end;margin-bottom:42px}.work-heading h2 em{color:#D8B470}.work-heading>div{padding-bottom:6px}.work-heading p{color:#EDF1F7;font-size:16px;line-height:1.6;max-width:36ch}.work-heading p+p{margin-top:15px;font-size:14px}.story-shell{background:var(--navy-deep);border:1px solid #97A1B0}.story-heading{display:flex;gap:14px;align-items:center;padding:22px 28px;border-bottom:1px solid #242C38}.studio-mark{font-family:var(--serif);font-size:21px;width:44px;height:44px;border:1px solid currentColor;display:inline-grid;place-items:center;flex-shrink:0;letter-spacing:-.06em}.story-heading strong{font-family:var(--serif);font-size:24px;letter-spacing:-.03em;font-weight:400;display:block;line-height:1.2}.story-heading>div>span{font-size:11px;color:#B7C0CD;display:block;margin-top:4px}.story-play-label{margin-left:auto;color:#D8B470;font-size:12px}.story-play-label>span{font-size:22px;margin-left:13px}.js .story-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #242C38}.story-tabs button{background:transparent;color:#EDF1F7;border:0;border-right:1px solid #242C38;display:flex;align-items:center;gap:12px;min-height:63px;padding:15px 26px;font-size:14px;text-align:left}.story-tabs button:last-child{border-right:0}.story-tabs button>span{font-family:var(--serif);font-size:20px;color:#B7C0CD}.story-tabs button[aria-selected=true]{background:#D8B470;color:#14171D}.story-tabs button[aria-selected=true]>span{color:#14171D}.story-tabs button:hover:not([aria-selected=true]){background:#1B212C}.story-panel{display:grid;grid-template-columns:.85fr 1.15fr;min-height:407px;gap:70px;padding:42px}.story-narration{align-self:center}.story-narration>.eyebrow{color:#D8B470;font-size:10px;margin-bottom:15px}.story-narration h3{font-size:39px;max-width:14ch;margin-bottom:16px}.story-narration>p:not(.eyebrow):not(.micro){font-size:15px;color:#B7C0CD;max-width:38ch}.story-next{margin-top:25px;font-size:13px;min-height:47px;padding:12px 16px;gap:25px}.story-progress{margin-top:12px;color:#B7C0CD;font-size:11px}.story-evidence{background:#FAFBFD;color:#14171D;box-shadow:9px 9px 0 #141923,9px 9px 0 1px #242C38;align-self:center;min-height:285px;position:relative;padding:26px 30px}.evidence-top{display:flex;gap:10px;align-items:center;font-size:13px;line-height:1.4;border-bottom:1px solid #B7C0CD;padding-bottom:15px}.evidence-top small{display:block;font-size:10px;color:#545B68}.evidence-time{margin-left:auto;color:#545B68;font-size:10px}.instruction{font-family:var(--serif);font-size:28px;line-height:1.24;letter-spacing:-.02em;margin-block:25px}.instruction-footer{display:flex;gap:12px;align-items:center;font-size:12px;line-height:1.5}.bisbe-dot{display:inline-grid;place-items:center;border-radius:50%;background:#14171D;color:#62C7A1;width:30px;height:30px;font-family:var(--serif);font-size:24px;flex-shrink:0}.story-foot{display:flex;gap:15px;align-items:center;padding:20px 30px;border-top:1px solid #242C38;font-size:12px;color:#EDF1F7}.story-foot>span{font-size:26px;color:#D8B470}.story-foot strong{font-weight:500;color:#FAFBFD}.evidence-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px}.evidence-label .status-chip{font-size:10px;letter-spacing:0;text-transform:none}.work-item-title{font-weight:400;letter-spacing:-.03em;margin-top:0;font-family:var(--serif);font-size:31px;line-height:1.1;margin-bottom:16px}.work-item-row{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-top:1px solid #B7C0CD;font-size:12px}.work-item-row span{color:#545B68}.connected-message{border-left:2px solid #123B2E;padding:9px 0 9px 14px;margin-top:16px;font-size:13px;background:#F0F3F850}.connected-message small{display:block;font-size:10px;color:#545B68;margin-bottom:4px}.pending-note{font-size:11px;color:#545B68;margin-top:14px}.reply-bubble{padding:14px;background:#F0F3F8;font-size:14px;margin-top:15px;max-width:90%}.reply-bubble+small{font-size:10px;color:#545B68}.reply-ready{margin-left:30px;background:#14171D;color:#FAFBFD;padding:14px;font-size:14px;margin-top:12px}.result-note{display:flex;gap:12px;align-items:center;margin-top:18px;padding-top:15px;border-top:1px solid #B7C0CD;font-size:12px}.result-note>span{border:1px solid #14171D;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.no-script-story{padding:20px 30px}
.section-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:end;margin-bottom:45px}.section-intro>p{font-size:16px;color:var(--muted);max-width:40ch;margin-bottom:5px}.capability-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.capability{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;display:flex;gap:20px;align-items:center;min-height:83px;text-align:left;padding:14px 12px;transition:background .2s}.capability:first-child{border-top:1px solid var(--line)}.capability-number{font-family:var(--serif);font-size:20px;color:var(--muted);min-width:22px}.capability strong{display:block;font-size:17px;font-weight:500;line-height:1.4}.capability small{font-size:11px;color:var(--muted);display:block;line-height:1.5}.capability-arrow{margin-left:auto;font-size:22px}.capability.active,.capability:hover{background:var(--paper-deep)}.capability.active .capability-number{color:var(--accent-text)}.capability.active .capability-arrow{transform:rotate(45deg)}.capability-detail{background:var(--paper-deep);padding:30px 36px 28px;position:relative;min-height:581px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line)}.detail-overline{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--muted);gap:10px;font-size:10px}.detail-overline .eyebrow{font-size:9px}.detail-symbol{margin:25px 0 19px;color:var(--accent-text)}.detail-symbol svg{width:70px;height:70px;stroke-width:1.3}.capability-detail h3{font-size:43px;margin-bottom:16px}.capability-detail>p{font-size:14px;max-width:34ch;color:var(--muted)}.connection-notes{margin:24px 0 18px;width:100%;background:var(--card);border:1px solid var(--line);box-shadow:4px 4px 0 var(--paper-deep),4px 4px 0 1px var(--line);padding:4px 18px}.connection-notes>div{padding:12px 0;border-bottom:1px solid var(--line);position:relative}.connection-notes>div:last-child{border:0}.note-label{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.connection-notes strong{font-size:12px;font-weight:500;display:block}.detail-footer{font-size:11px;color:var(--muted);margin-top:auto;padding-top:10px}.detail-footer>span{margin-right:8px;font-size:18px;color:var(--accent-text)}
.portal-section{background:var(--paper-deep);padding-block:70px 85px}.portal-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:80px;align-items:center}.portal-visual{position:relative;align-self:stretch;margin-top:20px}.portal-visual>picture>img{width:100%;height:100%;max-height:735px;object-fit:cover;object-position:53% center}.door-plaque{position:absolute;left:28px;bottom:30px;background:#14171D;color:#FAFBFD;box-shadow:0 0 0 4px #14171D,0 0 0 5px #62C7A1,0 8px 20px #0005;border:1px solid #62C7A1;padding:14px 25px;text-align:center;transform:rotate(-3deg)}.door-plaque>span{font-family:var(--serif);font-size:27px;letter-spacing:.08em}.door-plaque>small{display:block;font-size:10px;letter-spacing:.06em;margin-top:4px;color:#E6EBF2}.portal-copy h2{font-size:clamp(54px,5.1vw,78px);margin-bottom:22px}.portal-copy>p{font-size:16px;color:var(--muted);max-width:36ch}.portal-copy>.text-link{margin-top:16px}.audience-example{margin-top:28px}.audience-tabs{gap:0;margin-bottom:12px;border-bottom:1px solid var(--line)}.audience-tabs>button{min-height:44px;padding:8px 17px;font-size:12px;background:transparent;border:0;border-bottom:2px solid transparent;flex:1}.audience-tabs>button[aria-pressed=true]{border-bottom-color:var(--ink);font-weight:600}.audience-tabs>button:hover{background:var(--paper)}#audience-view{background:var(--card);border:1px solid var(--line);padding:18px;min-height:199px;box-shadow:var(--shadow)}.portal-window-title{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:13px}.portal-window-title .studio-mark{width:31px;height:31px;font-size:16px}.portal-window-title strong{font-family:var(--serif);font-size:18px;line-height:1.1;display:block;font-weight:500}.portal-window-title small{font-size:10px;display:block;color:var(--muted);margin-top:3px}.window-hello{font-family:var(--serif);font-size:17px;margin-left:auto;line-height:1.2}.portal-window-body{display:flex;align-items:center;flex-wrap:wrap;gap:15px;padding-top:15px}.portal-window-body>div{flex:1}.portal-window-body strong{display:block;font-size:16px}.portal-window-body>p{width:100%;font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.status-chip{display:inline-flex;align-items:center;min-height:25px;padding:3px 8px;background:#F0F3F8;color:#141923;font-size:11px;white-space:nowrap;border:1px solid #B7C0CD;line-height:1.4}.example-caption{font-size:10px;color:var(--muted);margin-top:8px}
.control-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.control-copy h2{margin-bottom:22px}.control-copy>p{font-size:16px;max-width:36ch;color:var(--muted)}.trust-options{flex-direction:column;gap:0;margin:25px 0 14px}.trust-option{background:transparent;border:0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px;text-align:left;min-height:83px;padding:14px 10px}.trust-option:first-child{border-top:1px solid var(--line)}.trust-icon{font-family:var(--serif);width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:23px}.trust-option strong{font-weight:500;font-size:15px;display:block}.trust-option small{display:block;font-size:11px;color:var(--muted);margin-top:2px}.option-indicator{margin-left:auto;font-size:16px}.trust-option.active{background:var(--paper-deep)}.trust-option.active .trust-icon{border-color:var(--accent-text);color:var(--accent-text)}.trust-option:hover{background:var(--paper-deep)}.control-copy>.micro{font-size:11px}.control-visual{position:relative;margin-bottom:72px}.control-visual>picture>img{aspect-ratio:1.05;object-fit:cover;object-position:68% center}.permission-slip{position:relative;margin:-83px 0 -72px -30px;width:calc(100% - 20px);background:var(--card);border:1px solid var(--line);padding:24px 28px;box-shadow:var(--shadow);transform:rotate(-2deg);min-height:214px}.slip-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.slip-heading .eyebrow{font-size:10px}.slip-symbol{font-family:var(--serif);font-size:24px;border:1px solid var(--accent-text);color:var(--accent-text);width:29px;height:29px;display:grid;place-items:center;border-radius:50%}.permission-slip>strong{font-family:var(--serif);font-weight:400;font-size:27px;line-height:1.1;display:block;margin-bottom:10px}.permission-slip>p{font-size:12px;color:var(--muted);max-width:47ch}.slip-rule{font-size:11px;border-top:1px solid var(--line);padding-top:11px;margin-top:15px}.slip-rule>span{color:var(--accent-text);margin-right:7px}
.questions-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;padding:40px 0 100px}.questions-section .eyebrow{font-size:9px;margin-bottom:18px}.questions-section h2{font-size:53px}.questions details{border-bottom:1px solid var(--line)}.questions details:first-child{border-top:1px solid var(--line)}.questions summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:70px;font-size:16px;padding:18px 0;cursor:pointer}.questions summary::-webkit-details-marker{display:none}.questions summary>span{font-size:25px;line-height:1;font-weight:400}.questions details[open] summary>span{transform:rotate(45deg)}.questions details p{font-size:14px;color:var(--muted);padding:0 25px 22px 0}.questions p a{text-decoration:underline;text-underline-offset:3px}.closing-section{background:#14171D;color:#FAFBFD;text-align:center;padding:76px 0 28px}.closing-section .eyebrow{max-width:none;color:#62C7A1;margin-bottom:28px;font-size:10px;display:flex;align-items:center;gap:10px;justify-content:center}.closing-section .eyebrow>span{font-size:20px}.closing-section h2{font-size:clamp(53px,5.8vw,88px);margin-bottom:32px}.closing-section h2 em{color:#E6EBF2}.closing-section .micro{color:#B7C0CD;margin-top:14px;max-width:none}.closing-line{border-top:1px solid #242C38;margin-top:60px;padding-top:24px;display:flex;justify-content:center;gap:40px;letter-spacing:.15em;font-size:9px;color:#EDF1F7}.footer-top{padding-block:42px;display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:30px;align-items:start}.footer-top>p{font-family:var(--serif);font-size:24px;line-height:1.2;letter-spacing:-.02em}.footer-top>nav{display:grid;grid-template-columns:1fr 1fr;font-size:12px;gap:2px 25px}.footer-top>nav>a{min-height:44px;display:flex;align-items:center}.footer-top>nav>a:hover{text-decoration:underline;text-underline-offset:4px}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);padding:18px 0 22px;align-items:center}.footer-bottom a{display:flex;min-height:44px;align-items:center}
@media(min-width:1600px){.hero{min-height:820px}.hero-scene{margin-top:70px}.hero-bottom{margin-top:30px}}
@media(max-width:1200px){.wrap{width:calc(100% - 72px)}.header-inner{width:calc(100% - 48px)}.hero{min-height:700px;padding-top:70px;grid-template-columns:52% 48%}.hero h1{font-size:clamp(60px,7.1vw,84px)}.hero-scene{width:106%;margin-left:-6%;margin-top:105px}.hero-scene figcaption{right:2%;bottom:-2%}.hero .eyebrow{font-size:8px}.hero-description{font-size:16px}.hero-actions{gap:18px}.hero-actions .text-link{font-size:13px;gap:12px}.hero-actions .button{font-size:14px;gap:20px;padding-inline:20px}.hero-bottom{margin-top:75px}.editorial-split,.portal-layout{gap:50px}.work-heading,.section-intro,.control-layout,.questions-section{gap:60px}.story-panel{gap:40px;padding:34px}.capability-layout{gap:45px}.story-tabs button{padding:15px 20px}.capability-detail{padding:27px}.permission-slip{margin-left:-20px;width:100%}.desktop-nav{margin-left:0;gap:25px}}
@media(max-width:960px){.hero h1{font-size:clamp(55px,7.1vw,70px)}.hero{min-height:645px;padding-top:62px}.hero-scene{margin-top:115px;width:106%;margin-left:-6%}.hero-scene figcaption{font-size:10px;bottom:-14px}.hero-actions{align-items:flex-start;gap:12px;flex-direction:column}.hero-actions .text-link{min-height:44px}.hero-description{max-width:29ch}.desktop-break{display:none}.hero-bottom{margin-top:35px}.hero-bottom>span{font-size:10px}.hero .eyebrow{white-space:normal;max-width:30ch;font-size:9px}.hero-note{font-size:10px}.desktop-nav{gap:18px}.desktop-nav>a{font-size:12px}.header-actions{gap:8px}.header-demo{gap:14px;font-size:12px}.section-space{padding-block:74px}.editorial-split{gap:36px}.editorial-copy h2{font-size:45px}.art-caption{font-size:14px;left:12px;bottom:12px}.answer-art img{aspect-ratio:.73}.chapter-heading{margin-bottom:34px}.work-heading,.section-intro{gap:35px}.work-heading h2,.section-intro h2{font-size:54px}.work-heading p,.section-intro p{font-size:14px}.story-panel{grid-template-columns:.85fr 1.15fr;gap:28px;padding:30px}.story-narration h3{font-size:34px}.story-evidence{padding:23px}.instruction{font-size:25px}.story-tabs button{padding:14px;gap:8px;font-size:12px}.capability-layout{gap:30px;grid-template-columns:1fr 1fr}.capability{gap:13px}.capability strong{font-size:15px}.capability-detail h3{font-size:36px}.capability-detail{padding:24px}.portal-layout{gap:35px;grid-template-columns:1fr 1fr}.portal-copy h2{font-size:59px}.portal-copy>p{font-size:14px}.window-hello{display:none}.door-plaque{left:20px;bottom:25px;padding:12px 19px}.door-plaque>span{font-size:20px}.control-layout{gap:40px;grid-template-columns:1fr 1fr}.control-copy h2{font-size:56px}.control-visual>picture>img{aspect-ratio:.8}.control-copy>p{font-size:14px}.permission-slip{padding:20px}.permission-slip>strong{font-size:25px}.questions-section{gap:40px}.questions-section h2{font-size:47px}.questions summary{font-size:14px}.footer-top{grid-template-columns:.8fr 1fr 1.2fr;gap:20px}.footer-top>p{font-size:20px}.footer-top>nav{gap:0 12px;font-size:11px}}
@media(max-width:760px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.site-header{height:76px}.header-inner{width:calc(100% - 32px);gap:12px}.brand img{width:105px;height:36px}.desktop-nav{display:none}.header-actions{gap:3px}.header-demo{min-height:44px;padding:8px 11px;gap:13px;font-size:12px;border:0}.js .menu-toggle{display:grid}.mobile-nav{top:75px}.hero{padding-top:43px;display:block;min-height:0}.hero .eyebrow{max-width:none;white-space:normal;font-size:8px;letter-spacing:.1em;margin-bottom:24px;gap:6px}.tiny-spark{font-size:16px}.hero h1{font-size:clamp(50px,11.8vw,80px);width:100%;margin-bottom:20px}.hero-description{font-size:16px;max-width:34ch}.hero-description>br:first-child{display:none}.hero-actions{flex-direction:row;align-items:center;gap:20px;margin-top:25px}.hero-actions .button{min-height:51px;padding:13px 19px;font-size:13px}.hero-actions .text-link{font-size:12px;gap:9px;line-height:1.35;min-height:44px}.hero-note{font-size:11px;margin-top:12px}.hero-scene{margin:5px -10px 0;width:calc(100% + 20px);max-width:none}.hero-scene>picture>img{width:100%}.hero-scene figcaption{position:static;justify-content:center;font-size:11px;margin-top:-8px;gap:12px}.hero-scene .scene-mark{font-size:36px}.hero-bottom{padding-block:24px 18px;margin-top:7px}.hero-bottom>span{font-size:9px;max-width:12ch}.hero-bottom>span:last-child{text-align:right}.hero-bottom>a{width:44px;height:44px}.hero-copy{pointer-events:auto}:root[data-theme=dark] .hero-scene{margin:28px 0 0;width:100%}:root[data-theme=dark] .hero-scene figcaption{justify-content:center;margin-top:17px}.section-space{padding-block:55px}.chapter-heading{gap:12px;margin-bottom:29px}.chapter-heading .eyebrow{font-size:9px;letter-spacing:.11em;white-space:normal}.chapter-number{font-size:25px}.chapter-line{margin-left:0;min-width:20px}.editorial-split{display:flex;flex-direction:column;gap:32px}.answer-art{margin:5px 8px 0;width:calc(100% - 16px);order:1;transform:rotate(-1.5deg)}.editorial-copy{width:100%;order:0}.editorial-copy h2{font-size:clamp(45px,8.7vw,64px);margin-bottom:20px}.editorial-copy>p{font-size:15px;max-width:49ch}.answer-example{padding-block:17px}.answer-example blockquote{font-size:26px}.answer-art img{aspect-ratio:1.25;object-position:center center}.art-caption{font-size:16px;bottom:15px;left:15px;max-width:90%;padding:7px 12px}.editorial-copy>.next-time{font-size:13px}.work-section{padding-block:50px}.work-heading{display:block;margin-bottom:27px}.work-heading h2{font-size:53px;margin-bottom:22px}.work-heading p{font-size:14px;max-width:42ch}.work-heading p+p{font-size:13px;margin-top:10px}.story-heading{padding:17px 16px;gap:11px}.story-heading strong{font-size:22px}.story-heading>div>span{font-size:9px;line-height:1.5;max-width:29ch}.story-heading .studio-mark{width:38px;height:38px;font-size:20px}.story-play-label{display:none}.story-tabs button{flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;font-size:10px;padding:10px;min-height:67px;line-height:1.2}.story-tabs button>span{font-size:17px}.story-panel{display:flex;flex-direction:column;min-height:0;padding:25px 18px 28px;gap:26px}.story-narration{width:100%}.story-narration h3{max-width:18ch;font-size:36px;margin-bottom:12px}.story-narration>.eyebrow{font-size:9px;margin-bottom:10px}.story-narration>p:not(.eyebrow):not(.micro){font-size:13px;max-width:50ch}.story-next{margin-top:17px;font-size:12px;gap:22px;min-height:47px}.story-progress{font-size:10px;margin-top:8px}.story-evidence{width:100%;padding:21px;min-height:273px;box-shadow:5px 5px 0 #141923,5px 5px 0 1px #242C38}.instruction{font-size:26px;margin-block:22px}.story-foot{padding:16px 19px;font-size:10px;gap:10px}.story-foot>span{font-size:23px}.work-item-title{font-size:28px}.evidence-top{font-size:12px;gap:8px}.section-intro{display:block;margin-bottom:28px}.section-intro h2{font-size:50px;margin-bottom:20px}.section-intro>p{font-size:14px;max-width:45ch}.capability-layout{grid-template-columns:1fr;gap:25px}.capability{min-height:74px;padding:11px 9px;gap:18px}.capability strong{font-size:16px}.capability small{font-size:11px}.capability-detail{min-height:0;padding:25px 25px 20px}.detail-symbol{margin:20px 0 13px}.detail-symbol svg{width:60px;height:60px}.capability-detail h3{font-size:40px}.capability-detail>p{font-size:14px;max-width:38ch}.connection-notes{margin-block:20px 14px}.portal-section{padding-block:45px 50px}.portal-layout{display:flex;flex-direction:column;gap:35px}.portal-copy{order:0;width:100%}.portal-copy h2{font-size:59px}.portal-copy>p{font-size:15px;max-width:43ch}.portal-copy>.text-link{font-size:14px;margin-top:14px}.portal-visual{order:1;width:100%;margin:0}.portal-visual>picture>img{aspect-ratio:.97;height:auto;max-height:none;object-position:55% center}.door-plaque{left:22px;bottom:26px}.door-plaque>span{font-size:23px}.window-hello{display:block}.audience-example{margin-top:20px}.control-layout{display:flex;flex-direction:column;gap:33px}.control-copy{width:100%}.control-copy h2{font-size:57px}.control-copy>p{font-size:15px;max-width:43ch}.trust-option{min-height:80px}.trust-option strong{font-size:15px}.trust-option small{font-size:11px}.control-visual{width:100%;margin-bottom:47px}.control-visual>picture>img{aspect-ratio:1.08;object-position:60% center}.permission-slip{width:calc(100% - 22px);margin:-42px 0 -47px 11px;padding:21px;min-height:213px;transform:rotate(-1.5deg)}.permission-slip>strong{font-size:26px}.permission-slip>p{font-size:12px}.slip-rule{font-size:10px}.questions-section{display:block;padding:20px 0 50px}.questions-section>div:first-child{margin-bottom:24px}.questions-section h2{font-size:46px}.questions-section .eyebrow{font-size:9px;margin-bottom:16px}.questions summary{font-size:15px;min-height:70px}.questions details p{font-size:14px;padding-right:10px}.closing-section{padding:51px 0 23px}.closing-section .eyebrow{font-size:8px;letter-spacing:.07em;margin-bottom:25px;gap:8px}.closing-section .eyebrow>span{font-size:16px}.closing-section h2{font-size:49px;margin-bottom:27px}.closing-section .micro{font-size:10px}.closing-line{margin-top:40px;gap:14px;font-size:7px;letter-spacing:.09em;padding-top:23px}.footer-top{grid-template-columns:.8fr 1.2fr;gap:20px;padding-block:33px 24px}.footer-top>p{font-size:21px}.footer-top>nav{grid-column:1/-1;font-size:12px;gap:0 20px}.footer-bottom{flex-wrap:wrap;gap:0 20px;padding-block:12px;font-size:9px}.footer-bottom>span:nth-child(2){order:3;flex:1 0 100%;padding-bottom:12px}.footer-bottom>a{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.text-link:hover span{transform:none}}
@media print{body::before,.site-header,.hero-actions,.story-next,.story-tabs,.theme-toggle,.menu-toggle,.audience-tabs,.trust-options,.closing-section .button{display:none!important}.wrap{width:100%}.section-space{padding-block:30px}.work-section,.closing-section{color:#14171D;background:#FAFBFD}.story-panel{color:#14171D}.story-narration>p{color:#14171D!important}.hero{min-height:0}.hero-bottom{display:none}.section-space,section{break-inside:avoid}a{color:inherit}.hero-scene>picture>img{mix-blend-mode:normal}}

@media(max-width:760px){.capability-list>.capability-detail{margin:14px 0 22px}.capability-list>.capability-detail+.capability{border-top:1px solid var(--line)}}

@media(max-width:760px){.portal-window-body{align-items:flex-start;gap:9px 13px}.portal-window-body>div{flex-basis:100%}.portal-window-body>p{padding-top:10px}.window-hello{font-size:16px}}

.hero-tagline{display:block}@media(max-width:760px){.hero-tagline{display:inline}}

.faq-actions{display:flex;flex-wrap:wrap;gap:12px 25px;padding-bottom:23px}.faq-actions .text-link{font-size:13px;gap:12px}

/* Future features carry a dashed gilt boundary and explicit words.
   Use the current brand text pair; contrast is measured on the rendered surface. */
.soon-mark{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border:1px dashed var(--soon-ink);border-radius:999px;font-family:var(--sans);font-size:12px;font-weight:600;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;color:var(--soon-ink);white-space:nowrap}
p.soon-mark{margin-top:18px;max-width:none}
.work-heading p.soon-mark{color:var(--accent-soft);border-color:var(--accent-soft);font-size:12px}
.soon-note{margin-top:16px}
.portal-copy>p.soon-note,.control-copy>p.soon-note{color:var(--ink)}
.soon-note .soon-mark{margin-right:9px;transform:translateY(-1px)}
@media(max-width:760px){.soon-note .soon-mark{display:flex;width:max-content;margin-right:0;margin-bottom:10px;transform:none}}

/* Historical layout base; canonical brand application follows below. */
:root{--accent:#123B2E;--accent-strong:#1B5744;--glass:rgba(255,255,255,.78);--glow-blue:#123B2E;--glow-violet:#1B5744;--serif:Familjen,Arial,sans-serif}
:root[data-theme=dark]{--accent:#62C7A1;--accent-strong:#62C7A1;--glass:rgba(17,26,49,.84);--glow-blue:#1B5744;--glow-violet:#123B2E}
body::before{display:none}body{background:radial-gradient(ellipse 58% 24% at 92% 4%,color-mix(in srgb,var(--glow-blue) 24%,transparent),transparent 85%),var(--paper)}
h1,h2,h3{font-weight:550;letter-spacing:-.055em}h2{line-height:1.06}em{font-style:normal;font-weight:inherit;color:var(--accent)}
.site-header{height:80px;background:var(--glass);backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);border-color:color-mix(in srgb,var(--line) 70%,transparent)}
.brand .logo-light{filter:none}.header-demo,.button{border-radius:12px}.header-demo{background:var(--card);box-shadow:0 2px 8px #00000008}.desktop-nav a:hover{box-shadow:0 2px var(--accent)}
.button-primary{background:var(--accent);color:var(--card);box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 24%,transparent)}.button-primary:hover{background:var(--accent-strong)}:root[data-theme=dark] .button-primary{color:var(--paper)}
.button-highlight{background:#E6EBF2;color:#14171D}.button-highlight:hover{background:#fff}.text-link{border-color:var(--line)}.icon-button{border-radius:50%}
.hero{padding-top:82px;padding-bottom:76px;min-height:680px;grid-template-columns:1.04fr 1fr;gap:40px;align-items:center}.hero-copy{pointer-events:auto}.hero .eyebrow{margin-bottom:25px;white-space:normal;font-size:10px;letter-spacing:.1em}.hero h1{font-size:clamp(50px,4.7vw,78px);line-height:1.02;letter-spacing:-.06em;margin-bottom:25px;width:112%;max-width:650px}.hero h1 em{color:var(--accent)}.hero-description{font-size:17px;line-height:1.6;max-width:42ch}.hero-actions{flex-wrap:wrap;gap:16px 24px;margin-top:26px}.hero-note{font-size:12px}.hero-actions .button{gap:24px}.hero-actions .text-link{font-size:13px;gap:12px}
.clarity-section{padding:46px 0 48px;border-block:1px solid var(--line)}.clarity-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:30px}.clarity-heading .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:14px;color:var(--muted)}.clarity-heading h2{font-size:clamp(32px,3.3vw,49px)}.clarity-heading>p{font-size:15px;color:var(--muted);line-height:1.65;max-width:54ch}.system-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.system-cell{padding:22px 20px 24px;background:var(--card);border:1px solid var(--line);border-radius:15px}.system-symbol{display:grid;place-items:center;width:34px;height:34px;background:color-mix(in srgb,var(--accent) 9%,var(--card));border-radius:10px;font-size:23px;color:var(--accent);margin-bottom:22px}.system-cell:nth-child(even) .system-symbol{color:var(--brand-text);background:color-mix(in srgb,var(--brand-text) 9%,var(--card))}.system-cell h3{font-size:16px;letter-spacing:-.02em;line-height:1.2;font-weight:600;margin-bottom:9px}.system-cell p{font-size:12px;line-height:1.6;color:var(--muted)}.clarity-status{display:flex;align-items:baseline;gap:14px;margin-top:20px}.availability-label{display:inline-flex;border:1px solid var(--line);border-radius:6px;white-space:nowrap;padding:3px 7px;font-size:10px;font-weight:600;color:var(--muted)}.clarity-status p{font-size:11px;color:var(--muted);max-width:100ch;line-height:1.6}
.art-frame,.portal-visual>picture>img,.control-visual>picture>img{border-radius:22px;overflow:hidden}.answer-art{transform:none}.art-caption{transform:none;font-family:var(--sans);font-style:normal;border-radius:8px;font-size:13px}.work-section{background:radial-gradient(ellipse at 90% 5%,#1B212C,transparent 60%),#0E1116}.work-heading h2 em,.closing-section h2 em{color:#62C7A1}.story-shell{border-radius:20px;overflow:hidden;box-shadow:0 22px 75px #00000024}.story-evidence{border-radius:14px;box-shadow:0 16px 30px #00000033}.story-tabs button[aria-selected=true]{background:#E6EBF2}.capability-detail{border-radius:20px;background:linear-gradient(140deg,var(--card),var(--paper-deep))}.capability{border-radius:10px}.portal-section{background:linear-gradient(135deg,var(--paper-deep),var(--paper))}.permission-slip{border-radius:16px;transform:rotate(-1deg);box-shadow:0 18px 50px #00000024}.trust-option{border-radius:12px}.audience-example{border-radius:16px;overflow:hidden}.closing-section{background:radial-gradient(ellipse at 50% 115%,#1B5744,transparent 68%),#0E1116}.footer-top>p{font-family:var(--sans);font-weight:500;letter-spacing:-.03em}
@keyframes window-arrive{from{opacity:0;transform:translateY(22px) rotate(-3deg)}to{opacity:1;transform:translateY(0) rotate(-2deg)}}@keyframes chip-arrive{from{opacity:0;transform:translateY(15px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(2deg)}}
@media(min-width:1500px){.hero{padding-top:100px;padding-bottom:96px;gap:65px}}
@media(max-width:1100px) and (min-width:761px){.wrap{width:calc(100% - 64px)}.hero{gap:22px;min-height:640px;padding-top:60px;padding-bottom:60px}.hero h1{font-size:54px;width:110%}.hero-description{font-size:15px}.product-scene{padding-inline:0}.product-question{padding-inline:18px}.product-answer{padding:20px}.product-toolbar{padding-inline:18px}.connected-chip{margin-right:0}.clarity-heading{gap:35px}.system-cell{padding:18px 15px}.system-cell h3{font-size:15px}}
@media(max-width:760px){.site-header{height:68px}.header-inner{width:calc(100% - 32px);gap:12px}.brand img{width:105px;height:36px}.header-actions{gap:4px}.header-demo{min-height:44px;padding:8px 11px;font-size:12px;gap:10px}.mobile-nav{top:67px}.wrap{width:calc(100% - 40px)}.hero{display:flex;flex-direction:column;align-items:stretch;padding:44px 0 38px;gap:36px;min-height:0}.hero .eyebrow{font-size:9px;margin-bottom:22px;letter-spacing:.08em}.hero h1{font-size:clamp(38px,8vw,59px);width:100%;margin-bottom:20px;line-height:1.04}.hero-description{font-size:15px;line-height:1.6;max-width:45ch}.hero-actions{gap:12px 18px;margin-top:22px}.hero-actions .button{font-size:13px;min-height:48px;padding:12px 17px;gap:20px}.hero-actions .text-link{font-size:12px;min-height:44px;gap:8px}.hero-note{font-size:11px}.product-scene{padding:37px 4px 0;min-height:0;max-width:460px;width:100%;align-self:center}.product-scene::before{inset:10px -10px 30px;filter:blur(12px)}.scene-label{left:16px;top:7px;font-size:9px}.product-window{border-radius:18px}.product-toolbar{padding:12px 18px;font-size:10px}.product-toolbar>strong{font-size:14px}.product-question{padding:20px 19px 16px;gap:11px}.product-question p{font-size:14px}.product-answer{padding:18px 19px;margin-inline:10px;border-radius:11px}.answer-brand{font-size:9px;gap:7px}.product-answer>p{font-size:26px;margin-block:13px 20px}.product-source{font-size:10px}.product-source>span{font-size:8px}.product-followthrough{padding:15px 22px 18px;font-size:10px}.connected-chip{padding:12px 16px;margin:1px 0 0 auto;max-width:100%;gap:10px}.connected-chip strong{font-size:11px}.connected-chip small{font-size:9px}.product-scene figcaption{font-size:8px;margin-top:16px}.clarity-section{padding:33px 0 30px}.clarity-heading{display:block;margin-bottom:23px}.clarity-heading .eyebrow{font-size:8px;margin-bottom:14px}.clarity-heading h2{font-size:36px;margin-bottom:18px}.clarity-heading>p{font-size:13px}.system-grid{grid-template-columns:1fr 1fr;gap:10px}.system-cell{padding:17px 14px 18px}.system-symbol{width:31px;height:31px;margin-bottom:18px;font-size:21px}.system-cell h3{font-size:14px;line-height:1.25}.system-cell p{font-size:11px;line-height:1.55}.clarity-status{align-items:flex-start;gap:10px;margin-top:18px}.availability-label{font-size:9px}.clarity-status p{font-size:10px}.editorial-copy h2,.work-heading h2,.section-intro h2,.portal-copy h2,.control-copy h2,.closing-section h2{font-size:42px;line-height:1.07}.story-narration h3{font-size:31px}.answer-example blockquote{font-size:23px}.chapter-heading{margin-bottom:28px}.story-tabs button{min-height:65px}.story-evidence{box-shadow:0 12px 20px #00000024}}
@media(max-width:360px){.hero-actions{display:grid;justify-items:start}.header-demo{font-size:11px;padding-inline:9px}.product-answer>p{font-size:24px}.product-source>span{margin-left:0;flex-basis:100%;padding-left:20px}}
@media(prefers-reduced-motion:reduce){.product-window,.connected-chip{animation:none}.product-window{transform:none}.connected-chip{transform:none}}
@media print{.scene-orbit,.product-scene::before{display:none}.product-window,.connected-chip{transform:none;box-shadow:none}.clarity-section{break-inside:avoid}}

/* Clip only the decorative rings; content and focus outlines stay unrestricted. */
.scene-orbits{position:absolute;inset:-10px -12px;overflow:hidden;z-index:-1;pointer-events:none}

.system-phase{display:block;margin-top:10px;font-size:9px;line-height:1.5;color:var(--muted);font-weight:600}
.system-cell:last-child{grid-column:span 2}
@media(min-width:761px) and (max-width:1100px){.system-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.system-cell:last-child{grid-column:span 3}}

/* BISBE BRAND APPLICATION · REQ446 + founder September6 direction.
   Color slots mirror the signed-off guide. The shared .gl material is imported,
   never re-derived. See BRAND-APPLICATION.md in the review packet. */
:root{--g0:#FAFBFD;--g1:#FFFFFF;--g2:#F0F3F8;--g3:#E6EBF2;--brand:#123B2E;--brand-ink:#FFFFFF;--brand-text:#123B2E;--node:#D5A63A;--gilt-text:#5C4108;--ink:#14171D;--muted:#545B68;--line:rgba(20,23,29,.14);--paper:var(--g0);--paper-deep:var(--g2);--card:var(--g1);--accent:var(--brand-text);--accent-text:var(--brand-text);--accent-soft:#62C7A1;--soon-ink:var(--gilt-text);--gl-accent:var(--brand-text);--strata:rgba(18,59,46,.085);--strata-under:rgba(18,59,46,.035);--strata-seam:rgba(138,98,16,.38);--sans:'Familjen Grotesk',Familjen,Arial,sans-serif;--serif:var(--sans);--mono:'JetBrains Mono',monospace}
:root[data-theme=dark]{--g0:#0E1116;--g1:#141923;--g2:#1B212C;--g3:#242C38;--brand:#1B5744;--brand-text:#62C7A1;--gilt-text:#D8B470;--ink:#EDF1F7;--muted:#B7C0CD;--line:rgba(222,232,245,.13);--strata:rgba(27,87,68,.26);--strata-under:rgba(27,87,68,.10);--strata-seam:rgba(216,180,112,.30)}
body{background:var(--g0)}body::before{display:none}.site-header{background:var(--g2);backdrop-filter:none;-webkit-backdrop-filter:none}.brand .logo-light{filter:none}
h1,h2,h3{font-weight:700;letter-spacing:-.028em}.eyebrow,.scene-label,.draft-label,.plan-number{font-family:var(--mono)}.button-primary{background:var(--brand);color:var(--brand-ink);box-shadow:none}.button-primary:hover{background:color-mix(in oklab,var(--brand) 84%,black)}:root[data-theme=dark] .button-primary{color:var(--brand-ink)}.button-highlight{background:var(--brand);color:var(--brand-ink)}.button-highlight:hover{background:color-mix(in oklab,var(--brand) 84%,black)}
.hero{padding-top:58px;padding-bottom:58px;min-height:650px;gap:50px;grid-template-columns:1fr 1.13fr;isolation:isolate}.hero::before{content:'';position:absolute;inset:0 calc((min(1320px,100vw - 112px) - 100vw)/2);z-index:-1;pointer-events:none;background:linear-gradient(180deg,var(--strata),transparent 30%,var(--strata-under) 31%,transparent 58%)}.hero::after{content:'';position:absolute;top:30%;inset-inline:0;height:1px;background:var(--strata-seam);z-index:-1;pointer-events:none}.hero h1{width:100%;font-size:clamp(44px,4.8vw,70px);max-width:620px;margin-bottom:22px}.hero-promise{font-size:clamp(19px,2vw,27px);font-weight:600;letter-spacing:-.025em;line-height:1.25;margin-bottom:17px}.hero-description{font-size:16px;line-height:1.6;max-width:43ch}.hero .eyebrow{font-size:10px}.hero-note{font-size:12px}
.product-scene{position:relative;min-width:0;margin:0;padding:28px 0 0;width:100%}.scene-label{position:absolute;top:0;font-size:9px;color:var(--muted);letter-spacing:.1em}.product-window.gl{--gl-radius:14px;border-radius:14px;position:relative;overflow:visible;transform:none;animation:none;padding:10px}.product-toolbar{display:flex;align-items:center;gap:10px;padding:7px 10px 17px;font-size:12px;color:var(--ink)}.product-toolbar>strong{display:flex;align-items:center;gap:7px;font-size:18px}.product-toolbar>strong>span{color:var(--brand-text)}.preview-mark{margin-left:auto;border:1px dashed var(--gilt-text);padding:3px 6px;border-radius:4px;font-size:10px;color:var(--gilt-text)}.hero-panel{background:var(--g1);border-radius:8px;padding:22px}.hero-insight{display:flex;gap:12px}.insight-symbol{font-size:27px;line-height:1;color:var(--brand-text)}.insight-label{font-size:12px;font-weight:600;margin-bottom:9px;color:var(--brand-text)}.hero-insight h2{font-size:clamp(21px,2vw,29px);line-height:1.12;margin-bottom:10px}.hero-insight div>p:last-child{font-size:13px;line-height:1.55;color:var(--muted)}.context-links{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0}.context-links>span{display:block;background:var(--g2);padding:5px 9px;border-radius:5px;font-size:10px;color:var(--ink)}.hero-plan{list-style:none;margin:0 0 18px;padding:0;border-top:1px solid var(--line)}.hero-plan li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.plan-number{font-size:10px;color:var(--brand-text);padding-top:3px}.hero-plan strong{font-size:13px;display:block;font-weight:600}.hero-plan div>span{font-size:12px;display:block;margin-top:3px;color:var(--muted);line-height:1.5}.hero-draft summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 13px;cursor:pointer;border:1px solid var(--brand-text);border-radius:6px;font-size:13px;font-weight:600;color:var(--brand-text)}.hero-draft summary::-webkit-details-marker{display:none}.hero-draft summary:focus-visible{outline:2px solid var(--brand-text);outline-offset:3px}.hero-draft[open] summary>span{transform:rotate(90deg)}.draft-content{padding:18px 0 0;font-size:13px;line-height:1.6}.draft-content blockquote{font-size:15px;padding:12px 0;color:var(--ink)}.draft-label{font-size:10px;color:var(--brand-text)}.draft-work{padding:15px 0;margin:10px 0;border-block:1px solid var(--line)}.draft-work p{margin-top:6px;color:var(--muted)}.draft-boundary{margin-top:17px;border-top:1px dashed var(--gilt-text);padding-top:12px;font-size:12px;color:var(--gilt-text)}.product-scene figcaption{font-size:12px;color:var(--muted);line-height:1.55;margin-top:17px}
.system-cell{border-radius:8px;background:var(--g1)}.system-symbol,.system-cell:nth-child(even) .system-symbol{background:var(--g2);color:var(--brand-text)}.system-cell p,.clarity-status p{font-size:12px}.system-phase{font-size:12px;border-top:1px dashed var(--gilt-text);padding-top:8px;color:var(--gilt-text);font-weight:400}.system-cell h3{font-weight:700}.work-section,.closing-section{background:var(--g0);color:var(--ink);border-block:1px solid var(--line)}.work-heading h2 em,.closing-section h2 em{color:var(--brand-text)}.work-heading p{color:var(--muted)}.work-heading p.soon-mark{color:var(--gilt-text);border-color:var(--gilt-text)}.art-frame,.portal-visual>picture>img,.control-visual>picture>img{border-radius:10px}.capability-detail{border-radius:10px;background:var(--g1)}.portal-section{background:var(--g2)}.closing-section .eyebrow,.closing-section .micro,.closing-line{color:var(--muted)}.closing-section .eyebrow>span{color:var(--brand-text)}.permission-slip{border-radius:10px}.owner-answer small,.story-foot,.capability small,.trust-option small,.detail-footer,.slip-rule{font-size:12px}.soon-mark{border-radius:5px}.connected-chip,.scene-orbits{display:none}
.js .product-window.gl{animation:plan-arrive 240ms cubic-bezier(.2,.7,.2,1) both}
@keyframes plan-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px) and (min-width:761px){.hero{gap:28px;grid-template-columns:.9fr 1.1fr}.hero h1{font-size:48px}.hero-panel{padding:17px}.hero::before{inset-inline:-32px}}
@media(max-width:760px){.hero{padding:35px 0 40px;gap:25px}.hero::before{inset-inline:-20px}.hero h1{font-size:40px;margin-bottom:16px}.hero .eyebrow{margin-bottom:18px}.hero-promise{font-size:21px;margin-bottom:12px}.hero-description{font-size:15px}.product-scene{max-width:520px;padding-top:26px}.hero-panel{padding:17px 14px}.product-toolbar{font-size:11px;gap:8px;padding-inline:5px}.hero-insight{gap:8px}.hero-insight h2{font-size:24px}.insight-symbol{font-size:23px}.hero-plan strong{font-size:13px}.hero-plan div>span{font-size:12px}.product-scene figcaption{font-size:12px}.system-cell p,.clarity-heading>p,.clarity-status p{font-size:12px}.system-phase{font-size:12px}.hero-note{font-size:12px}.site-header{height:68px}.product-window.gl{--gl-radius:12px;border-radius:12px;padding:8px}}
@media(prefers-reduced-motion:reduce){.product-window.gl{animation:none}}

.hero h1{font-size:clamp(42px,4.1vw,59px);line-height:1.04}.hero h1 em{display:inline-block;margin-top:12px}.hero-promise{font-size:22px}@media(max-width:760px){.hero h1{font-size:38px}.hero-promise{font-size:18px}}

/* One connected Rooms example. All actions are local; existing Bisbe tokens own the surfaces. */
.rooms-story{width:100%;min-width:0}.rooms-story h3{font-size:clamp(29px,3vw,40px);line-height:1.08;margin:19px 0 12px}.room-intro{font-size:14px;color:var(--muted);max-width:42ch;line-height:1.5}.room-path{list-style:none;display:flex;gap:12px;padding:0;margin:21px 0 16px;font-family:var(--sans);font-size:12px;color:var(--muted)}.room-path li{display:flex;gap:6px;align-items:center}.room-path li+li:before{content:'→';color:var(--muted);margin-right:3px}.room-path .current{color:var(--brand-text);font-weight:700}.room-ticket{display:flex;gap:10px;padding:12px 13px;border:1px solid var(--line);border-radius:7px;background:var(--g2)}.room-ticket-mark{font-size:22px;color:var(--brand-text)}.room-ticket strong{font-size:12px}.room-ticket p{font-size:13px;line-height:1.4;margin:5px 0}.room-ticket small{font-size:12px;color:var(--muted)}.room-conversation{padding:12px 0 0}.room-message{padding:11px 13px}.room-message strong{font-size:12px;display:flex;gap:9px;align-items:baseline}.room-message strong span{font-weight:400;font-size:12px;color:var(--muted)}.room-message p{font-size:13px;line-height:1.45;margin-top:5px}.room-context-message{border-left:1px solid var(--line);margin-left:13px;padding-left:14px}.room-context-message p{color:var(--muted)}.room-answer-pair{border:1px solid var(--line);border-radius:7px;background:var(--g0);overflow:hidden;margin:3px 0}.room-answer-pair.selected{border:2px solid var(--brand-text);margin:2px -1px}.room-answer-pair .room-message+.room-message{border-top:1px solid var(--line)}.rooms-story button{min-height:44px;font:500 12px var(--sans);padding:10px 12px;cursor:pointer;border:1px solid var(--line);border-radius:6px;background:var(--g1);color:var(--ink)}.room-answer-pair>button{border:0;border-top:1px dashed var(--line);border-radius:0;width:100%;text-align:left;display:flex;align-items:center;gap:8px;color:var(--brand-text)}.room-answer-pair.selected>button{background:var(--g2);font-weight:700}.room-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 17px}.room-actions .room-primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand);display:flex;justify-content:space-between;gap:18px}.room-selection-hint,.room-selection-status{font-size:12px;line-height:1.5;color:var(--muted)}.room-selection-status{color:var(--brand-text)}.room-library-draft{margin-top:15px;border:1px solid var(--line);border-top:3px solid var(--brand-text);border-radius:7px;padding:17px;background:var(--g0)}.room-draft-label{display:flex;justify-content:space-between;align-items:start;gap:10px;font-size:12px;line-height:1.4;color:var(--muted)}.room-draft-label strong{font-size:12px;color:var(--gilt-text);border-bottom:1px dashed var(--gilt-text);padding-bottom:3px;white-space:nowrap}.room-library-draft h4{font:700 22px/1.15 var(--sans);margin:16px 0 12px;letter-spacing:-.02em}.room-library-draft>p{font-size:13px;line-height:1.6}.room-context-proof{margin-top:16px;padding-top:13px;border-top:1px solid var(--line)}.room-context-proof>strong{font-size:12px;color:var(--brand-text)}.room-context-proof p{font-size:12px;color:var(--muted);line-height:1.5;margin:7px 0 10px}.room-context-proof>div{display:flex;flex-wrap:wrap;gap:6px}.room-context-proof>div span{font-size:12px;border:1px solid var(--line);padding:4px 6px;border-radius:4px}.room-library-draft .room-review-note{font-size:12px;margin-top:15px;color:var(--muted)}.room-client{border-block:1px solid var(--line);margin-top:12px}.room-client summary{display:flex;align-items:center;gap:10px;min-height:66px;padding:12px 0;cursor:pointer;list-style:none}.room-client summary::-webkit-details-marker{display:none}.room-client-monogram{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;font-size:12px;color:var(--brand-text);flex-shrink:0}.room-client summary strong{display:block;font-size:12px}.room-client summary small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.room-client-arrow{margin-left:auto;color:var(--brand-text);font-size:20px}.room-client[open] .room-client-arrow{transform:rotate(90deg)}.room-client-body{padding:0 0 15px}.room-account-value{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px;background:var(--g2);border-radius:6px}.room-account-value span,.room-account-value small{display:block;font-size:12px;color:var(--muted)}.room-account-value strong{display:block;font-size:25px;font-weight:700;letter-spacing:-.03em;margin:5px 0}.room-history-heading{font-size:12px;font-weight:700;margin:17px 0 9px}.room-history-heading span{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:3px}.room-history{list-style:none;margin:0;padding:0}.room-history li{padding:9px 0 9px 13px;border-left:1px solid var(--line);position:relative}.room-history li:before{content:'';width:5px;height:5px;border:1px solid var(--brand-text);border-radius:50%;background:var(--g1);position:absolute;left:-3px;top:13px}.room-history strong{font-size:12px;display:block}.room-history li>span{font-size:12px;line-height:1.4;display:block;color:var(--muted);margin-top:4px}.room-internal-note,.room-example-note{font-size:12px;line-height:1.5;color:var(--muted);margin-top:13px}.room-example-note strong{font-weight:500;color:var(--gilt-text)}.rooms-story :is(button,summary):focus-visible{outline:2px solid var(--brand-text);outline-offset:3px}.room-client-body,.room-library-draft{overflow-wrap:anywhere}
@media(max-width:760px){.rooms-story h3{font-size:32px}.room-path{gap:7px;font-size:12px}.room-path li{gap:4px}.room-path li+li:before{margin-right:0}.room-actions .room-primary{width:100%}.room-library-draft{padding:14px}.room-draft-label{flex-wrap:wrap}.room-message strong{flex-wrap:wrap;gap:3px 8px}.room-client summary small{max-width:23ch}.room-example-note{font-size:12px}}

.rooms-launch{display:flex;margin-top:18px;min-height:44px;font-size:13px;color:var(--brand-text);background:none;border:0;text-align:left;padding:0;cursor:pointer}.rooms-vision-label{display:block;margin-top:6px;font-size:12px;color:var(--gilt-text)}
@media(max-width:760px){.capability-detail:has(.rooms-story){padding:22px 16px}.room-example-note{font-size:12px}}

@media(max-width:760px){.room-ticket p,.room-message p,.room-library-draft>p{font-size:14px}.room-path{gap:6px;flex-wrap:wrap}.room-message strong,.room-ticket strong,.room-client summary strong{font-size:13px}.room-context-proof p,.room-history li>span{font-size:13px}.rooms-story button{font-size:13px}}

.rooms-story .detail-overline :is(span,p){font-size:12px}

/* Each nested surface owns a readable foreground. The work section follows the
   current page theme; its illustrated story stays dark and its evidence stays light. */
.work-section{--muted:inherit;--accent-text:inherit;--line:inherit}
.story-shell{color:#EDF1F7;--ink:#EDF1F7;--muted:#B7C0CD;--accent-text:#62C7A1;--brand-text:#62C7A1;--gilt-text:#D8B470}
.story-evidence{--ink:#14171D;--muted:#545B68;--accent-text:#123B2E;--brand-text:#123B2E;--gilt-text:#5C4108;--line:#B7C0CD}
.system-functions{padding-left:18px;margin:14px 0;display:grid;gap:7px;font-size:14px;line-height:1.5;color:var(--ink)}
.system-cell .system-benefit{font-size:14px;line-height:1.55;font-weight:500;color:var(--ink);margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.system-cell .system-phase{font-size:12px;line-height:1.5;color:var(--muted);padding-top:12px}
/* Meaningful labels stay readable on phones too; the12px floor is product policy. */
.eyebrow,.scene-label,.preview-mark,.product-toolbar,.plan-number,.availability-label,
.story-heading>div>span,.story-tabs button,.story-narration>.eyebrow,.story-progress,
.evidence-top small,.evidence-time,.evidence-label,.evidence-label .status-chip,
.note-label,.status-chip,.example-caption,.micro,.closing-line>span,.site-footer,
.site-footer a,.site-footer span,.portal-window-title small,.portal-window-body p{font-size:12px}
.site-footer a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
:root .eyebrow,:root .micro,:root .context-links>span,:root .portal-window-title small{font-size:12px}
.door-plaque>small,.connected-message small,.reply-bubble+small{font-size:12px}

.story-evidence .pending-note{font-size:12px}

/* Product tour: the illustrations show a connected product vision; delivery
   tracking lives outside the marketing surface. Every panel exists without JS. */
.product-tour{padding-block:64px}.product-tour .clarity-heading{margin-bottom:16px;align-items:end}.product-tour .clarity-heading>p{font-size:17px;max-width:46ch}.feature-tour-note{font-size:12px;color:var(--muted);margin-bottom:30px;line-height:1.6}.feature-tour-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:44px;align-items:start}.feature-nav{display:grid;gap:3px;position:sticky;top:100px}.feature-choice{display:grid;grid-template-columns:24px 1fr 16px;align-items:center;gap:12px;padding:14px 12px;min-height:70px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;border-radius:6px}.feature-choice strong{display:block;font-size:16px;line-height:1.3}.feature-choice small{display:block;font-size:12px;color:var(--muted);line-height:1.4;margin-top:4px}.feature-number{font-size:12px;color:var(--muted)}.feature-choice:hover{background:var(--g2)}.feature-choice[aria-current="true"]{background:var(--g2);box-shadow:inset 3px 0 var(--brand-text)}.feature-choice[aria-current="true"] strong{color:var(--brand-text)}.feature-choice:focus-visible,.feature-panel:focus-visible{outline:2px solid var(--brand-text);outline-offset:4px}.feature-panel{scroll-margin-top:110px;margin-bottom:55px}.feature-panels[data-enhanced] .feature-panel{margin-bottom:0}.feature-panel[hidden]{display:none}.feature-overline{font-size:12px;font-weight:700;color:var(--brand-text);margin:0 0 16px}.feature-overline span{font-weight:400;color:var(--muted)}.feature-panel h3{font-size:clamp(28px,3.1vw,43px);line-height:1.09;letter-spacing:-.035em;max-width:24ch}.feature-intro{font-size:16px;line-height:1.65;color:var(--muted);margin:18px 0 26px;max-width:68ch}.feature-illustration{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--g1);box-shadow:0 16px 42px #0000000a;margin:0 0 28px;position:relative}.mock-chrome{display:flex;gap:10px;align-items:center;padding:12px 18px;background:var(--g2);border-bottom:1px solid var(--line);font-size:12px}.mock-chrome>span:first-child{font-size:20px;color:var(--brand-text)}.mock-chrome>span:last-child{margin-left:auto;color:var(--muted)}.mock-chrome strong{font-size:14px}.feature-illustration figcaption{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding:9px 18px;background:var(--g1)}.mock-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.mock-two:has(.mock-profile){grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.mock-document{padding:24px;min-width:0}.mock-list{padding:24px 16px;background:var(--g2);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:12px;min-width:0}.mock-list>span,.mock-list>strong{font-size:13px;line-height:1.4;padding:10px 8px}.mock-list>strong{background:var(--g1);border:1px solid var(--line);border-radius:6px;color:var(--brand-text)}.mock-list b{font-weight:400;font-size:12px;display:block;margin-top:5px}.mock-label{font-size:12px;line-height:1.45;color:var(--muted);margin-bottom:12px}.feature-illustration h4{font-size:23px;line-height:1.16;letter-spacing:-.025em;margin:10px 0 16px}.feature-illustration h5{font-size:17px;line-height:1.3;margin:14px 0}.mock-document>p:not(.mock-label),.mock-document p,.mock-profile p{font-size:14px;line-height:1.55}.mock-quote{font-size:16px;line-height:1.5;border-left:3px solid var(--brand-text);padding:12px 14px;margin:20px 0;background:var(--g2)}.mock-quote small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:10px}.mock-bottom,.mock-topline{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.mock-bottom{margin-top:22px}.mock-topline{font-size:12px;color:var(--muted)}.mock-chip{display:inline-block;padding:6px 8px;border:1px solid var(--line);border-radius:5px;font-size:12px;line-height:1.5;background:var(--g1);color:var(--ink)}.mock-action{display:inline-block;padding:10px 12px;background:var(--brand);color:#fff;font-size:12px;line-height:1.5;border-radius:6px;font-weight:600}.mock-checks{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:18px}.mock-checks li{display:flex;gap:14px;font-size:15px;line-height:1.45}.mock-checks li>span{font-size:12px;display:grid;place-items:center;align-self:start;width:28px;height:28px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;color:var(--brand-text)}.mock-checks small{display:block;color:var(--muted);font-size:13px;line-height:1.5;margin-top:5px}.mock-message{padding:12px 14px;border:1px solid var(--line);border-radius:6px;margin-bottom:12px}.mock-message strong{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.mock-assistant{padding:15px;background:var(--g2);border:1px solid var(--line);border-left:3px solid var(--brand-text);border-radius:6px;margin-top:20px}.mock-assistant>strong{font-size:13px;color:var(--brand-text);display:block;margin-bottom:6px}.mock-assistant p{margin:0}.mock-profile{background:var(--g2);border-left:1px solid var(--line);padding:24px 16px;min-width:0}.mock-avatar{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--g1);font-size:23px;color:var(--brand-text);flex-shrink:0}.mock-profile dl{margin-top:22px}.mock-profile dl>div{padding-block:10px;border-top:1px solid var(--line)}.mock-profile dt{font-size:12px;color:var(--muted)}.mock-profile dd{font-size:14px;margin:5px 0 0}.mock-profile hr{border:0;border-top:1px solid var(--line);margin:18px 0}.mock-profile-heading{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.mock-profile-heading h4,.mock-profile-heading p{margin:0}.mock-profile-heading>.mock-chip{margin-left:auto}.mock-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}.mock-metrics>div{border-block:1px solid var(--line);padding-block:14px}.mock-metrics strong{display:block;font-size:24px;color:var(--brand-text);line-height:1.3}.mock-metrics span{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:4px}.mock-timeline{list-style:none;padding:0;display:grid;gap:14px}.mock-timeline li{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;font-size:13px;line-height:1.5}.mock-timeline strong{font-weight:500}.mock-timeline span{color:var(--muted)}.mock-work-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}.mock-work-columns article{padding:13px;background:var(--g2);border:1px solid var(--line);border-radius:6px;min-height:145px}.mock-work-columns strong{font-size:14px;line-height:1.4;display:block}.mock-work-columns p:not(.mock-label){font-size:13px;line-height:1.45;margin-top:9px}.mock-lesson{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:22px}.mock-check{padding:16px;border:1px solid var(--line);border-radius:7px;background:var(--g2)}.mock-check strong{font-size:15px;line-height:1.45;display:block}.mock-check>p:last-child{margin-top:12px;color:var(--brand-text)}.mock-portal-nav{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:22px}.mock-portal-nav strong{margin-right:auto}.mock-page-link{padding:10px 0;border-bottom:1px solid var(--line);color:var(--brand-text)}.mock-selected{border-left:3px solid var(--brand-text);background:var(--g2)}.mock-source-strip{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.mock-source-strip span{font-size:12px;padding:6px 8px;border:1px solid var(--line);border-radius:5px}.feature-inventory{display:grid;grid-template-columns:1fr 1fr;gap:24px 28px;margin:0}.feature-row dt{font-size:16px;line-height:1.4;font-weight:700;margin-bottom:8px}.feature-row dd{margin:0;font-size:15px;color:var(--muted);line-height:1.65}.feature-connection{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:22px;margin-top:26px;font-size:16px;line-height:1.6}.feature-connection>span:first-child{font-size:26px;color:var(--brand-text)}.feature-connected{margin-top:48px;padding:30px 0 0;border-top:1px solid var(--line)}.feature-connected h3{font-size:clamp(26px,2.4vw,36px);line-height:1.15;letter-spacing:-.03em}.feature-connected>div>p:not(.eyebrow){font-size:16px;color:var(--muted);margin-top:14px}.connected-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:28px 0}.connected-steps li{border-top:2px solid var(--brand-text);padding-top:15px}.connected-steps strong{font-size:14px;line-height:1.4}.connected-steps p{font-size:15px;color:var(--muted);line-height:1.6;margin-top:9px}.connected-role{font-size:16px;line-height:1.6;max-width:90ch}.connected-role strong{color:var(--brand-text)}
@media(max-width:1000px){.feature-tour-layout{grid-template-columns:190px minmax(0,1fr);gap:24px}.feature-choice{padding-inline:8px;gap:8px}.mock-two,.mock-two:has(.mock-profile){grid-template-columns:1fr}.mock-list{display:none}.mock-profile{border-left:0;border-top:1px solid var(--line)}.mock-profile dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mock-profile-heading>.mock-chip{margin-left:0}.mock-work-columns{grid-template-columns:1fr}.mock-work-columns article{min-height:0}.mock-lesson{gap:16px}}
@media(max-width:760px){.product-tour{padding-block:36px}.product-tour .clarity-heading>p{font-size:16px}.feature-tour-layout{display:block}.feature-nav{position:static;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:28px}.feature-choice{display:flex;justify-content:center;text-align:center;min-height:48px;padding:10px 5px;border:1px solid var(--line);border-radius:6px}.feature-choice strong{font-size:14px}.feature-choice small,.feature-choice>.feature-number,.feature-choice>span:last-child{display:none}.feature-choice[aria-current="true"]{box-shadow:inset 0 -3px var(--brand-text)}.feature-panel h3{font-size:31px}.feature-intro{font-size:16px;margin-block:16px 22px}.feature-inventory{grid-template-columns:1fr;gap:22px}.feature-row dt{font-size:16px}.feature-row dd{font-size:15px}.mock-document{padding:18px 15px}.mock-chrome{padding-inline:14px}.mock-chrome>span:last-child{font-size:12px}.feature-illustration h4{font-size:22px}.mock-lesson{grid-template-columns:1fr}.mock-metrics{gap:7px}.mock-metrics strong{font-size:21px}.mock-timeline li{grid-template-columns:1fr;gap:3px}.mock-profile dl{grid-template-columns:1fr}.mock-portal-nav{gap:12px}.connected-steps{grid-template-columns:1fr 1fr;gap:22px 18px}.feature-connected{margin-top:32px}.feature-connection{font-size:15px}.feature-tour-note{margin-bottom:22px}}

/* One feature tour follows the connected-work story. */
.anchor-marker{display:block;scroll-margin-top:110px}.product-tour .chapter-heading{margin-bottom:42px}.tour-outcome{border-top:1px solid var(--line);padding-top:26px;margin-top:36px;font-size:18px;line-height:1.6;max-width:65ch;color:var(--muted)}#rooms-example{border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:28px;background:var(--g1)}.room-story-title{font-size:26px;line-height:1.15;letter-spacing:-.025em;margin:16px 0}.product-tour #rooms-example .room-intro{font-size:16px;line-height:1.6}@media(max-width:760px){#rooms-example{padding:16px}.room-story-title{font-size:24px}.product-tour .chapter-heading{margin-bottom:26px}}