*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:#101713;color:#f4f3ed;font:15px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #c8e9ab;outline-offset:5px}button{border:0}h1,h2,h3,p{margin:0}h1,h2{font-weight:450;letter-spacing:-.055em;line-height:1.05}em{font-style:normal;color:#c2c9b8}.nav{height:76px;display:flex;align-items:center;gap:25px;padding:0 32px;position:sticky;top:0;z-index:30;background:#101713ee;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff13}.brand{display:flex;align-items:center;gap:8px;font-size:28px;font-weight:650;letter-spacing:-1px}.brand img{width:31px;height:31px}.brand>span{font-size:10px;font-weight:400;letter-spacing:0;color:#afb9b0;max-width:88px;line-height:1.4;margin-left:12px}.nav nav{display:flex;gap:28px;margin-left:auto;font-size:13px;color:#cbd1ca}.cta{background:#c7e9ad;color:#1c3325;border-radius:6px;padding:15px 23px;display:inline-flex;align-items:center;gap:45px;font-size:14px;font-weight:600}.cta.small{padding:11px 17px;font-size:12px;gap:28px}.motion{background:transparent;color:#bac4ba;font-size:15px;width:25px}.chapter{scroll-margin-top:0;min-height:calc(100svh - 76px)}.hero,.team{display:grid;grid-template-columns:34% 66%;padding:12px;gap:12px;grid-template-columns:minmax(0,34fr) minmax(0,66fr)}.portrait{position:relative;overflow:hidden;border-radius:18px;min-height:690px;background:#374339}.portrait>video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 28%}.portrait:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#07140fce);pointer-events:none}.nameplate{position:absolute;top:23px;left:22px;right:22px;background:#14201c80;backdrop-filter:blur(20px);border:1px solid #ffffff26;border-radius:30px;padding:10px 18px;font-size:13px;display:flex;gap:9px;align-items:center;justify-content:center;z-index:2}.nameplate i{width:6px;height:6px;background:#b8e59d;border-radius:50%}.nameplate span:last-child{color:#ced5cc;font-size:11px;margin-left:3px}.portrait-copy{position:absolute;z-index:2;bottom:34px;left:28px;right:28px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:500;color:#b9c9b8;display:block}.portrait-copy p{font-size:38px;line-height:1.1;letter-spacing:-1.5px;margin:12px 0 24px}.prompt{border:1px solid #ffffff30;background:#ffffff0c;backdrop-filter:blur(12px);border-radius:30px;padding:15px 18px;font-size:12px;display:flex;justify-content:space-between;gap:8px}.hero-right{padding:25px 28px 9px;display:flex;flex-direction:column;justify-content:center}.intro h1{font-size:clamp(38px,4vw,65px);margin:13px 0}.intro p{color:#b6c1b7;font-size:14px;max-width:490px;line-height:1.6}.product{margin-top:26px;background:#191f23;border:1px solid #ffffff1a;border-radius:14px;overflow:hidden;box-shadow:0 30px 65px #0003}.windowbar{display:flex;align-items:center;gap:10px;padding:15px 20px;font-size:12px;border-bottom:1px solid #ffffff12;background:#20272b}.sun{font-size:20px;color:#9dcd91;line-height:1}.muted{color:#87958d}.demo{margin-left:auto;color:#9ca99e;font-size:9px;letter-spacing:.04em}.result-tabs{display:flex;align-items:center;gap:6px;padding:12px 18px 0}.result-tabs button{border:1px solid transparent;background:transparent;color:#a7b2aa;padding:8px 13px;border-radius:6px;font-size:12px;white-space:nowrap}.result-tabs button[aria-selected=true]{color:#dfeedd;background:#304136;border-color:#556e54}.result-tabs #slide-pause{margin-left:auto;padding:7px}.result{height:312px;padding:18px 23px;overflow:auto}.result-inner{animation:appear .65s ease}.product-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #ffffff12;padding:12px 20px;font-size:10px;color:#a7b4a9}.product-footer a{color:#c8e3b6}.scroll-note{display:flex;justify-content:space-between;margin-top:23px;color:#b7c2b6;font-size:11px}.scroll-note span{font-size:19px}.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 43%;height:100%;gap:25px;align-items:center}.post-text .eyebrow{font-size:9px}.post-text h3{font-size:21px;font-weight:500;letter-spacing:-.6px;margin:8px 0 14px}.post-text p{font-size:12px;line-height:1.65;color:#c1cac1}.review-row{display:flex;gap:7px;margin-top:17px;align-items:center}.green,.neutral{padding:10px 13px;font-size:10px;border-radius:5px;background:#50aa61;color:#fff}.neutral{border:1px solid #4a564c;background:transparent;color:#d5ded3}.social-post{background:#f9faf7;border-radius:8px;overflow:hidden;color:#283329;font-size:10px}.social-head{display:flex;gap:7px;align-items:center;padding:10px}.social-head>b{background:#cfddc7;border-radius:50%;width:23px;height:23px;display:grid;place-items:center}.social-head span{font-size:8px;display:block;color:#7c8278}.social-post>img{width:100%;height:100px;object-fit:cover;display:block}.social-post>p{padding:10px;line-height:1.5}.social-actions{padding:7px 10px;border-top:1px solid #e1e5df;word-spacing:27px;color:#777}.reel-layout{display:grid;grid-template-columns:1fr 180px;gap:25px;height:100%;align-items:center}.reel{height:275px;border-radius:11px;position:relative;overflow:hidden;background:#344435}.reel video{width:100%;height:100%;object-fit:cover}.reel:after{content:'';inset:0;position:absolute;background:linear-gradient(transparent,#0009)}.reel>strong{position:absolute;bottom:30px;left:18px;right:18px;z-index:1;font-size:26px;font-weight:500;line-height:1.1;letter-spacing:-1px}.reel>span{position:absolute;top:12px;left:12px;z-index:1;font-size:9px}.result h3{font-weight:500}.research-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.research-head h3{font-size:20px}.research-row{padding:12px 0;border-top:1px solid #ffffff18;display:flex;gap:12px;font-size:12px}.research-row b{background:#293a32;color:#b8d7aa;flex-shrink:0;width:26px;height:26px;display:grid;place-items:center;border-radius:5px;font-size:10px}.research-row p{color:#98a69e;font-size:11px;margin-top:5px}.file{background:#edece4;color:#283b30;padding:22px 28px;border-radius:7px}.file-label{font-size:9px;letter-spacing:.12em;color:#6d7b6b}.file h3{font-size:27px;margin:9px 0 15px;letter-spacing:-1px}.file-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:11px;line-height:1.6}.file-grid strong{display:block;font-size:12px;margin-bottom:5px}.file-foot{margin-top:15px;padding-top:10px;border-top:1px solid #78836d40;font-size:9px;color:#67745f}.team{padding-top:45px;padding-bottom:45px;background:#0d1411;min-height:100svh}.expert{min-height:700px}.expert-bottom{position:absolute;z-index:3;bottom:29px;left:26px;right:26px}.expert-bottom>p{font-size:31px;line-height:1.16;letter-spacing:-1px;margin:12px 0 25px;min-height:73px}.expert-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.expert-picker button{padding:0;background:transparent;opacity:.6;border-radius:5px;overflow:hidden;border:2px solid transparent;transition:opacity .2s}.expert-picker button[aria-pressed=true]{border-color:#c8e9ab;opacity:1}.expert-picker img{width:100%;height:45px;object-fit:cover;display:block}.office{position:relative;overflow:hidden;border-radius:17px;background:#4c5e50}.office>video,.closing>video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.office-shade{position:absolute;inset:0;background:linear-gradient(100deg,#10241fbc,#10241f29),linear-gradient(0deg,#07180f99,transparent 50%)}.office-copy{position:relative;padding:65px 55px}.office-copy h2{font-size:clamp(55px,5.7vw,88px);margin:28px 0}.office-copy h2 em{color:#f4f3ed}.office-copy p{font-size:16px;line-height:1.65;color:#e7ebe0}.outline{border:1px solid #ffffff70;background:#ffffff0a;border-radius:5px;padding:14px 20px;font-size:12px;display:flex;gap:35px;margin-top:30px;backdrop-filter:blur(10px)}.office-caption{position:absolute;bottom:30px;left:55px;color:#d2dccd;font-size:9px;letter-spacing:.16em}.work{padding:78px 6%;background:#e8ebe2;color:#223b2b}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:38px}.section-heading .eyebrow{color:#67806a}.section-heading h2,.context h2{font-size:clamp(43px,4.4vw,68px);margin-top:18px}.section-heading em{color:#7b8d77}.section-heading>p{font-size:14px;line-height:1.8;color:#657562;margin-bottom:5px}.job-journey{display:grid;grid-template-columns:39% 61%;gap:30px;grid-template-columns:minmax(0,39fr) minmax(0,61fr)}.job-steps{padding-right:20px}.job-step{display:flex;align-items:center;width:100%;text-align:left;background:transparent;border-top:1px solid #73846940;padding:23px 12px;gap:18px;color:#7b8a76}.job-step.active{background:#d4ddcf;border-top-color:transparent;color:#26482f;border-radius:7px}.job-step>span{font-size:10px;align-self:start;padding-top:4px}.job-step strong{font-size:16px;font-weight:550}.job-step p{font-size:11px;margin-top:8px}.job-step b{margin-left:auto;font-weight:400}.job-note{display:flex;align-items:center;gap:15px;margin-top:28px}.job-note img{width:52px;height:66px;border-radius:6px;object-fit:cover}.job-note p{font-size:14px;line-height:1.5}.job-note span{display:block;font-size:8px;letter-spacing:.13em;margin-top:9px;color:#819079}.job-window{background:#19231e;color:#e4ece0;border:1px solid #414d3e;border-radius:13px;overflow:hidden;box-shadow:0 30px 50px #2130221c;min-height:400px}.job-window .windowbar{background:#222e26}#job-view{padding:29px;min-height:348px}#job-view h3{font-size:24px;letter-spacing:-.7px;margin:13px 0 22px}#job-view label{display:block;font-size:10px;color:#9cb39e;margin:14px 0 8px}#job-view .input{border:1px solid #485449;border-radius:6px;padding:13px;font-size:13px;background:#141d17;line-height:1.6}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.tags span{padding:6px 9px;font-size:9px;border-radius:4px;background:#2d3c30;color:#b8cbb4}.job-action{display:flex;justify-content:space-between;align-items:center;margin-top:25px;font-size:10px;color:#acc0a9}.hub-card{display:flex;align-items:center;gap:18px;background:#25332a;padding:17px;border:1px solid #465544;border-radius:8px;margin-top:17px}.hub-card img{width:90px;height:100px;object-fit:cover;border-radius:5px}.hub-card strong{font-size:18px}.hub-card p{font-size:11px;color:#adbea7;line-height:1.6;margin:8px 0}.status-dot{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#bed5ac}.status-dot:before{content:'';width:6px;height:6px;background:#abd397;border-radius:50%}.context{display:grid;grid-template-columns:minmax(0,43fr) minmax(0,57fr);gap:55px;padding:95px 6%;align-items:center;background:#14241d}.context h2{font-size:clamp(55px,5.4vw,82px);margin-bottom:27px}.context-copy>p{font-size:17px;line-height:1.6;color:#c6d0c1}.context-copy>p.secondary{font-size:13px;color:#97ab99;max-width:370px;margin-top:17px}.context-picker{margin-top:30px;max-width:370px}.context-picker button{display:flex;width:100%;align-items:center;gap:14px;text-align:left;background:none;padding:14px 13px;color:#bdcaba;border:1px solid transparent;border-bottom-color:#ffffff13;border-radius:6px}.context-picker button.active{background:#243a2c;border-color:#6d89645e;color:#f0f2e8}.context-picker strong{font-size:13px;font-weight:500}.context-picker small{display:block;font-size:10px;color:#96ad98;margin-top:4px}.context-picker b{margin-left:auto;font-weight:400}.source-icon{font-size:25px;width:36px;height:36px;display:grid;place-items:center;border-radius:7px;background:#ffffff09;color:#d7e6bd}.context-stage{position:relative}.context-orbit{position:absolute;inset:-90px -20px;border:1px solid #c9e9ab0c;border-radius:50%;transform:rotate(-25deg);pointer-events:none}.context-window{position:relative;z-index:1;min-height:410px;border:1px solid #798d6c50;background:#1b2922;border-radius:13px;overflow:hidden;box-shadow:0 40px 80px #0004}.context-window .windowbar{background:#26362c}.context-footnote{font-size:10px;color:#849884;line-height:1.6;margin:22px 20px}#context-view{padding:28px}#context-view h3{font-size:24px;font-weight:450;letter-spacing:-.6px;margin:8px 0 19px}.source-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #ffffff13;font-size:12px}.source-row>span{font-size:20px;color:#adcaa0}.source-row small{display:block;font-size:10px;color:#8fa28d;margin-top:6px}.source-row>i{margin-left:auto;font-style:normal;color:#a5bc98;font-size:9px}.source-note{padding:17px;background:#304131;margin-top:24px;border-radius:7px;color:#c4d6bc;font-size:12px;line-height:1.7}.source-note b{font-size:10px;display:block;color:#a1c392;letter-spacing:.05em;margin-bottom:6px}.slack-msg{padding:20px;background:#23372b;border:1px solid #4c634744;border-radius:7px;line-height:1.7;font-size:13px}.slack-msg strong{display:block;font-size:11px;color:#a5ba9c;margin-bottom:10px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.dashboard-grid>div{padding:17px 12px;background:#293c2d;border-radius:6px}.dashboard-grid b{display:block;font-size:31px;font-weight:450;color:#cbe7b7}.dashboard-grid span{display:block;font-size:9px;color:#a4b49d;margin-top:8px}.closing{height:520px;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden}.closing:after{content:'';position:absolute;inset:0;background:#0c241bad}.closing>div{position:relative;z-index:1}.closing h2{font-size:clamp(47px,5vw,74px);margin:20px 0 28px}.closing em{color:#e6edde}.site-footer{display:flex;align-items:center;gap:35px;padding:27px 5%;font-size:11px;color:#96a68e}.site-footer .brand{color:#e6ebdf;margin-right:auto}.site-footer a:hover,.nav nav a:hover{color:#d4edbd}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:#d5e9c6;color:#253e2b;padding:15px 25px;border-radius:8px;box-shadow:0 15px 50px #0005;font-size:13px;max-width:90vw}.toast[hidden]{display:none}@keyframes appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media(min-width:1600px){.portrait{min-height:820px}.result{height:365px}.social-post>img{height:145px}.intro h1{font-size:72px}.hero-right{padding:32px 55px}.post-text h3{font-size:27px}.post-text p{font-size:14px}.reel{height:320px}.reel-layout{grid-template-columns:1fr 205px}.office-copy{padding:90px 75px}}@media(max-width:1000px){.nav{padding:0 20px;gap:18px}.brand>span{display:none}.nav nav{gap:18px}.hero-right{padding:20px 15px 8px}.portrait-copy{left:20px;right:20px}.portrait-copy p{font-size:30px}.post-layout{gap:13px}.post-text h3{font-size:18px}.review-row{flex-wrap:wrap}.result{padding:17px;height:340px}.office-copy{padding:55px 30px}.office-copy h2{font-size:59px}.expert-bottom{left:18px;right:18px}.expert-picker{grid-template-columns:repeat(4,1fr)}.expert-picker img{height:40px}.expert-bottom>p{font-size:26px}.context{gap:30px;padding:75px 5%}.job-journey{gap:18px}.job-steps{padding-right:0}.job-step{padding:23px 10px;gap:10px}.job-step strong{font-size:14px}.section-heading>p{font-size:12px}.site-footer{gap:20px}}
@media(max-width:700px){html{scroll-padding-top:62px}.nav{height:62px;padding:0 15px;gap:13px}.brand{font-size:25px}.brand img{width:25px;height:25px}.nav nav{display:none}.nav .cta{margin-left:auto;font-size:11px;padding:10px 14px;gap:20px}.hero{grid-template-columns:1fr;padding:8px;gap:0}.vera{min-height:360px;border-radius:12px}.vera>video{object-position:50% 24%}.portrait-copy{bottom:23px}.portrait-copy p{font-size:29px;line-height:1.1;margin-bottom:13px}.portrait-copy .eyebrow{display:none}.portrait-copy .prompt{max-width:290px;padding:10px 14px}.nameplate{top:16px;left:auto;right:15px;padding:8px 15px;font-size:11px}.hero-right{padding:30px 14px 25px}.intro h1{font-size:43px;line-height:1.04}.intro p{font-size:13px}.product{margin-top:23px}.windowbar{padding:13px 14px;font-size:11px}.result-tabs{padding:10px 9px 0;gap:1px}.result-tabs button{padding:7px 9px;font-size:10px}.result{height:365px;padding:16px}.post-layout{grid-template-columns:1fr 44%;gap:12px}.post-text h3{font-size:18px}.post-text p{font-size:11px}.social-post>img{height:110px}.social-post>p{font-size:9px;padding:8px}.green,.neutral{font-size:9px;padding:9px 10px}.product-footer{padding:12px;font-size:9px}.reel-layout{grid-template-columns:1fr 145px;gap:14px}.reel{height:292px}.file{padding:22px 18px}.file h3{font-size:24px}.file-grid{gap:15px;font-size:10px}.research-row{font-size:11px;line-height:1.5}.team{grid-template-columns:1fr;padding:20px 8px;gap:8px}.expert{min-height:510px}.expert>video{object-position:50% 25%}.expert-bottom>p{font-size:29px}.expert-picker{grid-template-columns:repeat(8,1fr)}.expert-picker img{height:46px}.office{min-height:570px}.office-copy{padding:45px 26px}.office-copy h2{font-size:57px;margin:25px 0}.office-caption{left:26px}.work{padding:58px 23px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:43px}.section-heading>p{margin-top:23px;font-size:13px}.job-journey{grid-template-columns:1fr;gap:25px}.job-step{padding:17px 12px}.job-step strong{font-size:15px}.job-note{display:none}.job-window{min-height:390px}#job-view{padding:21px}.job-window h3{font-size:21px}.context{padding:60px 24px;grid-template-columns:1fr;gap:40px}.context h2{font-size:62px}.context-copy>p{font-size:15px}.context-picker{max-width:none}.context-orbit{display:none}.context-window{min-height:400px}#context-view{padding:22px}.dashboard-grid{gap:7px}.dashboard-grid>div{padding:15px 10px}.closing{height:440px}.closing h2{font-size:49px}.site-footer{flex-wrap:wrap;padding:24px;gap:20px}.site-footer>span{width:100%;order:4;font-size:9px}.site-footer .brand{font-size:24px}.demo{font-size:8px}.expert-bottom .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.context{overflow:hidden}

@media(max-width:700px){.post-layout{grid-template-columns:1fr;gap:12px;align-content:start}.post-layout .post-text>p,.post-layout .post-text>.eyebrow{display:none}.post-layout .post-text h3{font-size:18px;margin:0 0 8px}.post-layout .post-text h3 br{display:none}.post-layout .review-row{margin:0}.post-layout .social-post>img{height:85px}.post-layout .social-post>p{font-size:10px;line-height:1.4;padding:8px 12px}.post-layout .social-post>p br+br{display:none}.post-layout .social-head{padding:8px 12px}.post-layout .social-actions{padding:5px 12px}}

/* V003: quieter, aligned product hero and original white-letter logo. */
.nav .brand img,.site-footer .brand img{width:62px;height:62px;object-fit:contain}.nav .brand{margin-right:auto}.nav nav{margin-left:0}.hero{height:calc(100svh - 76px);min-height:730px;align-items:stretch}.hero .portrait{min-height:0}.hero-right{padding:0;display:block;min-height:0}.hero .product{height:100%;margin:0;display:flex;flex-direction:column}.screen-headline{font-size:clamp(37px,3.5vw,65px);padding:38px 34px 22px;letter-spacing:-.045em;line-height:1.09;flex-shrink:0}.hero .result{height:auto;flex:1;min-height:0;padding:28px 34px}.hero .product-footer{flex-shrink:0}.hero .scroll-note,.portrait .nameplate,.expert-bottom>.eyebrow,.expert-bottom>p{display:none}.portrait-copy{bottom:28px}.portrait-copy .prompt{width:100%;height:48px;color:white;outline-offset:3px}.hero .post-text>h3,.hero .post-text>p,.hero .post-text>.eyebrow{display:none}.hero .post-layout{grid-template-columns:1fr;position:relative;justify-items:center;align-content:center;gap:18px}.hero .post-text{order:2}.hero .social-post{width:min(360px,90%)}.hero .social-post>img{height:clamp(110px,16vh,185px)}.hero .social-post>p{font-size:12px;line-height:1.5}.hero .social-actions{display:none}.hero .review-row{margin:0}.hero .result-inner:not(.post-layout){min-height:100%}.hero .reel-layout{grid-template-columns:1fr 40%}.hero .reel{height:min(46vh,410px)}.hero .file{display:flex;flex-direction:column;justify-content:center}.hero .research-row{padding:22px 0}.hero .result-tabs{padding-left:34px}.expert-bottom{bottom:25px}.job-step>span{display:none}
@media(max-width:700px){.nav .brand img{width:51px;height:51px}.hero{height:auto;min-height:0}.hero .portrait{min-height:360px}.hero-right{padding-top:8px}.screen-headline{font-size:35px;padding:26px 20px 18px}.screen-headline br{display:none}.hero .product{min-height:650px}.hero .result{padding:20px;min-height:380px}.hero .result-tabs{padding-left:12px}.hero .post-layout{gap:15px}.hero .social-post{width:100%;max-width:320px}.hero .social-post>img{height:120px}.hero .post-text>h3{display:none}.hero .reel-layout{grid-template-columns:1fr 46%}.hero .reel{height:320px}.hero .result-inner:not(.post-layout){min-height:0}.hero .file-grid{font-size:11px}}

/* V004: Work Hub glass over the Haba office. */
.hero{background:linear-gradient(rgba(13,20,22,.2),rgba(13,20,22,.2)),url('assets/workspace/office-1.jpg') center center/cover no-repeat}
.hero .product{background:rgba(24,29,37,.74);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:1px solid rgba(217,226,231,.22);border-radius:20px;box-shadow:0 18px 48px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.07)}
.hero .windowbar,.job-window .windowbar,.context-window .windowbar{background:rgba(22,26,33,.56);border-bottom-color:rgba(224,232,238,.09)}
.hero .product-footer{background:rgba(17,23,30,.25);border-top-color:rgba(224,232,238,.09)}
.hero .result-tabs button[aria-selected=true]{background:rgba(71,98,73,.65);border-color:rgba(153,184,143,.4)}
.hero .research-row{border-top-color:rgba(255,255,255,.17)}
.hero .research-row p,.hero .post-text p{color:#c2c9c6}.hero .demo,.hero .muted{color:#aeb9b8}
.job-window,.context-window{background:linear-gradient(rgba(24,29,37,.79),rgba(24,29,37,.79)),url('assets/workspace/office-1.jpg') center center/cover no-repeat;border-color:rgba(217,226,231,.24);border-radius:18px;box-shadow:0 18px 48px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.06)}
.hub-card,.slack-msg,.source-note,.dashboard-grid>div{background:rgba(29,35,43,.84);border:1px solid rgba(216,226,236,.12);box-shadow:0 6px 18px rgba(0,0,0,.12)}
#job-view .input{background:rgba(20,26,33,.75);border-color:rgba(216,226,236,.2)}
@media(max-width:700px){.hero{background-position:63% center}.hero .product{background:rgba(24,29,37,.78)}}

/* V005: actual research capture and finished vertical reel. */
.hero .finished-reel{height:100%;min-height:0!important;display:flex;align-items:center;justify-content:center}.finished-reel-video{display:block;max-height:100%;height:100%;width:auto;max-width:100%;aspect-ratio:9/16;object-fit:contain;border-radius:12px;background:#101416;box-shadow:0 12px 40px #0005}.hero .result:has(.finished-reel){overflow:hidden;padding-top:12px;padding-bottom:12px}.hero .real-research{height:100%;min-height:0!important;display:flex;flex-direction:column;gap:10px}.research-toolbar{display:flex;justify-content:space-between;font-size:11px;color:#c5d4c1;gap:12px;flex-shrink:0}.research-toolbar a{color:#c7e9ad}.research-capture{overflow:auto;border:1px solid #ffffff18;border-radius:10px;min-height:0;flex:1;background:#1b2128;scrollbar-color:#647066 #20272b}.research-capture img{width:100%;height:auto;display:block}.hero .result:has(.real-research){overflow:hidden;padding:14px 22px}.hero .product:has(.real-research) .screen-headline{font-size:clamp(30px,2.7vw,48px);padding-top:25px;padding-bottom:12px}
@media(max-width:700px){.hero .result:has(.finished-reel){height:480px;min-height:480px;flex:none}.hero .result:has(.real-research){height:460px;min-height:460px;flex:none;padding:12px}.research-capture img{width:650px;max-width:none}.research-toolbar{font-size:10px}.hero .product:has(.real-research) .screen-headline{font-size:30px}.finished-reel-video{height:100%;max-height:456px}}

/* V006: one invitation, centered headline, carousel navigation below the work. */
.nav .cta{background:transparent;color:#e3e9dc;border:1px solid rgba(219,229,214,.35)}
.hero .product{align-items:center;padding-top:0}
.hero .screen-headline,.hero .product:has(.real-research) .screen-headline{font-size:clamp(42px,4.3vw,76px);line-height:1.04;letter-spacing:-.045em;text-align:center;padding:30px 25px 0;margin:0;max-width:100%;width:100%}
.hero-cta{margin:23px auto 6px;background:#50aa61;color:white;padding:13px 24px;gap:34px;flex-shrink:0}
.hero .result{width:100%;flex:1;min-height:0;padding:18px 30px;display:flex;align-items:center;justify-content:center}
.hero .result>.result-inner{width:100%;max-width:800px}
.hero .post-text{display:none}.hero .post-layout{gap:0}.hero .social-post{text-align:left;width:min(355px,90%)}
.hero .result-tabs{width:100%;flex-shrink:0;justify-content:center;gap:12px;padding:15px 16px 23px;order:10}
.hero .result-tabs button{background:transparent;border:none;border-radius:0;padding:10px 5px;color:#aab4b1;position:relative}
.hero .result-tabs button:after{content:'';position:absolute;bottom:0;left:5px;right:5px;height:2px;background:transparent}
.hero .result-tabs button[aria-selected=true]{background:transparent;border-color:transparent;color:#fff}
.hero .result-tabs button[aria-selected=true]:after{background:#e6e9df}
.hero .result-tabs #slide-pause{margin-left:8px;padding:10px}
.hero .real-research{align-self:stretch;max-width:880px!important}.hero .result:has(.real-research){padding:18px 30px}
.hero .finished-reel{height:100%;width:auto!important}.hero .result:has(.finished-reel){padding:14px 20px}
.hero .result-inner:not(.post-layout){min-height:0}.hero .file{text-align:left}.hero .research-toolbar{text-align:left}
@media(min-width:1600px){.hero .screen-headline,.hero .product:has(.real-research) .screen-headline{padding-top:37px;font-size:76px}}
@media(max-width:700px){.hero .screen-headline,.hero .product:has(.real-research) .screen-headline{font-size:37px;line-height:1.08;padding:26px 15px 0}.hero-cta{margin-top:19px;padding:12px 22px}.hero .result{padding:20px 18px;min-height:340px}.hero .result-tabs{gap:9px;padding:8px 10px 20px}.hero .result-tabs button{font-size:11px;padding:10px 3px}.hero .result-tabs #slide-pause{margin-left:0}.hero .result:has(.real-research){padding:14px 12px}.hero .product{min-height:670px}}

/* V008: stable centered navigation; only selection changes. */
.hero .result-tabs{position:relative;display:flex;align-items:center;justify-content:center;gap:20px;width:100%;height:68px;flex-shrink:0;padding:10px 45px 20px;overflow:visible;mask-image:none}
.hero .result-tabs [data-result]{position:relative;top:auto;left:auto!important;flex:0 0 auto;white-space:nowrap;transition:color .2s ease}
.hero .result-tabs #slide-pause{position:absolute;right:16px;top:10px;margin:0;padding:10px;background:transparent}
@media(max-width:700px){.hero .result-tabs{gap:10px;height:66px;padding:10px 30px 20px}.hero .result-tabs [data-result]{font-size:10px;padding:10px 2px}.hero .result-tabs #slide-pause{right:3px;padding:10px 5px}}
/* V009: job-first hero with fitted, readable product demonstrations. */
.hero .result,.hero .result:has(.finished-reel){padding:14px 24px;overflow:hidden}
.hero .post-layout{height:100%;min-height:0;display:flex;align-items:center;justify-content:center}
.hero .social-post{height:100%;width:min(360px,90%);max-height:none;display:flex;flex-direction:column}
.hero .social-post>.social-head,.hero .social-post>p{flex-shrink:0}.hero .social-post>img{height:0;min-height:70px;flex:1;object-fit:cover}
.hero .hero-jobs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;max-width:690px;height:min(100%,340px)}
.hero-jobs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:rgba(28,33,41,.93);border:1px solid #59636b66;border-radius:12px;box-shadow:0 12px 25px #0003;padding:18px;color:#e8ebed;transition:background .2s}
.hero-jobs button:hover{background:#333e42}.hero-jobs svg{color:#a3acb4}.hero-jobs strong{font-size:15px;font-weight:550;max-width:125px;line-height:1.3}
.hero .image-result{height:100%;display:flex;justify-content:center;position:relative}.image-result img{height:100%;max-width:100%;object-fit:contain;border-radius:10px}.image-result>span{position:absolute;bottom:15px;background:#172019ad;padding:7px 10px;border-radius:4px;font-size:10px}
.hero .research-fit,.hero .strategy-fit{height:100%;min-height:0!important;max-width:900px!important}.research-demo{height:100%;display:flex;flex-direction:column;gap:12px;min-height:0}
#research-form{display:flex;border:1px solid #556170;background:#161b22eb;border-radius:9px;padding:7px;gap:7px;flex-shrink:0}#research-topic{min-width:0;flex:1;border:0;background:transparent;color:#f3f3f3;padding:9px 12px;font:inherit;font-size:14px}#research-time{min-width:90px;max-width:145px;border:0;border-left:1px solid #47535f;background:#1e252c;color:#dce4df;padding:7px;font:inherit;font-size:11px}#research-form>button{background:#37463b;color:#fff;border-radius:6px;padding:8px 15px;font-size:20px}
.research-platforms{display:flex;gap:7px;flex-shrink:0}.research-platforms button{flex:1;background:#171d24de;color:#a0adb6;border:1px solid #4c5764;border-radius:6px;font-size:11px;padding:9px 5px}.research-platforms button[aria-pressed=true]{background:#35453be0;color:#e5efdf;border-color:#869b8066}
#custom-dates{display:flex;align-items:center;gap:9px;font-size:11px}#custom-dates[hidden]{display:none}#custom-dates input{min-width:0;width:45%;background:#1b2529;color:#fff;border:1px solid #52605e;border-radius:4px;padding:6px}
.research-caption{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;flex-shrink:0}.research-caption>span{font-size:9px;color:#c0cbc4;text-align:right}
.research-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex:1;min-height:0}.research-results article{background:#11161ce8;border:1px solid #4d586366;border-radius:9px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.mini-account{display:flex;align-items:center;gap:7px;padding:10px;font-size:10px;flex-shrink:0}.mini-account>b{width:22px;height:22px;background:#35433b;display:grid;place-items:center;border-radius:50%;color:#d0dbc4}.mini-account>small{margin-left:auto;font-size:8px;color:#9ea9ac}.research-results article>img{height:0;min-height:35px;flex:1;width:100%;object-fit:cover}.mini-copy{padding:11px;font-size:11px;line-height:1.4;flex-shrink:0}.mini-copy strong{font-weight:500}.mini-copy p{font-size:9px;color:#b7c3b6;margin-top:6px}
.strategy-choices{height:100%;max-height:350px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;align-content:center}.strategy-choices button{height:140px;background:#151b21e8;border:1px solid #5b66716b;border-radius:10px;padding:15px;text-align:left;display:flex;flex-direction:column;gap:10px}.strategy-choices button:hover{background:#293731}.strategy-choices button>span{font-size:21px;color:#b6caae}.strategy-choices strong{font-size:12px;line-height:1.3;font-weight:550}.strategy-choices small{font-size:10px;color:#b0bdc3;line-height:1.5}
.strategy-document{height:100%;padding:19px 24px;background:#1a2227d9;border:1px solid #64716d66;border-radius:10px;display:flex;flex-direction:column}.strategy-document-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a9b4ae;gap:12px}.strategy-document-top button{background:transparent;padding:0;font-size:11px;color:#d5e4cc}.strategy-document h3{font-size:29px;margin:15px 0 10px;letter-spacing:-.7px}.document-meta{display:flex;gap:8px;font-size:9px;margin-bottom:16px}.document-meta span{padding:5px 8px;background:#334139;border-radius:3px}.strategy-document-body{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-content:center;flex:1}.strategy-document h4{font-size:13px;margin:0 0 7px;font-weight:550}.strategy-document p{font-size:12px;line-height:1.55;color:#c9d2cb}
.office-copy #team-title{font-size:clamp(42px,4.8vw,75px);max-width:720px;line-height:1.1}.office-copy #team-role{font-size:15px;color:#e0e8dd}.hero .result-tabs{gap:17px}.hero .result-tabs [data-result]{font-size:12px}
@media(max-width:1000px){.strategy-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.strategy-choices button{height:105px;padding:10px;gap:6px}.strategy-choices small{font-size:9px}.strategy-choices button>span{font-size:16px}.research-caption>span{font-size:8px}.mini-account>small{display:none}}
@media(max-width:700px){.hero .result{height:480px;min-height:480px;flex:none;padding:14px 14px}.hero .hero-jobs{height:350px;gap:9px}.hero-jobs button{padding:12px 6px;gap:13px}.hero-jobs strong{font-size:12px}.hero .social-post{height:100%;max-width:310px}.hero .social-post>img{height:0;min-height:90px}.hero .social-post>p{font-size:12px;line-height:1.5}.hero .result-tabs{gap:7px;padding-left:14px;padding-right:24px}.hero .result-tabs [data-result]{font-size:10px;padding-left:1px;padding-right:1px}.research-platforms{gap:4px}.research-platforms button{font-size:9px}.research-results{grid-template-columns:1fr 1fr;gap:8px}.research-results article:last-child{display:none}#research-topic{font-size:12px;padding:8px}#research-time{font-size:10px;max-width:100px}.research-caption{font-size:11px}.research-caption>span{max-width:150px;line-height:1.4}.strategy-choices{height:100%;max-height:none;grid-template-columns:1fr 1fr;gap:8px}.strategy-choices button{height:101px;padding:10px;gap:5px}.strategy-choices strong{font-size:11px}.strategy-choices small{font-size:9px}.strategy-document{padding:15px}.strategy-document h3{font-size:25px}.strategy-document-body{gap:15px;grid-template-columns:1fr}.strategy-document h4{font-size:12px;margin-bottom:3px}.strategy-document p{font-size:11px;line-height:1.4}.strategy-document-top>span{font-size:8px}.document-meta{margin-bottom:10px}.office-copy #team-title{font-size:49px}}

/* V010: approved Haba artwork, Haba reels, functional image-editing preview. */
.nav .brand img{width:70px;height:65px;object-fit:contain}.site-footer .brand img{width:75px;height:70px;object-fit:contain}
.hero .haba-reels{height:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.reel-stage{flex:1;min-height:0;display:flex;justify-content:center}.reel-stage video{height:100%;max-height:100%;width:auto}.reel-choices{display:flex;gap:8px;flex-shrink:0}.reel-choices button{background:#1b222acc;border:1px solid #78847c66;border-radius:5px;padding:7px 12px;font-size:10px;color:#c0c8c3}.reel-choices button[aria-pressed=true]{color:white;border-color:#cedbd0}
.hero .image-editor{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 175px;gap:14px;max-width:700px}.image-canvas{position:relative;height:100%;min-width:0;overflow:hidden;border-radius:9px;isolation:isolate}.canvas-photo{width:100%;height:100%;object-fit:cover}.canvas-shade{position:absolute;inset:0;background:linear-gradient(transparent 20%,#07120bcc)}.canvas-logo{position:absolute;top:15px;left:15px;width:53px;height:53px;object-fit:contain}#canvas-text{position:absolute;bottom:22px;left:20px;right:20px;color:white;font-size:30px;font-weight:550;line-height:1.08;letter-spacing:-.035em;white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:0 2px 12px #0006}#canvas-text[data-position=center]{top:50%;bottom:auto;transform:translateY(-50%)}#canvas-text[data-position=top]{top:85px;bottom:auto}.image-tools{display:flex;flex-direction:column;gap:7px;min-height:0;background:#171d25dd;border:1px solid #73807444;border-radius:9px;padding:14px;text-align:left}.editor-heading{font-size:13px;font-weight:600;margin-bottom:5px}.editor-heading span{display:block;font-size:9px;font-weight:400;color:#abb6ae;margin-top:4px}.image-tools label{font-size:10px;color:#c2cdc5}.image-tools textarea,.image-tools select{width:100%;min-width:0;background:#0f161d;color:#f0f2ef;border:1px solid #66726777;border-radius:4px;padding:7px;font:inherit;font-size:11px;resize:none}.image-tools input[type=range]{width:100%;accent-color:#d3decf}.image-tools .logo-toggle{display:flex;align-items:center;gap:6px;margin:3px 0}.image-tools button{background:transparent;border:1px solid #77837666;border-radius:4px;padding:6px;font-size:10px;margin-top:auto}.image-tools input[type=checkbox]{accent-color:#a2b498}.canvas-logo[hidden]{display:none}
@media(max-width:700px){.hero .image-editor{grid-template-columns:minmax(0,1fr) 115px;gap:8px}.image-tools{padding:9px;gap:6px}.image-tools textarea{padding:5px;font-size:10px}.image-tools select{padding:5px;font-size:10px}#canvas-text{left:12px;right:12px;bottom:18px;font-size:30px}.canvas-logo{left:10px;top:10px;width:42px;height:42px}.reel-stage{width:100%}.nav .brand img{width:60px;height:55px}}

/* V011: source-to-dashboard context story. */
.context-story{display:block;padding:85px 4% 40px;min-height:calc(100svh - 76px);background:linear-gradient(#101713d9,#101713c9),url('assets/workspace/office-1.jpg') center/cover}.context-heading{text-align:center;margin-bottom:42px}.context-story h2{font-size:clamp(38px,4vw,64px);line-height:1.06;margin:16px 0}.context-heading>p{font-size:15px;color:#bdc9c4;line-height:1.6}.context-flow{display:grid;grid-template-columns:220px 170px minmax(0,1fr);align-items:center;max-width:1450px;margin:auto;gap:0}.flow-label{display:block;font-size:11px;color:#afbab6;margin:0 0 14px 5px}.flow-sources{display:flex;flex-direction:column;gap:12px}.flow-sources button{display:flex;align-items:center;gap:12px;text-align:left;background:#1d232bc9;border:1px solid #58616b66;border-radius:12px;padding:18px 13px;transition:background .6s,border-color .6s;min-height:78px}.source-glyph{font-size:27px;width:30px;color:#bac9c0;flex-shrink:0}.flow-sources strong{font-size:13px;font-weight:550;display:block}.flow-sources small{display:block;font-size:10px;color:#a7b2b8;margin-top:6px;line-height:1.4}.flow-sources i{width:5px;height:5px;background:#65716b;border-radius:50%;margin-left:auto;flex-shrink:0}.flow-sources button[aria-pressed=true]{border-color:#82b794;background:#293b34d9}.flow-sources button[aria-pressed=true] i{background:#a5e5b8;box-shadow:0 0 12px #8edf99}.flow-bridge{display:flex;align-items:center;position:relative}.flow-wire{height:1px;background:#91b49c55;flex:1;position:relative;overflow:visible}.flow-wire i{position:absolute;width:6px;height:6px;top:-2.5px;background:#c3edcd;border-radius:50%;box-shadow:0 0 12px #8affae;animation:context-travel 1.7s infinite ease-in-out}.wire-out i{animation-delay:.7s}.flow-haba{width:90px;flex-shrink:0;position:relative;text-align:center}.flow-haba img{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 0 20px #77b19033);animation:context-breathe 3.4s infinite ease-in-out}.flow-haba>span{position:absolute;top:94px;left:-20px;right:-20px;color:#becdc2;font-size:10px;line-height:1.5}.flow-dashboard{border:1px solid #82918c44;background:#1b222ba3;border-radius:17px;padding:20px;backdrop-filter:blur(5px)}.flow-dashboard-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:13px}.flow-dashboard-title>span{font-size:9px;color:#a7b5ad}.context-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.context-cards article{position:relative;min-height:108px;border:1px solid #68756a33;border-radius:10px;background:#1c2128d9;padding:13px 11px;transition:border-color .7s,background .7s;overflow:hidden}.dashboard-icon{display:block;color:#e0e6e1;font-size:19px;line-height:1;margin-bottom:10px}.context-cards h3{font-size:12px;font-weight:550;line-height:1.2}.context-cards p{min-height:25px;color:#a9b9b0;font-size:9px;line-height:1.4;margin-top:7px;transition:opacity .5s}.context-cards article.receiving{border-color:#84b491;background:#283b32dc}.context-arrival{position:absolute;right:12px;top:15px;width:5px;height:5px;border-radius:50%;background:transparent}.has-context .context-arrival{background:#84c798}.receiving .context-arrival{box-shadow:0 0 10px #9ee8af}.flow-caption{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:20px;margin-top:25px;min-height:35px;color:#d3e1d5;font-size:13px;text-align:center}.flow-caption button{background:transparent;border:1px solid #82958b55;border-radius:50%;width:31px;height:31px;flex-shrink:0;color:#d0ded2}.context-demo-note{font-size:10px;text-align:center;color:#85958b;margin-top:15px}.flow-paused *{animation-play-state:paused!important}@keyframes context-travel{0%{left:0;opacity:0}20%{opacity:1}80%{opacity:1}100%{left:100%;opacity:0}}@keyframes context-breathe{50%{filter:drop-shadow(0 0 23px #91d5a588)}}
@media(max-width:1050px){.context-flow{grid-template-columns:180px 120px minmax(0,1fr)}.flow-haba{width:70px}.flow-haba img{width:65px;height:65px}.flow-haba>span{top:80px;font-size:9px}.context-story{padding-left:3%;padding-right:3%}.flow-dashboard{padding:13px}.context-cards{gap:7px}.context-cards article{padding:11px 8px;min-height:110px}.context-cards h3{font-size:11px}}
@media(max-width:700px){.context-story{padding:58px 16px 35px}.context-heading{margin-bottom:25px}.context-story h2{font-size:38px}.context-heading>p{font-size:13px}.context-flow{grid-template-columns:1fr}.flow-sources{display:grid;grid-template-columns:1fr 1fr;gap:8px}.flow-label{grid-column:1/-1;margin-bottom:3px}.flow-sources button{padding:12px 10px;min-height:80px;gap:7px}.flow-sources strong{font-size:12px}.flow-sources small{font-size:9px}.source-glyph{width:23px;font-size:23px}.flow-bridge{height:150px;justify-content:center;flex-direction:column;gap:4px}.flow-wire{width:1px;flex:1}.flow-wire i{left:-2.5px;top:0;animation-name:context-travel-down}.flow-haba{width:65px;height:65px}.flow-haba img{width:65px;height:65px}.flow-haba>span{left:76px;right:auto;top:18px;width:90px;text-align:left;font-size:10px}.context-cards article{min-height:112px}.context-cards h3{font-size:10px}.context-cards p{font-size:9px}.flow-caption{font-size:12px;gap:10px;line-height:1.5;min-height:44px}.flow-dashboard-title{font-size:12px}@keyframes context-travel-down{0%{top:0;opacity:0}20%{opacity:1}80%{opacity:1}100%{top:100%;opacity:0}}}
@media(prefers-reduced-motion:reduce){.context-flow *{animation:none!important;transition:none!important}}
@media(min-width:701px){.context-story{padding-top:38px;padding-bottom:24px}.context-heading{margin-bottom:25px}.context-story h2{font-size:clamp(35px,3.5vw,54px);margin:12px 0}.context-heading>p{font-size:13px}.context-cards article{min-height:82px;padding:10px}.dashboard-icon{font-size:15px;margin-bottom:7px}.context-cards p{min-height:0;margin-top:5px}.flow-sources button{min-height:69px;padding:13px}.flow-caption{margin-top:16px}.context-demo-note{margin-top:8px}}

/* V012: source fragments become Brand Dashboard cards, then Visual Identity. */
.context-film{display:block;padding:45px 4% 35px;background:linear-gradient(#101713a8,#101713b8),url('assets/workspace/office-1.jpg') center/cover}.context-film .context-heading{margin-bottom:26px}.context-film h2{font-size:clamp(36px,3.7vw,58px);margin:0 0 13px}.context-cinema{max-width:1130px;margin:auto;background:#1b212bd1;border:1px solid #9ea9b04a;border-radius:18px;overflow:hidden;backdrop-filter:blur(8px);box-shadow:0 25px 65px #0004}.cinema-toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px 23px;border-bottom:1px solid #abb2c120;gap:15px}.cinema-toolbar>span:first-child{font-size:20px;font-weight:550}.cinema-example{font-size:10px;color:#b1b9bf}.context-scene{height:440px;padding:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,1fr);gap:12px;position:relative}.morph-card{border:1px solid #75818c40;border-radius:12px;padding:16px;background:#24282dd9;text-align:left;overflow:hidden;min-width:0;color:#e8ebed}.morph-card h3{font-size:14px;font-weight:600;line-height:1.3;margin:0 0 10px;letter-spacing:-.02em}.morph-card p{font-size:11px;line-height:1.5;color:#b8c0ca;margin:0}.source-fragment{background:#1b222bee;align-self:center;transform:scale(.91) rotate(-1deg);box-shadow:0 7px 25px #0003}.source-fragment:nth-child(2n){transform:scale(.91) rotate(1.3deg)}.fragment-origin{font-size:10px;color:#a4cfb5;display:block;margin-bottom:10px}.source-fragment h3{font-size:15px}.source-fragment p{font-size:11px}.brand-summary{height:100%}.brand-summary:first-child{border-color:#8bbaa273;cursor:pointer}.brand-summary:first-child:hover{background:#303d37}.expand-hint{float:right;font-size:16px;color:#b7d7c2}.brand-swatches{display:flex;gap:5px;margin-top:10px}.brand-swatches i{width:13px;height:13px;border-radius:50%;border:1px solid #9faab33d}.voice-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.voice-tags span{font-size:8px;background:#171d24;border-radius:20px;color:#b6c0ca;padding:4px 7px}.cinema-controls{display:flex;align-items:center;justify-content:center;position:relative;padding:15px 50px;border-top:1px solid #acb8c021}.cinema-controls>div{display:flex;align-items:center;gap:14px}.cinema-controls button{background:none;color:#a6b3bc;font-size:12px;padding:5px 0;border-bottom:1px solid transparent}.cinema-controls button[aria-pressed=true]{color:#eff4f1;border-color:#afcdbd}.cinema-controls>div>span{color:#718178;font-size:11px}.cinema-controls #context-motion{position:absolute;right:20px;padding:5px 7px}.context-scene[data-scene="2"]{display:block}.brand-detail{height:100%;padding:19px 24px;background:#22272dd9}.detail-title{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a7b4bf;margin-bottom:12px}.detail-title button{background:none;color:#c2cfca;padding:0;font-size:10px}.brand-detail>h3{font-size:25px;margin:0 0 15px}.brand-north{padding:14px 16px;background:#1b2026a6;border:1px solid #85919a36;border-radius:9px;margin-bottom:15px}.brand-detail h4{font-size:10px;text-transform:uppercase;color:#aebac4;letter-spacing:.04em;font-weight:500;margin:0 0 10px}.brand-north p{color:#e2e6e7;font-size:13px;max-width:790px}.identity-content{display:grid;grid-template-columns:1fr 1.25fr;gap:30px}.brand-wordmark{padding:16px;background:#141b23;border-radius:8px;color:#55aac2;letter-spacing:.16em;font-size:18px;font-weight:650;margin-bottom:15px}.brand-wordmark span{color:#efb24f}.brand-type{display:flex;align-items:center;gap:15px;color:#c0cbd0;font-size:11px;line-height:1.7}.brand-type>b{font-size:33px;color:white}.palette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.palette-grid>div{background:#161d23;border-radius:7px;padding:9px;display:flex;flex-direction:column;gap:8px;font-size:9px;color:#d3dce1}.palette-grid i{display:block;height:30px;border-radius:5px;border:1px solid #67738055}.context-film .context-heading>p{font-size:14px}
::view-transition-group(root){animation:none}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-group(*){animation-duration:1100ms;animation-timing-function:cubic-bezier(.22,1,.36,1)}
@media(max-width:850px){.morph-card{padding:12px}.morph-card h3{font-size:12px}.morph-card p{font-size:10px}.brand-wordmark{font-size:13px;padding:14px 9px}.context-scene{height:460px}.palette-grid{gap:6px}.palette-grid>div{padding:7px;font-size:8px}}
@media(max-width:700px){.context-film{padding:50px 10px 30px}.context-film h2{font-size:38px}.context-film .context-heading>p{font-size:13px;padding:0 12px}.cinema-toolbar{padding:15px 13px}.cinema-toolbar>span:first-child{font-size:15px}.cinema-example{font-size:8px}.context-scene{height:665px;gap:8px;padding:10px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,1fr)}.morph-card:last-child{grid-column:1/-1}.morph-card h3{font-size:12px;margin-bottom:7px}.morph-card p{font-size:10px;line-height:1.4}.brand-swatches{gap:3px;margin-top:7px}.brand-swatches i{width:11px;height:11px}.source-fragment{padding:12px}.fragment-origin{font-size:9px;margin-bottom:7px}.source-fragment h3{font-size:13px}.source-fragment p{font-size:10px}.cinema-controls{padding:15px 28px 15px 10px}.cinema-controls>div{gap:7px}.cinema-controls button{font-size:10px}.cinema-controls #context-motion{right:6px}.brand-detail{padding:16px}.brand-detail>h3{font-size:26px;margin-top:18px}.brand-north{padding:14px}.brand-north p{font-size:13px}.identity-content{grid-template-columns:1fr;gap:18px}.brand-wordmark{font-size:18px;margin-bottom:14px}.palette-grid{grid-template-columns:repeat(4,1fr)}.palette-grid i{height:35px}.palette-grid>div{font-size:8px;padding:7px}.detail-title>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:0s}}

/* V013: Sources > all dashboards > Brand Dashboard > Visual Identity. */
.context-scene[data-scene="0"]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr;align-items:center;gap:16px;padding:35px}.connected-source{height:280px;background:#1d252ce8;display:flex;flex-direction:column;justify-content:center;padding:19px;box-shadow:0 14px 40px #0003}.connected-source-icon{font-size:32px;color:#bdcfc5;margin-bottom:18px}.connected-source h3{font-size:18px;margin-bottom:20px}.source-document{padding:15px 12px;border-radius:8px;background:#1119219c;border:1px solid #81918533;min-height:112px}.source-document strong{display:block;font-size:11px;margin-bottom:8px}.source-document p{font-size:10px}.document-lines{display:flex;flex-direction:column;gap:6px;margin-top:14px}.document-lines i{height:2px;background:#687d7370;width:85%}.document-lines i:nth-child(2){width:65%}.document-lines i:last-child{width:45%}.context-scene[data-scene="1"]{grid-template-rows:repeat(4,1fr)}.overview-card{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:15px 20px;background:#20262deb}.overview-card h3{margin:0;font-size:14px}.overview-icon{font-size:22px;color:#bac5cd}.overview-card:first-child{border-color:#82b58c88;cursor:pointer}.overview-card:first-child:hover{background:#2e3b32}.context-scene[data-scene="2"]{display:grid}.context-scene[data-scene="3"]{display:block}.cinema-controls>div{gap:12px}
@media(max-width:850px){.context-scene[data-scene="0"]{padding:20px;gap:10px}.connected-source{padding:13px}.connected-source h3{font-size:15px}.source-document{padding:10px}.source-document strong{font-size:10px}.overview-card h3{font-size:12px}}
@media(max-width:700px){.context-scene[data-scene="0"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;padding:15px;gap:12px}.connected-source{height:100%;padding:15px}.connected-source:last-child{grid-column:auto}.connected-source h3{font-size:17px}.connected-source-icon{font-size:29px;margin-bottom:13px}.source-document{padding:12px}.source-document strong{font-size:11px}.context-scene[data-scene="1"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(6,1fr)}.overview-card{padding:14px;gap:12px}.overview-card:last-child{grid-column:auto}.overview-card h3{font-size:12px}.cinema-controls>div{gap:6px}.cinema-controls button{font-size:9px}.cinema-controls>div>span{font-size:9px}}

/* V014: simplified Work Hub, editorial blog, dedicated Jobs walkthrough. */
.work-v14{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center;background:#101713;padding:85px 6%;color:#e9eeea}.work-explanation h2{font-size:clamp(35px,3.5vw,56px);line-height:1.08}.work-explanation>p{font-size:16px;color:#b8c5bc;line-height:1.7;margin:25px 0}.work-stages{display:flex;flex-direction:column;gap:7px}.work-stages button{background:transparent;border-left:2px solid #6d7c7133;text-align:left;padding:15px 18px}.work-stages button[aria-pressed=true]{border-color:#9acd9e;background:#ffffff06}.work-stages strong{display:block;font-size:16px;font-weight:500}.work-stages span{display:block;font-size:12px;line-height:1.5;margin-top:7px;color:#abb8ae}.work-job-link{font-size:12px;display:block;margin-top:28px;color:#c5ddc9}.work-hub-demo{background:linear-gradient(#1b222bc9,#1b222bdb),url('assets/workspace/office-1.jpg') center/cover;border:1px solid #83938a55;border-radius:18px;padding:23px;min-width:0}.work-hub-demo>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.work-hub-demo>header strong{font-size:23px}.work-hub-demo>header>span{font-size:9px;color:#a9b6b3}.hub-top-tabs{display:flex;gap:23px;margin:22px 0;font-size:12px;color:#a9b7bb}.hub-top-tabs span:first-child{color:#c9edd2}.hub-top-tabs b{font-size:9px;background:#52745c;padding:3px 6px;border-radius:50%;margin-left:5px}.hub-queue{background:#131a22b8;border:1px solid #8a99a333;font-size:10px;padding:12px;border-radius:6px;color:#b9c8c3;margin-bottom:21px}#work-stage{min-height:365px}.opportunity-card{background:#151b22ed;border:1px solid #82938e55;border-radius:13px;padding:22px}.opportunity-label{font-size:9px;border:1px solid #73857f55;border-radius:20px;padding:6px 9px;display:inline-block;color:#b4cdc5}.opportunity-card h3{font-size:25px;line-height:1.2;margin:17px 0}.opportunity-card dl{margin:0}.opportunity-card dl>div{display:grid;grid-template-columns:105px 1fr;gap:20px;padding:19px 0;border-bottom:1px solid #70827d44;font-size:12px;line-height:1.5}.opportunity-card dt{color:#86d0bc;font-weight:500}.opportunity-card dd{margin:0;color:#bac5cb}.opportunity-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:19px;gap:12px}.opportunity-card footer>span{font-size:9px;color:#97a6ad}.opportunity-card footer button{background:none;color:#9edbc7;font-size:12px;padding:0}.hub-review-post{background:#171f25;border-radius:10px;overflow:hidden}.hub-review-post img{width:100%;height:185px;object-fit:cover}.hub-review-post p{padding:19px;font-size:13px;line-height:1.6}.hub-review-actions{display:flex;justify-content:space-between;align-items:center;margin-top:17px;font-size:11px}.hub-review-actions button{background:#50aa61;color:white;border-radius:5px;padding:11px;font-size:11px}.hub-review>small,.hub-scheduled>small{display:block;font-size:9px;color:#a9b8ae;margin-top:15px}.hub-scheduled{padding:35px 10px}.scheduled-check{font-size:30px;color:#abe4b4}.hub-scheduled h3{font-size:30px;margin:15px 0}.hub-scheduled p{font-size:13px;color:#b5c5b9}.hub-scheduled>div{display:flex;align-items:center;gap:15px;padding:20px 0;margin:10px 0}.hub-scheduled img{width:100px;height:75px;object-fit:cover;border-radius:6px}.hub-scheduled small{display:block;margin-top:8px;font-size:10px}.hub-scheduled button{background:none;color:#c4d9c5;padding:0;font-size:12px}.blog-section{padding:80px 6%;background:#e6e7dd;color:#233329}.blog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.blog-heading h2{font-size:48px}.blog-heading>a{font-size:13px}.blog-cards{display:grid;grid-template-columns:1.6fr 1fr;gap:25px}.blog-feature{display:grid;grid-template-columns:1fr 1fr;background:#d8dccf;border-radius:14px;overflow:hidden}.blog-art{position:relative;min-height:310px;overflow:hidden}.blog-art img{width:100%;height:100%;object-fit:cover;filter:brightness(.65)}.blog-art>span{position:absolute;bottom:30px;left:25px;right:20px;font-size:42px;line-height:1.05;letter-spacing:-.05em;color:white}.blog-body,.blog-secondary{padding:30px;display:flex;flex-direction:column;align-items:flex-start}.blog-cards small{font-size:10px;color:#546555}.blog-cards h3{font-size:28px;line-height:1.17;font-weight:500;letter-spacing:-.04em;margin:25px 0}.blog-cards a:hover h3{text-decoration:underline;text-underline-offset:5px}.blog-cards p{font-size:14px;line-height:1.6}.blog-cards a>span,.blog-body>span{margin-top:auto;padding-top:23px;font-size:12px}.blog-secondary{border:1px solid #8e9d8955;border-radius:14px}.jobs-page{background:linear-gradient(#101713cd,#101713b9),url('assets/workspace/office-1.jpg') center/cover fixed;min-height:100vh}.jobs-intro{max-width:1050px;margin:55px auto 30px;padding:0 25px}.jobs-intro h1{font-size:clamp(40px,5vw,65px);margin-bottom:18px}.jobs-intro p{color:#b7c7bd;max-width:620px;line-height:1.7}.reel-walkthrough{max-width:1050px;margin:0 auto 55px;border:1px solid #8b9e9255;border-radius:16px;background:#1b222ad9;overflow:hidden}.reel-step-nav{display:flex;gap:12px;padding:20px;border-bottom:1px solid #82978b33;flex-wrap:wrap}.reel-step-nav button{background:none;color:#aabdb1;border-radius:20px;padding:8px 15px;font-size:12px}.reel-step-nav button[aria-current=step]{background:#374e3e;color:#e6f4e9}.reel-job-body{padding:30px;min-height:425px}.reel-job-body h2{font-size:30px;margin-bottom:16px}.reel-job-body p{font-size:14px;line-height:1.6;color:#b5c5be}.reel-job-body label{display:block;margin:25px 0 9px;font-size:12px}.reel-job-body textarea{width:100%;background:#121c22;color:white;border:1px solid #758b7d66;border-radius:9px;padding:18px;font:inherit;line-height:1.6;resize:vertical}.job-options{display:flex;gap:10px;margin-top:17px}.job-options span{font-size:11px;border:1px solid #7a8a7f55;border-radius:20px;padding:8px 13px}.reel-job-footer{padding:18px 30px;display:flex;justify-content:space-between;border-top:1px solid #82978b33;align-items:center}.reel-job-footer button{background:#50aa61;color:white;padding:12px 20px;border-radius:5px;font-size:12px}.reel-job-footer button:first-child{background:transparent;border:1px solid #78918155}.reel-job-footer small{font-size:10px;color:#a9b7ad}.storyboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:23px}.storyboard-grid article{background:#151e25;border:1px solid #7c8e8133;border-radius:10px;overflow:hidden}.storyboard-grid img{width:100%;height:190px;object-fit:cover}.storyboard-grid h3{font-size:14px;margin:15px}.storyboard-grid p{font-size:11px;padding:0 15px 15px}.final-reel{display:flex;align-items:center;justify-content:center;gap:35px}.final-reel video{height:360px;max-width:55%;border-radius:10px}.final-reel>div{max-width:300px}.jobs-page .nav nav{margin-left:auto}.jobs-back{font-size:12px;color:#c4d6c8;display:inline-block;margin-bottom:25px}
@media(max-width:850px){.work-v14{gap:25px;padding:65px 4%}.opportunity-card{padding:17px}.opportunity-card dl>div{grid-template-columns:85px 1fr;gap:12px}.blog-feature{grid-template-columns:1fr}.blog-art{min-height:210px;max-height:210px}.blog-cards h3{font-size:24px}}
@media(max-width:700px){.work-v14{grid-template-columns:1fr;padding:55px 20px;gap:30px}.work-explanation h2{font-size:42px}.work-hub-demo{padding:15px}.opportunity-card h3{font-size:24px}.opportunity-card dl>div{font-size:11px}.blog-section{padding:55px 20px}.blog-heading h2{font-size:38px}.blog-cards{grid-template-columns:1fr}.blog-body,.blog-secondary{padding:25px}.reel-walkthrough{margin:0 12px 40px}.jobs-intro{margin-top:40px}.reel-step-nav{gap:3px;padding:12px}.reel-step-nav button{font-size:10px;padding:8px 10px}.reel-job-body{padding:20px;min-height:460px}.storyboard-grid{gap:9px}.storyboard-grid img{height:150px}.storyboard-grid h3{font-size:11px;margin:10px}.storyboard-grid p{font-size:10px;padding:0 10px 12px}.reel-job-footer{padding:15px;gap:8px}.reel-job-footer small{max-width:90px;font-size:8px}.reel-job-footer button{padding:10px;font-size:10px}.final-reel{flex-direction:column;gap:20px}.final-reel video{height:320px;max-width:100%}.final-reel>div h2{font-size:24px}}
.storyboard-grid video{width:100%;height:190px;object-fit:contain;background:#10161c}@media(max-width:700px){.storyboard-grid video{height:150px}}

/* V015: prepared card > Instagram flip > scheduling > calendar. */
.work-hub-demo.swipe-hub{background:none;border:0;padding:0;overflow:visible}.swipe-hub>header{max-width:480px;margin:0 auto 22px}.swipe-hub>header strong{font-size:26px}.swipe-hub>header>span{font-size:12px;color:#a6dcb4;background:#284133;padding:6px 13px;border-radius:20px}.card-stack{position:relative;perspective:1500px;max-width:480px;margin:auto;touch-action:pan-y}.card-peek{position:absolute;top:23px;bottom:23px;width:90%;border:1px solid #77877d33;border-radius:15px;background:#202730;opacity:.55}.peek-left{left:-15px;transform:rotate(-3deg)}.peek-right{right:-15px;transform:rotate(3deg)}.swipe-hub #work-stage{position:relative;min-height:480px;transform-style:preserve-3d}.swipe-card{height:480px;border:1px solid #73847d55;border-radius:14px;background:#161c23;overflow:hidden}.swipe-hub .opportunity-card{display:flex;flex-direction:column;padding:25px}.swipe-hub .opportunity-card h3{font-size:26px}.swipe-hub .opportunity-card dl{flex:1;display:flex;flex-direction:column;justify-content:space-evenly}.swipe-hub .opportunity-card dl>div{padding:18px 0}.swipe-hub .opportunity-card footer{margin-top:20px}.swipe-controls{display:flex;justify-content:center;align-items:center;gap:24px;margin:20px auto 0}.swipe-controls[hidden]{display:none}.swipe-controls>button{background:#26312b;border:1px solid #73877a55;border-radius:50%;width:32px;height:32px;color:#c5d9cb}#opportunity-dots{display:flex;gap:7px}#opportunity-dots button{background:#687770;width:7px;height:7px;padding:0;border-radius:8px}#opportunity-dots button[aria-pressed=true]{width:24px;background:#59b572}.work-demo-bottom{display:flex;justify-content:center;align-items:center;gap:14px;min-height:35px;font-size:11px;color:#aabdb0;margin-top:9px}.work-demo-bottom button{background:none;color:#c2d2c6;font-size:14px}.work-demo-disclaimer{display:block;text-align:center;color:#7d9183;font-size:9px;margin-top:5px}.instagram-card{display:flex;flex-direction:column}.instagram-card header{display:flex;align-items:center;gap:9px;padding:14px;font-size:12px}.instagram-card header>span:last-child{margin-left:auto;font-size:9px;color:#b8c4bd}.ig-avatar{border:1px solid #b99783;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.instagram-card>img{width:100%;min-height:100px;flex:1;height:0;object-fit:cover}.ig-actions{padding:12px 17px 0;font-size:18px}.instagram-card>p{padding:10px 17px;font-size:12px;line-height:1.55}.instagram-card footer{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;border-top:1px solid #788d7d33}.instagram-card footer>button:first-child,.work-back{background:none;color:#b4c9bb;padding:0;font-size:11px}.work-primary{background:#50aa61;color:white;border-radius:5px;padding:11px 15px;font-size:12px}.schedule-card,.marketing-calendar{padding:25px}.schedule-card h3,.marketing-calendar h3{font-size:26px;font-weight:500;margin:20px 0}.schedule-mini{display:flex;gap:15px;align-items:center;margin:20px 0}.schedule-mini img{width:70px;height:65px;object-fit:cover;border-radius:6px}.schedule-mini strong{font-size:12px;line-height:1.5;display:block}.schedule-mini small{font-size:10px;color:#a3b5ac;display:block;margin-top:6px}.schedule-card label{font-size:11px;color:#bed0c3;display:block;margin:14px 0 6px}.schedule-card input{width:100%;background:#202b32;border:1px solid #6c827355;border-radius:6px;color:white;color-scheme:dark;padding:9px;font:inherit;font-size:13px}.schedule-card>p{font-size:11px;color:#b1c4b5;margin:16px 0}.schedule-card>.work-primary{width:100%}.marketing-calendar>p{font-size:13px;color:#adbdaf}.calendar-week{display:grid;grid-template-columns:repeat(7,1fr);margin:23px 0;gap:4px}.calendar-week>div{text-align:center;padding:12px 2px;border-radius:8px;background:#263029;position:relative}.calendar-week span{display:block;font-size:9px;color:#aabcaf}.calendar-week b{display:block;font-size:16px;margin-top:7px;font-weight:500}.calendar-week .scheduled-day{background:#35583e;box-shadow:inset 0 0 0 1px #85c995}.scheduled-day i{display:block;width:4px;height:4px;background:#c1f1c9;border-radius:50%;margin:6px auto -5px}.calendar-entry{display:flex;gap:15px;background:#263a2ddd;border:1px solid #70a57d77;padding:15px;border-radius:9px;animation:calendar-arrive .65s ease-out}.calendar-entry img{width:85px;height:100px;object-fit:cover;border-radius:6px}.calendar-entry strong{display:block;font-size:13px;margin:10px 0;line-height:1.4}.calendar-entry small{font-size:10px;color:#b5cbb9}.calendar-status{font-size:9px;color:#b7eec2}.marketing-calendar .calendar-confirm{margin:22px 0;color:#b6e4be;font-size:12px}@keyframes calendar-arrive{from{opacity:0;transform:translateY(35px) scale(.92)}to{opacity:1;transform:none}}@media(max-width:700px){.swipe-hub{margin:0 10px}.swipe-hub>header strong{font-size:23px}.swipe-hub .opportunity-card{padding:20px}.swipe-hub .opportunity-card h3{font-size:24px}.swipe-hub .opportunity-card dl>div{grid-template-columns:85px 1fr;gap:12px;font-size:11px}.schedule-card,.marketing-calendar{padding:20px}.calendar-entry img{width:65px;height:85px}.calendar-entry{padding:12px;gap:10px}.calendar-entry strong{font-size:12px}.swipe-hub>header>span{font-size:10px}.instagram-card>p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.calendar-entry{animation:none}}

/* V016: concise Work Hub, four stages, inline Jobs-to-reel walkthrough. */
.work-v14 .work-explanation h2{font-size:clamp(35px,3.4vw,54px);line-height:1.1}.work-v14 .work-stages{margin-top:35px;gap:0}.work-v14 .work-stages button{padding:16px 20px}.swipe-hub .opportunity-card footer{justify-content:flex-end}.inline-jobs{padding:65px 6%;background:linear-gradient(#101713c9,#101713c9),url('assets/workspace/office-1.jpg') center/cover}.jobs-section-heading{max-width:1050px;margin:0 auto 32px}.jobs-section-heading h2{font-size:clamp(36px,4vw,60px);line-height:1.1}.inline-jobs .reel-walkthrough{margin-bottom:0}.inline-jobs .reel-job-body{min-height:440px}.inline-jobs-menu h3{font-size:25px;font-weight:500;margin:0 0 27px}.inline-job-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.inline-job-grid>div,.inline-job-grid>button{min-height:147px;padding:20px;background:#20262dda;border:1px solid #7d898e44;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#dbe2e5;font:inherit}.inline-job-grid>button{border-color:#94bb9b88;background:#27352ef0;cursor:pointer}.inline-job-grid>button:hover{background:#334d3e}.inline-job-grid>div{color:#a4afb4}.inline-job-grid strong{font-size:15px;font-weight:500}.inline-job-grid span{font-size:25px;color:#aebeb5}.inline-job-grid small{font-size:10px;color:#bad1be}.reel-job-footer[hidden],.reel-step-nav[hidden]{display:none}.fixed-reel-brief{background:#121c22;color:#e1e8e2;border:1px solid #758b7d66;border-radius:9px;padding:22px;font-size:16px;line-height:1.7;margin-top:10px}.reel-job-body .sample-brief-label{font-size:11px;margin-top:30px;color:#a9bcb0}.inline-jobs .reel-step-nav{scroll-margin-top:90px}.inline-jobs .reel-job-body h2{font-size:30px}
@media(max-width:700px){.inline-jobs{padding:50px 15px}.jobs-section-heading h2{font-size:40px}.inline-jobs .reel-walkthrough{margin:0}.inline-job-grid{grid-template-columns:1fr 1fr;gap:10px}.inline-job-grid>div,.inline-job-grid>button{padding:14px 8px;min-height:130px;gap:10px}.inline-job-grid strong{font-size:12px;text-align:center}.inline-job-grid small{font-size:9px}.inline-jobs .reel-job-body{padding:18px}.work-v14 .work-explanation h2{font-size:40px}.fixed-reel-brief{font-size:14px;padding:18px}}

/* V017: four complete scenes, including Haba end card. */
.storyboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.storyboard-grid img,.storyboard-grid video{height:255px;object-fit:contain;background:#10161c}.storyboard-grid h3{margin:14px;font-size:13px}.reel-job-footer{justify-content:space-between}
@media(max-width:700px){.storyboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.storyboard-grid img,.storyboard-grid video{height:210px}.storyboard-grid h3{font-size:12px;margin:12px}}

/* V018: service marks taken from the existing product, with visible names. */
.context-scene[data-scene="0"]{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,142px);align-content:center;align-items:stretch;gap:18px;padding:35px 6%}
.context-scene .source-logo-tile{height:auto;min-height:0;padding:22px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:19px;text-align:center;background:rgba(24,30,36,.66);border:1px solid #84949930;border-radius:14px}
.source-logo-tile .source-service-logo{width:40px;height:40px;object-fit:contain;display:block}
.context-scene .source-logo-tile h3{margin:0;font-size:15px;line-height:1.25;font-weight:500;color:#edf0ef}
@media(max-width:1000px){.context-scene[data-scene="0"]{gap:12px;padding:25px 4%}.context-scene .source-logo-tile h3{font-size:13px}}
@media(max-width:700px){.context-scene[data-scene="0"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,103px);gap:10px;align-content:center;padding:20px}.context-scene .source-logo-tile{padding:14px 8px;gap:10px;border-radius:11px}.source-logo-tile .source-service-logo{width:30px;height:30px}.context-scene .source-logo-tile h3{font-size:12px}}

/* V020: horizontally scrollable editorial cards. */
.blog-heading{gap:20px;flex-wrap:wrap}.blog-heading>a{margin-left:auto}.blog-arrows{display:flex;gap:9px}.blog-arrows button{width:43px;height:43px;border:1px solid #6d7d6870;border-radius:50%;background:transparent;color:#233329;font-size:23px;cursor:pointer}.blog-arrows button:hover:not(:disabled){background:#ccd3c3}.blog-arrows button:disabled{opacity:.28;cursor:default}.blog-arrows button:focus-visible,.blog-cards:focus-visible{outline:2px solid #47613e;outline-offset:4px}
.blog-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;gap:25px;padding:0 0 18px;scrollbar-width:thin;scrollbar-color:#82917b #d7dccf}.blog-cards>a{flex:0 0 68%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.blog-secondary{justify-content:center;background:#dde1d5}.blog-secondary>span{margin-top:20px}.blog-cards .blog-feature{grid-template-columns:1fr 1fr}.blog-cards a:focus-visible{outline:2px solid #47613e;outline-offset:-4px}
@media(max-width:850px){.blog-cards>a{flex-basis:85%}.blog-cards .blog-feature{grid-template-columns:1fr}.blog-body{min-height:245px}}
@media(max-width:700px){.blog-heading{gap:14px}.blog-heading h2{width:100%}.blog-heading>a{margin-left:0;margin-right:auto}.blog-cards{gap:15px}.blog-cards>a{flex-basis:88%}.blog-cards .blog-art{height:210px}.blog-arrows button{width:39px;height:39px}}

/* V021: official Haba social profiles. */
.site-footer{flex-wrap:wrap;gap:24px}.footer-socials{display:flex;align-items:center;gap:22px;margin-right:auto}.footer-socials a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:12px}.footer-socials img{width:20px;height:20px;object-fit:contain}.footer-socials a:hover span{text-decoration:underline;text-underline-offset:4px}.footer-socials a:focus-visible{outline:2px solid #b7d9b0;outline-offset:5px;border-radius:3px}
@media(max-width:700px){.site-footer{gap:16px 20px}.footer-socials{order:1;flex-basis:100%;gap:26px;margin:0}.footer-socials a{font-size:12px}}

/* V022: context headline without supporting copy. */
.context-heading #context-title{max-width:960px;margin-left:auto;margin-right:auto;text-wrap:balance}

/* V024: original cloud-only product animation behind the closing copy. */
.closing{isolation:isolate}.closing:after{z-index:1}.closing>video.closing-cloud{z-index:2;inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);width:1050px;height:590px;max-width:none;object-fit:contain;opacity:.75;mix-blend-mode:screen;pointer-events:none;mask-image:radial-gradient(ellipse 28% 46% at center,#000 35%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 28% 46% at center,#000 35%,transparent 100%)}.closing>div{z-index:3}.closing h2{text-shadow:0 2px 22px #08150da6}
@media(max-width:700px){.closing>video.closing-cloud{width:760px;height:430px;opacity:.68}}

/* V026: pitch-deck backgrounds and complete closing chapters. */
html{scroll-snap-type:y proximity}main>section,.site-footer{scroll-snap-align:start}main>section{scroll-snap-stop:normal}
.work-v14{background:linear-gradient(90deg,rgba(8,16,14,.86),rgba(8,16,14,.62)),url('assets/09-pricing-workspace.jpg') center/cover}
.blog-section{min-height:calc(100svh - 76px);display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;background:linear-gradient(#0c1713ba,#0c1713d9),url('assets/11-competitor-library.jpg') center/cover;color:#ecf0e8;padding-top:45px;padding-bottom:45px}.blog-heading{flex-shrink:0}.blog-cards{flex-shrink:0;scrollbar-color:#809182 #15241b}.blog-cards .blog-feature,.blog-cards .blog-secondary{background:#1b2926d9;border:1px solid #a7b4a52e;backdrop-filter:blur(12px)}.blog-cards small,.blog-cards p{color:#c1c9c2}.blog-arrows button{color:#e8eee5;border-color:#a7b4a55e}.blog-arrows button:hover:not(:disabled){background:#53674b66}.blog-cards .blog-art{min-height:280px;max-height:360px}.blog-cards .blog-body{min-height:280px}
.closing{height:calc(100svh - 76px - 112px);min-height:390px;background:url('assets/15-thank-you-mountain.jpg') center/cover}.closing:after{background:#0b1a155e}.site-footer{min-height:112px;box-sizing:border-box;padding-top:16px;padding-bottom:16px;scroll-snap-align:none}
@media(max-width:700px){html{scroll-snap-type:none}.blog-section{min-height:calc(100svh - 62px);padding:35px 20px}.blog-cards .blog-art{min-height:180px;height:180px;max-height:180px}.blog-cards .blog-body{min-height:215px;padding:22px}.blog-cards h3{font-size:24px;margin:20px 0}.closing{height:calc(100svh - 62px - 170px);min-height:380px}.site-footer{min-height:170px}.work-v14{background-position:65% center}}

@media(max-width:700px){.site-footer{height:170px;padding-top:8px;padding-bottom:8px;gap:8px 20px}}

/* V027: consistent autonomous product stories. */
.work-explanation,.reel-walkthrough{position:relative}.story-motion{width:36px;height:36px;border:1px solid #82998b55;border-radius:50%;background:#17221dbb;color:#dce8de;font-size:15px;cursor:pointer}.work-explanation>.story-motion{margin-top:20px}.reel-walkthrough>#jobs-motion{position:absolute;right:14px;top:12px;z-index:3}.reel-step-nav{padding-right:65px}.story-motion:focus-visible{outline:2px solid #b9e3ab;outline-offset:3px}

/* V028: a distinct daylight image for each story screen. */
#team .office{background:url('assets/alpine-team.jpg') center/cover}.office-shade{background:linear-gradient(90deg,#112019b3,#11201945)}
.work-v14{background:linear-gradient(90deg,#0c1918b5,#0c191865),url('assets/alpine-work.jpg') center/cover}
.inline-jobs{background:linear-gradient(#101a1666,#101a1680),url('assets/alpine-jobs.jpg') center/cover}.jobs-section-heading h2{text-shadow:0 2px 20px #0008}
.context-film{background:linear-gradient(#15231b66,#15231b80),url('assets/alpine-context.jpg') center/cover}.context-heading h2{text-shadow:0 2px 18px #0008}
.blog-section{background:linear-gradient(#13211d80,#13211da8),url('assets/alpine-blog.jpg') center/cover}
.closing{background:url('assets/daylight-closing.jpg') center/cover}.closing:after{background:#0b1a154d}
@media(max-width:700px){.work-v14{background-position:35% center}#team .office{background-position:60% center}.inline-jobs{background-position:65% center}}

/* V029: consistent framing across the alpine image family. */
#team .office,.work-v14,.inline-jobs,.context-film,.blog-section{background-position:center}
/* V030: readable blog chapter with a quiet photographic backdrop. */
.blog-section{background:linear-gradient(90deg,rgba(9,18,15,.88),rgba(9,18,15,.76)),url('assets/alpine-blog.jpg') center/cover;color:#fff}
.blog-heading h2,.blog-heading>a{color:#fff}
.blog-cards .blog-feature,.blog-cards .blog-secondary{background:#17211e;border:1px solid #ffffff26;box-shadow:0 12px 36px #0003}
.blog-cards h3{color:#fff}.blog-cards small,.blog-cards p{color:#d2dcd6}.blog-body>span,.blog-secondary>span{color:#edf4ef}
.blog-art:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(5,12,9,.88));pointer-events:none}.blog-art>span{z-index:1;text-shadow:0 2px 8px #0008}
.blog-arrows button{background:#17211e;border-color:#ffffff60;color:#fff}.blog-arrows button:hover:not(:disabled){background:#33473b}.blog-arrows button:disabled{opacity:.4}

/* V031: website Vera, with a compact glass conversation above the composer. */
.vera-chat{position:absolute;z-index:5;left:24px;right:24px;bottom:24px;color:#f3f7f4}.vera-conversation{background:rgba(15,24,22,.94);backdrop-filter:blur(22px);border:1px solid #ffffff24;border-radius:20px;margin-bottom:12px;overflow:hidden;box-shadow:0 15px 45px #0003}.vera-conversation[hidden]{display:none}.vera-conversation header{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid #ffffff18;font-weight:600}.vera-conversation header small{font-weight:400;color:#b6c5bd;margin-left:7px;font-size:11px}.vera-conversation button{color:inherit}.vera-conversation header button{background:transparent;font-size:24px;padding:0 6px}#vera-messages{max-height:260px;overflow:auto;padding:5px 18px;scrollbar-width:thin;overscroll-behavior:contain}.vera-message{font-size:14px;line-height:1.55;margin:14px 0;white-space:pre-wrap}.vera-message.user{background:#ffffff10;padding:10px 13px;border-radius:12px;margin-left:22px}.vera-message.error{color:#ffd8ad}#vera-suggestions{display:flex;flex-wrap:wrap;gap:7px;padding:8px 18px}#vera-suggestions button,#vera-actions a,#vera-actions button{font:inherit;font-size:12px;line-height:1.4;background:#ffffff0b;border:1px solid #ffffff30;border-radius:20px;padding:8px 12px;color:#e5eee7;text-decoration:none}#vera-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 18px}#vera-actions:not(:empty){padding-bottom:10px}.vera-privacy{display:block;padding:8px 18px 14px;font-size:10px;line-height:1.5;color:#adbbb3}#vera-form{display:flex;align-items:center;gap:8px;border:1px solid #ffffff24;border-radius:32px;padding:7px;background:rgba(16,26,23,.88);backdrop-filter:blur(18px)}#vera-input{width:100%;min-width:0;background:transparent;border:0;outline:none;color:white;font:inherit;font-size:14px;padding:10px 12px}#vera-input::placeholder{color:#e0e7e0}#vera-send{flex:none;width:38px;height:38px;border-radius:50%;border:1px solid #ffffff40;color:#fff;background:#ffffff12;font-size:23px}#vera-send:disabled{opacity:.45}.vera-chat :focus-visible{outline:2px solid #c4dfba;outline-offset:3px}@media(max-width:700px){.vera-chat{left:12px;right:12px;bottom:14px}.vera.chat-open{min-height:590px}#vera-messages{max-height:245px}.vera-message{font-size:13px}}
#vera-suggestions[hidden]{display:none}
/* V032: one headline scale and one playback position across chapters. */
:root{--chapter-title:clamp(36px,4vw,64px)}
#hero-title,#team-title,#work-title,#jobs-title,#context-title,.blog-heading h2,.closing h2{font-size:var(--chapter-title);line-height:1.08;font-weight:450;letter-spacing:-.045em}
#jobs-title{max-width:1050px;text-wrap:balance}.jobs-section-heading{max-width:1050px}
body .chapter-playback{position:fixed!important;top:auto!important;left:auto!important;right:24px!important;bottom:24px!important;transform:none!important;margin:0!important;width:44px!important;height:44px!important;padding:0!important;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff55!important;border-radius:50%!important;background:#14201eee!important;color:#f5f8f5!important;font-size:18px!important;z-index:100;box-shadow:0 3px 14px #0004;cursor:pointer}
body .chapter-playback[hidden]{display:none!important}
@media(max-width:700px){:root{--chapter-title:36px}body .chapter-playback{right:16px!important;bottom:16px!important}}
#hero-title,#team-title,#work-title,#jobs-title,#context-title,.blog-heading h2,.closing h2{font-size:var(--chapter-title)!important}

.menu-toggle{display:none}@media(max-width:700px){.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;padding:0 10px;background:transparent;border:1px solid #ffffff2a;border-radius:6px}.menu-toggle span{display:block;height:1.5px;background:#e6ebdf;transition:transform .2s}.menu-open .menu-toggle span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.menu-open .nav nav{display:flex;flex-direction:column;gap:0;position:absolute;top:62px;left:0;right:0;margin:0;padding:8px 15px 16px;background:#101713f7;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff13;font-size:17px}.menu-open .nav nav a{padding:14px 4px;border-bottom:1px solid #ffffff10}.menu-open .nav nav a:last-child{border-bottom:0}}

/* V033: stable story geometry and unobstructed studio chat. */
.inline-jobs .reel-walkthrough{display:grid;grid-template-rows:70px 480px 80px;overflow:hidden}
.inline-jobs .reel-step-nav{height:70px;min-height:70px;box-sizing:border-box;margin:0;align-items:center}
.inline-jobs .reel-job-body{height:480px;min-height:0;box-sizing:border-box;overflow:auto}
.inline-jobs .reel-job-footer{height:80px;box-sizing:border-box}
.inline-jobs .reel-step-nav[hidden],.inline-jobs .reel-job-footer[hidden]{display:flex;visibility:hidden;pointer-events:none}
.inline-jobs .inline-jobs-menu{height:100%}.inline-jobs .inline-job-grid{height:calc(100% - 58px)}
.swipe-controls[hidden]{display:flex;visibility:hidden;pointer-events:none}
.context-scene{box-sizing:border-box}.cinema-toolbar{min-height:70px;box-sizing:border-box}
.hero.studio-open .hero-right>.product{display:none}.vera-studio[hidden]{display:none}
.vera-studio{height:100%;min-height:0}.vera-studio .vera-conversation{display:flex;flex-direction:column;height:100%;margin:0;border-radius:20px;box-sizing:border-box;background:#15201ee8}
.vera-studio .vera-conversation header{padding:22px 26px;flex:none}.vera-studio .vera-conversation header button{font-size:12px}
.vera-studio #vera-messages{flex:1;max-height:none;min-height:0;padding:22px 28px}.vera-studio .vera-message{font-size:17px;line-height:1.65;max-width:650px;margin:16px 0 24px}.vera-studio .vera-message.user{margin-left:auto;width:fit-content;max-width:85%}
.vera-studio #vera-suggestions,.vera-studio #vera-actions{padding-left:28px;padding-right:28px}.vera-studio .vera-privacy{padding:16px 28px 10px}.vera-studio #vera-form{margin:0 24px 24px;flex:none}.studio-open .vera-chat{display:none}
@media(max-width:700px){.inline-jobs .reel-walkthrough{grid-template-rows:62px 760px 80px}.inline-jobs .reel-step-nav{height:62px;min-height:62px}.inline-jobs .reel-job-body{height:760px}.inline-jobs .inline-job-grid{height:auto}.hero.studio-open .portrait.vera{min-height:230px;height:230px}.hero.studio-open .vera>video{object-position:50% 26%}.hero.studio-open .hero-right{height:570px}.vera-studio .vera-message{font-size:15px}.vera-studio #vera-messages{padding:14px 18px}.vera-studio #vera-form{margin:0 12px 14px}.vera-studio .vera-conversation header{padding:16px 18px}}
@media(min-width:701px){.hero.studio-open{height:calc(100svh - 76px);min-height:0}.hero.studio-open .hero-right{height:100%;min-height:0}}

/* Vera entry repair: portrait is a real chat launcher; composer stays above it. */
.vera-launch{position:absolute;inset:0;z-index:3;background:transparent;border:0;cursor:pointer;border-radius:inherit}.vera-launch:focus-visible{outline:2px solid #c4dfba;outline-offset:-5px}.studio-open .vera-launch{display:none}
.hero.studio-open #slide-pause{display:none}

.footer-legal{display:flex;gap:14px;font-size:12px;opacity:.65}.footer-legal a{color:inherit;text-decoration:none}
@media(max-width:700px){.footer-legal{justify-content:center;width:100%}}