/* V4.4 art direction — quieter typography, light volume and a tangible task. */
:root{--bg:#08090b;--text:#e9ebed;--muted:#a0a5ab;--dim:#939ba2;--line:#25282d;--green:#a7d8d0;--metal:#e3e7e8}
body{background:#08090b;color:var(--text);-webkit-font-smoothing:antialiased}
.shell{max-width:1200px;width:calc(100% - 112px)}
.header{height:94px;border:0}.header .brand img{width:116px}.header nav{gap:26px}.header nav>a,.nav-more summary,.nav-actions>a{font-size:12px;color:#aeb4b9}.header nav a:hover,.nav-more summary:hover{color:#f4f6f7}.nav-cta{background:#e1e5e7;border:0!important;border-radius:5px;color:#171b1f!important;padding:9px 17px!important}.header a[aria-current=page]{color:#f3f5f6}
.primary,.secondary{border-radius:6px;min-height:46px;padding:12px 22px;font-weight:500;font-size:13px;transition:background .18s,color .18s,border-color .18s}
.primary{background:#e3e8e9;color:#11191c;border:1px solid #e3e8e9;box-shadow:none}.primary:hover{background:#fff;color:#101316;border-color:#fff}.secondary{background:transparent;border:1px solid #505459;color:#d6dbdf}.secondary:hover{background:#191c20;border-color:#929ba1}
.eyebrow{color:#9da6ad;font-size:11px;letter-spacing:1px}.section{border-color:#ffffff0c;padding:100px 0}.section-title h2,.large-heading{font-size:36px;line-height:1.45;letter-spacing:-1px;font-weight:400}.section-note{color:#929ba2;font-size:12px}.section-title{margin-bottom:34px}.page-head h1{font-size:58px;line-height:1.25;letter-spacing:-2px}.page-head{padding-top:82px}.lead{color:#bdc3c9}.text-link{color:#cdd5da}
.hero-v44{min-height:890px;padding:82px 0 0;position:relative;overflow:visible}
.hero-v44 .hero-copy{z-index:2;max-width:760px}.hero-v44 .eyebrow{font-size:11px;font-weight:400;letter-spacing:1.35px;color:#98a1a8;margin-bottom:30px}
.hero-v44 h1{font-size:88px;font-weight:400!important;line-height:1.14;letter-spacing:-4.5px;white-space:normal;margin-bottom:28px;max-width:760px;color:#edf0f2}
.title-first,.title-second{display:block}.hero-v44 .hero-word{background:linear-gradient(165deg,#f3f4f5 12%,#cbd2d6 59%,#8c989f 100%);background-clip:text;-webkit-background-clip:text;color:transparent;letter-spacing:-5px}
.hero-v44 .hero-lead{font-size:20px;font-weight:400;line-height:1.7;color:#b9c0c6;margin-bottom:15px}.hero-v44 .hero-description{font-size:14px;line-height:1.9;color:#929ca4;margin-bottom:29px}.hero-v44 .hero-subtail{white-space:normal}
.hero-v44 .actions{gap:16px}.hero-v44 .flow-canvas{z-index:-1;left:-120px;right:-120px;bottom:-25px;height:650px;overflow:hidden;mask-image:linear-gradient(180deg,transparent,#000 7%,#000 82%,transparent)}
.hero-v44 .flow-canvas img{width:100%;height:100%;object-fit:fill;animation:none;transform:none;opacity:1;max-width:none}
.product-reveal{padding-top:20px;border-top:0}.product-reveal .section-title h2{font-size:38px}.product-reveal .section-title h2 .muted{color:#838c93}.product-window{border:1px solid #30343a;border-radius:14px;background:#111419;box-shadow:0 30px 80px #0004}.product-toolbar{background:#14181c;border-color:#2c3036;height:58px}.product-grid{grid-template-columns:220px 1fr}.product-sidebar{background:#0e1115;border-color:#272c31}.product-chat{padding:36px 44px}.sample-request{background:#20252b;border-color:#343a41}.output-sheet{background:#171d22;border:1px solid #343d44}.output-sheet>div{border-color:#2a333a}.tool-receipt span{border:0;color:#9ebbb5}.scene-badge{border:0;color:#8e9ba4;font-size:10px}.selected-task{background:#232b31}.journey{background:#0e1216;border-color:#2b3339}.journey-steps{background:#11161a}.journey-steps button[aria-pressed=true]{background:#263b36;border-color:#597b70;color:#d4e9e1}.journey-detail{background:transparent}.status{border:0;background:#1a2a24;color:#b1d3c1}.status.neutral{border:0;background:#1a2028;color:#afb7c3}.status.pending{border:0;background:#28241b;color:#d6c7a8}
.product-head{display:grid;grid-template-columns:1.05fr 1fr;gap:75px;max-width:none;align-items:end;padding:72px 0 52px}.product-head h1{font-size:54px;line-height:1.32;letter-spacing:-2px;margin-bottom:0}.product-head .eyebrow{margin-bottom:23px}.product-intro{max-width:480px;padding-bottom:4px}.product-intro .lead{font-size:19px;line-height:1.8;margin:0 0 18px}.product-intro .sublead{font-size:14px;line-height:1.9;color:#929da5;margin:0}
.task-theatre{border:1px solid #34383e;border-radius:14px;overflow:hidden;background:#101317;box-shadow:0 35px 75px #0003}
.theatre-top{display:flex;justify-content:space-between;align-items:center;padding:19px 26px;background:#14181c;border-bottom:1px solid #292f34;gap:20px}.theatre-top>div{display:flex;align-items:center;gap:24px}.theatre-top>div>span{font-size:12px;color:#c0c8ce}.illustration-label{font-size:10px;color:#99a5ad}.theatre-body{display:grid;grid-template-columns:320px 1fr;min-height:548px}.task-track{padding:30px 24px;background:#0d1013;border-right:1px solid #2a3035}.track-context{font-size:12px;color:#9aa9ac;margin:0 0 14px}.task-quote{font-size:17px;line-height:1.85;color:#d8dfe3;margin:0 0 29px}.stage-controls{display:grid;gap:8px}.stage-controls button{display:flex;text-align:left;gap:14px;align-items:center;padding:15px 14px;border-radius:8px;background:transparent;border:1px solid transparent;min-height:72px;color:#a3adb5;font-size:14px}.stage-controls button[aria-pressed=true]{background:#1c2729;border-color:#34494b;color:#deeeec}.stage-dot{display:grid;place-items:center;width:24px;height:24px;border:1px solid #4c575d;border-radius:50%;font-size:11px;color:#a9b7bb;flex-shrink:0}.stage-controls button[aria-pressed=true] .stage-dot{background:#a6c9bf;border-color:#a6c9bf;color:#12251d}.stage-controls small{display:block;font-size:11px;font-weight:400;color:#8d9da6;margin-top:5px}.task-stage{padding:27px 38px 24px;min-width:0}.stage-status{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#9fbfb3;margin-bottom:27px}.stage-status span+span{font-size:10px;color:#7e8d98;letter-spacing:1px}.task-stage h2{font-size:30px;white-space:pre-line;font-weight:450;letter-spacing:-.5px;line-height:1.5;margin:0 0 14px}.task-stage>p{color:#9eabb4;line-height:1.85;font-size:13px;max-width:560px}.stage-artifact{background:linear-gradient(145deg,#20272c,#161c21);border:1px solid #3d474e;border-radius:8px;padding:22px 25px;margin-top:25px;box-shadow:0 12px 30px #0002}.artifact-heading{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#b0bfc6}.artifact-heading span+span{color:#c5bd9f}.stage-artifact h3{font-size:21px;font-weight:500;line-height:1.5;color:#e2e8eb;margin:17px 0 12px}.stage-artifact dl{margin:0}.stage-artifact dl>div{display:grid;grid-template-columns:78px 1fr;gap:18px;padding:10px 0;border-top:1px solid #ffffff12;font-size:12px;line-height:1.8}.stage-artifact dt{color:#cad5d9}.stage-artifact dd{margin:0;color:#9faeb6}.task-stage .stage-boundary{font-size:10px;line-height:1.9;color:#8e9ca5;margin:15px 0 0;max-width:none}.theatre-foot{padding:17px 26px;border-top:1px solid #2a3035;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:#929fa6}.theatre-foot button{font-size:12px;color:#c6ded5;min-height:34px;padding:5px 0;text-decoration:none}
.capability-map{border:0;padding:75px 0 85px}.capability-map .section-title{margin-bottom:27px}.capability-map .section-title h2{font-size:26px}.capability-map .section-title>.status{font-size:10px;background:none;color:#8997a0}.capability-rows{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.capability-rows article{display:block;padding:0 0 12px;border:0}.capability-rows article>span{font-size:10px;letter-spacing:0;color:#81958f}.capability-rows h3{font-size:19px;line-height:1.5;margin:16px 0 13px}.capability-rows p{font-size:13px;line-height:1.85;color:#929fa8}.task-center .section-title h2{font-size:30px}.task-cards>a{background:#11151a;border-color:#292f36;border-radius:10px}.task-cards h3{font-size:23px;line-height:1.6}.feature-list article{padding:35px 0;border-color:#ffffff0b}.feature-list h2{font-size:28px;line-height:1.5}.onboarding-list{padding-top:25px}.closing{border-color:#ffffff0b}.footer{border-top-color:#ffffff12}.footer-top{border-color:#ffffff0b}.footer-bottom{border-color:#ffffff0b}
@media(min-width:1700px){.hero-v44{min-height:920px}.hero-v44 .flow-canvas{height:720px;left:-200px;right:-200px}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.header nav{gap:17px}.hero-v44 h1{font-size:80px}.hero-v44{min-height:850px}.hero-v44 .flow-canvas{left:-32px;right:-32px;height:560px}.theatre-body{grid-template-columns:270px 1fr}.task-stage{padding:25px}.product-head{gap:40px}.product-head h1{font-size:45px}.capability-rows{gap:22px}}
@media(max-width:900px){.header{height:80px}.header nav.open{background:#101419}.hero-v44{padding-top:72px;min-height:840px}.hero-v44 h1{font-size:76px}.product-head{grid-template-columns:1fr;gap:20px;padding-top:58px}.product-intro{max-width:570px}.product-intro .lead{margin-bottom:8px}.theatre-body{grid-template-columns:235px 1fr}.task-track{padding:25px 15px}.task-quote{font-size:15px}.task-stage h2{font-size:25px}.stage-artifact{padding:18px}.capability-rows{grid-template-columns:1fr 1fr;gap:30px 40px}.product-grid{grid-template-columns:1fr}.product-chat{padding:30px}.section{padding:75px 0}}
@media(max-width:600px){.shell{width:calc(100% - 44px)}.header{height:76px}.header .brand img{width:104px}.header .menu{border:0;background:none;padding:0;color:#b4bec4;font-size:12px;min-width:44px}.header nav.open{top:66px}.hero-v44{padding:55px 0 0;min-height:760px}.hero-v44 .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:25px}.hero-v44 h1{font-size:59px;line-height:1.15;letter-spacing:-2.4px;margin-bottom:25px}.hero-v44 .hero-word{letter-spacing:-3px}.hero-v44 .hero-lead{font-size:17px;line-height:1.8;max-width:none;margin-bottom:15px}.hero-v44 .hero-subtail{display:block;white-space:nowrap}.hero-v44 .hero-description{font-size:12px;line-height:1.9;max-width:310px;margin-bottom:25px}.hero-v44 .actions{gap:10px}.hero-v44 .primary,.hero-v44 .secondary{font-size:12px;padding:11px 16px;min-height:43px;border-radius:5px}.hero-v44 .flow-canvas{left:-22px;right:-22px;bottom:-6px;height:320px;mask-image:linear-gradient(180deg,transparent,#000 5%,#000 82%,transparent)}.hero-v44 .flow-canvas img{width:190%;height:100%;transform:translateX(-40%);object-fit:fill;animation:none}
.product-reveal{padding-top:5px}.section{padding:62px 0}.section-title h2,.large-heading{font-size:27px;line-height:1.5}.product-reveal .section-title h2{font-size:28px}.section-title{margin-bottom:27px}.section-note{font-size:11px;margin-top:19px}.product-chat{padding:22px 16px}.product-toolbar{padding:0 16px}.page-head{padding-top:50px}.page-head h1{font-size:36px;line-height:1.4;letter-spacing:-1px}.product-head{padding:44px 0 30px;gap:20px}.product-head .eyebrow{font-size:10px;margin-bottom:17px}.product-head h1{font-size:35px;line-height:1.4}.product-intro .lead{font-size:15px;line-height:1.9}.product-intro .sublead{font-size:12px;line-height:1.9}
.task-theatre{border-radius:11px}.theatre-top{padding:16px;align-items:flex-start;gap:8px}.theatre-top>div{display:block}.theatre-top img{width:65px}.theatre-top>div>span{display:block;font-size:10px;margin-top:8px}.illustration-label{font-size:9px;max-width:105px;line-height:1.8;text-align:right}.theatre-body{display:block;min-height:0}.task-track{padding:21px 16px 16px;border:0;background:#101418}.track-context{font-size:10px;margin-bottom:10px}.task-quote{font-size:15px;line-height:1.7;margin-bottom:20px}.stage-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.stage-controls button{display:flex;flex-direction:column;gap:9px;text-align:center;align-items:center;padding:10px 0;min-height:76px;font-size:10px;border-radius:6px}.stage-controls small{display:none}.stage-dot{width:22px;height:22px;font-size:10px}.task-stage{padding:22px 19px 20px;background:#101317;border-top:1px solid #272f35}.stage-status{font-size:10px;margin-bottom:21px}.stage-status span+span{font-size:9px}.task-stage h2{font-size:23px;line-height:1.5;letter-spacing:-.5px}.task-stage>p{font-size:12px;line-height:1.85}.stage-artifact{padding:17px 15px;margin-top:22px;border-radius:7px}.artifact-heading{font-size:9px}.stage-artifact h3{font-size:19px;margin:15px 0 13px}.stage-artifact dl>div{grid-template-columns:1fr;gap:4px;font-size:11px;padding:10px 0}.task-stage .stage-boundary{font-size:10px;line-height:1.9}.theatre-foot{padding:13px 17px;align-items:flex-start;flex-direction:column;gap:5px;font-size:10px}.theatre-foot button{font-size:11px;min-height:40px}.capability-map{padding:48px 0 55px}.capability-map .section-title h2{font-size:23px}.capability-map .section-title>.status{padding-left:0}.capability-rows{grid-template-columns:1fr 1fr;gap:30px 22px}.capability-rows h3{font-size:17px;margin:12px 0 10px}.capability-rows p{font-size:12px}.capability-rows article>span{font-size:9px}.task-center .section-title h2{font-size:25px}.feature-list h2{font-size:25px}.task-cards h3{font-size:22px}.notice{font-size:12px}.body-copy p,p.sublead{line-height:1.95}}
@media(max-width:350px){.shell{width:calc(100% - 36px)}.hero-v44{min-height:735px;padding-top:46px}.hero-v44 h1{font-size:50px;letter-spacing:-2.6px;line-height:1.18}.hero-v44 .hero-word{letter-spacing:-3px}.hero-v44 .hero-lead{font-size:15px}.hero-v44 .hero-description{font-size:11px}.hero-v44 .primary,.hero-v44 .secondary{font-size:11px;padding:11px 12px}.hero-v44 .flow-canvas{left:-18px;right:-18px;height:280px;bottom:0}.hero-v44 .flow-canvas img{width:210%;transform:translateX(-43%)}.product-head h1{font-size:31px}.task-stage{padding:20px 15px}.task-stage h2{font-size:21px}.stage-artifact{padding:15px 12px}.capability-rows{gap:25px 18px}.capability-rows h3{font-size:16px}}
@media(min-width:1101px){.hero-v44 .flow-canvas{left:-56px;right:-56px}}
@media(min-width:901px){.stage-artifact dl>div{font-size:13px}.stage-controls small{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
