/* Hero exhibit geometry follows the measured Linear homepage rules.
   Product canvas 1320 × 720; fixed desktop size and right crop; 50% on <=640px. */
.hero>h1{margin-top:0}.hero-stage .room-viewport{--frame-buffer:60px;--frame-bottom:112px;width:100vw;max-width:none;margin-left:calc(50% - 50vw);height:auto;min-height:0;position:relative;padding:0 var(--frame-buffer) var(--frame-bottom);border:0;border-radius:6px;background:transparent;box-shadow:none;overflow:hidden;display:block}.hero-stage .room-viewport .ar-pan{width:1320px;height:720px;margin:0 auto;position:relative;flex-shrink:0}.hero-stage .room-viewport .actual-room.product{width:1320px;height:720px;transform:none!important;position:absolute;top:0;left:0;border:1px solid #e4e0db;border-radius:12px;box-shadow:0 1px 4px #4b443010,0 24px 80px #4b443014}.hero-stage .actual-room .ar-run.run-panel{width:33%;max-width:none}.room-viewport:before{content:'';position:absolute;inset:0 12px 0;border-radius:6px;background:#f0ede7;z-index:-1}.room-viewport:after{content:none;pointer-events:none;z-index:10;position:absolute;right:0;top:0;bottom:var(--frame-bottom);width:360px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--bg) 80%,transparent))}.demo-controls{margin-top:4px}.mobile-room-hint{display:none!important}
@media(min-width:1281px) and (max-width:1440px){.hero-stage .room-viewport{--frame-bottom:48px}}
@media(max-width:1439px){.room-viewport:after{content:''}}
@media(max-width:1280px){.hero-stage .room-viewport{--frame-buffer:32px;--frame-bottom:28px;border-radius:0}}
@media(max-width:1024px){.hero-stage .room-viewport{--frame-buffer:28px}}
@media(max-width:640px){.hero-stage .room-viewport{--frame-buffer:18px;--frame-bottom:30px;height:400px;display:flex;align-items:flex-end;padding:0 var(--frame-buffer) var(--frame-bottom);overflow:hidden}.hero-stage .room-viewport .ar-pan{width:660px;height:360px;margin:0;flex-shrink:0}.hero-stage .room-viewport .actual-room.product{transform:scale(.5)!important;width:1320px;height:720px;transform-origin:top left}.room-viewport:after{top:10px;background:linear-gradient(90deg,transparent 70%,color-mix(in srgb,var(--bg) 80%,transparent))}.room-viewport:before{inset:0;border-radius:0}.demo-controls{margin-top:4px}}

/* Layered light counterpart of Linear’s actual background treatment.
   The first 10% shares the page color, so there is no solid top edge. */
.hero-stage .room-viewport{isolation:isolate}
.hero-stage .room-viewport::before{content:none}
.hero-backdrop{--backdrop-inset:12px;position:absolute;inset:0 var(--backdrop-inset);width:100%;max-width:calc(min(100vw,1920px) - var(--backdrop-inset) * 2);margin:0 auto;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(52.53% 57.5% at 50% 100%,transparent 0%,color-mix(in srgb,var(--bg) 40%,transparent) 100%),linear-gradient(180deg,var(--bg) 0%,#f4f2ef 20%,#eae7e2 55%,#dedbd5 100%)}
.hero-stage .room-viewport .ar-pan{z-index:1}
@media(max-width:1280px){.hero-backdrop{--backdrop-inset:0px}}
@media(max-width:1024px){.hero-backdrop::before{content:'';position:absolute;inset:0;background:color-mix(in srgb,var(--bg) 20%,transparent);mask-image:linear-gradient(to top,#000 0%,#000 60%,transparent 100%)}}
@media(max-width:768px){.hero-backdrop::before{background:color-mix(in srgb,var(--bg) 28%,transparent)}}

/* Hero rhythm: navigation → headline → explanation → action → product. */
.hero.wrap{padding-top:clamp(3rem,5vw,6rem)}
.hero>h1{max-width:75rem;margin:0 auto 1.5rem;text-align:center;font-family:'Instrument Sans',Arial,sans-serif;font-weight:600;font-size:clamp(2.5rem,5.55vw,5rem);line-height:1.03;letter-spacing:-.04em;font-kerning:normal}
.hero>h1>.hero-line{display:block;white-space:nowrap;text-wrap:balance}
.hero>h1 .hero-team{color:#724640;font-family:'Instrument Sans',Arial,sans-serif;font-size:1.02em;font-style:normal;font-weight:450;letter-spacing:-.02em;font-optical-sizing:auto}
.hero .hero-bottom{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.5rem;text-align:center}
.hero .hero-bottom>p{font-family:'Instrument Sans',Arial,sans-serif;font-size:1.0625rem;font-weight:400;line-height:1.65;letter-spacing:normal;color:#70716b;max-width:42rem;text-wrap:balance}
.hero .hero-bottom>.actions{margin:0;align-self:auto;display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}
.hero .hero-bottom>.actions>.button{height:3.125rem;min-height:3.125rem;gap:2rem;padding:0 1.25rem;font-size:.875rem;box-sizing:border-box}
.hero .hero-bottom>.actions>.hero-secondary{background:transparent;border:1px solid #d8d5ce;color:#20211f}
.hero .hero-bottom>.actions>.hero-secondary:hover{background:#eeece7;border-color:#c5c0b7}
.hero .hero-stage{margin-top:3.5rem}
.hero .demo-caption{text-align:center;font-size:.625rem;line-height:1.5;margin-top:1rem}
@media(max-width:809px){.hero.wrap{padding-top:3rem}.hero>h1{font-size:clamp(2.25rem,6vw,3.5rem);line-height:1.08}.hero .hero-bottom>p{font-size:1rem}.hero .hero-stage{margin-top:2.5rem}}
@media(max-width:560px){.hero.wrap{padding-top:3rem}.hero>h1{font-size:clamp(1.75rem,8.5vw,2.5rem);line-height:1.1;letter-spacing:-.035em;margin-bottom:1.25rem}.hero .hero-bottom{gap:1.25rem}.hero .hero-bottom>p{font-size:.9375rem;line-height:1.65}.hero .hero-bottom>p br{display:none}.hero .hero-bottom>.actions>.button{gap:.625rem;padding:0 .75rem;font-size:.8125rem}.hero .hero-stage{margin-top:2rem}}

/* Native CREAO brand proof, with Linear's quiet horizontal rhythm. */
.trust-strip.wrap{padding-top:7rem;padding-bottom:5rem}
.trust-logos{display:flex;align-items:center;justify-content:space-between;gap:3rem;list-style:none;padding:0;margin:0;min-height:3rem}
.trust-logos li{display:flex;align-items:center;justify-content:center;min-width:0}
.trust-logos img{display:block;height:auto;max-height:2.5rem;max-width:100%;object-fit:contain;filter:grayscale(1) brightness(.35);opacity:.78}
.trust-google{width:7rem}.trust-amazon{width:7.25rem}.trust-tinyfish{width:9.5rem}.trust-sakana{width:9.5rem}

.trust-strip+.problem{padding-top:6rem}
@media(max-width:809px){.trust-strip.wrap{padding-top:5rem;padding-bottom:3rem}.trust-logos{gap:2rem}.trust-google{width:5.5rem}.trust-amazon{width:5.75rem}.trust-tinyfish,.trust-sakana{width:7.25rem}.trust-strip+.problem{padding-top:5rem}}
@media(max-width:560px){.trust-strip.wrap{padding-top:4.5rem}.trust-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.5rem}.trust-logos li{min-height:2.25rem}.trust-logos img{max-height:2rem}.trust-google{width:6rem}.trust-amazon{width:6.25rem}.trust-tinyfish,.trust-sakana{width:8rem}.trust-strip+.problem{padding-top:4rem}}

.trust-logos .trust-sakana{width:11.5rem;max-height:3.25rem}
@media(max-width:809px){.trust-logos .trust-sakana{width:8.25rem;max-height:2.5rem}}

/* Real CREAO Room list floats over a cropped Members panel. */
.room-team-art.room-detail{display:block;position:relative;height:620px;overflow:hidden;background:transparent;border:0;border-radius:0;isolation:isolate}
.room-art-canvas{position:relative;width:1040px;height:620px;margin:0 auto;transform-origin:top left}
.room-team-art:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent 80%,var(--bg) 100%)}
.rt-icon{display:block;width:20px;height:20px;flex-shrink:0}
.rt-members,.rt-room-card{font-family:'Instrument Sans',Arial,sans-serif;font-weight:400;letter-spacing:0;line-height:1.45;color:#16181a;text-align:left}
.rt-members{position:absolute;left:380px;top:20px;width:660px;height:620px;background:#f8f6f3;border:1px solid #e5e0d9;border-radius:10px;opacity:.8;mask-image:linear-gradient(180deg,#000 0%,#000 78%,transparent 100%)}
.rt-members-header{height:60px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e3dc;font-size:20px;font-weight:500}
.rt-members-header>.rt-icon{color:#57524e}
.rt-members-body{padding:20px 24px}
.rt-members h3{font-size:16px;font-weight:500;line-height:24px;margin:0 0 10px;color:#6e6863;letter-spacing:0}
.rt-person{display:flex;align-items:center;gap:12px;height:52px;font-size:18px}
.rt-person>small{margin-left:auto;font-size:14px;color:#6e6863}
.rt-person-avatar{position:relative;display:grid;place-items:center;width:32px;height:32px;background:#eae7e2;border-radius:50%;font-size:15px;flex-shrink:0}
.rt-person-avatar i{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:#5c5a56;box-shadow:0 0 0 2px #f8f6f3}
.rt-members h3.rt-agents-heading{margin-top:24px}
.rt-agent{display:flex;align-items:flex-start;gap:12px;min-height:68px;padding:6px 0}
.rt-agent>img{width:32px;height:32px;flex-shrink:0;border-radius:6px;margin-top:2px}
.rt-agent-name{display:flex;align-items:center;gap:8px;font-size:18px;line-height:26px}
.rt-agent-badge{font-size:13px;line-height:21px;border:1px solid #d7d1c8;border-radius:20px;padding:0 8px;color:#6e6863;font-weight:450}
.rt-agent p{font-size:16px;line-height:24px;color:#6e6863;margin:0}
.rt-member-actions{display:flex;flex-direction:column;gap:20px;margin-top:12px;font-size:17px;color:#57524e}
.rt-member-actions>span{display:flex;align-items:center;gap:12px}
.rt-room-card{position:absolute;z-index:3;left:0;top:120px;width:400px;padding:12px 10px;background:#f8f6f3;border:1px solid #ded8ce;border-radius:12px;box-shadow:0 2px 6px #2c261d08,0 22px 70px #2c261d18}
.rt-room-header{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 12px;color:#6e6863;font-size:16px}
.rt-room-header>span{display:flex;align-items:center;gap:8px}
.rt-room-header>span:first-child .rt-icon{width:14px;height:14px}
.rt-room-browse{gap:20px!important}
.rt-room-choices{display:flex;flex-direction:column;gap:4px;margin-top:4px}
.rt-room-choice{display:flex;align-items:center;width:100%;gap:12px;height:48px;padding:0 12px;border:0;border-radius:8px;background:transparent;font-size:18px;text-align:left;color:#57524e;font-family:inherit;line-height:24px}
.rt-room-choice .rt-icon{color:#8c8680}
.rt-room-choice:hover{background:#efebe5}.rt-room-choice.active{background:#eae7e2;color:#16181a}
@media(max-width:1100px){.room-team-art.room-detail{height:550px}.room-art-canvas{margin:0;transform:scale(.88)}}
@media(max-width:809px){.room-team-art.room-detail{height:480px}.room-art-canvas{transform:scale(.76)}.rt-members{left:380px}}
@media(max-width:560px){.room-team-art.room-detail{height:400px;margin-top:32px}.room-art-canvas{transform:scale(.64)}.rt-members{left:330px}.room-team-art:after{background:linear-gradient(90deg,transparent 86%,var(--bg) 100%)}.rt-room-card{width:340px;top:130px}}

/* Playbooks: structure and typography observed after saving the real example. */
.native-control-grid{gap:32px}
.cp-playbook-panel,.cp-approval-stage{height:560px;border:1px solid #e5e0d9;border-radius:10px;overflow:hidden;font-family:'Instrument Sans',Arial,sans-serif;color:#16181a;letter-spacing:0;text-align:left;box-shadow:0 12px 40px #514a3606}
.cp-playbook-panel{background:#fefdfb}
.cp-icon{display:block;width:16px;height:16px;flex-shrink:0}
.cp-panel-header{display:flex;align-items:center;gap:8px;height:48px;padding:0 16px;border-bottom:1px solid #ebe7e2;font-size:14px;font-weight:500}
.cp-panel-header>span:first-child{flex:1}
.cp-new{display:flex;align-items:center;gap:4px;border:.6px solid #ded8cf;border-radius:6px;height:28px;padding:0 8px;font-size:12px;background:#fff}
.cp-new .cp-icon{width:12px;height:12px}.cp-close{padding:8px;color:#57524e}
.cp-playbook-scroll{height:calc(100% - 48px);overflow:auto;scrollbar-width:thin;scrollbar-color:#ded8cf transparent;overscroll-behavior:contain}
.cp-panel-description{font-size:12px;line-height:17px;color:#6e6863;padding:12px 16px 0;margin:0}
.cp-playbook-entry{border-bottom:1px solid #ebe7e2}
.cp-playbook-entry>summary{display:flex;align-items:flex-start;gap:4px;padding:12px 16px;list-style:none;cursor:pointer}
.cp-playbook-entry>summary::-webkit-details-marker{display:none}
.cp-entry-text{flex:1;min-width:0}
.cp-entry-text strong{display:flex;align-items:center;gap:4px;font-size:14px;line-height:20px;font-weight:500}
.cp-entry-text strong .cp-icon{width:14px;height:14px;color:#6e6863;transform:rotate(-90deg)}
.cp-playbook-entry[open] .cp-entry-text strong .cp-icon{transform:none}
.cp-entry-text>span{display:block;padding-left:18px;margin-top:2px;font-size:12px;line-height:17px;color:#6e6863}
.cp-entry-tools{display:flex;gap:10px;padding:3px 2px;color:#6e6863}.cp-entry-tools .cp-icon{width:12px;height:12px}
.cp-playbook-body{padding:0 16px 24px 34px;font-size:14px;line-height:21px}
.cp-playbook-body .cp-doc-title{font-size:30px;line-height:36px;letter-spacing:-.6px;font-weight:800;margin:0 0 28px;color:#16181a}
.cp-playbook-body h5{font-size:20px;font-weight:700;line-height:28px;letter-spacing:0;margin:28px 0 16px;color:#16181a}
.cp-playbook-body ul,.cp-playbook-body ol{padding-left:28px;margin:0 0 20px}
.cp-playbook-body li{padding-left:2px;margin:7px 0;color:#16181a}
.cp-playbook-body li::marker{color:#a6a099}
.cp-playbook-body p{font-size:14px;line-height:21px;color:#16181a;margin:0 0 16px}
.cp-approval-stage{position:relative;display:flex;flex-direction:column;background:#f8f6f3}
.cp-room-header{height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ebe7e2;padding:0 16px;font-size:14px;font-weight:500}
.cp-room-header>span:last-child{font-size:12px;font-weight:400;color:#8c8680}
.cp-approval-context{padding:24px 20px}
.cp-approval-context>div{display:flex;align-items:flex-start;gap:10px;margin-bottom:24px}
.cp-person-avatar{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:#eae7e2;font-size:11px;color:#57524e}
.cp-approval-context img{width:28px;height:28px;border-radius:6px}
.cp-approval-context strong{font-size:14px;line-height:20px;font-weight:550}
.cp-approval-context small{font-size:12px;color:#8c8680;font-weight:400;margin-left:4px}
.cp-approval-context p{font-size:14px;line-height:21px;margin:2px 0 0;color:#57524e}
.cp-approval-bottom{margin-top:auto;padding:0 16px 16px}
.cp-pending{background:#fefdfb;border:1px solid #ded8cf;border-radius:8px;padding:14px;margin-bottom:12px}
.cp-pending-label{display:flex;align-items:center;gap:6px;font-size:12px;line-height:18px;color:#6e6863}
.cp-pending-dot{width:6px;height:6px;border-radius:50%;background:#a78c53}
.cp-action-preview{display:flex;align-items:center;gap:12px;padding:16px 0}
.cp-action-preview>.cp-icon{width:20px;height:20px;color:#6e6863}
.cp-action-preview strong{display:block;font-size:14px;line-height:20px;font-weight:500}
.cp-action-preview div>span{font-size:12px;line-height:18px;color:#8c8680}
.cp-approval-actions{display:flex;gap:8px;justify-content:flex-end}
.cp-approval-actions button{font-size:12px;line-height:18px;border:1px solid #ded8cf;background:#fff;border-radius:6px;padding:6px 12px}
.cp-approval-actions button:last-child{background:#20211f;color:#fffdf8;border-color:#20211f}
.cp-approval-actions button:hover{filter:brightness(.94)}
.cp-approval-feedback{font-size:10px;line-height:16px;margin:10px 0 0;color:#8c8680}
.cp-room-composer{display:flex;align-items:center;gap:8px;height:38px;padding:0 10px;border:1px solid #e1dcd4;border-radius:6px;background:#fefdfb;color:#8c8680;font-size:13px}
.cp-room-composer>span{flex:1}
@media(max-width:809px){.native-control-grid{gap:24px}.cp-room-header>span:last-child{display:none}.cp-approval-context{padding:18px 14px}.cp-approval-context small{display:none}.cp-approval-bottom{padding:0 12px 12px}.cp-action-preview div>span{display:block}}
@media(max-width:560px){.cp-playbook-panel,.cp-approval-stage{height:530px}.cp-playbook-body .cp-doc-title{font-size:27px;line-height:34px}.cp-playbook-body{padding-left:28px}.cp-room-header>span:last-child{display:block}}
/* Team Pulse: the product's shared-resource hub, not a run monitor. */
.team-pulse-section{padding-bottom:40px;scroll-margin-top:100px}.tp-exhibit{padding:55px 50px 22px;background:#f1efea;border-radius:12px;overflow:hidden}.tp-native{max-width:900px;margin:auto;padding:35px 36px;background:#f8f7f4;border:1px solid #e8e5de;border-radius:9px;box-shadow:0 16px 55px #39312608;font-family:'Instrument Sans',Arial,sans-serif;color:#242522;font-size:13px;line-height:1.45}.tp-title{display:flex;gap:9px;align-items:center}.tp-title svg{width:20px;height:20px;flex:none}.tp-title h3{font-size:24px;font-weight:650;letter-spacing:-.6px;line-height:1.3}.tp-title h3 span{font-weight:400;color:#797871}.tp-native .tp-subtitle{font-size:14px;margin-top:5px;color:#797871}.tp-mentions{margin:24px 0;background:#fefdfb;border:1px solid #ebe7e2;border-radius:6px;padding:16px}.tp-mentions>span,.tp-resources>a>span,.tp-feed-head>span{font-size:12px;color:#74736d}.tp-mentions p{font-size:14px;margin-top:5px;color:#797871}.tp-resources{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tp-resources>a{display:flex;flex-direction:column;align-items:flex-start;min-height:148px;padding:16px;background:#fefdfb;border:1px solid #ebe7e2;border-radius:6px;transition:border-color .2s,box-shadow .2s}.tp-resources>a:hover{border-color:#bfb5aa;box-shadow:0 4px 14px #3b302808}.tp-resources strong{font-size:21px;line-height:1.3;letter-spacing:-.6px;margin-top:8px;font-weight:650}.tp-resources p{color:#797871;font-size:12px;margin:3px 0 12px;line-height:1.4}.tp-resources small{font-size:12px;margin-top:auto}.tp-resources b{margin-left:8px;font-weight:400}.tp-feed-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:32px;margin-bottom:10px}.tp-feed-head>div{display:flex;gap:3px}.tp-feed-head button{font-size:12px;padding:5px 12px;border:1px solid transparent;border-radius:99px;color:#64635d}.tp-feed-head button[aria-pressed=true]{border-color:#ebe7e2;background:#fefdfb;box-shadow:0 1px 3px #00000003}.tp-feed{min-height:217px;border:1px solid #ebe7e2;border-radius:6px;background:#fefdfb;overflow:hidden}.tp-feed>div{display:flex;align-items:center;gap:12px;min-height:72px;padding:13px 16px}.tp-feed>div+div{border-top:1px solid #eeeae5}.tp-feed img,.tp-feed-icon{width:30px;height:30px;flex:none;border-radius:6px}.tp-feed-icon{display:grid;place-items:center;background:#f0eee9;color:#76766d;font-size:20px}.tp-feed p{display:flex;flex-direction:column;gap:3px}.tp-feed strong{font-size:13px;font-weight:550;color:#34352f}.tp-feed p span{font-size:12px;color:#82817a}.tp-feed time{margin-left:auto;font-size:11px;color:#96958d;white-space:nowrap}.tp-privacy{display:flex;align-items:center;gap:7px;border:1px solid #ebe7e2;border-radius:6px;padding:10px 12px;margin-top:24px;color:#86847c;font-size:12px}.tp-privacy svg{height:15px;width:15px;flex:none}.tp-exhibit .tp-demo-note{font-size:10px;text-align:right;color:#98928a;margin:15px 0 0;letter-spacing:.15px}
@media(max-width:900px){.tp-exhibit{padding:28px 24px 18px}.tp-native{padding:28px 24px}.tp-resources{gap:8px}.tp-resources>a{padding:12px}.tp-resources>a>span{font-size:10px}.tp-resources p{font-size:11px}.tp-title h3{font-size:22px}}
@media(max-width:560px){.tp-exhibit{padding:16px 10px 14px;border-radius:8px;margin:0 -8px}.tp-native{padding:22px 15px}.tp-title{gap:7px}.tp-title h3{font-size:18px;letter-spacing:-.4px}.tp-title svg{width:17px}.tp-native .tp-subtitle{font-size:12px;max-width:260px;line-height:1.6}.tp-mentions{margin:18px 0;padding:12px}.tp-mentions p{font-size:12px}.tp-resources{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tp-resources>a{min-height:145px}.tp-resources strong{font-size:20px}.tp-resources p{font-size:12px}.tp-feed-head{margin-top:24px;gap:4px}.tp-feed-head>span{font-size:9px}.tp-feed-head button{font-size:10px;padding:5px 7px;min-height:32px}.tp-feed>div{padding:12px 10px;gap:8px}.tp-feed img,.tp-feed-icon{width:25px;height:25px}.tp-feed strong{font-size:11px}.tp-feed p span{font-size:10px}.tp-feed time{display:none}.tp-privacy{font-size:10px;padding:10px 8px;margin-top:18px}.tp-exhibit .tp-demo-note{font-size:8px;text-align:center;line-height:1.6}}
.tp-resources>a>span{display:flex;align-items:center;gap:6px}.tp-resources>a>span svg{width:14px;height:14px;flex:none}

/* Preserve the original section's warm full-width field and left-copy/right-product composition. */
.team-pulse-section.handoff-section{background:#f0ede7;padding:70px 0 80px}.tp-layout{align-items:center}.tp-layout .tp-copy h2{font-size:64px;line-height:1.03}.tp-layout .tp-copy h2 i{font-size:1.2em;color:#754a43}.tp-layout .tp-copy>p{max-width:320px;font-size:13px;line-height:1.8;margin:24px 0}.tp-layout .tp-exhibit{padding:0;background:transparent;border-radius:0;overflow:visible;min-width:0}.tp-layout .tp-native{width:848px;max-width:none;margin:0;padding:30px 32px;box-shadow:0 12px 32px #514a3607;background:#f8f7f4}.tp-layout .tp-resources{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tp-layout .tp-resources>a{padding:16px}.tp-layout .tp-title h3{font-size:24px}.tp-layout .tp-resources>a>span{font-size:12px}.tp-layout .tp-native .tp-subtitle{font-size:14px}.tp-layout .tp-resources p{font-size:12px}.tp-layout .tp-demo-note{font-size:9px}
@media(max-width:900px){.team-pulse-section.handoff-section{padding:60px 0}.tp-layout .tp-copy h2{font-size:53px}.tp-layout .tp-copy>p{font-size:12px}}
@media(max-width:560px){.team-pulse-section.handoff-section{padding:45px 0 50px}.tp-layout .tp-copy h2{font-size:52px}.tp-layout .tp-copy>p{font-size:13px;max-width:100%}.tp-layout .tp-exhibit{padding-top:35px;margin:0}.tp-layout .tp-native{width:100%;padding:22px 15px}.tp-layout .tp-resources{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tp-layout .tp-resources>a{padding:12px}.tp-layout .tp-title h3{font-size:18px}.tp-layout .tp-resources>a>span{font-size:10px}.tp-layout .tp-native .tp-subtitle{font-size:12px}}

/* Show the interface at product scale, cropped by the viewport rather than shrunk to fit. */
.team-pulse-section.handoff-section{overflow:hidden;padding:80px 0}.tp-layout{align-items:center}.tp-layout .tp-exhibit{position:relative;height:740px;overflow:visible;padding:0}.tp-layout .tp-native{width:960px;min-height:720px;padding:40px;zoom:1;border-radius:10px;box-shadow:0 20px 60px #514a3610}.tp-layout .tp-native .tp-title h3{font-size:27px}.tp-layout .tp-native .tp-subtitle{font-size:16px}.tp-layout .tp-mentions{margin:28px 0}.tp-layout .tp-resources{gap:16px}.tp-layout .tp-resources>a{min-height:160px}.tp-layout .tp-resources strong{font-size:24px}.tp-layout .tp-resources p,.tp-layout .tp-resources small{font-size:14px}.tp-layout .tp-feed{min-height:240px}.tp-layout .tp-feed>div{min-height:80px}.tp-layout .tp-feed strong{font-size:14px}.tp-layout .tp-feed p span{font-size:13px}.tp-layout .tp-demo-note{position:absolute;bottom:0;left:0;text-align:left;white-space:nowrap;margin:0;font-size:9px}.tp-layout .tp-exhibit:after{content:'';position:absolute;pointer-events:none;left:-1px;right:-600px;bottom:20px;height:55px;background:linear-gradient(transparent,#f0ede7)}
@media(min-width:1600px){.tp-layout .tp-exhibit{height:780px}.tp-layout .tp-native{zoom:1.06}}
@media(min-width:561px) and (max-width:900px){.team-pulse-section.handoff-section{padding:65px 0}.tp-layout .tp-exhibit{height:680px}.tp-layout .tp-native{zoom:.9}.tp-layout .tp-copy h2{font-size:48px}}
@media(max-width:560px){.team-pulse-section.handoff-section{padding:55px 0 40px}.tp-layout .tp-exhibit{height:570px;margin-top:36px}.tp-layout .tp-native{width:960px;padding:36px;zoom:.76}.tp-layout .tp-resources{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tp-layout .tp-title h3{font-size:27px}.tp-layout .tp-native .tp-subtitle{max-width:none;font-size:16px}.tp-layout .tp-resources>a>span{font-size:12px}.tp-layout .tp-feed-head>span{font-size:12px}.tp-layout .tp-feed-head button{font-size:12px;padding:5px 12px}.tp-layout .tp-feed time{display:block}.tp-layout .tp-privacy{font-size:12px}.tp-layout .tp-demo-note{font-size:8px;white-space:normal;max-width:300px}.tp-layout .tp-exhibit:after{bottom:25px}}
.tp-layout .tp-native{height:720px;min-height:0;overflow:hidden}