.feature-page{--feature-purple:#8679fe;--feature-accent:var(--feature-purple);background:var(--ground);--hero-glass-calm:.14 .68 .5;--hero-glass-calm-center:.36;--hero-glass-sides:.2;--hero-glass-sides-bias:1}.feature-page--purple,.feature-page--blue{--feature-accent:var(--feature-purple)}.feature-page main{z-index:1;position:relative}.feature-hero{isolation:isolate;min-height:0;padding:calc(var(--nav-h) + clamp(58px, 7vh, 82px)) 0 clamp(58px, 7vh, 80px);border-bottom:1px solid var(--line);background:0 0;position:relative;overflow:hidden}.feature-hero__grid{z-index:1;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);align-items:center;gap:clamp(48px,6vw,94px);display:grid;position:relative}.feature-hero h1{max-width:12.5ch;font:500 var(--type-display-hero)/1 var(--display);letter-spacing:0;text-wrap:balance;margin-top:16px}.feature-hero__lede{max-width:52ch;color:var(--ink-2);font-size:var(--type-body-lg);line-height:var(--leading-body);margin-top:20px}.feature-hero__actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px;display:flex}.feature-hero__note{color:var(--ink-4);font-size:var(--type-small)}.feature-sdk__repos{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.feature-sdk__repo{border:1px solid var(--line-2);border-radius:var(--radius-md);min-height:42px;color:var(--ink-2);background:var(--ui-bg);font-size:var(--type-small);transition:color var(--dur-base), border-color var(--dur-base), background var(--dur-base);align-items:center;gap:9px;padding:7px 11px;font-weight:500;display:inline-flex}.feature-sdk__repo:hover{color:var(--ink);border-color:color-mix(in srgb, var(--feature-accent) 45%, var(--line-2));background:color-mix(in srgb, var(--feature-accent) 7%, var(--ui-bg))}.feature-sdk__repo-mark{border:1px solid var(--line);background:var(--ground-3);border-radius:6px;place-items:center;width:27px;height:27px;display:grid}.feature-sdk__repo-mark img{object-fit:contain;width:17px;height:17px;display:block}.feature-sdk__repo:nth-child(2) .feature-sdk__repo-mark img{filter:grayscale()brightness(0)invert()}:root[data-theme=light] .feature-sdk__repo-mark img{filter:brightness(0)}:root[data-theme=light] .feature-sdk__repo:nth-child(2) .feature-sdk__repo-mark img{filter:grayscale()brightness(0)}.feature-sdk__repo>.ico{width:14px;height:14px;color:var(--ink-4)}.feature-hero__visual{min-width:0;position:relative}.feature-hero__visual .agent__ui{background:linear-gradient(150deg, rgb(var(--overlay-ink) / .08), rgb(var(--overlay-ink) / .025) 36%, color-mix(in srgb, var(--ground-3) 30%, transparent));height:auto;box-shadow:0 48px 120px -50px rgb(var(--overlay-shadow) / .74), 0 1px 0 rgb(var(--overlay-ink) / .07) inset, 0 0 0 1px rgb(var(--overlay-ink) / .035) inset, 0 24px 92px -58px color-mix(in srgb, var(--feature-accent) 36%, transparent);border:0;border-radius:25px;padding:7px;overflow:visible}:root[data-theme=light] .feature-hero__visual .agent__ui{background:linear-gradient(150deg, color-mix(in srgb, var(--feature-accent) 6.5%, transparent), #ffffffd1 36%, color-mix(in srgb, var(--ground-3) 34%, var(--ground)));box-shadow:0 24px 66px -44px #52586661, 0 1px 0 #ffffffd1 inset, 0 0 0 1px color-mix(in srgb, var(--feature-accent) 7.5%, transparent) inset, 0 18px 64px -56px color-mix(in srgb, var(--feature-accent) 24%, transparent)}.feature-hero__visual .agent__ui:before{content:"";pointer-events:none;background:linear-gradient(120deg, rgb(var(--brand-2-rgb) / .14), color-mix(in srgb, var(--feature-accent) 13%, transparent) 34%, color-mix(in srgb, var(--feature-accent) 16%, transparent) 68%, rgb(var(--cta-rgb) / .14));-webkit-mask-composite:xor;border-radius:26px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.feature-hero__visual .ui{-webkit-mask-image:none;mask-image:none}.feature-hero__visual .agent__ui:after{content:none}.feature-hero__visual .ui,.feature-hero__visual .ui--prices,.feature-hero__visual .ui--shots{background:var(--ui-bg);height:auto;min-height:0;box-shadow:0 1px 0 rgb(var(--overlay-ink) / .07) inset}.feature-section{padding-block:var(--section-space);border-bottom:1px solid var(--line);background:var(--ground)}.feature-page main>.feature-section:last-of-type{border-bottom:0}.feature-section__intro{grid-template-columns:minmax(0,.92fr) minmax(0,1fr);align-items:start;gap:clamp(50px,10vw,150px);display:grid}.feature-section__intro .eyebrow{margin-bottom:16px}.feature-section__intro h2{max-width:24ch;font:500 var(--type-display-section)/var(--leading-section) var(--display);letter-spacing:0;text-wrap:balance}.feature-section__intro>p{max-width:48ch;color:var(--ink-2);font-size:var(--type-body);justify-self:end;padding-top:28px;line-height:1.58}.feature-steps{margin-top:var(--intro-space);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.feature-step{border-left:1px solid var(--line);min-height:220px;padding:28px clamp(22px,3vw,38px);position:relative}.feature-step:last-child{border-right:1px solid var(--line)}.feature-step__num{color:color-mix(in srgb, var(--feature-accent) 76%, white);font:500 var(--type-label)/1 var(--mono);letter-spacing:.08em}.feature-step h3{max-width:18ch;font:600 22px/1.18 var(--display);margin-top:34px}.feature-step p{max-width:36ch;color:var(--ink-3);font-size:var(--type-small);margin-top:10px;line-height:1.52}.feature-section--soft{isolation:isolate;background:var(--ground);position:relative;overflow:hidden}.feature-capabilities{margin-top:var(--intro-space);perspective:1200px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.feature-capability{--cap-color:var(--feature-accent);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--ui-bg);min-width:0;-webkit-backdrop-filter:var(--card-blur);box-shadow:var(--card-shadow);transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .55s var(--ease-out), border-color .35s var(--ease-out), box-shadow .55s var(--ease-out);padding:clamp(18px,1.6vw,22px);position:relative}.feature-capability.is-tilting{transition:transform 90ms linear, border-color .35s var(--ease-out), box-shadow .35s var(--ease-out);border-color:color-mix(in srgb, var(--cap-color) 24%, var(--line));box-shadow:0 16px 30px -26px rgb(var(--overlay-shadow) / .45)}.feature-capability:before{content:"";border-radius:inherit;background:radial-gradient(320px circle at var(--px,50%) var(--py,50%), color-mix(in srgb, var(--cap-color) 4%, transparent), transparent 62%);opacity:0;transition:opacity .35s var(--ease-out);pointer-events:none;position:absolute;inset:0}.feature-capability.is-tilting:before{opacity:1}.feature-capability>*{transition:transform .4s var(--ease-out)}.feature-capability.is-tilting>*{transform:translateZ(16px)}.js .feature-capability.reveal{transform:translateY(34px)scale(.99)}.js .feature-capability.reveal.is-in{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.feature-capability__icon{border:1px solid color-mix(in srgb, var(--cap-color) 34%, var(--line));border-radius:var(--radius-md);background:color-mix(in srgb, var(--cap-color) 13%, transparent);width:40px;height:40px;color:color-mix(in srgb, var(--cap-color) 72%, white);place-items:center;display:grid}.feature-capability__icon i{width:18px;height:18px}.feature-capability h3{font:600 clamp(1.05rem, .98rem + .32vw, 1.22rem)/1.2 var(--display);letter-spacing:0;margin-top:14px}.feature-capability p{max-width:45ch;color:var(--ink-2);font-size:var(--type-body);margin-top:8px;line-height:1.58}.feature-approval{grid-template-columns:minmax(0,.8fr) minmax(420px,1fr);align-items:center;gap:clamp(56px,10vw,150px);display:grid}.feature-approval h2{max-width:24ch;font:500 var(--type-display-section)/var(--leading-section) var(--display);text-wrap:balance;margin-top:16px}.feature-approval p:not(.eyebrow){max-width:46ch;color:var(--ink-2);font-size:var(--type-body);margin-top:18px;line-height:1.58}.feature-approval__rail{border-top:1px solid var(--line)}.feature-approval__row{border-bottom:1px solid var(--line);min-height:68px;color:var(--ink-2);--rail-color:var(--feature-accent);grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.feature-approval__row i{width:18px;height:18px;color:color-mix(in srgb, var(--rail-color) 74%, white)}.feature-approval__row b{color:var(--ink);font-weight:500}.feature-approval__row small{color:var(--ink-4);font:400 var(--type-label)/1 var(--mono);text-transform:uppercase;letter-spacing:.06em}.feature-page .detail-pagination{margin-bottom:clamp(4rem,8vh,6rem)}.feature-page .footer{margin-top:0}.feature-page .logo img{width:auto;height:24px;display:block}.feature-page .footer .logo img{height:22px}.feature-page .closing{background:0 0}.js .feature-page .feature-hero .reveal{transition-duration:1.05s,1.15s;transition-timing-function:cubic-bezier(.22,.61,.36,1);transition-delay:calc(var(--d,0s) + .12s)}.js .feature-page .feature-hero__visual.reveal{transform:translateY(24px)scale(.99)}.js .feature-page .feature-hero__visual.reveal.is-in{transform:none}.js .feature-page .feature-step.reveal{transform:translateY(16px)}.js .feature-page .feature-step.reveal.is-in{transform:none}@media (width<=960px){.feature-hero{min-height:0}.feature-hero__grid,.feature-section__intro,.feature-approval{grid-template-columns:1fr}.feature-hero__grid{gap:58px}.feature-hero h1{max-width:13ch}.feature-section__intro{gap:18px}.feature-section__intro>p{padding-top:0}.feature-approval{gap:48px}.feature-hero__visual .ui{min-height:0}}@media (width<=700px){.feature-section{padding-block:var(--section-space)}.feature-hero{padding-top:calc(var(--nav-h) + 64px);padding-bottom:58px}.feature-hero__grid{gap:48px}.feature-hero__grid>div:first-child{text-align:center}.feature-hero h1{max-width:14ch;margin-inline:auto;font-size:clamp(2.3rem,9.5vw,2.9rem);line-height:1.02}.feature-hero__lede{margin-inline:auto}.feature-hero__actions{justify-content:center}.feature-hero__lede,.feature-section__intro>p,.feature-approval p:not(.eyebrow){font-size:var(--mobile-section-lede-size,.9375rem);line-height:1.55}.feature-hero__actions .btn,.feature-hero__actions .btn__label{width:100%}.feature-hero__note{text-align:center;width:100%}.feature-sdk__repos{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.feature-sdk__repo{gap:8px;width:100%;min-width:0;min-height:48px;padding:8px;font-size:12px}.feature-sdk__repo-mark{flex-shrink:0;width:24px;height:24px}.feature-sdk__repo-mark img{width:16px;height:16px}.feature-sdk__repo>.ico{margin-left:auto}.feature-hero__visual{width:calc(100% + 20px);margin-left:-10px}.feature-hero__visual .agent__ui{border-radius:25px}.feature-hero__visual .ui{min-height:0}.feature-hero__visual .ui__head{flex-wrap:wrap;align-items:flex-start}.feature-hero__visual .ui__head>strong{white-space:nowrap}.feature-hero__visual .ui__head>.chips{width:100%}.feature-hero__visual .chips{gap:4px}.feature-hero__visual .chip{padding-inline:8px}.feature-steps,.feature-capabilities{grid-template-columns:1fr}.feature-capability{border-right:1px solid var(--line)}.feature-step,.feature-step:last-child{border-inline:0;min-height:0;padding:24px 0}.feature-step:first-child{padding-top:0}.feature-step+.feature-step{border-top:1px solid var(--line)}.feature-step h3{text-wrap:balance;max-width:none;margin-top:20px}.feature-capability:nth-child(odd){border-right:1px solid var(--line)}.feature-approval{grid-template-columns:1fr}.feature-approval__row{grid-template-columns:18px minmax(0,1fr);gap:8px 16px;padding:16px 0}.feature-approval__row>.ico{grid-row:1/span 2;align-self:center}.feature-approval__row small{grid-column:2}.feature-approval__row:last-child{border-bottom:0}.feature-page .feature-section:has(.feature-approval){border-bottom:0;padding-bottom:32px}.feature-page .detail-pagination{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:0}.feature-page .detail-pagination__item{background:0 0;border:0;border-radius:0;gap:8px;padding:20px 16px 8px}.feature-page .detail-pagination__item+.detail-pagination__item{border-top:0;border-left:1px solid var(--line);padding-left:16px}.feature-page .detail-pagination__item--previous{padding-right:16px}.feature-page .detail-pagination__item--next{text-align:right;justify-items:end}.feature-page .detail-pagination__item strong{font-size:16px}.feature-page .detail-pagination__item small{letter-spacing:.04em;font-size:10px}.feature-page .detail-pagination__item:hover{background:0 0}}
