/* Atmospheric edges merge the landscape into the page on every side. */
.public-journey-section:before{mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 89%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 89%,transparent);-webkit-mask-composite:source-in}
.integration{gap:65px;padding-block:95px 65px}.phone-product{perspective:1200px;min-height:730px}.phone-product .phone-glow{inset:12% 0 4%;background:radial-gradient(ellipse at 55% 50%,#13649433,transparent 62%);filter:blur(25px)}
.phone-real{display:block;width:306px;height:auto;aspect-ratio:auto;padding:7px;border:1px solid #b8bec9;border-radius:49px;transform:rotate(-5deg) rotateY(-10deg);background:linear-gradient(120deg,#f1f3f4 0%,#666b73 7%,#181b21 14%,#777d85 47%,#d7dbdf 70%,#33373e 92%);box-shadow:inset 0 0 0 2px #14171b,inset 3px 1px 3px #fffffff0,inset -3px -2px 3px #000b,0 0 0 1px #444a53,18px 28px 70px #000c,-22px 12px 65px #1a416a30;cursor:zoom-in;transition:transform .5s,box-shadow .5s}
.phone-real:hover{transform:rotate(-2deg) rotateY(-3deg) translateY(-5px);box-shadow:inset 0 0 0 2px #14171b,inset 3px 1px 3px #fffffff0,0 0 0 1px #78889c,20px 35px 80px #000c,-15px 0 65px #186aba30}.phone-real:before{top:100px;left:-4px;width:3px;height:26px;background:linear-gradient(90deg,#30353c,#b1b8c2);box-shadow:0 42px #929aa6,0 85px #929aa6}.phone-real:after{top:155px;right:-4px;width:3px;height:64px;background:linear-gradient(90deg,#bac2cc,#30353c)}
.phone-real .phone-screen{display:block;border-radius:42px;border:2px solid #030405;padding:0;height:auto;position:relative;background:#000;overflow:hidden}.phone-real .phone-screen:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 1px 1px 2px #ffffff38;background:linear-gradient(110deg,#ffffff08,transparent 25%,transparent 75%,#ffffff05)}.phone-real img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;display:block}.phone-product figcaption{text-align:center;font-size:12px;line-height:1.8;color:#c1ccd9;transform:none;margin-top:30px}.phone-product figcaption span{font-size:10px;color:#7c8b9f}
.conversation-detail{padding:0;width:min(660px,calc(100% - 28px));max-height:91dvh;border:1px solid #53677d;border-radius:24px;background:#000;color:#fff;overflow:auto;overscroll-behavior:contain}.conversation-detail::backdrop{background:#000e;backdrop-filter:blur(14px)}.conversation-detail>img{width:100%;height:auto;display:block}.conversation-close{position:sticky;top:12px;float:right;margin:12px 12px -60px 0;width:42px;height:42px;z-index:2;display:grid;place-items:center;border:1px solid #8997ac80;background:#142032e6;backdrop-filter:blur(10px);border-radius:50%;font-size:28px;color:#fff;cursor:pointer}.conversation-open{overflow:hidden}
@media(max-width:700px){.public-journey-section:before{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 91%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 91%,transparent)}.integration{gap:25px;padding-block:50px 30px}.phone-product{min-height:690px;margin:10px 0 25px}.phone-real{width:min(292px,84vw);height:auto;border-radius:46px;transform:rotate(-4deg) rotateY(-6deg)}.phone-real .phone-screen{border-radius:39px}.phone-product figcaption{margin-top:25px}.conversation-detail{width:calc(100% - 20px);border-radius:20px}}
@media(prefers-reduced-motion:reduce){.phone-real{transition:none}}
/* Quiet, front-facing device with a single fine frame. */
.phone-product{perspective:none}.phone-real,.phone-real:hover{transform:none;width:300px;border:1px solid #646b75;border-radius:44px;padding:6px;background:#17191d;box-shadow:0 22px 65px #0009,0 0 0 1px #22262c,inset 0 1px 1px #ffffff38}.phone-real .phone-screen{border-radius:37px;border:1px solid #000}.phone-real:before,.phone-real:after{background:#535963;box-shadow:none}.phone-real:focus-visible{outline:2px solid #65caff;outline-offset:6px}.phone-product .phone-glow{opacity:.35}.ai-included{margin-top:32px;padding-top:26px;border-top:1px solid #22303c}.ai-included h3{font-size:17px;line-height:1.5;letter-spacing:-.02em;margin-bottom:10px}.ai-included p{margin-bottom:24px}.ai-included ul{list-style:none;padding:0;margin:12px 0 0;color:#b9c7d8;font-size:14px;line-height:2}.ai-included li:before{content:'✦';color:#43baff;font-size:10px;margin-right:12px}@media(max-width:700px){.phone-real,.phone-real:hover{width:min(286px,82vw);transform:none}.phone-product{min-height:670px}.ai-included{margin-top:27px}.ai-included h3{font-size:16px}}