:root{--ink:#141416;--muted:#74757b;--ican-canvas:#fff;--border:#e8eaee;--blue:#171719}body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:#fff}html{scroll-padding-top:30px}.origin-hero{height:100svh;min-height:780px;position:relative;isolation:isolate;overflow:hidden;background:#fff}.origin-header{height:78px;width:calc(100% - 64px);max-width:1540px;margin:auto;position:relative;z-index:20;display:flex;align-items:center;justify-content:center}.origin-nav{display:flex;gap:66px;font-size:15px;font-weight:600;color:#262629}.origin-account{position:absolute;right:0;display:flex;align-items:center;gap:34px;font-size:15px;font-weight:600}.origin-register{width:132px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:99px;background:#171719;color:#fff}.mobile-brand,.origin-menu{display:none}.origin-world{position:absolute;inset:0;z-index:-1;pointer-events:none}.origin-waves{position:absolute;left:50%;bottom:-8%;width:110%;max-width:none;transform:translateX(-50%);opacity:.2;filter:saturate(.55) contrast(.94)}.planet-position{position:absolute;left:50%;top:49%;width:min(1200px,90vw);aspect-ratio:4/3;transform:translate(-50%,-50%)}.planet-parallax{height:100%;position:relative;transition:transform 650ms cubic-bezier(.23,1,.32,1)}.planet-float{position:absolute;inset:0;animation:crystal-breath 12s ease-in-out infinite}.glass-planet{width:100%;height:100%;overflow:visible;display:block}.origin-copy{position:absolute;top:32.4%;left:50%;transform:translateX(-50%);width:min(1120px,calc(100% - 48px));text-align:center;z-index:3;pointer-events:none}.origin-eyebrow{margin:0 0 21px;color:#777a80;font-size:28px;line-height:1.25;font-weight:560}.origin-copy h1{font-size:56px;line-height:1.17;font-weight:710;color:#151518}.origin-english,.origin-chinese{display:block}.origin-english{font-size:50px;line-height:1.2;font-weight:620;min-height:1.2em}.origin-chinese{margin-top:12px}.origin-description{display:flex;flex-direction:column;gap:6px;color:#7d8087;font-size:19px;line-height:1.45;font-weight:450;margin-top:29px}.origin-bottom{position:absolute;z-index:4;left:42px;right:42px;bottom:30px;display:flex;justify-content:space-between;align-items:end}.origin-brand{display:flex;flex-direction:column;gap:7px}.origin-brand strong{font-size:50px;line-height:1;font-weight:750}.origin-brand>span{font-size:18px;color:#80838b;line-height:1.25}.glass-start{width:220px;height:72px;margin-bottom:9px;padding:0 27px;display:flex;align-items:center;justify-content:space-between;border:1px solid #111;border-radius:99px;font-size:15px;font-weight:600;background:#fff;box-shadow:inset 0 1px 2px #fff,0 5px 22px #9db5cb0d;backdrop-filter:blur(12px);transition:background-color 220ms ease,color 220ms ease,box-shadow 220ms ease,transform 220ms cubic-bezier(.23,1,.32,1)}.explore{position:absolute;left:50%;transform:translateX(-50%);bottom:6px;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:11px;color:#858a93;white-space:nowrap}.explore>span:last-child{font-size:18px;line-height:1}.origin-models{position:absolute;top:79%;left:50%;transform:translateX(-50%);width:min(960px,calc(100% - 96px));text-align:center;z-index:5}.models-kicker{display:block;color:#8a9099;font-size:11px;margin-bottom:18px}.provider-track{display:flex;justify-content:space-between;align-items:center;gap:14px}.provider{min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;color:#777d86;position:relative;padding:6px 10px;font-size:14px;white-space:nowrap;background:transparent;border-radius:5px}.provider img{width:22px;height:22px;opacity:.58;transition:opacity 200ms ease}.provider[aria-pressed=true]{color:#383c44}.provider[aria-pressed=true] img{opacity:.84}.provider::after{content:'';position:absolute;bottom:0;left:50%;width:3px;height:3px;border-radius:50%;background:#8c9eaf;opacity:0;transition:opacity 180ms ease}.provider[aria-pressed=true]::after{opacity:1}.provider-feedback{font-size:10px;color:#8b929d;display:block;min-height:15px;margin-top:10px;opacity:0;transition:opacity 180ms ease}.origin-models:focus-within .provider-feedback,.origin-models:hover .provider-feedback{opacity:1}.motion-control{position:absolute;right:45px;bottom:132px;width:32px;height:32px;border:1px solid #d7dfe577;border-radius:50%;font-size:11px;color:#8b949e;z-index:6;display:grid;place-items:center}.orbital-marks{display:none;position:absolute;inset:0;pointer-events:none}.orbit-mark{position:absolute;width:24px;height:24px;left:50%;top:53.333%;padding:0;opacity:.65;filter:drop-shadow(0 3px 5px #fff)}.refraction-light{position:absolute;left:29%;top:18%;width:27%;height:28%;border-radius:50%;background:radial-gradient(ellipse at 35% 30%,#fff9,#fff0 67%);filter:blur(10px);opacity:0;pointer-events:none}.edition-switch{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:3px;padding:5px;border:1px solid #dce2e9;background:#fffffff0;backdrop-filter:blur(20px);border-radius:99px;box-shadow:0 5px 25px #17263d0c;font-size:11px;max-width:calc(100% - 24px);white-space:nowrap}.edition-switch>span{padding:0 13px;color:#8a9099;font-size:10px}.edition-switch>a{padding:9px 14px;border-radius:99px;line-height:1.25;color:#6d747f}.edition-switch>a[aria-current=true]{background:#202328;color:#fff}.edition-switch>.original-link{border-left:1px solid #e6eaf0;border-radius:0;padding-left:15px}.hide-switch{width:27px;height:29px;font-size:17px;color:#7d8692;padding:0;margin:0 3px}.show-switch{display:none;position:fixed;bottom:18px;right:20px;z-index:45;padding:7px 14px;background:#fffffff0;border:1px solid #dce2e9;border-radius:99px;box-shadow:0 3px 20px #17263d08;font-size:10px;color:#7d8692}.switch-hidden .edition-switch{display:none}.switch-hidden .show-switch{display:block}body[data-edition=refraction] .refraction-light{opacity:1;animation:caustic 17s ease-in-out infinite}body[data-edition=refraction] .glass-planet{filter:contrast(1.08) saturate(.6)}body[data-edition=refraction] .origin-waves{opacity:.24}body[data-edition=refraction] .provider-track{width:max-content;justify-content:start;gap:28px;animation:model-flow 50s linear infinite}body[data-edition=refraction] .provider-window{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}body[data-edition=refraction] .provider{min-width:110px}body[data-edition=orbit] .orbital-marks{display:block}body[data-edition=orbit] .planet-position{width:min(1230px,92vw)}body[data-edition=orbit] .glass-planet{filter:contrast(1.025)}.provider-window:hover .provider-track,.provider-window:focus-within .provider-track{animation-play-state:paused}.paused *,.not-visible .planet-float,.not-visible .refraction-light,.not-visible .provider-track{animation-play-state:paused!important}.section{max-width:1280px;padding:115px 40px}.why{border-top:1px solid #f1f2f4}.section-top h2{font-size:44px;font-weight:650}.section-top .eyebrow{font-size:11px;color:#8a8d94;font-weight:500}.section-intro{font-size:15px;line-height:1.8;color:#858991}.benefits h3{font-size:19px}.benefits p{font-size:14px;line-height:1.85}.benefit-icon{color:#79828e;font-weight:300}.benefits a,.product-copy .text-link,.preview-footer a{color:#252b34}.connect-layout{margin-top:58px;gap:65px;grid-template-columns:380px 1fr}.client-panel{background:linear-gradient(145deg,#f6f8fa99,#fcfdff);border-color:#e0e6ed;box-shadow:inset 0 1px #fff}.client-list [aria-selected=true]{background:#f3f5f8}.client-list b{font-size:16px}.client-list small{font-size:12px}.client-panel h3{font-size:26px}.steps li{font-size:13px;line-height:1.8}.steps b{font-size:14px}.button{background:#1a1c20;color:white}.client-panel>.button{font-size:13px}.connect-help{font-size:12px}.product{gap:76px}.product-copy h3{font-size:40px;font-weight:600}.product-copy>p{font-size:15px;line-height:1.85;color:#82858d}.product-copy .text-link{font-size:14px}.tags span{font-size:11px}.sub-link{font-size:12px}.creative-stage,.real-preview,.diagram-preview{border-color:#e4e8ee;box-shadow:0 14px 55px #43577105}.mini-toolbar{font-size:11px;height:46px}.mini-toolbar b{font-size:12px}.stage-footer,.preview-footer{font-size:10px}.closing{background:#fbfcfd;isolation:isolate;padding:100px 24px 115px}.closing::before{content:'';position:absolute;inset:0;background:url('/custom-home/landing/refraction-a4a4fb4/media/glass-waves.webp') center 58%/cover;opacity:.15;z-index:-1}.closing h2{font-size:44px}.closing-orbit{display:none}.footer{padding-bottom:85px}.footer>.brand{font-size:27px}.footer nav{font-size:12px}.footer>span,.footer small{font-size:11px}.origin-register:focus-visible,.glass-start:focus-visible{outline-color:#94b2d366}.original-view-button{font-size:11px}@keyframes crystal-breath{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes caustic{0%,100%{transform:translate(0,0) scale(1);opacity:.6}50%{transform:translate(14%,12%) scale(1.1);opacity:.9}}@keyframes model-flow{to{transform:translateX(-50%)}}@media(hover:hover) and (pointer:fine){.origin-register:hover{color:#fff;background:#292b30}.glass-start:hover{background:#111;color:#fff;transform:translateY(-2px);box-shadow:inset 0 1px 2px #111,0 7px 26px #11111116}.provider:hover{color:#17191d}.provider:hover img{opacity:.94}.button:hover{background:#363a40;color:white}.origin-nav a:hover{color:#000}.client-list button:hover{background:#f5f7fa}}@media(max-width:1150px){.origin-nav{gap:35px}.origin-account{gap:22px}.origin-copy h1{font-size:49px}.origin-english{font-size:44px}.origin-eyebrow{font-size:24px}.provider{font-size:12px;padding:6px 4px;gap:6px}.provider img{width:20px;height:20px}.origin-models{width:calc(100% - 90px)}.origin-brand strong{font-size:42px}.origin-brand>span{font-size:15px}.glass-start{width:190px;height:62px}.connect-layout{gap:32px;grid-template-columns:310px 1fr}.origin-models{top:77%}}@media(min-width:768px) and (max-height:800px){.origin-hero{min-height:700px}.origin-copy{top:29%}.origin-copy h1{font-size:45px}.origin-english{font-size:41px}.origin-eyebrow{font-size:22px;margin-bottom:14px}.origin-description{font-size:17px;margin-top:20px}.planet-position{width:min(1020px,84vw);top:46%}body[data-edition=orbit] .planet-position{width:min(1060px,86vw)}.origin-models{top:76%}.models-kicker{margin-bottom:10px}.origin-bottom{bottom:22px}.origin-brand strong{font-size:39px}.origin-brand>span{font-size:15px}.glass-start{height:61px;width:200px}.motion-control{bottom:108px}.provider-feedback{display:none}}@media(max-width:767px){.origin-hero{height:100svh;min-height:780px}.origin-header{width:calc(100% - 36px);height:66px;justify-content:space-between}.mobile-brand{display:block;font-size:16px;font-weight:750}.origin-account{position:static;gap:17px;font-size:12px}.origin-register{height:36px;width:90px;font-size:12px}.origin-nav{display:none;position:absolute;top:59px;left:-18px;right:-18px;padding:24px;background:#fff;border-bottom:1px solid #e5e8ed;grid-template-columns:repeat(3,1fr);gap:22px;font-size:13px}.origin-header.menu-open .origin-nav{display:grid}.origin-menu{display:block;font-size:15px;padding:8px 0 8px 3px}.origin-waves{width:195%;bottom:-1%;opacity:.15}.planet-position,body[data-edition=orbit] .planet-position{width:770px;top:42.8%}.origin-copy{width:calc(100% - 30px);top:23.8%}.origin-eyebrow{font-size:19px;margin-bottom:19px}.origin-copy h1{font-size:34px;line-height:1.22;font-weight:700}.origin-english{font-size:33px;line-height:1.22;max-width:330px;margin:0 auto;text-wrap:balance;font-weight:600;min-height:2.44em}.origin-chinese{font-size:31px;max-width:360px;margin:15px auto 0;text-wrap:balance;line-height:1.3}.origin-description{font-size:14px;line-height:1.6;gap:3px;margin-top:22px}.origin-models{width:calc(100% - 34px);top:68%;text-align:center}.models-kicker{font-size:10px;margin-bottom:15px}.provider-track{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 13px}.provider{font-size:11px;gap:5px;min-height:30px;padding:5px 0}.provider img{width:17px;height:17px}.provider-feedback{font-size:9px;margin-top:6px}.origin-bottom{left:22px;right:22px;bottom:50px;align-items:center}.origin-brand{gap:6px}.origin-brand strong{font-size:31px}.origin-brand>span{font-size:10px;max-width:150px}.glass-start{width:145px;height:51px;margin:0;padding:0 18px;font-size:12px}.glass-start svg{width:14px;height:14px}.explore{bottom:80px;font-size:9px;gap:8px}.explore>span:last-child{font-size:15px}.motion-control{right:20px;bottom:120px;width:27px;height:27px;font-size:9px}.orbit-mark{width:20px;height:20px}body[data-edition=refraction] .provider-track{flex-wrap:nowrap;gap:22px}body[data-edition=refraction] .provider{min-width:92px}.edition-switch{bottom:9px;padding:4px;gap:0;font-size:9px}.edition-switch>span{font-size:8px;padding:0 7px}.edition-switch>a{padding:8px 9px}.edition-switch>.original-link{padding-left:9px}.hide-switch{width:21px;font-size:15px;margin:0}.section{padding:75px 22px}.section-top h2{font-size:32px}.section-top .eyebrow{font-size:9px}.section-intro{font-size:13px;justify-self:start;margin-top:20px;max-width:none}.benefits h3{font-size:15px}.benefits p{font-size:12px}.connect-layout{display:block;margin-top:36px}.client-list b{font-size:12px}.client-list small{font-size:9px}.client-panel{padding:25px 21px}.client-panel h3{font-size:22px}.steps li{font-size:12px}.steps b{font-size:13px}.client-panel>.button{font-size:13px}.connect-help{font-size:11px}.product{gap:28px}.product-copy h3{font-size:31px}.product-copy>p{font-size:13px}.product-copy .text-link{font-size:13px}.sub-link{font-size:11px}.mini-toolbar{font-size:9px}.mini-toolbar b{font-size:11px}.tags span{font-size:10px}.preview-footer{font-size:9px}.closing{padding:70px 22px 85px}.closing h2{font-size:28px}.footer{padding-bottom:90px}.footer nav{font-size:10px}.footer>.brand{font-size:24px}.footer small{font-size:9px}}@media(max-width:350px){.origin-header{width:calc(100% - 28px)}.origin-account{gap:12px}.origin-register{width:79px}.origin-copy h1{font-size:29px}.origin-english{font-size:29px}.origin-chinese{font-size:27px;max-width:280px}.origin-description{font-size:12px}.origin-eyebrow{font-size:17px}.origin-brand strong{font-size:27px}.origin-brand>span{font-size:9px}.glass-start{width:130px;height:48px;padding:0 16px;font-size:11px}.origin-models{top:67%}.provider-track{gap:7px 10px}.provider{font-size:10px}.provider img{width:15px;height:15px}.edition-switch>span{display:none}.section-top h2{font-size:29px}.client-list b{font-size:11px}.client-list small{font-size:8px}.client-panel h3{font-size:20px}.endpoint code{font-size:9px}.connect-help{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.planet-parallax{transform:none!important}body[data-edition=refraction] .provider-track{width:auto;flex-wrap:wrap;gap:8px 13px;justify-content:center}body[data-edition=refraction] .provider-window{mask-image:none}body[data-edition=refraction] .provider{min-width:0}.provider.duplicate{display:none}}

.origin-chinese>span{display:inline-block}.explore{bottom:29px}@media(max-width:767px){.origin-chinese>span{display:block}.explore{bottom:80px}}
@media(min-width:768px) and (max-width:1100px){.origin-header{justify-content:flex-start}.origin-nav{gap:28px;font-size:13px}.origin-account{gap:18px;font-size:13px}.origin-register{width:112px;height:44px}}
/* Persistent text layers prevent rewrapping/recentering on every typed letter. */
.origin-copy h1{contain:layout paint;isolation:isolate}
.origin-english,.origin-chinese{display:grid;height:auto}
.origin-english{min-height:1.2em}
.origin-chinese{min-height:1.17em;overflow:hidden}
.slogan-en-pair,.origin-chinese>.slogan-cn-pair{display:block;grid-area:1/1;min-width:0}
.slogan-en-pair,.slogan-cn-pair{will-change:opacity}
.slogan-cn-pair{will-change:opacity,transform}
.slogan-line,.slogan-cn-pair>span{display:inline-block;white-space:nowrap}
.origin-description{transform:translateZ(0);isolation:isolate}
@media(min-width:768px) and (max-width:900px){.origin-chinese{font-size:42px}}
@media(max-width:767px){
  .origin-english{min-height:2.44em;width:100%}
  .origin-chinese{min-height:2.6em;width:100%}
  .slogan-line,.slogan-cn-pair>span{display:block}
}

/* Match the existing docs/auth cross-document navigation contract. */
@view-transition{navigation:auto}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}