/* Product teasers — real interface layers inside dimensional device frames. */
.own-products{padding-top:90px;padding-bottom:60px;background:var(--paper)}
.products-heading{display:grid;grid-template-columns:1.1fr 1fr auto;align-items:end;gap:45px;margin-bottom:45px}
.products-heading h2{font-size:clamp(2.6rem,4.6vw,5.4rem);font-weight:500;letter-spacing:-.06em;line-height:1.04;margin-top:21px}
.products-heading h2 em{font-style:normal;color:var(--orange-accessible)}
.products-heading>p{font-size:1rem;line-height:1.7;max-width:310px;color:var(--muted);padding-bottom:4px}
.products-heading .motion-toggle{font-family:'IBM Plex Mono',monospace;font-size:.75rem;color:var(--muted);white-space:nowrap}
.product-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.product-teaser{min-width:0;overflow:hidden;position:relative;border-radius:8px;isolation:isolate;display:flex;flex-direction:column;--app-rx:0deg;--app-ry:0deg}
.flowsmart-teaser{background:#f9f8fd;border:1px solid #ddd8eb;--product-accent:oklch(.5261 .2565 287.4);--product-ink:#211930}
.eventflow-teaser{background:#080808;color:#f7f5f0;border:1px solid #292929;--product-accent:#7557ff;--product-ink:#f7f5f0}
.product-identity{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:30px 30px 0;min-height:64px}
.flowsmart-lockup{font-size:1.65rem;letter-spacing:-.06em;font-weight:700;white-space:nowrap;color:#211930}
.flowsmart-lockup>span{color:var(--product-accent)}
.product-status{font-size:.6875rem;color:#6e657a;letter-spacing:.04em;line-height:1.5}
.eventflow-teaser .product-status{color:#aaa}
.eventflow-lockup{display:flex;align-items:center;gap:9px}
.eventflow-lockup img{width:25px;height:25px}
.eventflow-lockup>span{font-size:1.1rem;text-transform:uppercase;font-weight:600;letter-spacing:.15em}
.eventflow-lockup b{font-weight:400;color:#aaa}
.product-copy{padding:30px 30px 0;position:relative;z-index:3;min-height:212px}
.product-category{font-size:.6875rem;color:#725e8d;letter-spacing:.08em}
.eventflow-teaser .product-category{color:#aaa1c3}
.product-copy h3{font-size:clamp(1.75rem,2.6vw,3rem);font-weight:500;line-height:1.12;letter-spacing:-.047em;margin-top:12px}
.product-copy p{font-size:.9375rem;line-height:1.7;margin-top:17px;max-width:480px;color:#6d6577}
.eventflow-teaser .product-copy p{color:#aaa}
.app-stage{position:relative;height:490px;margin-top:15px;perspective:1150px;overflow:hidden;isolation:isolate}
.app-stage::before{content:'';position:absolute;inset:4% -15% 0;background:radial-gradient(ellipse at 60% 48%,#9974ef42,transparent 61%);z-index:-2}
.app-stage::after{content:'';position:absolute;bottom:18px;left:-25%;width:150%;height:230px;background:linear-gradient(#a38cbd18 1px,transparent 1px),linear-gradient(90deg,#a38cbd18 1px,transparent 1px);background-size:44px 44px;transform:perspective(500px) rotateX(66deg);mask-image:radial-gradient(ellipse,#000,transparent 65%);z-index:-1}
.event-stage::before{background:radial-gradient(ellipse at 42% 38%,#7557ff50,transparent 55%),radial-gradient(ellipse at 84% 80%,#e0684c24,transparent 55%)}
.event-stage::after{background-image:linear-gradient(#8c76de20 1px,transparent 1px),linear-gradient(90deg,#8c76de20 1px,transparent 1px)}
.app-space{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--app-rx)) rotateY(var(--app-ry));transition:transform .75s cubic-bezier(.2,.7,.2,1)}
.stage-caption{position:absolute;bottom:8px;left:30px;font-size:.5625rem;letter-spacing:.12em;color:#81718f;pointer-events:none}
.event-stage .stage-caption{color:#9b8eaf}
/* Machined edge, inset glass, camera island and front reflections. */
.app-iphone{position:absolute;top:24px;width:220px;height:428px;border:1px solid #af9eba;border-radius:37px;padding:5px;background:linear-gradient(135deg,#cdc5d6,#342c3c 16%,#918099 35%,#251d2e 62%,#b6a6bc);box-shadow:1px 1px 0 #ece6f0,3px 2px 0 #776485,5px 3px 0 #493553,7px 4px 0 #4d3958,9px 6px 0 #35213f,18px 29px 25px #3d21552c,28px 45px 50px #3d21552c;transform-style:preserve-3d}
.app-iphone::before{content:'';position:absolute;left:-3px;top:91px;width:3px;height:38px;border-radius:2px;background:linear-gradient(#aea0b8,#423349);box-shadow:0 45px 0 #796781}
.app-iphone::after{content:'';position:absolute;right:-3px;top:120px;width:3px;height:53px;border-radius:2px;background:linear-gradient(#b9a4c5,#342240)}
.iphone-screen{height:100%;border:2px solid #100d14;border-radius:32px;background:#f8f6fd;overflow:hidden;position:relative;color:#2c213c}
.iphone-screen::after{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid #ffffff45;background:linear-gradient(118deg,#ffffff12,transparent 32%,transparent 65%,#ffffff05);pointer-events:none;z-index:5}
.iphone-status{height:31px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;font-size:9px;font-weight:700;position:relative;color:inherit}
.dynamic-island{position:absolute;top:7px;left:50%;translate:-50% 0;width:61px;height:18px;border-radius:20px;background:#0a080d;box-shadow:inset 0 1px 1px #3d3243}
.dynamic-island::after{content:'';position:absolute;right:8px;top:6px;width:5px;height:5px;border-radius:50%;background:#192339;box-shadow:0 0 0 2px #101016}
.phone-indicators{font-size:8px;letter-spacing:1px}
.app-brandbar{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #e9e3f1;gap:5px}
.flow-mini-brand{color:#7442dd;font-size:13px;letter-spacing:-.6px;font-weight:700;white-space:nowrap}
.flow-mini-brand b{color:#271d33}
.app-demo-tag{font:8px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.4px;color:#81708e}
.app-screens{height:282px;position:relative}
.app-view{height:100%;padding:15px 12px 8px;}
.app-view[hidden],.companion-view[hidden]{display:none}
.app-eyebrow{font:8px 'IBM Plex Mono',monospace;letter-spacing:.07em;color:#866b9e;display:block;line-height:1.5}
.app-view h4{font-size:20px;line-height:1.1;letter-spacing:-.7px;font-weight:600;margin:6px 0 11px}
.phone-week{display:flex;justify-content:space-between;margin-bottom:13px;gap:5px}
.phone-week>span{font-size:8px;text-align:center;padding:6px 8px;color:#95819e;border-radius:9px;background:#ede7f5}
.phone-week small{display:block;font-size:11px;margin-top:3px;font-weight:600}
.phone-week .active{background:#7442dd;color:#fff;box-shadow:0 5px 10px #7442dd30}
.agenda-item{display:flex;gap:9px;margin:10px 0;align-items:flex-start;font-size:10px}
.agenda-item time{font-size:9px;color:#9c88ac;padding-top:6px}
.agenda-item>div{border-left:2px solid #9d71ee;padding:5px 8px;background:#eee7fa;border-radius:0 7px 7px 0;flex:1}
.agenda-item b{font-size:11px;font-weight:600;display:block}
.agenda-item small{display:block;font-size:9px;color:#897697;margin-top:4px}
.agenda-label{display:block;margin-top:9px;color:#765799;font-size:8px}
.agenda-item.warm>div{background:#fbecdc;border-color:#d89956}
.app-tiny-note{font-size:8px;color:#887298;display:flex;align-items:center;gap:6px;margin-top:9px}
.app-tiny-note i{width:4px;height:4px;border-radius:50%;background:#9c71ed}
.app-dock{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:space-around;padding-top:10px;border-top:1px solid #e9e3f1;background:#f8f6fd;font-size:17px;color:#aaa0b5}
.app-dock>span{text-align:center;min-width:46px;line-height:1}
.app-dock small{display:block;margin-top:4px;font-size:8px;line-height:1.4}
.app-dock>.active{color:#7442dd}
.iphone-home{position:absolute;bottom:4px;left:50%;width:62px;height:3px;background:#33273f;border-radius:3px;translate:-50% 0}
.flow-iphone{right:8%;transform:translateZ(55px) rotateX(7deg) rotateY(-16deg) rotateZ(7deg);animation:flowDeviceFloat 8s ease-in-out infinite}
.team-desktop{position:absolute;left:6%;top:86px;width:76%;height:270px;border:1px solid #d4c8e1;border-radius:12px;background:#fdfcff;box-shadow:1px 2px 0 #cfc1de,2px 4px 0 #bda9cf,3px 6px 0 #a08ab4,12px 31px 40px #6b408325;transform:translateZ(-20px) rotateX(12deg) rotateY(-19deg) rotateZ(-7deg);animation:teamWindowFloat 10s ease-in-out infinite;overflow:hidden}
.desktop-bar{height:36px;padding:0 15px;display:flex;justify-content:space-between;align-items:center;background:#f5f1fa;border-bottom:1px solid #e9e2f1;font-size:12px;color:#7850bb}
.desktop-bar>span{font-weight:700;letter-spacing:-.4px}.desktop-bar b{color:#33263e}.desktop-bar i{font-size:10px;color:#baaaca;font-style:normal;letter-spacing:3px}
.desktop-content{padding:20px 15px}.desktop-content>strong{display:block;font-size:19px;letter-spacing:-.6px;margin:4px 0 17px;color:#483653;font-weight:600}
.team-calendar{font-size:9px}.calendar-heading{display:grid;grid-template-columns:1.4fr repeat(4,1fr);color:#a08dad;padding-bottom:9px}
.calendar-row{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:5px;padding:6px 0;align-items:center;border-top:1px solid #f0eaf7}
.calendar-row>b{font-size:10px;font-weight:500;color:#695279;display:flex;align-items:center;gap:5px}
.calendar-row i{font-style:normal;font-size:8px;background:#eee8f6;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;color:#8b72a0}
.shift{background:#e9ddfb;color:#8a5eba;border-left:2px solid #b68ddd;border-radius:3px;padding:5px;font-size:8px;white-space:nowrap;overflow:hidden}
.shift-wide{grid-column:span 2}.shift-soft{background:#f0edf6;color:#afa3b9;border-left-color:#d2c4df}.shift-orange{background:#fbe7cf;border-color:#e5b07b;color:#b88961}
.desktop-bottom{display:flex;gap:18px;border-top:1px solid #eae4f2;margin-top:9px;padding-top:10px;font-size:8px;color:#a28bb3}
.app-floating-note{position:absolute;left:8%;top:344px;border:1px solid #fff;border-radius:14px;padding:13px 16px;background:linear-gradient(145deg,#ffffffed,#f5edfceb);box-shadow:0 2px 0 #dacee5,0 4px 0 #bba9cf,10px 16px 30px #6445802b;transform:translateZ(85px) rotateY(-10deg) rotateZ(-5deg);animation:appNoteFloat 7s ease-in-out infinite}
.mini-avatars{display:flex;align-items:center}.mini-avatars i{width:24px;height:24px;border-radius:50%;border:2px solid #f7f4fb;background:#d7c7eb;color:#78598e;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:600;margin-left:-5px;flex-shrink:0}
.mini-avatars i:first-child{margin-left:0}.mini-avatars i:nth-child(2){background:#efceb2;color:#aa6c40}.mini-avatars i:nth-child(3){background:#c9d6e1;color:#58748f}.mini-avatars i:last-child{background:#7850cd;color:#fff}
.app-note-title{display:block;font-size:10px;font-weight:600;margin-top:8px;color:#705185;letter-spacing:-.2px}.app-floating-note>small{display:block;font-size:9px;color:#a08aaf;margin-top:3px}
.conversation-heading{display:flex;gap:8px;align-items:center;margin:9px 0 12px}.conversation-heading .mini-avatars i{width:20px;height:20px;font-size:8px}
.conversation-heading>span{font-size:9px;font-weight:600}.conversation-heading small{display:block;font-size:8px;margin-top:3px;color:#927fa3;font-weight:400}
.chat-message{max-width:88%;padding:9px 10px;background:#eee7f7;border:1px solid #e5dbf1;border-radius:10px 10px 10px 3px;margin-bottom:8px;box-shadow:0 2px 6px #48365304}
.chat-message>small{font-size:8px;display:block;margin-bottom:3px;color:#927ba8}.chat-message p{font-size:10px;line-height:1.45;color:#705883}
.chat-message.outgoing{margin-left:auto;background:#8050d6;border-color:#9469e5;border-radius:10px 10px 3px 10px}.chat-message.outgoing p{color:#fff}.chat-message.outgoing small{color:#decdf8}
.chat-attachment{display:flex;gap:8px;align-items:center;padding:8px;background:white;border:1px solid #e6ddef;border-radius:9px;margin-top:8px;font-size:9px;color:#76578c}
.chat-attachment>span{font-size:20px;color:#a47ad3}.chat-attachment small{display:block;font-size:8px;color:#a38aad;margin-top:3px}
.intranet-notice{background:linear-gradient(125deg,#ede3fa,#f2e6e6);border:1px solid #e6d6f5;border-radius:10px;padding:13px;margin:8px 0 12px}
.intranet-notice>span{font-size:7px;color:#9e7bb4;letter-spacing:.7px}.intranet-notice>strong{display:block;font-size:17px;color:#71518c;letter-spacing:-.6px;margin:7px 0 4px}.intranet-notice>p{font-size:10px;line-height:1.5;color:#a086b0}.intranet-notice .mini-avatars{margin-top:10px}
.intranet-link{display:flex;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #e7dfee;font-size:9px;color:#857194}.intranet-link>i{font-style:normal;font-size:16px;color:#ab89c6}.intranet-link>b{margin-left:auto;font-weight:400}
/* EventFlow — dark glass, warm nightlife and a social foreground. */
.event-iphone{left:14%;top:22px;transform:translateZ(45px) rotateX(7deg) rotateY(16deg) rotateZ(-8deg);animation:eventDeviceFloat 9s ease-in-out infinite;background:linear-gradient(125deg,#dbd5e7,#514956 16%,#a394ae 35%,#17111d 68%,#b2a3be);border-color:#94859d;box-shadow:-1px 1px 0 #d4c5df,-3px 2px 0 #6a5d79,-5px 3px 0 #4a3d58,-7px 4px 0 #32253f,-9px 6px 0 #4b375c,-22px 28px 50px #000b,0 0 40px #7557ff13}
.event-iphone .iphone-screen{background:#101014;color:#efebf4;border-color:#08080c}
.event-iphone .app-brandbar{border-color:#29242e}.event-mini-brand{display:flex;align-items:center;gap:5px;font-size:8px;letter-spacing:1.1px;font-weight:600}.event-mini-brand img{width:17px;height:17px}.event-iphone .app-demo-tag{color:#7f738e;font-size:7px}
.event-iphone .app-eyebrow{color:#9f8ec1}.event-iphone .app-view h4{font-size:21px;font-weight:500;margin-bottom:12px}
.event-discover{padding:7px}.night-art{height:223px;position:relative;background:#1a1517 url('assets/eventflow-nightlife.png') center 56%/cover;border-radius:6px;overflow:hidden}
.night-art::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#09070feb,transparent 90%)}
.night-caption{position:absolute;z-index:1;left:11px;right:8px;bottom:16px}.night-caption>span{font-size:7px;letter-spacing:1px;color:#e3cfb7}.night-caption>strong{font-size:40px;letter-spacing:-1.8px;line-height:.88;display:block;margin:12px 0 10px;font-weight:700}.night-caption>small{font-size:8px;color:#d9ccc7;line-height:1.4;display:block}
.discovery-line{display:flex;gap:7px;align-items:center;padding:10px 2px}.discovery-line .mini-avatars i{width:18px;height:18px;font-size:7px}.discovery-line>span{font-size:8px;color:#d2c6df}.discovery-line small{display:block;font-size:7px;color:#95869f;margin-top:3px}.discovery-line>b{margin-left:auto;font-size:14px;font-weight:400;color:#b29cda}
.event-iphone .app-dock{background:#101014;border-color:#29242e;color:#7d718b}.event-iphone .app-dock>.active{color:#d6c7f6}.event-iphone .iphone-home{background:#c1b7cb}
.event-stage .mini-avatars i{border-color:#252030;background:#453a59;color:#c5b4d8}.event-stage .mini-avatars i:nth-child(2){background:#79584a;color:#e6ba9c}.event-stage .mini-avatars i:last-child{background:#7557ff;color:#fff}
.event-iphone .conversation-heading{margin-bottom:10px}.event-iphone .conversation-heading>span{color:#d1c5de}.event-iphone .conversation-heading small{color:#8b7a9a}
.event-iphone .chat-message{background:#292233;border-color:#3a2d46;padding:8px 10px}.event-iphone .chat-message>small{color:#9581aa}.event-iphone .chat-message p{color:#d9cce6}.event-iphone .chat-message.outgoing{background:#6144ba;border-color:#8161d5}.event-iphone .chat-message.outgoing p{color:#f2eaff}.event-iphone .chat-message.outgoing small{color:#b8a0e2}
.shared-plan{position:relative;margin-top:10px;padding:10px;background:linear-gradient(130deg,#3e2954,#252035);border:1px solid #574064;border-radius:10px}.shared-plan>span{font-size:7px;letter-spacing:.8px;color:#b78fd5}.shared-plan>strong{display:block;font-size:13px;letter-spacing:-.3px;line-height:1.15;margin:5px 0;color:#e5d3f2}.shared-plan>small{display:block;font-size:7px;color:#a88ebc}.shared-plan .mini-avatars{position:absolute;right:9px;top:22px}.shared-plan .mini-avatars i{width:18px;height:18px;font-size:7px}
.community-intro{font-size:10px;color:#a293b2;margin:5px 0 13px}.community-options{display:grid;gap:8px}.community-option{position:relative;isolation:isolate;overflow:hidden;border:1px solid #4b3a65;border-radius:7px;padding:11px 10px;display:flex;justify-content:space-between;font-size:10px;color:#d8c8ee;background:#211a2d}.community-option::before{content:'';position:absolute;inset:0 auto 0 0;width:79%;background:linear-gradient(90deg,#754ccb70,#754ccb15);z-index:-1;animation:communityGlow 5s ease-in-out infinite}.community-option:nth-child(2)::before{width:57%;animation-delay:-2s}.community-option:nth-child(3)::before{width:40%;animation-delay:-3s}.community-option i{font-style:normal;color:#9b7ccd}
.artist-wish{display:flex;align-items:center;gap:8px;margin-top:13px;color:#b89ad7}.artist-wish>span{font-size:23px}.artist-wish p{font-size:10px}.artist-wish small{display:block;font-size:8px;color:#8f7b9d;margin-top:3px}.community-example{font-size:7px;color:#80718f;display:block;margin-top:11px}
.event-backplate{position:absolute;top:86px;left:29%;width:57%;height:265px;border:1px solid #76649166;border-radius:16px;background:linear-gradient(140deg,#332840dd,#100d17);transform:translateZ(-60px) rotateY(17deg) rotateZ(12deg);box-shadow:5px 7px 0 #302438,16px 26px 35px #0005;padding:22px;color:#89769e;animation:eventBackFloat 11s ease-in-out infinite}
.event-backplate>img{width:30px;height:30px;opacity:.5}.event-backplate>span{display:block;font-size:18px;letter-spacing:-.7px;line-height:1.2;margin-top:27px}.event-backplate>i{position:absolute;right:24px;bottom:19px;font-style:normal;font-size:40px;font-weight:400;color:#715990}
.event-companion{position:absolute;right:6%;top:166px;width:175px;height:217px;border-radius:14px;border:1px solid #867099;background:linear-gradient(135deg,#423049ee,#17111eee 58%,#312239ee);box-shadow:1px 2px 0 #766180,2px 4px 0 #4c3a58,3px 6px 0 #2d1f39,13px 23px 30px #0008;transform:translateZ(95px) rotateX(5deg) rotateY(-18deg) rotateZ(9deg);animation:appCompanionFloat 7.5s ease-in-out infinite}
.companion-view{height:100%;padding:18px 15px;position:relative;}.companion-view .app-eyebrow{font-size:7px;color:#ae8ac6}.companion-view>strong{display:block;font-size:22px;letter-spacing:-.9px;line-height:1.05;font-weight:500;margin-top:16px;color:#e6d7ee}.companion-view>p{font-size:9px;line-height:1.6;color:#a388b5;margin-top:12px}
.ticket-detail{border-top:1px dashed #74577f;margin-top:18px;padding-top:11px}.ticket-detail>span{font-size:9px;letter-spacing:.6px;color:#c9afdb}.ticket-detail>small{display:block;font-size:8px;color:#9980ac;margin-top:4px}.ticket-barcode{height:19px;margin:13px 0 0;max-width:120px;background:repeating-linear-gradient(90deg,#c0aaca 0 1px,transparent 1px 4px,#c0aaca 4px 6px,transparent 6px 8px,#c0aaca 8px 9px,transparent 9px 13px);opacity:.45}
.companion-bottom{position:absolute;bottom:13px;left:15px;right:15px;display:flex;justify-content:space-between;font:7px 'IBM Plex Mono',monospace;letter-spacing:.2px;color:#b194c5}.companion-bottom i{font-style:normal;font-size:13px;line-height:1}
.event-plan .mini-avatars{margin-top:16px}.event-plan>strong{font-size:20px;margin-top:13px}.event-plan>p{margin-top:9px}.event-voice>strong{font-size:20px}.event-voice>p{font-size:8px}.voice-bars{height:28px;display:flex;align-items:center;gap:5px;margin-top:16px}.voice-bars>i{width:5px;height:14px;border-radius:3px;background:linear-gradient(#db987d,#9671d9);animation:voicePulse 2s ease-in-out infinite alternate}.voice-bars>i:nth-child(2n){height:26px;animation-delay:-.5s}.voice-bars>i:nth-child(3n){height:20px;animation-delay:-1s}
.product-preview-controls{display:flex;align-items:center;gap:20px;margin:6px 30px 22px;font-size:.8125rem}
.product-preview-controls button{border:0;border-bottom:1px solid transparent;padding:12px 0;min-height:44px;background:none;color:#93819f;font-family:inherit;font-size:.8125rem;cursor:pointer;position:relative;transition:color .2s}
.product-preview-controls button::after{content:'';position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--product-accent);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.product-preview-controls button[aria-pressed=true]{color:#6b438a}.product-preview-controls button[aria-pressed=true]::after{transform:scaleX(1)}
.product-preview-controls button:hover{color:var(--product-ink)}
.product-preview-controls .preview-counter{font-size:.625rem;margin-left:auto;color:#a58faf;white-space:nowrap}
.eventflow-teaser .product-preview-controls button{color:#92879b}.eventflow-teaser .product-preview-controls button[aria-pressed=true]{color:#eee4f5}.eventflow-teaser .product-preview-controls button:hover{color:white}.eventflow-teaser .preview-counter{color:#685877}
.product-contact{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 30px;border-top:1px solid #e5dfed;background:#f2eef8;transition:background .3s;margin-top:auto}
.product-contact>span{font-size:.875rem;color:#796b88}.product-contact>strong{font-size:.875rem;font-weight:600;color:#483156;display:flex;align-items:center;gap:17px}.product-contact>strong>span{font-size:1.4rem;transition:transform .3s}.product-contact:hover{background:#e9e2f4}.product-contact:hover>strong>span{transform:translate(3px,-3px)}
.eventflow-teaser .product-contact{background:#111;border-color:#292929}.eventflow-teaser .product-contact>span{color:#9d939f}.eventflow-teaser .product-contact>strong{color:#f7f5f0}.eventflow-teaser .product-contact:hover{background:#1d1929}
.products-footnote{margin-top:24px;color:#837d87;font-size:.75rem;line-height:1.7}
.product-teaser:not(.app-in-view) .app-stage *, .product-teaser:not(.app-in-view) .app-stage *::before{animation-play-state:paused}
.product-teaser:focus-within .app-stage *{animation-play-state:paused}
.motion-paused .app-space{transition:none}
@keyframes flowDeviceFloat{0%,100%{transform:translate3d(0,5px,55px) rotateX(7deg) rotateY(-16deg) rotateZ(7deg)}50%{transform:translate3d(-3px,-11px,63px) rotateX(3deg) rotateY(-10deg) rotateZ(4deg)}}
@keyframes eventDeviceFloat{0%,100%{transform:translate3d(0,3px,45px) rotateX(7deg) rotateY(16deg) rotateZ(-8deg)}50%{transform:translate3d(3px,-12px,55px) rotateX(3deg) rotateY(10deg) rotateZ(-5deg)}}
@keyframes teamWindowFloat{0%,100%{transform:translate3d(0,0,-20px) rotateX(12deg) rotateY(-19deg) rotateZ(-7deg)}50%{transform:translate3d(0,-9px,-10px) rotateX(9deg) rotateY(-14deg) rotateZ(-5deg)}}
@keyframes appNoteFloat{0%,100%{transform:translate3d(0,0,85px) rotateY(-10deg) rotateZ(-5deg)}50%{transform:translate3d(-4px,-10px,95px) rotateY(-5deg) rotateZ(-2deg)}}
@keyframes appCompanionFloat{0%,100%{transform:translate3d(0,0,95px) rotateX(5deg) rotateY(-18deg) rotateZ(9deg)}50%{transform:translate3d(-3px,-13px,105px) rotateX(8deg) rotateY(-12deg) rotateZ(6deg)}}
@keyframes eventBackFloat{0%,100%{transform:translate3d(0,0,-60px) rotateY(17deg) rotateZ(12deg)}50%{transform:translate3d(5px,-8px,-50px) rotateY(12deg) rotateZ(9deg)}}
@keyframes appViewEnter{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
@keyframes communityGlow{50%{filter:brightness(1.5)}}
@keyframes voicePulse{to{scale:1 .45;opacity:.55}}
@media(max-width:1200px){.product-identity,.product-copy{padding-left:22px;padding-right:22px}.product-copy{min-height:240px}.product-status{max-width:100px;text-align:right}.flowsmart-lockup{font-size:1.45rem}.eventflow-lockup>span{font-size:.9375rem}.app-iphone{width:205px;height:418px}.app-view h4{font-size:19px}.phone-week>span{padding:6px 7px}.flow-iphone{right:6%}.event-iphone{left:9%}.event-companion{right:4%;width:157px;top:204px;height:210px}.companion-view{padding:16px 12px}.companion-view>strong{font-size:20px}.companion-bottom{left:12px;right:12px}.event-plan>strong,.event-voice>strong{font-size:18px}.team-desktop{left:3%;width:82%}.app-floating-note{left:5%;top:342px}.product-preview-controls{margin-left:22px;margin-right:22px;gap:16px}.product-contact{padding:22px;gap:12px;flex-wrap:wrap}.products-heading{grid-template-columns:1fr 1fr;gap:24px}.products-heading .motion-toggle{grid-column:2;justify-self:start;margin-top:-12px}}
@media(max-width:1000px){.product-pair{grid-template-columns:1fr}.product-copy{min-height:0}.product-copy p{max-width:600px}.app-stage{width:100%;max-width:660px;align-self:center;margin-top:25px}.product-copy h3{font-size:2.5rem}.app-iphone{width:220px;height:428px}.flow-iphone{right:17%}.event-iphone{left:22%}.event-companion{right:16%;top:158px;width:175px;height:217px}.app-floating-note{left:15%}.team-desktop{left:12%;width:65%}.event-backplate{left:37%;width:43%}.companion-view{padding:18px 15px}.companion-view>strong{font-size:22px}.event-plan>strong,.event-voice>strong{font-size:20px}}
@media(max-width:760px){.own-products{padding-top:65px;padding-bottom:45px}.products-heading{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:30px;align-items:flex-start}.products-heading>div{flex-basis:100%}.products-heading h2{font-size:clamp(2.8rem,9vw,4rem);margin-top:18px}.products-heading>p{max-width:none;margin-bottom:0}.products-heading .motion-toggle{margin-top:0;padding-left:0}.product-pair{gap:25px}.product-identity{padding:25px 22px 0}.product-copy{padding-top:23px}.product-copy h3{font-size:2rem}.product-copy p{font-size:.9375rem;line-height:1.65}.product-preview-controls{margin-top:4px;margin-bottom:17px;gap:20px}.product-contact{padding:21px 22px}.product-contact>strong{font-size:.875rem;gap:9px;white-space:nowrap}.product-status{max-width:100px}.stage-caption{left:22px}.app-stage{margin-top:20px}.flow-iphone{right:15%}.event-iphone{left:18%}.event-companion{right:10%}.app-floating-note{left:10%}.team-desktop{left:9%;width:70%}}
@media(max-width:520px){.app-stage{height:500px}.app-iphone{width:206px;height:420px;top:21px}.flow-iphone{right:calc(50% - 102px)}.event-iphone{left:calc(50% - 110px)}.team-desktop{left:8%;top:78px;width:84%;height:275px;opacity:.75}.desktop-content{padding-left:12px}.event-backplate{left:29%;width:60%;top:65px;height:280px}.app-floating-note{top:379px;left:8%;padding:10px 13px;max-width:210px;transform:translateZ(85px) rotateZ(-5deg)}.app-floating-note .mini-avatars{float:left;margin-right:8px;margin-top:3px}.app-floating-note .mini-avatars i{width:19px;height:19px;font-size:7px}.app-note-title{font-size:9px;margin-top:0;line-height:1.4}.app-floating-note>small{font-size:8px}.event-companion{right:7%;top:373px;width:196px;height:98px;border-radius:10px}.companion-view{padding:11px 13px}.companion-view>strong,.event-plan>strong,.event-voice>strong{font-size:18px;margin-top:5px;line-height:1.08}.ticket-detail,.ticket-barcode,.companion-view>p,.event-plan .mini-avatars,.voice-bars{display:none}.companion-bottom{bottom:9px;left:13px;right:13px;font-size:6px}.companion-view .app-eyebrow{font-size:6px}.event-voice>strong{max-width:160px}.stage-caption{bottom:2px;font-size:8px}.product-preview-controls .preview-counter{display:none}}
@media(max-width:380px){.product-identity,.product-copy{padding-left:18px;padding-right:18px}.product-copy h3{font-size:1.75rem}.product-status{max-width:85px}.eventflow-lockup>span{font-size:.8125rem;letter-spacing:.1em}.eventflow-lockup img{width:22px;height:22px}.product-preview-controls{margin-left:18px;margin-right:18px;gap:19px;flex-wrap:nowrap}.product-preview-controls button{font-size:.75rem}.product-contact{padding:20px 18px}.app-floating-note{left:7%;max-width:192px}.stage-caption{left:18px;font-size:7px}.app-stage{perspective:1400px}.event-companion{right:8%;width:184px}.app-view h4{font-size:19px}.night-caption>strong{font-size:38px}}
@media(prefers-reduced-motion:reduce){.app-stage *,.app-stage *::before{animation:none!important;transition:none!important}.app-space{transform:none!important}.product-preview-controls button::after{transition:none}}

/* Keep each interface on one plane within the 3D scene. */
.app-iphone{transform-style:flat}
.iphone-screen{transform:translateZ(1px)}
.team-desktop{z-index:1}
.event-backplate{z-index:1}
.app-iphone{z-index:2}
.app-floating-note,.event-companion{z-index:3}

/* Composite each device separately to prevent intersecting screen planes. */
.app-space{transform-style:flat}
.iphone-screen{font-size:10px;line-height:1.35}
.app-view[data-screen="1"] h4{margin-bottom:9px}
.chat-message{padding:8px 9px}
.chat-attachment{padding:7px 8px}
.shared-plan{padding:9px 10px;margin-top:8px}

.community-option{padding:9px 10px}
@media(max-width:520px){.app-stage{height:550px}.app-floating-note{top:435px}.event-companion{top:432px}.stage-caption{bottom:3px}}

.intranet-notice{padding:10px}
.intranet-notice>strong{font-size:16px;line-height:1.15;margin:4px 0}
.intranet-notice .mini-avatars{margin-top:8px}
.intranet-notice .mini-avatars i{width:20px;height:20px;font-size:8px}
.intranet-link{padding:8px 0}
.event-iphone .chat-message{padding:6px 9px}
.shared-plan{padding:7px 10px}
@media(max-width:520px){
 .flow-iphone,.event-iphone{left:calc(50% - 103px);right:auto;--device-angle:4deg;transform:rotateX(3deg) rotateY(-6deg) rotateZ(var(--device-angle));animation:appMobileFloat 8s ease-in-out infinite}
 .event-iphone{--device-angle:-4deg;animation-delay:-2s}
}
@keyframes appMobileFloat{0%,100%{transform:translateY(3px) rotateX(3deg) rotateY(-6deg) rotateZ(var(--device-angle))}50%{transform:translateY(-9px) rotateX(1deg) rotateY(-3deg) rotateZ(var(--device-angle))}}

@media(max-width:520px){
 .app-floating-note{width:220px;max-width:220px;display:grid;grid-template-columns:53px minmax(0,1fr);gap:3px 8px}
 .app-floating-note .mini-avatars{float:none;margin:0;grid-row:1 / span 2}
 .app-floating-note .mini-avatars i{width:17px;height:17px}
 .app-floating-note>small{margin:0;grid-column:2}
}
