/* Restrained monochrome glass, with interaction-driven motion. */
:root{--paper:#ececee;--ink:#202022;--muted:#656568;--line:#ffffffad;--surface:#ffffff4d;--surface-raised:#ffffffa6;--surface-hover:#ffffffd4;--glass:#f7f7f7d6;--field:#ffffff7d;--green:#333335;--glass-blur:blur(32px) saturate(110%);--glass-shadow:0 16px 60px #1818200b,inset 0 1px 0 #ffffffe6;--ease-premium:cubic-bezier(.22,.75,.2,1)}
:root[data-theme=dark]{--paper:#09090a;--ink:#f4f4f5;--muted:#a5a5ab;--line:#ffffff1f;--surface:#1b1b1f80;--surface-raised:#222226a6;--surface-hover:#303034c7;--glass:#141417d9;--field:#0e0e1280;--green:#e0e0e5;--glass-blur:blur(32px) saturate(110%);--glass-shadow:0 18px 65px #0003,inset 0 1px 0 #ffffff12}
body{background:radial-gradient(ellipse at 10% 0%,#ffffffad,transparent 50%),radial-gradient(ellipse at 95% 55%,#d0d0d540,transparent 50%),var(--paper);background-attachment:fixed}
[data-theme=dark] body{background:radial-gradient(ellipse at 12% 12%,#39393e28,transparent 45%),radial-gradient(ellipse at 95% 55%,#39394020,transparent 55%),var(--paper);background-attachment:fixed}
.header .nav{backdrop-filter:blur(36px) saturate(115%);-webkit-backdrop-filter:blur(36px) saturate(115%);box-shadow:0 10px 45px #0000000c,inset 0 1px 0 #ffffff55;border-radius:22px;transition:background .3s,border-color .3s,box-shadow .3s}
[data-theme=dark] .header .nav{box-shadow:0 10px 45px #0002,inset 0 1px 0 #ffffff10}
#navigation>a{position:relative}#navigation>a:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .32s var(--ease-premium)}#navigation>a:hover:after,#navigation>a[aria-current=page]:after{transform:scaleX(1)}
.nav-services summary>span{transition:transform .32s var(--ease-premium)}.nav-services[open]>summary{color:var(--ink)}
.navigation-shade{position:fixed;inset:0;z-index:38;background:#14141912;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s,backdrop-filter .32s,visibility .32s}
.navigation-active .navigation-shade{opacity:1;visibility:visible;pointer-events:auto;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}[data-theme=dark] .navigation-shade{background:#0005}
.nav-services .mega-panel{animation:none!important;width:min(1160px,calc(100vw - 48px));padding:30px 30px 0;border-radius:26px;background:var(--glass);backdrop-filter:blur(42px) saturate(120%);-webkit-backdrop-filter:blur(42px) saturate(120%);box-shadow:0 32px 90px #00000025,inset 0 1px 0 #ffffff35;overflow:auto;overscroll-behavior:contain;max-height:calc(100dvh - 150px)}
.mega-head{margin-bottom:26px;align-items:center}.mega-head>span{font-size:24px;color:var(--ink);letter-spacing:-.055em;font-weight:550}.mega-panel .mega-head>a{font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding:8px 0}.mega-grid{gap:12px}.mega-category{position:relative;padding:17px;border:1px solid var(--line);border-radius:18px;background:var(--surface);transition:background .3s,translate .3s var(--ease-premium),border-color .3s}.mega-category:hover,.mega-category:focus-within{background:var(--surface-hover);translate:0 -3px;border-color:#a2a2ab66}.mega-index{display:block;font-size:9px;letter-spacing:.12em;color:var(--muted);margin-bottom:12px;font-variant-numeric:tabular-nums}
.mega-image{position:relative;isolation:isolate;height:115px;background:transparent;border:0;box-shadow:none;overflow:hidden;border-radius:12px;margin-bottom:16px}.mega-main:hover .mega-image{background:transparent}.mega-image img,.mega-image>svg{position:relative;z-index:2;transition:transform .65s var(--ease-premium);filter:drop-shadow(0 8px 9px #0001)}.mega-category:hover .mega-image img,.mega-category:focus-within .mega-image img{transform:translateY(-5px) rotate(-5deg) scale(1.06)}.mega-category:hover .mega-image>svg{transform:translateY(-4px) rotate(5deg)}.mega-main strong{font-size:21px;font-weight:550;align-items:center}.mega-main strong>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);font-size:12px;transition:transform .3s}.mega-main:hover strong>span{transform:rotate(45deg)}.mega-sub{padding:17px 0 4px}.mega-panel .mega-sub a{padding:8px 0;font-size:11px;transition:color .2s,translate .2s}.mega-panel .mega-sub a:hover{translate:3px 0;color:var(--ink)}.mega-bottom{margin-top:25px;padding:19px 0 22px}.mega-panel .mega-bottom a{color:var(--ink)}
.menu-circuit{position:absolute;inset:5px;z-index:0;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,#88888818,transparent 65%)}.menu-circuit i{position:absolute;border:1px solid #92929d30;border-radius:50%;width:95px;height:95px;top:8px;left:calc(50% - 47px);transform:rotateX(55deg) rotate(-25deg);transition:transform .7s var(--ease-premium),opacity .7s}.menu-circuit i:nth-child(2){inset:19px auto auto calc(50% - 62px);width:125px;height:70px;transform:rotate(-35deg)}.menu-circuit i:nth-child(3){width:5px;height:5px;top:22px;left:27%;background:var(--ink);opacity:.45;border:0}.mega-category:hover .menu-circuit i:first-child{transform:rotateX(55deg) rotate(35deg) scale(1.18)}.mega-category:hover .menu-circuit i:nth-child(2){transform:rotate(15deg) scale(1.1)}.mega-category:hover .menu-circuit i:nth-child(3){transform:translate(80px,46px);opacity:.8}
[data-category="2"] .menu-circuit i{border-radius:14px}[data-category="3"] .menu-circuit i{border-radius:3px;transform:rotate(25deg)}[data-category="4"] .menu-circuit i:nth-child(2){border-style:dashed}
.button,.theme-toggle,.nav-cta,.review-controls button,.filter-chip{transition:transform .35s var(--ease-premium),background .25s,box-shadow .35s,border-color .25s}.button:hover{transform:translateY(-3px)}.button:active{transform:translateY(0) scale(.98)}.button .icon{transition:translate .35s var(--ease-premium)}.button:hover .icon{translate:3px 0}
.category-card,.tool-card,.service-card,.review-card,.cta-panel,.form-panel{backdrop-filter:blur(25px) saturate(110%);-webkit-backdrop-filter:blur(25px) saturate(110%)}.category-card,.tool-card,.service-card{transition:transform .55s var(--ease-premium),box-shadow .55s,background .35s}.reveal-item{transition:opacity .8s var(--ease-premium) var(--reveal-delay,0ms),translate .8s var(--ease-premium) var(--reveal-delay,0ms),transform .45s var(--ease-premium),box-shadow .4s}.reveal-pending{translate:0 28px}.scramble-visual{display:block;min-height:1.2em}.category-card h3,.tool-card h3{overflow-wrap:normal}
.premium-cursor{position:fixed;left:0;top:0;width:0;height:0;pointer-events:none;z-index:2147483646;opacity:0;mix-blend-mode:difference;transition:opacity .15s;will-change:transform}.premium-cursor:before{content:"";position:absolute;left:0;top:0;width:9px;height:9px;border-radius:50%;background:white;transform:translate(-50%,-50%);transition:width .24s var(--ease-premium),height .24s var(--ease-premium),background .24s,border .24s}.premium-cursor.visible{opacity:1}.premium-cursor.is-link:before{width:34px;height:34px;background:transparent;border:1.5px solid white}
@media(hover:hover) and (pointer:fine){.custom-pointer,.custom-pointer a,.custom-pointer button,.custom-pointer summary,.custom-pointer label{cursor:none}}
@media(max-width:1100px){.mega-main strong{font-size:18px}.mega-category{padding:14px}.mega-panel .mega-sub a{font-size:10px}.mega-grid{gap:10px}}
@media(max-width:800px){.nav-services .mega-panel{width:100%;padding:18px 0 0;background:transparent;border:0;box-shadow:none;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none;max-height:none;overflow:visible}.mega-head{display:none}.mega-grid{grid-template-columns:1fr 1fr;gap:10px}.mega-category{padding:14px}.mega-index{font-size:8px;margin-bottom:5px}.mega-image{height:78px;margin-bottom:12px}.mega-main strong{font-size:18px}.mega-panel .mega-sub a{font-size:11px}.mega-bottom{margin-top:16px;gap:15px}.menu-circuit i{width:70px;height:70px;left:calc(50% - 35px)}#navigation{max-height:calc(100dvh - 130px);overflow-y:auto;overscroll-behavior:contain;background:var(--glass);backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px)}#navigation.is-open{animation:mobile-reveal .3s var(--ease-premium)}.premium-cursor{display:none}}
@keyframes mobile-reveal{from{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.premium-cursor{display:none}.navigation-shade,#navigation,.mega-category,.mega-image img,.mega-image>svg,.menu-circuit i,.button,.reveal-item{transition:none!important;animation:none!important}.custom-pointer,.custom-pointer a,.custom-pointer button,.custom-pointer summary{cursor:auto}.reveal-pending{opacity:1;translate:none}}
@supports not (backdrop-filter:blur(1px)){.navigation-shade{background:#0003}:root{--glass:#f5f5f6}:root[data-theme=dark]{--glass:#161619}}
@media(prefers-reduced-transparency:reduce){:root{--glass:#f5f5f6;--surface:#ededee;--surface-raised:#f8f8f9}:root[data-theme=dark]{--glass:#161619;--surface:#1e1e22;--surface-raised:#25252a}}
@media print{.premium-cursor,.navigation-shade{display:none!important}}

/* Keep real text in flow: no clipping, fixed-height masks or sentence overlays. */
.text-motion-word{display:inline-block;position:relative;white-space:nowrap;overflow:visible;vertical-align:baseline}
.text-motion-original{opacity:1}
.text-motion-overlay{display:none;position:absolute;left:0;top:0;width:max-content;white-space:nowrap;overflow:visible;font:inherit;letter-spacing:inherit;pointer-events:none}
.is-scrambling>.text-motion-original{opacity:0}
.is-scrambling>.text-motion-overlay{display:block}
@media(prefers-reduced-motion:reduce),print{.is-scrambling>.text-motion-original{opacity:1}.is-scrambling>.text-motion-overlay{display:none}}
.nav-services summary{gap:7px}.services-chevron{width:14px;height:14px;opacity:.7;transition:transform .3s var(--ease-premium),opacity .2s}.nav-services[open] .services-chevron{transform:rotate(180deg);opacity:1}
@media(prefers-reduced-motion:reduce){.services-chevron{transition:none}}

/* Consistent outlined device icons throughout the services menu. */
.mega-image>svg{width:72px;height:72px;color:var(--muted);filter:none;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:800px){.mega-image>svg{width:55px;height:55px}}
/* The answer remains mounted while its container smoothly closes. */
.faq-answer{display:flow-root}
.faq-list details.faq-animated{overflow:hidden}
.faq-list .faq-animated summary .icon{transition:transform .34s var(--ease-premium)}
.faq-list details.faq-animated[open] summary .icon{transform:none}
.faq-list details.faq-animated.is-expanded summary .icon{transform:rotate(45deg)}
@media(prefers-reduced-motion:reduce){.faq-list .faq-animated summary .icon{transition:none}}

/* Editorial artwork keeps its native proportions and clear margins. */
.care-visual .section-product{width:92%;object-fit:contain}.sell-visual .section-product{transform:none;filter:none;object-fit:contain}.aside-product .section-product{object-fit:contain}

/* Original transparent emblem, one logo per footer. */
.footer-grid .footer-logo{display:block;width:164px;margin:-16px 0 8px -22px;line-height:0}.footer-logo img{display:block;width:100%;height:auto;filter:none}[data-theme=dark] .footer-logo img{filter:invert(1)}

/* Process numbers remain in normal flow across every page and theme. */
.steps article .step-number{position:static;inset:auto;display:inline-grid;place-items:center;flex-shrink:0;line-height:1;width:46px;height:46px;margin:0 0 20px}
@media(max-width:767px){
 .hero .phone-scene{display:none!important}
 .phone-scene *, .phone-scene *::before, .phone-scene *::after{animation:none!important}
 .categories{grid-template-columns:minmax(0,1fr);gap:18px}
 .categories .category-card{padding:24px;border-radius:24px;min-width:0}
 .categories .category-image{height:200px;margin:16px 0 20px}
 .categories .category-image img,.categories .category-card:first-child img{max-height:200px;object-fit:contain}
 .categories .category-card h3{font-size:28px}
 .categories .category-card p{font-size:14px;min-height:0}
 .categories .category-card .text-link{font-size:13px}
 .steps{grid-template-columns:minmax(0,1fr)}
 .steps article{padding:24px;min-width:0}
 .steps article .step-number{width:40px;height:40px;margin-bottom:16px;font-size:12px}
 .steps article h3,.steps article p{overflow-wrap:break-word}
}