/* Revision 5: richer product scenes, with the original hero retained. */
:root{--scene:#f0f0f0;--elevation:0 20px 50px -25px #3f3f3f40,0 3px 10px #3f3f3f09}
h2,h3{text-wrap:balance}.story-chapter{padding:104px 0;border:0}.chapter-head{display:grid;grid-template-columns:1.35fr 1fr;align-items:end;gap:80px;margin-bottom:44px}.chapter-head h2{font-size:clamp(38px,4.2vw,60px);line-height:1.06;letter-spacing:-2.6px;font-weight:500;margin:20px 0 0}.chapter-head>p{font-size:17px;line-height:1.7;color:var(--muted);margin:0 0 3px;max-width:440px}.chapter-head .eyebrow{font-size:10px;letter-spacing:1.3px}.integration-scene{position:relative;height:620px;overflow:hidden;border:1px solid #e5e5e5;border-radius:24px;background:radial-gradient(ellipse at 51% 43%,#ffffff 0%,#f4f4f4 40%,#ececec 100%);box-shadow:inset 0 1px 0 #ffffff}.integration-scene:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#8080802b .7px,transparent .7px);background-size:20px 20px;mask-image:radial-gradient(ellipse,#000000,transparent 85%)}.orbit-ring{position:absolute;left:50%;top:50%;border:1px solid #8181811f;border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg)}.ring-one{width:480px;height:310px}.ring-two{width:810px;height:475px}.ring-three{width:1170px;height:620px}.orbit-place{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:2}.orbit-tile{width:85px;height:88px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;background:linear-gradient(150deg,#ffffff,#fbfbfb);border:1px solid #ffffff;box-shadow:0 10px 20px -9px #3e3e3e35,0 1px 3px #3e3e3e16;transform:rotate(var(--tilt));animation:app-float 7s ease-in-out infinite;animation-delay:var(--delay)}.orbit-tile img{width:35px;height:35px;object-fit:contain}.orbit-tile span{font-size:10px;font-weight:500;color:#535353}.integration-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:270px;min-height:224px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 15px;z-index:3;border-radius:23px;border:1px solid #ffffff;background:linear-gradient(145deg,#ffffff,#f9f9f9);box-shadow:0 30px 70px -25px #3f3f3f55,0 2px 5px #3f3f3f0d}.integration-core strong{font-size:26px;letter-spacing:-.7px;margin:13px 0 7px}.integration-core>span{font-size:12px;color:var(--muted)}.core-entities{display:flex;gap:7px;margin-top:23px}.core-entities span{font-size:9px;background:#f0f0f0;padding:6px 8px;border-radius:5px;color:#656565}.scene-motion{position:absolute;right:20px;bottom:15px;z-index:4;background:#ffffffbf;border:1px solid #e1e1e1;border-radius:6px;padding:8px 10px;color:#6f6f6f;font-size:10px}.integration-scene.paused .orbit-tile{animation-play-state:paused}.connection-explainer{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;padding:35px 8px 0}.connection-explainer>div{position:relative;padding-left:38px}.detail-number{position:absolute;left:0;top:2px;font:11px var(--mono);color:#858585}.connection-explainer h3{font-size:17px;font-weight:550;letter-spacing:-.3px;margin:0 0 11px}.connection-explainer p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}.story-note{font-size:11px;margin-top:28px;line-height:1.7}.hero-mini{box-shadow:0 12px 28px -15px #3c3c3c44,0 2px 5px #3c3c3c0a;background:#fffffff5}.hero-mini header{padding-top:17px;padding-bottom:15px}.hero-mini b{font-size:12px}.hero-mini footer{font-size:10px}.hero-mini dl{font-size:11px}.mini-role{font-size:11px}.hero-mini small{font-size:10px}
/* A larger, framed Dynamic Data workspace. */
.dynamic-story{background:linear-gradient(#f4f4f4,#f8f8f8);border-top:1px solid #e5e5e5;height:2220px}.dynamic-heading h2{font-size:55px}.dynamic-heading p{font-size:17px}.dynamic-demo{width:min(970px,100%);margin-top:30px;border:1px solid #e2e2e2;border-radius:14px;background:#ffffff;box-shadow:var(--elevation);overflow:hidden}.demo-window-bar{padding:17px 24px;display:flex;justify-content:space-between;align-items:center;background:#fcfcfc;border-bottom:1px solid #efefef;font-size:12px;color:#6c6c6c}.demo-window-bar>span{display:flex;align-items:center;gap:12px}.demo-window-bar small{font-size:10px;display:flex;align-items:center;gap:8px}.demo-window-bar i{width:6px;height:6px;border-radius:50%;background:#8a8a8a}.demo-inner{padding:25px 30px}.ask-box{background:#fbfbfb;border-color:#e6e6e6;border-radius:9px;font-size:17px;min-height:65px;padding:15px 19px}.answer-grid{gap:18px;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr)}.answer-metric,.answer-chart{padding:19px;border:1px solid #e9e9e9;border-radius:9px;background:linear-gradient(135deg,#fdfdfd,#f7f7f7)}.answer-metric strong{font-size:64px;margin:9px 0 3px}.answer-metric>span,.answer-chart>span{font-size:13px}.answer-metric small{font-size:11px}.metric-proof{font-size:10px;color:#717171;margin-top:17px}.bar-row{font-size:11px;grid-template-columns:85px minmax(0,1fr) 25px;margin-bottom:13px}.bar-row i{height:13px;border-radius:2px;background:#606060}.answer-records{font-size:12px;padding:15px 0 0;border-color:#e7e7e7}.records-head{margin-bottom:14px}.answer-records>div:not(.records-head){padding:11px 0}.answer-records>p{font-size:9px}.execution-line{font-size:10px;margin:13px 0 19px}.dynamic-bottom{width:min(970px,100%)}.grounding{padding-block:65px 80px}.grounding h2{font-size:37px}.grounding .grounding-detail{font-size:13px}
/* Workflow canvas, with inspectable inputs and outcomes. */
.workflow-studio{border:1px solid #e2e2e2;border-radius:18px;overflow:hidden;background:#f1f1f1;box-shadow:0 8px 24px -20px #40404050}.studio-bar{padding:20px 25px;display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fbfbfb;border-bottom:1px solid #e2e2e2;font-size:14px}.studio-bar>span{display:flex;align-items:center;gap:11px}.studio-bar small{font:9px var(--mono);color:#979797;margin-left:14px}.tiny-grid{font-size:21px;font-style:normal;color:#777777}.studio-bar button{border:1px solid #dadada;background:#ffffff;border-radius:6px;padding:10px 13px;font-size:11px;color:#4f4f4f}.workflow-canvas{display:grid;grid-template-columns:1fr 32px 1.12fr 32px 1.1fr;align-items:center;padding:55px 32px;min-height:360px;background-image:radial-gradient(#8686862b .8px,transparent .8px);background-size:18px 18px}.workflow-node{background:#ffffff;border:1px solid #e1e1e1;border-radius:11px;box-shadow:0 12px 20px -14px #3d3d3d45;overflow:hidden;transition:opacity .4s,transform .4s}.workflow-node>small{display:block;font:9px var(--mono);color:#888888;padding:19px 19px 0}.node-title{display:flex;align-items:center;gap:12px;padding:18px}.node-title img{width:29px;height:29px;object-fit:contain}.node-title b{font-size:13px;font-weight:550}.node-title span{font-size:10px;display:block;margin-top:6px;color:var(--muted);line-height:1.5}.node-detail{display:grid;grid-template-columns:1fr 1.3fr;gap:13px 10px;font-size:10px;padding:3px 19px 22px}.node-detail span{color:var(--muted)}.node-detail b{font-weight:500}.workflow-node footer{border-top:1px solid #efefef;padding:13px 18px;font-size:9px;background:#fdfdfd;color:#7c7c7c}.logic-node{border-color:#bdbdbd}.logic-node ul{padding:0 18px 10px;margin:0;list-style:none;font-size:11px;color:#656565;line-height:2.3}.logic-node li:before{content:'✓';margin-right:9px;color:#8b8b8b}.workflow-junction{text-align:center;color:#8e8e8e;font-size:20px}.workflow-outputs{display:grid;gap:12px}.output-node .node-title{padding:17px 14px;gap:10px}.output-node .node-title img{width:24px;height:24px}.output-node .node-title i{margin-left:auto;font-size:12px;color:#8b8b8b;font-style:normal}.approval-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b1b1b1;margin-right:6px}.workflow-run{display:flex;align-items:center;gap:22px;padding:17px 25px;border-top:1px solid #e2e2e2;background:#fbfbfb;font-size:11px;color:#717171}.workflow-run>span:first-child:before{content:'✓';margin-right:8px}.workflow-run small{margin-left:auto;color:#909090;font-size:10px}.workflow-studio.replaying .workflow-node{opacity:.25;transform:translateY(6px)}.workflow-studio.replaying .workflow-node.step-active{opacity:1;transform:none}.feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.feature-pair article{padding:28px 30px 30px;border:1px solid #e4e4e4;border-radius:16px;background:linear-gradient(145deg,#f8f8f8,#f3f3f3)}.feature-pair h3{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:26px 0 13px}.feature-pair p{font-size:14px;line-height:1.75;color:var(--muted);margin:0;max-width:470px}.feature-art{min-height:108px;display:flex;align-items:center;justify-content:center;gap:10px}.component-art{flex-wrap:wrap}.component-chip{background:#ffffff;border:1px solid #e4e4e4;box-shadow:0 7px 10px -6px #59595935;border-radius:8px;padding:14px 13px;font-size:12px;color:#5e5e5e}.component-chip:nth-child(2n){transform:translateY(12px)}.mcp-art{flex-direction:column;align-items:stretch}.mcp-prompt{font-size:13px;padding:18px;background:#ffffff;border:1px solid #e4e4e4;border-radius:8px;box-shadow:0 7px 10px -6px #59595935}.mcp-prompt span{float:right;color:#898989}.mcp-result{display:flex;gap:22px;color:#838383;font-size:11px;padding:7px 4px}
/* A substantial app preview, not just three text rows. */
.owned-app-stage{padding:36px;background:linear-gradient(130deg,#ebebeb,#f4f4f4 60%,#e4e4e4);border:1px solid #e0e0e0;border-radius:21px}.owned-app{display:grid;grid-template-columns:190px minmax(0,1fr);border:1px solid #dfdfdf;border-radius:12px;background:#ffffff;box-shadow:0 25px 45px -25px #4a4a4a55;overflow:hidden}.owned-sidebar{background:#f8f8f8;border-right:1px solid #e8e8e8;padding:25px 13px;display:flex;flex-direction:column;gap:7px}.owned-workspace{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:550;margin:0 0 32px 5px}.owned-sidebar>small{font:9px var(--mono);color:#929292;padding:0 10px;margin-bottom:8px}.owned-sidebar>span{font-size:12px;color:#7d7d7d;padding:12px 10px}.owned-sidebar .selected{background:#eeeeee;border-radius:6px;color:#4d4d4d}.sidebar-foundation{margin-top:auto;padding:25px 10px 0;color:#909090;font-size:10px;line-height:1.8}.sidebar-foundation b{font-size:9px;font-weight:400}.owned-content{padding:24px 28px}.replace-toolbar{padding-bottom:20px}.replace-toolbar b{font-size:12px}.replace-toolbar img{width:20px;height:20px}.replace-toggle{background:#f7f7f7;border-color:#dcdcdc;color:#626262;transition:background .2s}.replace-toggle:hover{background:#eeeeee}.app-page-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:25px 0}.app-page-heading h3{font-size:25px;font-weight:550;letter-spacing:-.7px;margin:0 0 8px}.app-page-heading p{font-size:12px;color:var(--muted);margin:0}.preview-label{font:8px var(--mono);color:#939393}.app-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:26px}.app-summary>div{background:#f8f8f8;border:1px solid #ededed;border-radius:8px;padding:16px}.app-summary span{font-size:10px;color:#838383;display:block}.app-summary b{font-size:25px;letter-spacing:-.6px;font-weight:500;display:block;margin-top:10px}.app-view-label{display:flex;gap:25px;padding:12px 0;font-size:11px;border-bottom:1px solid #e3e3e3;color:#898989}.app-view-label>span:first-child{color:#505050}.replace-row{font-size:11px;align-items:center;padding:15px 0;grid-template-columns:1.5fr 1fr 1fr}.replace-row>span{display:flex;align-items:center;gap:8px}.client-square{font-size:9px;font-style:normal;border:1px solid #e4e4e4;border-radius:5px;background:#f6f6f6;padding:6px;color:#717171}.owner-dot{font-size:8px;font-style:normal;border-radius:50%;padding:5px;background:#e8e8e8;color:#757575}.replace-row .app-state{color:#7a7a7a;background:#f2f2f2;padding:5px 7px;border-radius:4px;width:max-content;font-size:10px}.replace-row .ready{background:#f1f1f1;color:#737373}.replace-footer{font-size:10px;gap:20px;justify-content:space-between;align-items:center;padding-top:23px}.replace-footer>span{display:flex;align-items:center;gap:6px}.custom-field-preview{padding:13px 0;border-bottom:1px solid #e6e6e6;display:flex;justify-content:space-between;font-size:11px;color:#7b7b7b}.custom-field-preview[hidden]{display:none}.custom-field-preview b{font-weight:400}.ownership{background:#ebebeb;color:#272727}.ownership p,.ownership-row p{color:#6c6c6c}.ownership .eyebrow,.ownership-row>span{color:#7e7e7e}.ownership-row,.ownership-bottom{border-color:#d3d3d3}.ownership-bottom{color:#6d6d6d}.ownership h2{color:#2c2c2c}.ownership h3{color:#3f3f3f}.status-table{background:#f5f5f5;border-radius:13px;padding:12px 24px;border:1px solid #e3e3e3}.hero-v2{border-bottom:1px solid #e4e4e4}
@keyframes app-float{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-8px) rotate(calc(var(--tilt) + 2deg))}}
@media(min-width:761px) and (max-width:1050px){.chapter-head{gap:35px}.integration-scene{height:570px}.orbit-tile{width:65px;height:74px;border-radius:12px}.orbit-tile img{width:29px;height:29px}.orbit-tile span{font-size:8px}.integration-core{width:230px;min-height:205px}.workflow-canvas{padding:35px 18px;grid-template-columns:1fr 22px 1.1fr 22px 1fr}.node-title{padding:14px;gap:7px}.node-title b{font-size:11px}.node-detail{grid-template-columns:1fr;font-size:10px;gap:7px}.output-node .node-title b{font-size:11px}.output-node .node-title{padding:13px 9px}.owned-app-stage{padding:22px}.owned-app{grid-template-columns:150px 1fr}.owned-workspace{font-size:10px}.owned-content{padding:20px}.preview-label{display:none}.hero-mini footer{font-size:9px}}
@media(max-width:760px){.story-chapter{padding:66px 0}.chapter-head{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.chapter-head h2{font-size:38px;letter-spacing:-1.6px;margin-top:17px}.chapter-head>p{font-size:15px;line-height:1.7;max-width:550px}.chapter-head .eyebrow{font-size:9px}.integration-scene{height:780px;border-radius:17px}.orbit-place{position:relative;left:auto;top:auto;transform:none}.integration-scene{display:grid;grid-template-columns:repeat(6,1fr);align-content:start;gap:17px 8px;padding:22px 14px}.orbit-place{grid-column:span 2;display:flex;justify-content:center}.orbit-tile{width:72px;height:70px;border-radius:12px;gap:7px}.orbit-tile img{width:28px;height:28px}.orbit-tile span{font-size:8px}.orbit-place:nth-of-type(n+13){grid-column:span 2}.integration-core{top:49%;width:215px;min-height:165px;padding:15px 10px;border-radius:17px}.integration-core>img{width:34px;height:34px}.integration-core strong{font-size:22px;margin:8px 0 4px}.integration-core>span{font-size:10px}.core-entities{margin-top:13px}.core-entities span{font-size:8px}.orbit-place:nth-of-type(10){margin-bottom:194px}.orbit-place:nth-of-type(11){margin-bottom:194px}.orbit-place:nth-of-type(12){margin-bottom:194px}.ring-one{width:300px;height:260px}.ring-two{width:550px;height:470px}.ring-three{width:780px;height:660px}.scene-motion{bottom:10px;right:10px;font-size:8px;padding:5px 7px}.connection-explainer{grid-template-columns:1fr;gap:24px;padding:27px 0 0}.connection-explainer h3{font-size:17px;margin-bottom:7px}.connection-explainer p{font-size:14px}.story-note{font-size:10px}.hero-mini header{padding:10px 10px 8px}.hero-mini b{font-size:9px}.hero-mini small{font-size:7px}.hero-mini footer{font-size:7px}.hero-mini dl{font-size:8px}.mini-role{font-size:8px}.dynamic-story{height:1900px}.dynamic-sticky{height:850px;padding-block:26px}.dynamic-heading h2{font-size:34px}.dynamic-heading p{font-size:13px}.dynamic-demo{margin-top:23px;border-radius:10px}.demo-window-bar{padding:12px;font-size:9px}.demo-window-bar small{display:none}.demo-inner{padding:15px 12px}.ask-box{font-size:12px;padding:11px 10px;min-height:57px}.answer-grid{gap:10px;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr)}.answer-metric,.answer-chart{padding:12px 9px}.answer-metric>span,.answer-chart>span{font-size:10px}.answer-metric strong{font-size:42px}.answer-metric small{font-size:8px}.metric-proof{font-size:7px;line-height:1.6;margin-top:12px}.bar-row{grid-template-columns:51px minmax(0,1fr) 15px;font-size:7px;gap:5px;margin-bottom:10px}.bar-row i{height:9px}.answer-records{font-size:9px}.answer-records>p{font-size:7px}.records-head small{font-size:6px}.execution-line{font-size:8px;line-height:1.6}.grounding{padding-block:45px}.grounding h2{font-size:32px}.studio-bar{padding:15px 13px;font-size:11px;gap:8px}.studio-bar>span{gap:7px}.studio-bar small{display:none}.studio-bar button{font-size:9px;padding:8px}.workflow-canvas{grid-template-columns:1fr;padding:24px;gap:15px}.workflow-junction{transform:rotate(90deg)}.node-title b{font-size:14px}.node-detail{font-size:12px}.workflow-node>small{font-size:9px}.logic-node li{font-size:12px}.workflow-node footer{font-size:10px}.node-title span{font-size:11px}.workflow-run{padding:15px;gap:8px;flex-wrap:wrap;font-size:10px}.workflow-run small{width:100%;margin-left:0;font-size:9px}.feature-pair{grid-template-columns:1fr;gap:17px;margin-top:17px}.feature-pair article{padding:23px}.feature-pair h3{font-size:23px;margin-top:19px}.feature-pair p{font-size:14px}.component-chip{font-size:11px;padding:12px 10px}.mcp-prompt{font-size:12px;line-height:1.6}.mcp-result{gap:12px;font-size:10px}.owned-app-stage{padding:12px;border-radius:15px}.owned-app{grid-template-columns:1fr}.owned-sidebar{display:none}.owned-content{padding:15px 12px}.replace-toolbar{gap:10px;align-items:center;flex-wrap:wrap;padding-bottom:15px}.replace-toolbar b{font-size:11px}.replace-toggle{font-size:10px;padding:9px}.app-page-heading{margin:20px 0}.app-page-heading h3{font-size:23px}.app-page-heading p{font-size:10px;line-height:1.6}.preview-label{display:none}.app-summary{gap:6px;margin-bottom:15px}.app-summary>div{padding:12px 8px}.app-summary span{font-size:8px;line-height:1.5}.app-summary b{font-size:20px}.app-summary>div:last-child b{font-size:16px;line-height:1.5}.app-view-label{font-size:9px;gap:17px}.replace-row{font-size:9px;grid-template-columns:1.3fr .65fr 1fr;gap:6px;padding:13px 0}.replace-row>span{gap:5px}.client-square{display:none}.owner-dot{display:none}.replace-row .app-state{font-size:8px;padding:5px}.replace-footer{font-size:8px;flex-wrap:wrap;gap:9px;padding-top:17px}.custom-field-preview{font-size:8px;gap:10px}.ownership{padding-block:60px}.status-table{padding:10px 15px}}
@media(prefers-reduced-motion:reduce){.orbit-tile{animation:none}.workflow-node{transition:none}}
@media(max-height:740px){.dynamic-story{height:auto}.dynamic-sticky{position:relative;height:auto;max-height:none;padding-block:55px}}
.dynamic-sticky{height:1000px}.dynamic-demo{flex-shrink:0}
@media(min-width:761px) and (max-height:959px){.dynamic-sticky{padding-block:25px}.dynamic-heading h2{font-size:43px;margin:16px 0 12px}.dynamic-heading p{font-size:14px}.dynamic-demo{margin-top:23px}.demo-inner{padding:18px 25px}.demo-window-bar{padding:12px 24px}.answer-metric,.answer-chart{padding:14px}.answer-metric strong{font-size:53px}.metric-proof{margin-top:10px}.bar-row{margin-bottom:9px}.answer-records>div:not(.records-head){padding:7px 0}.dynamic-bottom{margin-top:15px}.execution-line{margin-bottom:13px}}
@media(max-width:760px){.dynamic-sticky{height:850px}}
@media(max-height:740px){.dynamic-sticky{height:auto}}

/* Small sample portraits in the hero access preview. */
.mini-role>span{display:flex;align-items:center;gap:8px}.role-portrait{width:22px;height:22px;object-fit:cover;border-radius:50%;filter:grayscale(1);flex-shrink:0}.access-mini .mini-role{padding-bottom:9px}.access-mini header{padding-bottom:11px}@media(max-width:760px){.role-portrait{width:18px;height:18px}.mini-role>span{gap:6px}.access-mini .mini-role{padding-bottom:6px}.access-mini header{padding-bottom:8px}.access-mini{top:228px}}