:root{--brand:#2a9ad6;--brand-deep:#1e7ab0;--brand-soft:#e6f5fb;--brand-tint:#f4fafd;--ink:#0b1320;--ink-2:#1f2937;--muted:#5b6b7d;--muted-2:#94a3b8;--line:#e7eef4;--line-2:#eef3f8;--bg:#fbfcfd;--card:#fff;--c-sky:#2a9ad6;--c-blue:#2563eb;--c-cyan:#06b6d4;--c-teal:#14b8a6;--c-emerald:#10b981;--c-amber:#f59e0b;--c-red:#ef4444;--c-slate:#475569;--shadow-sm:0 1px 2px #0b13200a, 0 1px 1px #0b132008;--shadow-md:0 4px 12px #0b13200f, 0 2px 4px #0b13200a;--shadow-lg:0 24px 48px -16px #0b13202e, 0 8px 16px -8px #0b132014;--shadow-brand:0 12px 32px -8px #2a9ad673;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-inter), -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;font-feature-settings:"ss01", "cv02", "cv11";color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.ambient{pointer-events:none;z-index:0;position:fixed;inset:0}.blob{filter:blur(80px);opacity:.25;border-radius:50%;position:absolute}.blob-1{background:var(--c-sky);width:520px;height:520px;top:-120px;left:-120px}.blob-2{background:var(--c-cyan);opacity:.18;width:420px;height:420px;top:220px;right:-100px}.blob-3{background:var(--c-teal);opacity:.12;width:460px;height:460px;top:80vh;left:30%}.nav{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(24px);background:#ffffffb8;border:1px solid #ffffff73;border-radius:999px;align-items:center;gap:4px;width:fit-content;max-width:calc(100vw - 24px);padding:5px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #0b13200f,0 18px 40px -16px #0b132038,inset 0 0 0 1px #0b132008}.logo-dot{background-image:url(https://uptodatewebdesign.s3.eu-west-3.amazonaws.com/cdn/images/UTD-ai-avatar-2024.png);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:30px;height:30px;display:inline-block;overflow:visible}.logo-dot:after{content:none}.nav-brand{letter-spacing:-.005em;color:var(--ink);cursor:pointer;transition:background .18s var(--ease);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:8px;padding:4px 14px 4px 4px;font-weight:600;display:inline-flex}.nav-brand:hover{background:#0b13200d}.nav-brand[aria-expanded=true]{background:#0b132012}.brand-text{letter-spacing:.005em;font-size:14px}.brand-current{align-items:center;gap:8px;display:inline-flex}.brand-sep{color:var(--muted-2);font-weight:300}.brand-app{color:var(--ink);font-weight:600}.brand-chev{color:var(--muted);transition:transform .2s var(--ease);flex-shrink:0;margin-left:2px}[aria-expanded=true] .brand-chev{transform:rotate(180deg)}.nav-links{border-left:1px solid #0b132014;gap:2px;margin:0 4px;padding:0 4px;display:flex}.nav-links a{color:var(--muted);transition:background .2s var(--ease), color .2s var(--ease);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:500}.nav-links a:hover{color:var(--ink);background:#0b13200d}.nav-cta{background:var(--ink);color:#fff;transition:transform .15s var(--ease), background .2s var(--ease);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #00000014,0 4px 14px -4px #0b13204d}.nav-cta:hover{background:#000;transform:translateY(-1px)}.nav-cta:after{content:"↗";opacity:.85;font-size:11px;line-height:1}.nav-brand,.nav-cta,.nav-back,.nav-links a,.brand-text,.brand-app,.brand-current{white-space:nowrap}@media (max-width:820px){.nav-links{display:none}}@media (max-width:720px){.nav{gap:2px;max-width:calc(100vw - 16px);padding:4px;top:8px}.nav-cta{padding:7px 12px;font-size:12.5px}.nav-cta-label-long{display:none}.nav-cta-label-short{display:inline}}@media (max-width:480px){.brand-text{display:none}.nav-brand{gap:4px;padding:4px 8px 4px 4px}.nav-cta{padding:7px 10px;font-size:12px}}.nav-cta-label-short{display:none}.app-switcher{z-index:200;pointer-events:none;opacity:0;transition:opacity .25s var(--ease);justify-content:center;align-items:flex-start;padding-top:84px;display:flex;position:fixed;inset:0}.app-switcher.open{pointer-events:auto;opacity:1}.switcher-backdrop{-webkit-backdrop-filter:blur(8px);background:#0b13206b;position:absolute;inset:0}.switcher-shell{width:min(640px,100vw - 32px);max-height:calc(100vh - 130px);transition:transform .25s var(--ease);background:#fff;border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden;transform:translateY(-8px)scale(.96);box-shadow:0 30px 60px -20px #0b132066,0 12px 30px -12px #0b132040}.app-switcher.open .switcher-shell{transform:translateY(0)scale(1)}.switcher-head{border-bottom:1px solid var(--line-2);align-items:center;gap:10px;padding:16px 20px;display:flex}.switcher-head svg{color:var(--muted-2);flex-shrink:0}.switcher-search{font:inherit;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:15px;font-weight:500}.switcher-search::placeholder{color:var(--muted-2)}.switcher-kbd{background:var(--line-2);color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:2px 7px;font-family:ui-monospace,Menlo,monospace;font-size:11px;font-weight:600}.switcher-grid{flex:1;grid-template-columns:repeat(2,1fr);gap:4px;min-height:0;padding:10px;display:grid;overflow-y:auto}.switcher-item{transition:background .15s var(--ease);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.switcher-item:hover{background:var(--brand-tint)}.switcher-item.is-current{background:var(--brand-soft)}.switcher-dot{border-radius:8px;flex-shrink:0;width:28px;height:28px;box-shadow:0 2px 6px -2px #0b13204d}img.switcher-dot,.switcher-dot-img{object-fit:cover;background:0 0;display:block}.switcher-info{flex-direction:column;flex:1;min-width:0;display:flex}.switcher-name{color:var(--ink);letter-spacing:-.005em;font-size:14px;font-weight:600}.switcher-tag{color:var(--muted);margin-top:1px;font-size:12px}.switcher-check{color:var(--brand);flex-shrink:0}.switcher-foot{border-top:1px solid var(--line-2);color:var(--muted);transition:color .2s var(--ease), background .2s var(--ease);align-items:center;gap:8px;padding:14px 20px;font-size:13px;font-weight:600;display:flex}.switcher-foot:hover{color:var(--brand);background:var(--brand-tint)}.switcher-foot svg{color:var(--muted-2)}.switcher-kbd-arrow{margin-left:auto}body.switcher-active{overflow:hidden}@media (max-width:540px){.switcher-grid{grid-template-columns:1fr}.switcher-shell{width:calc(100vw - 16px)}.app-switcher{padding-top:64px}}.hero{z-index:1;text-align:center;max-width:1100px;margin:0 auto;padding:118px 32px 40px;position:relative}.hero-tag{border:1px solid var(--line);color:var(--muted);box-shadow:var(--shadow-sm);letter-spacing:.01em;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 12px;font-size:12px;font-weight:600;display:inline-flex}.pulse{background:var(--c-emerald);width:7px;height:7px;animation:pulse 2.2s var(--ease) infinite;border-radius:50%;box-shadow:0 0 #10b98180}@keyframes pulse{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.hero-title{letter-spacing:-.045em;margin:24px 0 20px;font-size:clamp(40px,7.5vw,84px);font-weight:800;line-height:.98}.hero-title .accent{color:var(--brand)}.hero-sub{color:var(--muted);max-width:620px;margin:0 auto 32px;font-size:clamp(16px,1.6vw,19px);font-weight:400;line-height:1.55}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.btn{transition:transform .2s var(--ease), box-shadow .25s var(--ease), background .2s var(--ease), color .2s var(--ease);border:none;border-radius:14px;align-items:center;gap:8px;padding:13px 22px;font-size:14.5px;font-weight:600;display:inline-flex}.btn-primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover{background:var(--brand-deep);transform:translateY(-1px)}.btn-ghost{color:var(--ink);border:1px solid var(--line);background:#fff}.btn-ghost:hover{background:#f8fafb}@media (max-width:720px){.hero{padding:92px 20px 24px}}.stats{z-index:1;border:1px solid var(--line);border-radius:var(--radius-xl);max-width:1100px;box-shadow:var(--shadow-md);background:#fff;grid-template-columns:repeat(4,1fr);gap:24px;margin:24px auto 0;padding:32px;display:grid;position:relative}.stat{text-align:center}.stat-num{letter-spacing:-.03em;color:var(--ink);font-size:clamp(28px,3vw,40px);font-weight:800;line-height:1}.stat-label{color:var(--muted);margin-top:8px;font-size:13px;font-weight:500}@media (max-width:720px){.stats{grid-template-columns:repeat(2,1fr);margin:24px 20px;padding:24px}}.section-head{text-align:center;max-width:720px;margin:0 auto 56px;padding:0 32px}.eyebrow{color:var(--brand);letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;font-size:12px;font-weight:700;display:inline-block}.section-head h2{letter-spacing:-.035em;margin:0 0 16px;font-size:clamp(30px,4.4vw,48px);font-weight:800;line-height:1.05}.section-head p{color:var(--muted);margin:0;font-size:17px;line-height:1.55}.suite{z-index:1;max-width:1280px;margin:0 auto;padding:120px 32px 80px;position:relative}.filters{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:40px;display:flex}.pill{border:1px solid var(--line);color:var(--muted);transition:all .2s var(--ease);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:600;display:inline-flex}.pill:hover{color:var(--ink);border-color:#d8e2ed}.pill.active{background:var(--ink);color:#fff;border-color:var(--ink)}.pill-num{color:inherit;background:#ffffff2e;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}.pill:not(.active) .pill-num{background:var(--line-2);color:var(--muted)}.search-wrap{border:1px solid var(--line);color:var(--muted);transition:border-color .2s var(--ease);background:#fff;border-radius:999px;align-items:center;gap:8px;margin-left:8px;padding:8px 14px;display:flex}.search-wrap:focus-within{border-color:var(--brand)}.search-wrap input{color:var(--ink);background:0 0;border:none;outline:none;width:160px;font-size:13.5px;font-weight:500}.search-wrap input::placeholder{color:var(--muted-2)}.grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius-lg);transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .25s var(--ease);opacity:0;background:#fff;flex-direction:column;gap:16px;min-height:240px;padding:24px;display:flex;position:relative;overflow:hidden;transform:translateY(20px)}.card.in{opacity:1;transform:translateY(0)}.card{cursor:pointer}.card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-4px)}.card:active{transform:translateY(-2px)scale(.995)}.card:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.card.opening{opacity:0;transition:opacity .15s ease-out}.card-icon{color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 6px 14px -4px #0b13202e}.card-icon svg{width:26px;height:26px}img.card-icon,.card-icon-img{object-fit:cover;background:0 0;display:block}.card-body{flex:1}.card-cat{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:10.5px;font-weight:700;display:inline-block}.card-name{letter-spacing:-.015em;color:var(--ink);margin:0 0 4px;font-size:18px;font-weight:700}.card-tag{color:var(--brand-deep);margin:0 0 8px;font-size:14px;font-weight:600}.card-desc{color:var(--muted);margin:0;font-size:13.5px;line-height:1.5}.card-foot{justify-content:space-between;align-items:center;margin-top:auto;padding-top:4px;display:flex}.card-link{color:var(--ink);transition:gap .2s var(--ease), color .2s var(--ease);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.card-link:hover{color:var(--brand);gap:10px}.card-link svg{width:13px;height:13px}.card-domain{color:var(--muted-2);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.card[data-cat=identity] .card-icon{background:var(--brand)}.card[data-cat=intelligence] .card-icon{background:var(--c-teal)}.card[data-cat=marketing] .card-icon{background:var(--c-amber)}.card[data-cat=operations] .card-icon{background:var(--c-slate)}.card[data-app=connect] .card-icon{background:var(--brand)}.card[data-app=chat] .card-icon{background:#0b1320}.card[data-app=memories] .card-icon{background:var(--c-teal)}.card[data-app=flow] .card-icon{background:var(--c-emerald)}.card[data-app=seo] .card-icon{background:var(--c-amber)}.card[data-app=socials] .card-icon{background:var(--c-red)}.card[data-app=maps] .card-icon{background:var(--c-cyan)}.card[data-app=notify] .card-icon{background:var(--c-blue)}.card[data-app=automation] .card-icon{background:#0b1320}.card[data-app=docs] .card-icon{background:var(--c-slate)}.card[data-app=companies] .card-icon{background:var(--brand-deep)}.card[data-app=support] .card-icon{background:var(--c-teal)}.card[data-app=contentkit] .card-icon{background:var(--c-amber)}.card[data-app=publisher] .card-icon{background:var(--brand)}.card[data-app=wpredirect] .card-icon{background:var(--c-slate)}.card[data-app=accounts] .card-icon,.card[data-app=catalog] .card-icon{background:var(--brand)}.empty-msg{text-align:center;color:var(--muted);padding:60px 0;font-size:14px}@media (max-width:720px){.suite{padding:80px 20px 60px}.grid{grid-template-columns:1fr}.search-wrap{margin-left:0}}.stack{z-index:1;max-width:1100px;margin:80px auto 0;padding:60px 32px;position:relative}.arch{flex-direction:column;max-width:880px;margin:0 auto;display:flex}.arch-tier{border:1px solid var(--line);background:#fff;border-radius:22px;padding:26px 28px;box-shadow:0 1px 2px #0b132008,0 10px 28px -12px #0b13201a}.arch-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.arch-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.arch-meta{color:var(--muted-2);font-size:12px;font-weight:500}.arch-apps-grid{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.arch-app{transition:background .15s var(--ease), transform .2s var(--ease);cursor:default;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;display:flex}.arch-app:hover{background:var(--brand-tint);transform:translateY(-1px)}.arch-app-icon{border-radius:9px;flex-shrink:0;width:30px;height:30px;box-shadow:0 2px 6px -2px #0b13204d,inset 0 0 0 1px #ffffff1f}img.arch-app-icon{object-fit:cover;background:0 0}.arch-app-name{color:var(--ink);letter-spacing:-.005em;text-align:center;font-size:11.5px;font-weight:600;line-height:1.2}.arch-connector{color:var(--muted-2);letter-spacing:.14em;text-transform:uppercase;justify-content:center;align-items:center;gap:10px;padding:10px 0;font-size:10.5px;font-weight:700;display:flex}.arch-conn-line{background:var(--line);width:1px;height:22px}.arch-platform-items{flex-wrap:wrap;gap:8px;display:flex}.arch-pf{background:var(--brand-tint);border:1px solid var(--line-2);color:var(--ink-2);transition:background .2s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:inline-flex}.arch-pf:hover{background:var(--brand-soft)}.arch-pf svg{width:15px;height:15px;color:var(--brand);flex-shrink:0}.arch-identity-tier{background:var(--ink);border-color:var(--ink);color:#fff;align-items:center;gap:20px;padding:24px 28px;display:flex}.arch-id-icon{background:var(--brand);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 8px 20px -6px #2a9ad680}.arch-id-icon svg{color:#fff;width:26px;height:26px}.arch-id-body{flex:1}.arch-id-label{letter-spacing:.16em;text-transform:uppercase;color:#ffffff80;margin-bottom:4px;font-size:10.5px;font-weight:700;display:block}.arch-id-title{letter-spacing:-.015em;margin:0 0 4px;font-size:19px;font-weight:700}.arch-id-sub{color:#ffffffa6;margin:0;font-size:13.5px;line-height:1.5}.arch-id-badge{background:var(--brand);color:#fff;letter-spacing:.16em;border-radius:8px;flex-shrink:0;padding:7px 12px;font-size:10.5px;font-weight:800}@media (max-width:720px){.arch-apps-grid{grid-template-columns:repeat(4,1fr)}.arch-tier{padding:20px}}@media (max-width:480px){.arch-apps-grid{grid-template-columns:repeat(3,1fr);gap:2px}.arch-identity-tier{flex-direction:column;align-items:flex-start}.arch-id-badge{align-self:flex-start}}.story{z-index:1;max-width:1280px;margin:80px auto;padding:60px 32px;position:relative}.pillars{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.pillar{border:1px solid var(--line);border-radius:var(--radius-lg);transition:transform .3s var(--ease), box-shadow .3s var(--ease);background:#fff;padding:28px}.pillar:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pillar-icon{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;display:flex}.pi-identity{background:var(--brand)}.pi-intel{background:var(--c-teal)}.pi-mkt{background:var(--c-amber)}.pi-ops{background:var(--c-slate)}.pillar h3{letter-spacing:-.015em;margin:0 0 8px;font-size:19px;font-weight:700}.pillar p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}@media (max-width:860px){.pillars{grid-template-columns:1fr 1fr}}@media (max-width:520px){.pillars{grid-template-columns:1fr}}.foot{background:var(--ink);color:#fff;text-align:center;margin-top:80px;padding:80px 32px 60px}.foot-brand{align-items:center;gap:10px;margin-bottom:24px;font-weight:700;display:inline-flex}.foot-brand .logo-dot{box-shadow:none;background-color:#0000}.foot-tag{letter-spacing:-.025em;margin:0 0 16px;font-size:clamp(22px,3vw,32px);font-weight:700}.foot-meta{color:#ffffff80;margin:0;font-size:13px}body.locked{overflow:hidden}.detail{z-index:1000;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.detail.show{display:flex}.detail-backdrop{-webkit-backdrop-filter:saturate(140%)blur(8px);opacity:0;transition:opacity .35s var(--ease);background:#0b13208c;position:absolute;inset:0}.detail-shell{will-change:transform, opacity, border-radius;background:#fff;border-radius:28px;flex-direction:column;width:100%;max-width:680px;max-height:calc(100vh - 48px);display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px -20px #0b132059,0 16px 40px -16px #0b132040}.detail-close{z-index:5;-webkit-backdrop-filter:blur(8px);color:#fff;width:36px;height:36px;transition:background .2s var(--ease), transform .2s var(--ease);background:#ffffff38;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:18px;right:18px}.detail-close:hover{background:#ffffff52;transform:rotate(90deg)}.detail-close svg{width:16px;height:16px}.detail-content{flex-direction:column;display:flex;overflow-y:auto}.detail-hero{color:#fff;background:var(--brand);padding:40px 36px 36px;position:relative;overflow:hidden}.detail-hero[data-app=connect],.detail-hero[data-app=accounts]{background:var(--brand)}.detail-hero[data-app=memories]{background:var(--c-teal)}.detail-hero[data-app=chat]{background:#0b1320}.detail-hero[data-app=flow]{background:var(--c-emerald)}.detail-hero[data-app=automation]{background:#0b1320}.detail-hero[data-app=seo]{background:var(--c-amber)}.detail-hero[data-app=socials]{background:var(--c-red)}.detail-hero[data-app=maps]{background:var(--c-cyan)}.detail-hero[data-app=notify]{background:var(--c-blue)}.detail-hero[data-app=publisher]{background:var(--brand)}.detail-hero[data-app=docs]{background:var(--c-slate)}.detail-hero[data-app=contentkit]{background:var(--c-amber)}.detail-hero[data-app=companies]{background:var(--brand-deep)}.detail-hero[data-app=support]{background:var(--c-teal)}.detail-hero[data-app=wpredirect]{background:var(--c-slate)}.detail-hero-pattern{pointer-events:none;opacity:.18;position:absolute;inset:0}.detail-hero-pattern span{background:#fff;border-radius:50%;animation:18s linear infinite orbit;position:absolute}.detail-hero-pattern span:first-child{opacity:.12;width:280px;height:280px;animation-duration:20s;top:-120px;right:-100px}.detail-hero-pattern span:nth-child(2){opacity:.14;width:180px;height:180px;animation-duration:24s;animation-direction:reverse;bottom:-80px;left:-40px}.detail-hero-pattern span:nth-child(3){opacity:.5;width:14px;height:14px;animation-duration:9s;top:26%;left:8%}.detail-hero-pattern span:nth-child(4){opacity:.4;width:9px;height:9px;animation-duration:12s;animation-direction:reverse;top:65%;left:22%}.detail-hero-pattern span:nth-child(5){opacity:.55;width:7px;height:7px;animation-duration:7s;top:18%;right:18%}.detail-hero-pattern span:nth-child(6){opacity:.45;width:11px;height:11px;animation-duration:10s;animation-direction:reverse;top:78%;right:28%}.detail-hero-pattern span:nth-child(7){opacity:.6;width:5px;height:5px;animation-duration:11s;top:8%;left:48%}.detail-hero-pattern span:nth-child(8){opacity:.5;width:6px;height:6px;animation-duration:8s;animation-direction:reverse;top:84%;left:60%}@keyframes orbit{0%{transform:rotate(0)translate(10px)rotate(0)}to{transform:rotate(360deg)translate(10px)rotate(-360deg)}}.detail-icon{-webkit-backdrop-filter:blur(8px);width:72px;height:72px;animation:iconPop .55s var(--ease) .15s both;background:#ffffff2e;border:1px solid #ffffff40;border-radius:22px;justify-content:center;align-items:center;margin-bottom:24px;display:flex;position:relative}.detail-icon svg{color:#fff;width:36px;height:36px}@keyframes iconPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.detail-meta{position:relative}.detail-cat{letter-spacing:.14em;text-transform:uppercase;background:#fff3;border-radius:999px;margin-bottom:12px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-block}.detail-name{letter-spacing:-.025em;margin:0 0 6px;font-size:clamp(26px,4vw,34px);font-weight:800;line-height:1.1}.detail-tag{color:#ffffffe6;margin:0;font-size:16px;font-weight:500}.detail-body{background:#fff;padding:32px 36px 36px}.detail-long,.detail-section-title,.detail-foot{opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);transform:translateY(12px)}.detail-long.in,.detail-section-title.in,.detail-foot.in{opacity:1;transform:translateY(0)}.detail-long{color:var(--ink-2);margin:0 0 28px;font-size:15.5px;line-height:1.65}.detail-section-title{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:11px;font-weight:700}.features{gap:12px;margin:0 0 32px;padding:0;list-style:none;display:grid}.feat{background:var(--brand-tint);border:1px solid var(--line-2);opacity:0;transition:opacity .45s var(--ease), transform .45s var(--ease), background .2s var(--ease);border-radius:14px;gap:14px;padding:14px 16px;display:flex;transform:translateY(10px)}.feat.in{opacity:1;transform:translateY(0)}.feat:hover{background:var(--brand-soft)}.feat-check{background:var(--brand);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.feat-check svg{width:14px;height:14px}.feat-t{color:var(--ink);letter-spacing:-.005em;margin-bottom:2px;font-size:14.5px;font-weight:600}.feat-d{color:var(--muted);font-size:13.5px;line-height:1.5}.detail-foot{border-top:1px solid var(--line-2);flex-wrap:wrap;gap:10px;margin-top:8px;padding-top:24px;display:flex}.detail-foot .btn{padding:11px 18px;font-size:14px}.detail-foot .btn-ghost{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px}@media (max-width:600px){.detail{align-items:stretch;padding:0}.detail-shell{border-radius:0;max-width:100%;max-height:100vh}.detail-hero{border-radius:0;padding:60px 24px 28px}.detail-body{padding:24px 24px 32px}.detail-icon{width:64px;height:64px}.detail-icon svg{width:30px;height:30px}}