
body{margin:0;background:#07070F}
*{box-sizing:border-box}
a{color:inherit}
a:hover{opacity:.82}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #4DA3FF;outline-offset:2px}
h1,h2,h3,p,ul,ol{margin:0;padding:0}
ul,ol{list-style:none}
.wrap{position:relative;width:100%;max-width:1280px;margin:0 auto;padding-inline:clamp(16px,4vw,48px)}
.dark{position:relative;color:#FFFFFF;background:#07070F;overflow:hidden}
.light{position:relative;color:#07070F;background:#F4F6FA}
.band{padding-block:clamp(72px,10vw,136px)}
.display{font-weight:800;letter-spacing:-.04em;line-height:1.05}
.neon{color:#4DA3FF;text-shadow:0 0 20px rgba(77,163,255,.6),0 0 52px rgba(77,163,255,.3)}
.blue{color:#1362B7}
.k-js .rise:not(.in) .drawn svg{animation-play-state:paused}
.hero-h1{font-size:clamp(2.4rem,4.4vw,3.9rem);line-height:1.05}
.h2{font-size:clamp(1.9rem,3.6vw,3.25rem);text-wrap:balance}
.kicker{display:inline-flex;align-self:flex-start;align-items:center;gap:9px;padding:7px 14px 7px 10px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#CFE3FF;background:rgba(30,119,216,.2);border:1px solid rgba(77,163,255,.45);border-radius:10px}
.kicker svg{flex:none;width:18px;height:18px;fill:none;stroke:#4DA3FF;stroke-width:3.2;stroke-linecap:round;stroke-dasharray:.1 5.87}
.lede{max-width:680px;font-size:15px;line-height:1.65;text-wrap:pretty}
.soft{color:#D5D7EA}
.muted{color:#45485F}
.head-block{display:flex;flex-direction:column;gap:18px;margin-bottom:clamp(36px,5vw,64px)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:40px;align-items:center}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes tagin{from{opacity:0}}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;font-size:14px;font-weight:700;border-radius:999px;text-decoration:none}
.btn-main{color:#FFFFFF;background:#1362B7;box-shadow:0 0 12px rgba(77,163,255,.2)}
.btn-line{color:#FFFFFF;border:1px solid rgba(255,255,255,.6)}
@keyframes slide{to{transform:translateX(-50%)}}
.hero-dots{-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent 92%)!important;mask-image:linear-gradient(180deg,#000 45%,transparent 92%)!important;animation:none!important;opacity:.17!important;background-image:radial-gradient(#F4F6FA 1.3px,transparent 1.8px)!important}
.dotsbg{position:absolute;inset:0;opacity:.2;background-image:radial-gradient(#4DA3FF 1.3px,transparent 1.8px);background-size:30px 30px;-webkit-mask-image:linear-gradient(115deg,transparent 40%,#000 100%);mask-image:linear-gradient(115deg,transparent 40%,#000 100%);animation:dots 22s linear infinite;pointer-events:none}
@keyframes dots{to{background-position:30px 60px}}
.kicker.kicker-light{gap:7px;margin-bottom:-11px;padding:0;font-size:11px;color:#1362B7;background:none;border:0;border-radius:0}
.kicker.kicker-light svg{width:14px;height:14px;stroke:#1362B7}
.quote{position:relative;margin:6px 0 0;padding-left:20px;border-left:3px solid #1362B7}
.quote blockquote{margin:0;font-size:16px;font-weight:600;line-height:1.55;color:#07070F}
.quote figcaption{display:flex;flex-direction:column;margin-top:10px;font-size:13px;line-height:1.4;color:#45485F}
.quote b{color:#07070F}
.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:center}
.svc-track{display:flex;width:max-content;animation:slide 42s linear infinite}
.svc-band:hover .svc::before{transform:scale(1.5)}
.svc-band{position:relative;z-index:1;overflow:hidden;padding-block:clamp(9px,1vw,13px);background:#1362B7}
.svc{--pop:#4DA3FF;flex:none;display:flex;align-items:center;gap:10px;margin-right:30px;padding-block:6px;font-size:14px;font-weight:700;white-space:nowrap;color:#FFFFFF}
.svc::before{content:'';flex:none;width:9px;height:9px;background:var(--pop);border-radius:50%;box-shadow:0 0 10px var(--pop);transition:transform .45s ease}
.svc:nth-child(4n+2){--pop:#FCCB09}
.svc:nth-child(4n+3){--pop:#FF8C00}
.svc:nth-child(4n+1),.svc:nth-child(4n+4){--pop:#FFFFFF}
.big-track{display:flex;width:max-content;animation:slide 24s linear infinite}
.big-track .big-ring{display:flex;align-items:center}
.big-ring svg{display:block;width:.62em;height:.62em;overflow:visible;fill:none;stroke:var(--ring,#4DA3FF);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:.1 4.1;filter:drop-shadow(0 0 7px var(--ring,#4DA3FF))}
.big-ring:nth-child(8n+2) svg{--ring:#FFD35C}
.big-ring:nth-child(8n+4) svg{--ring:#FF7A59}
.big-ring:nth-child(8n+6) svg{--ring:#2DD4BF}
.big-ring:nth-child(8n+8) svg{--ring:#B98AFF}
.big-track a{display:block;padding-inline:26px;font-size:clamp(2.6rem,7.4vw,6.6rem);white-space:nowrap;text-decoration:none}
.ghost{color:transparent;-webkit-text-stroke:1.5px #FFFFFF}
.cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(36px,6vw,88px);align-items:center}
.contact{display:flex;flex-direction:column;gap:14px;padding-top:10px;font-style:normal}
.contact a{display:flex;align-items:center;gap:12px;min-height:44px;font-size:clamp(1.7rem,2.8vw,2.3rem);font-weight:800;letter-spacing:-.03em;text-decoration:none}
.ico{flex:none;width:38px;height:38px;padding:6px;fill:#FFFFFF;background:#1362B7;border-radius:50%;box-shadow:0 0 0 5px rgba(77,163,255,.16)}
.note{display:flex;align-items:flex-start;gap:8px;max-width:300px;margin:-2px 0 0 52px;font-family:'Caveat','Comic Sans MS',cursive;font-size:23px;font-weight:600;line-height:1.1;color:#CFE3FF;transform:rotate(-2deg)}
.note svg{flex:none;width:52px;height:46px;fill:none;stroke:#4DA3FF;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.note p{padding-top:14px}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.form-card{display:flex;flex-direction:column;gap:18px;justify-self:end;width:100%;max-width:470px;color:#FFFFFF}
.form-card .blue{color:#4DA3FF}
.form-card h3{padding-bottom:10px;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:700;letter-spacing:-.02em;line-height:1.3}
.when{grid-column:1 / -1;min-width:0;margin:0;padding:0;border:0}
.when legend{padding:0 0 2px;font-size:13px;font-weight:600;color:#C9CDE2}
.when-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.when input{position:absolute;opacity:0;width:0;height:0}
.when span{display:flex;align-items:center;justify-content:flex-start;height:38px;font-size:14px;font-weight:500;color:#FFFFFF;background:transparent;border-bottom:1px solid #5A5F8A;cursor:pointer;transition:color .2s ease,border-color .2s ease,box-shadow .2s ease}
.when span:hover{border-bottom-color:#4DA3FF}
.when input:checked + span{font-weight:700;color:#4DA3FF;border-bottom-color:#4DA3FF;box-shadow:0 1px 0 #4DA3FF}
.when input:focus-visible + span{box-shadow:0 0 0 4px rgba(30,119,216,.25)}
.form-note{font-size:12.5px;color:#C9CDE2}
.submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;font:inherit;font-weight:700;color:#FFFFFF;background:#1362B7;border:0;border-radius:12px;cursor:pointer;transition:background .2s ease}
.submit:hover{background:#0E4F96}
.submit svg{transition:transform .25s ease}
.submit:hover svg{transform:translateX(5px)}
.field{display:flex;flex-direction:column;gap:0;font-size:13px;font-weight:600;color:#C9CDE2}
.field input{height:38px;width:100%;padding:0;font:inherit;font-size:14px;font-weight:500;color:#FFFFFF;color-scheme:dark;background:transparent;border:0;border-bottom:1px solid #5A5F8A;border-radius:0;transition:border-color .2s ease,box-shadow .2s ease}
.field input:focus{outline:0;border-bottom-color:#4DA3FF;box-shadow:0 1px 0 #4DA3FF}
.k-js .rise{opacity:0;transform:translateY(44px)}
.k-js .rise.in{opacity:1;transform:none;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.crumbs{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#D5D7EA}
.crumbs a{text-decoration:none}
.crumbs [aria-current]{color:#FFFFFF}
.band{padding-block:clamp(56px,7vw,100px)}
.hero-wrap{position:relative;z-index:1}
#websites{padding-bottom:clamp(28px,3vw,44px)}
#artwork{padding-block:clamp(36px,4vw,56px) clamp(56px,7vw,100px)}
.ribs{position:relative;height:clamp(120px,12vw,170px);overflow:hidden;background:linear-gradient(#F4F6FA 50%,#07070F 50%)}
.rib{position:absolute;top:50%;left:-4%;width:108%;overflow:hidden;font-size:clamp(14px,1.5vw,20px);font-weight:800;letter-spacing:-.02em;line-height:1;color:#FFFFFF;white-space:nowrap}
.rib-blue{z-index:2;padding-block:clamp(14px,1.5vw,20px);background:linear-gradient(90deg,#0B2F73,#1362B7 45%,#1E77D8);box-shadow:0 12px 30px -10px rgba(19,98,183,.55);transform:translateY(-50%) rotate(-1.8deg)}
.rib-dark{z-index:1;padding-block:clamp(12px,1.3vw,17px);background:#14151F;box-shadow:0 0 0 1px rgba(244,246,250,.14);transform:translateY(-50%) rotate(1.8deg)}
.rib-track{display:inline-flex;animation:ribl 90s linear infinite}
.rib-dark .rib-track{animation-direction:reverse;animation-duration:110s}
.rib-track span{display:inline-flex;align-items:center}
.rib-track i{--c:#FFD35C;flex:none;width:12px;height:12px;margin-inline:clamp(16px,2vw,28px);background:var(--c);border-radius:50%;box-shadow:0 0 12px var(--c)}
.rib-track span:nth-child(4n+2) i{--c:#FF7A59}
.rib-track span:nth-child(4n+3) i{--c:#2DD4BF}
.rib-track span:nth-child(4n+4) i{--c:#B98AFF}
@keyframes ribl{to{transform:translateX(-50%)}}
.hero-alt{font-size:13px;color:#D5D7EA}
.hero-alt a{font-weight:700;color:#FFFFFF;text-underline-offset:3px}
.wall{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;height:clamp(380px,29vw,420px);overflow:hidden;transform:rotate(3deg) scale(1.04);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%)}
.wall-col{display:flex;flex-direction:column;gap:14px;animation:wall 70s linear infinite}
.wall-col:nth-child(2){animation-direction:reverse;animation-duration:84s}
.wall-col:nth-child(3){animation-duration:76s}
.wall img{display:block;flex:none;width:100%;object-fit:cover;object-position:top;background:#FFFFFF;border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.45)}
.wall .t{aspect-ratio:4/5}
.wall .s{aspect-ratio:1}
.wall .a{aspect-ratio:707/1000}
@keyframes wall{to{transform:translateY(calc(-50% - 7px))}}
.pj-tabs button:focus-visible{outline:3px solid #4DA3FF;outline-offset:2px}
.pj-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,3.6vw,48px) clamp(20px,2.4vw,32px)}
.pj{display:flex;flex-direction:column;gap:16px;min-width:0}
.pj[hidden]{display:none}
.pj-site{overflow:hidden;background:#FFFFFF;border:1px solid rgba(7,7,15,.08);border-radius:16px;box-shadow:0 22px 54px rgba(7,7,15,.18)}
.pj-bar{display:flex;align-items:center;gap:5px;height:36px;padding:0 12px;background:#14151F}
.pj-bar i{flex:none;width:8px;height:8px;background:#3A3D52;border-radius:50%}
.pj-bar span{flex:0 1 240px;min-width:0;margin-left:10px;padding:1px 10px;overflow:hidden;font-size:11px;line-height:1.7;color:#D5D7EA;white-space:nowrap;text-overflow:ellipsis;background:#23253A;border-radius:999px}
.pj-tabs{flex:none;display:flex;gap:4px;margin-left:auto}
.pj-tabs button{white-space:nowrap;min-height:26px;padding:0 10px;font:inherit;font-size:11px;font-weight:700;color:#D5D7EA;background:none;border:0;border-radius:7px;cursor:pointer}
.pj-tabs button.on{color:#FFFFFF;background:#1362B7}
.pj-view{height:clamp(300px,30vw,430px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:auto;scrollbar-width:thin;cursor:grab;user-select:none;-webkit-user-select:none}
.pj-view[hidden]{display:none}
.pj-view.dragging{cursor:grabbing}
.pj-view img{display:block;width:100%;height:auto;pointer-events:none}
.pj-copy{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.pj-copy h4{margin:0;font-size:clamp(1.25rem,1.9vw,1.55rem);font-weight:800;letter-spacing:-.03em;line-height:1.2}
.pj-copy h4 small{display:block;margin-top:3px;font-size:13px;font-weight:600;letter-spacing:0;color:#45485F}
.pj-copy p{max-width:560px;margin:0;color:#45485F;text-wrap:pretty}
.pj-tags{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none}
.pj-tags li{padding:3px 10px;font-size:12px;font-weight:700;color:#1362B7;background:rgba(19,98,183,.09);border-radius:999px}
.pj-go{display:inline-flex;align-items:center;gap:7px;min-height:40px;font-weight:700;color:#1362B7;text-decoration:none}
.pj-go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.pj-go:hover svg{transform:translateX(3px)}
.pj-more{margin:clamp(36px,4vw,56px) 0 0;color:#45485F;text-align:center}
.feat{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,4vw,56px);align-items:center;padding:clamp(20px,3vw,40px);background:#FFFFFF;border:2px solid #1E77D8;border-radius:clamp(20px,2.6vw,32px);box-shadow:0 0 0 6px rgba(30,119,216,.1),0 26px 60px -28px rgba(19,98,183,.45)}
.feat[hidden]{display:none}
.feat-copy{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.feat-label{display:inline-flex;align-items:center;gap:8px;margin:0 0 6px;padding:5px 12px;font-size:12px;font-weight:700;color:#FFFFFF;background:#1362B7;border-radius:999px}
.feat-label i{width:7px;height:7px;background:#FFFFFF;border-radius:50%;box-shadow:0 0 8px #FFFFFF}
.feat-copy h3{margin:0;font-size:clamp(1.7rem,2.8vw,2.4rem);font-weight:800;letter-spacing:-.04em;line-height:1.12}
.feat-copy h3 small{display:block;margin-top:5px;font-size:14px;font-weight:600;letter-spacing:0;color:#45485F}
.feat-text{max-width:520px;margin:6px 0 0;font-size:15px;line-height:1.65;color:#45485F;text-wrap:pretty}
.feat-copy .pj-tags{margin:8px 0 8px}
.feat .pj-view{height:clamp(300px,25vw,360px)}
.more-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:clamp(20px,3vw,44px);align-items:end;margin:clamp(56px,7vw,96px) 0 clamp(28px,3.4vw,44px)}
.more-head h3{margin:0;font-size:clamp(1.7rem,3vw,2.6rem);text-wrap:balance}
.more-head p{margin:0;color:#45485F;text-wrap:pretty}
.pj-art{position:relative;display:block;overflow:hidden;border-radius:16px;box-shadow:0 4px 12px -6px rgba(7,7,15,.25)}
.pj-art:focus-visible{outline:3px solid #4DA3FF;outline-offset:2px}
.shape{display:block;width:100%;height:auto}
.real{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;background:#FFFFFF;opacity:0;transition:opacity .35s ease}
.pj-art:hover .real,.pj-art:focus-visible .real{opacity:1}
.pj-you{gap:16px;padding:clamp(14px,1.6vw,20px);color:#FFFFFF;background:linear-gradient(145deg,#0B2F73,#1362B7 62%,#1E77D8);border-radius:clamp(20px,2.4vw,28px);box-shadow:0 26px 54px -26px rgba(19,98,183,.7)}
.pj-you .pj-site{border-color:rgba(255,255,255,.2);box-shadow:0 18px 40px rgba(7,7,15,.35)}
.you-view{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:360/190;padding:20px;overflow:hidden;text-align:center;background:#07070F}
.you-dots{position:absolute;inset:0;opacity:.14;background-image:radial-gradient(#F4F6FA 1.3px,transparent 1.8px);background-size:30px 30px;animation:dots 26s linear infinite}
.you-view p{position:relative;margin:0;font-size:clamp(1.3rem,2vw,1.8rem);color:#FFFFFF}
.pj-you .pj-copy h4,.pj-you .pj-copy p{color:#FFFFFF}
.you-btn{align-self:flex-start;min-height:38px;margin-top:4px;padding:0 15px;font-size:13px;color:#07070F;background:#FFFFFF}
.says-band{position:relative;padding-block:0 clamp(32px,4vw,56px);color:#FFFFFF;background:#07070F}
.says-panel{position:relative;isolation:isolate;overflow:hidden;padding:clamp(24px,3.2vw,44px);background:#0A0D22;border:2px solid rgba(77,163,255,.45);border-radius:clamp(22px,3vw,40px);box-shadow:0 0 44px rgba(77,163,255,.16)}
.ent-orb{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(40px)}
.ent-a{top:-30%;left:-10%;width:46%;aspect-ratio:1;background:radial-gradient(circle,rgba(70,70,200,.34),transparent 68%);animation:entdrift 14s ease-in-out infinite alternate}
.ent-b{right:-12%;bottom:-40%;width:58%;aspect-ratio:1;background:radial-gradient(circle,rgba(30,119,216,.7),transparent 68%);animation:entdrift2 18s ease-in-out infinite alternate}
@keyframes entdrift{from{transform:translate(-6%,-4%) scale(1)}to{transform:translate(38%,26%) scale(1.25)}}
@keyframes entdrift2{from{transform:translate(8%,6%) scale(1.1)}to{transform:translate(-44%,-22%) scale(.9)}}
.ent-dots{position:absolute;inset:0;z-index:-1;opacity:.16;background-image:radial-gradient(#F4F6FA 1.3px,transparent 1.8px);background-size:30px 30px;animation:dots 26s linear infinite;pointer-events:none}
.says-band .kicker{margin:0 0 14px}
.says-band h2{margin:0 0 clamp(24px,2.8vw,36px);font-size:clamp(1.7rem,3vw,2.6rem)}
.says{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,24px);align-items:stretch}
.say{position:relative;display:flex;flex-direction:column;gap:12px;margin:0;padding:clamp(22px,2.4vw,30px);overflow:hidden;background:rgba(7,7,15,.55);border:2px solid rgba(77,163,255,.6);border-radius:clamp(20px,2.4vw,30px);box-shadow:0 0 26px rgba(77,163,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.say-mark{position:absolute;top:-.16em;right:.08em;font-size:clamp(7rem,10vw,10rem);font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(77,163,255,.5);pointer-events:none}
.say-pull{position:relative;margin:0;font-size:clamp(1.4rem,2.1vw,1.9rem);line-height:1.1;text-wrap:balance}
.say-pull span{color:#4DA3FF;text-shadow:0 0 20px rgba(77,163,255,.6),0 0 52px rgba(77,163,255,.3)}
.say blockquote{position:relative;margin:0;color:#D5D7EA;text-wrap:pretty}
.say figcaption{position:relative;display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:4px;font-size:13px;line-height:1.4;color:#D5D7EA}
.say figcaption i{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:13px;font-style:normal;font-weight:800;color:#FFFFFF;background:#1362B7;border-radius:50%;box-shadow:0 0 16px rgba(77,163,255,.45)}
.say figcaption span{display:flex;flex-direction:column}
.say figcaption b{font-size:14px;color:#FFFFFF}
.logos{display:flex;gap:18px;margin-bottom:26px}
.logos .w{flex:1 1 0}
.logos .w:last-child{flex:0 0 clamp(120px,12vw,160px)}
.logos .w-tile{display:flex;align-items:center;justify-content:center;height:clamp(120px,12vw,160px);padding:clamp(14px,1.8vw,24px)}
.logos .w-tile img{width:100%;max-height:100%;object-fit:contain}
.logos .w:last-child .w-tile{padding:0;background:#2F6C96}
.logos .w:last-child .w-tile img{height:100%}
.ma{display:flex;gap:18px}
.ma[hidden]{display:none}
.wa2{margin-top:22px}
.mc{flex:1 1 0;display:flex;flex-direction:column;justify-content:space-between;gap:22px;min-width:0}
.mr{flex:0 0 auto;display:flex;gap:18px}
.mr .mc{justify-content:flex-start}
.w{margin:0;min-width:0}
.w[hidden]{display:none}
.w-tile{overflow:hidden;background:#FFFFFF;border:0;border-radius:12px;box-shadow:0 16px 34px -14px rgba(0,0,0,.7)}
.w-tile img,.w-tile video{display:block;width:100%;height:auto}
.w-tile.pad{padding:clamp(18px,2vw,28px)}
.art-more{display:flex;justify-content:center;margin-top:30px}
.art-more button{font:inherit;font-weight:700;border:0;cursor:pointer}
.wa2 .mc{justify-content:flex-start}
.app-feat{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:clamp(12px,2vw,28px);flex:1 1 auto;min-height:clamp(320px,31vw,440px);padding:0 0 0 clamp(24px,3vw,40px);overflow:hidden;color:#FFFFFF;background:linear-gradient(145deg,#14296E,#1F4A96 70%,#2B6AA8);border-radius:16px;box-shadow:0 16px 34px -14px rgba(0,0,0,.7)}
.app-curve{position:absolute;z-index:-1;right:-14%;bottom:-48%;width:72%;aspect-ratio:1;background:#F39208;border-radius:50%}
.app-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}
.app-label{margin:0;font-size:10.5px;font-weight:700;letter-spacing:.12em;line-height:1;color:#FFB24A}
.app-copy h3{margin:0;font-size:clamp(1.6rem,2.6vw,2.3rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;color:#FFFFFF}
.app-text{margin:0;font-size:14px;line-height:1.6;color:#E3E9F7;text-wrap:pretty}
.app-stores{display:flex;gap:6px;margin:4px 0 0;padding:0;list-style:none}
.app-stores li{font-size:10px;line-height:1.7;font-weight:700;color:#FFFFFF;border:1px solid rgba(255,255,255,.45);border-radius:999px;transition:background .2s ease,border-color .2s ease}
.app-stores li:hover{background:rgba(255,255,255,.16);border-color:#FFFFFF}
.app-stores a{position:relative;display:block;padding:1px 8px;color:inherit;text-decoration:none}
.app-stores a::after{content:'';position:absolute;inset:-12px -4px}
.app-copy{transition:opacity .35s ease}
.app-fan{position:absolute;inset:0;pointer-events:none}
.app-reveal{display:inline-flex;align-items:center;gap:5px;min-height:28px;margin:-4px 0 -2px;padding:0;font:inherit;font-size:12.5px;font-weight:700;color:#FFFFFF;background:none;border:0;cursor:pointer}
.app-reveal svg{flex:none;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.app-reveal:hover svg{transform:translateX(3px)}
.app-reveal:focus-visible{outline:3px solid #FFFFFF;outline-offset:2px}
.app-fan img{position:absolute;display:block;width:26%;height:auto;border-radius:12px;box-shadow:0 14px 30px rgba(7,7,15,.45);pointer-events:auto;cursor:pointer;transition:left .6s cubic-bezier(.2,.8,.2,1),top .6s cubic-bezier(.2,.8,.2,1),width .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1)}
.app-fan img:nth-child(1){top:22%;left:45%;transform:translateY(0) rotate(-7deg)}
.app-fan img:nth-child(2){z-index:2;top:11%;left:60.500%;transform:translateY(0)}
.app-fan img:nth-child(3){top:22%;left:77%;transform:translateY(0) rotate(7deg)}
.app-feat.lined .app-copy{opacity:0;pointer-events:none}
.app-feat.lined .app-fan img{top:50%;width:30%;transform:translateY(-50%) rotate(0)}
.app-feat.lined .app-fan img:nth-child(1){left:3.500%}
.app-feat.lined .app-fan img:nth-child(2){left:35%}
.app-feat.lined .app-fan img:nth-child(3){left:66.500%}
.w figcaption{display:flex;flex-direction:column;margin-top:8px;font-size:13px;line-height:1.35}
.w figcaption{color:#FFFFFF}
.w figcaption b{font-weight:700}
.w figcaption span{color:#D5D7EA}
@media (prefers-reduced-motion:reduce){
.wall-col,.ent-orb,.ent-dots,.you-dots,.rib-track{animation:none}
.app-fan img,.app-copy{transition:none}
.pj-go svg,.real{transition:none}
}
@media (max-width:960px){
.more-head{grid-template-columns:minmax(0,1fr);align-items:start}
.hero-grid,.cta{grid-template-columns:minmax(0,1fr)}
.hero-grid{gap:36px}
.wall{height:420px;transform:none}
.says,.feat{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:1100px){.pj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
.pj-grid{grid-template-columns:minmax(0,1fr)}
.pj-view,.feat .pj-view{height:clamp(320px,88vw,520px)}
}
@media (max-width:640px){
.wrap{padding-inline:24px}
.says-panel{padding:22px 20px}
.say{padding:20px 18px}
.say-pull{font-size:1.5rem}
.say-mark{font-size:7rem}
.wall{height:340px;grid-template-columns:repeat(2,minmax(0,1fr))}
.wall-col:nth-child(3){display:none}
.wall-art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:6px;grid-auto-flow:dense;gap:0 14px}
.wall-art[hidden]{display:none}
.mc,.mr{display:contents}
.app-feat{grid-template-columns:minmax(0,1fr);gap:16px;min-height:0;padding:24px 20px 0}
.app-fan{position:relative;inset:auto;height:290px}
.app-fan img{width:44%}
.app-fan img:nth-child(1){left:-4%;top:9%}
.app-fan img:nth-child(2){left:28%;top:2%}
.app-fan img:nth-child(3){left:60%;top:9%}
.app-feat.lined .app-copy{opacity:1;pointer-events:auto}
.app-feat.lined .app-fan img{top:0;width:32%;transform:none}
.app-feat.lined .app-fan img:nth-child(1){left:0}
.app-feat.lined .app-fan img:nth-child(2){left:34%}
.app-feat.lined .app-fan img:nth-child(3){left:68%}
.app-curve{width:130%;right:-40%;bottom:-20%}
.logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
.logos .w-tile{height:112px}
.logos .w:nth-child(2){order:-1;grid-column:span 2}
.logos .w:nth-child(2) .w-tile{padding-inline:18%}
.app-feat{order:-1}
#artwork .kicker{font-size:9.5px;letter-spacing:.04em;white-space:nowrap}
.w{align-self:start}
.w.big{grid-column:span 2}
.wa2{margin-top:0}
.pj-bar span{flex-basis:150px}
.pj-tabs button{padding:0 8px}
}


.pm{grid-column:1 / -1;min-width:0;margin:0;padding:0;border:0}.pm legend{padding:0 0 8px;font-size:13px;font-weight:600;color:#C9CDE2}.pm-r{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pm-any{margin-top:12px}.pm-any span{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#C9CDE2;cursor:pointer}.pm-any span::before{content:"";flex:none;width:20px;height:20px;border:1.5px solid #5A5F8A;border-radius:6px;background:transparent center/14px no-repeat;transition:background-color .2s ease,border-color .2s ease}.pm-any span:hover::before{border-color:#4DA3FF}.pm-any input:checked+span{color:#FFFFFF}.pm-any input:checked+span::before{background-color:#1E77D8;border-color:#4DA3FF;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")}.pm-any input:focus-visible+span::before{outline:2px solid #4DA3FF;outline-offset:2px}
.best{grid-column:1 / -1;min-width:0;margin:14px 0 0;padding:0;border:0}
.best .pm-r{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:760px){.cta .note{display:none}}.pm label{position:relative;min-width:0}.pm input{position:absolute;opacity:0;width:0;height:0}
.pm-r span{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 6px;font-size:13.500px;font-weight:700;color:#FFFFFF;cursor:pointer;background:rgba(7,7,15,.5);border:1px solid #5A5F8A;border-radius:12px;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.pm-r span:hover{border-color:#4DA3FF}.pm svg{flex:none;width:17px;height:17px;fill:#25D366}.pm svg .ln{fill:none;stroke:#4DA3FF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pm-r input:checked+span{background:rgba(30,119,216,.3);border-color:#4DA3FF;box-shadow:0 0 16px rgba(77,163,255,.35)}.pm-r input:focus-visible+span{outline:2px solid #4DA3FF;outline-offset:2px}
.pm-a{display:inline-flex;margin-top:8px}.pm-a span{display:inline-flex;align-items:center;gap:7px;font-size:12.500px;font-weight:600;color:#C9CDE2;cursor:pointer}.pm-a span::before{content:'';width:12px;height:12px;border:1.500px solid #5A5F8A;border-radius:50%}.pm-a input:checked+span{color:#FFFFFF}.pm-a input:checked+span::before{background:#4DA3FF;border-color:#4DA3FF;box-shadow:inset 0 0 0 2px #0B0D22}.pm-a input:focus-visible+span{outline:2px solid #4DA3FF;outline-offset:2px}
.fields .when.w-half{grid-column:auto}
@media (max-width:420px){.pm-r span{font-size:12.500px;gap:4px;padding:0 3px}.pm svg{width:15px;height:15px}}
.field-w{grid-column:1 / -1}

/* Pharmacy Digital browser frame: slim dark address bar */
.pj-bar{display:flex!important;align-items:center!important;gap:.8em!important;height:auto!important;min-height:0!important;padding:.55em .9em!important;background:#10142F!important;border:0!important}
.pj-bar > i{display:none!important}
.pj-bar::before{content:'';flex:none;width:2.4em;height:.95em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 12' fill='none' stroke='%235B6390' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 2.5L4 6l3.5 3.5M22.5 2.5L26 6l-3.5 3.5'/%3E%3C/svg%3E") left center/contain no-repeat}
.pj-bar > span{display:inline-flex!important;align-items:center!important;gap:.45em!important;flex:0 1 auto!important;min-width:0!important;max-width:70%!important;margin:0 auto!important;padding:.25em 1em!important;overflow:hidden!important;font-weight:600!important;line-height:1.35!important;color:#C9CDE2!important;white-space:nowrap!important;text-overflow:ellipsis!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:99px!important}
.pj-bar > span::before{content:'';flex:none;width:.9em;height:.9em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%233DDC84' stroke-width='1.8'%3E%3Crect x='2' y='5.5' width='8' height='5.5' rx='1.2'/%3E%3Cpath d='M4 5.5V4a2 2 0 0 1 4 0v1.5'/%3E%3C/svg%3E") center/contain no-repeat}
.pj-bar::after{content:'';flex:none;width:1em;height:.8em;margin:0;padding:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10' fill='none' stroke='%235B6390' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M1 2h10M1 5h10M1 8h10'/%3E%3C/svg%3E") center/contain no-repeat}


/* page wrapper */
#pd.k-root,.editor-styles-wrapper .k-root{--accent: #1E77D8; font-family: 'Plus Jakarta Sans', Arial, sans-serif; font-size: 14px; line-height: 1.7; background: #07070F}
:is(#pd,.editor-styles-wrapper .k-root) .pds-ef73a8{padding-block: clamp(40px, 6vw, 80px) clamp(64px, 8vw, 112px)}
:is(#pd,.editor-styles-wrapper .k-root) .pds-df713f{display: flex; flex-direction: column; gap: 18px; align-items: flex-start}
:is(#pd,.editor-styles-wrapper .k-root) .pds-1c244e{margin: 0}
:is(#pd,.editor-styles-wrapper .k-root) .pds-57db15{margin-bottom: 26px}
:is(#pd,.editor-styles-wrapper .k-root) .pds-2c9a9b{color: #45485F}
:is(#pd,.editor-styles-wrapper .k-root) .pds-019b32{position: relative}
:is(#pd,.editor-styles-wrapper .k-root) .pds-ac5a8f{flex-grow: 3}
:is(#pd,.editor-styles-wrapper .k-root) .pds-679be5{padding-block: clamp(48px, 6vw, 80px) clamp(72px, 10vw, 136px)}
:is(#pd,.editor-styles-wrapper .k-root) .pds-c0ef05{display: flex; flex-direction: column; gap: 14px; align-items: flex-start}
:is(#pd,.editor-styles-wrapper .k-root) .pds-e97470{max-width: 480px}

/* desktop body text, 15% bigger */
@media (min-width:1024px){.kicker{font-size:13.80px}}
@media (min-width:1024px){.lede{font-size:17.25px}}
@media (min-width:1024px){.btn{font-size:16.10px}}
@media (min-width:1024px){.kicker.kicker-light{font-size:12.65px}}
@media (min-width:1024px){.quote blockquote{font-size:18.40px}}
@media (min-width:1024px){.quote figcaption{font-size:14.95px}}
@media (min-width:1024px){.svc{font-size:16.10px}}
@media (min-width:1024px){.contact a{font-size:calc(clamp(1.7rem,2.8vw,2.3rem) * 1.15)}}
@media (min-width:1024px){.note{font-size:26.45px}}
@media (min-width:1024px){.when legend{font-size:14.95px}}
@media (min-width:1024px){.when span{font-size:16.10px}}
@media (min-width:1024px){.form-note{font-size:14.37px}}
@media (min-width:1024px){.field{font-size:14.95px}}
@media (min-width:1024px){.field input{font-size:16.10px}}
@media (min-width:1024px){.crumbs{font-size:14.37px}}
@media (min-width:1024px){.rib{font-size:calc(clamp(14px,1.5vw,20px) * 1.15)}}
@media (min-width:1024px){.hero-alt{font-size:14.95px}}
@media (min-width:1024px){.pj-bar span{font-size:12.65px}}
@media (min-width:1024px){.pj-tabs button{font-size:12.65px}}
@media (min-width:1024px){.pj-tags li{font-size:13.80px}}
@media (min-width:1024px){.feat-label{font-size:13.80px}}
@media (min-width:1024px){.feat-text{font-size:17.25px}}
@media (min-width:1024px){.you-btn{font-size:14.95px}}
@media (min-width:1024px){.say-mark{font-size:calc(clamp(7rem,10vw,10rem) * 1.15)}}
@media (min-width:1024px){.say figcaption{font-size:14.95px}}
@media (min-width:1024px){.say figcaption i{font-size:14.95px}}
@media (min-width:1024px){.say figcaption b{font-size:16.10px}}
@media (min-width:1024px){.app-label{font-size:12.07px}}
@media (min-width:1024px){.app-text{font-size:16.10px}}
@media (min-width:1024px){.app-stores li{font-size:11.50px}}
@media (min-width:1024px){.app-reveal{font-size:14.37px}}
@media (min-width:1024px){.w figcaption{font-size:14.95px}}
@media (min-width:1024px){.pm legend{font-size:14.95px}}
@media (min-width:1024px){.pm-any span{font-size:16.10px}}
@media (min-width:1024px){.pm-r span{font-size:15.52px}}
@media (min-width:1024px){.pm-a span{font-size:14.37px}}
@media (min-width:1024px){#pd.k-root,.editor-styles-wrapper .k-root{font-size:16.10px}}

/* board spacing, kept over WordPress layout margins */
:is(#pd,.editor-styles-wrapper .k-root) .wrap{margin:0 auto}
:is(#pd,.editor-styles-wrapper .k-root) .head-block{margin-bottom:clamp(36px,5vw,64px)}
:is(#pd,.editor-styles-wrapper .k-root) .kicker.kicker-light{margin-bottom:-11px}
:is(#pd,.editor-styles-wrapper .k-root) .quote{margin:6px 0 0}
:is(#pd,.editor-styles-wrapper .k-root) .quote blockquote{margin:0}
:is(#pd,.editor-styles-wrapper .k-root) .quote figcaption{margin-top:10px}
:is(#pd,.editor-styles-wrapper .k-root) .note{margin:-2px 0 0 52px}
:is(#pd,.editor-styles-wrapper .k-root) .when{margin:0}
:is(#pd,.editor-styles-wrapper .k-root) .pj-copy h4{margin:0}
:is(#pd,.editor-styles-wrapper .k-root) .pj-copy h4 small{margin-top:3px}
:is(#pd,.editor-styles-wrapper .k-root) .pj-copy p{margin:0}
:is(#pd,.editor-styles-wrapper .k-root) .pj-tags{margin:4px 0 0}
:is(#pd,.editor-styles-wrapper .k-root) .pj-more{margin:clamp(36px,4vw,56px) 0 0}
:is(#pd,.editor-styles-wrapper .k-root) .feat-label{margin:0 0 6px}
:is(#pd,.editor-styles-wrapper .k-root) .feat-copy h3{margin:0}
:is(#pd,.editor-styles-wrapper .k-root) .feat-copy h3 small{margin-top:5px}
:is(#pd,.editor-styles-wrapper .k-root) .feat-text{margin:6px 0 0}
:is(#pd,.editor-styles-wrapper .k-root) .feat-copy .pj-tags{margin:8px 0 8px}
:is(#pd,.editor-styles-wrapper .k-root) .more-head{margin:clamp(56px,7vw,96px) 0 clamp(28px,3.4vw,44px)}
:is(#pd,.editor-styles-wrapper .k-root) .more-head h3{margin:0}
:is(#pd,.editor-styles-wrapper .k-root) .more-head p{margin:0}
:is(#pd,.editor-styles-wrapper .k-root) .you-view p{margin:0}
:is(#pd,.editor-styles-wrapper .k-root) .you-btn{margin-top:4px}
:is(#pd,.editor-styles-wrapper .k-root) .says-band .kicker{margin:0 0 14px}
:is(#pd,.editor-styles-wrapper .k-root) .says-band h2{margin:0 0 clamp(24px,2.8vw,36px)}
:is(#pd,.editor-styles-wrapper .k-root) .say{margin:0}
:is(#pd,.editor-styles-wrapper .k-root) .say-pull{margin:0}
:is(#pd,.editor-styles-wrapper .k-root) .say blockquote{margin:0}
:is(#pd,.editor-styles-wrapper .k-root) .say figcaption{margin-top:auto}
:is(#pd,.editor-styles-wrapper .k-root) .logos{margin-bottom:26px}
:is(#pd,.editor-styles-wrapper .k-root) .wa2{margin-top:22px}
:is(#pd,.editor-styles-wrapper .k-root) .w{margin:0}
:is(#pd,.editor-styles-wrapper .k-root) .art-more{margin-top:30px}
:is(#pd,.editor-styles-wrapper .k-root) .app-label{margin:0}
:is(#pd,.editor-styles-wrapper .k-root) .app-copy h3{margin:0}
:is(#pd,.editor-styles-wrapper .k-root) .app-text{margin:0}
:is(#pd,.editor-styles-wrapper .k-root) .app-stores{margin:4px 0 0}
:is(#pd,.editor-styles-wrapper .k-root) .app-reveal{margin:-4px 0 -2px}
:is(#pd,.editor-styles-wrapper .k-root) .w figcaption{margin-top:8px}
@media (max-width:640px){:is(#pd,.editor-styles-wrapper .k-root) .wa2{margin-top:0}}
:is(#pd,.editor-styles-wrapper .k-root) .pm{margin:0}
:is(#pd,.editor-styles-wrapper .k-root) .pm-any{margin-top:12px}
:is(#pd,.editor-styles-wrapper .k-root) .best{margin:14px 0 0}
:is(#pd,.editor-styles-wrapper .k-root) .pm-a{margin-top:8px}
:is(#pd,.editor-styles-wrapper .k-root) .pj-bar > span{margin:0 auto!important}
:is(#pd,.editor-styles-wrapper .k-root) .pj-bar::after{margin:0}
:is(#pd,.editor-styles-wrapper .k-root) :is(#pd,.editor-styles-wrapper .k-root) .pds-1c244e{margin: 0}
:is(#pd,.editor-styles-wrapper .k-root) :is(#pd,.editor-styles-wrapper .k-root) .pds-57db15{margin-bottom: 26px}
@media (min-width:1024px){#pd.k-root,.editor-styles-wrapper .k-root{font-size:16.10px}}
