.unit-case,
.unit-case * { box-sizing: border-box; }
.unit-case { --ink:#17122f; --muted:#736b8e; --violet:#765de8; --pink:#ea61bd; --cyan:#54c8ef; --night:#09091f; --night2:#102746; font-family:Gilroy,Montserrat,Arial,sans-serif; overflow:hidden; background:#09091f; }
.unit-case img { display:block; width:100%; height:auto; }
.unit-case button,.unit-case a { font:inherit; }
.uc-section { position:relative; isolation:isolate; min-height:760px; padding:clamp(58px,6vw,94px) 0; }
.uc-wrap { width:min(1320px,calc(100% - 80px)); margin:0 auto; position:relative; z-index:2; }
.uc-dark { color:#f7f5ff; background:radial-gradient(circle at 80% 18%,rgba(101,72,245,.25),transparent 34%),linear-gradient(135deg,#070719 0%,#11102d 55%,#0b2845 100%); }
.uc-light { color:var(--ink); background:radial-gradient(circle at 82% 12%,rgba(238,159,239,.28),transparent 32%),radial-gradient(circle at 17% 85%,rgba(79,188,255,.15),transparent 35%),#f7f3ff; }
.uc-dark:before,.uc-light:before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.4; background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px); background-size:210px 180px; }
.uc-light:before { opacity:.2; background-image:radial-gradient(circle,#775de8 0 1px,transparent 1.5px); }
.uc-orbits { position:absolute; width:1150px; aspect-ratio:1; border:1px solid rgba(122,111,255,.22); border-radius:50%; right:-360px; top:-220px; }
.uc-orbits:before,.uc-orbits:after { content:""; position:absolute; border:1px solid rgba(102,182,255,.16); border-radius:50%; inset:13%; transform:rotate(-14deg); }
.uc-orbits:after { inset:29%; border-color:rgba(236,95,195,.13); transform:rotate(19deg); }
.uc-kicker-row { display:flex; align-items:center; gap:14px; min-height:40px; margin-bottom:clamp(44px,5vw,76px); font-size:12px; letter-spacing:.18em; }
.uc-kicker-row b { font-weight:700; }
.uc-case-mark { display:grid; place-items:center; width:36px; height:36px; border:1px solid currentColor; border-radius:11px; color:var(--pink); font-size:0; }
.uc-case-mark:before { content:""; width:15px; height:15px; background:currentColor; clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%); }
.uc-count { margin-left:auto; color:currentColor; opacity:.55; }
.uc-eyebrow { display:flex; align-items:center; gap:12px; margin:0 0 24px; font-size:12px; font-weight:700; letter-spacing:.17em; }
.uc-eyebrow i { width:8px; height:8px; border-radius:50%; background:var(--cyan); }
.uc-copy h1,.uc-copy h2,.uc-section-heading h2 { margin:0; font-weight:700; letter-spacing:-.055em; line-height:.98; }
.uc-copy h1 { font-size:clamp(56px,6.3vw,92px); text-transform:uppercase; }
.uc-copy h1 span,.uc-copy h2 span,.uc-section-heading h2 span { background:linear-gradient(90deg,var(--cyan),#8c78ff 55%,var(--pink)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.uc-copy h2,.uc-section-heading h2 { font-size:clamp(46px,5vw,72px); }
.uc-lead { max-width:590px; margin:24px 0 0; font-size:clamp(17px,1.45vw,21px); line-height:1.55; color:inherit; opacity:.72; }
.uc-actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin-top:30px; }
.uc-button { min-height:50px; padding:0 24px; border-radius:999px; display:inline-flex; align-items:center; gap:28px; justify-content:center; color:#fff; text-decoration:none; font-size:12px; font-weight:700; letter-spacing:.1em; }
.uc-button-gradient { background:linear-gradient(100deg,#745be9,#ea61bd); box-shadow:0 14px 44px rgba(128,76,231,.25); }
.uc-theme-toggle { min-height:50px; padding:0 20px; border:1px solid rgba(139,125,213,.35); border-radius:999px; background:transparent; color:inherit; display:flex; align-items:center; gap:14px; font-size:11px; letter-spacing:.08em; cursor:pointer; }
.uc-theme-toggle i { width:46px; height:25px; border-radius:20px; background:linear-gradient(90deg,#6855dc,#ea61bd); padding:3px; }
.uc-theme-toggle i b { display:block; width:19px; height:19px; border-radius:50%; background:#fff; transform:translateX(21px); transition:transform .35s ease; }
.unit-case[data-preview-theme="light"] .uc-theme-toggle i b { transform:translateX(0); }
.uc-hero { min-height:calc(100vh - 82px); padding-top:54px; }
.uc-hero-grid { display:grid; grid-template-columns:.78fr 1.42fr; gap:45px; align-items:center; }
.uc-device-stage { position:relative; min-height:520px; }
.uc-monitor { position:absolute; width:85%; right:0; top:0; }
.uc-monitor-screen { position:relative; aspect-ratio:16/9.3; overflow:hidden; border:13px solid #2b2c3b; border-radius:26px; background:#111; }
.uc-monitor-screen img { position:absolute; inset:0; height:100%; object-fit:cover; object-position:top; transition:opacity .4s ease; }
.uc-preview-light { opacity:0; }
.uc-preview-dark { opacity:1; }
.unit-case[data-preview-theme="light"] .uc-preview-light { opacity:1; }
.unit-case[data-preview-theme="light"] .uc-preview-dark { opacity:0; }
.uc-monitor-neck { display:block; width:12%; height:82px; margin:auto; background:linear-gradient(#2b2c3b,#111326); }
.uc-monitor-foot { display:block; width:34%; height:15px; border-radius:50%; margin:-3px auto 0; background:#090b18; }
.uc-phone { position:absolute; width:21%; right:-2%; bottom:8px; aspect-ratio:390/844; border:9px solid #343444; border-radius:34px; overflow:hidden; background:#111; box-shadow:0 28px 70px rgba(0,0,0,.4); }
.uc-phone img { position:absolute; inset:0; height:100%; object-fit:cover; object-position:top; transition:opacity .4s ease; }
.uc-phone-notch { position:absolute; top:0; left:30%; width:40%; height:15px; border-radius:0 0 12px 12px; background:#171724; z-index:3; }
.uc-caption { position:absolute; left:28%; bottom:8px; font-size:10px; letter-spacing:.18em; opacity:.65; }
.uc-metrics { display:grid; grid-template-columns:repeat(3,1fr); margin-top:38px; border:1px solid rgba(255,255,255,.1); }
.uc-metrics article { display:flex; align-items:center; gap:26px; min-height:105px; padding:20px 26px; border-right:1px solid rgba(255,255,255,.1); }
.uc-metrics article:last-child { border:0; }
.uc-metrics strong { font-size:34px; line-height:1; color:#74d2ff; white-space:nowrap; }
.uc-metrics article:nth-child(2) strong,.uc-metrics article:nth-child(3) strong { color:var(--pink); }
.uc-metrics div { display:flex; flex-direction:column; gap:7px; }
.uc-metrics b,.uc-metrics span { font-size:11px; letter-spacing:.1em; }
.uc-metrics span { opacity:.55; }
.uc-start-grid { display:grid; grid-template-columns:1.65fr .8fr; gap:34px; align-items:start; }
.uc-tech-card,.uc-task-card { margin:34px 0 0; padding:18px; background:rgba(255,255,255,.76); border:1px solid rgba(75,58,135,.13); border-radius:28px; box-shadow:0 28px 70px rgba(74,42,123,.08); }
.uc-tech-card figcaption { padding:0 2px 15px; font-size:11px; font-weight:700; letter-spacing:.14em; }
.uc-window-dots { color:var(--pink); letter-spacing:.2em; margin-right:12px; }
.uc-tech-card img { aspect-ratio:1.72/1; object-fit:cover; border-radius:20px; }
.uc-task-card { padding:30px; }
.uc-pill { display:inline-flex; padding:10px 16px; border-radius:20px; background:#eee8ff; color:#7156d8; font-size:10px; font-weight:700; letter-spacing:.12em; }
.uc-task-card blockquote { margin:24px 0; padding-bottom:24px; border-bottom:1px solid rgba(43,31,89,.12); font-size:clamp(24px,2.2vw,34px); line-height:1.15; font-weight:700; }
.uc-task-card h3 { font-size:11px; letter-spacing:.14em; }
.uc-task-card ol,.uc-step-card ol { list-style:none; margin:18px 0; padding:0; display:grid; gap:8px; }
.uc-task-card li { display:flex; align-items:center; gap:16px; min-height:43px; padding:10px 14px; border:1px solid rgba(102,77,177,.12); border-radius:14px; background:#f7f4ff; font-size:13px; }
.uc-task-card li b { color:var(--violet); }
.uc-task-card li:nth-child(2) b,.uc-task-card li:nth-child(5) b { color:var(--pink); }
.uc-role { margin-top:24px; padding:26px; border-radius:22px; background:linear-gradient(135deg,#2b1e62,#6b2d77); color:#fff; }
.uc-role small,.uc-role strong { display:block; }
.uc-role small { letter-spacing:.14em; }
.uc-role strong { margin:13px 0 7px; font-size:27px; }
.uc-role p { margin:0; line-height:1.5; opacity:.7; }
.uc-process-line,.uc-credits,.uc-notes,.uc-end-links { display:flex; align-items:center; justify-content:space-between; margin-top:42px; padding-top:19px; border-top:1px solid currentColor; color:inherit; opacity:.65; font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.uc-process-line span:before,.uc-credits span:before,.uc-notes span:before { content:""; display:inline-block; width:8px; height:8px; margin-right:12px; border-radius:50%; background:var(--violet); }
.uc-process-line span:nth-child(2):before,.uc-credits span:nth-child(2):before,.uc-notes span:nth-child(2):before { background:var(--pink); }
.uc-process-line span:nth-child(3):before { background:var(--cyan); }
.uc-characters { overflow:hidden; }
.uc-character-orbits { position:absolute; right:-240px; top:40px; width:880px; aspect-ratio:1; border:1px solid rgba(118,93,232,.12); border-radius:50%; pointer-events:none; }
.uc-character-orbits:before,.uc-character-orbits:after { content:""; position:absolute; inset:13%; border:1px solid rgba(84,200,239,.11); border-radius:50%; transform:rotate(-16deg); }
.uc-character-orbits:after { inset:31%; border-color:rgba(234,97,189,.11); transform:rotate(21deg); }
.uc-characters-grid { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.52fr); gap:48px; align-items:center; }
.uc-character-copy,.uc-character-stage,.uc-character-card,.uc-character-card li span { min-width:0; }
.uc-character-copy h2 { font-size:clamp(46px,4.7vw,70px); }
.uc-character-badges { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }
.uc-character-badges span { display:flex; align-items:center; gap:10px; min-height:40px; padding:9px 15px; border:1px solid rgba(93,74,173,.12); border-radius:999px; background:#eee8ff; color:#4d456b; font-size:10px; font-weight:700; letter-spacing:.08em; white-space:nowrap; }
.uc-character-badges span:nth-child(2) { background:#e8f8ff; }
.uc-character-badges i { width:10px; height:10px; flex:0 0 10px; border-radius:50%; background:var(--violet); }
.uc-character-badges span:nth-child(2) i { background:var(--cyan); }
.uc-character-card { margin-top:42px; padding:30px 28px 18px; border:1px solid rgba(75,58,135,.13); border-radius:28px; background:rgba(255,255,255,.82); box-shadow:0 28px 70px rgba(74,42,123,.08); }
.uc-character-card h3 { margin:0 0 22px; color:#756d91; font-size:10px; letter-spacing:.14em; }
.uc-character-card ol { display:grid; gap:9px; margin:0; padding:0; list-style:none; }
.uc-character-card li { display:grid; grid-template-columns:30px minmax(0,1fr); align-items:center; gap:12px; min-height:44px; padding:6px 0; color:var(--ink); font-size:14px; font-weight:700; line-height:1.3; overflow-wrap:break-word; }
.uc-character-card li b { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:var(--violet); color:#fff; font-size:9px; }
.uc-character-card li:nth-child(2) b { background:var(--pink); }
.uc-character-card li:nth-child(3) b { background:var(--cyan); }
.uc-character-card>p { margin:13px 0 0; padding-top:13px; border-top:1px solid rgba(75,58,135,.12); color:#8a829f; font-size:9px; letter-spacing:.08em; line-height:1.4; overflow-wrap:break-word; }
.uc-character-stage { position:relative; min-height:720px; overflow:hidden; border-radius:38px; background:radial-gradient(circle at 91% 84%,rgba(19,159,216,.27),transparent 38%),radial-gradient(circle at 18% 56%,rgba(234,97,189,.18),transparent 36%),linear-gradient(135deg,#111039 0%,#241451 55%,#073d5b 100%); box-shadow:0 30px 80px rgba(49,37,112,.17); }
.uc-character-stage:before,.uc-character-stage:after { content:""; position:absolute; width:88%; height:58%; left:7%; top:19%; border:1px solid rgba(130,108,248,.28); border-radius:50%; transform:rotate(-12deg); }
.uc-character-stage:after { width:72%; height:44%; left:14%; top:29%; border-color:rgba(84,200,239,.18); transform:rotate(10deg); }
.uc-character-system { position:absolute; top:34px; left:36px; z-index:5; color:#d7d1f0; font-size:10px; font-weight:700; letter-spacing:.14em; }
.uc-character-face { position:absolute; z-index:3; left:4%; top:8%; width:27%; aspect-ratio:1; overflow:hidden; border:4px solid #875ee9; border-radius:50%; background:#21164d; box-shadow:0 0 0 8px rgba(234,97,189,.08); }
.uc-character-face img { position:absolute; width:215%; max-width:none; left:-61%; top:-8%; }
.uc-character-stage>.uc-character-stars { position:absolute; z-index:2; width:16%; right:7%; top:7%; opacity:.82; }
.uc-character-stage>.uc-character-flying { position:absolute; z-index:3; width:27%; right:33%; top:3%; animation:uc-character-float 7s ease-in-out infinite; }
.uc-character-stage>.uc-character-boy { position:absolute; z-index:4; width:27%; right:5%; top:16%; object-fit:contain; }
.uc-character-stage>.uc-character-girl { position:absolute; z-index:4; width:53%; left:30%; top:20%; }
.uc-character-stage>.uc-character-ufo { position:absolute; z-index:3; width:34%; left:5%; top:31%; animation:uc-character-float 8.5s ease-in-out -2s infinite; }
.uc-character-strip { position:absolute; z-index:7; left:4%; right:4%; bottom:4%; min-height:138px; padding:24px 22px 15px; border:1px solid rgba(142,122,232,.2); border-radius:26px; background:rgba(7,17,54,.76); backdrop-filter:blur(12px); }
.uc-character-strip-title,.uc-character-strip-note { display:block; color:#cbc5ec; font-size:8px; font-weight:700; letter-spacing:.13em; }
.uc-character-thumbs { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin:14px 0 8px; }
.uc-character-thumbs figure { display:grid; place-items:center; margin:0; min-width:0; aspect-ratio:1; overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:50%; background:rgba(255,255,255,.055); transition:transform .25s ease,border-color .25s ease; }
.uc-character-thumbs figure:hover { transform:translateY(-4px); border-color:rgba(84,200,239,.55); }
.uc-character-thumbs img { width:94%; height:94%; object-fit:contain; }
.uc-character-thumbs figure:nth-child(2) img { width:76%; height:76%; }
.uc-character-strip-note { opacity:.65; }
.uc-character-foot { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:42px; padding-top:18px; border-top:1px solid rgba(83,66,148,.17); color:#756d91; font-size:9px; font-weight:700; letter-spacing:.12em; line-height:1.4; }
@keyframes uc-character-float { 0%,100% { transform:translateY(0) rotate(-1deg); } 50% { transform:translateY(-9px) rotate(1deg); } }
.uc-section-heading { max-width:820px; }
.uc-facade-grid { display:grid; grid-template-columns:2.05fr .82fr; gap:28px; margin-top:36px; }
.uc-photo-card { position:relative; margin:0; overflow:hidden; border-radius:28px; background:#111; }
.uc-photo-card img { height:100%; object-fit:cover; }
.uc-photo-card figcaption { position:absolute; left:0; right:0; bottom:0; padding:46px 28px 22px; display:flex; flex-direction:column; gap:7px; background:linear-gradient(transparent,rgba(5,6,20,.92)); color:#fff; }
.uc-photo-card figcaption strong { font-size:26px; }
.uc-photo-card figcaption span { font-size:10px; letter-spacing:.13em; opacity:.7; }
.uc-step-card { padding:18px; border:1px solid rgba(255,255,255,.12); border-radius:28px; background:rgba(255,255,255,.04); }
.uc-step-card>img { aspect-ratio:1.7/1; object-fit:cover; border-radius:18px; }
.uc-step-card h3 { margin:28px 10px 16px; font-size:11px; letter-spacing:.13em; opacity:.7; }
.uc-step-card li { display:flex; gap:14px; padding:10px; }
.uc-step-card li>b { display:grid; place-items:center; flex:0 0 32px; height:32px; border-radius:50%; background:var(--violet); font-size:11px; }
.uc-step-card li:nth-child(2)>b { background:var(--pink); }
.uc-step-card li:nth-child(3)>b { background:var(--cyan); }
.uc-step-card li div { display:flex; flex-direction:column; gap:5px; }
.uc-step-card li strong { font-size:16px; }
.uc-step-card li span { font-size:12px; opacity:.55; line-height:1.35; }
.uc-ready { margin-top:18px; padding:20px; border-radius:18px; background:linear-gradient(100deg,#7050de,#c14fc0); display:flex; flex-direction:column; gap:8px; }
.uc-ready b { font-size:11px; letter-spacing:.11em; }
.uc-ready span { font-size:12px; opacity:.72; line-height:1.4; }
.uc-feedback-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:58px; }
.uc-chain { display:flex; align-items:center; justify-content:space-between; max-width:320px; margin:26px 0; padding:13px 21px; border-radius:999px; color:#fff; background:linear-gradient(90deg,var(--violet),var(--pink)); font-size:11px; font-weight:700; letter-spacing:.1em; }
.uc-sign-card { position:relative; height:370px; margin:0; overflow:hidden; border-radius:28px; }
.uc-sign-card img { height:100%; object-fit:cover; }
.uc-sign-card figcaption { position:absolute; left:20px; bottom:18px; color:#fff; font-size:22px; font-weight:700; text-shadow:0 3px 14px rgba(0,0,0,.55); }
.uc-chat-stack { position:relative; min-height:630px; }
.uc-chat-card { position:absolute; margin:0; padding:14px; border-radius:28px; background:#15171d; box-shadow:0 30px 70px rgba(42,25,79,.14); }
.uc-chat-card figcaption { position:absolute; top:-34px; left:0; min-width:235px; padding:10px 18px; border-radius:999px; background:#fff; border:1px solid #ded4f0; color:#5c5276; font-size:10px; font-weight:700; letter-spacing:.13em; }
.uc-chat-card img { border-radius:18px; }
.uc-chat-one { width:78%; top:34px; left:0; }
.uc-chat-two { width:76%; right:0; top:340px; }
.uc-quote-list { position:absolute; right:0; top:18px; width:31%; display:flex; flex-direction:column; gap:7px; }
.uc-quote-list span { padding:8px 11px; border-radius:12px; background:rgba(255,255,255,.92); border:1px solid rgba(116,91,216,.12); font-size:10px; line-height:1.25; color:#544b70; }
.uc-responsive-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:52px; align-items:center; }
.uc-tech-tags { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:28px; }
.uc-tech-tags span { min-height:42px; display:grid; place-items:center; padding:9px 14px; border:1px solid rgba(255,255,255,.15); border-radius:999px; font-size:10px; letter-spacing:.1em; }
.uc-tech-tags span:last-child { grid-column:1/-1; background:linear-gradient(90deg,#745be9,#c951bf); border:0; }
.uc-browser-compare { position:relative; border:10px solid #303142; border-radius:26px; overflow:hidden; background:#171824; }
.uc-browser-bar { height:34px; display:flex; align-items:center; gap:18px; padding:0 14px; color:#a7a8bd; font-size:9px; letter-spacing:.12em; }
.uc-browser-bar span { color:var(--pink); }
.uc-split-preview { position:relative; aspect-ratio:1.75/1; overflow:hidden; }
.uc-split-preview img { position:absolute; inset:0; height:100%; object-fit:cover; object-position:top; }
.uc-split-preview .uc-preview-light { opacity:1; clip-path:inset(0 50% 0 0); }
.uc-split-preview .uc-preview-dark { opacity:1; clip-path:inset(0 0 0 50%); }
.unit-case[data-preview-theme="light"] .uc-split-preview .uc-preview-light { clip-path:inset(0); }
.unit-case[data-preview-theme="light"] .uc-split-preview .uc-preview-dark { opacity:0; }
.unit-case[data-preview-theme="dark"] .uc-split-preview .uc-preview-light { opacity:0; }
.unit-case[data-preview-theme="dark"] .uc-split-preview .uc-preview-dark { clip-path:inset(0); }
.uc-theme-badge { position:absolute; right:22px; top:46px; padding:8px 14px; border-radius:999px; background:rgba(13,13,40,.8); font-size:10px; letter-spacing:.1em; }
.uc-devices { display:grid; grid-template-columns:1.25fr .42fr .42fr 1.45fr; gap:18px; align-items:end; margin-top:34px; }
.uc-tablet,.uc-phone-mini { position:relative; margin:0; overflow:hidden; border:8px solid #303142; background:#111; }
.uc-tablet { aspect-ratio:1.55/1; border-radius:22px; }
.uc-tablet img { position:absolute; inset:0; height:100%; object-fit:cover; object-position:top; }
.uc-phone-mini { aspect-ratio:390/844; border-radius:24px; }
.uc-phone-mini img { height:100%; object-fit:cover; object-position:top; }
.uc-feature-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.uc-feature-grid article { min-height:86px; padding:18px; border:1px solid rgba(255,255,255,.1); border-radius:18px; background:rgba(255,255,255,.04); display:grid; grid-template-columns:auto 1fr; gap:7px 12px; }
.uc-feature-grid i { grid-row:1/3; width:12px; height:12px; border-radius:50%; background:var(--violet); margin-top:3px; }
.uc-feature-grid article:nth-child(even) i { background:var(--pink); }
.uc-feature-grid strong { font-size:14px; }
.uc-feature-grid span { font-size:11px; opacity:.55; }
.uc-result-list { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:34px 0; }
.uc-result-list article { min-height:110px; padding:18px; border-radius:20px; background:rgba(255,255,255,.7); border:1px solid rgba(69,47,133,.12); display:grid; grid-template-columns:auto 1fr; gap:8px 12px; }
.uc-result-list b { grid-row:1/3; width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:#eee7ff; color:var(--violet); font-size:10px; }
.uc-result-list strong { font-size:18px; }
.uc-result-list span { font-size:12px; line-height:1.4; color:var(--muted); }
.uc-result-grid { display:grid; grid-template-columns:1.25fr .92fr; gap:28px; }
.uc-result-grid>.uc-photo-card { min-height:430px; }
.uc-result-side { display:grid; gap:18px; }
.uc-result-side blockquote,.uc-cta { margin:0; padding:28px; border-radius:28px; background:rgba(255,255,255,.78); border:1px solid rgba(69,47,133,.12); }
.uc-result-side blockquote small,.uc-cta small { color:var(--violet); font-weight:700; letter-spacing:.12em; }
.uc-result-side blockquote strong { display:block; margin:18px 0 8px; font-size:30px; }
.uc-result-side blockquote p { font-size:20px; font-weight:700; line-height:1.3; }
.uc-result-side blockquote span { display:block; margin-top:22px; padding-top:18px; border-top:1px solid rgba(69,47,133,.12); font-size:12px; color:var(--muted); }
.uc-cta { color:#fff; background:linear-gradient(120deg,#25165b,#762c75); border:0; }
.uc-cta small { color:#e4dcff; }
.uc-cta h3 { margin:14px 0 6px; font-size:26px; }
.uc-cta p { margin:0 0 18px; opacity:.65; }
.uc-cta a { min-height:50px; display:flex; align-items:center; justify-content:space-between; padding:0 20px; border-radius:999px; background:#fff; color:#3c2567; text-decoration:none; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.uc-end-links a { color:inherit; text-decoration:none; }
.uc-related { margin-top:54px; scroll-margin-top:110px; }
.uc-related h2 { margin:0 0 24px; font-size:clamp(32px,4vw,52px); letter-spacing:-.04em; }
.uc-related-track { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.uc-related-track a { min-width:0; overflow:hidden; border-radius:22px; background:#121219; color:#fff; text-decoration:none; border:1px solid rgba(255,255,255,.08); transition:transform .25s ease; }
.uc-related-track a:hover { transform:translateY(-5px); }
.uc-related-track img { aspect-ratio:1.7/1; object-fit:cover; }
.uc-related-track span,.uc-related-track strong { display:block; margin:16px 18px 0; }
.uc-related-track span { color:#bbff25; font-size:9px; letter-spacing:.1em; }
.uc-related-track strong { margin-bottom:20px; font-size:18px; }
.uc-reveal { opacity:0; transform:translateY(22px); transition:opacity .65s ease,transform .65s ease; }
.uc-reveal.is-visible { opacity:1; transform:none; }
.unit-case a:focus-visible,.unit-case button:focus-visible { outline:3px solid var(--cyan); outline-offset:4px; }

@media (max-width:1100px) {
  .uc-wrap { width:min(100% - 48px,960px); }
  .uc-hero-grid,.uc-responsive-grid { grid-template-columns:1fr 1.2fr; }
  .uc-device-stage { min-height:430px; }
  .uc-start-grid { grid-template-columns:1.35fr .8fr; }
  .uc-characters-grid { grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:30px; }
  .uc-character-stage { min-height:600px; }
  .uc-character-card { padding:24px 22px 16px; }
  .uc-facade-grid { grid-template-columns:1.55fr .85fr; }
  .uc-feedback-grid { gap:32px; }
  .uc-devices { grid-template-columns:1.1fr .45fr .45fr; }
  .uc-feature-grid { grid-column:1/-1; }
  .uc-result-grid { grid-template-columns:1.1fr .9fr; }
}

@media (max-width:780px) {
  .uc-section { min-height:0; padding:62px 0; }
  .uc-wrap { width:calc(100% - 40px); }
  .uc-kicker-row { margin-bottom:42px; font-size:9px; letter-spacing:.13em; }
  .uc-case-mark { width:32px; height:32px; }
  .uc-hero-grid,.uc-start-grid,.uc-characters-grid,.uc-facade-grid,.uc-feedback-grid,.uc-responsive-grid,.uc-result-grid { grid-template-columns:1fr; }
  .uc-copy h1 { font-size:clamp(46px,14vw,66px); }
  .uc-copy h2,.uc-section-heading h2 { font-size:clamp(40px,11.5vw,56px); }
  .uc-lead { font-size:17px; }
  .uc-device-stage { min-height:350px; margin-top:35px; }
  .uc-monitor { width:93%; }
  .uc-phone { width:25%; }
  .uc-metrics { grid-template-columns:1fr; }
  .uc-metrics article { border-right:0; border-bottom:1px solid rgba(255,255,255,.1); }
  .uc-metrics article:last-child { border-bottom:0; }
  .uc-tech-card,.uc-task-card { margin-top:26px; }
  .unit-case .uc-characters.uc-light { color:var(--ink)!important; background:radial-gradient(circle at 82% 12%,rgba(238,159,239,.28),transparent 32%),radial-gradient(circle at 17% 85%,rgba(79,188,255,.15),transparent 35%),#f7f3ff!important; }
  .uc-character-copy h2 { font-size:clamp(38px,10.4vw,50px); letter-spacing:-.045em; }
  .uc-character-card { display:none; }
  .uc-character-stage { min-height:620px; margin-top:8px; border-radius:30px; }
  .uc-character-foot { margin-top:28px; }
  .uc-facade-grid,.uc-result-grid { margin-top:28px; }
  .uc-step-card { order:2; }
  .uc-feedback-grid { gap:30px; }
  .uc-chat-stack { min-height:570px; }
  .uc-chat-one { width:88%; }
  .uc-chat-two { width:86%; top:305px; }
  .uc-quote-list { display:none; }
  .uc-responsive-grid { gap:30px; }
  .uc-devices { grid-template-columns:1fr .43fr .43fr; overflow:hidden; }
  .uc-feature-grid { grid-template-columns:1fr 1fr; }
  .uc-result-list { grid-template-columns:1fr 1fr; }
  .uc-related-track { display:flex; overflow-x:auto; gap:14px; padding-bottom:10px; scroll-snap-type:x mandatory; overscroll-behavior-inline:contain; }
  .uc-related-track a { flex:0 0 82%; scroll-snap-align:start; }
}

@media (max-width:480px) {
  .uc-section { padding:46px 0 54px; }
  .uc-hero { padding-top:34px; }
  .uc-kicker-row { margin-bottom:34px; }
  .uc-count { font-size:8px; }
  .uc-eyebrow { font-size:9px; margin-bottom:17px; }
  .uc-copy h1 { font-size:clamp(43px,13.4vw,58px); line-height:1.02; }
  .uc-copy h2,.uc-section-heading h2 { font-size:clamp(38px,11vw,50px); line-height:1.02; }
  .uc-lead { margin-top:18px; font-size:15px; }
  .uc-actions { align-items:stretch; flex-direction:column; }
  .uc-button,.uc-theme-toggle { min-height:48px; width:100%; }
  .uc-theme-toggle { justify-content:center; }
  .uc-device-stage { min-height:310px; }
  .uc-monitor { width:100%; }
  .uc-monitor-screen { border-width:8px; border-radius:18px; }
  .uc-monitor-neck { height:50px; }
  .uc-phone { width:27%; border-width:5px; border-radius:20px; }
  .uc-caption { left:0; bottom:0; font-size:8px; }
  .uc-metrics { margin-top:24px; }
  .uc-metrics article { min-height:88px; padding:16px; }
  .uc-metrics strong { font-size:27px; }
  .uc-tech-card { margin-left:-4px; margin-right:-4px; padding:10px; border-radius:20px; }
  .uc-tech-card figcaption { font-size:8px; }
  .uc-task-card { padding:22px; border-radius:22px; }
  .uc-task-card blockquote { font-size:25px; }
  .uc-character-badges { margin-top:22px; gap:8px; }
  .uc-character-badges span { min-height:36px; padding:8px 12px; font-size:8px; }
  .uc-character-stage { min-height:540px; border-radius:26px; }
  .uc-character-system { top:22px; left:20px; font-size:7px; }
  .uc-character-face { width:42%; left:auto; right:8%; top:5%; }
  .uc-character-stage>.uc-character-stars { width:22%; right:3%; top:1%; }
  .uc-character-stage>.uc-character-flying { display:none; }
  .uc-character-stage>.uc-character-boy { width:39%; right:auto; left:4%; top:10%; }
  .uc-character-stage>.uc-character-girl { width:76%; left:18%; top:24%; }
  .uc-character-stage>.uc-character-ufo { width:42%; left:3%; top:31%; }
  .uc-character-strip { left:4%; right:4%; bottom:4%; min-height:128px; padding:18px 14px 12px; border-radius:22px; }
  .uc-character-thumbs { gap:6px; margin:12px 0 8px; }
  .uc-character-strip-title,.uc-character-strip-note { font-size:7px; letter-spacing:.1em; }
  .uc-character-foot { align-items:flex-start; font-size:7px; }
  .uc-process-line,.uc-credits,.uc-notes,.uc-end-links { gap:16px; align-items:flex-start; font-size:8px; line-height:1.4; }
  .uc-facade-grid { gap:18px; }
  .uc-photo-card { border-radius:22px; min-height:300px; }
  .uc-photo-card figcaption strong { font-size:22px; }
  .uc-step-card { border-radius:22px; }
  .uc-sign-card { height:320px; border-radius:22px; }
  .uc-chat-stack { min-height:465px; }
  .uc-chat-card { padding:8px; border-radius:18px; }
  .uc-chat-one { width:92%; top:30px; }
  .uc-chat-two { width:90%; top:260px; }
  .uc-tech-tags { grid-template-columns:1fr; }
  .uc-tech-tags span:last-child { grid-column:auto; }
  .uc-browser-compare { border-width:6px; border-radius:18px; }
  .uc-browser-bar { font-size:7px; }
  .uc-devices { grid-template-columns:1fr 1fr; align-items:start; }
  .uc-tablet { grid-column:1/-1; }
  .uc-phone-mini { width:82%; justify-self:center; }
  .uc-feature-grid { grid-template-columns:1fr; }
  .uc-result-list { grid-template-columns:1fr; }
  .uc-result-list article { min-height:92px; }
  .uc-result-grid>.uc-photo-card { min-height:350px; }
  .uc-result-side blockquote,.uc-cta { padding:23px; border-radius:22px; }
  .uc-related-track a { flex-basis:88%; }
}

@media (prefers-reduced-motion:reduce) {
  .uc-reveal,.uc-theme-toggle i b,.uc-preview-light,.uc-preview-dark,.uc-related-track a { transition:none!important; transform:none!important; }
  .uc-character-flying,.uc-character-ufo { animation:none!important; }
  .uc-reveal { opacity:1; }
}