/* UPUP-IT / blue & turquoise identity, October 2026. */
:root{--paper:#f4f8fb;--ink:#102c4a;--muted:#526b80;--line:#d3e3ec;--violet:#087f86;--lilac:#e5f3f7;--dark:#102c4a;--upup-teal:#087f86;--upup-navy:#102c4a}
body{background:#f4f8fb;color:var(--ink)}
::selection{background:#b5e9e6;color:#102c4a}
.site-aurora{background:radial-gradient(ellipse at 100% 5%,#b9e8f074,transparent 42%),radial-gradient(ellipse at 0 55%,#d9edf466,transparent 40%)}
.site-aurora:before,.site-aurora:after{display:none}
.site-header{background:#f8fcffed;border-color:#d3e3ec}
.hero{background:radial-gradient(ellipse at 85% 35%,#bce9ee70,transparent 49%)}
.hero h1 span,.journal-heading h1 span,.journal-library-top h2 span{color:#087f86}
.eyebrow,.text-link,.journal-read,.reader-back{color:#087680}
.btn{background:#087f86;color:#fff;border-color:#087f86;box-shadow:0 8px 24px #087f8614}
.btn:hover{background:#086970;color:#fff}
.btn.light{background:#f5fcff;color:#102c4a;border-color:#f5fcff}
.btn.light:hover{background:#d9f1f4;color:#102c4a}
.upup-brand-name{color:#102c4a}.upup-brand-name>span{color:#087f86}.upup-brand-tagline{color:#526b80}
.rental,.assembly-section,.rent-plan.primary{background:radial-gradient(ellipse at 100% 0,#147c8955,transparent 65%),#102c4a;color:#fff}
.rental .eyebrow,.rental p,.rental-options,.rental li,.assembly-section p,.assembly-section .eyebrow,.assembly-section .text-link,.rent-plan.primary p,.rent-plan.primary small{color:#c4dce9}
.assembly-section h2 em{color:#79d9dc}.rental li svg{color:#7bdee0}
.contact-section{background:linear-gradient(125deg,#e4f2f7,#f8fcfd);border-color:#d4e8ef;box-shadow:0 20px 70px #123e5910}
.page-hero,.rent-hero{background:radial-gradient(ellipse at 95% 10%,#c5e9ee90,transparent 65%)}
.journal-feature{background:#102c4a}.journal-feature-copy{background:radial-gradient(ellipse at 0 100%,#087f8640,transparent 70%)}
.journal-feature h2{color:#fff}.journal-feature p,.journal-feature-tag,.journal-feature-bottom{color:#d0e5ef}.round-arrow{background:#b9efed;color:#102c4a}
.journal-callout{background:linear-gradient(120deg,#e3f1f7,#d5f0f0);border-color:#fff}.journal-callout .btn{background:#087f86}
.reader-content,.journal-card{border-color:#e2edf2}.reader-cover{background:#fff}.reader-cover>p{color:#24455f}
.article-illustration{background:#e3f1f6}.reader-cover .article-illustration img,.journal-feature .article-illustration img{object-fit:contain;background:#edf5f8}
.reader-checklist{background:linear-gradient(130deg,#e9f5f7,#f5fbfc);border-color:#d6e9ee}
.reader-author-mark{background:#087f86}.reading-progress span{background:linear-gradient(90deg,#102c4a,#087f86,#79d9dc)}
.journal-filters button[aria-pressed=true]{background:#102c4a;border-color:#102c4a}
.footer{background:radial-gradient(ellipse at 90% 0,#086e7b44,transparent 60%),#102c4a;color:#d2e5ef;border:0}
.footer:before,.footer:after{opacity:.1}.footer .upup-brand-name{color:#fff}.footer .upup-brand-name>span{color:#7adddf}.footer .upup-brand-tagline{color:#bad2df}
.footer-brand p,.footer-nav a,.footer-bottom,.footer-bottom a{color:#c4d8e5}.footer-nav strong{color:#fff}.footer a:hover{color:#8ce8e8}.footer-bottom{border-color:#ffffff26}
.upup-icon{stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0}
.upup-icon .icon-wash{fill:currentColor;fill-opacity:.12;stroke:none}
.upup-icon .icon-dot{fill:currentColor;stroke:none}
.service-icon,.service-symbol{background:#e3f2f6;color:#087f86;border-color:#c5e3e9}
.contact-fab{background:#087f86;color:#fff}.contact-launcher{background:#087f86;color:#fff}
.upup-motion-scene{height:570px;position:relative;isolation:isolate;perspective:1000px;color:#102c4a;container-type:inline-size}
.hero-art.upup-motion-scene:before{inset:9% -4% 1%;border-radius:50%;background:radial-gradient(ellipse,#8dd9e542,transparent 65%);filter:none}
.hero-art.upup-motion-scene:after{display:none}
.upup-scene-grid{position:absolute;inset:11% 0 10%;background-image:linear-gradient(#31748913 1px,transparent 1px),linear-gradient(90deg,#31748913 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse,#000 25%,transparent 70%);transform:rotate(-9deg);z-index:-1}
.upup-scene-route{position:absolute;width:100%;height:100%;inset:0;overflow:visible;pointer-events:none}
.upup-scene-route path{fill:none;stroke:#6cb8c3;stroke-width:1.5;stroke-dasharray:5 9;opacity:.5}
.upup-scene-route .route-packet{stroke:#087f86;stroke-width:3;stroke-dasharray:12 600;stroke-linecap:round;animation:upup-route 9s linear infinite;opacity:.8}
.upup-screen{position:absolute;left:9%;top:22%;width:78%;aspect-ratio:1.27;background:linear-gradient(135deg,#fffffffa,#e7f3f9e8);border:1px solid #fff;border-radius:22px;box-shadow:0 28px 45px #123e591c,9px 9px 0 #bddfe94d,inset 0 0 0 1px #c5e1ec;transform:rotate(-7deg) rotateY(-11deg);animation:upup-browser 10s ease-in-out infinite;overflow:hidden}
.upup-screen-bar{height:15%;display:flex;align-items:center;gap:6px;padding:0 7%;background:linear-gradient(110deg,#102c4a,#16566d);border-bottom:1px solid #ffffff2e}
.upup-screen-bar i{width:6px;height:6px;border-radius:50%;background:#b8dde8}.upup-screen-bar i:nth-child(2){background:#6bd2d4}.upup-screen-bar i:nth-child(3){background:#fff}.upup-screen-bar span{margin-left:auto;font-size:9px;letter-spacing:.13em;color:#d3eaf2}
.upup-screen-inner{height:85%;padding:8%;display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:1fr auto;gap:15px}
.upup-screen-copy{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-top:7%}.upup-screen-copy b{font-size:clamp(18px,4.8cqw,28px);line-height:1.1;letter-spacing:-.06em;font-weight:600;color:#102c4a}.upup-screen-copy b em{font-style:normal;color:#087f86}.upup-screen-copy>i{display:block;width:85%;height:5px;border-radius:3px;background:#c6dae4}.upup-screen-copy>i:nth-of-type(2){width:65%}.upup-screen-copy>span{font-size:7px;background:#087f86;color:#fff;padding:8px 12px;border-radius:20px;margin-top:3px}
.upup-screen-art{position:relative;border-radius:18px;background:linear-gradient(145deg,#c9edf1,#e9f6f9);overflow:hidden;min-height:115px}
.upup-screen-art:before{content:'';position:absolute;width:68%;height:68%;left:16%;top:20%;border-radius:24%;background:linear-gradient(145deg,#2baab3,#086776);transform:rotate(-25deg);box-shadow:12px 12px 0 #ffffff85;animation:upup-object 10s ease-in-out infinite}
.upup-screen-art:after{content:'';position:absolute;width:36%;height:36%;border-radius:50%;background:linear-gradient(135deg,#ffffff,#ffffff60);left:44%;top:15%;border:1px solid #fff;box-shadow:0 8px 18px #123e5926}
.upup-screen-tiles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.upup-screen-tiles i{display:block;height:32px;border:1px solid #c8e3eb;border-radius:8px;background:linear-gradient(135deg,#fff,#deeff4);animation:upup-tiles 10s ease-in-out infinite}.upup-screen-tiles i:nth-child(2){animation-delay:.35s}.upup-screen-tiles i:nth-child(3){animation-delay:.7s}
.upup-floating{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;padding:13px 16px;background:#fffffff2;border:1px solid #fff;border-radius:16px;box-shadow:0 13px 35px #16445e16;backdrop-filter:blur(12px);animation:upup-float 8s ease-in-out infinite}
.upup-floating .upup-icon{width:27px;height:27px;color:#087f86}.upup-floating strong{display:block;font-size:12px;font-weight:600}.upup-floating span{display:block;margin-top:3px;font-size:10px;color:#526b80}
.upup-idea{left:1%;top:10%;transform:rotate(-5deg)}.upup-ready{right:1%;top:67%;animation-delay:-4s;transform:rotate(4deg)}
.upup-phone{position:absolute;z-index:4;left:4%;top:59%;width:21%;aspect-ratio:.57;border-radius:19px;background:#102c4a;padding:6px;transform:rotate(10deg);box-shadow:0 18px 24px #123e5926;animation:upup-phone 10s ease-in-out infinite}
.upup-phone-inner{height:100%;border-radius:14px;background:linear-gradient(150deg,#f9fcfe,#dcf0f5);padding:16px 8px 8px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:7px}.upup-phone-inner:before{content:'';position:absolute;width:35%;height:4px;top:5px;left:32.5%;background:#102c4a;border-radius:10px}.upup-phone-art{height:48%;border-radius:8px;background:linear-gradient(140deg,#69c3cc,#087f86);position:relative}.upup-phone-art:after{content:'';position:absolute;width:35%;height:45%;left:35%;top:25%;border-radius:25%;background:#e5fbf7;transform:rotate(-15deg)}.upup-phone-inner>i{height:4px;background:#b8d6e3;border-radius:4px}.upup-phone-inner>i:nth-of-type(2){width:65%}.upup-phone-inner>span{display:block;height:14%;background:#087f86;border-radius:20px;margin-top:auto}
.upup-cursor{position:absolute;width:43px;height:52px;right:17%;top:55%;z-index:5;filter:drop-shadow(3px 5px 3px #12445525);animation:upup-cursor 10s ease-in-out infinite}
.upup-cursor svg{width:100%;height:100%;fill:#087f86;stroke:#e7ffff;stroke-width:2;stroke-linejoin:round}
.upup-scene-caption{position:absolute;bottom:1%;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:13px;font-size:10px;letter-spacing:.1em;color:#526b80;text-transform:uppercase}.upup-scene-caption i{width:25px;height:1px;background:#9cc8d5}.upup-scene-caption b{font-weight:500;color:#087f86}
@keyframes upup-browser{0%,100%{transform:rotate(-7deg) rotateY(-11deg) translateY(0)}50%{transform:rotate(-5deg) rotateY(-7deg) translateY(-9px)}}
@keyframes upup-object{0%,100%{transform:rotate(-25deg) translateY(0)}50%{transform:rotate(-12deg) translateY(-5px)}}
@keyframes upup-tiles{0%,15%,100%{transform:translateY(0);opacity:1}8%{transform:translateY(7px);opacity:.45}}
@keyframes upup-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes upup-phone{0%,100%{transform:rotate(10deg) translateY(0)}50%{transform:rotate(6deg) translateY(-9px)}}
@keyframes upup-cursor{0%,100%{transform:translate(5px,8px) rotate(-5deg)}45%,65%{transform:translate(-6px,-5px) rotate(3deg)}55%{transform:translate(-6px,-5px) scale(.9)}}
@keyframes upup-route{to{stroke-dashoffset:-612}}
.is-paused .upup-motion-scene *,.is-paused .upup-motion-scene *:before,.is-paused .upup-motion-scene *:after{animation-play-state:paused!important}
@media(min-width:1500px){.upup-motion-scene{height:630px}}
@media(max-width:1100px){.upup-motion-scene{height:490px}.upup-floating{padding:11px 13px}.upup-floating strong{font-size:11px}}
@media(max-width:850px){.upup-motion-scene{height:450px}.upup-floating{gap:8px}.upup-floating span{font-size:9px}}
@media(max-width:650px){.hero-art.upup-motion-scene{height:auto;aspect-ratio:1.05;max-width:480px;margin:24px auto 0;width:100%}.upup-screen{top:21%;left:12%;width:75%;border-radius:17px}.upup-idea{top:5%;left:3%}.upup-ready{top:66%;right:0}.upup-floating{padding:10px 12px;border-radius:13px}.upup-floating .upup-icon{width:22px;height:22px}.upup-floating strong{font-size:11px}.upup-phone{left:5%;top:54%;width:19%;border-radius:15px;padding:5px}.upup-phone-inner{border-radius:11px;padding:14px 7px 7px;gap:5px}.upup-screen-inner{padding:7%;gap:10px}.upup-screen-art{min-height:0}.upup-screen-copy{gap:6px}.upup-screen-copy>span{font-size:6px;padding:6px 9px}.upup-screen-tiles i{height:24px}.upup-scene-caption{font-size:8px;gap:8px}.upup-scene-caption i{width:20px}.upup-cursor{width:34px;height:42px;top:55%}.upup-screen-bar span{font-size:7px}.upup-screen-bar i{height:5px;width:5px}.site-aurora{background:radial-gradient(ellipse at 105% 10%,#c5e9ee90,transparent 50%)}}
@media(prefers-reduced-motion:reduce){.upup-motion-scene *,.upup-motion-scene *:before,.upup-motion-scene *:after{animation:none!important;transition:none!important}}
@media print{.upup-motion-scene{display:none}.footer{background:#fff;color:#102c4a}}