/* Device presentation is separate from the untouched app screenshots. */
.hero{grid-template-columns:1.05fr 1fr;gap:4%;padding-top:34px;padding-bottom:42px;min-height:825px}.hero-showcase{min-width:0;position:relative}.device-stage{height:650px;position:relative;perspective:1200px;isolation:isolate}.ambient-light{position:absolute;inset:70px -25px 30px;border-radius:50%;background:radial-gradient(ellipse at 65% 35%,#c5c3fa66,transparent 58%),radial-gradient(ellipse at 25% 65%,#cce7e76b,transparent 60%);filter:blur(18px);z-index:-2}.stage-label{position:absolute;top:0;right:9px;font-size:8px;letter-spacing:.2em;color:#757382}.intelligence-paths{position:absolute;width:112%;height:100%;left:-6%;top:0;z-index:-1;overflow:visible}.intelligence-paths path{stroke:#a7a1ce;stroke-width:1;stroke-dasharray:3 8;opacity:.42;animation:connection-flow 30s linear infinite}.intelligence-paths path:nth-child(2){stroke:#9abfbc;opacity:.32;animation-direction:reverse}.intelligence-paths circle{fill:#8a82d1;animation:signal-pulse 5s ease-in-out infinite}.intelligence-paths circle:nth-last-child(2){animation-delay:-2s}.device-rig{position:absolute;top:30px;left:50%;width:267px;transform:translateX(-50%) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,-7deg)) rotateZ(-7deg);transition:transform .35s ease-out;will-change:transform}.device-shell{position:relative;padding:7px;border:1px solid #6d6e76;border-radius:43px;background:linear-gradient(115deg,#95979e 0%,#24252b 5%,#101115 48%,#676a74 94%,#c1c2ca 100%);box-shadow:inset 0 0 0 2px #15161a,0 0 0 1px #272831,18px 28px 35px #25243b21,5px 8px 12px #24223914}.device-screen{position:relative;aspect-ratio:1344/2992;border:2px solid #111217;border-radius:35px;overflow:hidden;background:#faf7ff}.device-screen img{width:100%;height:100%;object-fit:contain}.device-camera{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#26364c 0,#090a10 50%);box-shadow:0 0 0 2px #16171c}.device-button{position:absolute;width:3px;background:linear-gradient(90deg,#93969f,#27282e);border-radius:2px}.device-button.volume{left:-3px;top:104px;height:55px}.device-button.power{right:-3px;top:150px;height:35px}.intelligence-note{position:absolute;display:flex;align-items:center;gap:12px;padding:18px;background:#fffffff5;border:1px solid #ffffff;box-shadow:0 12px 40px #3732510e,0 1px 2px #38324c08;backdrop-filter:blur(12px);border-radius:14px;animation:note-drift 8s ease-in-out infinite}.intelligence-note small{display:block;color:#6a657b;font-size:8px;letter-spacing:.09em;line-height:1.6;margin-bottom:5px}.intelligence-note strong{display:block;font-size:16px;line-height:1.3;font-weight:400;letter-spacing:-.02em}.note-assistant{left:-20px;top:154px}.note-try{right:-8px;bottom:109px;animation-delay:-4s}.try-icon{font-family:Arial,sans-serif;display:grid;place-items:center;width:35px;height:35px;background:#eff0fb;color:#6257a2;border-radius:50%;font-size:29px}.thinking-dots{display:flex;align-items:center;gap:3px;margin-top:10px;height:6px}.thinking-dots i{width:3px;height:3px;border-radius:50%;background:#8c82c4;animation:thought-pulse 2.4s ease-in-out infinite}.thinking-dots i:nth-child(2){animation-delay:.2s}.thinking-dots i:nth-child(3){animation-delay:.4s}.thinking-dots span{margin-inline-start:5px;display:block;width:56px;height:3px;border-radius:10px;background:linear-gradient(90deg,#d8d2ed,#d1e2e5)}.stage-footnote{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:7px;letter-spacing:.17em;color:#797784}.showcase-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:0}.screen-switch{display:flex;padding:4px;border:1px solid #e4e2ec;background:#f2f0f6;border-radius:30px;gap:3px}.screen-switch button{border-radius:22px;padding:10px 17px;min-height:40px;font-size:12px;background:transparent;color:#686577;transition:background .2s,box-shadow .2s}.screen-switch button.active{background:white;color:#383250;box-shadow:0 2px 7px #27223f0a}#motion-toggle{background:transparent;color:#686577;font-size:10px;min-height:44px;padding:10px 0;border-bottom:1px solid transparent}#motion-toggle:hover{border-bottom-color:#b7b1cd}.showcase-caption{text-align:center;color:#777280;font-size:10px;margin:13px 0 0;line-height:1.6}.motion-paused *{animation-play-state:paused!important}.motion-paused .device-rig{transform:translateX(-50%) rotateZ(-7deg)}
@keyframes connection-flow{to{stroke-dashoffset:-220}}@keyframes signal-pulse{0%,100%{opacity:.3}50%{opacity:.9}}@keyframes note-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes thought-pulse{0%,70%,100%{opacity:.25}35%{opacity:1}}
@media(max-width:1100px) and (min-width:801px){.device-rig{width:240px;top:55px}.device-stage{height:620px}.note-assistant{left:-10px;top:155px}.note-try{right:-10px;bottom:100px}.intelligence-note{padding:14px;gap:8px}.intelligence-note strong{font-size:13px}.intelligence-note small{font-size:7px}.hero{min-height:780px;gap:3%}}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:22px;padding-top:45px;padding-bottom:42px}.hero-showcase{max-width:580px;width:100%;justify-self:center}.device-stage{height:625px}.device-rig{width:258px;top:25px}.note-assistant{left:8px;top:145px}.note-try{right:8px;bottom:100px}.ambient-light{inset:60px 0 25px}.stage-label{right:15px}.intelligence-paths{left:0;width:100%}.stage-footnote{bottom:14px}.showcase-controls{margin-top:4px}}
@media(max-width:480px){.device-stage{height:555px;margin-top:10px}.device-rig{width:223px;top:22px}.device-shell{padding:6px;border-radius:36px}.device-screen{border-radius:29px}.device-camera{width:6px;height:6px;top:6px}.intelligence-note{padding:12px 10px;gap:7px;border-radius:11px}.intelligence-note .ai-symbol{width:26px;height:29px;border-radius:8px;font-size:20px}.intelligence-note strong{font-size:11px}.intelligence-note small{font-size:6px;letter-spacing:.035em}.note-assistant{left:0;top:136px}.note-try{right:0;bottom:79px}.try-icon{width:26px;height:26px;font-size:22px}.thinking-dots{margin-top:7px}.thinking-dots span{width:35px}.stage-label{font-size:7px;top:0;right:0}.stage-footnote{font-size:6px;bottom:17px}.showcase-controls{gap:12px}.screen-switch button{font-size:11px;padding-inline:15px}.showcase-caption{font-size:9px}.hero{gap:14px}.hero h1{font-size:52px}}
@media(max-width:350px){.device-rig{width:205px;top:30px}.device-stage{height:525px}.intelligence-note strong{font-size:10px}.note-assistant{left:-2px}.note-try{right:-2px;bottom:75px}.hero h1{font-size:47px}}
[dir=rtl] .stage-label,[dir=rtl] .stage-footnote{letter-spacing:0}[dir=rtl] .intelligence-note small{letter-spacing:0}[dir=rtl] .intelligence-note strong{letter-spacing:0}[dir=rtl] .device-screen{direction:ltr}
@media(prefers-reduced-motion:reduce){.device-stage *, .screen-switch button{animation:none!important;transition:none!important}.device-rig{transform:translateX(-50%) rotateZ(-7deg);will-change:auto}}

/* All three app captures share the same phone canvas; preserve every edge. */
.hero .device-screen{aspect-ratio:390/844;background:#fff}.hero .device-screen img{object-fit:contain;object-position:center;background:#fff;filter:none}.hero .showcase-controls{flex-wrap:wrap;gap:8px 14px}.hero .screen-switch{max-width:100%}.hero .screen-switch button{padding-inline:13px;font-size:11px}.hero .intelligence-note{max-width:175px;padding:14px;gap:9px;pointer-events:none}.hero .intelligence-note strong{font-size:14px}.hero .intelligence-note small{font-size:7px}.hero .note-assistant{left:-15px;top:160px}.hero .note-try{right:-8px;bottom:109px}@media(max-width:800px){.hero .note-assistant{left:0}.hero .note-try{right:0}}@media(max-width:480px){.hero .intelligence-note{display:none}.hero .screen-switch button{font-size:10px;padding-inline:11px}.hero .showcase-controls{gap:6px 12px}}