@font-face{font-family:Roboto;src:url(/fonts/roboto-var.woff2) format("woff2");font-weight:300 900;font-style:normal;font-display:swap}:root{color-scheme:light;font-family:Roboto,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#303236;background:#f5f5f7;--text-strong: #303236;--surface: rgb(255 255 255 / 72%);--surface-strong: #ffffff;--line: rgb(17 17 17 / 10%);--muted: #6e6e73;--accent: #0071e3;--accent-dark: #005bb8;--accent-rgb: 0 113 227;--accent-2: #7a5cff;--accent-2-rgb: 122 92 255;--accent-glow: rgb(var(--accent-2-rgb) / 38%);--accent-gradient: linear-gradient(135deg, var(--accent), var(--accent-2));--card-hover-shadow: 0 0 0 1px rgb(var(--accent-2-rgb) / 22%), 0 18px 42px rgb(var(--accent-2-rgb) / 18%), 0 30px 84px rgb(var(--accent-2-rgb) / 10%);--radius-xl: 34px;--shadow-soft: 0 28px 90px rgb(0 0 0 / 10%)}body[data-theme=blue]{--accent: #0071e3;--accent-dark: #005bb8;--accent-rgb: 0 113 227;--accent-2: #7a5cff;--accent-2-rgb: 122 92 255}body[data-theme=violet]{--accent: #7a5cff;--accent-dark: #5d3fd3;--accent-rgb: 122 92 255;--accent-2: #ff5fa2;--accent-2-rgb: 255 95 162}body[data-theme=emerald]{--accent: #00a676;--accent-dark: #007f5f;--accent-rgb: 0 166 118;--accent-2: #2dd4bf;--accent-2-rgb: 45 212 191}body[data-theme=amber]{--accent: #f59e0b;--accent-dark: #b45309;--accent-rgb: 245 158 11;--accent-2: #ef4444;--accent-2-rgb: 239 68 68}body[data-theme=rose]{--accent: #e11d48;--accent-dark: #be123c;--accent-rgb: 225 29 72;--accent-2: #f97316;--accent-2-rgb: 249 115 22}body[data-theme=custom]{--accent: #0071e3;--accent-dark: #005bb8;--accent-rgb: 0 113 227;--accent-2: #7a5cff;--accent-2-rgb: 122 92 255}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0%,rgb(var(--accent-rgb) / 14%),transparent 34rem),radial-gradient(circle at 82% 14%,rgb(var(--accent-2-rgb) / 14%),transparent 30rem),linear-gradient(180deg,#fff,#f5f5f7 42%,#fff);overflow-x:hidden}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(rgb(0 0 0 / 3%) 1px,transparent 1px),linear-gradient(90deg,rgb(0 0 0 / 3%) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 70%)}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid rgb(255 255 255 / 58%);background:#fafafcbd;backdrop-filter:blur(22px) saturate(180%)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:.8rem 0}.brand{display:inline-flex;align-items:center;gap:.7rem;min-width:0;font-size:.94rem;font-weight:650;letter-spacing:-.02em;color:var(--text-strong);text-decoration:none;transition:transform .18s ease,color .18s ease,filter .18s ease}.brand:hover{color:var(--accent);filter:drop-shadow(0 10px 22px var(--accent-glow));transform:translateY(-1px)}.brand img{display:block;width:36px;height:36px;object-fit:contain}.brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;gap:4px;padding:0;border:1px solid var(--line);border-radius:999px;background:#ffffffb8;color:var(--text-strong);cursor:pointer;backdrop-filter:blur(16px) saturate(160%)}.menu-toggle span{display:block;position:absolute;width:18px;height:2px;border-radius:999px;background:currentColor;transition:transform .18s ease,opacity .18s ease}.menu-toggle span:nth-child(1){transform:translateY(-6px)}.menu-toggle span:nth-child(3){transform:translateY(6px)}body.menu-open .menu-toggle span:nth-child(1){transform:rotate(45deg)}body.menu-open .menu-toggle span:nth-child(2){opacity:0}body.menu-open .menu-toggle span:nth-child(3){transform:rotate(-45deg)}nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:clamp(.75rem,2vw,1.4rem)}nav a{position:relative;color:var(--text-strong);font-size:.86rem;font-weight:520;letter-spacing:-.01em;text-decoration:none;opacity:.78;transition:color .18s ease,opacity .18s ease}nav a:after{position:absolute;right:0;bottom:-.42rem;left:0;height:2px;content:"";border-radius:999px;background:var(--accent-2);box-shadow:0 0 16px var(--accent-glow);transform:scaleX(0);transform-origin:center;transition:transform .18s ease}nav a:hover{color:var(--accent);opacity:1}nav a:hover:after,nav a.is-active:after{transform:scaleX(1)}nav a.is-active{color:var(--accent);opacity:1;text-shadow:0 0 18px rgb(var(--accent-2-rgb) / 18%)}nav a.is-active:after{box-shadow:0 0 34px rgb(var(--accent-2-rgb) / 18%)}main{min-height:calc(100vh - 64px)}article{width:min(860px,calc(100% - 2rem));margin:clamp(2rem,7vw,5.5rem) auto;padding:clamp(1.5rem,5vw,3.25rem);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-soft);backdrop-filter:blur(22px) saturate(160%)}h1{margin-top:0;color:var(--text-strong);font-size:clamp(2.3rem,7vw,5.75rem);line-height:.95;letter-spacing:-.07em}p{color:var(--muted);line-height:1.7}a{color:var(--accent);text-underline-offset:.22em;transition:color .18s ease,filter .18s ease,text-decoration-color .18s ease}a:not(.button,.media-card,.post-card,.gallery-card,.partner-card,.home-card):hover{color:var(--accent-dark);filter:drop-shadow(0 0 16px var(--accent-glow))}img{transition:transform .26s cubic-bezier(.16,1,.3,1),filter .26s ease,box-shadow .26s ease}a:hover img,figure:hover img,.page-hero:hover img,.detail-hero:hover img,.article-hero:hover img{filter:saturate(1.08) contrast(1.03);transform:scale(1.025) translateY(-2px)}.media-card,.post-card,.gallery-card,.partner-card,.home-card,.feature-card,.cta-panel,.content-card,.device-card,.media-block,.media-row,.media-full-block,.media-video-block,article{position:relative;isolation:isolate;transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s ease,border-color .24s ease,background .24s ease,opacity .62s cubic-bezier(.16,1,.3,1)}.media-card:hover,.post-card:hover,.gallery-card:hover,.partner-card:hover,.home-card:hover,.feature-card:hover,.cta-panel:hover,.content-card:hover,.device-card:hover,.media-block:hover,.media-row:hover,.media-full-block:hover,.media-video-block:hover,article:hover{border-color:rgb(var(--accent-2-rgb) / 22%);box-shadow:var(--card-hover-shadow);transform:translateY(-5px)}body.reveal-ready [data-reveal]{opacity:0;transform:translate3d(0,var(--reveal-y, 36px),0);transition:opacity .68s cubic-bezier(.16,1,.3,1),transform .68s cubic-bezier(.16,1,.3,1),box-shadow .24s ease,border-color .24s ease,background .24s ease,filter .26s ease;will-change:opacity,transform}body.reveal-ready [data-reveal].is-visible{opacity:1;transform:translateZ(0)}body.reveal-ready [data-reveal].is-visible:is(.media-card,.post-card,.gallery-card,.partner-card,.home-card,.feature-card,.cta-panel,.content-card,.device-card,.media-block,.media-row,.media-full-block,.media-video-block,article):hover{transform:translateY(-5px)}.button,button{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,background .2s ease,border-color .2s ease,filter .2s ease}.button:hover,button:hover{filter:drop-shadow(0 18px 38px rgb(var(--accent-2-rgb) / 42%));transform:translateY(-3px) scale(1.015)}.debug-label-layer{position:fixed;inset:0;z-index:9999;pointer-events:none}.debug-label{position:absolute;top:0;left:0;display:inline-grid;min-width:1.65rem;height:1.25rem;place-items:center;padding:0 .35rem;border:1px solid rgb(255 255 255 / 70%);border-radius:999px;color:#fff;background:#111111c2;box-shadow:0 8px 22px #0003;font-size:.68rem;font-weight:800;line-height:1;letter-spacing:-.02em;backdrop-filter:blur(12px) saturate(160%)}body[data-performance=balanced]{--shadow-soft: 0 18px 54px rgb(0 0 0 / 9%)}body[data-performance=balanced] .debug-label-layer,body[data-performance=lite] .debug-label-layer,body[data-performance=pending] .debug-label-layer{display:none}body[data-performance=lite]{--shadow-soft: 0 10px 28px rgb(0 0 0 / 7%)}body[data-performance=lite] *,body[data-performance=lite] *:before,body[data-performance=lite] *:after{animation:none!important;backdrop-filter:none!important;filter:none!important;transition-duration:.12s!important}body[data-performance=lite] [data-reveal],body[data-performance=lite] [data-reveal].is-visible{opacity:1!important;transform:none!important}body[data-performance=lite] .site-header,body[data-performance=lite] nav,body[data-performance=lite] article,body[data-performance=lite] .home-card,body[data-performance=lite] .feature-card,body[data-performance=lite] .cta-panel,body[data-performance=lite] .content-card{box-shadow:var(--shadow-soft)!important}@keyframes fade-rise{0%{transform:translateY(26px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes float-soft{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-18px,0) rotate(1.5deg)}}@media(max-width:820px){.header-inner{align-items:center;position:relative;padding:.9rem 0}.brand{max-width:calc(100% - 58px)}.menu-toggle{display:inline-flex;position:relative;flex:0 0 auto}nav{position:absolute;top:calc(100% + .75rem);right:0;left:0;display:grid;width:100%;justify-content:stretch;gap:.2rem;padding:.8rem;border:1px solid var(--line);border-radius:24px;background:#fafafceb;box-shadow:0 26px 70px #0000001f;opacity:0;pointer-events:none;transform:translateY(-8px) scale(.98);transform-origin:top center;transition:opacity .18s ease,transform .18s ease;backdrop-filter:blur(24px) saturate(180%)}body.menu-open nav{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}nav a{padding:.9rem 1rem;border-radius:16px;font-size:1rem;opacity:1}nav a:hover{background:rgb(var(--accent-2-rgb) / 10%)}nav a.is-active{background:rgb(var(--accent-2-rgb) / 12%);box-shadow:inset 0 0 0 1px rgb(var(--accent-2-rgb) / 16%);text-shadow:0 0 18px rgb(var(--accent-2-rgb) / 16%)}nav a:after{display:none}.debug-label-layer{display:none}.site-header,.menu-toggle,nav,article,.home-card,.feature-card,.cta-panel,.content-card,.device-card{backdrop-filter:none}article,.home-card,.feature-card,.cta-panel,.content-card,.device-card{box-shadow:0 12px 36px #00000014}a:hover,.button:hover,button:hover{filter:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
