@font-face{font-family:Barusans;src:url('https://cdn.prod.website-files.com/6a53b1d08ae596f96eb79185/6a5915daa4265a7cd89fe387_BaruSans-Light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Barusans;src:url('https://cdn.prod.website-files.com/6a53b1d08ae596f96eb79185/6a5915daa8991f5838b52cfe_BaruSans-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Barusans;src:url('https://cdn.prod.website-files.com/6a53b1d08ae596f96eb79185/6a5915da915a17b2970fb29c_BaruSans-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Barusans;src:url('https://cdn.prod.website-files.com/6a53b1d08ae596f96eb79185/6a5915dab3a1d1d5e10f145b_BaruSans-SemiBold.woff') format('woff');font-weight:600;font-style:normal;font-display:swap}
:root{--paper:#fbfbfb;--ink:#1c1c1c;--muted:#9b9b9b;--gray:#cdcdcd;--badge:#eaeaea;--line:#d0d0d0;--pad:1.25rem;--gap:.75rem;--font:Barusans,'Noto Sans KR',Arial,sans-serif;color-scheme:light;font-size:calc(100vw / 1244 * 13)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--paper);color:var(--ink);font:300 .813rem/1.4 var(--font);letter-spacing:-.01rem;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}a,button,input{touch-action:manipulation}img,video{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:600}p{word-break:keep-all;overflow-wrap:anywhere}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid #6b79bd;outline-offset:5px}::selection{background:#d8ed9e;color:#1c1c1c}.icon{width:1.25rem;height:1.25rem;flex-shrink:0}.skip-link{position:fixed;left:var(--pad);top:-100px;background:var(--ink);color:#fff;padding:.8rem 1rem;z-index:100}.skip-link:focus{top:var(--pad)}
.site-header{position:fixed;top:0;left:0;z-index:30;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:var(--gap);padding:var(--pad);pointer-events:none}.site-header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:.75rem;width:max-content}.brand strong{font-size:1.063rem;line-height:1.1;font-weight:600;letter-spacing:-.035rem}.brand-badge{display:inline-flex;align-items:center;background:var(--badge);border-radius:.188rem;padding:.5rem;font-size:.75rem;line-height:1.5}.desktop-nav{display:flex;justify-content:center;align-items:center;gap:1rem}.nav-link{padding:.5rem .5rem;white-space:nowrap;font-size:.938rem}.desktop-nav .nav-link.is-current{color:#999}.header-tools{display:flex;gap:.45rem;align-items:center;justify-content:flex-end}.icon-button{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--line);border-radius:.25rem;background:var(--paper);padding:.25rem;transition:background .2s}.icon-button:hover{background:var(--badge)}.icon-button .icon{width:1.5rem;height:1.5rem}.header-divider{height:1.5rem;width:1px;background:var(--line);margin:0 .3rem}.contact-button{display:flex;align-items:center;justify-content:center;gap:.6rem;background:var(--ink);color:white;border-radius:.188rem;padding:.5rem .8rem;font-size:.813rem;height:2rem;white-space:nowrap}.contact-button .icon{height:1rem;width:1rem}.menu-toggle{display:none}.menu-overlay{position:fixed;inset:0;background:#0005;z-index:40}.menu-overlay[hidden]{display:none}.mobile-menu{position:fixed;z-index:41;top:.75rem;right:.75rem;width:min(28rem,calc(100% - 1.5rem));max-height:calc(100svh - 1.5rem);overflow:auto;background:var(--paper);border:1px solid #ddd;border-radius:.375rem;padding:1.25rem;opacity:0;visibility:hidden;transform:scale(.15);transform-origin:top right;transition:transform .7s cubic-bezier(.5,.5,0,1),opacity .35s,visibility .35s}.mobile-menu.is-open{opacity:1;visibility:visible;transform:scale(1)}.menu-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;color:var(--muted)}.menu-close{border:0;background:none;width:1.5rem;height:1.5rem;padding:0}.mobile-menu nav{display:flex;flex-direction:column;align-items:stretch}.mobile-menu nav a{font-size:2.75rem;line-height:1.15;letter-spacing:-.1rem;font-weight:600;padding:.1rem 0;position:relative}.mobile-menu nav .menu-index{color:#b0b0b0}.mobile-menu nav a:hover:after,.mobile-menu nav .is-current:after{content:'';width:.5rem;height:.5rem;border-radius:50%;background:var(--ink);position:absolute;right:0;top:50%}.menu-bottom{border-top:1px solid var(--line);padding-top:2.5rem;margin-top:2.5rem}.menu-icons{display:flex;gap:.5rem;margin-bottom:.5rem}.menu-email{display:flex;justify-content:center;align-items:center;height:2.75rem;background:var(--ink);color:#fff;border-radius:.25rem;font-size:.938rem}.case-cursor{position:fixed;z-index:60;display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;background:var(--ink);color:#fff;border-radius:.25rem;left:0;top:0;pointer-events:none;opacity:0;transform:translate3d(-100px,-100px,0);transition:opacity .15s;white-space:nowrap;font-size:.813rem;will-change:transform}.case-cursor.is-active{opacity:1}.case-cursor .icon{height:.875rem;width:.875rem}
.hero{position:relative;min-height:100svh;padding:var(--pad);margin-bottom:10rem;display:flex;flex-direction:column}.hero-center{display:flex;align-items:center;justify-content:center;flex:1;min-height:calc(100svh - 2.5rem)}.hero-intro{position:absolute;bottom:var(--pad);left:var(--pad);max-width:31rem}.hero-intro h1{font-size:3rem;line-height:1;letter-spacing:-.1rem;margin-bottom:1rem}.hero-intro p{font-size:1.063rem;line-height:1.4;font-weight:300;letter-spacing:-.02rem}.logo-stage{position:relative;width:32rem;height:34rem;max-width:90vw;display:flex;align-items:center;justify-content:center;perspective:850px;isolation:isolate;margin-top:-2.25rem}.logo-sculpture{position:relative;display:block;width:100%;height:100%;border:0;background:none;padding:0;perspective:900px;transform-style:preserve-3d;cursor:grab;touch-action:pan-y}.logo-sculpture.is-dragging{cursor:grabbing;touch-action:none}.logo-float{display:block;position:absolute;inset:0;transform-style:preserve-3d;animation:logo-float 7s ease-in-out infinite}.logo-object{--rx:14deg;--ry:-23deg;--rz:-12deg;position:absolute;display:block;left:50%;top:48%;width:22rem;height:22rem;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz));transition:transform .25s cubic-bezier(.2,.7,.3,1);will-change:transform}.logo-layer,.logo-face{position:absolute;inset:0;width:100%;height:100%;overflow:visible;backface-visibility:visible}.logo-layer{transform:translateZ(calc(var(--depth) * 1.2px));fill:#54575a;stroke:#75787a;stroke-width:.15px}.logo-layer:nth-child(3n){fill:#7c8082}.logo-layer:first-child{filter:drop-shadow(5px 12px 10px #0002)}.logo-face{transform:translateZ(22px)}.logo-ground{position:absolute;width:16rem;height:2rem;left:50%;bottom:4rem;transform:translateX(-50%);border-radius:50%;background:#0002;filter:blur(1rem);animation:logo-shadow 7s ease-in-out infinite;pointer-events:none}.logo-hint{display:flex;align-items:center;gap:.5rem;position:absolute;bottom:1.8rem;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.75rem;color:#aaa;opacity:0;transition:opacity .3s;pointer-events:none}.logo-stage:hover .logo-hint,.logo-stage:focus-within .logo-hint{opacity:1}.logo-hint .icon{width:1rem;height:1rem}.motion-switch{position:absolute;bottom:.6rem;right:4rem;width:1.5rem;height:1.5rem;border:0;background:none;opacity:.3;padding:.25rem}.motion-switch .icon{width:1rem;height:1rem}.motion-switch:hover,.motion-switch:focus-visible{opacity:1}.motion-paused .logo-float,.motion-paused .logo-ground{animation-play-state:paused}.logo-stage--small{width:24rem;height:27rem;margin:1rem 0 -1rem;max-width:100%;pointer-events:none}.logo-stage--small .logo-object{width:15rem;height:15rem}.logo-stage--small .logo-ground{width:11rem;bottom:5rem}
@keyframes logo-float{0%,100%{transform:translateY(0) rotateY(-5deg)}50%{transform:translateY(-1.15rem) rotateY(7deg)}}@keyframes logo-shadow{0%,100%{opacity:.5;transform:translateX(-50%) scaleX(1)}50%{opacity:.3;transform:translateX(-50%) scaleX(.8)}}
.portfolio-section,.apps-section{padding:var(--pad);scroll-margin-top:4.5rem}.section-heading{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;margin-bottom:5rem}.section-heading h1,.section-heading h2,.comment-title{font-size:2.5rem;line-height:1.1;font-weight:600;letter-spacing:-.05rem;color:var(--gray)}.section-heading>p{font-size:1rem;color:var(--muted)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.work-item{padding-bottom:2.5rem;min-width:0}.work-link{display:flex;flex-direction:column;gap:.75rem}.work-cover{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:.25rem;background:#eaeaea}.work-cover img{width:100%;height:100%;object-fit:cover;object-position:center 40%;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.work-cover--haileykim img{object-position:center 43%}.work-cover--miyabi img{object-position:center 49%}.work-cover--phoever206 img{object-position:center 36%}.work-link:hover .work-cover img{transform:scale(1.025)}.work-meta{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.tags{display:flex;gap:.25rem;flex-wrap:wrap;align-content:flex-start;align-items:flex-start}.tags span,.comment-label{background:var(--badge);border-radius:.188rem;padding:.2rem .35rem;font-size:.688rem;line-height:1.45;white-space:nowrap}.work-copy h3{font-size:1.5rem;line-height:1.1;letter-spacing:-.02rem;margin-bottom:.5rem}.work-copy p{font-size:.813rem;line-height:1.4;max-width:30rem}.apps-section{margin-top:10rem}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:.75rem;row-gap:7.5rem;padding:0 7rem}.app-item{position:relative;min-width:0;padding-bottom:1.75rem}.app-shelf{position:relative;display:flex;justify-content:center;align-items:flex-end;height:21rem}.app-card{width:15rem;border-radius:1.5rem;background:#fff;box-shadow:0 2px 16px #1c1c1c1a;overflow:hidden;flex-shrink:0;transition:transform .2s linear;will-change:transform}.app-card-art{position:relative;height:10rem;isolation:isolate}.app-color--hana{background:linear-gradient(145deg,#8ebcff,#beb5fc)}.app-color--filmu{background:linear-gradient(145deg,#e6cf91,#a48c59)}.app-color--updrop{background:linear-gradient(145deg,#8bade7,#556e99)}.app-card-art:after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:3rem;background:white;border-radius:2rem 2rem 0 0;z-index:-1}.mini-phone{position:absolute;width:6.4rem;height:8.8rem;left:1.1rem;top:1.1rem;transform:rotate(-10deg);overflow:hidden;border-radius:1.25rem;background:#fff;border:.3rem solid white;box-shadow:0 2px 4px #0002}.mini-phone img{width:100%;height:100%;object-fit:cover;object-position:top}.app-card-art>.product-icon{position:absolute;width:6.75rem;height:6.75rem;left:6.8rem;top:3.2rem;transform:rotate(12deg);border:.3rem solid white;border-radius:1.5rem;box-shadow:0 2px 3px #0003}.product-icon{display:inline-flex;position:relative;width:4rem;height:4rem;border-radius:1rem;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background:#fff}.product-icon--hana{background:#fff url('assets/apps/hana-06.jpg') no-repeat 7% 2.6% / 342% auto}.product-icon--filmu{background:#171717;color:#f0db48;display:flex;flex-direction:column;gap:.15rem}.product-icon--filmu>.icon{width:52%;height:52%;stroke-width:1}.product-icon--filmu small{font-size:.6rem;letter-spacing:.13rem;font-weight:600}.product-icon--updrop{background:linear-gradient(145deg,#f6faff,#ddeaff);color:#2c4b7b}.product-icon--updrop>span{font-size:3.1rem;font-weight:600;line-height:1;transform:translateX(-.2rem)}.product-icon--updrop>.icon{position:absolute;width:1.3rem;height:1.3rem;top:.5rem;right:.3rem;stroke-width:2}.app-card-art>.product-icon--updrop>span{font-size:5rem}.app-card-art>.product-icon--updrop>.icon{width:2.3rem;height:2.3rem;right:.2rem;top:.4rem}.mini-window{width:7.8rem;height:7rem;background:#182233;position:absolute;left:.9rem;top:1rem;border:3px solid white;border-radius:.9rem;transform:rotate(-10deg);padding:.4rem;box-shadow:0 2px 4px #0003}.mini-window i{display:inline-block;width:.25rem;height:.25rem;border-radius:50%;background:#ccc;margin-right:.2rem}.mini-window b{display:block;color:white;font-size:3rem;font-weight:500;text-align:center;line-height:1.3}.app-card-copy{padding:.75rem 1.25rem 2.5rem;background:#fff;min-height:9rem}.app-card-copy h3{font-size:1.5rem;line-height:1.1;letter-spacing:-.04rem;margin-bottom:.75rem}.app-card-copy p{font-size:.813rem;line-height:1.45}.shelf-glass{position:absolute;z-index:2;bottom:0;left:50%;transform:translateX(-50%);width:19rem;max-width:100%;height:8rem;background:linear-gradient(180deg,#ffffff42,#fbfbfb9e 85%);border:1px solid #ededed7d;border-radius:0 0 1.5rem 1.5rem;box-shadow:0 2px 3px #0003;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);pointer-events:none}.shelf-action{position:absolute;right:1rem;bottom:1rem;display:flex;align-items:center;justify-content:center;background:white;border-radius:50%;width:2.5rem;height:2.5rem;box-shadow:0 0 5px #0002}.shelf-action .icon{transition:transform .4s;width:1.25rem;height:1.25rem}.standalone{padding-top:10rem;min-height:70svh;margin-top:0}.standalone.apps-section{min-height:80svh}.standalone .section-heading{margin-bottom:6rem}
.site-footer{position:relative;min-height:100svh;padding:var(--pad);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:0}.footer-callout{text-align:center;padding-bottom:8rem}.footer-callout h2{font-size:5rem;line-height:1;letter-spacing:-.15rem;word-break:keep-all}.motto-line{display:flex;justify-content:center;gap:1rem;white-space:nowrap}.motto-arrow{font-family:Arial,sans-serif;font-weight:400}.motto-word{display:inline-block;text-align:left;min-width:4em}.footer-actions{display:flex;gap:.75rem;justify-content:center;margin-top:2rem}.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.6rem .8rem;border:1px solid var(--line);border-radius:.25rem;font-size:.813rem;line-height:1.4;transition:background .2s}.outline-button:hover{background:var(--badge)}.outline-button .icon{width:1rem;height:1rem}.footer-profile{position:absolute;bottom:var(--pad);left:50%;transform:translateX(-50%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem;font-size:.813rem;line-height:1.2;max-width:60%}.footer-profile strong{font-weight:400}.footer-profile p{font-size:.813rem;line-height:1.3;white-space:nowrap}.footer-symbols{display:flex;align-items:center;gap:.5rem;margin:.4rem 0}.footer-symbols>span{font-size:2.2rem;font-weight:600;font-style:italic;line-height:1}.footer-symbols .icon{height:1.9rem;width:1.9rem;stroke-width:1.25}.local-time{font-size:.875rem;font-weight:600;white-space:nowrap}.footer-note{position:absolute;left:var(--pad);right:var(--pad);bottom:var(--pad);display:flex;justify-content:space-between;font-size:.75rem;color:#666;pointer-events:none}.footer-note a{pointer-events:auto}
.case-page{padding-top:8rem;margin:0 auto;width:100%;max-width:130rem}.case-intro,.case-block,.next-project{padding:1.25rem 21.25rem}.case-intro{display:flex;flex-direction:column;gap:2.5rem;padding-top:1.25rem}.back-link{font-size:.813rem;color:var(--muted);width:max-content}.back-link:hover{color:var(--ink)}.case-intro>h1{font-size:3rem;line-height:1.14;letter-spacing:-.07rem;word-break:keep-all;overflow-wrap:anywhere}.case-intro>.case-lead{font-size:1.063rem;line-height:1.65;color:#666;max-width:45rem}.case-figure{width:100%;min-width:0}.case-figure img{width:100%;height:auto;border-radius:.25rem}.case-figure>a{display:block}.case-video{position:relative}.case-video video{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#eaeaea;border-radius:.25rem}.case-figure figcaption{font-size:.75rem;color:var(--muted);margin-top:.5rem}.case-facts{margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.case-facts dt{display:table;background:var(--badge);padding:.25rem .4rem;border-radius:.15rem;font-size:.688rem;margin-bottom:1rem}.case-facts dd{font-size:.938rem;line-height:1.5;margin:0}.case-block{display:flex;flex-direction:column;gap:1.5rem;margin-top:3rem}.case-block>h2{font-size:2.5rem;line-height:1.18;letter-spacing:-.05rem;word-break:keep-all}.case-block>p{font-size:.938rem;line-height:1.7;max-width:50rem}.case-block>h2.comment-title,.case-summary h2{font-size:1.75rem;color:var(--gray);line-height:1.2}.case-summary{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.case-summary p{font-size:.938rem;line-height:1.7;margin-top:1rem}.case-gallery{gap:2.5rem}.next-project{display:flex;flex-direction:column;gap:1rem;margin:5rem 0 3rem}.next-project>span{font-size:.813rem;color:var(--muted)}.next-project>a{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:1.5rem;font-size:2rem;letter-spacing:-.04rem;gap:1rem}.next-project>a strong{font-weight:600}.next-project .icon{width:2rem;height:2rem;transition:transform .3s}.next-project a:hover .icon{transform:translateX(.5rem)}.product-title{display:flex;align-items:center;gap:1rem;font-size:.875rem}.product-title .product-icon{width:3rem;height:3rem;border-radius:.75rem}.product-title .product-icon--updrop>span{font-size:2.6rem}.product-title .product-icon--filmu small{font-size:.45rem}.product-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;padding:3rem;border-radius:.25rem;overflow:hidden;min-height:35rem}.product-hero--hana{background:linear-gradient(135deg,#eff3ff,#e9ddff)}.product-hero-copy{display:flex;flex-direction:column;gap:2rem}.product-hero-copy>span{font-size:1.5rem;font-weight:600}.product-hero-copy strong{font-size:2rem;letter-spacing:-.06rem;line-height:1.3}.product-hero-copy p{font-size:.875rem;line-height:1.5}.hana-demo{width:100%;max-width:17rem;margin:auto}.hana-demo picture{display:block;border-radius:1.5rem;overflow:hidden;box-shadow:0 .5rem 2rem #655b9a22}.hana-demo img{width:100%;height:auto}.hana-demo figcaption{display:flex;justify-content:space-between;align-items:center;gap:.4rem;font-size:.688rem;color:#655b79;margin-top:1rem}.hana-demo button{background:none;border:1px solid #9b8fac;border-radius:.2rem;padding:.3rem .4rem;font-size:.688rem;white-space:nowrap}.product-hero--filmu{background:#e5dfd1}.filmu-phones{display:flex;gap:1rem;align-items:center;width:100%;min-width:0}.filmu-phones img{width:calc(50% - .5rem);border-radius:1rem;box-shadow:0 1rem 2rem #0003}.filmu-phones img:first-child{transform:translateY(2rem) rotate(-5deg)}.filmu-phones img:last-child{transform:translateY(-1.5rem) rotate(5deg)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem}.feature-grid>div{border-top:1px solid var(--line);padding-top:1.5rem}.feature-grid h3{font-size:1.25rem;font-weight:500;line-height:1.3;margin-bottom:.75rem}.feature-grid p{font-size:.938rem;line-height:1.7;color:#666}.screen-gallery{display:flex;gap:1rem;overflow-x:auto;padding:0 0 1rem;scroll-snap-type:x mandatory;scrollbar-color:#bbb transparent;scrollbar-width:thin}.screen-gallery>figure{flex:0 0 calc((100% - 2rem) / 3);min-width:0;scroll-snap-align:start}.screen-gallery img{width:100%;height:auto;border-radius:.75rem;box-shadow:0 1px 2px #0001}.screen-gallery figcaption{display:flex;align-items:baseline;gap:.5rem;margin-top:1rem;font-size:.75rem;line-height:1.6}.screen-gallery figcaption>span{color:var(--muted)}.support-links{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;font-size:.813rem}.support-links>a:not(.outline-button){color:#777;text-decoration:underline;text-underline-offset:3px}.support-links>.outline-button{margin-right:100%}
.sales-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2.5rem;padding:1.25rem 21.25rem;margin-top:2rem;align-items:start}.sales-art{min-width:0}.updrop-art{position:relative;background:linear-gradient(145deg,#e9f0ff,#d3dcf0 55%,#e9e7f0);min-height:34rem;display:flex;flex-direction:column;align-items:center;padding:3rem 1.5rem 0;gap:.5rem;border-radius:.25rem;overflow:hidden;isolation:isolate}.updrop-orb{position:absolute;left:50%;top:2rem;border-radius:50%;background:white;width:16rem;height:16rem;transform:translateX(-50%);filter:blur(3rem);z-index:-1}.updrop-app-icon{position:relative;transform:rotate(-10deg);margin-bottom:1rem;filter:drop-shadow(0 .75rem 1rem #47618535)}.updrop-app-icon>.product-icon{width:6rem;height:6rem;border-radius:1.4rem;border:2px solid #fff}.updrop-app-icon .product-icon--updrop>span{font-size:5rem}.updrop-app-icon .product-icon--updrop>.icon{width:2rem;height:2rem}.updrop-art>strong{font-size:3rem;font-weight:600;letter-spacing:-.1rem;line-height:1}.updrop-art>span{font-size:.813rem;color:#69758e}.software-window{margin-top:2rem;width:100%;max-width:25rem;background:#ffffffb3;border:1px solid #fff;border-radius:.65rem .65rem 0 0;box-shadow:0 1rem 2rem #8394b333;transform:translateY(1rem);backdrop-filter:blur(15px)}.window-bar{height:2rem;background:#ffffff90;border-bottom:1px solid #e4e5ea;display:flex;align-items:center;gap:.25rem;padding:0 .75rem}.window-bar>i{width:.4rem;height:.4rem;border-radius:50%;background:#c5c6cb}.window-bar>span{position:absolute;left:45%;font-size:.6rem;letter-spacing:.05rem;color:#9a9da7}.window-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:2rem 1rem}.window-content>.product-icon{width:3rem;height:3rem;border-radius:.7rem}.window-content>.product-icon>span{font-size:2.5rem}.window-content>strong{font-size:1.25rem;line-height:1.15;letter-spacing:-.03rem}.window-content>span{font-size:.6rem;color:#8791a3}.example-caption{font-size:.688rem;line-height:1.7;color:var(--muted);display:block;margin-top:.75rem;word-break:keep-all}.purchase-box{padding:0 0 1rem}.purchase-label{display:flex;justify-content:space-between;gap:1rem;font-size:.75rem;margin:.5rem 0 2rem;align-items:center;color:#888}.status-badge{background:var(--badge);padding:.3rem .5rem;border-radius:.2rem;color:#777;white-space:nowrap}.purchase-box>h2{font-size:2.5rem;letter-spacing:-.07rem;line-height:1.1}.purchase-price{font-size:1.25rem;margin-top:1.5rem}.purchase-box>dl{margin:2rem 0}.purchase-box>dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.75rem 0;border-top:1px solid #e5e5e5;font-size:.813rem}.purchase-box dt{color:#888}.purchase-box dd{margin:0;text-align:right}.buy-button{width:100%;padding:.9rem 1rem;border:0;background:var(--ink);color:#fff;border-radius:.25rem;font-size:.938rem;cursor:default}.buy-button:disabled{background:#dedede;color:#999}.purchase-note{font-size:.75rem;line-height:1.6;color:#999;margin-top:.75rem}.purchase-box>.text-link{margin-top:1.5rem}.text-link{display:inline-flex;align-items:center;gap:1rem;font-size:.875rem}.text-link .icon{width:1rem;height:1rem}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.pending-features>div>span{font-size:.688rem;color:#aaa;display:block;margin-bottom:.75rem}.faq>details{border-bottom:1px solid var(--line);padding:1.25rem 0}.faq>details>summary{list-style:none;display:flex;justify-content:space-between;gap:1rem;cursor:pointer;font-size:1rem}.faq>details>summary::-webkit-details-marker{display:none}.faq>details>summary>span{font-size:1.25rem;color:#999;transition:transform .2s}.faq>details[open]>summary>span{transform:rotate(45deg)}.faq>details>p{font-size:.938rem;line-height:1.7;color:#666;padding-top:1rem}.faq{gap:0}.faq>h2{margin-bottom:1.5rem}
.shop-page{padding:10rem var(--pad) 3rem}.shop-intro{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem;margin-bottom:5rem}.shop-intro>p{font-size:2rem;line-height:1.3;letter-spacing:-.05rem}.shop-intro>span{font-size:.813rem;color:#888}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.shop-item{min-width:0}.shop-cover{aspect-ratio:4/4.5;border-radius:.25rem;overflow:hidden;background:#eee}.shop-cover>.updrop-art{height:100%;min-height:0}.shop-cover .software-window{width:90%}.shop-item-meta{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;align-items:center}.shop-item-meta h2{font-size:1.5rem;line-height:1.1;letter-spacing:-.03rem}.shop-item-meta p{font-size:.875rem;margin-top:.5rem;color:#555}.shop-item-meta>.icon{margin-right:.5rem}.shop-price-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid #e5e5e5;padding:1rem 0;margin-top:1rem;font-size:.75rem;color:#999}.shop-info{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:5rem;padding:2rem 0;border-top:1px solid var(--line);font-size:.875rem;line-height:1.7}.shop-info>span{font-size:1.25rem;letter-spacing:-.03rem}.shop-info a{text-decoration:underline;text-underline-offset:3px}.preset-art{height:100%;min-height:30rem;display:flex;position:relative;isolation:isolate;overflow:hidden;flex-direction:column;border-radius:.25rem}.preset-art--video{background:#242b26;color:#e6eadf}.preset-art--photo{background:#d9cfba;color:#2e352c}.preset-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;filter:blur(.1px)}.preset-scene>span:nth-child(1){position:absolute;width:105%;height:50%;bottom:-10%;left:-30%;border-radius:50% 50% 0 0;transform:rotate(-25deg);background:#8d9b7f}.preset-scene>span:nth-child(2){position:absolute;width:130%;height:60%;bottom:-30%;right:-25%;border-radius:50%;background:#42533e;transform:rotate(20deg)}.preset-scene>span:nth-child(3){position:absolute;width:20%;aspect-ratio:1;border-radius:50%;top:29%;right:17%;background:#cad2b6;box-shadow:0 0 4rem #e4eacc55}.preset-art--photo .preset-scene>span:nth-child(1){background:#afb39b}.preset-art--photo .preset-scene>span:nth-child(2){background:#727f69}.preset-art--photo .preset-scene>span:nth-child(3){background:#fff5d4}.preset-cover-copy{display:flex;flex-direction:column;justify-content:space-between;gap:2rem;flex:1;padding:2rem}.preset-cover-copy>span{font-size:.688rem;line-height:1.5;letter-spacing:.015rem}.preset-cover-copy>strong{font-size:3.5rem;line-height:.95;letter-spacing:-.15rem;font-weight:600;position:relative;margin-bottom:8rem}.preset-cover-copy>strong>span{display:block;font-size:1rem;line-height:1.3;letter-spacing:-.01rem;margin-top:1rem}.product-tabs{display:flex;gap:1rem;font-size:.938rem;border-bottom:1px solid var(--line);padding-bottom:1.25rem}.preset-product{padding-top:4rem;scroll-margin-top:3rem}.preset-title{padding:1.25rem 21.25rem}.preset-title>h2{font-size:2.5rem;line-height:1.1;letter-spacing:-.05rem}.preset-title>p{font-size:.938rem;line-height:1.65;color:#777;margin-top:1.5rem}.preview-layout{padding:1.25rem 21.25rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;margin-top:2rem}.preview-layout h3{font-size:1.25rem;line-height:1.4;margin-bottom:1rem;letter-spacing:-.03rem}.preview-layout p{font-size:.875rem;line-height:1.7;color:#777}.compare-demo{--compare:50%;position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:.25rem}.compare-before,.compare-after{position:absolute;inset:0}.compare-demo .preset-art{min-height:0}.compare-demo .preset-cover-copy{padding:1rem}.compare-demo .preset-cover-copy>strong{font-size:2rem;margin-bottom:2rem}.compare-demo .preset-cover-copy>span{font-size:.5rem}.compare-before{filter:grayscale(1)}.compare-after{clip-path:inset(0 calc(100% - var(--compare)) 0 0)}.compare-line{position:absolute;top:0;bottom:0;left:var(--compare);width:1px;background:#fff;pointer-events:none;transform:translateX(-50%)}.compare-line>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2rem;height:2rem;border-radius:50%;background:white;color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:.875rem}.compare-demo input{position:absolute;inset:0;width:100%;height:100%;cursor:ew-resize;opacity:0;margin:0}.compare-demo:focus-within{outline:2px solid #6b79bd;outline-offset:4px}.compare-label{position:absolute;bottom:1rem;font-size:.6rem;background:#1c1c1c80;color:white;padding:.3rem .5rem;border-radius:.2rem}.compare-label.before{right:1rem}.compare-label.after{left:1rem}
.about-intro{padding:10rem var(--pad) 5rem;display:grid;grid-template-columns:1fr 1fr;gap:.75rem;align-items:start}.about-aside{display:flex;flex-direction:column;align-items:flex-start}.about-aside .comment-label{display:inline-block;color:#888;background:transparent;padding:0}.about-aside-caption{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.about-aside-caption>strong{font-size:2rem;letter-spacing:-.07rem;line-height:1}.about-aside-caption>span{font-size:.875rem;color:#888}.about-main{padding-right:8rem}.about-main>h1{font-size:3rem;line-height:1.15;letter-spacing:-.08rem;word-break:keep-all}.about-copy{display:flex;flex-direction:column;gap:1.5rem;margin-top:3rem;max-width:34rem}.about-copy p{font-size:.938rem;line-height:1.75}.about-copy .text-link{margin-top:.5rem}.about-capabilities{padding:5rem var(--pad)}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:0 7rem}.capability-grid>div>.icon{width:2.5rem;height:2.5rem;stroke-width:1;margin-bottom:1.5rem}.capability-grid h3{font-size:1.5rem;font-weight:500;line-height:1.2;margin-bottom:1rem;letter-spacing:-.03rem}.capability-grid p{font-size:.875rem;line-height:1.7;color:#777}.about-universe{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:5rem 8rem}.about-universe h2{font-size:2.5rem;line-height:1.2;letter-spacing:-.06rem;margin-bottom:2rem}.about-universe p{font-size:.938rem;line-height:1.7;color:#777}.universe-links{display:flex;flex-direction:column}.universe-links>a{display:grid;grid-template-columns:1fr 1.5fr auto;align-items:center;gap:1rem;border-top:1px solid var(--line);padding:1.25rem 0;font-size:1.25rem;font-weight:500}.universe-links>a>span{font-size:.813rem;color:#999;font-weight:300}.universe-links>a>.icon{width:1rem;height:1rem;transition:transform .25s}.universe-links>a:hover>.icon{transform:translate(2px,-2px)}.bukangi-art{padding:3rem;background:#d8e5ec;display:flex;flex-direction:column;gap:2rem;border-radius:.25rem}.bukangi-art>span{font-size:.875rem;color:#628495}.bukangi-art>strong{font-size:3rem;letter-spacing:-.08rem;line-height:1.2;color:#264b60}.press-slots{display:flex;flex-direction:column}.press-slots>div{border-top:1px solid var(--line);padding:1.25rem 0;display:flex;justify-content:space-between;gap:1rem}.press-slots span{font-size:.875rem}.press-slots p{font-size:.875rem;color:#999}.case-page>.case-intro+.case-block{margin-top:4rem}
@media(hover:hover) and (pointer:fine) and (min-width:992px){.app-shelf:hover .app-card,.app-shelf:focus-visible .app-card{transform:translateY(-25%);transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.app-shelf:hover .shelf-action .icon{transform:rotate(45deg)}}
@media(min-width:1920px){:root{font-size:20px}.hero-center{min-height:calc(100svh - 2.5rem)}.case-page{max-width:140rem}}
@media(max-width:991px){:root{font-size:calc(100vw / 768 * 13);--pad:1rem}.site-header{grid-template-columns:1fr auto}.desktop-nav{display:none}.header-tools .desktop-tool,.header-divider{display:none}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;background:var(--paper);border:1px solid var(--line);border-radius:.3rem;width:2.75rem;height:2.75rem;padding:.5rem}.menu-toggle>span{display:block;width:1.05rem;height:1px;background:var(--ink);transition:transform .3s}.menu-toggle:hover>span:first-child{transform:translateY(.125rem)}.menu-toggle:hover>span:last-child{transform:translateY(-.125rem)}.contact-button{width:2.75rem;height:2.75rem;padding:.7rem}.contact-button>span{display:none}.contact-button>.icon{width:1.2rem;height:1.2rem}.brand strong{font-size:1.25rem}.brand-badge{font-size:.75rem}.app-grid{grid-template-columns:repeat(2,1fr);padding:0 1.75rem;gap:5.25rem 1rem}.app-item:last-child{grid-column:1/-1;width:50%;justify-self:center}.shelf-glass{height:3.5rem;backdrop-filter:none;-webkit-backdrop-filter:none;background:#fbfbfb90}.app-shelf{height:21rem}.app-card-copy{padding-bottom:2rem}.app-card-copy p{font-size:.875rem}.case-intro,.case-block,.next-project,.sales-grid,.preset-title,.preview-layout{padding-left:6.25rem;padding-right:6.25rem}.case-intro>h1{font-size:2.5rem}.sales-grid{gap:2rem}.product-hero{padding:2rem;gap:1.5rem}.product-hero-copy strong{font-size:1.75rem}.about-main{padding-right:1rem}.about-main>h1{font-size:2.5rem}.capability-grid{padding:0 2rem;grid-template-columns:repeat(2,1fr);gap:3rem}.about-universe{padding:4rem 3rem;gap:2rem}.shop-grid{grid-template-columns:1fr 1fr;gap:3rem 1rem}.shop-item:last-child{grid-column:auto}.shop-cover{aspect-ratio:4/5}.footer-callout h2{font-size:4rem}.footer-note a{display:none}.case-cursor{display:none}.hero-intro{max-width:32rem}.work-copy p{font-size:.875rem}}
@media(max-width:767px){:root{font-size:calc(100vw / 375 * 16);--pad:.75rem}html{scroll-padding-top:5rem}body{font-size:.813rem}.site-header{align-items:center}.brand{gap:.5rem}.brand strong{font-size:1.15rem}.brand-badge{font-size:.6rem;padding:.45rem .4rem}.hero{margin-bottom:7.5rem}.hero-center{min-height:calc(100svh - 1.5rem)}.hero-intro{max-width:calc(100% - 1.5rem);bottom:.75rem}.hero-intro h1{font-size:2rem;line-height:1.02;letter-spacing:-.05rem;margin-bottom:.5rem}.hero-intro p{font-size:.813rem;line-height:1.4;letter-spacing:-.02rem}.logo-stage{width:23rem;height:28rem;margin-top:-1rem;max-width:100%}.logo-object{width:15rem;height:15rem;top:48%}.logo-ground{width:12rem;height:1.5rem;bottom:5rem;filter:blur(.8rem)}.logo-hint{bottom:3rem;font-size:.65rem}.motion-switch{right:2rem;bottom:2.7rem}.section-heading{margin-bottom:3rem}.section-heading h1,.section-heading h2,.comment-title{font-size:2rem;letter-spacing:-.05rem;line-height:1.02}.section-heading>p{font-size:.813rem}.work-grid{grid-template-columns:1fr;gap:.75rem}.work-item{padding-bottom:2.5rem}.work-link{gap:.75rem}.work-meta{grid-template-columns:1fr;gap:.5rem}.work-copy h3{font-size:1.5rem;margin-bottom:.25rem}.work-copy p{font-size:.813rem;line-height:1.45}.tags span{font-size:.6rem;padding:.15rem .25rem}.apps-section{margin-top:6.25rem}.app-grid{grid-template-columns:1fr;padding:0 1rem;row-gap:3.5rem}.app-item:last-child{width:100%;grid-column:auto}.app-shelf{height:20rem}.app-card{width:15rem}.shelf-glass{width:19rem;max-width:100%;height:3.5rem}.app-card-copy p{font-size:.813rem}.shelf-action{right:.75rem;bottom:.75rem;width:2rem;height:2rem}.shelf-action>.icon{width:1rem;height:1rem}.standalone{padding-top:7.5rem;min-height:60svh}.standalone.apps-section{margin-top:0;padding-top:7.5rem}.standalone .section-heading{margin-bottom:3.5rem}.site-footer{min-height:45rem;min-height:max(42rem,100svh);padding:var(--pad)}.footer-callout{padding-bottom:8rem;width:100%}.footer-callout h2{font-size:2.1rem;line-height:1.1;letter-spacing:-.08rem}.motto-line{gap:.35rem;justify-content:center}.motto-word{min-width:4em}.footer-actions{gap:.5rem;margin-top:1.5rem}.outline-button{font-size:.688rem;padding:.6rem .8rem}.footer-profile{bottom:3.5rem;gap:.4rem;max-width:100%}.footer-profile strong,.footer-profile p{font-size:.688rem}.footer-symbols{margin:.25rem 0}.footer-symbols>span{font-size:1.75rem}.footer-symbols .icon{height:1.5rem;width:1.5rem}.local-time{font-size:.75rem}.footer-note{font-size:.6rem}.footer-note a{display:none}.case-page{padding-top:6rem}.case-intro,.case-block,.next-project,.sales-grid,.preset-title,.preview-layout{padding-left:var(--pad);padding-right:var(--pad)}.case-intro{gap:2rem}.case-intro>h1{font-size:1.75rem;line-height:1.3;letter-spacing:-.045rem}.case-intro>.case-lead{font-size:.875rem;line-height:1.7}.back-link{font-size:.75rem}.case-facts{grid-template-columns:1fr 1fr;gap:1.5rem 1rem}.case-facts dt{margin-bottom:.6rem}.case-facts dd{font-size:.813rem}.case-block{gap:1.25rem;margin-top:2rem}.case-block>h2{font-size:1.75rem;letter-spacing:-.05rem}.case-block>p,.case-summary p{font-size:.875rem;line-height:1.75}.case-summary{gap:2rem;grid-template-columns:1fr}.case-block>h2.comment-title,.case-summary h2{font-size:1.5rem}.case-gallery{gap:1.5rem}.next-project{margin:3rem 0 0;gap:.75rem}.next-project>a{font-size:1.5rem;padding-bottom:1.25rem}.next-project .icon{width:1.5rem;height:1.5rem}.product-title{font-size:.75rem;gap:.75rem}.product-title .product-icon{width:2.75rem;height:2.75rem}.product-hero{padding:1.5rem 1.25rem;gap:1.5rem;grid-template-columns:1fr;min-height:0}.product-hero-copy{gap:1rem}.product-hero-copy>span{font-size:1rem}.product-hero-copy strong{font-size:1.5rem;line-height:1.3;letter-spacing:-.05rem}.product-hero-copy>p{font-size:.75rem}.hana-demo{max-width:13rem}.hana-demo figcaption{font-size:.6rem}.hana-demo button{font-size:.6rem}.product-hero--hana .product-hero-copy{display:none}.product-hero--hana{padding:2rem 1.5rem}.product-hero--filmu .product-hero-copy{padding-bottom:1rem}.filmu-phones{max-width:20rem;padding:0 1rem 2rem}.filmu-phones img:first-child{transform:translateY(.5rem) rotate(-5deg)}.filmu-phones img:last-child{transform:translateY(-1rem) rotate(5deg)}.feature-grid{gap:1.5rem 1rem;grid-template-columns:1fr}.feature-grid>div{padding-top:1rem}.feature-grid h3{font-size:1.125rem}.feature-grid p{font-size:.875rem}.screen-gallery{gap:.75rem}.screen-gallery>figure{flex-basis:62%}.screen-gallery figcaption{font-size:.688rem;line-height:1.5}.support-links{font-size:.688rem;gap:1rem}.support-links>.outline-button{margin-right:0;width:100%}.sales-grid{grid-template-columns:1fr;gap:2rem;padding-top:.75rem;margin-top:1rem}.updrop-art{min-height:28rem;padding:2rem 1.5rem 0}.purchase-label{margin-bottom:1.5rem;font-size:.688rem}.purchase-box>h2{font-size:2rem}.purchase-price{font-size:1.125rem;margin-top:1rem}.purchase-box>dl{margin:1.5rem 0}.purchase-box>dl>div{font-size:.813rem}.purchase-note{font-size:.688rem}.buy-button{font-size:.875rem}.faq>details{padding:1rem 0}.faq>details>summary{font-size:.875rem}.faq>details>p{font-size:.813rem}.shop-page{padding-top:7.5rem}.shop-intro{gap:1.5rem;margin-bottom:3.5rem}.shop-intro>p{font-size:1.5rem;line-height:1.35}.shop-intro>span{font-size:.688rem}.shop-grid{grid-template-columns:1fr;gap:2.5rem}.shop-cover{aspect-ratio:4/4.25}.shop-cover .updrop-art{padding-top:2rem}.shop-item-meta h2{font-size:1.5rem}.shop-item-meta p{font-size:.813rem}.shop-price-row{font-size:.688rem}.shop-info{grid-template-columns:1fr;margin-top:3rem;gap:1rem;font-size:.813rem}.shop-info>span{font-size:1.25rem}.preset-cover-copy{padding:1.5rem}.preset-cover-copy>strong{font-size:3.5rem}.preset-art{min-height:28rem}.preset-title>h2{font-size:2rem}.preset-title>p{font-size:.875rem;margin-top:1rem}.preview-layout{grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}.preview-layout h3{font-size:1.125rem;margin-bottom:.75rem}.preview-layout p{font-size:.813rem}.compare-demo{max-width:none}.compare-demo .preset-cover-copy>strong{font-size:3rem}.compare-demo .preset-cover-copy>span{font-size:.6rem}.product-tabs{font-size:.813rem;gap:1rem;padding-bottom:1rem}.preset-product{padding-top:3rem}.about-intro{padding:7.5rem var(--pad) 2.5rem;grid-template-columns:1fr;gap:2.5rem}.about-aside{display:none}.about-main{padding:0}.about-main>h1{font-size:2rem;line-height:1.3;letter-spacing:-.06rem}.about-copy{gap:1.25rem;margin-top:2rem}.about-copy p{font-size:.875rem;line-height:1.8}.about-copy .text-link{font-size:.813rem}.about-capabilities{padding:2.5rem var(--pad)}.capability-grid{padding:0;grid-template-columns:1fr 1fr;gap:2.5rem 1rem}.capability-grid>div>.icon{width:2rem;height:2rem;margin-bottom:1rem}.capability-grid h3{font-size:1.125rem;line-height:1.3;margin-bottom:.75rem}.capability-grid p{font-size:.75rem;line-height:1.7}.about-universe{padding:3rem var(--pad) 2rem;grid-template-columns:1fr;gap:2rem}.about-universe h2{font-size:1.75rem;line-height:1.3;margin-bottom:1.5rem}.about-universe p{font-size:.875rem;line-height:1.7}.universe-links>a{font-size:1rem;gap:.5rem;grid-template-columns:1fr 1.5fr auto}.universe-links>a>span{font-size:.688rem}.bukangi-art{padding:2rem;gap:1.5rem}.bukangi-art>strong{font-size:2rem;letter-spacing:-.05rem}.press-slots>div{padding:1rem 0;flex-direction:column;gap:.5rem}.press-slots span,.press-slots p{font-size:.813rem}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.logo-float,.logo-ground{animation:none!important}.case-cursor{display:none!important}.logo-hint{display:none}.work-link:hover .work-cover img{transform:none}.app-shelf:hover .app-card{transform:none}}
.work-cover>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s;background:var(--badge)}.work-cover>video.is-playing{opacity:1}
.support-links>.outline-button{margin-right:0;flex:0 0 auto;white-space:nowrap}
.shelf-glass{bottom:-1.75rem}
@media(max-width:767px){}

/* The VISUAL → The VISL: a quiet, scroll-driven typographic introduction. */
.site-header{border-bottom:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s}
.site-header.is-scrolled{background:var(--paper);border-bottom-color:#e9e9e9;box-shadow:0 2px 12px #1c1c1c04;pointer-events:auto}
.footer-profile>strong{font-weight:600}
.local-time{display:flex;align-items:center;justify-content:center;gap:.65rem;font-variant-numeric:tabular-nums}
.clock-divider{color:#bbb;font-weight:300}
.work-slideshow{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.work-slideshow>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:work-preview-cycle 12s linear infinite;animation-delay:calc(var(--slide) * 4s);will-change:opacity,transform}
@keyframes work-preview-cycle{
  0%{opacity:0;transform:scale(1.01)}
  8%{opacity:1}
  33%{opacity:1;transform:scale(1.04)}
  41%,100%{opacity:0;transform:scale(1.055)}
}
@media(max-width:767px){.local-time{gap:.45rem;font-size:.688rem}}
@media(prefers-reduced-motion:reduce){.work-slideshow{display:none}}

.hero--typography{height:100svh;min-height:0;padding:0}
.hero--typography[data-morph-ready="true"]{height:185svh}
.hero-sticky{position:sticky;top:0;height:100svh;width:100%;overflow:hidden}
.hero-sticky>.hero-center{height:100%;min-height:0;width:100%}
.brand-morph{--morph-scale:1;--morph-lift:0px;--morph-progress:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:5rem var(--pad) 7rem;user-select:none}
.morph-caption{font-size:.75rem;line-height:1.5;color:#a8a8a8;letter-spacing:.015rem}
.morph-wordmark{display:flex;justify-content:center;align-items:baseline;margin:2rem 0 1.75rem;font-size:clamp(2.75rem,10.4vw,10.5rem);font-weight:600;line-height:1.15;letter-spacing:-.06em;white-space:nowrap;transform:translateY(var(--morph-lift)) scale(var(--morph-scale));transform-origin:center;will-change:transform}
.morph-prefix{margin-right:.24em}
.morph-name{display:inline-flex;align-items:baseline;white-space:nowrap}
.morph-char{display:inline-block;flex:0 0 auto;white-space:nowrap}
.morph-collapse{display:inline-flex;align-items:baseline;overflow:hidden;width:.7em;flex:0 0 auto;will-change:width,opacity}
.morph-console{display:flex;align-items:center;justify-content:center;gap:.65rem;min-height:1.5rem;color:#8c8c8c;font:400 .75rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.025rem;white-space:nowrap}
.morph-prompt{color:#b6b6b6;font-size:1rem}
.morph-caret{height:.85rem;width:1px;background:#aaa;animation:morph-caret 1.1s steps(1) infinite}
.morph-scroll{display:flex;align-items:center;gap:.65rem;margin-top:3.5rem;color:#aaa;font-size:.688rem;line-height:1.5;letter-spacing:0}
.morph-track{display:block;position:relative;width:4rem;height:1px;background:#e1e1e1;overflow:hidden}
.morph-track>span{display:block;position:absolute;inset:0;background:#8d8d8d;transform-origin:left;transform:scaleX(var(--morph-progress))}
[data-morph-count]{font:400 .625rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;min-width:1.8em;text-align:right}
.morph-down{font-size:.875rem;transform:translateY(calc(var(--morph-progress) * 5px));opacity:calc(1 - var(--morph-progress))}
[data-morph-phase="visl"] .morph-caret{animation:none;opacity:0}
@keyframes morph-caret{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(max-width:767px){
  .brand-morph{padding:4rem .5rem 7rem}
  .morph-caption{font-size:.625rem}
  .morph-wordmark{margin:1.5rem 0;font-size:clamp(2.75rem,11.5vw,10.5rem)}
  .morph-console{font-size:.6rem;gap:.4rem;letter-spacing:-.025rem}
  .morph-caret{height:.7rem}
  .morph-scroll{gap:.5rem;margin-top:2.5rem;font-size:.6rem}
  .morph-track{width:2.5rem}
  [data-morph-count]{font-size:.55rem}
}
@media(prefers-reduced-motion:reduce){
  .hero--typography[data-morph-ready="true"]{height:100svh}
  .morph-wordmark{will-change:auto}
  .morph-collapse{will-change:auto}
  .morph-caret{display:none}
}
/* October product and case study update. */
.case-eyebrow{display:block;margin:1.75rem 0 1rem;color:#777;font-size:.85rem;letter-spacing:.03em}
.expanded-case .case-lead{margin-bottom:2rem}
.expanded-case .case-figure{margin-top:2rem}
.expanded-case .case-figure figcaption{margin:.65rem 0 0;color:#888;font-size:.75rem;line-height:1.6}
.case-action-row{display:flex;flex-wrap:wrap;gap:.65rem}
.case-device-pair{display:grid;grid-template-columns:1.7fr 1fr;gap:2rem;align-items:start}
.case-mobile-shot{max-width:21rem;justify-self:center}
.case-mobile-shot img{border:1px solid #e4e4e4;border-radius:1rem}
.press-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 1.25rem;margin:2.5rem 0}
.press-card{min-width:0}
.press-image{display:block;aspect-ratio:16/10;overflow:hidden;border:1px solid #e8e8e8;border-radius:.4rem;background:#f2f2f2}
.press-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.press-image--article img{object-position:top}
.press-image--broadcast{aspect-ratio:16/9}
.press-image:hover img{transform:scale(1.025)}
.press-copy{padding-top:1rem}
.press-byline{display:flex;flex-direction:column;gap:.3rem;font-size:.75rem;line-height:1.5}
.press-byline strong{font-size:1rem}
.press-byline span,.source-note{color:#888}
.press-copy h3{font-size:1.15rem;line-height:1.5;margin:.8rem 0 .5rem;letter-spacing:-.03em}
.press-copy p{font-size:.9rem;line-height:1.8;margin:0 0 .75rem}
.press-copy .text-link{font-size:.8rem}
.case-block .source-note{font-size:.75rem;line-height:1.8}
.press-more{margin-top:2rem;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.press-more summary{padding:1.25rem 0;display:flex;justify-content:space-between;cursor:pointer;font-size:.9rem}
.press-more[open] summary span{transform:rotate(45deg)}
.press-frame-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-bottom:1.5rem}
.press-frame-grid .case-figure{margin:0}
.case-final{text-align:center}
.bukangi-record-panel{max-width:28rem;margin:0 auto}
.work-cover--bukangi{background:#e6f3f6}
.work-cover .work-animation{display:block;width:100%;height:100%}
.work-cover .work-animation img{object-fit:contain;object-position:center}
.business-footer{width:100%;margin:3rem 0 0;border-top:1px solid #dedede;padding:2rem 0 1.5rem;color:#555;font-size:12px;line-height:1.8;text-align:center}
.site-footer .footer-profile{position:static;left:auto;bottom:auto;transform:none;max-width:100%;margin:0 auto}
.business-footer>strong{display:block;color:var(--ink);font-size:.9rem;margin-bottom:1rem;letter-spacing:-.015em}
.business-footer dl{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.7rem;margin:0 auto;max-width:75rem}
.business-footer dl>div{display:flex;justify-content:center;gap:.5rem;min-width:0}
.business-footer dt{flex-shrink:0;color:#777;white-space:nowrap}
.business-footer dd{margin:0;overflow-wrap:anywhere;word-break:keep-all}
.business-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1.4rem;margin-top:1.25rem;color:#404040;font-size:12px}
.business-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.policy-page,.checkout-page{max-width:75rem;margin:0 auto;padding:9rem 2rem 4rem}
.policy-page>header,.checkout-page>header{margin-bottom:4rem}
.policy-page .back-link,.checkout-page .back-link{display:block;margin-bottom:2rem}
.policy-page .comment-label,.checkout-page .comment-label{display:inline-block;background:none;padding:0;margin-bottom:1.5rem;color:#999;font-size:.75rem}
.policy-page h1,.checkout-page h1{font-size:clamp(2.25rem,4.2vw,4rem);line-height:1.25;letter-spacing:-.055em;margin:0 0 1.5rem}
.policy-page>header>p,.checkout-page>header>p{color:#777;font-size:1rem;line-height:1.9}
.policy-date{display:block;margin:1.5rem 0 0;color:#999;font-size:.75rem}
.policy-tabs{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;padding-top:2rem;margin-top:2rem;border-top:1px solid #ddd;font-size:.85rem;color:#777}
.policy-tabs a[aria-current]{color:#1c1c1c;text-decoration:underline;text-underline-offset:6px}
.policy-layout{display:grid;grid-template-columns:13rem minmax(0,1fr);gap:4rem;align-items:start}
.policy-toc{position:sticky;top:7rem;display:flex;flex-direction:column;gap:.9rem;font-size:.75rem;color:#888;line-height:1.7}
.policy-toc a:hover{color:#222}
.policy-content{min-width:0}
.policy-content section{margin-bottom:3rem;scroll-margin-top:7rem}
.policy-content h2{font-size:1.2rem;line-height:1.7;letter-spacing:-.035em;margin:0 0 1rem}
.policy-content p{font-size:.9rem;line-height:2;color:#666;margin:0 0 1rem;word-break:keep-all;overflow-wrap:anywhere}
.policy-content p a{text-decoration:underline;text-underline-offset:4px}
.policy-table-wrap{overflow:auto;max-width:100%;margin:1.5rem 0}
.policy-content table{border-collapse:collapse;width:100%;font-size:.8rem;line-height:1.85;text-align:left}
.policy-content th,.policy-content td{padding:.8rem;border:1px solid #e0e0e0;min-width:6rem;vertical-align:top}
.policy-content th{background:#f0f0f0;font-weight:500;color:#333}
.policy-content td{color:#666}
.up-purchase{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.up-purchase>div>p{font-size:.9rem;line-height:1.9;color:var(--up-muted);margin-bottom:1.5rem}
.up-license-card{padding:2rem;border:1px solid var(--up-line);background:var(--up-panel);border-radius:1rem}
.up-license-card>span,.up-license-card>small{display:block;color:var(--up-muted);font-size:.75rem;line-height:1.8}
.up-license-card>strong{display:block;font-size:3.1rem;letter-spacing:-.06em;margin:.7rem 0 .3rem;font-weight:500}
.up-license-card dl{border-top:1px solid var(--up-line);margin:1.5rem 0}
.up-license-card dl>div{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;font-size:.8rem;line-height:1.8}
.up-license-card dt{color:var(--up-muted)}
.up-license-card dd{margin:0;text-align:right}
.up-license-card .up-button{width:100%}
.up-purchase .up-license-card>p{font-size:.7rem;line-height:1.8;margin:1rem 0 0}
.checkout-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.checkout-product{border-radius:1rem;border:1px solid #dedede;padding:2rem;background:#f5f5f5}
.checkout-product img{margin-bottom:1.5rem}
.checkout-product h2{font-size:1.8rem;letter-spacing:-.04em;margin:0 0 .5rem}
.checkout-product>p,.checkout-product>span{font-size:.8rem;color:#777;line-height:1.8}
.checkout-price{display:block;font-size:2.7rem;letter-spacing:-.06em;margin:1.5rem 0 .25rem;font-weight:500}
.checkout-product dl{border-top:1px solid #ddd;margin:2rem 0}
.checkout-product dl>div{padding:.9rem 0;border-bottom:1px solid #ddd;font-size:.8rem;line-height:1.8}
.checkout-product dt{color:#999;margin-bottom:.35rem}
.checkout-product dd{margin:0;color:#555;word-break:keep-all}
.checkout-state{display:inline-block;padding:.4rem .7rem;border:1px solid #ddd;border-radius:.35rem;font-size:.7rem;color:#777;margin-bottom:1.4rem}
.checkout-form-panel h2{font-size:1.5rem;letter-spacing:-.04em;margin-bottom:1rem}
.checkout-notice,.checkout-result{font-size:.85rem;color:#777;line-height:1.9;margin-bottom:1.5rem}
.checkout-form-panel fieldset{border:0;padding:0;margin:0;min-width:0}
.checkout-form-panel label:not(.checkout-consent){display:block;font-size:.8rem;color:#555;margin-bottom:1rem}
.checkout-form-panel input:not([type=checkbox]){display:block;width:100%;padding:.8rem;margin:.5rem 0;border:1px solid #d8d8d8;border-radius:.4rem;background:#fff;color:#222;font:inherit;box-sizing:border-box}
.checkout-form-panel small{font-size:.7rem;line-height:1.8;color:#888}
.checkout-form-panel fieldset:disabled{opacity:.55}
.checkout-consent{display:flex;gap:.7rem;align-items:flex-start;margin:1rem 0;font-size:.75rem;line-height:1.8;color:#666}
.checkout-consent input{flex-shrink:0;margin-top:.25rem;accent-color:#222;width:1rem;height:1rem}
.checkout-consent a{text-decoration:underline;text-underline-offset:3px}
.checkout-pay{width:100%;border:0;border-radius:.5rem;background:#1c1c1c;color:white;font:inherit;font-size:.9rem;padding:1rem;margin-top:1rem;min-height:3.2rem}
.checkout-pay:disabled,.checkout-form-panel fieldset:disabled .checkout-pay{cursor:not-allowed}
.checkout-result{margin-top:1rem;overflow-wrap:anywhere}
.checkout-result:empty{display:none}
.checkout-test-note{padding:1rem;background:#f0f0f0;font-size:.75rem;line-height:1.8;color:#666;margin-top:1.5rem;border-radius:.4rem}
.payment-return{max-width:50rem;min-height:60svh}
.payment-return-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:2rem}
@media(max-width:991px){.policy-layout{gap:2rem;grid-template-columns:11rem minmax(0,1fr)}.checkout-layout{gap:2rem}.up-purchase{gap:2rem}}
@media(max-width:767px){.business-footer{margin-top:2rem;font-size:12px}.business-footer dl{display:grid;grid-template-columns:1fr;gap:.5rem}.business-footer dl>div{display:block;text-align:center}.business-footer dt{display:inline;width:auto;margin-right:.5rem}.business-footer dd{display:inline}.business-footer nav{font-size:12px;gap:1rem}.policy-page,.checkout-page{padding:7rem 1rem 2rem}.policy-page>header,.checkout-page>header{margin-bottom:2.5rem}.policy-layout,.checkout-layout,.up-purchase{grid-template-columns:1fr;gap:2rem}.policy-toc{position:static;display:flex;flex-direction:row;flex-wrap:wrap;padding:1rem 0;border-bottom:1px solid #ddd;font-size:.7rem;gap:.5rem 1rem}.policy-content h2{font-size:1.1rem}.policy-content p{font-size:.85rem}.policy-tabs{gap:.75rem 1rem;font-size:.75rem}.policy-content th,.policy-content td{padding:.6rem;font-size:.75rem}.checkout-product{padding:1.5rem}.up-license-card{padding:1.5rem}.up-license-card>strong{font-size:2.7rem}.checkout-page h1{font-size:2.4rem}}
.hana-download-intro{margin:1.75rem 0 2rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.hana-download-intro span{color:#888;font-size:.75rem}
.hana-download{background:#1c1c1c!important;color:#fff!important;border-color:#1c1c1c!important}
.product-icon--updrop{background:transparent!important;box-shadow:none!important;overflow:visible!important}
.product-icon--updrop img{display:block;width:100%;height:100%;object-fit:contain}
.app-color--updrop{background:linear-gradient(145deg,#242529,#666b7a)!important}
.app-color--updrop .mini-window{background:#17181c;color:#f3f3f3}
.app-color--updrop .mini-window b{font-size:1.2rem}
.updrop-shop-art{height:100%;width:100%;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;background:radial-gradient(ellipse at 50% 45%,#343640,#141518 64%,#090a0c);color:#f6f6f8;text-align:center}
.updrop-shop-art .up-shop-label{align-self:flex-start;margin-bottom:auto;font-size:.75rem;color:#b3b5be}
.updrop-shop-art img{width:54%;height:auto;margin:1rem 0;filter:drop-shadow(0 12px 18px #0008)}
.updrop-shop-art strong{font-size:clamp(1.3rem,2.1vw,2rem);letter-spacing:-.05em}
.updrop-shop-art>span:not(.up-shop-label){font-size:.8rem;color:#b9bbc4}
.updrop-shop-art small{font-size:.6rem;letter-spacing:.15em;margin-top:auto;padding-top:1.5rem;color:#b9bbc4}
.updrop-page{background:#0b0c0f;color:#f2f2f5;margin-top:5rem;overflow:clip;--up-muted:#a9abb6;--up-line:#ffffff20;--up-panel:#14151a}
.up-section{max-width:78rem;margin:0 auto;padding:6rem 2rem;border-bottom:1px solid var(--up-line)}
.up-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:5rem;align-items:center;padding-top:3rem;padding-bottom:5rem;min-height:calc(100svh - 5rem)}
.up-back{display:inline-block;color:var(--up-muted);font-size:.8rem;margin-bottom:2rem}
.up-product{display:flex;gap:.8rem;align-items:center;margin-bottom:2.5rem}
.up-product img{width:4rem;height:4rem}
.up-product>span{font-size:1.8rem;letter-spacing:-.045em;display:flex;align-items:baseline;gap:.8rem}
.up-product small{font-size:.7rem;color:var(--up-muted);letter-spacing:0}
.up-eyebrow{display:block;color:var(--up-muted);font-family:BaruSans,'Noto Sans KR',sans-serif;font-size:.75rem;letter-spacing:.055em;line-height:1.6;margin-bottom:1.5rem}
.up-hero h1{font-size:clamp(3rem,4.6vw,5rem);font-weight:600;line-height:1.22;letter-spacing:-.075em;margin:0 0 1.75rem;word-break:keep-all}
.up-hero h1>span{color:#b8c8f0}
.up-lead{color:var(--up-muted);font-size:1.05rem;line-height:1.85;letter-spacing:-.035em}
.up-hero-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin:2rem 0 1rem}
.up-button{display:inline-flex;justify-content:center;align-items:center;min-height:3.2rem;padding:.85rem 1.35rem;border-radius:.65rem;border:1px solid #f1f2f5;background:#f1f2f5;color:#14151a;font-weight:600;font-size:.95rem;line-height:1.5;transition:background .2s,transform .2s}
.up-button:hover{background:#dce4fa;transform:translateY(-2px)}
.up-text-link{color:#c9cbd4;font-size:.8rem;line-height:1.7;text-decoration:underline;text-underline-offset:4px}
.up-availability{color:var(--up-muted);font-size:.7rem;line-height:1.8;letter-spacing:-.01em}
.up-hero-visual{position:relative;display:flex;flex-direction:column;align-items:center}
.up-hero-visual:before{content:'';position:absolute;inset:15% -30%;background:radial-gradient(ellipse,#4a548242,transparent 68%);pointer-events:none}
.up-video-frame{position:relative;width:min(100%,23rem);border:1px solid #ffffff30;border-radius:1.15rem;overflow:hidden;box-shadow:0 30px 100px #0008;background:#14151a;scroll-margin-top:7rem}
.up-video-frame video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}
.up-video-controls{display:flex;gap:.5rem;justify-content:space-between;align-items:center;padding:.75rem;font-size:.6rem;color:#c4c5ce;background:#14151a}
.up-video-controls>div{display:flex;gap:.45rem}
.up-video-controls button{font:inherit;color:inherit;border:1px solid #ffffff30;border-radius:.3rem;padding:.4rem .5rem;background:transparent;cursor:pointer;white-space:nowrap}
.up-video-controls button:hover{background:#ffffff18}
.up-visual-caption{margin-top:1.2rem;color:#858894;font-size:.65rem;letter-spacing:.13em}
.up-section-heading{margin-bottom:3rem}
.up-section h2{font-size:clamp(2rem,3.2vw,3.3rem);font-weight:500;line-height:1.35;letter-spacing:-.065em;margin:0 0 1.5rem;word-break:keep-all}
.up-section-heading>p,.up-beta p{color:var(--up-muted);font-size:.95rem;line-height:1.9;letter-spacing:-.025em}
.up-workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.up-workflow-grid article{border:1px solid var(--up-line);border-radius:.85rem;padding:1.5rem;min-width:0;background:linear-gradient(160deg,#1b1d25,#111216)}
.up-step{font-size:.65rem;letter-spacing:.1em;color:var(--up-muted)}
.up-flow-visual{height:10rem;display:flex;align-items:center;justify-content:center;gap:.75rem;color:#969db1}
.up-file{display:flex;align-items:center;justify-content:center;min-width:4.3rem;min-height:4.7rem;border:1px solid #656b7e;border-radius:.5rem .9rem .5rem .5rem;font-size:.65rem;background:#262a34;color:#d5d9e6;box-shadow:0 8px 20px #0003;transform:rotate(-7deg)}
.up-file--light{background:#ced4e3;color:#191d29;transform:rotate(8deg)}
.up-notch{padding:.75rem .7rem;border-radius:0 0 .85rem .85rem;background:#050507;color:#bfc6da;font-size:.7rem;border:1px solid #424652}
.up-droplet{display:grid;place-items:center;width:3.6rem;height:4.1rem;background:linear-gradient(135deg,#e4e8ef,#85899f);color:#181b25;border-radius:60% 60% 65% 65%;font-size:1.7rem;box-shadow:0 8px 30px #a2b3ec30}
.up-workflow-grid h3,.up-tools-grid h3{font-size:1.1rem;font-weight:500;line-height:1.6;letter-spacing:-.04em;margin:0 0 .8rem;word-break:keep-all}
.up-workflow-grid p,.up-tools-grid p{font-size:.85rem;line-height:1.9;color:var(--up-muted);letter-spacing:-.02em;margin:0}
.up-conversion-list{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;padding:0;margin:0}
.up-conversion-list li{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;border:1px solid var(--up-line);border-radius:.75rem;padding:1.5rem;background:var(--up-panel)}
.conversion-file{display:grid;place-items:center;width:2.3rem;height:2.7rem;border:1px solid #687083;border-radius:.2rem .75rem .2rem .2rem;background:#303543;color:#c9d3ea;font-size:1rem;margin-bottom:.8rem}
.up-conversion-list strong{font-weight:500;font-size:1rem}
.up-conversion-list li>span:last-child{color:var(--up-muted);font-size:.75rem;line-height:1.7;word-break:keep-all}
.up-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 3rem}
.up-tools-grid article{padding:2rem 0;border-top:1px solid var(--up-line)}
.up-tools-grid .up-eyebrow{font-size:.65rem;margin-bottom:1rem}
.up-beta{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center;background:radial-gradient(ellipse at 0 0,#242937,transparent 75%)}
.up-beta .up-button{margin-top:1rem}
.up-email{display:block;color:var(--up-muted);font-size:.8rem;margin-top:1rem}
.up-beta-facts{margin:0;border-top:1px solid var(--up-line)}
.up-beta-facts>div{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--up-line);font-size:.8rem;line-height:1.7}
.up-beta-facts dt{color:var(--up-muted)}
.up-beta-facts dd{margin:0;text-align:right}
.up-faq{max-width:58rem}
.up-faq details{border-bottom:1px solid var(--up-line)}
.up-faq summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0;font-size:.95rem;line-height:1.7;cursor:pointer;list-style:none;letter-spacing:-.03em}
.up-faq summary::-webkit-details-marker{display:none}
.up-faq summary span{font-size:1.5rem;color:var(--up-muted)}
.up-faq details[open] summary span{transform:rotate(45deg)}
.up-faq details p{color:var(--up-muted);font-size:.85rem;line-height:1.95;margin:0 2rem 1.5rem 0}
.up-bottom{border:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:5rem}
.up-bottom>strong{font-size:clamp(2rem,5vw,4rem);letter-spacing:-.06em;margin-top:1rem}
.up-bottom>p{color:var(--up-muted);font-size:.75rem;line-height:1.9}
.up-bottom .up-trademark{font-size:.65rem;margin:2rem 0;max-width:36rem;word-break:keep-all}
.up-mobile-cta{display:none}
.updrop-page :focus-visible{outline:2px solid #cedbff;outline-offset:5px}
@media(min-width:1800px){.up-section{max-width:90rem}.up-hero{gap:8rem}.up-video-frame{width:26rem}}
@media(max-width:991px){.up-section{padding:4rem 1.5rem}.up-hero{gap:2rem}.up-hero h1{font-size:3.3rem}.up-product{margin-bottom:2rem}.up-lead{font-size:.9rem}.up-workflow-grid article{padding:1rem}.up-flow-visual{gap:.5rem}.up-file{min-width:3.2rem}.up-workflow-grid h3{font-size:.95rem}.up-conversion-list{grid-template-columns:repeat(3,minmax(0,1fr))}.up-beta{gap:2rem}}
@media(max-width:767px){.case-device-pair{grid-template-columns:1fr;gap:.5rem}.case-mobile-shot{max-width:18rem}.press-grid{gap:2rem 1rem}.press-byline span{font-size:.65rem}.press-copy h3{font-size:1rem}.press-copy p{font-size:.8rem}.case-press .case-lead{font-size:1.2rem}.hana-download-intro{align-items:flex-start;flex-direction:column}.updrop-page{margin-top:4.5rem}.up-section{padding:3.5rem 1.25rem}.up-hero{grid-template-columns:1fr;gap:2.5rem;padding-top:1.5rem}.up-back{margin-bottom:1.5rem}.up-product{margin-bottom:2rem}.up-hero h1{font-size:clamp(2.8rem,9.5vw,4rem)}.up-hero .up-eyebrow{font-size:.65rem}.up-lead{font-size:.95rem}.up-hero-actions{gap:1rem}.up-hero-visual{padding:0 1rem}.up-video-frame{width:22rem;max-width:100%}.up-section h2{font-size:2rem}.up-workflow-grid{grid-template-columns:1fr}.up-workflow-grid article{padding:1.5rem}.up-flow-visual{height:8rem}.up-file{min-width:4.5rem}.up-workflow-grid h3{font-size:1.1rem}.up-conversion-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.up-conversion-list li{padding:1.2rem}.up-tools-grid{grid-template-columns:1fr;gap:0}.up-beta{grid-template-columns:1fr;gap:2.5rem}.up-faq summary{font-size:.9rem}.up-section-heading{margin-bottom:2rem}.up-bottom{padding-bottom:7rem}.up-mobile-cta{position:fixed;z-index:20;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));background:#121318f5;backdrop-filter:blur(16px);border-top:1px solid #ffffff28;box-shadow:0 -8px 24px #0003}.up-mobile-cta>span{font-size:1rem;letter-spacing:-.04em}.up-mobile-cta small{display:block;color:var(--up-muted);font-size:.6rem;margin-top:.15rem;letter-spacing:0}.up-mobile-cta .up-button{font-size:.8rem;min-height:2.7rem;padding:.6rem 1rem}body[data-page="updrop"] .site-footer{padding-bottom:6rem}}
@media(max-width:420px){.press-grid,.press-frame-grid{grid-template-columns:1fr}.press-byline{flex-direction:row;align-items:baseline;justify-content:space-between}.press-copy h3{font-size:1.1rem}.up-hero-visual{padding:0}.up-section h2{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){.press-image img,.up-button{transition:none}.up-button:hover{transform:none}}
