/* Figma qbhqXaZB2U2KhQ0kxwG4ps: ending only, in the existing 1440px composition. */
#landing {--choice-line-color:#d9d9d9;--ending-top:4260px;}
.ending-use-cases,.ending-access {position:absolute;color:var(--copy-color);font-size:17px;letter-spacing:1.7px;line-height:1.5;}
.ending-use-cases {left:0;top:calc(var(--ending-top) + 609px);width:1440px;height:auto;scroll-margin-top:calc(var(--reading-top,240px) - var(--nav-height) - var(--anchor-clearance));background:var(--page-bg);}
.ending-art {pointer-events:none;}
/* The inline artwork retains the original section coordinates and colors. */
.ending-motion-art,.choice-foreground {position:absolute;left:0;top:0;display:block;max-width:none;overflow:visible;}
/* Only the white connection and its leading dot sit above the bead artwork. */
.choice-foreground {z-index:2;pointer-events:none;--source-x:1066px;--source-y:14.115px;--target-x:718px;--target-y:855.44px;--connection-dx:calc(var(--target-x) - var(--source-x));--connection-dy:calc(var(--target-y) - var(--source-y));}
/* Only transform/opacity change during scrolling; these small layers need no SVG repaint. */
.choice-connector {position:absolute;left:var(--source-x);top:var(--source-y);margin-top:-2px;width:hypot(var(--connection-dx),var(--connection-dy));height:4px;background:var(--choice-line-color);rotate:atan2(var(--connection-dy),var(--connection-dx));transform-origin:0 50%;}
.choice-hub {position:absolute;left:var(--target-x);top:var(--target-y);margin:-10px 0 0 -10px;width:20px;height:20px;border-radius:50%;background:var(--choice-line-color);}
.choice-source-mark path {fill:var(--choice-line-color);}
.choice-bead,.choice-finish-item {position:absolute;left:0;top:0;width:1440px;height:0;pointer-events:none;}
/* Opaque interiors conceal the guide, including beneath Gemini's translucent fill. */
.choice-bead[data-choice-bead="openai"] .detail-252,
.choice-bead[data-choice-bead="gemini"] .detail-275,
.choice-finish-item[data-choice-finish="ring"] .detail-262 {background:var(--page-bg);border-radius:50%;}
.choice-scroll-anchor {position:absolute;left:1066px;top:4266px;width:0;height:0;pointer-events:none;}
.choice-motion-guide {position:absolute;left:0;top:0;visibility:hidden;pointer-events:none;}
.choice-bead-thread {position:absolute;left:0;top:4000px;display:block;max-width:none;overflow:visible;pointer-events:none;}
/* JS applies these values only after geometry is ready. Static HTML is the full final frame. */
.choice-motion-active .choice-bead {transform:translate(var(--bead-x,0px),var(--bead-y,0px));}
.choice-motion-active .choice-short-link {opacity:var(--choice-short-link-opacity,1);}
.choice-motion-active [data-choice-thread] {stroke-dasharray:1;stroke-dashoffset:var(--thread-offset,0);}
.choice-motion-active [data-ray] {stroke-dasharray:1;stroke-dashoffset:var(--ray-offset,0);opacity:var(--ray-opacity,1);}
.choice-motion-active [data-ray-dot] {transform:translate(var(--dot-x,0px),var(--dot-y,0px));opacity:var(--dot-opacity,1);}
.ending-intro {position:absolute;left:96px;top:125px;width:485px;height:403px;display:flex;flex-direction:column;justify-content:center;}
.ending-label {font-size:16px;letter-spacing:1.7px;}
.ending-intro h2 {font-size:38px;line-height:1.5;letter-spacing:3.8px;font-weight:700;margin:0 0 50px;}
.ending-intro>p:last-child {font-size:17px;line-height:1.5;}
.ending-cases {position:relative;left:979px;width:322px;display:grid;}
.ending-cases article {min-height:clamp(180px,25vh,235px);}
.ending-cases article:last-child {min-height:0;}
.ending-cases h3 {font-size:17px;font-weight:700;line-height:1.5;margin:0 0 25px;}
.ending-cases p {font-size:17px;line-height:1.5;}
.ending-access {left:360px;top:6454px;width:720px;height:365px;text-align:center;}
.ending-access .ending-label {font-size:17px;font-weight:700;}
.ending-access h2 {position:absolute;top:51px;left:18px;width:683px;font-size:38px;line-height:1.5;letter-spacing:3.8px;font-weight:700;margin:0;}
.ending-access-description {position:absolute;top:200px;width:720px;font-size:17px;line-height:25px;}
.ending-request {position:absolute;top:310px;left:241px;min-width:238px;height:55px;padding:14px 24px;border-radius:22px;background:var(--button-bg);color:white;font-size:18px;line-height:27px;letter-spacing:1.8px;box-shadow:0 1px 2px #0000000d;}
.ending-request:hover {background:#827b79;}
#landing>.ending-egg {display:block;position:absolute;left:50%;top:auto;bottom:46px;width:116px;height:61.352px;transform:translateX(-50%);pointer-events:none;}
@media(min-width:600px) and (max-width:1200px) {
 #landing>.ending-egg {left:13%;width:132px;height:69.814px;bottom:20px;transform:none;}
}
@media(min-width:1201px) {
 #landing>.ending-egg {left:186px;top:calc(6900px + 80px / var(--design-scale,1));bottom:auto;width:218px;height:115.299px;transform:none;}
}
/* Follow the 120px viewport trim at intermediate desktop widths. */
@media(min-width:1201px) and (max-width:1679px) {
 #landing>.ending-egg {top:calc(6900px - 40px / var(--design-scale,1));}
}
@media(min-width:761px) {
 .ending-access-description {left:50%;width:max-content;transform:translateX(-50%);white-space:nowrap;}
 .design-viewport {height:calc(6060px * var(--design-scale,1));background:var(--page-bg);}
}
@media(max-width:760px) {
 #landing>.ending-use-cases {display:block;position:relative;inset:auto;order:14;width:100%;height:auto;padding:80px 0 64px;}
 .ending-art {display:none;}
 .ending-intro {position:static;width:auto;height:auto;}
 .ending-intro h2 {font-size:30px;letter-spacing:3px;margin:12px 0 28px;}
 .ending-intro br {display:none;}
 .ending-cases {position:static;width:auto;margin-top:56px;display:grid;gap:40px;}
 .ending-cases article {min-height:0;}
 .ending-cases h3 {margin-bottom:16px;}
 #landing>.ending-access {display:flex;position:relative;inset:auto;order:15;width:100%;height:auto;padding:64px 0;flex-direction:column;align-items:center;}
 .ending-access h2 {position:static;width:auto;font-size:30px;letter-spacing:3px;margin:28px 0;}
 .ending-access-description {position:static;width:auto;}
 .ending-access br {display:none;}
 .ending-request {position:static;margin-top:36px;min-height:55px;height:auto;}

}

@media (prefers-reduced-motion: reduce) {
 .choice-motion-active .choice-bead,.choice-motion-active [data-ray-dot] {transform:none;opacity:1;}
 .choice-motion-active .choice-short-link {opacity:1;transition:none;}
 .choice-motion-active [data-ray],.choice-motion-active [data-choice-thread] {stroke-dashoffset:0;opacity:1;}
}

@media(max-width:599px){
 #landing>.ending-egg{bottom:34px;transform:translateX(-50%) scale(.9);transform-origin:center;}
}