body.site-body:has(.studio-bright){--base:#fff;--surface:#f8f9fc;--inset:#edf0fa;--ink:#080b17;--ink-2:#414857;--muted:#596171;--rule:#e1e4ed;--rule-2:#eceef4;--seryn:#5546ce;--seryn-text:#4939bd;--marzin:#5546ce;--ease:cubic-bezier(.2,.7,.3,1);font-family:"Plus Jakarta Sans", var(--sans);background:#f8f9fc}body:has(.studio-bright):before{display:none!important}body.site-body:has(.studio-bright) .siteheader{z-index:3;border:0;min-height:96px}body.site-body:has(.studio-bright) .siteheader .brand{font-family:"Plus Jakarta Sans", var(--sans);letter-spacing:-.06em;color:#131729;font-size:30px;font-weight:800}body.site-body:has(.studio-bright) .siteheader nav,.studio-bright,body.site-body[data-design-system=studio-index] .studio-bright :is(h1,h2,h3){font-family:"Plus Jakarta Sans", var(--sans)}.bright-shell{width:min(1280px,100% - 48px);margin-inline:auto}.bright-hero{isolation:isolate;text-align:center;background:radial-gradient(55% 65% at 4% 0,#bfbbffb3,#0000 90%),radial-gradient(50% 60% at 100% 3%,#f3bcecb3,#0000 90%),radial-gradient(48% 50% at 50% 75%,#c8e8ff99,#0000 85%),#fff;margin-top:-96px;padding:170px 0 78px;position:relative;overflow:hidden}.hero-grid{z-index:-1;opacity:.42;background-image:linear-gradient(#7b83b91a 1px,#0000 1px),linear-gradient(90deg,#7b83b91a 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;mask-image:linear-gradient(#0009,#0000 80%)}.hero-note{color:#373d50;background:#ffffffad;border:1px solid #ffffffd9;border-radius:30px;align-items:center;gap:9px;margin:0 0 24px;padding:5px 14px;font-size:14px;display:inline-flex;box-shadow:0 2px 5px #3d42731a}.hero-note>span{color:#6550d9}body.site-body[data-design-system=studio-index] .bright-hero h1{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(44px,5.6vw,76px);font-weight:800;line-height:1.05}.bright-hero h1>span{color:#6547d9;-webkit-text-fill-color:transparent;background:linear-gradient(100deg,#4c49d7 5%,#bc45cc 50%,#e27552 98%);-webkit-background-clip:text;background-clip:text}.hero-lede{color:#535968;max-width:48ch;margin:28px auto 0;font-size:20px;line-height:1.5}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px;display:flex}.hero-comparison{margin:18px 0 -18px;font-size:14px}.hero-comparison a{color:#4939bd;text-underline-offset:4px;align-items:center;gap:8px;min-height:44px;text-decoration-thickness:1px;display:inline-flex}.bright-button{color:#fff;min-height:50px;font:600 16px/1.3 "Plus Jakarta Sans", var(--sans);background:linear-gradient(165deg,#6b60df,#5342ce);border:1px solid #5e51df;border-radius:16px;justify-content:center;align-items:center;gap:14px;padding:0 24px;text-decoration:none;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;display:inline-flex;box-shadow:0 4px #3b2cac}.bright-button:focus-visible{border-radius:16px}.bright-app-card:focus-visible{border-radius:24px}.bright-button:active{transform:translateY(4px);box-shadow:0 0 #3b2cac}.bright-button--light{color:#202331;background:#fffffff0;border-color:#e4e6ec;box-shadow:0 2px 3px #202c5c14}.bright-collection{padding-top:64px;scroll-margin-top:24px}.collection-heading{text-align:center;justify-content:center;margin-bottom:40px;padding-inline:130px;display:flex;position:relative}.collection-heading>div{min-width:0}body.site-body[data-design-system=studio-index] .collection-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(34px,3.7vw,48px);font-weight:700;line-height:1.1}.collection-heading h2 span{color:#5546ce}.collection-heading>div>p:last-child{color:#535968;max-width:62ch;margin:18px auto 0;font-size:17px;line-height:1.6}[data-motion-toggle]{color:#525a6b;cursor:pointer;white-space:nowrap;background:#ffffffc9;border:1px solid #dce1ed;border-radius:24px;min-height:44px;padding:8px 15px;font-size:13px;position:absolute;bottom:0;right:0}[data-motion-toggle]:before{content:"";background:#6d5add;border-radius:50%;width:6px;height:6px;margin:0 8px 2px 0;display:inline-block}[data-motion-toggle][aria-pressed=false]:before{background:#8990a4}[data-motion-toggle]:disabled{cursor:default}.bright-app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.bright-app-card{--card-tint:#6176ed;--card-ink:#4055c1;color:#121724;perspective:900px;border-radius:24px;min-width:0;height:100%;scroll-margin-top:24px;text-decoration:none;display:block;position:relative}.bright-app-card--floatnotes{--card-tint:#ee91b6;--card-ink:#ad3d72}.bright-app-card--center-click{--card-tint:#75cbb2;--card-ink:#13745d}.bright-app-card--eyelet{--card-tint:#93c7f2;--card-ink:#286b9c}.bright-app-card--buykeeper{--card-tint:#f5a847;--card-ink:#a96209;grid-column:span 2}.card-art{border-radius:22px;width:160px;height:auto;position:absolute;bottom:-72px;right:36px;box-shadow:0 18px 30px -12px #17232f66}.card-surface{border-radius:inherit;background:linear-gradient(to bottom, color-mix(in srgb, var(--card-tint) 13%, white), #fff 130px);height:100%;min-height:268px;transform-style:preserve-3d;border:1px solid #e1e4e9;flex-direction:column;padding:24px;transition:box-shadow .2s ease-out;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 1px #17232f14}.bright-app-card:focus-visible .card-surface{box-shadow:0 20px 25px -5px color-mix(in srgb, var(--card-tint) 20%, transparent), 0 8px 10px -6px color-mix(in srgb, var(--card-tint) 20%, transparent)}.card-surface:after{content:"";pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(320px circle at var(--pointer-x,50%) var(--pointer-y,50%), color-mix(in srgb, var(--card-tint) 18%, transparent), transparent 70%);transition:opacity .3s ease-out;position:absolute;inset:0}.card-heading{justify-content:space-between;align-items:start;display:flex}.card-icon{flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.card-icon>img{object-fit:contain;filter:drop-shadow(0 8px 6px #17202f20);border-radius:14px;width:56px;max-width:none;height:56px;transition:transform .3s ease-out;display:block}.bright-app-card:is(.bright-app-card--marzin,.bright-app-card--floatnotes) .card-icon>img{width:70px;height:70px}.card-arrow{color:#69717f;background:#fffc;border:1px solid #e2e4e8;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:20px;transition:background-color .15s,color .15s,border-color .15s;display:grid}.card-copy{overflow-wrap:anywhere;flex:1;min-width:0;margin-top:20px}body.site-body[data-design-system=studio-index] .card-copy h3{letter-spacing:-.025em;margin:0;font-size:20px;font-weight:650;line-height:1.4}.card-description{color:#515a68;margin:7px 0 0;font-size:15px;line-height:1.6}.card-footer{color:#66707c;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;font-size:12px;display:flex}.platform-chip{color:#515967;background:#f1f3f6;border-radius:6px;padding:3px 9px}.mobile-note{text-align:center;color:#616978;margin:30px auto 0;font-size:14px}.mobile-note a{color:#5546ce;text-underline-offset:3px}.studio-note{color:#535968;justify-content:center;align-items:center;gap:24px;padding-block:48px 56px;font-size:14px;display:flex}.studio-note p{margin:0}.studio-note a{color:#4939bd;text-underline-offset:4px;text-decoration:none}body.site-body:has(.studio-bright) .footstrip{background:#f0f3f8;border-color:#e5e8ef;margin-top:0}body:has(.studio-bright) .family-strip{color:#303847;padding:16px var(--site-gutter) 24px;background:0 0;border-bottom:1px solid #dfe4ed}body:has(.studio-bright) .family-label,body:has(.studio-bright) .family-apps small,body:has(.studio-bright) .family-motto{color:#626b7b}body.site-body[data-design-system=studio-index]:has(.studio-bright) .footstrip>a,body.site-body[data-design-system=studio-index]:has(.studio-bright) .footstrip .end,body.site-body[data-design-system=studio-index]:has(.studio-bright) .footstrip .family-apps a{color:#414857;border-color:#dfe4ed}body:has(.studio-bright) .family-wordmark{font-family:"Plus Jakarta Sans", var(--sans);font-weight:800}@media (width<=1000px){.collection-heading{padding:0 0 58px}[data-motion-toggle]{left:50%;right:auto;transform:translate(-50%)}}@media (width<=900px){.bright-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){body.site-body:has(.studio-bright) .siteheader{min-height:80px}.bright-shell{width:calc(100% - 40px)}.bright-hero{margin-top:-80px;padding:124px 0 52px}.hero-note{margin-bottom:24px;font-size:12px}body.site-body[data-design-system=studio-index] .bright-hero h1{font-size:clamp(30px,8.9vw,48px);line-height:1.1}.hero-lede{margin-top:24px;font-size:16px}.hero-actions{gap:12px;margin-top:30px}.bright-button{gap:12px;min-height:48px;padding-inline:18px;font-size:14px}.bright-collection{padding-top:56px}.collection-heading{margin-bottom:30px}.collection-heading>div>p:last-child{font-size:15px}[data-motion-toggle]{font-size:12px}.bright-app-grid{grid-template-columns:1fr;gap:22px}.bright-app-card--buykeeper{grid-column:auto}.card-art{display:none}.card-surface{min-height:auto}.hero-actions a{flex:100%;max-width:320px}.mobile-note{font-size:13px;line-height:1.6}.studio-note{flex-wrap:wrap;gap:12px 24px;padding-block:32px 40px}.studio-note p{text-align:center;flex-basis:100%}}@media (prefers-reduced-motion:reduce),(hover:none){.card-surface,.bright-app-card:hover .card-icon>img,.bright-button:hover{transform:none!important}.card-surface:after{display:none}}@media (hover:none){[data-motion-toggle]{display:none}}@media (forced-colors:active){.bright-hero h1>span{-webkit-text-fill-color:currentColor;background:0 0}}@media (hover:hover){body.site-body:has(.studio-bright) .siteheader nav a:hover{color:#5546ce}.bright-button:hover{transform:translateY(-2px);box-shadow:0 6px #3b2cac}.bright-button--light:hover{box-shadow:0 4px 8px #5663a81a}body[data-effects=on] .bright-app-card:hover .card-surface:after{opacity:1}body[data-effects=on] .bright-app-card:hover .card-icon>img{transform:rotate(-3deg)scale(1.05)}.bright-app-card:hover .card-arrow{background:var(--card-ink);color:#fff;border-color:#0000}.studio-note a:hover{text-decoration:underline}.bright-app-card:hover .card-surface{box-shadow:0 20px 25px -5px color-mix(in srgb, var(--card-tint) 20%, transparent), 0 8px 10px -6px color-mix(in srgb, var(--card-tint) 20%, transparent)}}@media (prefers-reduced-motion:no-preference){.bright-button{transition:transform .16s cubic-bezier(.23,1,.32,1),box-shadow .16s cubic-bezier(.23,1,.32,1)}}
