:root{--bg:#f5f7f8;--ink:#101820;--muted:#6b7780;--accent:#55c7e8;--line:#dce5e9;--dark:#071217;--white:#fff;--radius:18px;--shadow:0 24px 70px rgba(9,25,33,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--site-font),Inter,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img,video{max-width:100%}button,input,textarea,select{font:inherit}main{min-height:70vh}.site-header{height:84px;position:absolute;z-index:50;top:0;width:100%;padding:0 clamp(22px,5vw,84px);display:flex;align-items:center;justify-content:space-between;color:#fff}.logo,.admin-brand{font-size:25px;font-weight:800;letter-spacing:-1.5px}.logo span,.admin-brand span{font-weight:400}.site-header nav{display:flex;gap:28px;font-size:13px}.site-header nav a{opacity:.82}.site-header nav a:hover{opacity:1;color:var(--accent)}.talk{border:1px solid #ffffff45;border-radius:999px;padding:10px 16px;font-size:13px}.menu-toggle{display:none;background:none;color:#fff;border:0;font-size:24px}.hero{min-height:92vh;background:radial-gradient(circle at 74% 48%,#164858 0,#0b252e 24%,#071217 56%);color:#fff;display:flex;align-items:center;padding:125px clamp(24px,7vw,120px) 70px;position:relative;overflow:hidden}.hero-3d{display:grid;grid-template-columns:1.05fr .95fr;gap:45px}.hero-copy{position:relative;z-index:3;max-width:760px}.hero small,.section small,.page small,.case-hero small,.admin-heading small,.settings-card small{letter-spacing:2px;font-weight:700;font-size:11px;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6.2vw,92px);line-height:.98;letter-spacing:-.055em;margin:18px 0 26px}h2{font-size:clamp(34px,4.2vw,62px);line-height:1.04;letter-spacing:-.045em;margin:12px 0 24px}h3{font-size:25px;letter-spacing:-.025em}em{font-style:normal;color:var(--accent)}.hero p{max-width:650px;color:#c7d5da;font-size:18px}.actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#071217;padding:13px 20px;border-radius:999px;font-weight:750;font-size:13px;border:0;cursor:pointer}.ghost{background:transparent;border:1px solid #ffffff45;color:#fff}.section{padding:clamp(75px,9vw,125px) clamp(24px,7vw,120px)}.white{background:#fff}.intro-grid,.split,.studio-band{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,100px);align-items:center}.lead{font-size:clamp(18px,1.7vw,22px);color:var(--muted);line-height:1.65}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-head h2{margin-bottom:0}.link{font-size:13px;font-weight:750;color:var(--accent)}.cards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.cards>a{padding:28px 24px;min-height:260px;border-right:1px solid var(--line);display:flex;flex-direction:column;transition:.3s}.cards>a:first-child{border-left:1px solid var(--line)}.cards>a:hover{background:#f6fbfd;transform:translateY(-3px)}.cards i{font-style:normal;color:var(--accent);font-size:11px}.cards p{color:var(--muted);font-size:14px}.cards b{margin-top:auto;font-size:12px}.project-grid{display:grid;grid-template-columns:1.4fr .8fr;grid-auto-rows:340px;gap:18px}.project-card{background:#102028 center/cover no-repeat;border-radius:var(--radius);overflow:hidden;color:#fff;padding:26px;display:flex;align-items:flex-end;min-height:340px;box-shadow:var(--shadow)}.project-card:first-child{grid-row:span 2}.project-card span,.portfolio-item span{font-size:10px;letter-spacing:1.8px;color:var(--accent)}.project-card h3{margin:5px 0 0}.dark{background:var(--dark);color:#fff}.dark .lead{color:#b6c4ca}.cta{text-align:center}.cta .btn{margin-top:10px}.model-stage{position:relative;z-index:2;height:min(68vh,650px);min-height:430px;isolation:isolate;transition:transform .18s ease}.model-stage model-viewer{width:100%;height:100%;--poster-color:transparent;background:radial-gradient(circle,#55c7e81f 0,transparent 64%)}.model-glow{position:absolute;width:55%;aspect-ratio:1;border-radius:50%;background:var(--accent);filter:blur(110px);opacity:.2;left:23%;top:22%;animation:pulseGlow 4s ease-in-out infinite}.model-ring{position:absolute;left:50%;top:50%;border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.ring-a{width:72%;aspect-ratio:1;animation:ringSpin 16s linear infinite}.ring-b{width:58%;aspect-ratio:1;border-style:dashed;animation:ringSpin 11s linear infinite reverse}.model-help{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:1.4px;color:#b9dce7}.model-placeholder{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.model-placeholder b{font-size:clamp(36px,5vw,72px);letter-spacing:-4px}.model-placeholder span{font-size:10px;letter-spacing:4px;color:var(--accent)}@keyframes ringSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulseGlow{50%{opacity:.36;transform:scale(1.08)}}
.page{padding:150px clamp(24px,7vw,120px) 110px}.page-title{max-width:1100px;font-size:clamp(48px,6.2vw,86px);line-height:.98}.page-intro{max-width:700px;color:var(--muted);font-size:18px;margin-bottom:55px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.portfolio-item{display:block}.portfolio-item img,.media-fallback{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius);background:#0c1b22;color:#fff;display:grid;place-items:center}.portfolio-item>div:last-child{padding:18px 4px 30px}.portfolio-item h2{font-size:30px;margin:5px 0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-height:300px;display:flex;flex-direction:column;transition:.3s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-card>span{font-size:11px;color:var(--accent)}.product-card h2{font-size:28px;margin:14px 0}.product-card p{color:var(--muted)}.product-card>div{margin-top:auto;display:flex;justify-content:space-between}.product-card i{font-style:normal;font-size:12px}.product-detail{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.product-viewer{height:600px;background:#fff;border-radius:var(--radius);overflow:hidden}.product-viewer model-viewer{width:100%;height:100%}.product-info h1{font-size:clamp(42px,5vw,70px)}.price{font-size:28px;font-weight:800;margin:25px 0}.product-meta{display:flex;gap:25px;padding:18px 0;border-block:1px solid var(--line);margin-bottom:25px}.product-meta span{display:grid;color:var(--muted);font-size:12px}.product-meta b{color:var(--ink);font-size:15px}.case-hero{padding:160px clamp(24px,7vw,120px) 70px;background:#071217;color:#fff}.case-hero h1{max-width:1100px}.case-hero p{max-width:700px;color:#b9c8ce;font-size:18px}.case-cover{padding:0 clamp(24px,7vw,120px);background:#071217}.case-cover img{width:100%;max-height:78vh;object-fit:cover;border-radius:var(--radius)}.case-video{width:100%;margin-top:55px;border-radius:var(--radius)}.case-model{height:650px;background:#fff;border-radius:var(--radius);margin-top:30px}.case-model model-viewer{width:100%;height:100%}.capability-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:70px}.capability-list span{padding:10px 14px;border:1px solid var(--line);border-radius:999px;font-size:11px;letter-spacing:1px}.empty-state{padding:50px;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted)}
.service-index{overflow:hidden}.service-intro{max-width:760px;font-size:19px;color:var(--muted);margin:-10px 0 60px}.service-marquee{margin:0 -7vw 55px;overflow:hidden;border-block:1px solid var(--line);padding:13px 0;color:var(--muted);font-size:10px;letter-spacing:2px;white-space:nowrap}.service-marquee>div{width:max-content;animation:marquee 28s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.service-showcase-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:60px 1fr auto;gap:20px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);transition:.3s}.service-row>span{color:var(--accent);font-size:11px}.service-row h2{font-size:clamp(30px,3.5vw,48px);margin:0}.service-row p{margin:6px 0;color:var(--muted)}.service-row b{font-size:11px}.service-hero{min-height:78vh;padding:150px 7vw 80px;background:#071217;color:#fff;display:flex;align-items:center;position:relative;overflow:hidden}.service-hero-copy{position:relative;z-index:2;max-width:920px}.service-hero h1{font-size:clamp(48px,6vw,84px)}.service-hero p{font-size:18px;color:#b8c9d1;max-width:650px}.hero-lines{position:absolute;right:8%;width:34vw;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:50%}.hero-lines:before,.hero-lines:after{content:"";position:absolute;border-radius:50%;border:1px dashed #ffffff28;inset:12%}.hero-lines:after{inset:28%;border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.work-showcase{padding:100px 7vw;background:#0a1217;color:#fff}.showcase-head{max-width:800px;margin-bottom:45px}.showcase-head p{color:#8fa0a9}.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.media-card{position:relative;overflow:hidden;background:#101c23;min-height:480px;cursor:pointer;border-radius:var(--radius)}.media-wide{grid-column:1/-1;min-height:68vh}.media-card>img,.video-thumb,.video-thumb video{width:100%;height:100%;object-fit:cover;display:block}.media-card>img,.video-thumb{position:absolute;inset:0}.media-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.85))}.media-meta{position:absolute;z-index:3;left:26px;right:26px;bottom:24px}.media-meta span{font-size:9px;letter-spacing:2px;color:var(--accent)}.media-meta h3{margin:5px 0;font-size:28px}.media-meta p{margin:0;color:#b7c2c8}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#fff;color:#071217;z-index:3}.next-project{text-align:center;padding:110px 7vw}.media-lightbox{position:fixed;inset:0;z-index:9999;background:#05090cef;display:none;align-items:center;justify-content:center;padding:5vw}.media-lightbox.open{display:flex}.media-lightbox button{position:absolute;right:30px;top:22px;background:none;border:0;color:#fff;font-size:40px}.lightbox-body{width:min(1400px,94vw);height:min(86vh,900px);display:grid;place-items:center}.lightbox-body img,.lightbox-body video{max-width:100%;max-height:100%}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-info{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.contact-info h2{font-size:36px;margin:0}.contact-info a{color:var(--accent);font-weight:700}form{display:grid;gap:16px}label{display:grid;gap:7px;font-weight:700;font-size:12px}input,textarea,select{padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}footer{background:#071217;color:#fff;padding:60px clamp(24px,7vw,120px) 35px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}footer>div{display:flex;flex-direction:column;gap:8px}footer p,footer a:not(.logo){color:#8999a1;font-size:13px}
/* Premium admin */.admin-body{background:#f4f7f8}.admin-layout{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.admin-side{position:sticky;top:0;height:100vh;background:#09151b;color:#fff;padding:30px 22px;display:flex;flex-direction:column}.admin-brand{margin-bottom:38px}.admin-side nav{display:grid;gap:5px}.admin-side nav a,.side-bottom a{padding:10px 12px;border-radius:9px;color:#aebbc1;font-size:13px}.admin-side nav a:hover,.admin-side nav a.active{background:#12252e;color:#fff}.side-bottom{margin-top:auto;display:grid;gap:4px;border-top:1px solid #ffffff12;padding-top:16px}.admin-main{padding:45px clamp(25px,5vw,70px);min-width:0}.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px}.admin-heading h1{font-size:clamp(34px,4vw,50px);letter-spacing:-.045em;margin:4px 0 6px}.admin-heading p{color:var(--muted);margin:0}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;flex-direction:column;min-height:160px}.stat span{font-size:12px;color:var(--muted)}.stat strong{font-size:38px;letter-spacing:-2px;margin:12px 0}.stat a{margin-top:auto;font-size:11px;color:var(--accent);font-weight:700}.admin-panel{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;display:flex;align-items:center;justify-content:space-between}.admin-panel h2{font-size:25px;margin:5px 0}.admin-panel p{margin:0;color:var(--muted)}.admin-action{background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:9px;font-size:12px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px}.admin-table{width:100%;border-collapse:collapse;min-width:760px}.admin-table th,.admin-table td{text-align:left;padding:14px 16px;border-bottom:1px solid #e8edef;font-size:12px;vertical-align:top}.admin-table th{font-size:10px;letter-spacing:1px;color:var(--muted);background:#fbfcfc}.row-actions{display:flex;gap:14px;align-items:center}.row-actions form{display:inline}.row-actions button{border:0;background:none;padding:0;cursor:pointer;font-size:12px}.text-danger{color:#bd3b3b}.empty-cell{text-align:center!important;padding:50px!important;color:var(--muted)}.editor-card,.settings-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px}.editor-card{max-width:900px}.editor-card textarea{resize:vertical}.settings-form{gap:14px}.settings-card{display:grid;grid-template-columns:220px 1fr;gap:35px}.settings-title h2{font-size:20px;letter-spacing:-.02em;margin:0 0 5px}.settings-title p{font-size:12px;color:var(--muted);margin:0}.settings-fields{display:grid;gap:15px}.settings-fields.two{grid-template-columns:1fr 1fr}.settings-fields .full{grid-column:1/-1}.settings-fields input[type=color]{width:100%;height:44px;padding:4px}.save-bar{position:sticky;bottom:15px;display:flex;justify-content:flex-end;padding:10px;background:#f4f7f8dd;backdrop-filter:blur(8px);border-radius:14px}.admin-note{font-size:10px;color:var(--muted);font-weight:400}.notice{background:#eaf9fd;border:1px solid #bceaf7;padding:13px 15px;border-radius:10px;margin-bottom:18px;font-size:12px}.notice.error{background:#fff0f0;border-color:#f0caca}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 70% 30%,#173b47,#08151b 45%)}.login-card{width:min(430px,100%);background:#fff;border-radius:20px;padding:38px;box-shadow:0 30px 100px #0005}.login-card .admin-brand{color:var(--ink);margin-bottom:35px}.login-card small{color:var(--accent);font-weight:800;letter-spacing:1.5px}.login-card h1{font-size:36px;letter-spacing:-1.8px;margin:8px 0 10px}.login-card>p{color:var(--muted);font-size:13px;margin-bottom:25px}.back-link{display:inline-block;margin-top:20px;color:var(--muted);font-size:12px}
@media(max-width:1000px){.cards{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr 1fr}.product-detail{grid-template-columns:1fr}.admin-layout{grid-template-columns:190px 1fr}.settings-card{grid-template-columns:1fr}.hero-3d{grid-template-columns:1fr}.model-stage{height:48vh}.hero{padding-top:140px}}
@media(max-width:720px){.site-header nav{display:none;position:absolute;left:20px;right:20px;top:72px;background:#0b1b22;padding:18px;border-radius:14px;flex-direction:column}.site-header nav.open{display:flex}.menu-toggle{display:block}.talk{display:none}.hero{min-height:auto}.hero h1{font-size:52px}.model-stage{min-height:330px}.intro-grid,.split,.studio-band,.contact-layout{grid-template-columns:1fr}.cards,.portfolio-grid,.product-grid,.media-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr;grid-auto-rows:320px}.project-card:first-child{grid-row:auto}.section-head{align-items:start;flex-direction:column}.page{padding-top:125px}.admin-layout{display:block}.admin-side{position:relative;height:auto;padding:20px}.admin-side nav{grid-template-columns:1fr 1fr;margin-top:15px}.admin-brand{margin-bottom:10px}.side-bottom{display:none}.admin-main{padding:25px 18px}.admin-heading{align-items:flex-start;flex-direction:column}.admin-grid{grid-template-columns:1fr 1fr}.settings-fields.two{grid-template-columns:1fr}.settings-fields .full{grid-column:auto}.admin-panel{align-items:flex-start;flex-direction:column;gap:20px}.media-wide{grid-column:auto}.service-row{grid-template-columns:45px 1fr}.service-row b{display:none}footer{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.cards,.admin-grid,footer{grid-template-columns:1fr}.site-header{padding:0 20px}.section,.page{padding-left:20px;padding-right:20px}.admin-side nav{grid-template-columns:1fr}.login-card{padding:28px}.product-viewer{height:420px}}
/* v3 premium refinements */
.header-actions{display:flex;align-items:center;gap:16px}.lang-switch{display:flex;align-items:center;gap:5px;font-size:10px;letter-spacing:1px;color:#72848c}.lang-switch a{padding:5px 3px;color:#72848c}.lang-switch a.active{color:var(--accent);font-weight:800}.model-stage model-viewer{background:transparent!important}.model-glow{width:58%;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,var(--accent) 0%,color-mix(in srgb,var(--accent) 42%,transparent) 28%,transparent 72%);filter:blur(38px);opacity:.28;left:21%;top:20%;overflow:visible;pointer-events:none}.model-stage{background:transparent!important}.media-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:34px}.media-item{background:#08161d;border-radius:18px;overflow:hidden;min-height:280px;display:grid;place-items:center}.media-item img,.media-item video{width:100%;height:100%;max-height:680px;object-fit:cover;display:block}.media-item figcaption{width:100%;padding:13px 16px;background:#fff;color:var(--ink);font-size:12px}.admin-subnav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.seo-score{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#47717f;background:#edf8fb;padding:7px 10px;border-radius:99px}.help{font-size:11px;color:var(--muted);font-weight:400;line-height:1.5}.admin-user-badge{font-size:11px;color:#93a8b1;margin-bottom:8px}.media-type-select{max-width:220px}
@media(max-width:720px){.header-actions{gap:8px}.lang-switch{font-size:9px}.media-gallery{grid-template-columns:1fr}}

/* v4 premium visual system */
.site-header{transition:background .3s ease,color .3s ease,border-color .3s ease}.site-header.header-on-dark{color:#fff}.site-header.header-on-light{position:relative;color:var(--ink);background:rgba(245,247,248,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.header-on-light .logo{color:var(--ink)}.header-on-light .site-header nav a{color:var(--ink)}.header-on-light .talk{color:var(--ink);border-color:#10182026}.header-on-light .menu-toggle{color:var(--ink)}.header-on-light .lang-switch a{color:#60727b}.header-on-light .lang-switch a.active{color:#168eb3}.logo{white-space:nowrap}.logo:after{content:"";display:block;width:0;height:2px;background:var(--accent);transition:.3s}.logo:hover:after{width:100%}
.hero{overflow:hidden}.hero-copy{position:relative;z-index:4}.hero-copy small{display:inline-flex;padding:7px 10px;border:1px solid #ffffff20;border-radius:999px;background:#ffffff08;backdrop-filter:blur(10px)}.hero-copy h1{letter-spacing:-.065em}.hero-copy p{max-width:650px}.model-stage:after{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(85,199,232,.13),transparent 62%);z-index:-2}.model-glow{background:radial-gradient(circle,rgba(85,199,232,.55) 0,rgba(85,199,232,.16) 30%,rgba(85,199,232,0) 70%)!important;filter:blur(48px)!important;border-radius:50%!important;clip-path:circle(50% at 50% 50%)}
.premium-reel{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;background:#eef4f6}.reel-copy h2{font-size:clamp(42px,5vw,72px);letter-spacing:-.055em;line-height:.98}.reel-copy p{max-width:560px;color:var(--muted)}.reel-visual{min-height:520px;border-radius:28px;background:#071217;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:30px;color:#a9c2cc}.reel-visual:before,.reel-visual:after{content:"";position:absolute;border:1px solid rgba(85,199,232,.32);border-radius:50%;width:72%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%)}.reel-visual:after{width:45%;border-style:dashed;animation:ringSpin 18s linear infinite}.reel-orb{position:absolute;width:42%;aspect-ratio:1;border-radius:50%;left:29%;top:29%;background:radial-gradient(circle at 38% 32%,#c8f5ff 0,#55c7e8 15%,#154958 42%,#071217 72%);box-shadow:0 0 90px rgba(85,199,232,.24)}.reel-visual span{position:relative;z-index:3;font-size:10px;letter-spacing:2.5px}
.references-section{overflow:hidden;background:#fff}.logo-marquee{overflow:hidden;border-block:1px solid var(--line);margin-top:30px}.logo-track{display:flex;width:max-content;animation:referenceMarquee 35s linear infinite}.logo-marquee:hover .logo-track{animation-play-state:paused}.reference-logo{width:230px;height:130px;padding:28px;display:grid;place-items:center;border-right:1px solid var(--line);transition:.3s}.reference-logo img{max-width:145px;max-height:58px;object-fit:contain;filter:grayscale(1);opacity:.58;transition:.3s}.reference-logo strong{font-size:18px;opacity:.55}.reference-logo:hover{background:#f4fafc}.reference-logo:hover img{filter:grayscale(0);opacity:1;transform:scale(1.04)}.reference-logo:hover strong{opacity:1;color:var(--accent)}@keyframes referenceMarquee{to{transform:translateX(-50%)}}
.project-card{border-radius:22px;overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}.project-card:hover{transform:translateY(-8px);box-shadow:0 30px 70px rgba(7,18,23,.18)}.cards>a{border-radius:18px;transition:.35s}.cards>a:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(9,25,33,.08)}
@media(max-width:1000px){.premium-reel{grid-template-columns:1fr}.reel-visual{min-height:420px}}
@media(max-width:720px){.site-header.header-on-light nav{background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.08)}.premium-reel{gap:35px}.reel-visual{min-height:330px}.reference-logo{width:180px;height:105px}.reference-logo img{max-width:120px;max-height:48px}}
@media(prefers-reduced-motion:reduce){.logo-track,.reel-visual:after{animation:none}}

/* v5 brand + footer */
.site-header .logo{display:flex;align-items:center}.site-header .logo img{display:block;width:auto;height:34px;max-width:190px;object-fit:contain}.site-header .logo:has(img):after{display:none}.site-footer{display:block;background:#071217;color:#fff;padding:0 clamp(24px,7vw,120px)}.footer-main{padding:72px 0 52px;display:grid;grid-template-columns:minmax(280px,2fr) 1fr minmax(240px,1.2fr);gap:clamp(36px,6vw,90px)}.footer-brand,.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer-logo{display:inline-flex;align-items:center;min-height:38px}.footer-logo img{max-width:190px;max-height:46px;object-fit:contain}.footer-logo span{font-size:26px;font-weight:800;letter-spacing:-1.5px}.footer-brand p{max-width:390px;color:#8fa1a9;font-size:14px;line-height:1.75;margin:12px 0 10px}.footer-col b{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:#fff;margin-bottom:8px}.footer-col a,.footer-contact address{color:#91a2aa;font-size:13px;font-style:normal;line-height:1.65;transition:.25s}.footer-col a:hover{color:var(--accent)}.footer-contact .footer-cta{margin-top:8px;color:var(--accent);font-weight:750}.social-icons{display:flex;gap:9px;flex-wrap:wrap}.social-icons a{width:36px;height:36px;border:1px solid #ffffff24;border-radius:50%;display:grid;place-items:center;color:#d8e3e7;font-size:11px;font-weight:800;transition:.25s}.social-icons a:hover{background:var(--accent);border-color:var(--accent);color:#071217;transform:translateY(-2px)}.footer-bottom{border-top:1px solid #ffffff16;padding:20px 0 26px;display:flex;justify-content:space-between;gap:20px;color:#65777f;font-size:11px}.footer-bottom a:hover{color:var(--accent)}
@media(max-width:720px){.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.site-header .logo img{height:30px;max-width:160px}}
@media(max-width:480px){.footer-main{grid-template-columns:1fr;padding-top:52px}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.site-footer{padding-left:20px;padding-right:20px}}

/* v8 interaction + sticky navigation */
.site-header{position:fixed!important;left:0;right:0;top:0;background:linear-gradient(180deg,rgba(7,18,23,.72),rgba(7,18,23,0));backdrop-filter:saturate(120%);transition:background .3s,box-shadow .3s,border-color .3s,transform .3s}.site-header.is-scrolled{background:rgba(7,18,23,.91);backdrop-filter:blur(18px) saturate(135%);box-shadow:0 12px 38px rgba(0,0,0,.14);border-bottom:1px solid rgba(255,255,255,.08)}.site-header.header-on-light{position:fixed!important;background:rgba(245,247,248,.9)}.site-header.header-on-light.is-scrolled{background:rgba(255,255,255,.94);box-shadow:0 12px 38px rgba(9,25,33,.09);border-bottom:1px solid var(--line)}.site-header nav{padding:6px;border-radius:999px;transition:.3s}.site-header nav a{position:relative;padding:9px 13px;border-radius:999px;transition:color .25s,background .25s,transform .25s}.site-header nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:3px;height:2px;border-radius:2px;background:var(--accent);transition:.25s}.site-header nav a:hover{background:rgba(255,255,255,.07);transform:translateY(-1px)}.site-header nav a:hover:after{left:14px;right:14px}.header-on-light nav a:hover{background:rgba(85,199,232,.10)}.talk{transition:.28s}.talk:hover{background:var(--accent);border-color:var(--accent);color:#071217;transform:translateY(-2px);box-shadow:0 10px 28px rgba(85,199,232,.2)}
.model-stage{--mx:50%;--my:50%}.model-stage:before{content:"";position:absolute;inset:3%;border-radius:50%;background:radial-gradient(circle at var(--mx) var(--my),rgba(153,236,255,.22),rgba(85,199,232,.08) 18%,transparent 48%);pointer-events:none;z-index:-1;transition:opacity .2s}.model-glow{transition:transform .14s ease-out!important;will-change:transform}.model-ring{transition:border-color .25s,filter .25s}.model-stage:hover .model-ring{border-color:rgba(85,199,232,.58);filter:drop-shadow(0 0 12px rgba(85,199,232,.18))}.model-stage model-viewer{position:relative;z-index:3;background:transparent!important}.model-placeholder{z-index:3}
.admin-side{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#29414c transparent}.admin-side nav a{position:relative;overflow:hidden;transition:background .22s,color .22s,transform .22s,padding-left .22s}.admin-side nav a:before{content:"";position:absolute;left:0;top:50%;width:3px;height:0;border-radius:4px;background:var(--accent);transform:translateY(-50%);transition:.22s}.admin-side nav a:hover{transform:translateX(3px);padding-left:16px}.admin-side nav a:hover:before,.admin-side nav a.active:before{height:20px}.admin-side nav a.active{box-shadow:inset 0 0 0 1px rgba(85,199,232,.08)}
.social-icons a svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.social-icons a svg .fill{fill:currentColor;stroke:none}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.footer-bottom{justify-content:flex-start}
@media(max-width:720px){.site-header nav{top:72px;background:rgba(7,18,23,.96);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08)}.site-header.header-on-light nav{background:rgba(255,255,255,.97)}.site-header nav a{border-radius:10px}.admin-side{overflow:visible}}

/* v9 project video / GLB / work media visibility */
.rich-project-card{position:relative;background:#102028!important;padding:0!important}.rich-project-card .card-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.rich-project-card .card-model{background:radial-gradient(circle at 50% 45%,#164858,#071217 68%)}.card-shade{position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(4,12,16,.92));pointer-events:none}.card-copy{position:absolute;z-index:4;left:26px;right:26px;bottom:24px}.card-copy b,.media-badge{display:inline-flex;margin-top:8px;padding:6px 9px;border-radius:999px;background:rgba(7,18,23,.72);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:9px;letter-spacing:1.4px}.portfolio-media{position:relative;width:100%;aspect-ratio:16/10;border-radius:var(--radius);overflow:hidden;background:#0c1b22}.portfolio-media>img,.portfolio-media>video,.portfolio-media>model-viewer,.portfolio-media>.media-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.portfolio-media>model-viewer{background:radial-gradient(circle at 50% 45%,#164858,#071217 68%)}.portfolio-media .media-badge{position:absolute;z-index:4;left:14px;top:14px;margin:0}.work-media-section{border-top:1px solid var(--line)}.work-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-media-card{position:relative;min-height:300px;border-radius:var(--radius);overflow:hidden;background:#0c1b22;color:#fff}.work-media-card>img,.work-media-card>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s}.work-media-card:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(4,12,16,.88))}.work-media-card:hover>img,.work-media-card:hover>video{transform:scale(1.035)}.work-media-card>div{position:absolute;z-index:3;left:20px;right:20px;bottom:18px;display:flex;flex-direction:column}.work-media-card>div small{color:#c6d6dc;letter-spacing:0;font-weight:400;margin-top:3px}.work-media-card>.media-badge{position:absolute;z-index:4;left:14px;top:14px;margin:0}.media-library-head{margin-top:90px}@media(max-width:900px){.work-media-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.work-media-grid{grid-template-columns:1fr}.work-media-card{min-height:260px}}

/* v10 premium interaction */
.cursor-glow{position:fixed;z-index:1;left:0;top:0;width:420px;height:420px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(85,199,232,.10) 0,rgba(85,199,232,.035) 34%,transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:opacity .35s;mix-blend-mode:multiply}.cursor-glow.on{opacity:1}.hero,.section,.site-footer{position:relative;z-index:2}.hero{z-index:3}.site-header{z-index:100}
.site-header nav{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.header-on-light nav{background:rgba(255,255,255,.7);border-color:rgba(16,24,32,.06)}
.service-marquee>div{transform:translateX(0);animation:marqueeFromStart 28s linear infinite}@keyframes marqueeFromStart{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.showreel-model{position:absolute;inset:0;width:100%;height:100%;--poster-color:transparent;background:radial-gradient(circle at 50% 45%,rgba(85,199,232,.12),transparent 58%)}
.upload-guide{display:block;margin-top:7px;padding:9px 11px;border-radius:9px;background:#f1f7f9;color:#5e747e;font-size:10px;font-weight:500;line-height:1.45}
.saving-overlay{position:fixed;inset:0;z-index:99999;background:rgba(5,14,18,.72);backdrop-filter:blur(10px);display:grid;place-items:center;opacity:0;visibility:hidden;transition:.25s}.saving-overlay.show{opacity:1;visibility:visible}.saving-box{width:min(390px,calc(100% - 36px));background:#fff;border-radius:22px;padding:34px;text-align:center;box-shadow:0 35px 100px rgba(0,0,0,.28);display:grid;justify-items:center;gap:8px}.saving-box b{font-size:18px}.saving-box small{color:var(--muted)}.saving-spinner{width:42px;height:42px;border-radius:50%;border:3px solid #dcecf1;border-top-color:var(--accent);animation:spinSave .8s linear infinite;margin-bottom:8px}@keyframes spinSave{to{transform:rotate(360deg)}}
.admin-side{position:sticky!important;top:0!important;height:100vh!important}.admin-side nav{padding-right:4px}.admin-side nav a{border-radius:11px;margin:2px 0}.admin-side nav a:hover{background:rgba(85,199,232,.10)!important;color:#fff}.admin-side nav a.active{background:#102b36!important;color:#fff}.admin-side nav a:after{content:'›';position:absolute;right:13px;opacity:0;transform:translateX(-5px);transition:.22s}.admin-side nav a:hover:after,.admin-side nav a.active:after{opacity:.65;transform:none}
@media(max-width:900px){.cursor-glow{display:none}.admin-side{position:relative!important;height:auto!important}}

/* v11 — cinematic WOW hover for portfolio imagery */
.rich-project-card,.rich-portfolio-item,.work-media-card{--mx:50%;--my:50%;transform-style:preserve-3d;will-change:transform;isolation:isolate}
.rich-project-card:before,.rich-portfolio-item .portfolio-media:before,.work-media-card:before{content:"";position:absolute;inset:-1px;z-index:5;pointer-events:none;opacity:0;transition:opacity .35s ease;background:radial-gradient(360px circle at var(--mx) var(--my),rgba(85,199,232,.30),rgba(85,199,232,.09) 24%,transparent 58%);mix-blend-mode:screen}
.rich-project-card:after,.rich-portfolio-item .portfolio-media:after,.work-media-card:after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0;transition:opacity .4s ease;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.16) 43%,transparent 59%);transform:translateX(-65%)}
.rich-project-card:hover:before,.rich-portfolio-item:hover .portfolio-media:before,.work-media-card:hover:before{opacity:1}
.rich-project-card:hover:after,.rich-portfolio-item:hover .portfolio-media:after,.work-media-card:hover:after{opacity:.75;animation:wowSweep .9s cubic-bezier(.2,.7,.2,1) both}
.rich-project-card .card-media,.rich-portfolio-item .portfolio-media>img,.rich-portfolio-item .portfolio-media>video,.work-media-card>img,.work-media-card>video{transition:transform .75s cubic-bezier(.16,1,.3,1),filter .6s ease;will-change:transform,filter}
.rich-project-card:hover .card-media,.rich-portfolio-item:hover .portfolio-media>img,.rich-portfolio-item:hover .portfolio-media>video,.work-media-card:hover>img,.work-media-card:hover>video{transform:scale(1.075);filter:saturate(1.12) contrast(1.04)}
.rich-project-card .card-copy,.work-media-card>div,.rich-portfolio-item>div:last-child{transition:transform .55s cubic-bezier(.16,1,.3,1)}
.rich-project-card:hover .card-copy,.work-media-card:hover>div,.rich-portfolio-item:hover>div:last-child{transform:translateY(-7px)}
.rich-project-card:hover,.work-media-card:hover{box-shadow:0 34px 90px rgba(7,18,23,.22),0 0 0 1px rgba(85,199,232,.18)}
.rich-portfolio-item .portfolio-media{transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s ease;transform-style:preserve-3d}
.rich-portfolio-item:hover .portfolio-media{transform:translateY(-8px);box-shadow:0 30px 75px rgba(7,18,23,.18),0 0 0 1px rgba(85,199,232,.18)}
@keyframes wowSweep{0%{transform:translateX(-75%)}100%{transform:translateX(85%)}}
@media (prefers-reduced-motion:reduce){.rich-project-card,.rich-portfolio-item,.work-media-card,.rich-project-card .card-media,.rich-portfolio-item .portfolio-media>* ,.work-media-card>*{transition:none!important;animation:none!important;transform:none!important}}

/* v12 — premium navigation, buttons and compact footer */
.site-header nav a{position:relative;overflow:hidden;padding:10px 12px;background:transparent!important;transform:none!important}
.site-header nav a:after{content:"";position:absolute;left:12px;right:auto;bottom:5px;width:0;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--accent),#b9f2ff);box-shadow:0 0 12px rgba(85,199,232,.55);transition:width .52s cubic-bezier(.15,.65,.18,1),opacity .2s;opacity:.85}
.site-header nav a:hover:after,.site-header nav a:focus-visible:after{left:12px;right:auto;width:calc(100% - 24px);opacity:1}
.site-header nav a:hover{color:#fff!important;text-shadow:0 0 18px rgba(85,199,232,.28)}
.site-header.header-on-light nav a:hover{color:var(--ink)!important}

.btn,.talk,.footer-cta,.admin-action,button[type="submit"],input[type="submit"]{position:relative;overflow:hidden;transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s ease,background .32s ease,border-color .32s ease,color .32s ease}
.btn:before,.talk:before,.admin-action:before,button[type="submit"]:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.36) 48%,transparent 70%);transform:translateX(-130%);transition:transform .7s cubic-bezier(.16,1,.3,1)}
.btn:hover,.talk:hover,.admin-action:hover,button[type="submit"]:hover,input[type="submit"]:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(85,199,232,.25),0 5px 12px rgba(7,18,23,.12)}
.btn:hover:before,.talk:hover:before,.admin-action:hover:before,button[type="submit"]:hover:before{transform:translateX(130%)}
.ghost:hover{background:rgba(85,199,232,.10);border-color:rgba(85,199,232,.75);color:#fff}
.footer-cta:hover{transform:translateX(5px);text-shadow:0 0 18px rgba(85,199,232,.42)}

.site-footer{min-height:0!important;padding-bottom:0!important}
.footer-main{padding-top:52px!important;padding-bottom:34px!important;align-items:start}
.footer-brand p{margin-top:6px;margin-bottom:10px}
.footer-bottom{padding:16px 0 18px!important}
.social-icons{margin-top:5px;gap:10px}
.social-icons a{width:38px;height:38px;position:relative;overflow:hidden;background:rgba(255,255,255,.025);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);transition:transform .35s cubic-bezier(.16,1,.3,1),background .3s,border-color .3s,color .3s,box-shadow .3s}
.social-icons a:before{content:"";position:absolute;inset:auto 0 0;height:0;background:var(--accent);transition:height .35s cubic-bezier(.16,1,.3,1);z-index:0}
.social-icons a svg{position:relative;z-index:1}
.social-icons a:hover{transform:translateY(-5px) scale(1.04);box-shadow:0 12px 28px rgba(85,199,232,.20);background:transparent!important}
.social-icons a:hover:before{height:100%}
.footer-col>a{position:relative;width:max-content;max-width:100%}
.footer-col:not(.footer-contact)>a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--accent);transition:width .4s cubic-bezier(.16,1,.3,1)}
.footer-col:not(.footer-contact)>a:hover:after{width:100%}
@media(max-width:720px){.footer-main{padding-top:42px!important;padding-bottom:28px!important}}

/* v13 — admin feedback, media specs, 3D manager */
.admin-toast{position:fixed;right:28px;top:28px;z-index:100000;min-width:310px;max-width:440px;padding:15px 18px;border-radius:14px;background:#09232d;color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.22);border:1px solid rgba(85,199,232,.28);opacity:0;transform:translateY(-14px) scale(.98);pointer-events:none;transition:.35s cubic-bezier(.16,1,.3,1)}.admin-toast.success{border-left:4px solid var(--accent)}.admin-toast.show{opacity:1;transform:none}.media-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-spec-grid>div{padding:16px;border:1px solid var(--line);border-radius:14px;background:#f8fbfc;display:grid;gap:4px}.media-spec-grid b{font-size:13px}.media-spec-grid span{font-size:12px;color:#405761}.media-spec-grid small{font-size:10px;color:#7b8d95}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.social-icons svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.social-icons .fill{fill:currentColor;stroke:none}@media(max-width:700px){.media-spec-grid{grid-template-columns:1fr}.admin-toast{left:16px;right:16px;min-width:0;top:16px}}

/* v14 analytics */
.analytics-grid{margin-bottom:24px}.stat-live{position:relative;overflow:hidden}.stat-live:before{content:"";position:absolute;right:18px;top:18px;width:9px;height:9px;border-radius:50%;background:#35d07f;box-shadow:0 0 0 6px rgba(53,208,127,.12),0 0 18px rgba(53,208,127,.45)}.analytics-panel{margin:0 0 28px}.mini-bars{height:190px;display:flex;align-items:flex-end;gap:14px;padding-top:20px}.mini-bar-item{flex:1;min-width:36px;height:100%;display:grid;grid-template-rows:22px 1fr 22px;gap:6px;text-align:center;font-size:11px;color:#71808a}.mini-bar-track{height:100%;display:flex;align-items:flex-end;background:rgba(85,199,232,.06);border-radius:12px;overflow:hidden}.mini-bar-track i{display:block;width:100%;min-height:5px;background:linear-gradient(180deg,var(--accent),rgba(85,199,232,.28));border-radius:12px 12px 4px 4px;box-shadow:0 0 22px rgba(85,199,232,.18)}

/* v15 CMS + AI + analytics */
.ai-hero{padding-top:180px;background:radial-gradient(circle at 75% 25%,rgba(85,199,232,.18),transparent 34%),#071017;color:#fff;min-height:72vh}.ai-hero h1{font-size:clamp(54px,8vw,120px);line-height:.88;letter-spacing:-.065em;margin:28px 0}.ai-hero em{color:var(--accent);font-style:normal}.ai-hero .lead{max-width:920px;color:#b8c6ce}.ai-cap-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.ai-cap-grid article{padding:28px 22px;border:1px solid #dfe8ec;border-radius:22px;min-height:220px;transition:.35s;background:#fff}.ai-cap-grid article:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(16,24,32,.12);border-color:var(--accent)}.ai-cap-grid i{font-style:normal;color:var(--accent);font-weight:800}.ai-cap-grid h3{font-size:20px;margin:42px 0 10px}.ai-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ai-media-card{border-radius:24px;overflow:hidden;background:#0d171d;color:#fff}.ai-media-card img,.ai-media-card video,.ai-media-card model-viewer{display:block;width:100%;height:340px;object-fit:cover;background:#101c23}.ai-media-card>div{padding:22px}.analytics-hero{display:flex;align-items:center;justify-content:space-between;padding:30px 34px;margin-bottom:18px;border-radius:26px;background:radial-gradient(circle at 85% 20%,rgba(85,199,232,.32),transparent 28%),linear-gradient(135deg,#071017,#132631);color:#fff;box-shadow:0 24px 70px rgba(4,14,20,.18)}.analytics-hero h2{font-size:36px;margin:5px 0}.analytics-hero p{color:#a9bac3}.live-orb{width:128px;height:128px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(85,199,232,.35);box-shadow:inset 0 0 35px rgba(85,199,232,.12),0 0 45px rgba(85,199,232,.12);position:relative}.live-orb i{position:absolute;top:18px;right:25px;width:9px;height:9px;border-radius:50%;background:#55e89d;box-shadow:0 0 15px #55e89d;animation:livePulse 1.4s infinite}.live-orb b{font-size:40px}.live-orb span{font-size:10px;letter-spacing:.2em;color:#8fa4ae}@keyframes livePulse{50%{opacity:.3;transform:scale(.7)}}.analytics-grid .stat{position:relative;overflow:hidden;border:1px solid #e0e8ec}.analytics-grid .stat:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-35px;bottom:-55px;background:radial-gradient(circle,rgba(85,199,232,.22),transparent 70%)}.analytics-grid .stat strong{font-size:42px}.analytics-panel{border-radius:26px}.analytics-sub{color:#70818a;margin-top:-5px}.mini-bar-track i{background:linear-gradient(180deg,var(--accent),#1483a5)!important;border-radius:10px 10px 3px 3px;box-shadow:0 8px 20px rgba(85,199,232,.25)}
@media(max-width:1000px){.ai-cap-grid{grid-template-columns:repeat(2,1fr)}.ai-media-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.ai-cap-grid,.ai-media-grid{grid-template-columns:1fr}.analytics-hero{align-items:flex-start}.live-orb{width:90px;height:90px}.live-orb b{font-size:28px}}

/* v16 AI premium service cards + detail showcase */
.ai-cap-grid-v16{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ai-cap-card-v16{position:relative;min-height:285px;padding:34px;border:1px solid rgba(15,39,49,.10);border-radius:28px;background:linear-gradient(145deg,#fff,#f8fbfc);display:grid;grid-template-columns:1.25fr .75fr;align-items:center;overflow:hidden;box-shadow:0 10px 30px rgba(8,24,32,.045);transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s,border-color .4s}.ai-cap-card-v16:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 40%,rgba(85,199,232,.13),transparent 32%);opacity:.5;transition:.45s}.ai-cap-card-v16:hover{transform:translateY(-9px);border-color:rgba(85,199,232,.55);box-shadow:0 28px 70px rgba(8,24,32,.14),0 0 0 1px rgba(85,199,232,.08)}.ai-cap-card-v16:hover:before{opacity:1}.ai-cap-copy{position:relative;z-index:2}.ai-cap-copy>span{font-size:11px;letter-spacing:.16em;color:var(--accent);font-weight:800}.ai-cap-copy h3{font-size:clamp(24px,2vw,34px);margin:22px 0 10px}.ai-cap-copy p{color:var(--muted);max-width:430px}.ai-cap-copy b{display:inline-flex;gap:10px;align-items:center;margin-top:16px;font-size:12px}.ai-cap-copy b i{font-style:normal;transition:.35s}.ai-cap-card-v16:hover b i{transform:translate(5px,-5px)}.ai-cap-visual{position:relative;z-index:2;display:grid;place-items:center;min-height:190px}.ai-cap-visual svg{width:110px;height:110px;fill:none;stroke:var(--ink);stroke-width:1.05;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 14px 20px rgba(85,199,232,.12));transition:.6s cubic-bezier(.16,1,.3,1)}.ai-cap-visual>span{position:absolute;width:145px;height:145px;border-radius:50%;border:1px solid rgba(85,199,232,.25);box-shadow:inset 0 0 45px rgba(85,199,232,.08);transition:.6s}.ai-cap-card-v16:hover .ai-cap-visual svg{transform:translateY(-7px) scale(1.06);stroke:var(--accent)}.ai-cap-card-v16:hover .ai-cap-visual>span{transform:scale(1.12);border-color:rgba(85,199,232,.55)}
.ai-detail-hero{padding-top:175px;min-height:70vh;background:radial-gradient(circle at 80% 30%,rgba(85,199,232,.22),transparent 28%),#071017;color:#fff;display:flex;flex-direction:column;justify-content:center}.ai-detail-hero h1{max-width:1050px}.ai-detail-hero .lead{max-width:780px;color:#b9c9d0}.ai-back{font-size:12px;color:#9eb2bb;margin-bottom:50px;width:max-content}.ai-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.ai-work-card{overflow:hidden;border-radius:26px;background:#0b171d;color:#fff;box-shadow:0 20px 55px rgba(7,18,23,.12);transition:.45s}.ai-work-card:hover{transform:translateY(-7px);box-shadow:0 30px 75px rgba(7,18,23,.2)}.ai-work-card img,.ai-work-card video,.ai-work-card model-viewer{display:block;width:100%;height:440px;object-fit:cover;background:#0e1d24}.ai-work-card>div{padding:24px 26px}.ai-work-card h3{margin:7px 0}.ai-work-card p{color:#a9bbc3;margin-bottom:0}.ai-empty-showcase{padding:55px;border:1px dashed #b9cbd3;border-radius:26px;text-align:center;background:#f8fbfc}.ai-empty-showcase b{font-size:22px}.ai-empty-showcase p{color:var(--muted);margin:10px auto 0;max-width:650px}.ai-process-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff18;margin-top:45px}.ai-process-row>div{background:var(--dark);padding:30px}.ai-process-row b{color:var(--accent);font-size:12px}.ai-process-row h3{margin:28px 0 0;font-size:20px}
@media(max-width:900px){.ai-cap-grid-v16,.ai-detail-grid{grid-template-columns:1fr}.ai-process-row{grid-template-columns:1fr 1fr}}@media(max-width:600px){.ai-cap-card-v16{grid-template-columns:1fr;padding:26px}.ai-cap-visual{min-height:150px}.ai-cap-visual svg{width:85px;height:85px}.ai-work-card img,.ai-work-card video,.ai-work-card model-viewer{height:300px}.ai-process-row{grid-template-columns:1fr}}
\n/* v17 AI banner cards + admin readable CMS rows */
.admin-row-sub{display:block;margin-top:6px;color:#7b8a91;font-size:11px;font-weight:500}.admin-source-text{display:block;max-width:560px;color:#61717a;line-height:1.45}.admin-table code{background:#eef6f8;border:1px solid #dcebed;border-radius:7px;padding:5px 8px;color:#23414d}
.ai-cap-grid-v16{grid-template-columns:1fr;gap:18px;max-width:1280px;margin-inline:auto}.ai-cap-card-v16{min-height:230px;padding:0;grid-template-columns:38% 62%;border-radius:20px;background:#fff;box-shadow:0 8px 26px rgba(8,24,32,.055);border:1px solid rgba(15,39,49,.10)}.ai-cap-card-v16:before{background:linear-gradient(90deg,transparent 40%,rgba(85,199,232,.07));opacity:1}.ai-cap-card-v16:hover{transform:translateY(-5px);box-shadow:0 22px 52px rgba(8,24,32,.13);border-color:rgba(85,199,232,.55)}.ai-cap-visual{min-height:230px;height:100%;overflow:hidden;background:#eef5f7}.ai-cap-visual img{width:100%;height:100%;min-height:230px;object-fit:cover;display:block;transition:transform .75s cubic-bezier(.16,1,.3,1),filter .6s}.ai-cap-card-v16:hover .ai-cap-visual img{transform:scale(1.045);filter:saturate(1.08) contrast(1.03)}.ai-cap-copy{padding:34px 42px}.ai-cap-copy h3{margin:0 0 12px;font-size:clamp(25px,2.1vw,36px)}.ai-cap-copy p{margin:0;max-width:620px;line-height:1.7}.ai-cap-copy b{margin-top:20px}.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.reference-card{border:1px solid rgba(15,39,49,.1);border-radius:20px;padding:28px;background:#fff;box-shadow:0 8px 28px rgba(8,24,32,.05);transition:.4s}.reference-card:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(8,24,32,.11)}.reference-card img{width:100%;height:130px;object-fit:contain;margin-bottom:22px}.reference-card p{color:var(--muted)}
@media(max-width:760px){.ai-cap-card-v16{grid-template-columns:1fr}.ai-cap-visual,.ai-cap-visual img{min-height:190px;max-height:220px}.ai-cap-copy{padding:26px}.reference-grid{grid-template-columns:1fr}}

/* v18 — AI horizontal editorial cards + floating WhatsApp */
.ai-cap-grid-v16{max-width:1320px;gap:22px}
.ai-cap-card-v16{grid-template-columns:minmax(0,58%) minmax(320px,42%);min-height:245px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#fbfdfe 62%,#eef9fc 100%);box-shadow:0 10px 34px rgba(8,24,32,.06)}
.ai-cap-copy{padding:42px 48px;align-self:center}.ai-cap-copy h3{font-size:clamp(26px,2.4vw,40px);letter-spacing:-.035em}.ai-cap-copy p{font-size:16px;line-height:1.7;max-width:620px}.ai-cap-visual{height:245px;min-height:245px;background:radial-gradient(circle at 50% 50%,rgba(85,199,232,.20),rgba(85,199,232,.045) 48%,transparent 70%);border-left:1px solid rgba(15,39,49,.06)}
.ai-cap-visual img{width:68%;height:68%;min-height:0;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(8,24,32,.12));opacity:.92}
.ai-cap-card-v16:hover .ai-cap-visual img{transform:translateY(-4px) scale(1.035);filter:drop-shadow(0 22px 34px rgba(85,199,232,.22))}
.floating-whatsapp{position:fixed;right:26px;bottom:26px;z-index:9990;display:flex;align-items:center;gap:13px;padding:10px 10px 10px 18px;border:1px solid rgba(85,199,232,.34);border-radius:999px;background:rgba(8,22,29,.94);color:#fff!important;box-shadow:0 16px 45px rgba(5,18,25,.24),0 0 0 1px rgba(255,255,255,.04) inset;backdrop-filter:blur(16px);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s}
.floating-whatsapp:hover{transform:translateY(-5px);border-color:rgba(85,199,232,.75);box-shadow:0 22px 55px rgba(5,18,25,.32),0 0 30px rgba(85,199,232,.18)}
.wa-copy{display:flex;flex-direction:column;line-height:1.12}.wa-copy small{font-size:8px;letter-spacing:.19em;color:var(--accent);margin-bottom:4px}.wa-copy b{font-size:13px;font-weight:700;white-space:nowrap}.wa-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),#2aa9cf);box-shadow:0 8px 22px rgba(85,199,232,.3);position:relative}.wa-icon:before{content:"";position:absolute;inset:-5px;border:1px solid rgba(85,199,232,.25);border-radius:50%;animation:waPulse 2.2s ease-out infinite}.wa-icon svg{width:23px;height:23px;fill:none;stroke:#071017;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}@keyframes waPulse{0%{transform:scale(.88);opacity:.7}70%,100%{transform:scale(1.28);opacity:0}}
@media(max-width:760px){.ai-cap-card-v16{grid-template-columns:1fr}.ai-cap-copy{padding:28px}.ai-cap-visual{height:190px;min-height:190px;border-left:0;border-top:1px solid rgba(15,39,49,.06)}.ai-cap-visual img{width:58%;height:70%}.floating-whatsapp{right:14px;bottom:14px}.wa-copy{display:none}.floating-whatsapp{padding:7px}.wa-icon{width:48px;height:48px}}

/* v19 menu visibility, mobile navigation, circular references, refined WhatsApp */
.menu-status{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:10px;letter-spacing:.06em}.menu-status.on{background:#e6f8ef;color:#16794b}.menu-status.off{background:#fbe9e9;color:#a83232}
.reference-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;align-items:start}.reference-card.reference-circle{aspect-ratio:1;border-radius:50%;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:#fff;box-shadow:0 10px 32px rgba(8,24,32,.07);border:1px solid rgba(15,39,49,.09)}.reference-card.reference-circle:hover{transform:translateY(-7px) scale(1.025);border-color:rgba(85,199,232,.58);box-shadow:0 22px 48px rgba(8,24,32,.13),0 0 0 6px rgba(85,199,232,.055)}.reference-card.reference-circle img{width:68%;height:34%;object-fit:contain;margin:0 0 12px}.reference-card.reference-circle h3{font-size:15px;margin:0 0 5px}.reference-card.reference-circle p{font-size:11px;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reference-card.reference-circle a{font-size:10px;color:var(--accent);margin-top:7px;font-weight:700}
.wa-icon svg{width:27px!important;height:27px!important;display:block;fill:currentColor!important;stroke:none!important}.wa-icon{display:grid!important;place-items:center!important;background:#25D366!important;color:#fff!important;border-radius:50%!important;box-shadow:0 8px 22px rgba(37,211,102,.28)!important}
@media(max-width:1100px){.reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){
 .site-header{height:68px!important;padding:0 16px!important;display:grid!important;grid-template-columns:1fr auto auto!important;gap:12px!important;align-items:center!important;background:rgba(5,15,20,.90)!important;backdrop-filter:blur(18px)!important}
 .site-header.header-on-light{background:rgba(5,15,20,.90)!important;color:#fff!important}.header-on-light .logo,.header-on-light .menu-toggle{color:#fff!important}
 .menu-toggle{display:flex!important;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px!important;background:rgba(0,0,0,.28)!important;border:1px solid rgba(255,255,255,.10)!important;font-size:0!important;position:relative;z-index:1002}.menu-toggle:before{content:'☰';font-size:24px;line-height:1;color:#fff}
 .site-header nav{display:none!important;position:absolute!important;top:68px!important;left:12px!important;right:12px!important;width:auto!important;margin:0!important;padding:10px!important;gap:5px!important;border-radius:16px!important;background:rgba(3,10,14,.94)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 24px 55px rgba(0,0,0,.36)!important;backdrop-filter:blur(22px)!important;z-index:1001!important;flex-direction:column!important}
 .site-header nav.open{display:flex!important}.site-header nav a{display:block!important;width:100%!important;padding:13px 14px!important;border-radius:10px!important;background:rgba(0,0,0,.24)!important;color:#fff!important;opacity:1!important;font-size:14px!important;line-height:1.2!important}.site-header nav a:hover{background:rgba(85,199,232,.13)!important}.site-header nav a:after{display:none!important}
 .header-actions{display:flex!important;align-items:center!important}.header-actions .talk{display:none!important}.lang-switch{display:flex!important;font-size:10px!important;gap:6px!important}.lang-switch a,.header-on-light .lang-switch a{color:#b7c7cd!important}.lang-switch a.active{color:var(--accent)!important}
 .reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reference-card.reference-circle{padding:15px}.reference-card.reference-circle h3{font-size:13px}.reference-card.reference-circle p{display:none}.reference-card.reference-circle img{height:38%;width:72%;margin-bottom:9px}
}


/* v20 mobile menu, homepage references and service website links */
.homepage-reference-grid{margin-top:30px}
.showcase-site-link{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:9px 13px;border:1px solid rgba(85,199,232,.42);border-radius:999px;color:var(--ink);font-size:12px;font-weight:800;transition:.3s}
.showcase-site-link:hover{background:var(--accent);border-color:var(--accent);color:#071217;transform:translateY(-2px);box-shadow:0 10px 25px rgba(85,199,232,.22)}
@media(max-width:720px){
 .site-header nav{position:fixed!important;top:68px!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:calc(100dvh - 68px)!important;margin:0!important;padding:18px 16px 28px!important;border-radius:0 0 18px 18px!important;background:rgba(1,6,9,.985)!important;border:0!important;border-top:1px solid rgba(255,255,255,.08)!important;box-shadow:0 24px 70px rgba(0,0,0,.65)!important;backdrop-filter:blur(24px)!important;overflow-y:auto!important;align-items:stretch!important;justify-content:flex-start!important;gap:8px!important}
 .site-header nav a{min-height:52px!important;display:flex!important;align-items:center!important;padding:15px 17px!important;border-radius:12px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.055)!important;color:#fff!important;font-size:16px!important;font-weight:650!important;letter-spacing:-.01em!important}
 .site-header nav a:hover,.site-header nav a:focus{background:rgba(85,199,232,.12)!important;border-color:rgba(85,199,232,.28)!important;color:var(--accent)!important}
 body.menu-open{overflow:hidden!important}
}


/* v21 — final mobile navigation, v19 reference marquee, clean white WhatsApp */
.logo-marquee.single-reference .logo-track{animation:none!important;transform:none!important}
.logo-marquee.single-reference .reference-logo{border-left:1px solid var(--line)}
.wa-icon{background:#08171d!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 10px 28px rgba(0,0,0,.24)!important}
.wa-icon:before{border-color:rgba(255,255,255,.18)!important}
.wa-icon svg{width:26px!important;height:26px!important;display:block!important;fill:#fff!important;stroke:none!important;color:#fff!important}
.floating-whatsapp:hover .wa-icon{background:#0b2028!important;border-color:rgba(255,255,255,.55)!important;box-shadow:0 12px 32px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.08)!important}
@media(max-width:900px){
 html.menu-open,body.menu-open{overflow:hidden!important}
 .site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:76px!important;padding:0 14px!important;background:rgba(4,13,18,.97)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;z-index:10000!important;color:#fff!important}
 .site-header .logo{position:relative!important;z-index:10003!important;color:#fff!important}
 .site-header .logo img{max-width:150px!important;height:31px!important}
 .site-header .menu-toggle{display:flex!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:44px!important;height:44px!important;border:0!important;background:transparent!important;border-radius:12px!important;z-index:10004!important;color:#fff!important}
 .site-header .menu-toggle:before{content:'☰'!important;font-size:27px!important;font-weight:400!important;color:#fff!important}
 .site-header .menu-toggle.is-open:before{content:'×'!important;font-size:36px!important;line-height:1!important}
 .site-header .header-actions{display:flex!important;position:relative!important;z-index:10003!important;margin-left:auto!important;align-items:center!important}
 .site-header .header-actions .talk{display:none!important}
 .site-header .lang-switch{display:flex!important;font-size:10px!important;gap:8px!important;color:#8fa2aa!important}
 .site-header nav#mobile-main-nav{display:flex!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translateY(-10px)!important;position:fixed!important;top:76px!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:calc(100dvh - 76px)!important;margin:0!important;padding:18px 14px max(28px,env(safe-area-inset-bottom))!important;border:0!important;border-radius:0!important;background:rgba(2,8,11,.985)!important;box-shadow:none!important;backdrop-filter:blur(24px)!important;z-index:10001!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:8px!important;overflow-y:auto!important;transition:opacity .24s ease,transform .24s ease,visibility .24s!important}
 .site-header nav#mobile-main-nav.open{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important}
 .site-header nav#mobile-main-nav a{flex:0 0 auto!important;display:flex!important;align-items:center!important;width:100%!important;min-height:56px!important;padding:16px 18px!important;margin:0!important;border-radius:12px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.065)!important;color:#fff!important;font-size:16px!important;font-weight:650!important;line-height:1.2!important;opacity:1!important;transform:none!important;overflow:visible!important}
 .site-header nav#mobile-main-nav a:hover,.site-header nav#mobile-main-nav a:focus{background:rgba(255,255,255,.09)!important;border-color:rgba(85,199,232,.32)!important;color:var(--accent)!important}
 .site-header nav#mobile-main-nav a:after{display:none!important}
 .hero,.page,.case-hero{padding-top:110px!important}
 .floating-whatsapp{right:14px!important;bottom:14px!important}
 .wa-icon{width:50px!important;height:50px!important}
}


/* v22 — clean full-screen mobile navigation */
@media (max-width:900px){
 body.menu-open{overflow:hidden!important;touch-action:none}
 .site-header{height:76px!important;background:#071217!important;backdrop-filter:none!important;z-index:10020!important}
 .site-header nav#mobile-main-nav{
  display:flex!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
  position:fixed!important;inset:76px 0 0 0!important;width:100vw!important;height:calc(100dvh - 76px)!important;
  padding:12px 22px max(28px,env(safe-area-inset-bottom))!important;margin:0!important;
  background:var(--mobile-menu-bg,#000)!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;backdrop-filter:none!important;overflow-y:auto!important;
  flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;
  transform:translateY(-8px)!important;transition:opacity .22s ease,transform .22s ease,visibility .22s!important;z-index:10010!important
 }
 .site-header nav#mobile-main-nav.open{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important}
 .site-header nav#mobile-main-nav a{
  display:flex!important;align-items:center!important;width:100%!important;min-height:62px!important;margin:0!important;padding:18px 2px!important;
  background:transparent!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.13)!important;border-radius:0!important;
  color:#fff!important;font-size:16px!important;font-weight:560!important;line-height:1.25!important;opacity:1!important;box-shadow:none!important
 }
 .site-header nav#mobile-main-nav a:after{display:none!important}
 .site-header nav#mobile-main-nav a:hover,.site-header nav#mobile-main-nav a:focus{color:var(--accent)!important;background:transparent!important;padding-left:8px!important;border-bottom-color:color-mix(in srgb,var(--accent) 55%,transparent)!important}
 .site-header .menu-toggle{display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;color:#fff!important;box-shadow:none!important}
}


/* v23 — mobile menu text-width hover line; never on logo / close button */
.site-header .logo:after,.site-header .logo:hover:after,.site-header .menu-toggle:after,.site-header .menu-toggle:hover:after{content:none!important;display:none!important;width:0!important}
@media (max-width:900px){
 .site-header nav#mobile-main-nav a{position:relative!important;border-bottom:1px solid rgba(255,255,255,.13)!important;padding-left:2px!important}
 .site-header nav#mobile-main-nav a:hover,.site-header nav#mobile-main-nav a:focus,.site-header nav#mobile-main-nav a:focus-visible{padding-left:2px!important;border-bottom-color:rgba(255,255,255,.13)!important;color:#fff!important}
 .site-header nav#mobile-main-nav a:after{content:none!important;display:none!important}
 .site-header nav#mobile-main-nav a>span{position:relative!important;display:inline-block!important;width:max-content!important;max-width:100%!important;color:inherit!important}
 .site-header nav#mobile-main-nav a>span:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;border-radius:999px;background:var(--accent);box-shadow:0 0 10px rgba(85,199,232,.42);transition:width .34s cubic-bezier(.2,.75,.25,1)}
 .site-header nav#mobile-main-nav a:hover>span:after,.site-header nav#mobile-main-nav a:focus>span:after,.site-header nav#mobile-main-nav a:focus-visible>span:after{width:100%}
}

/* v24 admin menu sorting + service portfolio */
.menu-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.menu-sort-card{background:#fff;border:1px solid #dbe4e8;border-radius:18px;padding:18px}.menu-sort-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.menu-sort-head h2{margin:4px 0 0;font-size:24px}.menu-sort-head>span{font-size:12px;color:#66777f}.menu-sort-list{display:grid;gap:8px;min-height:70px}.menu-sort-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:12px 10px;border:1px solid #e3eaed;border-radius:12px;background:#fbfdfe;cursor:grab;transition:.2s}.menu-sort-item:hover{border-color:rgba(85,199,232,.65);box-shadow:0 8px 24px rgba(20,43,52,.08)}.menu-sort-item.dragging{opacity:.45;transform:scale(.99)}.drag-handle{font-size:20px;color:#79909a;letter-spacing:-5px}.menu-sort-copy{display:grid;gap:3px}.menu-sort-copy small{color:#70828a}.menu-sort-copy code{font-size:11px}.menu-save-state{font-size:11px;color:#70828a;margin:12px 2px 0}.og-preview{display:grid;gap:7px;margin-top:10px}.og-preview img{width:min(360px,100%);aspect-ratio:1200/630;object-fit:cover;border-radius:12px;border:1px solid #dbe4e8}.og-preview small{color:#6e8088}.media-card.has-website{position:relative}.service-work-browser{position:absolute;left:14px;right:14px;top:14px;height:24px;border-radius:8px 8px 0 0;background:rgba(5,15,20,.78);z-index:2;pointer-events:none}.service-work-browser:before{content:'●  ●  ●';font-size:8px;letter-spacing:4px;color:rgba(255,255,255,.6);position:absolute;left:10px;top:6px}@media(max-width:1100px){.menu-admin-grid{grid-template-columns:1fr}}@media(max-width:700px){.menu-sort-item{grid-template-columns:24px 1fr auto}.menu-status{display:none}}

/* v25 — compact 3-column service portfolio + unified premium button hover */
.work-showcase .media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.work-showcase .media-card,.work-showcase .media-card.media-wide{grid-column:auto;min-height:0;aspect-ratio:4/3;border-radius:18px;background:#101c23;box-shadow:0 12px 34px rgba(0,0,0,.16);transition:transform .38s cubic-bezier(.2,.7,.2,1),box-shadow .38s ease,border-color .38s ease;border:1px solid rgba(255,255,255,.06)}
.work-showcase .media-card:hover{transform:translateY(-7px);box-shadow:0 24px 58px rgba(0,0,0,.32),0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}
.work-showcase .media-card>img,.work-showcase .video-thumb,.work-showcase .video-thumb video{transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.work-showcase .media-card:hover>img,.work-showcase .media-card:hover .video-thumb{transform:scale(1.035)}
.work-showcase .service-work-browser{display:none!important}
.work-showcase .media-card:after{inset:48% 0 0;background:linear-gradient(transparent,rgba(4,10,14,.92))}
.work-showcase .media-meta{left:20px;right:20px;bottom:18px}
.work-showcase .media-meta h3{font-size:22px;line-height:1.08}
.work-showcase .media-meta p{font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.showcase-site-link{display:inline-flex;align-items:center;gap:8px;width:max-content;margin-top:14px;padding:10px 15px;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:999px;color:#fff;text-decoration:none;font-size:12px;font-weight:800;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-color .3s ease,color .3s ease,background .3s ease}
.showcase-site-link:hover{transform:translateY(-3px);background:var(--accent);color:#071217;border-color:var(--accent);box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 34%,transparent)}
@media(max-width:1050px){.work-showcase .media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.work-showcase .media-grid{grid-template-columns:1fr}.work-showcase .media-card,.work-showcase .media-card.media-wide{aspect-ratio:4/3}}

/* Unified hover language for site action buttons */
.btn,.btn-primary,.btn-outline,.showcase-site-link,.hero-actions a,.cta a,.next-project a,.contact-submit,button[type="submit"],input[type="submit"]{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-color .3s ease,background-color .3s ease,color .3s ease!important}
.btn:hover,.btn-primary:hover,.btn-outline:hover,.hero-actions a:hover,.cta a:hover,.next-project a:hover,.contact-submit:hover,button[type="submit"]:hover,input[type="submit"]:hover{transform:translateY(-3px);box-shadow:0 14px 32px color-mix(in srgb,var(--accent) 28%,transparent)}

/* v27 Premium Admin Sidebar */
.admin-side{background:radial-gradient(circle at 20% 0,rgba(85,199,232,.10),transparent 28%),#071217!important;padding:28px 18px!important;border-right:1px solid rgba(255,255,255,.06)}
.admin-side .admin-brand{padding:0 8px;margin-bottom:26px}
.premium-admin-nav{display:block!important}.admin-nav-group{display:grid;gap:7px;margin:0 0 22px}.admin-nav-label{padding:0 10px 5px;color:rgba(174,187,193,.48);font-size:9px;letter-spacing:1.8px;font-weight:800}
.admin-side nav .admin-nav-item{display:flex;align-items:center;gap:11px;padding:11px 12px!important;margin:0!important;border:1px solid rgba(255,255,255,.07);border-radius:12px!important;background:rgba(255,255,255,.035)!important;color:#b8c4c9!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);backdrop-filter:blur(12px);transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease}
.admin-side nav .admin-nav-item:before,.admin-side nav .admin-nav-item:after{display:none!important}.admin-nav-icon{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;flex:0 0 25px;background:rgba(255,255,255,.045);font-size:9px;font-weight:900;color:var(--accent);border:1px solid rgba(255,255,255,.055)}
.admin-side nav .admin-nav-item:hover{transform:translateX(4px)!important;border-color:rgba(85,199,232,.30);background:rgba(85,199,232,.08)!important;color:#fff!important;box-shadow:0 10px 30px rgba(0,0,0,.16)}
.admin-side nav .admin-nav-item.active{border-color:rgba(85,199,232,.42)!important;background:linear-gradient(135deg,rgba(85,199,232,.16),rgba(85,199,232,.06))!important;color:#fff!important;box-shadow:0 12px 34px rgba(0,0,0,.18),inset 3px 0 0 var(--accent)!important}
.admin-side nav .admin-nav-item.active .admin-nav-icon{background:var(--accent);color:#071217;border-color:var(--accent)}
/* v27 inline Site Text editor */
.inline-text-list{display:grid;gap:10px;max-width:1100px}.inline-text-row{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:18px;min-height:64px;transition:border-color .2s,box-shadow .2s,transform .2s}.inline-text-row:hover{border-color:rgba(85,199,232,.6);box-shadow:0 12px 35px rgba(9,25,33,.06);transform:translateY(-1px)}.inline-text-main{min-width:0;flex:1}.inline-text-value{display:block;font-size:14px;font-weight:650;line-height:1.55;cursor:text;white-space:pre-wrap}.inline-text-hint{display:block;margin-top:3px;font-size:9px;letter-spacing:.7px;color:#9aa6ac;opacity:0;transition:.2s}.inline-text-row:hover .inline-text-hint{opacity:1}.inline-text-editor{width:100%;min-height:42px;padding:10px 12px;border:1px solid rgba(85,199,232,.65);border-radius:10px;background:#f9fdfe;color:var(--ink);outline:none;resize:none;overflow:hidden;box-shadow:0 0 0 3px rgba(85,199,232,.08)}.inline-text-state{font-size:10px;color:#7d8990;white-space:nowrap}.inline-text-state.ok{color:#16936d;font-weight:750}
@media(max-width:900px){.admin-nav-group{margin-bottom:14px}.admin-nav-label{display:none}.premium-admin-nav{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.admin-nav-group{display:contents}.admin-side nav .admin-nav-item{min-width:0}.inline-text-row{align-items:flex-start;flex-direction:column}.inline-text-state{white-space:normal}}
@media(max-width:520px){.premium-admin-nav{grid-template-columns:1fr!important}}

/* v28 — clean premium admin navigation */
.admin-layout{grid-template-columns:280px minmax(0,1fr)!important}
.admin-side-v28{width:auto!important;background:#071319!important;padding:24px 16px 18px!important;border-right:1px solid rgba(13,37,47,.9)!important;overflow-y:auto!important;overflow-x:hidden!important}
.admin-side-v28 .admin-brand{display:flex!important;align-items:baseline;gap:0;position:relative;padding:4px 8px 22px!important;margin:0 0 12px!important;color:#fff!important;font-size:23px!important;font-weight:800!important;letter-spacing:-1.2px!important;border-bottom:1px solid rgba(255,255,255,.07)}
.admin-side-v28 .admin-brand span{font-weight:400}.admin-side-v28 .admin-brand small{position:absolute;left:9px;bottom:6px;font-size:8px;letter-spacing:1.7px;color:rgba(150,170,180,.55);font-weight:700}
.admin-nav-v28{display:grid!important;gap:7px!important;padding:0!important}.admin-nav-v28 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:0 0 18px}
.admin-side-v28 .admin-top-link,.admin-nav-section-btn{width:100%;min-height:46px;display:flex!important;align-items:center;gap:12px!important;padding:0 13px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:#9eb0b8!important;font:600 12px/1.2 inherit!important;text-align:left;cursor:pointer;transition:.22s ease!important;box-shadow:none!important;transform:none!important}
.admin-side-v28 .admin-top-link:before,.admin-side-v28 .admin-top-link:after{display:none!important}.admin-side-v28 .admin-top-link:hover,.admin-nav-section-btn:hover{background:rgba(255,255,255,.045)!important;color:#fff!important;border-color:rgba(255,255,255,.055)!important;transform:none!important;padding-left:13px!important}.admin-side-v28 .admin-top-link.active{background:rgba(85,199,232,.10)!important;color:#fff!important;border-color:rgba(85,199,232,.16)!important;box-shadow:inset 3px 0 0 var(--accent)!important}
.admin-nav-section{border-radius:13px;border:1px solid transparent;transition:.22s}.admin-nav-section.open{background:rgba(255,255,255,.018);border-color:rgba(255,255,255,.045);padding-bottom:7px}.admin-nav-section-btn b{margin-left:auto;font-size:15px;font-weight:400;transition:transform .25s;color:#6e858f}.admin-nav-section.open .admin-nav-section-btn b{transform:rotate(180deg)}
.admin-nav-sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.admin-nav-sub>*{overflow:hidden}.admin-nav-section.open .admin-nav-sub{grid-template-rows:1fr}.admin-nav-sub:before{content:'';display:block;overflow:hidden}.admin-nav-section.open .admin-nav-sub:before{display:none}
.admin-nav-section:not(.open) .admin-nav-sub{display:none}.admin-nav-section.open .admin-nav-sub{display:grid;padding:0 8px 2px 43px;gap:2px}
.admin-side-v28 .admin-nav-sub a{position:relative!important;display:flex!important;align-items:center!important;min-height:35px!important;padding:7px 8px!important;margin:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#718790!important;font-size:11px!important;line-height:1.25!important;box-shadow:none!important;transform:none!important;white-space:normal!important}.admin-side-v28 .admin-nav-sub a:before,.admin-side-v28 .admin-nav-sub a:after{display:none!important}.admin-nav-sub a i{width:5px;height:5px;border-radius:50%;background:#35505b;margin-right:9px;flex:0 0 5px;transition:.2s}.admin-side-v28 .admin-nav-sub a:hover{color:#e9f7fb!important;background:rgba(255,255,255,.035)!important;padding-left:8px!important;transform:none!important}.admin-side-v28 .admin-nav-sub a.active{color:#fff!important;background:rgba(85,199,232,.09)!important}.admin-nav-sub a.active i{background:var(--accent);box-shadow:0 0 10px rgba(85,199,232,.65)}
.admin-side-v28 .side-bottom{margin-top:auto!important;border-top:1px solid rgba(255,255,255,.07)!important;padding-top:12px!important}.admin-side-v28 .side-bottom a{display:flex;justify-content:space-between;align-items:center;background:transparent!important;border:0!important;padding:9px 10px!important;color:#6f858e!important;font-size:10px!important}.admin-side-v28 .side-bottom a:hover{color:#fff!important}
/* v28 site text cards */
.inline-text-list{max-width:1180px!important;gap:8px!important}.inline-text-row{border-radius:12px!important;padding:14px 17px!important;min-height:58px!important}.inline-text-value{font-size:13px!important}.inline-text-hint{font-size:9px!important;color:#91a0a6!important}
@media(max-width:1000px){.admin-layout{grid-template-columns:245px minmax(0,1fr)!important}}
@media(max-width:760px){.admin-layout{display:block!important}.admin-side-v28{position:relative!important;height:auto!important}.admin-nav-v28{display:grid!important;grid-template-columns:1fr!important}.admin-main{padding:28px 18px!important}}


/* v29 — v24 admin navigation restored + clean hover/dividers */
.admin-side-v28,.admin-nav-v28,.admin-nav-section,.admin-nav-section-btn,.admin-nav-sub{all:unset}
.admin-layout{grid-template-columns:240px 1fr!important}
.admin-side{width:auto!important;box-sizing:border-box!important;position:sticky!important;top:0!important;height:100vh!important;background:#09151b!important;color:#fff!important;padding:30px 22px!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important}
.admin-side .admin-brand{display:block!important;margin:0 0 28px!important;color:#fff!important;font-size:20px!important;font-weight:800!important;line-height:1.1!important;text-decoration:none!important}
.admin-side .admin-brand span{font-weight:400!important}
.admin-side nav{display:block!important;margin:0!important;padding:0!important}
.admin-side nav a{display:block!important;position:relative!important;margin:0!important;padding:12px 10px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.075)!important;border-radius:0!important;background:transparent!important;color:#9fb0b8!important;font-size:12px!important;font-weight:600!important;line-height:1.25!important;text-decoration:none!important;white-space:normal!important;overflow:hidden!important;transform:none!important;transition:color .22s ease,background .22s ease,padding-left .22s ease!important;box-shadow:none!important}
.admin-side nav a:before{content:""!important;position:absolute!important;left:10px!important;bottom:6px!important;top:auto!important;width:0!important;height:1px!important;background:var(--accent)!important;border-radius:2px!important;transform:none!important;transition:width .28s cubic-bezier(.2,.7,.2,1)!important}
.admin-side nav a:after{display:none!important}
.admin-side nav a:hover{background:rgba(255,255,255,.025)!important;color:#fff!important;padding-left:13px!important;transform:none!important}
.admin-side nav a:hover:before{width:calc(100% - 20px)!important;height:1px!important}
.admin-side nav a.active{background:rgba(85,199,232,.075)!important;color:#fff!important;padding-left:13px!important}
.admin-side nav a.active:before{width:26px!important;height:2px!important}
.admin-side .side-bottom{margin-top:auto!important;display:grid!important;gap:0!important;border-top:1px solid rgba(255,255,255,.08)!important;padding-top:10px!important}
.admin-side .side-bottom a{display:block!important;padding:10px!important;border-radius:0!important;color:#81959e!important;font-size:11px!important;background:transparent!important;text-decoration:none!important}
.admin-side .side-bottom a:hover{color:#fff!important;background:rgba(255,255,255,.025)!important}

/* v29 — site texts: one clean editable line per record */
.inline-text-list{max-width:1050px;background:#fff;border:1px solid #e0e8eb;border-radius:16px;overflow:hidden;box-shadow:0 14px 40px rgba(16,24,32,.035)}
.inline-text-row{display:block!important;position:relative;padding:0 22px!important;margin:0!important;background:#fff;border:0!important;border-bottom:1px solid #e9eef0!important;min-height:58px!important;transition:background .18s ease!important}
.inline-text-row:last-child{border-bottom:0!important}
.inline-text-row:hover{background:#f9fcfd!important}
.inline-text-main{display:block!important;width:100%!important;padding:18px 0!important;position:relative!important}
.inline-text-value{display:block!important;width:100%!important;color:#172128!important;font-size:14px!important;line-height:1.55!important;font-weight:500!important;cursor:text!important;padding:0 0 6px!important;border-bottom:1px solid transparent!important;transition:color .18s,border-color .18s!important}
.inline-text-row:hover .inline-text-value,.inline-text-value:focus{color:#0b2029!important;border-bottom-color:var(--accent)!important;outline:0!important}
.inline-text-editor{display:block;width:100%;min-height:44px;box-sizing:border-box;border:1px solid rgba(85,199,232,.45);border-radius:9px;background:#fff;padding:10px 12px;color:#172128;font:500 14px/1.55 inherit;outline:0;box-shadow:0 0 0 3px rgba(85,199,232,.08);resize:vertical}
.inline-text-editor[hidden]{display:none!important}
.inline-text-hint{display:none!important}
.inline-text-state{position:absolute!important;right:18px!important;top:18px!important;color:#4ca7c1!important;font-size:10px!important;font-weight:700!important}
@media(max-width:720px){.admin-layout{display:block!important}.admin-side{position:relative!important;height:auto!important;padding:20px!important}.admin-side nav{display:block!important}.admin-main{padding:25px 18px!important}.inline-text-list{border-radius:12px}.inline-text-row{padding:0 15px!important}.inline-text-value{font-size:13px!important}}

/* ===== v30 Admin typography — ChatGPT-like system sans ===== */
.admin-body,
.admin-body *,
.admin-layout,
.admin-layout *,
.admin-sidebar,
.admin-sidebar *,
.admin-main,
.admin-main *,
.admin-body input,
.admin-body textarea,
.admin-body select,
.admin-body button {
  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif !important;
  font-synthesis: none;
}
.admin-body { font-size: 14px; line-height: 1.5; }
.admin-heading h1 { font-weight: 650; letter-spacing: -0.02em; }
.admin-table { font-size: 14px; }
.admin-table th { font-size: 12px; font-weight: 650; letter-spacing: .01em; }
.admin-table td { line-height: 1.5; }
.admin-body input,.admin-body textarea,.admin-body select,.admin-body button { font-size: 14px; }


/* v31 — Admin paneli genel tipografi: ChatGPT benzeri modern sistem sans-serif */
.admin-body,
.admin-body *,
.admin-body *::before,
.admin-body *::after,
.admin-body h1,.admin-body h2,.admin-body h3,.admin-body h4,.admin-body h5,.admin-body h6,
.admin-body p,.admin-body span,.admin-body small,.admin-body strong,.admin-body b,
.admin-body a,.admin-body button,.admin-body input,.admin-body textarea,.admin-body select,
.admin-body option,.admin-body table,.admin-body th,.admin-body td,.admin-body label,
.admin-body code {
  font-family: ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
}
.admin-body .admin-heading h1{
  font-weight:700 !important;
  letter-spacing:-.035em !important;
}
.admin-body .admin-table th{
  font-weight:650 !important;
  letter-spacing:.02em !important;
}
.admin-body .admin-table td,
.admin-body .admin-table a,
.admin-body .admin-table button{
  font-size:13px !important;
}


/* v33 Canlı Destek — sabit, dikey, sağ kenar */
.mss-live-chat{
  position:fixed;
  right:0;
  top:50%;
  transform:translateY(-50%);
  z-index:9998;
  font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.live-chat-toggle{
  width:48px;
  min-height:154px;
  border:1px solid rgba(255,255,255,.12);
  border-right:0;
  border-radius:14px 0 0 14px;
  background:#071217;
  color:#fff;
  padding:14px 10px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  box-shadow:0 18px 50px rgba(0,0,0,.22);
  cursor:pointer;
  transition:.22s ease;
}
.live-chat-toggle:hover{background:#0e2731;box-shadow:0 18px 55px rgba(85,199,232,.22)}
.live-chat-toggle-text{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  letter-spacing:.08em;
  font-size:12px;
  font-weight:800;
}
.live-chat-dot{width:9px;height:9px;border-radius:50%;background:#55c7e8;box-shadow:0 0 0 5px rgba(85,199,232,.14);display:inline-block}
.live-chat-badge{min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#55c7e8;color:#071217;display:grid;place-items:center;font-size:10px}
.live-chat-panel{
  position:absolute;
  right:60px;
  top:50%;
  transform:translateY(-50%) translateX(12px);
  width:360px;
  height:520px;
  max-height:78vh;
  background:#fff;
  border:1px solid #dce5e9;
  border-radius:18px;
  box-shadow:0 30px 90px rgba(5,17,23,.24);
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:.22s ease;
}
.live-chat-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%) translateX(0)}
.live-chat-header{
  height:76px;
  background:linear-gradient(135deg,#071217,#0e2731);
  color:#fff;
  padding:16px 18px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.live-chat-brand{display:flex;gap:11px;align-items:center}.live-chat-brand>div{display:grid;gap:2px}
.live-chat-brand strong{font-size:15px}.live-chat-brand small{font-size:11px;color:#aac0c9}
.live-chat-close{width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:#fff;font-size:21px;cursor:pointer;transition:.18s}
.live-chat-close:hover{background:#55c7e8;color:#071217}
.live-chat-entry{height:calc(100% - 76px);padding:20px;overflow:auto;background:#f7f9fa}
.live-chat-entry-copy b{font-size:16px}.live-chat-entry-copy p{font-size:12px;color:#65747c;line-height:1.6;margin:7px 0 17px}
.live-chat-entry-form{display:grid!important;gap:11px!important}
.live-chat-entry-form label{font-size:11px;font-weight:700;color:#34434b}
.live-chat-entry-form input{margin-top:5px;width:100%;height:42px;border-radius:10px;background:#fff}
.live-chat-start{height:43px;border:0;border-radius:10px;background:#55c7e8;color:#071217;font-weight:800;cursor:pointer;transition:.18s}
.live-chat-start:hover{transform:translateY(-1px);background:#70d4ef}
.live-chat-form-error{min-height:16px;color:#b53c3c;font-size:11px}
.live-chat-conversation{height:calc(100% - 76px);display:grid;grid-template-rows:1fr auto auto;background:#f5f7f8}
.live-chat-conversation[hidden]{display:none!important}
.live-chat-messages{padding:16px;overflow:auto;display:flex;flex-direction:column;gap:9px}
.live-chat-welcome{background:#fff;border:1px solid #e1e8eb;padding:11px 13px;border-radius:13px;font-size:12px;color:#53616a}
.live-chat-msg{max-width:82%;display:grid;gap:3px}
.live-chat-msg>div{padding:9px 11px;border-radius:13px;font-size:12px;line-height:1.45;word-break:break-word}
.live-chat-msg small{font-size:9px;color:#829099}
.live-chat-msg.visitor{align-self:flex-end;text-align:right}.live-chat-msg.visitor>div{background:#071217;color:#fff;border-bottom-right-radius:4px}
.live-chat-msg.admin{align-self:flex-start}.live-chat-msg.admin>div{background:#fff;border:1px solid #dfe7ea;color:#101820;border-bottom-left-radius:4px}
.live-chat-form{display:grid!important;grid-template-columns:1fr auto;gap:8px!important;padding:10px;background:#fff;border-top:1px solid #e4eaed}
.live-chat-input{resize:none;min-height:42px;max-height:90px;padding:10px 11px!important;font-size:12px!important}
.live-chat-form button{border:0;border-radius:9px;background:#55c7e8;color:#071217;padding:0 13px;font-weight:800;cursor:pointer;transition:.18s}
.live-chat-form button:hover{background:#70d4ef;transform:translateY(-1px)}
.live-chat-footer-actions{padding:0 10px 10px;background:#fff}
.live-chat-leave{width:100%;height:34px;border:1px solid #dce5e9;border-radius:8px;background:#fff;color:#6b7780;font-size:11px;font-weight:700;cursor:pointer;transition:.18s}
.live-chat-leave:hover{border-color:#55c7e8;color:#071217;background:#f3fbfd}
.floating-whatsapp{bottom:24px!important}
@media(max-width:640px){
  .mss-live-chat{right:0;top:auto;bottom:90px;transform:none}
  .live-chat-toggle{width:44px;min-height:132px}
  .live-chat-panel{position:fixed;right:58px;top:auto;bottom:14px;transform:translateX(12px);width:min(340px,calc(100vw - 74px));height:min(500px,calc(100vh - 28px));max-height:none}
  .live-chat-panel.open{transform:translateX(0)}
}
/* v32 Admin Canlı Destek */
.live-admin-shell{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:650px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.live-admin-list{border-right:1px solid var(--line);overflow:auto;max-height:72vh}
.live-admin-list-head{padding:18px;border-bottom:1px solid var(--line);font-weight:700}
.live-session{display:block;padding:15px 16px;border-bottom:1px solid var(--line);transition:.18s}
.live-session:hover,.live-session.active{background:#f2fafc}
.live-session-top{display:flex;justify-content:space-between;gap:10px;align-items:center}
.live-session b{font-size:13px}.live-session p{font-size:12px;color:var(--muted);margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-unread{min-width:21px;height:21px;border-radius:50%;background:var(--accent);display:grid;place-items:center;font-size:10px;color:#071217}
.live-admin-chat{display:grid;grid-template-rows:auto 1fr auto;min-width:0}
.live-admin-chat-head{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:center}
.live-admin-chat-head small{display:block;color:var(--muted)}
.live-admin-messages{padding:22px;overflow:auto;max-height:56vh;background:#f7f9fa;display:flex;flex-direction:column;gap:10px}
.admin-chat-msg{max-width:74%}.admin-chat-msg div{padding:10px 13px;border-radius:13px;font-size:13px;line-height:1.45}.admin-chat-msg small{font-size:9px;color:#89969d}
.admin-chat-msg.visitor{align-self:flex-start}.admin-chat-msg.visitor div{background:#fff;border:1px solid var(--line)}
.admin-chat-msg.admin{align-self:flex-end;text-align:right}.admin-chat-msg.admin div{background:#071217;color:#fff}
.live-admin-reply{padding:14px;border-top:1px solid var(--line);display:grid!important;grid-template-columns:1fr auto;gap:10px!important}
.live-admin-reply textarea{resize:none}.live-admin-empty{display:grid;place-items:center;color:var(--muted);padding:60px;text-align:center}
.live-status-btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;font-size:11px;cursor:pointer}
@media(max-width:900px){.live-admin-shell{grid-template-columns:1fr}.live-admin-list{max-height:260px;border-right:0;border-bottom:1px solid var(--line)}}


/* v34 Canlı Destek Bot + zengin ziyaretçi bilgileri */
.live-chat-bot-label{font-style:normal;font-size:8px;letter-spacing:.12em;color:#2a95b7;font-weight:800;margin:0 0 2px 2px}
.live-admin-chat{grid-template-rows:auto auto 1fr auto}
.live-admin-chat-head-rich{background:linear-gradient(135deg,#071217,#0d2833);color:#fff;border-bottom:0}
.live-visitor-profile{display:flex;align-items:center;gap:12px}
.live-visitor-profile>div:last-child{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center}
.live-visitor-profile small{grid-column:1/-1;color:#7fa0ad;font-size:9px;letter-spacing:.12em}
.live-visitor-profile b{font-size:15px}
.live-visitor-avatar{width:42px;height:42px;border-radius:13px;background:#55c7e8;color:#071217;display:grid;place-items:center;font-size:18px;font-weight:850;box-shadow:0 8px 25px rgba(85,199,232,.18)}
.live-chat-status-pill{font-size:9px;font-weight:800;padding:4px 7px;border-radius:999px;background:#ffffff12;color:#c7d5da}
.live-chat-status-pill.open{background:#55c7e822;color:#70d4ef}
.live-chat-status-pill.waiting{background:#ffe39d24;color:#e8c66f}
.live-chat-status-pill.closed{background:#ffffff12;color:#8fa0a9}
.live-admin-chat-head-rich .live-status-btn{background:#ffffff0b;color:#fff;border-color:#ffffff1f}
.live-admin-chat-head-rich .live-status-btn:hover{background:#55c7e8;color:#071217;border-color:#55c7e8}
.live-visitor-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px 12px;background:#fff;border-bottom:1px solid var(--line)}
.live-detail-card{min-width:0;border:1px solid #e5ecef;border-radius:10px;padding:10px;display:flex;gap:9px;align-items:center;background:#fbfcfd;transition:.18s}
.live-detail-card:hover{border-color:#bfeaf6;background:#f3fbfd;transform:translateY(-1px)}
.live-detail-icon{width:28px;height:28px;border-radius:8px;background:#eaf9fd;color:#157c9b;display:grid;place-items:center;font-size:13px;flex:0 0 auto}
.live-detail-card div{min-width:0}.live-detail-card small{display:block;font-size:8px;letter-spacing:.1em;color:#83929a;margin-bottom:2px}.live-detail-card b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-chat-msg.bot{align-self:flex-end;text-align:right;max-width:78%}
.admin-chat-msg.bot div{background:#eaf9fd;color:#18343f;border:1px solid #c8edf7}
.admin-bot-label{display:block;font-style:normal;font-size:8px;letter-spacing:.12em;color:#2796b8;font-weight:850;margin:0 3px 3px}
.live-bot-settings{margin-bottom:16px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;grid-template-columns:260px 1fr;gap:22px;align-items:start}
.live-bot-status{display:flex;gap:13px;align-items:flex-start;padding:4px}
.live-bot-status>div{display:grid}.live-bot-status small{font-size:9px;letter-spacing:.12em;color:var(--muted)}.live-bot-status b{font-size:18px}.live-bot-status p{font-size:11px;color:var(--muted);margin:4px 0 0;line-height:1.5}
.live-bot-orb{width:12px;height:12px;border-radius:50%;margin-top:5px;background:#a7b0b5;box-shadow:0 0 0 6px rgba(120,130,135,.1)}
.live-bot-orb.on{background:#55c7e8;box-shadow:0 0 0 6px rgba(85,199,232,.15)}
.live-bot-form{display:grid!important;grid-template-columns:1fr 1fr;gap:10px 12px!important}
.live-bot-form>label:not(.live-switch-row){font-size:10px}.live-bot-form>label:nth-last-of-type(1),.live-bot-form>label:nth-last-of-type(2){grid-column:1/-1}
.live-switch-row{grid-column:1/-1;display:flex!important;grid-template-columns:none!important;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px}
.live-switch-row select{width:120px;padding:8px 10px}
.live-hours-row{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.live-hours-row label{font-size:10px}.live-hours-row input{margin-top:5px}
.live-days{grid-column:1/-1;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.live-days>span{font-size:10px;font-weight:750;margin-right:4px}
.live-days label{display:block!important;cursor:pointer}.live-days input{position:absolute;opacity:0;pointer-events:none}.live-days label span{display:block;padding:7px 9px;border:1px solid var(--line);border-radius:8px;font-size:10px;background:#fff}
.live-days input:checked+span{border-color:#55c7e8;background:#eaf9fd;color:#0b657f;font-weight:800}
.live-bot-form .btn{grid-column:1/-1;justify-self:end}
@media(max-width:1100px){.live-visitor-details{grid-template-columns:1fr 1fr}.live-bot-settings{grid-template-columns:1fr}}
@media(max-width:650px){.live-visitor-details{grid-template-columns:1fr}.live-bot-form{grid-template-columns:1fr}.live-hours-row{grid-template-columns:1fr}.live-bot-form .btn{justify-self:stretch}}


/* v35 Akıllı yönlendirme */
.live-chat-guide{background:#fff;border:1px solid #dbe7eb;border-radius:14px;padding:12px;display:grid;gap:10px;box-shadow:0 8px 24px rgba(9,25,33,.05)}
.live-chat-guide-copy b{font-size:11px;color:#0d2833}.live-chat-guide-copy p{font-size:11px;color:#6e7c83;margin:3px 0 0;line-height:1.45}
.live-chat-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.live-chat-choice{border:1px solid #d7e6eb;background:#f7fbfc;border-radius:9px;padding:9px 8px;color:#16313c;font-size:10px;font-weight:750;cursor:pointer;transition:.18s;text-align:left}
.live-chat-choice:hover{border-color:#55c7e8;background:#eaf9fd;transform:translateY(-1px)}
.live-chat-choice.secondary{background:#fff}
@media(max-width:430px){.live-chat-choice-grid{grid-template-columns:1fr}}

/* v35 Premium Canlı Destek Admin */
.live-premium-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.live-premium-stats article{background:linear-gradient(180deg,#fff,#fbfdfe);border:1px solid #dce5e9;border-radius:14px;padding:16px;min-height:112px;display:grid;align-content:start;box-shadow:0 10px 30px rgba(9,25,33,.035)}
.live-premium-stats small{font-size:8px;letter-spacing:.12em;color:#7a8991;font-weight:800}.live-premium-stats strong{font-size:29px;line-height:1;margin:10px 0 5px;letter-spacing:-.04em}.live-premium-stats span{font-size:10px;color:#8a989f}
.live-premium-shell{display:grid;grid-template-columns:300px minmax(0,1fr) 270px;min-height:690px;background:#fff;border:1px solid #dce5e9;border-radius:16px;overflow:hidden;box-shadow:0 24px 70px rgba(9,25,33,.06)}
.live-premium-sidebar{background:#f8fafb;border-right:1px solid #e2e9ec;min-width:0}.live-premium-side-head{height:66px;padding:14px 16px;border-bottom:1px solid #e2e9ec;display:flex;align-items:center;justify-content:space-between}.live-premium-side-head div{display:grid}.live-premium-side-head small{font-size:8px;letter-spacing:.12em;color:#84939b}.live-premium-side-head b{font-size:13px}.live-online-dot{width:9px;height:9px;border-radius:50%;background:#55c7e8;box-shadow:0 0 0 5px rgba(85,199,232,.14)}
.live-premium-session-list{max-height:624px;overflow:auto}.live-premium-session{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:13px 14px;border-bottom:1px solid #e6ecef;transition:.18s}.live-premium-session:hover,.live-premium-session.active{background:#eef9fc}.live-premium-session.active{box-shadow:inset 3px 0 #55c7e8}
.live-premium-session-avatar{width:40px;height:40px;border-radius:12px;background:#0b1d25;color:#55c7e8;display:grid;place-items:center;font-weight:850}.live-premium-session-copy{min-width:0}.live-premium-session-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.live-premium-session-top b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-premium-session-top time{font-size:8px;color:#96a2a8}.live-premium-session p{font-size:10px;color:#6f7d84;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-premium-session-meta{display:flex;gap:6px;align-items:center}.live-premium-session-meta span{font-size:8px;padding:3px 6px;border-radius:999px;background:#e7f7fb;color:#146b84}.live-premium-session-meta strong{font-size:8px;color:#0b7c9e}
.live-premium-chat{display:grid;grid-template-rows:auto 1fr auto;min-width:0;background:#f6f8f9}.live-premium-chat-head{height:66px;padding:12px 16px;border-bottom:1px solid #dfe7ea;background:#fff;display:flex;align-items:center;justify-content:space-between}.live-premium-chat-user{display:flex;gap:10px;align-items:center}.live-premium-chat-user>div:last-child{display:grid;grid-template-columns:auto auto;column-gap:7px}.live-premium-chat-user small{grid-column:1/-1;font-size:8px;letter-spacing:.12em;color:#8a989f}.live-premium-chat-user b{font-size:13px}.live-premium-messages{padding:18px;overflow:auto;max-height:535px;display:flex;flex-direction:column;gap:10px}.live-premium-reply{display:grid!important;grid-template-columns:1fr auto;gap:9px!important;padding:12px;background:#fff;border-top:1px solid #dfe7ea}.live-premium-reply textarea{resize:none;min-height:52px}.live-premium-reply .btn{align-self:stretch;padding-inline:18px}
.live-premium-profile{background:#fff;border-left:1px solid #e2e9ec;padding:18px;overflow:auto}.live-premium-profile-head{text-align:center;padding:6px 0 18px;border-bottom:1px solid #edf1f3}.live-premium-profile-head>small{font-size:8px;letter-spacing:.12em;color:#8a989f}.live-profile-avatar{width:64px;height:64px;margin:12px auto 9px;border-radius:18px;background:linear-gradient(135deg,#071217,#12313d);color:#55c7e8;display:grid;place-items:center;font-size:25px;font-weight:900;box-shadow:0 12px 30px rgba(7,18,23,.16)}.live-premium-profile-head h3{font-size:16px;margin:0 0 3px}.live-premium-profile-head p{font-size:10px;color:#7e8b92;margin:0}
.live-profile-grid{display:grid;gap:8px;padding:16px 0}.live-profile-grid>div{border:1px solid #e4eaed;border-radius:10px;padding:10px;background:#fbfcfd}.live-profile-grid small{display:block;font-size:8px;letter-spacing:.09em;color:#8b989f;margin-bottom:3px}.live-profile-grid b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-lead-box{border-top:1px solid #edf1f3;padding-top:14px}.live-lead-box small{display:block;font-size:8px;letter-spacing:.1em;color:#89969d;margin-bottom:6px}.live-lead-box select{width:100%;font-size:11px;background:#f8fafb}
.live-request-summary{margin-top:14px;background:linear-gradient(135deg,#071217,#102c37);color:#fff;border-radius:12px;padding:13px}.live-request-summary small{font-size:8px;letter-spacing:.12em;color:#75cfe9}.live-request-summary strong{display:block;font-size:12px;margin:5px 0 2px}.live-request-summary p{font-size:10px;color:#aec1c9;margin:0}
.live-premium-empty{display:grid;place-items:center;align-content:center;text-align:center;min-height:420px;padding:30px;color:#7a8991}.live-premium-empty.small{min-height:200px}.live-premium-empty-icon{width:48px;height:48px;border-radius:15px;background:#eaf9fd;color:#1683a3;display:grid;place-items:center;font-size:20px;margin-bottom:10px}.live-premium-empty h2{font-size:18px;margin:0 0 5px}.live-premium-empty p{font-size:11px;max-width:260px}
@media(max-width:1250px){.live-premium-shell{grid-template-columns:280px minmax(0,1fr)}.live-premium-profile{grid-column:1/-1;border-left:0;border-top:1px solid #e2e9ec;display:grid;grid-template-columns:220px 1fr 220px;gap:18px}.live-premium-profile-head{border-bottom:0;text-align:left}.live-profile-avatar{margin:10px 0}.live-profile-grid{grid-template-columns:repeat(2,1fr);padding:0}.live-request-summary{margin-top:0}.live-lead-box{border-top:0;padding-top:0}}
@media(max-width:850px){.live-premium-stats{grid-template-columns:1fr 1fr}.live-premium-shell{grid-template-columns:1fr}.live-premium-sidebar{border-right:0;border-bottom:1px solid #e2e9ec}.live-premium-session-list{max-height:260px}.live-premium-profile{grid-template-columns:1fr}.live-profile-grid{grid-template-columns:1fr 1fr}}


/* v36 Teklif Talepleri */
.quote-delete-btn{
  border:1px solid #efcaca;
  background:#fff7f7;
  color:#b83232;
  border-radius:8px;
  padding:7px 10px;
  font-size:11px!important;
  font-weight:750;
  cursor:pointer;
  transition:.18s ease;
}
.quote-delete-btn:hover{
  background:#b83232;
  border-color:#b83232;
  color:#fff;
  transform:translateY(-1px);
}


/* v37 Canlı destek silme işlemi */
.live-chat-head-actions{display:flex;align-items:center;gap:8px}
.live-delete-conversation-btn{
  border:1px solid rgba(224,91,91,.34);
  background:#fff5f5;
  color:#b83232;
  border-radius:8px;
  padding:8px 11px;
  font-size:11px!important;
  font-weight:800;
  cursor:pointer;
  transition:.18s ease;
}
.live-delete-conversation-btn:hover{
  background:#b83232;
  border-color:#b83232;
  color:#fff;
  transform:translateY(-1px);
}
.quote-actions{min-width:90px}
.quote-actions form{display:inline-flex!important}
.quote-delete-btn{display:inline-flex!important;align-items:center;justify-content:center;min-width:52px}

/* v38 premium visual / trust / editorial system */
.breadcrumbs{position:relative;z-index:8;display:flex;gap:8px;align-items:center;padding:102px clamp(24px,7vw,120px) 0;font-size:10px;color:#7e8d94;background:var(--bg)}.breadcrumbs a{color:inherit}.breadcrumbs a:hover{color:var(--accent)}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #ffffff12;background:#071217;color:#fff;padding:0 clamp(24px,7vw,120px)}.trust-strip>div{padding:20px 18px;border-right:1px solid #ffffff12;display:flex;gap:12px;align-items:center}.trust-strip>div:first-child{border-left:1px solid #ffffff12}.trust-strip span{font-size:9px;color:var(--accent)}.trust-strip b{font-size:11px;letter-spacing:.04em}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process-grid article{padding:26px 22px;border-right:1px solid var(--line);min-height:190px}.process-grid article:first-child{border-left:1px solid var(--line)}.process-grid span{font-size:9px;color:var(--accent);letter-spacing:.12em}.process-grid h3{font-size:20px;margin:32px 0 8px}.process-grid p{font-size:12px;color:var(--muted);line-height:1.7}
.mini-solutions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mini-solutions a{min-height:180px;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;flex-direction:column;justify-content:flex-end;transition:.25s}.mini-solutions a:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#bceaf7}.mini-solutions b{font-size:18px}.mini-solutions span{font-size:10px;color:var(--muted);margin-top:4px}
.testimonial-section{background:#09151b;color:#fff}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.testimonial-grid blockquote{margin:0;padding:24px;border:1px solid #ffffff16;border-radius:16px;background:#ffffff06}.testimonial-grid blockquote p{font-size:17px;line-height:1.55;margin:0 0 30px}.testimonial-grid blockquote footer{padding:0;background:none;display:block}.testimonial-grid blockquote footer b,.testimonial-grid blockquote footer span{display:block}.testimonial-grid blockquote footer span{font-size:10px;color:#91a5ae;margin-top:3px}
.home-insight-grid,.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.home-insight-grid a,.insight-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.25s}.home-insight-grid a:hover,.insight-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.home-insight-grid img,.insight-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.home-insight-grid a>small,.home-insight-grid h3,.home-insight-grid p{margin-left:18px;margin-right:18px}.home-insight-grid small,.insight-card small{display:block;margin-top:16px;color:var(--accent);font-size:9px}.home-insight-grid h3{font-size:20px;margin-top:6px;margin-bottom:7px}.home-insight-grid p,.insight-card p{font-size:12px;color:var(--muted);line-height:1.6}.insights-grid{grid-template-columns:repeat(2,1fr)}.insight-card>div{padding:0 18px 20px}.insight-card h2{font-size:28px;margin:7px 0}
.mega-footer-cta{background:#55c7e8;color:#071217;padding:70px clamp(24px,7vw,120px);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}.mega-footer-cta small{grid-column:1/-1;font-size:9px;letter-spacing:.14em}.mega-footer-cta h2{font-size:clamp(44px,6vw,86px);line-height:.95;margin:0;letter-spacing:-.06em}.mega-footer-cta a{width:150px;height:150px;border-radius:50%;background:#071217;color:#fff;display:grid;place-content:center;text-align:center;font-size:12px;font-weight:800;transition:.25s}.mega-footer-cta a:hover{transform:rotate(-5deg) scale(1.05)}.mega-footer-cta a span{font-size:22px}
.studio-manifesto{max-width:980px;margin:70px 0}.studio-manifesto p{font-size:clamp(24px,3vw,42px);line-height:1.28;letter-spacing:-.035em}.studio-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.studio-principles article{padding:25px;border:1px solid var(--line);border-radius:14px}.studio-principles span{font-size:9px;color:var(--accent)}.studio-principles h3{margin:40px 0 8px}.studio-principles p{color:var(--muted);font-size:13px;line-height:1.6}.studio-process,.studio-stack,.studio-final-cta{margin-top:100px}.studio-final-cta{padding:70px;border-radius:24px;background:#071217;color:#fff}
.case-facts{display:flex;flex-wrap:wrap;gap:30px;margin-top:34px}.case-facts span{min-width:130px}.case-facts small,.case-facts b{display:block}.case-facts small{font-size:8px;color:#6f8b97;letter-spacing:.12em}.case-facts b{font-size:12px;margin-top:5px}.case-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:70px}.case-story-grid article{padding:26px;border:1px solid var(--line);border-radius:15px;background:#fff}.case-story-grid span{font-size:9px;color:var(--accent)}.case-story-grid h3{font-size:26px;margin:28px 0 8px}.case-story-grid p{color:var(--muted);line-height:1.7}.related-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-project-grid img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:14px}.related-project-grid small{display:block;margin-top:12px;color:var(--accent);font-size:9px}.related-project-grid h3{margin:4px 0}.next-case-link{padding:70px clamp(24px,7vw,120px);background:#071217;color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center}.next-case-link small{grid-column:1/-1;color:var(--accent)}.next-case-link strong{font-size:clamp(36px,5vw,70px);letter-spacing:-.05em}.next-case-link span{font-size:50px}
.service-value-grid{background:#eef4f6}.service-faq details{border-top:1px solid var(--line);padding:18px 0}.service-faq details:last-child{border-bottom:1px solid var(--line)}.service-faq summary{font-weight:800;cursor:pointer}.service-faq p{max-width:760px;color:var(--muted)}
.insight-cover{width:100%;max-height:72vh;object-fit:cover;border-radius:20px;margin:20px 0 50px}.insight-content{max-width:820px;margin:auto;font-size:17px;line-height:1.9}.insight-end{max-width:820px;margin:50px auto 0;border-top:1px solid var(--line);padding-top:30px}
.solutions-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:50px}.solutions-grid a{padding:28px;border:1px solid var(--line);border-radius:16px;min-height:260px;display:flex;flex-direction:column;transition:.25s}.solutions-grid a:hover{transform:translateY(-4px);background:#fff;box-shadow:var(--shadow)}.solutions-grid h2{font-size:30px;margin:30px 0 8px}.solutions-grid p{color:var(--muted)}.solutions-grid b{margin-top:auto}
.premium-brief-form{background:#fff;border:1px solid var(--line);padding:24px;border-radius:16px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-trust{margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.contact-trust b,.contact-trust span{display:block}.contact-trust span{font-size:11px;color:var(--muted);margin-top:5px}.security-check{display:flex!important;grid-template-columns:none!important;flex-direction:row;align-items:center;gap:9px}.security-check input{width:auto}
@media(max-width:900px){.trust-strip,.process-grid,.mini-solutions,.testimonial-grid,.home-insight-grid,.insights-grid,.studio-principles,.related-project-grid{grid-template-columns:1fr 1fr}.mega-footer-cta{grid-template-columns:1fr}.mega-footer-cta a{width:110px;height:110px}.case-story-grid{grid-template-columns:1fr}}
@media(max-width:600px){.trust-strip,.process-grid,.mini-solutions,.testimonial-grid,.home-insight-grid,.insights-grid,.studio-principles,.related-project-grid,.solutions-grid,.form-two{grid-template-columns:1fr}.trust-strip>div{border-left:1px solid #ffffff12}.mega-footer-cta h2{font-size:44px}.breadcrumbs{padding-top:88px}.case-facts{display:grid;grid-template-columns:1fr 1fr}.next-case-link{grid-template-columns:1fr}.next-case-link span{display:none}}


/* v39 — Premium section architecture */
:root{
  --panel:#ffffff;
  --panel-soft:#f1f6f8;
  --panel-dark:#08161d;
  --panel-line:rgba(16,24,32,.09);
  --panel-shadow:0 24px 70px rgba(12,29,38,.08);
}
.page{position:relative}
.page:before{content:"";position:absolute;inset:90px 4vw auto;height:260px;background:radial-gradient(circle at 20% 40%,rgba(85,199,232,.14),transparent 58%);pointer-events:none;z-index:-1}

/* About / Studio */
.studio-page{display:grid;gap:26px}
.studio-page>.page-title,.studio-page>small{margin-left:0}
.studio-zone{position:relative;border:1px solid var(--panel-line);border-radius:28px;padding:clamp(28px,5vw,64px);background:var(--panel);box-shadow:0 16px 45px rgba(12,29,38,.045);overflow:hidden}
.studio-zone:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-100px;top:-110px;background:radial-gradient(circle,rgba(85,199,232,.16),transparent 68%);pointer-events:none}
.studio-manifesto{background:linear-gradient(145deg,#fff,#eef8fb)}
.studio-manifesto p{margin:0;max-width:1000px}
.studio-principles-wrap{background:#fff}
.studio-zone-head{max-width:700px;margin-bottom:30px}.studio-zone-head small{font-size:9px;letter-spacing:.14em;color:var(--accent)}.studio-zone-head h2{margin:7px 0 0}
.studio-principles{margin:0}
.studio-principles article{position:relative;background:linear-gradient(180deg,#fff,#fafcfd);border:1px solid var(--panel-line);border-radius:20px;min-height:230px;padding:28px}
.studio-principles article:before{content:"";display:block;width:38px;height:4px;border-radius:99px;background:var(--accent);margin-bottom:48px}
.studio-principles h3{margin:0 0 10px}
.studio-process{margin-top:0!important;background:linear-gradient(145deg,#071217,#0d2530);color:#fff}
.studio-process>small{color:var(--accent)}.studio-process>h2{margin-bottom:30px}
.studio-process .process-grid{border-top-color:#ffffff20}.studio-process .process-grid article{border-color:#ffffff15;background:#ffffff05}.studio-process .process-grid article span{display:none}.studio-process .process-grid h3{margin-top:12px}.studio-process .process-grid p{color:#9fb1b9}
.studio-stack{margin-top:0!important;background:#edf7fa}.studio-stack .capability-list{margin-top:24px}.studio-stack .capability-list span{background:#fff;border-color:#cfe3ea}
.studio-final-cta{margin-top:0!important;background:linear-gradient(135deg,#071217 0%,#0e2c38 100%);color:#fff;min-height:390px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.studio-final-cta:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(85,199,232,.22);border-radius:50%;right:-80px;bottom:-150px;box-shadow:0 0 0 45px rgba(85,199,232,.035),0 0 0 90px rgba(85,199,232,.02)}
.studio-final-cta>*{position:relative;z-index:2}

/* Main listing pages */
.service-index,.insights-page,.solutions-page,.contact-page{background:transparent}
.service-index .service-marquee{border:1px solid var(--panel-line);border-radius:18px;background:#fff;margin-top:32px}
.service-showcase-list{display:grid;gap:14px;border-top:0!important}
.service-row{border:1px solid var(--panel-line)!important;border-radius:20px;padding:26px!important;background:#fff;box-shadow:0 10px 28px rgba(12,29,38,.035)}
.service-row:hover{transform:translateY(-4px);box-shadow:var(--panel-shadow);background:linear-gradient(145deg,#fff,#f3fbfd)}
.portfolio-grid{gap:22px}
.portfolio-item{background:#fff;border:1px solid var(--panel-line);border-radius:22px;overflow:hidden;box-shadow:0 12px 30px rgba(12,29,38,.04);transition:.25s}
.portfolio-item:hover{transform:translateY(-5px);box-shadow:var(--panel-shadow)}
.portfolio-item img,.portfolio-item .media-fallback{border-radius:0!important}
.portfolio-item>div:last-child{padding:22px!important}
.insights-page .insights-grid,.solutions-page .solutions-grid{margin-top:38px}
.insight-card,.solutions-grid a{border-radius:22px!important;box-shadow:0 12px 32px rgba(12,29,38,.045)}
.contact-page .contact-layout{align-items:start}.contact-page .contact-info,.contact-page .premium-brief-form{border:1px solid var(--panel-line);border-radius:24px;background:#fff;box-shadow:0 14px 36px rgba(12,29,38,.05)}
.contact-page .contact-info{padding:32px;min-height:100%}
.contact-page .premium-brief-form{padding:32px}

/* AI page */
.ai-hero{margin:0 clamp(18px,4vw,60px);border-radius:0 0 34px 34px;overflow:hidden}
.ai-services{margin:28px clamp(18px,4vw,60px);border-radius:30px;box-shadow:0 18px 48px rgba(12,29,38,.05)}
.ai-services .ai-card,.ai-services article,.ai-services a{border-radius:20px}
.ai-hero+.section{position:relative}

/* Detail pages: each subject = its own zone */
.service-about,.service-value-grid,.service-faq,.work-showcase,.case-story,.premium-case-hero+.case-cover+.case-story{margin:26px clamp(18px,4vw,60px);border-radius:30px;overflow:hidden}
.service-about{background:#fff;border:1px solid var(--panel-line);box-shadow:0 16px 44px rgba(12,29,38,.045)}
.work-showcase{padding:70px clamp(24px,5vw,76px)!important;background:linear-gradient(145deg,#071217,#0c2029)}
.service-value-grid{background:#edf7fa!important;border:1px solid #d9eaf0}
.service-faq{border:1px solid var(--panel-line);box-shadow:0 14px 38px rgba(12,29,38,.04)}
.case-story{background:#fff;border:1px solid var(--panel-line);box-shadow:0 16px 45px rgba(12,29,38,.05)}
.case-cover{padding:0 clamp(18px,4vw,60px)!important}.case-cover img{border-radius:30px!important}
.related-project-grid>a{background:#fff;border:1px solid var(--panel-line);border-radius:20px;padding:12px;transition:.25s}.related-project-grid>a:hover{transform:translateY(-4px);box-shadow:var(--panel-shadow)}
.sector-hero{margin-bottom:26px}.sector-hero+section.section,.sector-hero+section.section+section.section{margin:26px clamp(18px,4vw,60px);border:1px solid var(--panel-line);border-radius:30px;background:#fff;box-shadow:0 14px 38px rgba(12,29,38,.04)}
.sector-hero+section.section+section.section{background:#edf7fa!important}

/* Homepage — each concept gets a distinct visual block */
.intro-grid,.premium-process,.home-solutions,.references-section,.premium-reel,.studio-band,.home-insights,.testimonial-section,.work-media-section{position:relative}
.intro-grid,.premium-process,.home-solutions,.home-insights,.work-media-section{margin:26px clamp(18px,4vw,60px);border-radius:30px;border:1px solid var(--panel-line);box-shadow:0 14px 40px rgba(12,29,38,.045)}
.premium-process{background:#f0f8fa}
.home-solutions{background:#fff!important}
.premium-reel{margin:26px clamp(18px,4vw,60px);border-radius:30px;overflow:hidden}
.references-section{margin:26px clamp(18px,4vw,60px);border-radius:30px;overflow:hidden;border:1px solid var(--panel-line)}
.studio-band,.testimonial-section{margin:26px clamp(18px,4vw,60px);border-radius:30px;overflow:hidden}

/* Fixed premium footer CTA: centered and balanced */
.mega-footer-cta{
  display:flex!important;
  flex-direction:column;
  align-items:center!important;
  justify-content:center;
  text-align:center!important;
  gap:20px!important;
  min-height:430px;
  padding:80px clamp(24px,7vw,120px)!important;
  overflow:hidden;
  position:relative;
}
.mega-footer-cta:before,.mega-footer-cta:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.mega-footer-cta:before{width:340px;height:340px;border:1px solid rgba(7,18,23,.14);left:-130px;top:-160px}
.mega-footer-cta:after{width:420px;height:420px;border:1px solid rgba(7,18,23,.12);right:-170px;bottom:-210px}
.mega-footer-cta small{grid-column:auto!important;text-align:center!important;margin:0 auto!important}
.mega-footer-cta h2{text-align:center!important;margin:0 auto!important;max-width:1050px}
.mega-footer-cta a{margin:14px auto 0!important;width:auto!important;height:auto!important;border-radius:999px!important;padding:16px 25px!important;display:inline-flex!important;align-items:center;gap:12px}
.mega-footer-cta a span{font-size:18px!important}

/* General premium typography and spacing */
.page-title{max-width:1180px}
.page-intro{max-width:780px;line-height:1.65}
.section-head small,.page>small,.studio-zone>small{letter-spacing:.14em}
em{font-style:normal;color:var(--accent)}
@media(max-width:720px){
  .studio-zone{border-radius:22px;padding:26px 20px}
  .service-about,.service-value-grid,.service-faq,.work-showcase,.case-story,.sector-hero+section.section,.sector-hero+section.section+section.section{margin:18px 12px;border-radius:22px}
  .intro-grid,.premium-process,.home-solutions,.home-insights,.work-media-section,.premium-reel,.references-section,.studio-band,.testimonial-section{margin:18px 12px;border-radius:22px}
  .mega-footer-cta{min-height:360px;padding:58px 20px!important}
}

.admin-login-help{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;align-items:center}.admin-login-help small{color:var(--muted)}.admin-login-help a{font-size:11px;color:var(--accent);font-weight:800}


/* v39.3 — visual repair + premium contact */
.premium-trust-strip{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:1px!important;
  padding:0 clamp(24px,7vw,120px)!important;
  background:#071217!important;
  color:#fff!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.premium-trust-strip .trust-item{
  min-height:88px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:20px 22px!important;
  border-left:1px solid rgba(255,255,255,.08)!important;
  background:#071217!important;
}
.premium-trust-strip .trust-item:last-child{border-right:1px solid rgba(255,255,255,.08)!important}
.premium-trust-strip .trust-item i{width:8px!important;height:8px!important;display:block!important;flex:0 0 auto!important;border-radius:50%!important;background:#55c7e8!important;box-shadow:0 0 0 6px rgba(85,199,232,.09)!important}
.premium-trust-strip .trust-item b{font-size:12px!important;line-height:1.35!important;color:#dbe7eb!important;letter-spacing:0!important}

.premium-footer-cta-v393{
  width:100%!important;
  background:linear-gradient(135deg,#55c7e8 0%,#70d6ef 100%)!important;
  color:#071217!important;
  padding:0!important;
  margin:0!important;
  text-align:center!important;
  overflow:hidden!important;
  position:relative!important;
}
.premium-footer-cta-v393:before,.premium-footer-cta-v393:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(7,18,23,.12);pointer-events:none}
.premium-footer-cta-v393:before{width:420px;height:420px;left:-210px;top:-250px}
.premium-footer-cta-v393:after{width:520px;height:520px;right:-260px;bottom:-340px}
.premium-footer-cta-inner{
  width:min(1180px,calc(100% - 48px))!important;
  min-height:470px!important;
  margin:0 auto!important;
  padding:82px 24px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  position:relative!important;
  z-index:2!important;
}
.premium-footer-cta-inner small{font-size:10px!important;letter-spacing:.18em!important;font-weight:850!important;color:#17313a!important;margin-bottom:18px!important}
.premium-footer-cta-inner h2{font-size:clamp(46px,6.3vw,88px)!important;line-height:.93!important;letter-spacing:-.065em!important;margin:0 auto 20px!important;max-width:1050px!important;text-align:center!important;color:#071217!important}
.premium-footer-cta-inner h2 em{color:#fff!important}
.premium-footer-cta-inner p{max-width:630px!important;margin:0 auto 28px!important;font-size:15px!important;color:#21414c!important;text-align:center!important}
.premium-footer-cta-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;margin:0 auto!important;padding:15px 22px!important;border-radius:999px!important;background:#071217!important;color:#fff!important;font-size:12px!important;font-weight:850!important;transition:.2s!important}
.premium-footer-cta-button:hover{transform:translateY(-2px)!important;background:#102a34!important}.premium-footer-cta-button span{font-size:17px!important}

/* Contact hero */
.project-contact-hero{padding:150px clamp(24px,7vw,120px) 58px;background:linear-gradient(145deg,#071217,#0c2732);color:#fff;position:relative;overflow:hidden}
.project-contact-hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(85,199,232,.18);border-radius:50%;right:-120px;top:-220px;box-shadow:0 0 0 60px rgba(85,199,232,.03),0 0 0 120px rgba(85,199,232,.018)}
.project-contact-hero-inner{width:min(1450px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:end;position:relative;z-index:2}
.project-contact-hero small{font-size:10px;letter-spacing:.18em;color:#55c7e8;font-weight:850}
.project-contact-hero h1{font-size:clamp(48px,6vw,88px);line-height:.95;letter-spacing:-.06em;margin:16px 0 24px;max-width:1000px}
.project-contact-hero p{font-size:17px;color:#aebfc6;max-width:720px;line-height:1.7}
.project-contact-hero-badge{display:flex;gap:10px;align-items:center;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);white-space:nowrap}.project-contact-hero-badge span{width:8px;height:8px;border-radius:50%;background:#55c7e8;box-shadow:0 0 0 5px rgba(85,199,232,.12)}.project-contact-hero-badge b{font-size:10px;letter-spacing:.06em}

/* Contact shell */
.project-contact-shell{width:min(1580px,calc(100% - 48px));margin:34px auto 70px;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(600px,1.55fr);gap:22px;align-items:start}
.contact-premium-card,.project-brief-card{background:#fff;border:1px solid #dce6ea;border-radius:26px;box-shadow:0 18px 55px rgba(8,25,33,.055)}
.contact-premium-card{padding:30px;position:sticky;top:26px}
.contact-premium-head small,.project-brief-head small{font-size:9px;letter-spacing:.16em;color:#1687a8;font-weight:850}.contact-premium-head h2,.project-brief-head h2{font-size:32px;margin:7px 0 10px;letter-spacing:-.04em}.contact-premium-head p{font-size:12px;color:#718088;line-height:1.65}
.contact-channel-list{display:grid;gap:8px;margin:24px 0}.contact-channel{min-height:70px;border:1px solid #e3eaed;border-radius:14px;padding:12px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;background:#fbfcfd;transition:.18s}.contact-channel:hover{border-color:#b7e7f4;background:#f1fbfd;transform:translateY(-1px)}.contact-channel-icon{width:38px;height:38px;border-radius:11px;background:#e7f8fc;display:grid;place-items:center;color:#107b9a;font-weight:850}.contact-channel>span:nth-child(2){min-width:0}.contact-channel small{display:block;font-size:8px;letter-spacing:.11em;color:#89979e;margin-bottom:2px}.contact-channel b{display:block;font-size:11px;white-space:normal;overflow-wrap:anywhere}.contact-channel i{font-style:normal;color:#43bde0}.contact-channel-static:hover{transform:none;background:#fbfcfd;border-color:#e3eaed}
.contact-promise{border-top:1px solid #e6edef;padding-top:20px;display:grid;gap:12px}.contact-promise>small{font-size:8px;letter-spacing:.13em;color:#8a989f;font-weight:850}.contact-promise>div{display:grid}.contact-promise b{font-size:11px}.contact-promise span{font-size:10px;color:#79878e;margin-top:2px}

/* Premium brief */
.project-brief-card{padding:30px}
.project-brief-head{display:flex;justify-content:space-between;gap:20px;align-items:start;padding-bottom:20px;border-bottom:1px solid #e7edef;margin-bottom:22px}.project-brief-head h2{font-size:38px;margin-bottom:0}.brief-step{font-size:9px;font-weight:850;color:#6d7d84;border:1px solid #dce6ea;padding:8px 10px;border-radius:999px}
.premium-brief-form-v393{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;display:grid!important;gap:16px!important}
.hp-field-v393{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.brief-section{border:1px solid #e0e8eb;border-radius:18px;padding:20px;background:#fafcfd;display:grid;gap:14px}
.brief-section-title{display:flex;gap:10px;align-items:center;margin-bottom:3px}.brief-section-title>span{width:7px;height:7px;border-radius:50%;background:#55c7e8;box-shadow:0 0 0 5px rgba(85,199,232,.1)}.brief-section-title small{display:block;font-size:8px;letter-spacing:.12em;color:#1687a8;font-weight:850}.brief-section-title b{display:block;font-size:13px;margin-top:1px}
.premium-brief-form-v393 label{font-size:10px!important;color:#44545b!important;font-weight:780!important;gap:6px!important}
.premium-brief-form-v393 input,.premium-brief-form-v393 select,.premium-brief-form-v393 textarea{border:1px solid #d9e4e8!important;background:#fff!important;border-radius:11px!important;padding:12px 13px!important;font-size:11px!important;transition:.18s!important}
.premium-brief-form-v393 input:focus,.premium-brief-form-v393 select:focus,.premium-brief-form-v393 textarea:focus{border-color:#55c7e8!important;box-shadow:0 0 0 3px rgba(85,199,232,.12)!important}
.premium-brief-form-v393 textarea{min-height:155px!important;resize:vertical}
.brief-submit-row{display:flex;gap:25px;align-items:center;justify-content:space-between;padding-top:4px}.brief-submit-row p{font-size:9px;color:#849198;max-width:450px;margin:0;line-height:1.55}.brief-submit{min-width:210px!important;padding:14px 20px!important;border-radius:999px!important;gap:10px!important}.brief-submit:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(85,199,232,.25)}
.notice.success{background:#effbf5;border-color:#c7edda;color:#236846}

@media(max-width:1000px){
  .premium-trust-strip{grid-template-columns:1fr 1fr!important}
  .project-contact-shell{grid-template-columns:1fr}
  .contact-premium-card{position:relative;top:auto}
  .project-contact-hero-inner{grid-template-columns:1fr}.project-contact-hero-badge{justify-self:start}
}
@media(max-width:650px){
  .premium-trust-strip{grid-template-columns:1fr!important;padding:0 18px!important}
  .premium-trust-strip .trust-item{min-height:64px!important}
  .premium-footer-cta-inner{width:100%!important;min-height:390px!important;padding:62px 20px!important}
  .premium-footer-cta-inner h2{font-size:42px!important}
  .project-contact-hero{padding:120px 20px 45px}.project-contact-hero h1{font-size:48px}
  .project-contact-shell{width:calc(100% - 24px);margin:18px auto 40px}.contact-premium-card,.project-brief-card{border-radius:20px;padding:20px}
  .project-brief-head{display:grid}.brief-step{justify-self:start}.project-brief-head h2{font-size:30px}
  .form-two{grid-template-columns:1fr!important}.brief-submit-row{display:grid}.brief-submit{width:100%!important}
}


/* v39.4 — Editorial + Global Premium Flow */
:root{
  --premium-surface:#fff;
  --premium-soft:#f1f6f8;
  --premium-dark:#071217;
  --premium-border:rgba(16,24,32,.085);
  --premium-shadow:0 18px 55px rgba(8,25,33,.07);
  --premium-shadow-hover:0 30px 80px rgba(8,25,33,.13);
}
body{background:linear-gradient(180deg,#f5f7f8 0%,#f7f9fa 100%)}
main{overflow:hidden}
.page{width:min(1600px,100%);margin:0 auto}
.page-title{letter-spacing:-.06em}
.section,.page{position:relative}
.section:where(.white){background:#fff}

/* Shared premium page intro language */
.editorial-page,.portfolio-page-v394,.service-index-v394{padding-top:145px!important}
.editorial-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.65fr);gap:70px;align-items:end;padding:42px 0 52px;border-bottom:1px solid var(--premium-border)}
.editorial-hero h1{font-size:clamp(50px,6vw,88px);line-height:.94;letter-spacing:-.065em;margin:13px 0 0}
.editorial-hero>p{font-size:16px;color:var(--muted);line-height:1.75;max-width:560px;margin:0 0 7px}
.editorial-divider{display:flex;align-items:center;gap:16px;margin:36px 0 24px}.editorial-divider span{font-size:9px;letter-spacing:.16em;font-weight:850;color:#607078}.editorial-divider i{height:1px;background:var(--premium-border);flex:1}
.editorial-empty{background:#fff}

/* Insights — exactly 3 cards per row on desktop */
.insights-grid-v394{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;align-items:stretch}
.insight-card-v394{display:flex;flex-direction:column;background:#fff;border:1px solid var(--premium-border);border-radius:22px;overflow:hidden;min-width:0;box-shadow:0 12px 34px rgba(8,25,33,.045);transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .42s,border-color .35s}
.insight-card-v394:hover{transform:translateY(-7px);box-shadow:var(--premium-shadow-hover);border-color:rgba(85,199,232,.45)}
.insight-card-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(145deg,#0a1d25,#123643)}
.insight-card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.16,1,.3,1),filter .5s}
.insight-card-v394:hover .insight-card-media img{transform:scale(1.045);filter:saturate(1.05) contrast(1.02)}
.insight-card-media:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(transparent,rgba(3,12,16,.36));pointer-events:none}
.insight-card-media>span{position:absolute;z-index:2;left:14px;bottom:13px;padding:6px 9px;border-radius:999px;background:rgba(7,18,23,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:8px;letter-spacing:.09em;font-weight:800}
.insight-card-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#55c7e8;font-weight:850;letter-spacing:-.04em;font-size:24px}
.insight-card-copy{padding:20px 20px 18px;display:flex;flex-direction:column;flex:1}
.insight-card-copy>small{font-size:8px!important;letter-spacing:.15em!important;color:#1491b3!important}
.insight-card-copy h2{font-size:clamp(22px,1.7vw,29px)!important;line-height:1.07!important;letter-spacing:-.04em!important;margin:8px 0 10px!important}
.insight-card-copy p{font-size:11px!important;color:#718087!important;line-height:1.65!important;margin:0 0 22px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.insight-card-link{margin-top:auto;padding-top:14px;border-top:1px solid #e8eef0;display:flex;align-items:center;justify-content:space-between}.insight-card-link b{font-size:10px}.insight-card-link i{font-style:normal;color:#40bde0;font-size:16px;transition:.25s}.insight-card-v394:hover .insight-card-link i{transform:translate(3px,-3px)}

/* Insight detail — compact, editorial, premium */
.insight-detail-v394{padding:145px clamp(24px,6vw,100px) 90px;width:min(1480px,100%);margin:0 auto}
.insight-detail-hero{max-width:1080px;margin:0 auto 38px;text-align:center}
.insight-detail-meta{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.insight-detail-meta span{font-size:9px;letter-spacing:.12em;color:#6d7c83;font-weight:800}.insight-detail-meta span:first-child{color:#168dad}.insight-detail-meta i{width:4px;height:4px;border-radius:50%;background:#b7c4c9}
.insight-detail-hero h1{font-size:clamp(46px,5.7vw,82px);max-width:1000px;margin:0 auto 18px;letter-spacing:-.062em;line-height:.96}
.insight-detail-hero p{max-width:760px;margin:0 auto;color:#718087;font-size:16px;line-height:1.7}
.insight-cover-v394{width:min(1120px,100%);margin:0 auto 50px;border-radius:28px;overflow:hidden;background:#e9eef0;box-shadow:0 22px 65px rgba(8,25,33,.10);border:1px solid var(--premium-border)}
.insight-cover-v394 img{display:block;width:100%;height:clamp(320px,42vw,560px);object-fit:cover}
.insight-article-layout{width:min(1060px,100%);margin:0 auto;display:grid;grid-template-columns:190px minmax(0,1fr);gap:55px;align-items:start}
.insight-article-aside{position:sticky;top:115px;border-top:2px solid #55c7e8;padding-top:14px;display:grid;gap:7px}.insight-article-aside small{font-size:8px;letter-spacing:.14em;color:#88959b}.insight-article-aside b{font-size:12px;line-height:1.4}.insight-article-aside a{margin-top:12px;font-size:10px;color:#1687a8;font-weight:800}
.insight-content-v394{background:#fff;border:1px solid var(--premium-border);border-radius:24px;padding:clamp(28px,5vw,58px);font-size:16px;line-height:1.9;color:#34464e;box-shadow:0 14px 42px rgba(8,25,33,.045)}
.insight-end-v394{width:min(1120px,100%);margin:50px auto 0;border-radius:26px;padding:34px 38px;background:linear-gradient(135deg,#071217,#0d2a35);color:#fff;display:flex;justify-content:space-between;gap:30px;align-items:center;overflow:hidden;position:relative}.insight-end-v394:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-85px;bottom:-135px;border:1px solid rgba(85,199,232,.18);box-shadow:0 0 0 35px rgba(85,199,232,.03)}.insight-end-v394>*{position:relative;z-index:2}.insight-end-v394 small{color:#55c7e8;font-size:8px;letter-spacing:.14em}.insight-end-v394 h2{font-size:clamp(28px,3.6vw,48px);margin:7px 0 0}.insight-end-v394 .btn{white-space:nowrap}

/* Services — less list-like, more premium studio cards */
.service-index-v394 .service-intro{max-width:760px}
.service-index-v394 .service-marquee{border-radius:999px;margin-left:0!important;margin-right:0!important;background:#fff;border:1px solid var(--premium-border);padding:11px 0}
.service-index-v394 .service-showcase-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important;border-top:0!important}
.service-index-v394 .service-row{grid-template-columns:auto 1fr!important;grid-template-rows:auto auto;align-items:start!important;gap:14px 18px!important;padding:27px!important;border:1px solid var(--premium-border)!important;border-radius:22px!important;background:#fff!important;min-height:210px!important;box-shadow:0 10px 30px rgba(8,25,33,.035)!important;position:relative;overflow:hidden}
.service-index-v394 .service-row:after{content:"↗";position:absolute;right:22px;top:20px;color:#55c7e8;font-size:17px;transition:.3s}
.service-index-v394 .service-row:hover{transform:translateY(-6px)!important;box-shadow:var(--premium-shadow-hover)!important;border-color:rgba(85,199,232,.45)!important}
.service-index-v394 .service-row:hover:after{transform:translate(3px,-3px)}
.service-index-v394 .service-row>span{width:36px;height:36px;border-radius:11px;background:#eaf8fc;display:grid;place-items:center;color:#1688aa!important;font-weight:850}
.service-index-v394 .service-row>div{padding-right:25px}.service-index-v394 .service-row h2{font-size:clamp(27px,2.8vw,42px)!important}.service-index-v394 .service-row p{font-size:12px;line-height:1.6;margin-top:9px}.service-index-v394 .service-row>b{grid-column:2;font-size:9px!important;letter-spacing:.08em;color:#6d7e85}

/* Portfolio — stronger card hierarchy */
.portfolio-page-v394>.page-intro{margin-bottom:38px}
.portfolio-page-v394 .portfolio-grid{gap:20px!important}
.portfolio-page-v394 .portfolio-item{border-radius:24px!important;background:#fff!important;border:1px solid var(--premium-border)!important;box-shadow:0 12px 36px rgba(8,25,33,.045)!important;overflow:hidden!important}
.portfolio-page-v394 .portfolio-media{border-radius:0!important;aspect-ratio:16/10!important}
.portfolio-page-v394 .portfolio-item>div:last-child{padding:18px 20px 22px!important}
.portfolio-page-v394 .portfolio-item h2{font-size:clamp(25px,2vw,34px)!important;margin-bottom:0!important}
.portfolio-page-v394 .portfolio-item:hover{box-shadow:var(--premium-shadow-hover)!important}

/* AI / solutions / contact / project detail global continuity */
.ai-services,.solutions-page,.project-contact-shell,.studio-zone,.case-story,.service-about,.service-value-grid,.service-faq{box-shadow:0 16px 46px rgba(8,25,33,.045)}
.ai-cap-card-v16,.solutions-grid a,.contact-channel,.brief-section,.related-project-grid>a{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .35s}
.solutions-grid a:hover,.contact-channel:hover,.related-project-grid>a:hover{transform:translateY(-5px)}
.section-head{max-width:1450px;margin-left:auto;margin-right:auto}
.case-story-grid article,.process-grid article{transition:transform .35s,border-color .35s,background .35s}.case-story-grid article:hover,.process-grid article:hover{transform:translateY(-4px);border-color:rgba(85,199,232,.35)}

/* better visual rhythm */
.page>small:first-child{display:inline-flex;align-items:center;gap:8px}.page>small:first-child:before{content:"";width:20px;height:2px;border-radius:2px;background:#55c7e8}
.empty-state{background:#fff;box-shadow:0 10px 30px rgba(8,25,33,.035)}
.btn{transition:transform .25s,box-shadow .25s,background .25s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(85,199,232,.23)}
input,textarea,select{transition:border-color .2s,box-shadow .2s,background .2s}

/* responsive */
@media(max-width:1150px){
  .insights-grid-v394{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .editorial-hero{grid-template-columns:1fr;gap:20px}
}
@media(max-width:900px){
  .service-index-v394 .service-showcase-list{grid-template-columns:1fr!important}
  .insight-article-layout{grid-template-columns:1fr;gap:20px}.insight-article-aside{position:relative;top:auto;grid-template-columns:auto 1fr auto;align-items:center;border-top:0;border-bottom:1px solid var(--premium-border);padding:0 0 14px}.insight-article-aside a{margin:0}
  .insight-end-v394{display:grid}
}
@media(max-width:680px){
  .insights-grid-v394{grid-template-columns:1fr!important}
  .insight-card-media{aspect-ratio:16/10}
  .insight-detail-v394{padding:120px 14px 55px}
  .insight-cover-v394{border-radius:20px;margin-bottom:24px}.insight-cover-v394 img{height:270px}
  .insight-content-v394{padding:24px 20px;border-radius:20px;font-size:15px}
  .insight-article-aside{grid-template-columns:1fr}.insight-end-v394{padding:26px 22px;border-radius:20px}
  .editorial-page,.portfolio-page-v394,.service-index-v394{padding-top:120px!important}
}


/* v39.5 Public SEO Analyzer */
.seo-tool-page{background:#f5f7f8;min-height:100vh;padding-bottom:90px}
.seo-tool-hero{padding:150px clamp(24px,7vw,120px) 70px;background:linear-gradient(140deg,#071217,#0d2a34);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.72fr);gap:70px;align-items:center}
.seo-tool-hero>div:first-child{max-width:850px}.seo-tool-hero>div:first-child>small{font-size:9px;letter-spacing:.16em;color:#55c7e8;font-weight:850}.seo-tool-hero h1{font-size:clamp(50px,6vw,88px);margin:14px 0 22px}.seo-tool-hero>div:first-child>p{max-width:720px;color:#aebfc6;font-size:16px;line-height:1.7}
.seo-tool-benefits{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:30px}.seo-tool-benefits span{font-size:11px;color:#c9d5da}
.seo-check-form{background:#fff;color:#101820;border-radius:25px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.18);display:grid;gap:15px}.seo-form-head{display:flex;gap:13px;align-items:center;padding-bottom:15px;border-bottom:1px solid #e5ecef}.seo-form-head>span{width:48px;height:48px;border-radius:15px;background:#e7f9fd;color:#1589aa;display:grid;place-items:center;font-weight:900}.seo-form-head small{font-size:8px;letter-spacing:.14em;color:#718188}.seo-form-head h2{font-size:25px;margin:2px 0 0}.seo-check-form label{font-size:10px}.seo-check-form input{padding:13px 14px}.seo-device-select{display:grid;grid-template-columns:1fr 1fr;gap:8px}.seo-device-select label{cursor:pointer}.seo-device-select input{position:absolute;opacity:0;pointer-events:none}.seo-device-select span{display:block;text-align:center;border:1px solid #dce6ea;border-radius:11px;padding:11px;background:#fafcfd}.seo-device-select input:checked+span{background:#e9f9fd;border-color:#55c7e8;color:#116e89;font-weight:850}.seo-check-submit{width:100%;margin-top:2px}.seo-form-note{font-size:8px;color:#87949a;line-height:1.5;margin:0;text-align:center}
.seo-results{width:min(1450px,calc(100% - 48px));margin:34px auto 0}.seo-result-top{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #dfe8eb;border-radius:24px;padding:25px 28px;box-shadow:0 14px 40px rgba(8,25,33,.04)}.seo-result-top small{font-size:8px;letter-spacing:.14em;color:#1690b1}.seo-result-top h2{font-size:34px;margin:5px 0 3px}.seo-result-top p{font-size:11px;color:#79878e;margin:0}
.seo-score-ring{width:110px;height:110px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at center,#fff 59%,transparent 60%),conic-gradient(#55c7e8 calc(var(--score)*1%),#e7eef0 0);box-shadow:inset 0 0 0 1px #e3eaed}.seo-score-ring strong{font-size:27px;line-height:1}.seo-score-ring>span{font-size:9px;color:#78868d}.seo-score-ring small{font-size:7px;margin-top:3px}
.seo-result-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.seo-result-card{background:#fff;border:1px solid #dfe8eb;border-radius:18px;padding:20px;min-height:180px;display:flex;flex-direction:column}.seo-result-card>small{font-size:8px;letter-spacing:.13em;color:#839199}.seo-result-card>strong{font-size:42px;line-height:1;margin:26px 0 8px;letter-spacing:-.05em}.seo-result-card>strong.seo-na{color:#b0bbc0}.seo-result-card p{font-size:10px;color:#77868d;margin:0}.seo-result-card>a{font-size:9px;color:#1386a8;font-weight:800;margin-top:auto}.seo-result-card>span{font-size:9px;color:#5e7078;margin-top:auto}
.seo-audit-panel{background:#fff;border:1px solid #dfe8eb;border-radius:24px;padding:26px;box-shadow:0 14px 40px rgba(8,25,33,.04)}.seo-audit-head{display:flex;justify-content:space-between;gap:20px;align-items:end;padding-bottom:19px;border-bottom:1px solid #e7edef}.seo-audit-head small{font-size:8px;letter-spacing:.13em;color:#1389aa}.seo-audit-head h3{font-size:26px;margin:4px 0 0}.seo-audit-head>span{max-width:480px;font-size:9px;color:#8a989f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seo-check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:18px}.seo-check-item{border:1px solid #e2eaed;border-radius:13px;padding:12px;display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;background:#fbfcfd}.seo-check-item>i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-style:normal;font-weight:900}.seo-check-item.ok>i{background:#e7f8f1;color:#21845e}.seo-check-item.warn>i{background:#fff3e8;color:#b96e24}.seo-check-item b,.seo-check-item span{display:block}.seo-check-item b{font-size:10px}.seo-check-item span{font-size:9px;color:#7d8b91;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seo-result-cta{margin-top:22px;border-radius:17px;background:linear-gradient(135deg,#071217,#0f2d38);color:#fff;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.seo-result-cta small{font-size:8px;letter-spacing:.13em;color:#55c7e8}.seo-result-cta h3{font-size:24px;margin:4px 0 0}.seo-result-cta .btn{white-space:nowrap}
.seo-admin-settings .settings-section-head{grid-column:1/-1;margin-top:10px;padding-top:18px;border-top:1px solid #e4eaed}.seo-admin-settings .settings-section-head:first-of-type{margin-top:0;padding-top:0;border-top:0}.seo-admin-settings .settings-section-head h3{margin:3px 0 0;font-size:17px}.seo-admin-settings .settings-section-head p{font-size:10px;color:#7c898f;margin:4px 0 0}
@media(max-width:1050px){.seo-tool-hero{grid-template-columns:1fr}.seo-result-cards{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.seo-tool-hero{padding:120px 18px 45px;gap:30px}.seo-tool-benefits{grid-template-columns:1fr}.seo-check-form{padding:20px;border-radius:20px}.seo-results{width:calc(100% - 24px)}.seo-result-top{align-items:flex-start}.seo-score-ring{width:88px;height:88px}.seo-result-cards,.seo-check-grid{grid-template-columns:1fr}.seo-audit-head,.seo-result-cta{display:grid}.seo-audit-head>span{max-width:100%}}


/* v39.5 Premium Project Start — no image */
.project-start-v395{padding:132px clamp(18px,4.8vw,78px) 72px;background:
 radial-gradient(circle at 15% 16%,rgba(85,199,232,.08),transparent 24%),
 linear-gradient(180deg,#f7f9fa 0%,#f4f7f8 100%);min-height:100vh}
.project-start-grid{width:min(1540px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(520px,.92fr);gap:68px;align-items:start}
.project-start-copy{position:relative;padding:24px 0 36px;min-height:780px;overflow:hidden}
.project-start-kicker{display:flex;align-items:center;gap:14px;margin:10px 0 25px;position:relative;z-index:2}.project-start-kicker>span{width:58px;height:2px;background:#55c7e8}.project-start-kicker small{font-size:9px;letter-spacing:.22em;color:#738188;font-weight:850}
.project-start-copy h1{font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.06em;max-width:900px;margin:0 0 24px;position:relative;z-index:2}.project-start-copy h1 em{color:#27b5bd}
.project-start-lead{max-width:810px;font-size:16px;line-height:1.7;color:#65747b;margin:0 0 28px;position:relative;z-index:2}
.project-start-benefits{display:grid;gap:11px;max-width:780px;position:relative;z-index:2}.project-start-benefits>div{display:flex;align-items:center;gap:13px;font-size:14px}.project-start-benefits i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#daf6f8;color:#14a9b2;font-style:normal;font-weight:900;flex:0 0 auto}
.project-start-stats{width:min(650px,88%);margin-top:36px;border:1px solid #d7e2e6;border-radius:22px;background:rgba(255,255,255,.72);backdrop-filter:blur(10px);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;position:relative;z-index:2;box-shadow:0 16px 45px rgba(8,25,33,.035)}
.project-start-stats article{padding:20px 24px;display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;min-height:100px}.project-start-stats article:nth-child(odd){border-right:1px solid #dfe7ea}.project-start-stats article:nth-child(-n+2){border-bottom:1px solid #dfe7ea}.project-start-stats article>span{width:48px;height:48px;border-radius:50%;background:#e7fafc;color:#1cb1ba;display:grid;place-items:center;font-size:20px}.project-start-stats strong,.project-start-stats small{display:block}.project-start-stats strong{font-size:26px;line-height:1;letter-spacing:-.04em}.project-start-stats small{font-size:10px;color:#74828a;margin-top:5px}
.project-start-abstract{position:absolute;right:0;bottom:20px;width:330px;height:370px;pointer-events:none;opacity:.78}.project-start-abstract span{position:absolute;display:block}.shape-a{width:185px;height:260px;right:18px;bottom:0;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(214,226,231,.9));clip-path:polygon(25% 0,100% 20%,100% 100%,0 100%,0 18%);box-shadow:0 20px 50px rgba(8,25,33,.08)}.shape-b{width:130px;height:180px;right:160px;bottom:10px;background:linear-gradient(160deg,#eff4f6,#cfdde2);clip-path:polygon(16% 0,100% 18%,100% 100%,0 100%,0 26%)}.shape-c{width:85px;height:85px;right:94px;bottom:54px;border-radius:50%;background:radial-gradient(circle at 34% 32%,#fff 0 8%,#aebfc6 16%,#64767d 37%,#dae2e5 48%,#28373d 70%,#c9d4d8 100%);box-shadow:0 24px 32px rgba(8,25,33,.18)}.shape-d{width:210px;height:1px;right:30px;bottom:122px;background:rgba(16,24,32,.13);transform:rotate(-18deg);transform-origin:right}

.project-start-form-card{background:#fff;border:1px solid #e0e7ea;border-radius:26px;padding:30px;box-shadow:0 28px 80px rgba(8,25,33,.09);position:relative;overflow:hidden}.project-start-form-card:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-100px;top:-125px;background:radial-gradient(circle,rgba(85,199,232,.14),transparent 68%)}
.project-form-heading{display:grid;grid-template-columns:58px 1fr;gap:16px;align-items:start;margin-bottom:25px;position:relative;z-index:2}.project-form-icon{width:58px;height:58px;border-radius:50%;background:#e4f8fa;color:#19aab3;display:grid;place-items:center;font-size:25px;font-weight:500}.project-form-heading h2{font-size:28px;letter-spacing:-.035em;margin:3px 0 8px}.project-form-heading p{font-size:12px;color:#718087;line-height:1.6;margin:0;max-width:620px}
.project-start-form{display:grid;gap:14px;position:relative;z-index:2}.project-start-form .form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.project-start-form label{display:grid;gap:6px;font-size:10px;color:#2d3d44;font-weight:780}.project-start-form label>b{display:inline;color:#e05252;font-weight:900}.project-start-form input,.project-start-form select,.project-start-form textarea{width:100%;border:1px solid #dce5e8;background:#fff;border-radius:11px;padding:12px 13px;font-size:11px;outline:none;transition:.2s}.project-start-form input:focus,.project-start-form select:focus,.project-start-form textarea:focus{border-color:#55c7e8;box-shadow:0 0 0 3px rgba(85,199,232,.12)}.project-start-form textarea{min-height:132px;resize:vertical}.project-message-count{justify-self:end;margin-top:-2px;font-size:8px;color:#8b989e}
.project-start-submit{width:100%;border-radius:10px!important;padding:14px 20px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;background:linear-gradient(90deg,#20b3b6,#43c9c5)!important;color:#fff!important;font-size:12px!important}.project-start-submit>span{font-size:18px}.project-start-submit>i{font-style:normal;font-size:16px}
.project-form-privacy{text-align:center;font-size:8px;color:#8a979d;margin:0;line-height:1.5}.project-form-privacy>span{color:#19adb5;margin-right:4px}
.hp-field-v395{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}

@media(max-width:1150px){.project-start-grid{grid-template-columns:1fr;gap:28px}.project-start-copy{min-height:auto}.project-start-abstract{opacity:.35}.project-start-stats{width:min(700px,100%)}}
@media(max-width:680px){.project-start-v395{padding:112px 14px 45px}.project-start-copy{padding-top:10px}.project-start-copy h1{font-size:44px}.project-start-lead{font-size:14px}.project-start-abstract{display:none}.project-start-stats{grid-template-columns:1fr}.project-start-stats article{border-right:0!important;border-bottom:1px solid #dfe7ea!important}.project-start-stats article:last-child{border-bottom:0!important}.project-start-form-card{padding:20px;border-radius:20px}.project-form-heading{grid-template-columns:46px 1fr}.project-form-icon{width:46px;height:46px}.project-form-heading h2{font-size:23px}.project-start-form .form-two{grid-template-columns:1fr}}


/* v39.5.3 — breadcrumb visual removal / top-layout repair */
.breadcrumbs{display:none!important}
main{padding-top:0!important}
.site-header+main{margin-top:0!important}
.seo-tool-page,.service-index-v394,.portfolio-page-v394,.editorial-page,.studio-page,.project-start-v395{margin-top:0!important}


/* v39.6 SMTP/search/project visual cleanup */
.project-start-abstract{display:none!important}
.project-start-copy{min-height:auto!important;padding-bottom:20px!important}
.project-start-stats{width:min(760px,100%)!important;margin-top:36px!important}
.smtp-settings-card .mail-groups-title{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.smtp-settings-card .mail-groups-title h3{margin:0 0 4px}.smtp-test-btn{border:0;cursor:pointer}
.site-search-toggle{width:38px;height:38px;border:1px solid rgba(16,24,32,.12);border-radius:50%;background:transparent;display:grid;place-items:center;cursor:pointer;color:currentColor;transition:.2s;flex:0 0 auto}.header-on-dark .site-search-toggle{border-color:rgba(255,255,255,.18);color:#fff}.site-search-toggle:hover{background:rgba(85,199,232,.11);border-color:rgba(85,199,232,.55)}.site-search-toggle svg,.site-search-input-wrap svg,.admin-text-search-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.site-search-panel{position:fixed;z-index:9997;left:0;right:0;top:70px;padding:10px clamp(18px,4vw,60px);opacity:0;transform:translateY(-12px);transition:.22s;pointer-events:none}.site-search-panel.open{opacity:1;transform:none;pointer-events:auto}.site-search-shell{width:min(980px,100%);margin:0 auto;background:rgba(255,255,255,.98);border:1px solid rgba(16,24,32,.1);border-radius:22px;box-shadow:0 28px 90px rgba(8,25,33,.18);padding:20px;backdrop-filter:blur(18px)}.site-search-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.site-search-head small,.site-search-head b{display:block}.site-search-head small{font-size:8px;letter-spacing:.15em;color:#178ead}.site-search-head b{font-size:20px;margin-top:3px}.site-search-close{border:0;background:#eef4f6;width:36px;height:36px;border-radius:50%;font-size:22px;cursor:pointer}.site-search-input-wrap{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:10px;border:1px solid #dce6ea;border-radius:14px;padding:0 14px;background:#fafcfd}.site-search-input-wrap input{border:0!important;box-shadow:none!important;background:transparent!important;padding:14px 0!important;font-size:14px!important}.site-search-status{font-size:9px;color:#7c8b92;margin:10px 2px}.site-search-results{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:460px;overflow:auto}.site-search-results a{position:relative;padding:13px 42px 13px 14px;border:1px solid #e2eaed;border-radius:13px;background:#fff;transition:.2s}.site-search-results a:hover{transform:translateY(-2px);border-color:#bfeaf5;background:#f5fbfd}.site-search-results small,.site-search-results b,.site-search-results span{display:block}.site-search-results small{font-size:7px;letter-spacing:.12em;color:#178ead}.site-search-results b{font-size:12px;margin:3px 0}.site-search-results span{font-size:9px;color:#7b8990;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-search-results i{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-style:normal;color:#45bddf}
.admin-site-text-search{display:grid;grid-template-columns:42px minmax(220px,520px) auto;gap:8px;align-items:center;margin:0 0 16px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}.admin-text-search-icon{width:42px;height:42px;border:1px solid #dfe7ea;border-radius:11px;background:#f5f9fa;display:grid;place-items:center;cursor:pointer;color:#168bab}.admin-site-text-search input{height:42px;margin:0!important}.admin-site-text-search span{font-size:10px;color:var(--muted);justify-self:end}
@media(max-width:800px){.site-search-panel{top:62px;padding:8px 10px}.site-search-results{grid-template-columns:1fr}.header-actions .site-search-toggle{margin-left:auto}.admin-site-text-search{grid-template-columns:42px 1fr}.admin-site-text-search span{grid-column:1/-1;justify-self:start}.project-start-stats{width:100%!important}}


/* v39.7 — typography / glow / search / manifesto polish */

/* Page titles: smaller, calmer, more premium */
.page-title{font-size:clamp(40px,4.6vw,66px)!important;line-height:1.01!important;letter-spacing:-.052em!important}
.editorial-hero h1{font-size:clamp(42px,4.7vw,68px)!important;line-height:.99!important;letter-spacing:-.055em!important}
.service-hero h1{font-size:clamp(42px,4.8vw,68px)!important;line-height:1!important}
.case-hero h1{font-size:clamp(42px,4.8vw,70px)!important;line-height:.99!important;letter-spacing:-.05em!important}
.insight-detail-hero h1{font-size:clamp(40px,4.8vw,68px)!important;line-height:.99!important}
.project-start-copy h1{font-size:clamp(42px,4.4vw,64px)!important;line-height:1.01!important}
.seo-tool-hero h1{font-size:clamp(42px,4.7vw,68px)!important;line-height:.99!important}
.ai-hero h1{font-size:clamp(42px,4.8vw,70px)!important;line-height:.98!important}
.next-case-link strong{font-size:clamp(34px,4vw,58px)!important}
.section h2{letter-spacing:-.045em}

/* Homepage 3D glow: softer and deeper, without a sharp hard edge */
.model-glow{
  background:radial-gradient(circle,rgba(85,199,232,.32) 0%,rgba(85,199,232,.16) 28%,rgba(85,199,232,.065) 52%,transparent 74%)!important;
  filter:blur(48px)!important;
  opacity:.56!important;
  transform:scale(.92);
  animation:premiumGlow 7s ease-in-out infinite!important;
}
@keyframes premiumGlow{
  0%,100%{opacity:.42;transform:scale(.92)}
  50%{opacity:.62;transform:scale(1.03)}
}

/* Segmented / jagged rotating circles — rotation is visually obvious */
.model-ring{
  border:0!important;
  background:repeating-conic-gradient(from 0deg,rgba(85,199,232,.70) 0deg 2deg,transparent 2deg 5.8deg)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px))!important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px))!important;
  filter:drop-shadow(0 0 8px rgba(85,199,232,.16));
}
.model-ring:after{
  content:"";position:absolute;left:50%;top:-4px;width:8px;height:8px;border-radius:50%;
  background:#7eddf4;box-shadow:0 0 14px rgba(85,199,232,.9);
  transform:translateX(-50%);
}
.ring-a{animation:ringSpin 18s linear infinite!important;opacity:.72}
.ring-b{
  background:repeating-conic-gradient(from 10deg,rgba(85,199,232,.46) 0deg 1.4deg,transparent 1.4deg 4.5deg)!important;
  animation:ringSpin 12s linear infinite reverse!important;opacity:.72
}

/* Compact translucent premium site search */
.site-search-panel{top:74px!important;padding:8px 18px!important}
.site-search-shell{
  width:min(720px,calc(100vw - 28px))!important;
  padding:15px!important;
  border-radius:18px!important;
  background:rgba(247,250,251,.84)!important;
  border:1px solid rgba(255,255,255,.68)!important;
  box-shadow:0 22px 65px rgba(5,18,24,.16)!important;
  backdrop-filter:blur(24px) saturate(1.16)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.16)!important;
}
.site-search-head{margin-bottom:10px!important}
.site-search-head small{font-size:7px!important}
.site-search-head b{font-size:16px!important;margin-top:2px!important}
.site-search-close{width:31px!important;height:31px!important;font-size:18px!important;background:rgba(232,240,243,.76)!important}
.site-search-input-wrap{grid-template-columns:19px 1fr!important;border-radius:11px!important;padding:0 11px!important;background:rgba(255,255,255,.72)!important}
.site-search-input-wrap input{padding:11px 0!important;font-size:12px!important}
.site-search-status{font-size:8px!important;margin:7px 2px!important}
.site-search-results{grid-template-columns:1fr 1fr!important;gap:6px!important;max-height:310px!important}
.site-search-results a{padding:10px 36px 10px 11px!important;border-radius:11px!important;background:rgba(255,255,255,.68)!important}
.site-search-results b{font-size:11px!important}
.site-search-results span{font-size:8px!important}

/* About manifesto: statement remains important without being oversized */
.premium-manifesto{
  min-height:300px!important;
  padding:clamp(34px,5vw,62px)!important;
  display:grid!important;
  align-content:center!important;
  gap:28px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(236,248,251,.94)),
    radial-gradient(circle at 92% 12%,rgba(85,199,232,.18),transparent 34%)!important;
  border-color:rgba(85,199,232,.20)!important;
}
.manifesto-label{display:flex;align-items:center;gap:11px}
.manifesto-label>span{width:42px;height:2px;background:var(--accent);border-radius:99px}
.manifesto-label small{font-size:8px;letter-spacing:.18em;color:#1688a8;font-weight:850}
.manifesto-copy{display:grid;grid-template-columns:minmax(0,950px) auto;gap:32px;align-items:end}
.premium-manifesto .manifesto-copy p{
  font-size:clamp(23px,2.55vw,36px)!important;
  line-height:1.28!important;
  letter-spacing:-.038em!important;
  margin:0!important;
  font-weight:650;
  color:#10222a;
}
.manifesto-copy>i{
  width:56px;height:56px;border-radius:50%;display:grid;place-items:center;
  background:#0a2029;color:#55c7e8;font-style:normal;font-size:20px;
  box-shadow:0 10px 30px rgba(8,25,33,.12)
}

/* Process/body text is more restrained */
.studio-process h2,.studio-zone-head h2{font-size:clamp(30px,3.4vw,46px)!important}
.process-grid h3{font-size:18px!important}
.process-grid p{font-size:11px!important;line-height:1.65!important}

@media(max-width:760px){
  .page-title,.editorial-hero h1,.service-hero h1,.case-hero h1,.insight-detail-hero h1,.project-start-copy h1,.seo-tool-hero h1,.ai-hero h1{font-size:clamp(36px,11vw,50px)!important}
  .site-search-shell{width:calc(100vw - 20px)!important}
  .site-search-results{grid-template-columns:1fr!important}
  .manifesto-copy{grid-template-columns:1fr}
  .manifesto-copy>i{display:none}
  .premium-manifesto .manifesto-copy p{font-size:24px!important}
}


/* v39.8 — cinematic premium hero */
.hero-v398{
  min-height:calc(100vh - 0px)!important;
  display:grid!important;
  grid-template-columns:minmax(560px,.95fr) minmax(560px,1.05fr)!important;
  gap:28px!important;
  align-items:center!important;
  padding:118px clamp(24px,3.8vw,72px) 46px!important;
  background:
    radial-gradient(circle at 76% 44%,rgba(38,167,204,.20),transparent 29%),
    radial-gradient(circle at 58% 85%,rgba(20,89,115,.18),transparent 34%),
    linear-gradient(135deg,#061015 0%,#071820 44%,#071a23 100%)!important;
  overflow:hidden!important;
  isolation:isolate;
}
.hero-v398:before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.18),transparent 44%),
    radial-gradient(circle at 50% 120%,rgba(85,199,232,.08),transparent 40%);
}
.hero-v398:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:27%;
  background:linear-gradient(180deg,transparent,rgba(2,10,14,.42));
  pointer-events:none;z-index:0;
}
.hero-v398-atmosphere{position:absolute;inset:0;z-index:1;pointer-events:none}
.hero-star{position:absolute;width:3px;height:3px;border-radius:50%;background:#a9efff;box-shadow:0 0 13px rgba(85,199,232,.95)}
.hero-star.s1{left:44%;top:18%}.hero-star.s2{left:54%;top:31%;width:2px;height:2px}.hero-star.s3{right:16%;top:21%}.hero-star.s4{right:7%;top:48%;width:2px;height:2px}
.hero-planet{position:absolute;border-radius:50%;background:radial-gradient(circle at 32% 28%,#9ddaea 0 4%,#244955 17%,#10252e 55%,#051116 100%);box-shadow:inset -12px -15px 25px rgba(0,0,0,.45),0 0 20px rgba(85,199,232,.12)}
.hero-planet.p1{width:28px;height:28px;left:47%;top:43%;opacity:.72}.hero-planet.p2{width:48px;height:48px;right:8%;top:56%;opacity:.55}

.hero-v398-copy-card{
  position:relative;z-index:3;
  min-height:min(690px,74vh);
  padding:clamp(34px,4vw,58px);
  border:1px solid rgba(136,218,239,.18);
  border-radius:36px;
  background:
    linear-gradient(145deg,rgba(7,24,32,.78),rgba(7,18,24,.52)),
    radial-gradient(circle at 15% 5%,rgba(85,199,232,.08),transparent 35%);
  backdrop-filter:blur(18px) saturate(1.08);
  -webkit-backdrop-filter:blur(18px) saturate(1.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 32px 80px rgba(0,0,0,.20);
  display:flex;flex-direction:column;justify-content:space-between;
  overflow:hidden;
}
.hero-v398-copy-card:before{
  content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;
  background:linear-gradient(115deg,rgba(85,199,232,.25),transparent 15%,transparent 78%,rgba(85,199,232,.08));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;padding:1px;
}
.hero-v398-topline{display:flex;justify-content:space-between;align-items:center;gap:24px}
.hero-v398-kicker{display:flex;align-items:center;gap:10px;border:1px solid rgba(130,211,233,.22);border-radius:999px;padding:9px 13px;background:rgba(5,18,24,.36)}
.hero-v398-kicker i{width:7px;height:7px;border-radius:50%;background:#55c7e8;box-shadow:0 0 0 5px rgba(85,199,232,.08),0 0 18px rgba(85,199,232,.75)}
.hero-v398-kicker small{font-size:8px!important;letter-spacing:.19em!important;color:#72d7ef!important;white-space:nowrap}
.hero-v398-proof{display:flex;align-items:center;gap:8px;color:#fff}
.proof-orbs{display:flex}.proof-orbs i{width:27px;height:27px;border-radius:50%;margin-left:-7px;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 35% 30%,#66d6ef 0 9%,#183845 26%,#07171e 66%)}.proof-orbs i:first-child{margin-left:0}
.hero-v398-proof strong{font-size:20px;line-height:1}.hero-v398-proof small{font-size:9px!important;line-height:1.2!important;color:#9eb3bb!important;letter-spacing:0!important;max-width:90px}
.hero-v398-copy{padding:32px 0 28px}
.hero-v398-copy h1{font-size:clamp(58px,5.6vw,92px)!important;line-height:.91!important;letter-spacing:-.067em!important;margin:0 0 28px!important}
.hero-v398-copy h1 em{
  color:#59cce8!important;
  text-shadow:0 0 26px rgba(85,199,232,.15);
}
.hero-v398-copy p{font-size:clamp(14px,1.05vw,18px)!important;line-height:1.64!important;color:#c1d0d6!important;max-width:690px!important;margin:0!important}
.hero-v398-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.hero-v398-actions .btn{min-height:48px;padding:0 23px!important}
.hero-v398-primary{background:linear-gradient(90deg,#4cc8e8,#73d9ef)!important;box-shadow:0 12px 35px rgba(85,199,232,.18)}
.hero-v398-secondary{background:rgba(4,15,20,.42)!important;color:#fff!important;border:1px solid rgba(255,255,255,.24)!important}
.hero-v398-actions span{font-size:15px;margin-left:6px}
.hero-v398-services{
  padding-top:25px;border-top:1px solid rgba(255,255,255,.10);
  display:grid;grid-template-columns:repeat(3,1fr);gap:0
}
.hero-v398-services>a{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:0 18px;border-right:1px solid rgba(255,255,255,.12)}
.hero-v398-services>a:first-child{padding-left:0}.hero-v398-services>a:last-child{border-right:0;padding-right:0}
.hero-service-icon{width:36px;height:36px;display:grid;place-items:center;color:#55c7e8;font-size:21px}
.hero-v398-services b,.hero-v398-services small{display:block}.hero-v398-services b{font-size:11px;color:#fff;margin-bottom:4px}.hero-v398-services small{font-size:8px!important;color:#91a6af!important;letter-spacing:0!important;line-height:1.4}

.hero-v398-stage{
  position:relative;z-index:2;min-height:min(760px,78vh);height:min(760px,78vh);
  display:grid;place-items:center;isolation:isolate;overflow:visible
}
.hero-v398-stage:before{
  content:"";position:absolute;width:88%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(41,169,204,.16) 0,rgba(21,87,108,.10) 34%,transparent 69%);
  filter:blur(8px);z-index:-2
}
.hero-v398-glow{
  position:absolute;width:65%;aspect-ratio:1;border-radius:50%;z-index:-1;
  background:radial-gradient(circle,rgba(109,220,246,.30),rgba(44,154,187,.14) 35%,transparent 72%);
  filter:blur(32px);animation:v398Glow 6s ease-in-out infinite
}
@keyframes v398Glow{50%{transform:scale(1.07);opacity:.78}}
.hero-v398-orbit{
  position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none
}
.orbit-outer{width:78%;aspect-ratio:1;border:1px solid rgba(84,204,235,.64);box-shadow:0 0 45px rgba(85,199,232,.08);animation:v398Spin 26s linear infinite}
.orbit-mid{width:65%;aspect-ratio:1;background:repeating-conic-gradient(from 0deg,rgba(85,199,232,.48) 0 1.4deg,transparent 1.4deg 5.2deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 1px),#000 0);animation:v398Spin 18s linear infinite reverse}
.orbit-inner{width:48%;aspect-ratio:1;border:1px dashed rgba(104,216,242,.38);animation:v398Spin 13s linear infinite}
@keyframes v398Spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.hero-v398-orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 34% 28%,#9de8f9 0 5%,#2d5665 19%,#0d222b 58%,#02080b 100%);box-shadow:inset -15px -18px 26px rgba(0,0,0,.45),0 0 22px rgba(85,199,232,.22)}
.orb-a{width:38px;height:38px;left:11%;top:35%;animation:orbFloat 5.5s ease-in-out infinite}
.orb-b{width:58px;height:58px;right:7%;top:59%;animation:orbFloat 7s ease-in-out infinite reverse}
.orb-c{width:18px;height:18px;right:22%;top:17%;animation:orbFloat 4.8s ease-in-out infinite}
@keyframes orbFloat{50%{transform:translateY(-10px)}}

.hero-v398-model-wrap{position:absolute;inset:1% 3% 8%;z-index:5}
.hero-v398-model-wrap model-viewer{width:100%;height:100%;background:transparent!important;--poster-color:transparent}
.hero-v398-pedestal{position:absolute;left:50%;bottom:4.5%;transform:translateX(-50%);width:72%;height:18%;z-index:3;pointer-events:none}
.pedestal-top{position:absolute;left:9%;right:9%;top:0;height:36%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(109,225,249,.26),rgba(18,83,103,.78) 52%,#061219 70%);border:1px solid rgba(89,215,242,.76);box-shadow:0 0 25px rgba(85,199,232,.34),inset 0 0 20px rgba(85,199,232,.20)}
.pedestal-core{position:absolute;left:14%;right:14%;top:18%;height:45%;border-radius:0 0 46% 46%/0 0 30% 30%;background:linear-gradient(180deg,rgba(22,77,95,.95),#061116 78%);border-left:1px solid rgba(85,199,232,.25);border-right:1px solid rgba(85,199,232,.25)}
.pedestal-floor{position:absolute;left:0;right:0;bottom:0;height:23%;border-radius:50%;background:radial-gradient(ellipse,rgba(85,199,232,.18),rgba(5,15,20,.35) 52%,transparent 72%);border-top:1px solid rgba(85,199,232,.20)}
.hero-v398-sidewords{position:absolute;right:1.5%;top:53%;display:grid;gap:9px;z-index:6}
.hero-v398-sidewords span{font-size:7px;letter-spacing:.32em;color:#9ab2bc;font-weight:800}
.hero-v398-help{position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:7;display:flex;align-items:center;gap:10px;color:#8fa8b2;white-space:nowrap}
.hero-v398-help i{font-style:normal;border:1px solid rgba(255,255,255,.36);width:22px;height:35px;border-radius:999px;display:grid;place-items:center;color:#c7e8f0;font-size:10px}
.hero-v398-help span{font-size:7px;letter-spacing:.18em;font-weight:800}

@media(max-width:1250px){
  .hero-v398{grid-template-columns:minmax(500px,1fr) minmax(480px,.95fr)!important;padding-left:28px!important;padding-right:28px!important}
  .hero-v398-copy-card{padding:34px}
  .hero-v398-copy h1{font-size:clamp(52px,5.8vw,76px)!important}
  .hero-v398-proof{display:none}
}
@media(max-width:980px){
  .hero-v398{grid-template-columns:1fr!important;padding-top:105px!important;gap:24px!important}
  .hero-v398-copy-card{min-height:auto}
  .hero-v398-stage{height:560px;min-height:560px}
  .hero-v398-copy{padding:25px 0}
}
@media(max-width:680px){
  .hero-v398{padding:94px 12px 30px!important}
  .hero-v398-copy-card{border-radius:24px;padding:24px 20px}
  .hero-v398-copy h1{font-size:clamp(45px,14vw,62px)!important}
  .hero-v398-copy p{font-size:13px!important}
  .hero-v398-services{grid-template-columns:1fr;gap:0}.hero-v398-services>a{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding:12px 0!important}.hero-v398-services>a:last-child{border-bottom:0}
  .hero-v398-stage{height:460px;min-height:460px}
  .hero-v398-sidewords{display:none}
  .hero-v398-pedestal{width:88%}
}


/* v39.9 — refined cinematic hero / pedestal removed */
.hero-v398{
  background:
    radial-gradient(circle at 76% 42%,rgba(47,181,216,.16),transparent 28%),
    radial-gradient(circle at 62% 92%,rgba(37,122,150,.11),transparent 31%),
    linear-gradient(137deg,#050e13 0%,#07161d 43%,#071b24 100%)!important;
}
.hero-v398-copy-card{
  background:
    linear-gradient(145deg,rgba(7,22,29,.67),rgba(6,16,22,.44)),
    radial-gradient(circle at 7% 0%,rgba(93,213,241,.07),transparent 34%)!important;
  border-color:rgba(124,214,238,.17)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 25px 70px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(22px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.12)!important;
}
.hero-v398-copy-card:after{
  content:"";position:absolute;right:-90px;bottom:-120px;width:280px;height:280px;border-radius:50%;
  border:1px solid rgba(85,199,232,.07);box-shadow:0 0 0 34px rgba(85,199,232,.015),0 0 0 72px rgba(85,199,232,.008);pointer-events:none
}
.hero-v398-stage{
  min-height:min(790px,80vh)!important;
  height:min(790px,80vh)!important;
  overflow:visible!important;
}
.hero-v398-stage:before{
  width:90%!important;
  background:radial-gradient(circle,rgba(54,180,214,.12) 0,rgba(16,80,101,.07) 40%,transparent 70%)!important;
  filter:blur(14px)!important;
}
.hero-v398-glow{
  width:61%!important;
  background:radial-gradient(circle,rgba(111,226,250,.21),rgba(45,151,184,.085) 39%,transparent 72%)!important;
  filter:blur(42px)!important;
}
.orbit-outer{
  width:76%!important;
  border-color:rgba(89,203,232,.38)!important;
  box-shadow:none!important;
}
.orbit-mid{
  width:63%!important;
  opacity:.58!important;
  background:repeating-conic-gradient(from 8deg,rgba(104,216,242,.40) 0 1deg,transparent 1deg 7deg)!important;
}
.orbit-inner{
  width:47%!important;
  border-color:rgba(115,222,246,.24)!important;
  border-style:dashed!important;
}
.hero-v398-orbit:after{
  content:"";position:absolute;width:7px;height:7px;border-radius:50%;left:50%;top:-4px;
  background:#83e2f7;box-shadow:0 0 15px rgba(85,199,232,.82)
}
.hero-v398-model-wrap{
  inset:-1% 3% 9%!important;
  z-index:7!important;
  filter:drop-shadow(0 24px 28px rgba(0,0,0,.23));
}
.hero-v398-model-wrap model-viewer{
  width:100%!important;height:100%!important;background:transparent!important;
  --poster-color:transparent!important;
}

/* No solid platform. The model visually stands on a thin luminous field. */
.hero-v398-pedestal,.pedestal-top,.pedestal-core,.pedestal-floor{display:none!important}
.hero-v399-ground{
  position:absolute;left:50%;bottom:3.3%;transform:translateX(-50%);
  width:78%;height:19%;z-index:4;pointer-events:none;perspective:700px
}
.ground-shadow{
  position:absolute;left:17%;right:17%;bottom:28%;height:28%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,0,0,.48) 0%,rgba(0,0,0,.23) 42%,transparent 74%);
  filter:blur(10px)
}
.ground-halo{
  position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%) rotateX(71deg);
  transform-origin:center;border:1px solid rgba(102,222,247,.52)
}
.halo-a{
  width:76%;height:150%;
  box-shadow:0 0 18px rgba(85,199,232,.16),inset 0 0 18px rgba(85,199,232,.06);
  animation:v399Halo 5.8s ease-in-out infinite
}
.halo-b{
  width:54%;height:105%;border-style:dashed;border-color:rgba(105,218,243,.28);
  animation:v399Halo 7.8s ease-in-out infinite reverse
}
@keyframes v399Halo{50%{opacity:.56;filter:brightness(1.15)}}
.ground-scan{
  position:absolute;left:24%;right:24%;top:49%;height:2px;border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(133,233,252,.08),#78ddf4,rgba(133,233,252,.08),transparent);
  box-shadow:0 0 15px rgba(85,199,232,.38);
  animation:v399Scan 4.6s ease-in-out infinite
}
@keyframes v399Scan{0%,100%{opacity:.25;transform:scaleX(.72)}50%{opacity:.9;transform:scaleX(1)}}

.hero-v399-lightbeam{
  position:absolute;z-index:1;pointer-events:none;top:8%;bottom:16%;width:1px;
  background:linear-gradient(transparent,rgba(107,220,244,.15),rgba(107,220,244,.03),transparent);
  filter:drop-shadow(0 0 7px rgba(85,199,232,.18))
}
.beam-a{left:24%;transform:rotate(8deg)}.beam-b{right:23%;transform:rotate(-7deg);opacity:.65}
.hero-v399-dust{
  position:absolute;inset:9% 8% 13%;z-index:1;opacity:.42;pointer-events:none;
  background-image:
    radial-gradient(circle at 12% 18%,rgba(160,236,252,.75) 0 1px,transparent 1.5px),
    radial-gradient(circle at 77% 24%,rgba(160,236,252,.65) 0 1px,transparent 1.5px),
    radial-gradient(circle at 87% 68%,rgba(160,236,252,.45) 0 1px,transparent 1.5px),
    radial-gradient(circle at 33% 81%,rgba(160,236,252,.55) 0 1px,transparent 1.5px),
    radial-gradient(circle at 56% 9%,rgba(160,236,252,.45) 0 1px,transparent 1.5px)
}

.hero-v399-stage-label{
  position:absolute;left:11%;bottom:10.5%;z-index:8;display:flex;align-items:center;gap:8px;
  color:#8fa6af;pointer-events:none
}
.hero-v399-stage-label>span{width:22px;height:1px;background:rgba(85,199,232,.55)}
.hero-v399-stage-label small{font-size:6px!important;letter-spacing:.22em!important;color:#7e98a3!important}

.hero-v398-sidewords{
  right:2.4%!important;top:51%!important;gap:8px!important
}
.hero-v398-sidewords span{opacity:.74}
.hero-v398-help{
  bottom:1.2%!important;
  background:rgba(5,17,22,.30);border:1px solid rgba(255,255,255,.06);
  padding:6px 10px;border-radius:999px;backdrop-filter:blur(8px)
}
.hero-v398-help i{width:19px!important;height:28px!important;border-color:rgba(255,255,255,.20)!important}
.hero-v398-help span{font-size:6px!important;color:#78939e!important}

/* Slightly more elegant copy hierarchy */
.hero-v398-copy h1{
  font-size:clamp(55px,5.25vw,86px)!important;
  line-height:.93!important;
}
.hero-v398-copy p{
  max-width:640px!important;
  color:#b6c6cc!important;
}
.hero-v398-services>a{opacity:.94;transition:.3s ease}
.hero-v398-services>a:hover{opacity:1;transform:translateY(-2px)}
.hero-v398-services>a:hover .hero-service-icon{filter:drop-shadow(0 0 8px rgba(85,199,232,.45))}

@media(max-width:980px){
  .hero-v398-stage{height:570px!important;min-height:570px!important}
  .hero-v399-ground{width:82%;bottom:2%}
}
@media(max-width:680px){
  .hero-v398-stage{height:470px!important;min-height:470px!important}
  .hero-v399-ground{width:92%;height:17%;bottom:1.5%}
  .hero-v399-stage-label{display:none}
}


/* v39.10 — animated GLB support */
.glb-animation-ready{--poster-color:transparent}
.hero-v398-model-wrap model-viewer.glb-animation-ready{filter:drop-shadow(0 20px 25px rgba(0,0,0,.14))}
.toggle-setting{position:relative;border:1px solid var(--line);border-radius:14px;padding:15px 54px 15px 15px;background:#fbfcfd;min-height:74px}
.toggle-setting>span{font-size:11px;font-weight:800;display:block}
.toggle-setting>small{display:block;margin-top:5px;color:var(--muted);font-size:9px;line-height:1.45}
.toggle-setting input[type="checkbox"]{position:absolute;right:16px;top:16px;width:34px;height:19px;accent-color:var(--accent)}
.animation-info-card{border:1px solid rgba(85,199,232,.22);background:#effafd;border-radius:14px;padding:14px 16px;display:grid;gap:4px}
.animation-info-card b{font-size:10px;color:#116e89}.animation-info-card span{font-size:9px;line-height:1.55;color:#65767d}
.optional{font-size:8px;color:var(--muted);font-weight:500}


/* v39.11 — internal GLB animation playback refinement */
#heroAnimatedModel.glb-animation-ready,
#showreelAnimatedModel.glb-animation-ready{--poster-color:transparent}
#heroAnimatedModel.glb-no-animation{opacity:.96}


/* v39.12 — Showreel interactive 360° model */
.showreel-model.showreel-360{
  cursor:grab;
  --poster-color:transparent;
  background:transparent!important;
}
.showreel-model.showreel-360:active{cursor:grabbing}
.reel-visual .showreel-model.showreel-360{
  width:100%;
  height:100%;
  min-height:420px;
}


/* v39.14 — Professional grouped admin + SEO Center */
.admin-layout{grid-template-columns:250px minmax(0,1fr)!important}
.premium-admin-side{
  width:250px!important;padding:18px 14px!important;
  background:
    radial-gradient(circle at 10% 0,rgba(85,199,232,.10),transparent 26%),
    linear-gradient(180deg,#07151c,#061118 70%)!important;
  border-right:1px solid rgba(255,255,255,.06);
  transition:width .24s ease,padding .24s ease;
  overflow-y:auto;overflow-x:hidden;scrollbar-width:thin
}
.admin-side-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 5px 18px}
.premium-admin-side .admin-brand{margin:0!important;padding:0 4px!important;font-size:18px;white-space:nowrap}
.admin-nav-compact-toggle{width:30px;height:30px;border-radius:9px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:#8ea4ae;cursor:pointer;font-size:18px}
.admin-grouped-nav{display:grid!important;gap:8px!important}
.admin-nav-group{border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.018);overflow:hidden}
.admin-nav-group summary{list-style:none;display:grid;grid-template-columns:24px 1fr 16px;align-items:center;gap:9px;padding:10px 11px;cursor:pointer;color:#81949d;font-size:10px;font-weight:800;letter-spacing:.08em;user-select:none}
.admin-nav-group summary::-webkit-details-marker{display:none}
.admin-nav-group[open] summary{color:#b8c8ce;background:rgba(255,255,255,.018)}
.admin-group-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:rgba(85,199,232,.06);color:var(--accent);font-size:11px}
.admin-group-chevron{text-align:center;transition:transform .2s}.admin-nav-group[open] .admin-group-chevron{transform:rotate(180deg)}
.admin-nav-items{display:grid;gap:5px;padding:4px 7px 8px}
.premium-admin-side nav .admin-nav-item{
  display:grid!important;grid-template-columns:28px 1fr!important;gap:9px!important;align-items:center!important;
  min-height:38px;padding:6px 8px!important;border:1px solid transparent!important;border-radius:9px!important;
  background:transparent!important;color:#9eb0b8!important;box-shadow:none!important
}
.premium-admin-side nav .admin-nav-item:hover{transform:none!important;background:rgba(255,255,255,.035)!important;color:#fff!important;border-color:rgba(255,255,255,.055)!important}
.premium-admin-side nav .admin-nav-item.active{background:linear-gradient(90deg,rgba(85,199,232,.15),rgba(85,199,232,.045))!important;color:#fff!important;border-color:rgba(85,199,232,.20)!important;box-shadow:inset 2px 0 0 var(--accent)!important}
.premium-admin-side .admin-nav-icon{width:27px;height:27px;border-radius:8px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.05);font-size:8px}
.premium-admin-side .admin-nav-item.active .admin-nav-icon{background:rgba(85,199,232,.16);color:#77dbf2;border-color:rgba(85,199,232,.2)}
.premium-admin-side .side-bottom{margin-top:16px!important;gap:6px!important;padding:12px 4px 2px!important}
.premium-admin-side .side-bottom a{display:flex;align-items:center;gap:10px;font-size:11px!important;padding:8px 9px!important}

.premium-admin-side.is-compact{width:78px!important;padding-left:10px!important;padding-right:10px!important}
.admin-sidebar-compact .admin-layout{grid-template-columns:78px minmax(0,1fr)!important}
.premium-admin-side.is-compact .admin-brand,.premium-admin-side.is-compact .admin-group-label,.premium-admin-side.is-compact .admin-group-chevron,.premium-admin-side.is-compact .admin-nav-text{display:none}
.premium-admin-side.is-compact .admin-side-top{justify-content:center}
.premium-admin-side.is-compact .admin-nav-compact-toggle{display:block}
.premium-admin-side.is-compact .admin-nav-group{border:0;background:transparent}
.premium-admin-side.is-compact .admin-nav-group summary{grid-template-columns:1fr;padding:5px;justify-items:center}
.premium-admin-side.is-compact .admin-nav-items{padding:3px 0 7px}
.premium-admin-side.is-compact nav .admin-nav-item{grid-template-columns:1fr!important;padding:5px!important;justify-items:center!important}
.premium-admin-side.is-compact .admin-nav-icon{width:34px;height:34px;font-size:9px}
.premium-admin-side.is-compact .side-bottom a{justify-content:center}

.admin-heading-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.admin-btn{
  min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  border-radius:10px;padding:0 14px;border:1px solid transparent;font-size:11px;font-weight:800;
  cursor:pointer;text-decoration:none;transition:.2s ease;white-space:nowrap;font-family:inherit
}
.admin-btn:hover{transform:translateY(-1px)}
.admin-btn.primary{background:#101d23;color:#fff;border-color:#101d23;box-shadow:0 7px 20px rgba(9,27,35,.12)}
.admin-btn.primary:hover{background:#0a151a;box-shadow:0 9px 24px rgba(9,27,35,.18)}
.admin-btn.secondary{background:#fff;color:#18272e;border-color:#d9e2e6}
.admin-btn.secondary:hover{border-color:#aac6d0;background:#f9fcfd}
.admin-btn.danger{background:#fff;color:#b13a3a;border-color:#efcaca}
.admin-btn.danger:hover{background:#fff6f6;border-color:#e3a9a9}
.admin-btn.tiny{min-height:30px;padding:0 10px;border-radius:8px;font-size:10px}
.row-actions{display:flex!important;gap:7px!important;align-items:center!important;flex-wrap:nowrap}
.row-actions form{display:inline-flex!important}

.admin-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 12px}
.admin-list-search{height:42px;min-width:min(440px,100%);display:flex;align-items:center;gap:9px;padding:0 13px;background:#fff;border:1px solid #dce5e8;border-radius:11px}
.admin-list-search span{color:#7c939c;font-size:18px}.admin-list-search input{border:0!important;background:transparent!important;padding:0!important;height:auto!important;box-shadow:none!important}
.admin-list-meta{font-size:10px;color:#758991;white-space:nowrap}
.premium-table-wrap{border-radius:16px!important;box-shadow:0 8px 35px rgba(13,34,43,.035)}
.premium-admin-table th{padding:13px 15px!important;background:#f9fbfc!important;color:#71838a!important;font-size:9px!important}
.premium-admin-table td{padding:13px 15px!important;vertical-align:middle!important}
.premium-admin-table tbody tr{transition:.18s ease}.premium-admin-table tbody tr:hover{background:#fbfdfe}
.id-col{width:70px}.action-col{width:205px}
.id-pill{display:inline-flex;padding:5px 8px;border-radius:7px;background:#f0f5f7;color:#647a83;font-size:9px;font-weight:800}
.table-subtext{display:block;margin-top:3px;color:#87979e;font-size:9px;font-weight:400}.table-info-text{color:#677b83}
.status-badge,.seo-status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900;letter-spacing:.02em;white-space:nowrap}
.status-badge.on{background:#eaf8f1;color:#1c7c53}.status-badge.off{background:#f1f3f4;color:#7a858a}
.seo-status-badge.ready{background:#eaf8f1;color:#19794f}.seo-status-badge.missing{background:#fff5e8;color:#a86415}

.premium-editor-form{max-width:1040px!important;padding:30px!important;display:grid!important;gap:16px!important}
.editor-section-divider{margin:18px -4px 0;padding:20px 4px 8px;border-top:1px solid #e3eaed;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}
.editor-section-divider span{grid-row:1/3;width:34px;height:34px;border-radius:9px;background:#eaf9fd;color:#187b98;display:grid;place-items:center;font-size:9px;font-weight:900}
.editor-section-divider b{font-size:14px}.editor-section-divider small{font-size:9px;color:#7d8e95}
.seo-field{padding:13px 14px;border-radius:11px;background:#fbfdfe;border:1px solid #edf1f3}
.field-counter{display:block;text-align:right;margin-top:5px;color:#7b8d94;font-size:8px}.field-counter.warn{color:#b46923}
.editor-save-row{display:flex;justify-content:flex-end;gap:8px;padding-top:20px;border-top:1px solid #edf1f2;margin-top:8px}

.seo-center-heading{align-items:flex-end!important}
.seo-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.seo-overview-card{background:#fff;border:1px solid #dfe7ea;border-radius:15px;padding:18px;min-height:120px;display:flex;flex-direction:column}
.seo-overview-card span{font-size:8px;letter-spacing:.12em;font-weight:900;color:#8b9ca3}.seo-overview-card strong{font-size:22px;margin:13px 0 4px}.seo-overview-card small{font-size:9px;color:#83939a}
.admin-section-block{background:#fff;border:1px solid #dfe7ea;border-radius:16px;padding:24px;margin-bottom:18px}
.admin-section-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.admin-section-head small{color:var(--accent);letter-spacing:.13em;font-weight:900;font-size:8px}.admin-section-head h2{font-size:23px;margin:4px 0}.admin-section-head p{color:#7c8e95;font-size:11px;margin:0}
.seo-coverage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
.seo-coverage-card{border:1px solid #e4eaed;border-radius:13px;padding:15px;background:#fbfcfd;transition:.2s}
.seo-coverage-card:hover{transform:translateY(-2px);border-color:#b9dce7;background:#fff}
.seo-coverage-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.seo-coverage-top b{font-size:11px}.seo-coverage-top span{font-size:12px;font-weight:900;color:#1684a4}
.seo-progress{height:5px;border-radius:999px;background:#e9eff1;margin:13px 0 8px;overflow:hidden}.seo-progress i{display:block;height:100%;background:linear-gradient(90deg,#3ab6d7,#72d7ed);border-radius:inherit}
.seo-coverage-card small{font-size:8px;line-height:1.5;color:#819198}
.seo-center-form{display:grid!important;gap:14px!important}.seo-center-form .settings-card{border-radius:16px!important}
.seo-char-count{float:right;color:#82949b;font-size:8px;font-weight:500}.seo-char-count.warn{color:#b55b28}
.seo-tech-links{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.seo-tech-links a{font-size:9px;font-weight:800;padding:8px 10px;border:1px solid #dce6e9;border-radius:8px;background:#fff}
.premium-save-bar{justify-content:space-between!important;align-items:center!important;border:1px solid #dce6e9!important}.premium-save-bar>div{display:grid}.premium-save-bar b{font-size:11px}.premium-save-bar small{font-size:8px;color:#819198}

@media(max-width:1200px){
  .seo-overview-grid,.seo-coverage-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1000px){
  .admin-layout{grid-template-columns:210px minmax(0,1fr)!important}
  .premium-admin-side{width:210px!important}
  .admin-sidebar-compact .admin-layout{grid-template-columns:78px minmax(0,1fr)!important}
}
@media(max-width:720px){
  .admin-layout,.admin-sidebar-compact .admin-layout{display:block!important}
  .premium-admin-side,.premium-admin-side.is-compact{position:relative!important;width:100%!important;height:auto!important;padding:12px!important}
  .premium-admin-side.is-compact .admin-brand,.premium-admin-side.is-compact .admin-group-label,.premium-admin-side.is-compact .admin-group-chevron,.premium-admin-side.is-compact .admin-nav-text{display:initial}
  .premium-admin-side.is-compact .admin-nav-group summary{grid-template-columns:24px 1fr 16px;justify-items:initial}
  .premium-admin-side.is-compact nav .admin-nav-item{grid-template-columns:28px 1fr!important;justify-items:initial!important}
  .admin-nav-compact-toggle{display:none!important}
  .admin-list-toolbar{align-items:stretch;flex-direction:column}.admin-list-search{min-width:0;width:100%}
  .seo-overview-grid,.seo-coverage-grid{grid-template-columns:1fr}
  .admin-heading-actions{width:100%}.admin-heading-actions .admin-btn{flex:1}
  .premium-save-bar{align-items:stretch!important;flex-direction:column;gap:10px}.premium-save-bar .admin-btn{width:100%}
}


/* v39.15 — Maintenance Mode Admin */
.maintenance-admin-status{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid #dce6e9;border-radius:15px;background:#fff;margin-bottom:18px}
.maintenance-admin-status-dot{width:13px;height:13px;border-radius:50%;flex:0 0 13px}
.maintenance-admin-status>div:last-child{display:grid;gap:2px}.maintenance-admin-status small{font-size:8px;letter-spacing:.13em;font-weight:900;color:#84969d}.maintenance-admin-status b{font-size:15px}.maintenance-admin-status span{font-size:9px;color:#7b8e95}
.maintenance-admin-status.is-on{border-color:#bfe7d5;background:#fbfefd}.maintenance-admin-status.is-on .maintenance-admin-status-dot{background:#33b87a;box-shadow:0 0 0 6px rgba(51,184,122,.09)}
.maintenance-admin-status.is-off .maintenance-admin-status-dot{background:#98a5aa;box-shadow:0 0 0 6px rgba(130,145,151,.08)}
.maintenance-master-toggle{position:relative;min-height:78px;border:1px solid #dce6e9;border-radius:14px;padding:16px 70px 16px 16px;background:#fbfdfe;display:flex!important;align-items:center}
.maintenance-master-toggle>span{display:grid;gap:4px}.maintenance-master-toggle b{font-size:12px}.maintenance-master-toggle small{font-size:9px;color:#788b93;font-weight:400}
.maintenance-master-toggle input[type=checkbox]{appearance:none;position:absolute;right:18px;top:50%;transform:translateY(-50%);width:44px;height:24px;border-radius:999px;background:#ccd7db;cursor:pointer;transition:.2s;padding:0}
.maintenance-master-toggle input[type=checkbox]:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.16);transition:.2s}
.maintenance-master-toggle input[type=checkbox]:checked{background:#29aaca}.maintenance-master-toggle input[type=checkbox]:checked:after{transform:translateX(20px)}
.maintenance-source-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.maintenance-source-grid>div{border:1px solid #e4ebee;border-radius:11px;padding:13px;background:#fbfcfd;display:grid;gap:3px}.maintenance-source-grid small{font-size:8px!important;color:#8a9ba1!important;letter-spacing:.1em!important}.maintenance-source-grid b{font-size:10px;word-break:break-word}.maintenance-source-link{margin-top:13px}
@media(max-width:720px){.maintenance-source-grid{grid-template-columns:1fr}}


/* v39.17 — header logo, services dropdown, marquee start, media guides */
.service-index .service-marquee{position:relative;overflow:hidden!important}
.service-index .service-marquee>div{
  width:max-content!important;
  transform:translateX(100vw)!important;
  animation:serviceMarqueeFromRight 30s linear infinite!important;
  will-change:transform;
}
@keyframes serviceMarqueeFromRight{
  from{transform:translateX(100vw)}
  to{transform:translateX(-100%)}
}
.site-header .logo{
  width:210px;min-width:150px;height:58px;
  display:flex;align-items:center;justify-content:flex-start;overflow:visible
}
.site-header .logo img{
  display:block;width:auto!important;height:auto!important;
  max-width:210px!important;max-height:52px!important;
  object-fit:contain;object-position:left center
}
.site-footer .footer-logo{display:flex;align-items:center;min-height:58px}
.site-footer .footer-logo img{
  display:block;width:auto;max-width:220px;max-height:58px;
  object-fit:contain;object-position:left center
}
.site-main-nav{align-items:center}
.site-main-nav .nav-dropdown{position:relative;display:flex;align-items:center}
.site-main-nav .nav-parent{display:flex;align-items:center;gap:7px}
.site-main-nav .nav-parent>i{font-style:normal;font-size:10px;opacity:.55;transition:transform .22s ease}
.site-main-nav .nav-dropdown:hover .nav-parent>i,
.site-main-nav .nav-dropdown:focus-within .nav-parent>i{transform:rotate(180deg)}
.nav-dropdown-panel{
  position:absolute;left:50%;top:calc(100% + 19px);width:340px;
  transform:translate(-50%,10px);opacity:0;visibility:hidden;pointer-events:none;
  padding:14px;border-radius:18px;background:rgba(7,20,27,.94);
  border:1px solid rgba(255,255,255,.10);box-shadow:0 26px 70px rgba(0,0,0,.28);
  backdrop-filter:blur(20px) saturate(1.15);transition:.22s ease;z-index:80
}
.nav-dropdown-panel:before{content:"";position:absolute;left:0;right:0;top:-22px;height:24px}
.site-main-nav .nav-dropdown:hover .nav-dropdown-panel,
.site-main-nav .nav-dropdown:focus-within .nav-dropdown-panel{
  opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)
}
.nav-dropdown-head{padding:7px 8px 12px;border-bottom:1px solid rgba(255,255,255,.08);display:grid;gap:2px}
.nav-dropdown-head small{font-size:7px!important;letter-spacing:.17em;color:var(--accent)!important;font-weight:900}
.nav-dropdown-head b{font-size:14px;color:#fff}
.nav-dropdown-links{display:grid;padding:6px 0}
.site-main-nav .nav-dropdown-links>a{
  display:flex!important;align-items:center;justify-content:space-between;gap:12px;
  padding:9px 9px!important;border-radius:9px;color:#aebec5!important;
  font-size:11px!important;opacity:1!important
}
.site-main-nav .nav-dropdown-links>a:hover{background:rgba(255,255,255,.045);color:#fff!important}
.nav-dropdown-links>a i{font-style:normal;color:var(--accent);font-size:10px;opacity:.65}
.site-main-nav .nav-dropdown-all{
  display:flex!important;align-items:center;justify-content:space-between;
  margin-top:4px;padding:10px 9px 5px!important;border-top:1px solid rgba(255,255,255,.08);
  color:#d6e2e7!important;font-size:10px!important;font-weight:800;opacity:1!important
}
.media-standard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.media-standard-grid>div{border:1px solid #e1e9ec;border-radius:12px;padding:14px;background:#fbfdfe;display:grid;gap:3px}
.media-standard-grid b{font-size:10px}.media-standard-grid strong{font-size:16px;letter-spacing:-.02em;color:#17313b}
.media-standard-grid span{font-size:9px;color:#7a8d95}.media-standard-grid small{font-size:8px;color:#1b88a8!important;letter-spacing:0!important;font-weight:800}
.logo-admin-tip{display:grid;gap:3px;padding:12px 14px;border:1px solid #ccecf4;border-radius:11px;background:#f3fbfd}
.logo-admin-tip b{font-size:10px}.logo-admin-tip span{font-size:9px;color:#6f828a}
.upload-guide b{color:#193943}
@media(max-width:1000px){
  .site-header .logo{width:180px}.site-header .logo img{max-width:180px!important}
}
@media(max-width:720px){
  .site-header .logo{width:170px;height:52px}.site-header .logo img{max-width:170px!important;max-height:44px!important}
  .site-main-nav .nav-dropdown{display:block;width:100%}
  .site-main-nav .nav-parent{justify-content:center}
  .nav-dropdown-panel{
    position:static;width:min(420px,100%);margin:9px auto 4px;
    transform:none!important;opacity:1;visibility:visible;pointer-events:auto;
    background:rgba(255,255,255,.045);box-shadow:none;border-color:rgba(255,255,255,.08);
    display:none
  }
  .site-main-nav.open .nav-dropdown-panel{display:block}
  .nav-dropdown-head{text-align:left}
  .site-main-nav .nav-dropdown-links>a,.site-main-nav .nav-dropdown-all{text-align:left!important}
  .media-standard-grid{grid-template-columns:1fr}
}


/* v39.18 — standard larger header/footer logo */
.site-header .logo{
  width:255px!important;
  min-width:210px!important;
  height:66px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
.site-header .logo img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:250px!important;
  max-height:60px!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:scale(1.22);
  transform-origin:left center;
}
.site-footer .footer-logo{
  min-height:68px!important;
  display:flex!important;
  align-items:center!important;
  overflow:visible!important;
}
.site-footer .footer-logo img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:260px!important;
  max-height:64px!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:scale(1.18);
  transform-origin:left center;
}

@media(max-width:1200px){
  .site-header .logo{width:230px!important;min-width:190px!important}
  .site-header .logo img{max-width:225px!important;max-height:56px!important;transform:scale(1.18)}
}
@media(max-width:720px){
  .site-header .logo{width:190px!important;min-width:165px!important;height:56px!important}
  .site-header .logo img{max-width:185px!important;max-height:48px!important;transform:scale(1.12)}
  .site-footer .footer-logo img{max-width:220px!important;max-height:56px!important;transform:scale(1.12)}
}


/* v39.19 — asset upload + preview reliability */
.asset-preview{
  margin-top:8px;min-height:72px;border:1px solid #dce7ea;border-radius:10px;
  display:flex;align-items:center;justify-content:center;padding:10px;overflow:hidden
}
.asset-preview.dark{background:#071820}
.asset-preview.light{background:#f7fafb}
.asset-preview img{display:block;max-width:210px;max-height:58px;object-fit:contain}
.asset-preview.favicon-preview{width:78px;min-height:78px;background:#fff}
.asset-preview.favicon-preview img{max-width:48px;max-height:48px}


/* v39.20 — larger professional header/footer logo proportions */
.site-header{
  min-height:92px!important;
  padding-left:clamp(26px,3.4vw,58px)!important;
  padding-right:clamp(26px,3.4vw,58px)!important;
}
.site-header .logo{
  width:310px!important;
  min-width:245px!important;
  height:72px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
  flex:0 0 auto!important;
}
.site-header .logo img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:300px!important;
  max-height:66px!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:scale(1.34)!important;
  transform-origin:left center!important;
  filter:none!important;
}
.site-header .site-main-nav{
  margin-left:auto!important;
  margin-right:auto!important;
}
.site-header .header-actions{flex:0 0 auto!important}

/* Footer logo: visually stronger without overpowering content */
.site-footer .footer-brand{min-width:260px}
.site-footer .footer-logo{
  min-height:78px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
.site-footer .footer-logo img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:315px!important;
  max-height:72px!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:scale(1.30)!important;
  transform-origin:left center!important;
}
.site-footer .footer-brand p{margin-top:16px!important}

/* Keep header balanced on common desktop widths */
@media(max-width:1450px){
  .site-header .logo{width:280px!important;min-width:220px!important}
  .site-header .logo img{max-width:270px!important;max-height:62px!important;transform:scale(1.28)!important}
}
@media(max-width:1180px){
  .site-header{padding-left:24px!important;padding-right:24px!important}
  .site-header .logo{width:245px!important;min-width:200px!important}
  .site-header .logo img{max-width:235px!important;max-height:58px!important;transform:scale(1.22)!important}
}
@media(max-width:900px){
  .site-header .logo{width:220px!important;min-width:185px!important}
  .site-header .logo img{max-width:210px!important;max-height:54px!important;transform:scale(1.18)!important}
}
@media(max-width:720px){
  .site-header{min-height:78px!important}
  .site-header .logo{width:190px!important;min-width:160px!important;height:58px!important}
  .site-header .logo img{max-width:184px!important;max-height:48px!important;transform:scale(1.12)!important}
  .site-footer .footer-logo{min-height:66px!important}
  .site-footer .footer-logo img{max-width:245px!important;max-height:60px!important;transform:scale(1.14)!important}
}


/* v39.21 — MSS Core admin module */
.mss-core-hero{margin-bottom:18px;min-height:250px;border-radius:22px;padding:34px;display:flex;justify-content:space-between;gap:30px;align-items:center;color:#fff;background:radial-gradient(circle at 80% 30%,rgba(85,199,232,.22),transparent 28%),linear-gradient(135deg,#071820,#0a2631);border:1px solid rgba(85,199,232,.13);overflow:hidden}
.mss-core-hero small{font-size:8px;letter-spacing:.16em;color:#6bd5ef;font-weight:900}.mss-core-hero h2{font-size:34px;margin:8px 0 12px}.mss-core-hero p{max-width:690px;color:#9fb6bf;font-size:11px}.mss-core-orb{width:132px;height:132px;border-radius:50%;display:grid;place-content:center;text-align:center;flex:0 0 132px;border:1px solid rgba(108,219,245,.35);box-shadow:0 0 0 24px rgba(85,199,232,.035),0 0 0 48px rgba(85,199,232,.018);background:radial-gradient(circle,rgba(85,199,232,.14),transparent 65%)}.mss-core-orb span{font-size:42px;line-height:1;font-weight:900}.mss-core-orb small{margin-top:7px}
.stat-word{font-size:20px!important;letter-spacing:-.5px!important}.mss-core-sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mss-core-sector-card{border:1px solid #e2eaed;border-radius:12px;padding:12px;background:#fbfdfe;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center}.mss-core-sector-card:hover{background:#fff;border-color:#b8dce7;transform:translateY(-1px)}.sector-code{width:36px;height:36px;border-radius:10px;background:#071820;color:#64d1ea;display:grid;place-items:center;font-size:8px;font-weight:900}.mss-core-sector-card b{display:block;font-size:10px}.mss-core-sector-card small{font-size:8px;color:#82939a;letter-spacing:0!important}.mss-core-sector-card i{font-style:normal;color:#39ae78;font-size:10px}
.mss-core-sector-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mss-core-sector-admin-card{background:#fff;border:1px solid #dfe7ea;border-radius:15px;padding:17px;display:flex;flex-direction:column;min-height:220px}.core-sector-top{display:flex;justify-content:space-between;align-items:center}.mss-core-sector-admin-card>small{margin-top:16px;font-size:8px!important;letter-spacing:.12em!important}.mss-core-sector-admin-card h3{font-size:18px;margin:4px 0 8px}.mss-core-sector-admin-card p{font-size:10px;color:#71848c;line-height:1.55}.core-sector-meta{display:flex;align-items:center;gap:8px;margin-top:auto;margin-bottom:12px}.core-sector-meta span{font-size:8px;padding:5px 8px;border-radius:999px;background:#f1f5f7}.core-sector-meta i{width:10px;height:10px;border-radius:50%}.core-tier{display:inline-flex;border-radius:999px;padding:5px 8px;background:#eef9fc;color:#197b96;font-size:8px;font-weight:900}
.form-three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:1200px){.mss-core-sector-grid{grid-template-columns:repeat(3,1fr)}.mss-core-sector-admin-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.mss-core-hero{align-items:flex-start;flex-direction:column}.mss-core-sector-grid,.mss-core-sector-admin-grid{grid-template-columns:1fr 1fr}.form-three{grid-template-columns:1fr}.mss-core-orb{width:105px;height:105px;flex-basis:105px}}
@media(max-width:560px){.mss-core-sector-grid,.mss-core-sector-admin-grid{grid-template-columns:1fr}}


/* v39.22 — MSS Core Premium Demo Studio */
.mss-demo-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.mss-demo-admin-card{border:1px solid #dfe7ea;border-radius:16px;background:#fff;overflow:hidden}.mss-demo-preview-mini{height:170px;padding:18px;position:relative;overflow:hidden;background:#071820;color:#fff}.mss-demo-preview-mini.light{background:#eef4f6;color:#101820}.mss-demo-preview-mini:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:18px;top:10px;border:1px solid color-mix(in srgb,var(--demo-accent) 55%,transparent);box-shadow:0 0 0 28px color-mix(in srgb,var(--demo-accent) 5%,transparent)}.mss-demo-preview-mini span{position:absolute;left:18px;top:18px;width:38px;height:4px;border-radius:999px;background:var(--demo-accent)}.mss-demo-preview-mini i{position:absolute;width:10px;height:10px;border-radius:50%;right:56px;top:78px;background:var(--demo-accent);box-shadow:0 0 18px var(--demo-accent)}.mss-demo-preview-mini b{display:block;position:absolute;left:18px;bottom:52px;font-size:20px;letter-spacing:-.04em;max-width:70%}.mss-demo-preview-mini small{position:absolute;left:18px;bottom:20px;max-width:70%;font-size:8px!important;color:#91a8b1!important;letter-spacing:0!important}.mss-demo-preview-mini.light small{color:#6f8087!important}.mss-demo-admin-body{padding:16px}.mss-demo-admin-body h3{margin:2px 0 8px;font-size:17px}.mss-demo-admin-body p{font-size:9px;color:#71848c;line-height:1.55;min-height:42px}
@media(max-width:1200px){.mss-demo-admin-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.mss-demo-admin-grid{grid-template-columns:1fr}}


/* v39.24 — Custom Web Development premium service page */
.nav-dropdown-featured{margin:2px 0 8px!important;padding:12px!important;border:1px solid rgba(85,199,232,.18)!important;border-radius:12px!important;background:linear-gradient(135deg,rgba(85,199,232,.12),rgba(85,199,232,.025))!important;display:flex!important;align-items:center!important;justify-content:space-between!important;color:#fff!important}
.nav-dropdown-featured span{display:grid;gap:2px}.nav-dropdown-featured small{font-size:6px!important;letter-spacing:.17em!important;color:#67d6ef!important;font-weight:900}.nav-dropdown-featured b{font-size:10px!important}.nav-dropdown-featured i{font-style:normal;color:#67d6ef}

.custom-web-page{background:#f4f7f8;color:#101820;overflow:hidden}.custom-web-hero{min-height:820px;padding:clamp(70px,8vw,120px) clamp(24px,5vw,82px);display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;background:radial-gradient(circle at 78% 34%,rgba(85,199,232,.14),transparent 27%),linear-gradient(180deg,#06151c 0%,#071b24 100%);color:#fff;position:relative}.custom-web-hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(85,199,232,.25),transparent)}
.custom-web-kicker{display:flex;align-items:center;gap:10px}.custom-web-kicker span{width:28px;height:1px;background:#55c7e8}.custom-web-kicker small{font-size:8px;letter-spacing:.18em;color:#62d3ed;font-weight:900}.custom-web-hero h1{font-size:clamp(58px,6.2vw,96px);line-height:.91;letter-spacing:-.07em;margin:26px 0 30px;max-width:980px}.custom-web-hero h1 em{font-style:normal;color:#58c9e9}.custom-web-hero-copy>p{max-width:720px;color:#a9bec7;font-size:16px;line-height:1.72}.custom-web-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.custom-web-actions .btn{border-radius:999px!important;padding:15px 21px!important}.custom-web-actions .primary{background:#55c7e8!important;color:#06151c!important}.custom-web-actions .secondary{background:transparent!important;color:#d4e0e4!important;border-color:rgba(255,255,255,.18)!important}.custom-web-proofline{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:55px;border-top:1px solid rgba(255,255,255,.08);max-width:680px}.custom-web-proofline span{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:9px;color:#90a8b1}.custom-web-proofline span:before{content:"✦";color:#55c7e8;margin-right:8px}

.custom-web-system-visual{height:620px;position:relative;display:grid;place-items:center}.system-window{width:min(620px,92%);border:1px solid rgba(134,223,244,.18);border-radius:22px;background:rgba(4,16,22,.72);box-shadow:0 40px 120px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(18px);position:relative;z-index:4;overflow:hidden;transform:perspective(1100px) rotateY(-5deg) rotateX(2deg)}.system-window-top{height:44px;display:flex;align-items:center;gap:6px;padding:0 13px;border-bottom:1px solid rgba(255,255,255,.07)}.system-window-top i{width:6px;height:6px;border-radius:50%;background:#32515d}.system-window-top span{margin-left:auto;font-size:6px;letter-spacing:.16em;color:#66818b}.system-body{display:grid;grid-template-columns:118px 1fr;min-height:390px}.system-body aside{padding:18px 10px;border-right:1px solid rgba(255,255,255,.06);display:grid;align-content:start;gap:5px}.system-body aside b{font-size:6px;color:#5dcfe9;letter-spacing:.15em;margin:4px 7px 10px}.system-body aside span{font-size:7px;color:#6e8993;padding:8px;border-radius:6px}.system-body aside span.active{background:rgba(85,199,232,.10);color:#c5e9f2}.system-content{padding:24px}.system-head{display:grid;gap:6px}.system-head small{color:#57cbe8;font-size:6px;letter-spacing:.15em}.system-head strong{font-size:20px}.system-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.system-stats i{height:58px;border-radius:9px;background:linear-gradient(145deg,rgba(85,199,232,.12),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06)}.system-panels{display:grid;grid-template-columns:1.3fr .7fr;gap:8px}.system-panels div{height:130px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:repeating-linear-gradient(180deg,rgba(255,255,255,.025) 0 1px,transparent 1px 20px)}.system-code{margin-top:10px;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:10px;display:flex;justify-content:space-between;font-size:6px;color:#607c87}.system-code b{color:#68cde5}.system-orbit{position:absolute;border-radius:50%;border:1px solid rgba(85,199,232,.18);animation:customWebSpin 20s linear infinite}.orbit-one{width:560px;height:560px}.orbit-two{width:420px;height:420px;border-style:dashed;animation-duration:14s;animation-direction:reverse}@keyframes customWebSpin{to{transform:rotate(360deg)}}.system-chip{position:absolute;z-index:5;border:1px solid rgba(100,215,241,.22);background:rgba(7,26,34,.82);border-radius:999px;padding:8px 11px;color:#8fdff1;font-size:7px;letter-spacing:.1em;box-shadow:0 8px 30px rgba(0,0,0,.2)}.chip-a{top:15%;right:2%}.chip-b{bottom:17%;left:3%}.chip-c{bottom:8%;right:12%}

.custom-web-statement{padding:105px clamp(24px,6vw,100px);display:grid;grid-template-columns:.32fr 1fr;gap:70px;background:#f4f7f8}.custom-web-statement>small,.custom-web-section-head small,.custom-web-core-copy>small,.custom-web-delivery>div>small,.custom-web-pricing small,.custom-web-final-cta small{font-size:8px;letter-spacing:.17em;color:#258bab;font-weight:900}.custom-web-statement h2,.custom-web-section-head h2,.custom-web-core h2,.custom-web-delivery h2,.custom-web-pricing h2,.custom-web-final-cta h2{font-size:clamp(42px,5vw,70px);line-height:.98;letter-spacing:-.055em;margin:0}.custom-web-statement h2 em,.custom-web-section-head h2 em,.custom-web-core h2 em,.custom-web-delivery h2 em,.custom-web-pricing h2 em,.custom-web-final-cta h2 em{font-style:normal;color:#35a9c9}.custom-web-statement p{max-width:780px;font-size:16px;line-height:1.75;color:#687b83;margin:28px 0 0}

.custom-web-process{padding:110px clamp(24px,6vw,100px);background:#fff}.custom-web-section-head{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:55px}.custom-web-section-head>div small{display:block;margin-bottom:16px}.custom-web-section-head>p{max-width:450px;color:#75878e;font-size:11px;line-height:1.65}.custom-web-process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dce6e9}.custom-web-process-grid article{min-height:265px;padding:24px 22px;border-right:1px solid #e3e9eb;border-bottom:1px solid #e3e9eb}.custom-web-process-grid article:nth-child(4n){border-right:0}.custom-web-process-grid span{font-size:9px;color:#2ba1c2;font-weight:900}.custom-web-process-grid h3{font-size:19px;line-height:1.15;margin:48px 0 13px;letter-spacing:-.03em}.custom-web-process-grid p{font-size:10px;line-height:1.65;color:#75868d}

.custom-web-core{padding:115px clamp(24px,6vw,100px);display:grid;grid-template-columns:1fr .9fr;gap:80px;background:#071820;color:#fff;align-items:center}.custom-web-core-copy>small{display:block;margin-bottom:17px}.custom-web-core-copy>p{font-size:14px;color:#93aab3;line-height:1.7;max-width:650px;margin:25px 0 38px}.custom-web-core-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.08)}.custom-web-core-list div{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08);display:grid;gap:4px}.custom-web-core-list div:nth-child(odd){padding-right:18px}.custom-web-core-list b{font-size:10px}.custom-web-core-list span{font-size:8px;color:#69848e}.custom-web-core-stack{border:1px solid rgba(85,199,232,.16);border-radius:24px;padding:14px;background:rgba(255,255,255,.025);box-shadow:0 35px 100px rgba(0,0,0,.2)}.core-stack-line{min-height:60px;border-bottom:1px solid rgba(255,255,255,.06);display:grid;grid-template-columns:45px 1fr auto;align-items:center;padding:0 14px}.core-stack-line span{font-size:8px;color:#56717c}.core-stack-line b{font-size:10px;letter-spacing:.08em}.core-stack-line i{font-style:normal;color:#53d1a0;font-size:7px}.core-stack-status{margin:15px 5px 4px;display:flex;align-items:center;gap:8px;color:#78949e;font-size:8px}.core-stack-status span{width:7px;height:7px;border-radius:50%;background:#55c7e8;box-shadow:0 0 12px rgba(85,199,232,.6)}

.custom-web-quality{padding:110px clamp(24px,6vw,100px);background:#eef3f5}.custom-web-quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.custom-web-quality-grid article{background:#fff;border:1px solid #dfe7ea;border-radius:18px;padding:24px;min-height:210px}.custom-web-quality-grid span{font-size:8px;color:#31a5c5}.custom-web-quality-grid h3{font-size:22px;margin:42px 0 12px}.custom-web-quality-grid p{font-size:10px;color:#71838a;line-height:1.65}

.custom-web-delivery{padding:110px clamp(24px,6vw,100px);background:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.custom-web-delivery>div>small{display:block;margin-bottom:16px}.custom-web-delivery-list{border-top:1px solid #dce5e8}.custom-web-delivery-list div{min-height:72px;display:grid;grid-template-columns:55px 1fr;align-items:center;border-bottom:1px solid #e2e8ea}.custom-web-delivery-list span{font-size:8px;color:#339cba}.custom-web-delivery-list b{font-size:13px;font-weight:700}

.custom-web-pricing{margin:0 clamp(24px,6vw,100px) 110px;border:1px solid #dce6e9;border-radius:26px;background:#f4f7f8;padding:45px;display:grid;grid-template-columns:190px 1fr;gap:45px;align-items:center}.custom-web-pricing-mark{width:160px;height:160px;border-radius:50%;border:1px solid #97d4e4;display:grid;place-content:center;text-align:center;color:#258dab;font-size:18px;font-weight:900;letter-spacing:.06em;box-shadow:0 0 0 22px rgba(85,199,232,.05)}.custom-web-pricing h2{font-size:clamp(34px,4vw,52px);margin:12px 0 18px}.custom-web-pricing p{max-width:800px;color:#6c7e85;font-size:11px;line-height:1.7}

.custom-web-final-cta{margin:0 clamp(24px,4vw,68px) 70px;border-radius:34px;padding:70px clamp(30px,5vw,72px);display:flex;align-items:flex-end;justify-content:space-between;gap:55px;background:radial-gradient(circle at 85% 20%,rgba(85,199,232,.16),transparent 30%),#071820;color:#fff}.custom-web-final-cta small{display:block;margin-bottom:15px}.custom-web-final-cta p{max-width:700px;color:#8da6af;font-size:12px;line-height:1.7;margin:24px 0 0}.custom-web-big-cta{width:190px;height:190px;border-radius:50%;background:#55c7e8;color:#06151c;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:12px;font-weight:900;flex:0 0 190px;transition:.25s}.custom-web-big-cta span{margin-top:10px;font-size:18px}.custom-web-big-cta:hover{transform:scale(1.04) rotate(-2deg)}

@media(max-width:1100px){.custom-web-hero,.custom-web-core{grid-template-columns:1fr}.custom-web-system-visual{height:540px}.custom-web-process-grid{grid-template-columns:repeat(2,1fr)}.custom-web-process-grid article:nth-child(4n){border-right:1px solid #e3e9eb}.custom-web-process-grid article:nth-child(2n){border-right:0}.custom-web-quality-grid{grid-template-columns:1fr 1fr}.custom-web-delivery{grid-template-columns:1fr;gap:50px}}
@media(max-width:760px){.custom-web-hero{padding-top:65px;min-height:auto}.custom-web-hero h1{font-size:50px}.custom-web-system-visual{height:430px}.system-window{width:100%}.system-body{grid-template-columns:90px 1fr}.system-content{padding:16px}.system-orbit{display:none}.custom-web-statement{grid-template-columns:1fr;gap:25px;padding-top:75px;padding-bottom:75px}.custom-web-section-head{align-items:flex-start;flex-direction:column}.custom-web-process-grid,.custom-web-quality-grid{grid-template-columns:1fr}.custom-web-process-grid article,.custom-web-process-grid article:nth-child(2n),.custom-web-process-grid article:nth-child(4n){border-right:0}.custom-web-core-list{grid-template-columns:1fr}.custom-web-pricing{grid-template-columns:1fr;padding:30px}.custom-web-pricing-mark{width:120px;height:120px;font-size:14px}.custom-web-final-cta{align-items:flex-start;flex-direction:column}.custom-web-big-cta{width:150px;height:150px;flex-basis:150px}.custom-web-proofline{grid-template-columns:1fr}}


/* v39.25 — truthful demo content + premium custom web */
.custom-web-page a:hover,.custom-web-page a:focus{color:#55c7e8!important}.custom-web-page .btn.primary:hover{color:#06151c!important}
.custom-web-page .btn.secondary{background:rgba(255,255,255,.07)!important;color:#eefbff!important;border:1px solid rgba(111,220,245,.38)!important;box-shadow:inset 0 1px rgba(255,255,255,.07),0 8px 28px rgba(0,0,0,.12)}
.custom-web-page .btn.secondary:hover{background:rgba(85,199,232,.15)!important;color:#fff!important;border-color:rgba(85,199,232,.65)!important}
.custom-web-process{background:linear-gradient(180deg,#fff,#f3f7f8)}.custom-web-process-grid{gap:12px;border:0;position:relative}.custom-web-process-grid:before{content:"";position:absolute;left:2%;right:2%;top:32px;height:1px;background:linear-gradient(90deg,transparent,#7dcfe4 12%,#7dcfe4 88%,transparent);opacity:.5}
.custom-web-process-grid article{position:relative;z-index:1;border:1px solid #dfe8eb!important;border-radius:20px!important;background:rgba(255,255,255,.88);box-shadow:0 16px 50px rgba(17,43,53,.045);min-height:290px!important;transition:.25s}.custom-web-process-grid article:hover{transform:translateY(-6px);border-color:#b9dce7!important;box-shadow:0 24px 60px rgba(17,43,53,.09)}.custom-web-process-grid article>span{width:42px;height:42px;border-radius:50%;background:#071820;color:#69d5ee;display:grid;place-items:center;box-shadow:0 0 0 8px #f4f8f9}.custom-web-process-grid h3{margin-top:54px!important}
.custom-web-core{background:radial-gradient(circle at 72% 45%,rgba(85,199,232,.12),transparent 28%),linear-gradient(145deg,#06151c,#08212b);overflow:hidden}.custom-core-slider{min-width:0;position:relative}.core-slider-stage{position:relative;min-height:545px}.core-slider-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(28px) scale(.985);transition:.55s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column}.core-slider-slide.active{opacity:1;visibility:visible;transform:none}.core-slider-media{height:405px;position:relative;border-radius:26px;overflow:hidden;border:1px solid rgba(122,220,243,.20);background:#061117;box-shadow:0 36px 100px rgba(0,0,0,.34);transform:perspective(1100px) rotateY(-3deg) rotateX(1deg)}.core-slider-media img,.core-slider-media video{width:100%;height:100%;object-fit:cover;position:relative;z-index:2}.core-depth-layer{position:absolute;border:1px solid rgba(85,199,232,.14);border-radius:26px;inset:18px -18px -18px 18px}.depth-b{inset:36px -36px -36px 36px;opacity:.45}.core-slider-copy{padding:22px 5px 0;display:grid;grid-template-columns:auto 1fr;gap:5px 18px}.core-slider-copy small{grid-row:1/3;font-size:8px;color:#5bc8e2}.core-slider-copy h3{font-size:22px;margin:0}.core-slider-copy p{font-size:9px;line-height:1.6;color:#7f9aa4;margin:4px 0 0}.core-slider-controls{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.core-slider-controls>button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(85,199,232,.24);background:rgba(255,255,255,.03);color:#9ee7f5;cursor:pointer}.core-slider-dots{display:flex;gap:7px}.core-slider-dots button{width:26px;height:3px;border:0;border-radius:999px;background:rgba(255,255,255,.13);padding:0}.core-slider-dots button.active{background:#55c7e8}.core-slider-empty{height:420px;border:1px dashed rgba(85,199,232,.25);border-radius:24px;display:grid;place-items:center;color:#71919d;font-size:10px}
@media(max-width:760px){.core-slider-stage{min-height:460px}.core-slider-media{height:320px;transform:none}.custom-web-process-grid:before{display:none}}


/* v39.26 — services dropdown hover/readability fix */
.site-header .nav-dropdown-panel,
.site-header .nav-dropdown-panel *{box-sizing:border-box}

.site-header .nav-dropdown-panel a,
.site-header .nav-dropdown-panel a:link,
.site-header .nav-dropdown-panel a:visited,
.site-header .nav-dropdown-panel .nav-dropdown-links>a,
.site-header .nav-dropdown-panel .nav-dropdown-all,
.site-header .nav-dropdown-panel .nav-dropdown-featured{
  color:#dcecf1!important;
  text-decoration:none!important;
  -webkit-text-fill-color:currentColor!important;
}

.site-header .nav-dropdown-panel .nav-dropdown-links>a span,
.site-header .nav-dropdown-panel .nav-dropdown-all,
.site-header .nav-dropdown-panel .nav-dropdown-featured span,
.site-header .nav-dropdown-panel .nav-dropdown-featured b{
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
}

.site-header .nav-dropdown-panel .nav-dropdown-links>a i,
.site-header .nav-dropdown-panel .nav-dropdown-featured i,
.site-header .nav-dropdown-panel .nav-dropdown-all span{
  color:#55c7e8!important;
  -webkit-text-fill-color:#55c7e8!important;
}

.site-header .nav-dropdown-panel .nav-dropdown-links>a:hover,
.site-header .nav-dropdown-panel .nav-dropdown-links>a:focus-visible,
.site-header .nav-dropdown-panel .nav-dropdown-all:hover,
.site-header .nav-dropdown-panel .nav-dropdown-all:focus-visible,
.site-header .nav-dropdown-panel .nav-dropdown-featured:hover,
.site-header .nav-dropdown-panel .nav-dropdown-featured:focus-visible{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:rgba(85,199,232,.10)!important;
  border-color:rgba(85,199,232,.26)!important;
  outline:none!important;
}

.site-header .nav-dropdown-panel .nav-dropdown-links>a:hover span,
.site-header .nav-dropdown-panel .nav-dropdown-links>a:focus-visible span,
.site-header .nav-dropdown-panel .nav-dropdown-all:hover,
.site-header .nav-dropdown-panel .nav-dropdown-all:focus-visible,
.site-header .nav-dropdown-panel .nav-dropdown-featured:hover b,
.site-header .nav-dropdown-panel .nav-dropdown-featured:focus-visible b{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

.site-header .nav-dropdown-panel .nav-dropdown-links>a:hover i,
.site-header .nav-dropdown-panel .nav-dropdown-links>a:focus-visible i,
.site-header .nav-dropdown-panel .nav-dropdown-featured:hover i,
.site-header .nav-dropdown-panel .nav-dropdown-featured:focus-visible i,
.site-header .nav-dropdown-panel .nav-dropdown-all:hover span,
.site-header .nav-dropdown-panel .nav-dropdown-all:focus-visible span{
  color:#76def5!important;
  -webkit-text-fill-color:#76def5!important;
}

.site-header .nav-dropdown-featured small{
  color:#67d6ef!important;
  -webkit-text-fill-color:#67d6ef!important;
}

.site-header .nav-dropdown-panel .nav-dropdown-head b{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

body:not(.dark-header) .site-header .nav-dropdown-panel a:hover,
body:not(.dark-header) .site-header .nav-dropdown-panel a:focus,
body:not(.dark-header) .site-header .nav-dropdown-panel a:active{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}


/* v39.27 — scroll-driven stacked project showcase */
.project-stack-section{
  position:relative;
  padding:clamp(80px,9vw,135px) clamp(24px,6vw,96px) 0;
  background:
    radial-gradient(circle at 74% 34%,rgba(85,199,232,.075),transparent 31%),
    linear-gradient(180deg,#f7f9fa 0%,#eef3f5 100%);
  overflow:clip;
}
.project-stack-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:45px;
  max-width:1480px;margin:0 auto 42px;
  position:relative;z-index:5;
}
.project-stack-head small{
  font-size:8px;letter-spacing:.18em;font-weight:900;color:#248eac
}
.project-stack-head h2{
  margin:12px 0 15px;font-size:clamp(48px,6vw,86px);line-height:.91;letter-spacing:-.065em
}
.project-stack-head h2 em{font-style:normal;color:#35aac9}
.project-stack-head p{
  max-width:580px;color:#6f8188;font-size:11px;line-height:1.65;margin:0
}
.project-stack-all{
  flex:0 0 auto;display:flex;align-items:center;gap:15px;
  padding:12px 16px;border:1px solid #cfdcdf;border-radius:999px;
  color:#26383f;font-size:9px;font-weight:800;background:rgba(255,255,255,.62);
  backdrop-filter:blur(12px);transition:.25s
}
.project-stack-all:hover{background:#071820!important;color:#fff!important;border-color:#071820}
.project-stack-all span{color:#2c9fbe}

.project-stack-scene{
  position:relative;
  height:calc(100vh + (var(--project-stack-steps, 3) * 76vh));
  min-height:1200px;
  margin:0 calc(clamp(24px,6vw,96px) * -1);
}
.project-stack-pin{
  position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;
  overflow:hidden;padding:110px clamp(24px,5vw,78px) 50px;
}
.project-stack-stage{
  position:relative;width:min(1180px,82vw);height:min(650px,68vh);
  perspective:1600px;
}
.project-stack-card{
  --stack-x:0px;--stack-y:0px;--stack-scale:1;--stack-rot:0deg;--stack-opacity:1;
  position:absolute;inset:0;display:grid;grid-template-rows:minmax(0,1fr) auto;
  border-radius:34px;overflow:hidden;background:#fff;
  border:1px solid rgba(25,48,57,.13);
  box-shadow:0 35px 90px rgba(24,48,58,.16);
  transform:
    translate3d(var(--stack-x),var(--stack-y),0)
    rotate(var(--stack-rot))
    scale(var(--stack-scale));
  opacity:var(--stack-opacity);
  transform-origin:50% 88%;
  transition:box-shadow .25s ease,border-color .25s ease;
  will-change:transform,opacity;
  color:#101820;
}
.project-stack-card:hover{
  color:#101820!important;border-color:rgba(41,157,188,.32);
  box-shadow:0 44px 110px rgba(20,47,58,.22)
}
.project-stack-card:focus-visible{outline:2px solid #55c7e8;outline-offset:5px}
.project-stack-media{position:relative;min-height:0;background:#071820;overflow:hidden}
.project-stack-media img,.project-stack-media video,.project-stack-media model-viewer{
  width:100%;height:100%;display:block;object-fit:cover
}
.project-stack-media model-viewer{--poster-color:#071820;background:#071820}
.project-stack-media-shade{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(4,13,18,.02) 45%,rgba(4,13,18,.34) 100%)
}
.project-stack-index{
  position:absolute;left:26px;top:24px;width:38px;height:38px;border-radius:50%;
  display:grid;place-items:center;background:rgba(7,24,32,.76);border:1px solid rgba(255,255,255,.18);
  color:#fff;font-size:8px;font-weight:900;backdrop-filter:blur(12px)
}
.project-stack-demo{
  position:absolute;right:24px;top:24px;padding:7px 10px;border-radius:999px;
  color:#071820;background:#78def4;font-size:7px;font-weight:900;letter-spacing:.09em
}
.project-stack-fallback{
  width:100%;height:100%;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 40%,rgba(85,199,232,.18),transparent 34%),#071820
}
.project-stack-fallback span{font-size:clamp(35px,6vw,90px);font-weight:900;letter-spacing:-.07em;color:#d9eff4}
.project-stack-meta{
  min-height:118px;padding:22px 28px 24px;display:flex;align-items:center;justify-content:space-between;gap:25px;
  background:linear-gradient(180deg,#fff,#f4f7f8)
}
.project-stack-meta small{font-size:8px;letter-spacing:.15em;color:#278fac;font-weight:900}
.project-stack-meta h3{font-size:clamp(20px,2.1vw,31px);letter-spacing:-.04em;margin:5px 0 0}
.project-stack-type{display:flex;align-items:center;gap:13px;flex:0 0 auto}
.project-stack-type span{font-size:8px;color:#75868d;letter-spacing:.13em;font-weight:800}
.project-stack-type i{
  width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  border:1px solid #cddade;color:#2797b5;font-style:normal;font-size:13px
}

.project-stack-progress{
  position:absolute;right:clamp(18px,3.2vw,52px);top:50%;transform:translateY(-50%);
  width:2px;height:170px;background:rgba(20,49,60,.12);border-radius:999px;overflow:hidden
}
.project-stack-progress span{
  display:block;width:100%;height:100%;background:#279dbc;transform:scaleY(0);transform-origin:top
}
.project-stack-hint{
  position:absolute;left:clamp(18px,3.2vw,52px);bottom:28px;
  display:flex;align-items:center;gap:9px;color:#71848c;font-size:7px;letter-spacing:.13em;font-weight:800
}
.project-stack-hint i{
  width:28px;height:28px;border:1px solid #cbdadd;border-radius:50%;display:grid;place-items:center;
  color:#258eab;font-style:normal
}
.project-stack-empty{
  height:100%;display:grid;place-items:center;border:1px dashed #cbdadd;border-radius:30px;
  color:#768990;background:rgba(255,255,255,.55);font-size:12px
}

@media(max-width:900px){
  .project-stack-head{align-items:flex-start;flex-direction:column}
  .project-stack-scene{height:auto!important;min-height:0;margin:0;padding:0 0 70px}
  .project-stack-pin{position:relative;height:auto;display:block;overflow:visible;padding:0}
  .project-stack-stage{width:100%;height:auto;display:grid;gap:18px}
  .project-stack-card{
    position:relative;inset:auto;height:560px;transform:none!important;opacity:1!important;
    border-radius:26px
  }
  .project-stack-progress,.project-stack-hint{display:none}
}
@media(max-width:620px){
  .project-stack-section{padding-left:18px;padding-right:18px}
  .project-stack-card{height:470px}
  .project-stack-meta{min-height:105px;padding:18px}
  .project-stack-meta h3{font-size:21px}
  .project-stack-type span{display:none}
  .project-stack-index{left:17px;top:17px}
  .project-stack-demo{right:17px;top:17px}
}


/* v39.28 — project stack lock duration + whitespace repair */
.project-stack-section{
  padding-bottom:0!important;
}
.project-stack-scene{
  /* JS supplies --project-stack-distance from the actual number of cards. */
  height:calc(100vh + var(--project-stack-distance, 240vh))!important;
  min-height:0!important;
  margin-bottom:0!important;
}
.project-stack-pin{
  top:92px!important;
  height:calc(100vh - 92px)!important;
  min-height:620px;
  padding-top:28px!important;
  padding-bottom:26px!important;
}
.project-stack-stage{
  height:min(650px,calc(100vh - 180px))!important;
  max-height:650px;
}
.project-stack-hint{
  bottom:18px!important;
}
.project-stack-progress{
  height:min(190px,28vh)!important;
}

/* Once the sticky sequence is finished there is no artificial spacer below it. */
.project-stack-section + .work-media-section,
.project-stack-section + section{
  margin-top:0!important;
}

@media(max-width:900px){
  .project-stack-scene{
    height:auto!important;
    min-height:0!important;
    margin-bottom:0!important;
  }
  .project-stack-pin{
    top:auto!important;
    height:auto!important;
    min-height:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  .project-stack-stage{
    height:auto!important;
    max-height:none!important;
  }
}


/* v39.29 — wheel-controlled project deck; no artificial scroll spacer */
.project-stack-section{
  padding-bottom:clamp(70px,8vw,110px)!important;
  overflow:visible!important;
}
.project-stack-scene{
  height:auto!important;
  min-height:0!important;
  margin:0 calc(clamp(24px,6vw,96px) * -1)!important;
  padding:0 clamp(24px,6vw,96px)!important;
}
.project-stack-pin{
  position:relative!important;
  top:auto!important;
  height:auto!important;
  min-height:0!important;
  padding:18px 0 54px!important;
  overflow:visible!important;
}
.project-stack-stage{
  width:min(1180px,82vw)!important;
  height:min(650px,68vh)!important;
  min-height:520px;
  max-height:650px!important;
  margin:0 auto;
  perspective:1600px;
  cursor:ns-resize;
  touch-action:pan-x;
}
.project-stack-stage.is-wheel-locked{
  cursor:grabbing;
}
.project-stack-progress{
  position:absolute!important;
  right:clamp(6px,2vw,24px)!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:2px!important;
  height:150px!important;
}
.project-stack-hint{
  position:relative!important;
  left:auto!important;
  bottom:auto!important;
  width:min(1180px,82vw);
  margin:18px auto 0;
}
.project-stack-card{
  transition:
    transform .72s cubic-bezier(.2,.74,.18,1),
    opacity .52s ease,
    box-shadow .25s ease,
    border-color .25s ease!important;
}
.project-stack-card.is-before{
  --stack-x:-112%!important;
  --stack-y:-24px!important;
  --stack-scale:.93!important;
  --stack-rot:-7deg!important;
  --stack-opacity:0!important;
  pointer-events:none!important;
}
.project-stack-card.is-active{
  --stack-x:0px!important;
  --stack-y:0px!important;
  --stack-scale:1!important;
  --stack-rot:0deg!important;
  --stack-opacity:1!important;
  pointer-events:auto!important;
}
.project-stack-card.is-after-1{
  --stack-x:20px!important;
  --stack-y:27px!important;
  --stack-scale:.96!important;
  --stack-rot:1.15deg!important;
  --stack-opacity:1!important;
}
.project-stack-card.is-after-2{
  --stack-x:40px!important;
  --stack-y:54px!important;
  --stack-scale:.92!important;
  --stack-rot:2.3deg!important;
  --stack-opacity:.92!important;
}
.project-stack-card.is-after-3{
  --stack-x:58px!important;
  --stack-y:78px!important;
  --stack-scale:.885!important;
  --stack-rot:3.2deg!important;
  --stack-opacity:.62!important;
  pointer-events:none!important;
}
.project-stack-card.is-deep{
  --stack-x:70px!important;
  --stack-y:92px!important;
  --stack-scale:.86!important;
  --stack-rot:4deg!important;
  --stack-opacity:0!important;
  pointer-events:none!important;
}
.project-stack-progress span{
  transition:transform .45s cubic-bezier(.2,.7,.2,1)!important;
}

@media(max-width:900px){
  .project-stack-section{padding-bottom:70px!important}
  .project-stack-scene{
    margin:0!important;
    padding:0!important;
  }
  .project-stack-stage{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    cursor:auto!important;
    touch-action:auto!important;
  }
  .project-stack-card{
    transition:none!important;
  }
}


/* v39.30 — centered project viewport, premium wheel deck and delicate shadow */
.project-stack-section{
  position:relative;
  padding:clamp(68px,7vw,105px) clamp(24px,6vw,96px) clamp(72px,7vw,105px)!important;
  scroll-margin-top:92px;
}
.project-stack-head{
  margin-bottom:24px!important;
}
.project-stack-scene{
  min-height:calc(100vh - 116px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding-top:10px!important;
  padding-bottom:20px!important;
}
.project-stack-pin{
  width:100%;
  display:grid!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;
  justify-items:center!important;
  gap:24px!important;
  padding:0!important;
}
.project-stack-stage{
  width:min(1160px,80vw)!important;
  height:min(610px,64vh)!important;
  min-height:500px!important;
  max-height:610px!important;
  margin:0 auto!important;
  cursor:ns-resize!important;
}
.project-stack-card{
  border:1px solid rgba(19,45,55,.095)!important;
  box-shadow:
    0 14px 34px rgba(22,46,56,.075),
    0 3px 10px rgba(22,46,56,.045)!important;
}
.project-stack-card:hover{
  border-color:rgba(48,155,184,.20)!important;
  box-shadow:
    0 18px 42px rgba(20,47,58,.095),
    0 4px 12px rgba(20,47,58,.045)!important;
}
.project-stack-card.is-after-1{
  box-shadow:
    0 12px 28px rgba(20,47,58,.055),
    0 2px 7px rgba(20,47,58,.035)!important;
}
.project-stack-card.is-after-2,
.project-stack-card.is-after-3{
  box-shadow:
    0 9px 20px rgba(20,47,58,.038)!important;
}
.project-stack-hint{
  position:static!important;
  width:auto!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  color:#71848c!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:800!important;
  pointer-events:none!important;
  z-index:2!important;
}
.project-stack-hint i{
  width:30px!important;height:30px!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(75,126,143,.18)!important;
  box-shadow:0 5px 14px rgba(20,48,58,.04)!important;
}
.project-stack-progress{
  right:max(14px,calc((100vw - min(1160px,80vw))/2 - 26px))!important;
  height:min(165px,24vh)!important;
  background:rgba(20,49,60,.09)!important;
}
.project-stack-progress span{
  background:linear-gradient(180deg,#55c7e8,#248eac)!important;
}
.project-stack-stage:focus{
  outline:none!important;
}
.project-stack-stage.is-deck-active .project-stack-card.is-active{
  border-color:rgba(85,199,232,.20)!important;
}

/* The section locks visually to the useful viewport, not underneath the header. */
.project-stack-section.is-project-deck-engaged .project-stack-stage{
  cursor:ns-resize!important;
}
.project-stack-section.is-project-deck-engaged .project-stack-hint{
  color:#4c7887!important;
}

@media(max-width:1100px){
  .project-stack-stage{
    width:min(1040px,86vw)!important;
    height:min(580px,62vh)!important;
  }
}
@media(max-width:900px){
  .project-stack-scene{
    min-height:0!important;
    display:block!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  .project-stack-pin{
    display:block!important;
  }
  .project-stack-stage{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    cursor:auto!important;
  }
  .project-stack-hint{display:none!important}
}


/* v39.31 — fine scroll tracking, true center activation, refined depth */
.project-stack-section{
  padding-top:clamp(58px,6vw,88px)!important;
  padding-bottom:clamp(68px,7vw,96px)!important;
}
.project-stack-head{
  margin-bottom:20px!important;
}
.project-stack-scene{
  min-height:calc(100vh - 92px)!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.project-stack-pin{
  min-height:calc(100vh - 92px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
}
.project-stack-stage{
  width:min(1140px,80vw)!important;
  height:min(590px,62vh)!important;
  min-height:490px!important;
  max-height:590px!important;
  margin:0 auto 72px!important;
  cursor:ns-resize!important;
  overflow:visible!important;
}
.project-stack-card{
  border:1px solid rgba(20,44,53,.085)!important;
  box-shadow:
    0 11px 26px rgba(20,45,55,.052),
    0 2px 5px rgba(20,45,55,.025)!important;
  transition:
    box-shadow .22s ease,
    border-color .22s ease!important;
}
.project-stack-card:hover{
  border-color:rgba(48,155,184,.17)!important;
  box-shadow:
    0 14px 31px rgba(20,45,55,.068),
    0 3px 7px rgba(20,45,55,.03)!important;
}
.project-stack-card.is-after-1,
.project-stack-card.is-after-2,
.project-stack-card.is-after-3{
  box-shadow:
    0 8px 19px rgba(20,45,55,.036),
    0 1px 4px rgba(20,45,55,.018)!important;
}
.project-stack-hint{
  position:relative!important;
  margin:0 auto!important;
  transform:none!important;
  z-index:1!important;
  color:#68808a!important;
  pointer-events:none!important;
}
.project-stack-hint i{
  width:29px!important;
  height:29px!important;
  background:#fff!important;
  border:1px solid rgba(56,117,136,.14)!important;
  box-shadow:0 4px 12px rgba(21,47,57,.035)!important;
}
.project-stack-progress{
  height:min(156px,23vh)!important;
  background:rgba(20,49,60,.075)!important;
}
.project-stack-progress span{
  transition:none!important;
}
.project-stack-section.is-project-deck-engaged .project-stack-hint{
  opacity:.72;
}
.project-stack-stage::after{
  content:"";
  position:absolute;
  left:7%;
  right:7%;
  bottom:-46px;
  height:34px;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(20,45,55,.085),rgba(20,45,55,0) 72%);
  filter:blur(9px);
  pointer-events:none;
  z-index:-1;
}

@media(max-width:1100px){
  .project-stack-stage{
    width:min(1000px,86vw)!important;
    height:min(560px,60vh)!important;
    margin-bottom:64px!important;
  }
}
@media(max-width:900px){
  .project-stack-pin{min-height:0!important;display:block!important}
  .project-stack-stage{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    margin-bottom:0!important;
    cursor:auto!important;
  }
  .project-stack-stage::after{display:none!important}
}


/* v39.32 — full-card viewport lock + no-fade project exit */
.project-stack-scene{
  min-height:calc(100vh - 92px)!important;
}
.project-stack-pin{
  min-height:calc(100vh - 92px)!important;
  padding-top:26px!important;
  padding-bottom:34px!important;
}
.project-stack-stage{
  width:min(1120px,78vw)!important;
  height:min(560px,58vh)!important;
  min-height:470px!important;
  max-height:560px!important;
  margin:0 auto 70px!important;
}
.project-stack-card{
  overflow:hidden!important;
}
.project-stack-card.is-before,
.project-stack-card.is-active,
.project-stack-card.is-after-1,
.project-stack-card.is-after-2,
.project-stack-card.is-after-3,
.project-stack-card.is-deep{
  opacity:1!important;
}
.project-stack-section.is-project-deck-engaged .project-stack-stage{
  outline:none!important;
}

/* More breathing room from the fixed header while the deck is active */
.project-stack-section.is-project-deck-engaged .project-stack-pin{
  padding-top:42px!important;
}
@media(max-width:1100px){
  .project-stack-stage{
    width:min(980px,84vw)!important;
    height:min(535px,56vh)!important;
    max-height:535px!important;
  }
}
@media(max-width:900px){
  .project-stack-pin{padding-top:0!important;padding-bottom:0!important}
  .project-stack-stage{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    margin-bottom:0!important;
  }
}


/* v39.33 — instant project-scroll activation + subtle zoom-outgoing card */
.project-stack-card{
  transform-origin:48% 52%!important;
}
.project-stack-section.is-project-deck-engaged .project-stack-stage{
  cursor:ns-resize!important;
}
.project-stack-card.is-active{
  will-change:transform;
}


/* v39.34 — compact premium project stack + smoother depth */
.project-stack-section{
  padding-top:clamp(52px,5.5vw,80px)!important;
  padding-bottom:clamp(62px,6vw,88px)!important;
}
.project-stack-head{
  margin-bottom:14px!important;
}
.project-stack-scene{
  min-height:calc(100vh - 92px)!important;
}
.project-stack-pin{
  min-height:calc(100vh - 92px)!important;
  padding-top:26px!important;
  padding-bottom:28px!important;
}
.project-stack-stage{
  width:min(860px,70vw)!important;
  height:min(535px,56vh)!important;
  min-height:450px!important;
  max-height:535px!important;
  margin:0 auto 58px!important;
  perspective:1700px!important;
}
.project-stack-card{
  border-radius:27px!important;
  border:1px solid rgba(19,45,55,.075)!important;
  box-shadow:
    0 9px 22px rgba(20,45,55,.045),
    0 1px 4px rgba(20,45,55,.022)!important;
  transform-origin:48% 50%!important;
}
.project-stack-card:hover{
  border-color:rgba(48,155,184,.15)!important;
  box-shadow:
    0 12px 27px rgba(20,45,55,.057),
    0 2px 5px rgba(20,45,55,.024)!important;
}
.project-stack-media{
  min-height:0!important;
}
.project-stack-meta{
  min-height:102px!important;
  padding:17px 22px 18px!important;
}
.project-stack-meta h3{
  font-size:clamp(18px,1.7vw,27px)!important;
}
.project-stack-index{
  left:19px!important;
  top:18px!important;
  width:34px!important;
  height:34px!important;
}
.project-stack-demo{
  right:18px!important;
  top:18px!important;
}
.project-stack-type i{
  width:38px!important;
  height:38px!important;
}
.project-stack-stage::after{
  left:12%!important;
  right:12%!important;
  bottom:-36px!important;
  height:28px!important;
  background:radial-gradient(ellipse at center,rgba(20,45,55,.070),rgba(20,45,55,0) 74%)!important;
  filter:blur(8px)!important;
}
.project-stack-hint{
  margin-top:0!important;
  opacity:.82!important;
}
.project-stack-progress{
  height:min(145px,21vh)!important;
}

/* Initial / following cards are intentionally tidy, not scattered. */
.project-stack-card[data-stack-index="1"]{
  --initial-stack-rot:1.8deg;
}
.project-stack-card[data-stack-index="2"]{
  --initial-stack-rot:-1.7deg;
}
.project-stack-card[data-stack-index="3"]{
  --initial-stack-rot:1.2deg;
}

@media(max-width:1200px){
  .project-stack-stage{
    width:min(820px,75vw)!important;
    height:min(510px,54vh)!important;
    max-height:510px!important;
  }
}
@media(max-width:900px){
  .project-stack-stage{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    margin-bottom:0!important;
  }
  .project-stack-meta{min-height:96px!important}
}


/* v39.35 — reference-like compact stack + stronger zoom exit */
.project-stack-section{
  padding-top:clamp(46px,5vw,72px)!important;
  padding-bottom:clamp(56px,5.5vw,78px)!important;
}
.project-stack-head{
  max-width:1380px!important;
  margin:0 auto 10px!important;
}
.project-stack-head h2{
  font-size:clamp(44px,5.2vw,76px)!important;
  line-height:.92!important;
}
.project-stack-scene{
  min-height:calc(100vh - 92px)!important;
}
.project-stack-pin{
  min-height:calc(100vh - 92px)!important;
  padding-top:18px!important;
  padding-bottom:22px!important;
}
.project-stack-stage{
  width:min(760px,64vw)!important;
  height:min(500px,52vh)!important;
  min-height:420px!important;
  max-height:500px!important;
  margin:0 auto 50px!important;
  perspective:1900px!important;
}
.project-stack-card{
  border-radius:25px!important;
  transform-origin:42% 50%!important;
  box-shadow:
    0 8px 18px rgba(20,45,55,.038),
    0 1px 3px rgba(20,45,55,.018)!important;
}
.project-stack-card:hover{
  box-shadow:
    0 10px 22px rgba(20,45,55,.05),
    0 2px 4px rgba(20,45,55,.02)!important;
}
.project-stack-meta{
  min-height:92px!important;
  padding:15px 19px 16px!important;
}
.project-stack-meta h3{
  font-size:clamp(17px,1.55vw,24px)!important;
}
.project-stack-meta small{
  font-size:7px!important;
}
.project-stack-type i{
  width:35px!important;
  height:35px!important;
}
.project-stack-index{
  width:32px!important;
  height:32px!important;
  left:16px!important;
  top:15px!important;
}
.project-stack-demo{
  right:15px!important;
  top:15px!important;
}
.project-stack-stage::after{
  left:15%!important;
  right:15%!important;
  bottom:-31px!important;
  height:24px!important;
  background:radial-gradient(ellipse at center,rgba(18,43,52,.060),rgba(18,43,52,0) 76%)!important;
  filter:blur(7px)!important;
}
.project-stack-hint{
  margin-top:0!important;
  opacity:.74!important;
  transform:translateY(-2px)!important;
}
.project-stack-progress{
  height:min(136px,20vh)!important;
}
@media(max-width:1200px){
  .project-stack-stage{
    width:min(730px,70vw)!important;
    height:min(480px,50vh)!important;
    max-height:480px!important;
  }
}
@media(max-width:900px){
  .project-stack-stage{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    margin-bottom:0!important;
  }
}


/* v39.36 — one-wheel one-card cinematic project transition */
.project-stack-card{
  will-change:transform;
  backface-visibility:hidden;
}
.project-stack-stage{
  overflow:visible!important;
}
.project-stack-card.is-transitioning{
  box-shadow:
    0 14px 30px rgba(20,45,55,.055),
    0 2px 5px rgba(20,45,55,.020)!important;
}


/* v39.37 — premium corporate / technical project detail */
.project-detail-v3937{background:#f3f6f7;color:#101820;overflow:hidden}
.project-tech-hero{background:radial-gradient(circle at 78% 18%,rgba(85,199,232,.09),transparent 28%),linear-gradient(180deg,#06151c,#071a22);color:#fff;padding:78px clamp(26px,5vw,82px) 54px;position:relative}
.project-tech-hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(85,199,232,.24),transparent)}
.project-tech-hero-inner{max-width:1500px;margin:auto}
.project-tech-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:42px}
.project-back-link{font-size:8px;letter-spacing:.11em;color:#91aab3!important;text-transform:uppercase}.project-back-link:hover{color:#64d1eb!important}
.project-tech-status{display:flex;align-items:center;gap:8px;font-size:7px;letter-spacing:.14em;color:#7f9da7;font-weight:900}.project-tech-status span{width:7px;height:7px;border-radius:50%;background:#55c7e8;box-shadow:0 0 14px rgba(85,199,232,.55)}
.project-tech-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:55px;align-items:end}.project-tech-heading>div:first-child>small{display:block;color:#55c7e8;font-size:8px;letter-spacing:.17em;font-weight:900;margin-bottom:16px}
.project-tech-heading h1{font-size:clamp(48px,6.4vw,96px);line-height:.92;letter-spacing:-.065em;margin:0;max-width:1200px}.project-tech-heading p{max-width:800px;color:#a8bac1;font-size:14px;line-height:1.7;margin:25px 0 0}
.project-tech-code{width:150px;height:150px;border:1px solid rgba(85,199,232,.18);border-radius:50%;display:grid;place-content:center;text-align:center;background:rgba(255,255,255,.018);box-shadow:inset 0 0 50px rgba(85,199,232,.025)}
.project-tech-code span{font-size:6px;letter-spacing:.15em;color:#6f8b95}.project-tech-code b{font-size:28px;color:#66d4ed;margin-top:6px}
.project-tech-facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.08);margin-top:50px}.project-tech-facts>div{padding:18px 18px 10px 0;border-right:1px solid rgba(255,255,255,.07)}.project-tech-facts>div:last-child{border-right:0}.project-tech-facts small{display:block;color:#58727d;font-size:6px;letter-spacing:.14em;font-weight:900;margin-bottom:6px}.project-tech-facts b{font-size:10px;color:#f2fafc}

.project-tech-cover-section{padding:44px clamp(24px,5vw,80px) 70px;background:#071820}
.project-tech-cover-shell{max-width:1500px;margin:auto;position:relative;border-radius:28px;overflow:hidden;border:1px solid rgba(100,210,235,.15);background:#08212a;box-shadow:0 32px 90px rgba(0,0,0,.23)}
.project-tech-cover-shell>img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.project-tech-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(85,199,232,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(85,199,232,.045) 1px,transparent 1px);background-size:72px 72px;mix-blend-mode:screen;pointer-events:none}
.project-tech-corners i{position:absolute;width:24px;height:24px;z-index:3;border-color:#55c7e8;border-style:solid;opacity:.72}.project-tech-corners i:nth-child(1){left:18px;top:18px;border-width:1px 0 0 1px}.project-tech-corners i:nth-child(2){right:18px;top:18px;border-width:1px 1px 0 0}.project-tech-corners i:nth-child(3){left:18px;bottom:18px;border-width:0 0 1px 1px}.project-tech-corners i:nth-child(4){right:18px;bottom:18px;border-width:0 1px 1px 0}
.project-tech-hud{position:absolute;z-index:4;display:flex;align-items:center;gap:7px;border:1px solid rgba(85,199,232,.17);background:rgba(4,17,23,.72);backdrop-filter:blur(10px);border-radius:999px;padding:7px 10px;color:#8eb7c3;font-size:6px;letter-spacing:.12em}.project-tech-hud span{color:#58cae6}.hud-top-left{left:28px;top:28px}.hud-top-right{right:28px;top:28px}

.project-tech-overview{padding:110px clamp(24px,6vw,100px);display:grid;grid-template-columns:.28fr 1fr;gap:70px;max-width:1600px;margin:auto}.project-tech-section-index{padding-top:7px}.project-tech-section-index span{display:block;color:#2b9ebb;font-size:10px;font-weight:900;margin-bottom:9px}.project-tech-section-index small{font-size:7px;letter-spacing:.16em;color:#789098;font-weight:900}
.project-tech-overview-copy h2,.project-tech-section-head h2,.project-tech-model-copy h2{font-size:clamp(42px,5.2vw,72px);line-height:.98;letter-spacing:-.055em;margin:0}.project-tech-overview-copy h2 em,.project-tech-section-head h2 em,.project-tech-model-copy h2 em{font-style:normal;color:#35a8c8}.project-tech-lead{max-width:900px;margin-top:28px;color:#667980;font-size:15px;line-height:1.75}

.project-tech-process{padding:105px clamp(24px,6vw,100px);background:#fff}.project-tech-section-head{max-width:1500px;margin:0 auto 48px;display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.project-tech-section-head>div>small{display:block;color:#258eab;font-size:7px;letter-spacing:.17em;font-weight:900;margin-bottom:15px}.project-tech-section-head>p{max-width:430px;color:#788b92;font-size:10px;line-height:1.65}.project-tech-process-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.project-tech-process-grid article{min-height:270px;border:1px solid #dfe7e9;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafb);padding:22px;position:relative;overflow:hidden}.project-tech-process-grid article:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,#55c7e8,transparent 65%)}.project-tech-process-grid article>span{font-size:8px;color:#299dbb;font-weight:900}.project-tech-process-grid article>small{display:block;margin-top:45px;color:#9aa8ad;font-size:6px;letter-spacing:.15em}.project-tech-process-grid h3{font-size:20px;margin:7px 0 12px}.project-tech-process-grid p{font-size:10px;line-height:1.7;color:#6e8087}

.project-tech-media-section{padding:105px clamp(24px,6vw,100px);background:#eef3f5}.project-tech-media-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.project-tech-media-card{margin:0;border:1px solid #dbe5e8;border-radius:22px;background:#fff;overflow:hidden}.project-tech-media-card.feature{grid-column:span 2}.project-tech-media-top{height:44px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4ebed;color:#6e858e;font-size:7px;letter-spacing:.13em}.project-tech-media-top span{color:#319fbd}.project-tech-media-frame{background:#061820}.project-tech-media-frame img,.project-tech-media-frame video{display:block;width:100%;max-height:760px;object-fit:cover}.project-tech-media-card figcaption{display:grid;gap:4px;padding:16px 18px}.project-tech-media-card figcaption b{font-size:12px}.project-tech-media-card figcaption span{font-size:9px;color:#72858c;line-height:1.55}

.project-tech-wide-media{padding:75px clamp(24px,6vw,100px);background:#071820}.project-tech-wide-head{max-width:1500px;margin:0 auto 13px;display:flex;justify-content:space-between;color:#728e98;font-size:7px;letter-spacing:.14em}.project-tech-wide-head span{color:#55c7e8}.project-tech-wide-media video{display:block;width:min(1500px,100%);margin:auto;border-radius:22px;border:1px solid rgba(85,199,232,.13);background:#02090c}

.project-tech-model-section{padding:110px clamp(24px,6vw,100px);display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:center;background:#fff}.project-tech-model-copy small{display:block;color:#268eaa;font-size:7px;letter-spacing:.17em;font-weight:900;margin-bottom:16px}.project-tech-model-copy p{color:#73868d;line-height:1.65;font-size:11px;max-width:450px;margin-top:24px}.project-tech-model-frame{min-height:620px;border-radius:25px;background:radial-gradient(circle at 50% 45%,rgba(85,199,232,.16),transparent 28%),#071820;border:1px solid rgba(85,199,232,.14);position:relative;overflow:hidden}.project-tech-model-frame model-viewer{width:100%;height:620px}.project-tech-model-frame>span{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:6px;letter-spacing:.14em;color:#7e9ca6}

.project-tech-related{padding:105px clamp(24px,6vw,100px);background:#f3f6f7}.project-tech-related .project-tech-section-head>a{font-size:9px;color:#268fac!important}.project-tech-related-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.project-tech-related-grid>a{position:relative;color:#101820!important}.project-tech-related-media{aspect-ratio:4/3;overflow:hidden;border-radius:17px;background:#0a1c24;margin-bottom:13px}.project-tech-related-media img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s}.project-tech-related-grid>a:hover .project-tech-related-media img{transform:scale(1.025)}.project-tech-related-grid small{font-size:7px;color:#2b98b6;letter-spacing:.12em}.project-tech-related-grid h3{font-size:18px;margin:5px 42px 0 0}.project-tech-related-grid>a>span{position:absolute;right:3px;bottom:0;color:#2b98b6}

.project-tech-next{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:8px 20px;padding:70px clamp(24px,6vw,100px);background:#071820;color:#fff!important}.project-tech-next small{font-size:7px;letter-spacing:.15em;color:#66838e}.project-tech-next strong{font-size:clamp(34px,5vw,68px);letter-spacing:-.055em}.project-tech-next>span{grid-column:2;grid-row:1/3;align-self:center;font-size:40px;color:#55c7e8}

.project-admin-url-preview{margin:16px 0 24px;border:1px solid #d9e5e8;border-radius:14px;padding:16px;background:#f7fafb}.project-admin-url-preview small{display:block;color:#2b92ae;font-size:8px;letter-spacing:.14em;font-weight:900}.project-admin-url-preview code{display:block;margin:8px 0;font-size:13px;color:#102028}.project-admin-url-preview p{font-size:10px;line-height:1.55;color:#6e8188;margin:0}

@media(max-width:980px){
  .project-tech-heading{grid-template-columns:1fr}.project-tech-code{display:none}.project-tech-facts{grid-template-columns:repeat(2,1fr)}.project-tech-overview{grid-template-columns:1fr;gap:24px}.project-tech-process-grid{grid-template-columns:repeat(2,1fr)}.project-tech-model-section{grid-template-columns:1fr}.project-tech-related-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .project-tech-hero{padding-top:58px}.project-tech-topline{align-items:flex-start;flex-direction:column}.project-tech-heading h1{font-size:48px}.project-tech-facts{grid-template-columns:1fr}.project-tech-facts>div{border-right:0}.project-tech-cover-section{padding-left:14px;padding-right:14px}.project-tech-hud{display:none}.project-tech-process-grid,.project-tech-media-grid,.project-tech-related-grid{grid-template-columns:1fr}.project-tech-media-card.feature{grid-column:auto}.project-tech-section-head{align-items:flex-start;flex-direction:column}.project-tech-model-frame,.project-tech-model-frame model-viewer{height:480px;min-height:480px}.project-tech-next{grid-template-columns:1fr}.project-tech-next>span{grid-column:auto;grid-row:auto}
}


/* v39.40 — refined project-card shadow + smoother stepped motion */
.project-stack-card{
  box-shadow:
    0 18px 40px rgba(13,37,46,.075),
    0 6px 14px rgba(13,37,46,.040),
    0 1px 2px rgba(13,37,46,.028)!important;
}
.project-stack-card:hover{
  box-shadow:
    0 22px 48px rgba(13,37,46,.090),
    0 7px 16px rgba(13,37,46,.045),
    0 1px 2px rgba(13,37,46,.028)!important;
}
.project-stack-card.is-transitioning{
  box-shadow:
    0 30px 62px rgba(10,32,42,.115),
    0 10px 24px rgba(10,32,42,.055),
    0 2px 5px rgba(10,32,42,.026)!important;
}
.project-stack-stage::after{
  left:13%!important;
  right:13%!important;
  bottom:-34px!important;
  height:27px!important;
  background:radial-gradient(ellipse at center,rgba(18,43,52,.085),rgba(18,43,52,0) 76%)!important;
  filter:blur(8px)!important;
}


/* v39.41 — compact premium project image showcase */
.project-premium-showcase{
  background:
    radial-gradient(circle at 74% 18%,rgba(85,199,232,.075),transparent 30%),
    linear-gradient(180deg,#071820 0%,#081a22 100%);
  padding:44px clamp(24px,5vw,82px) 72px;
  color:#fff;
}
.project-premium-showcase-inner{
  max-width:1440px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr);
  gap:34px;
  align-items:stretch;
}
.project-premium-showcase-copy{
  border:1px solid rgba(117,215,238,.11);
  border-radius:25px;
  padding:30px;
  min-height:520px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:
    linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.012)),
    rgba(4,17,23,.46);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.project-premium-showcase-kicker{
  display:flex;
  align-items:center;
  gap:9px;
  color:#6e929d;
  font-size:7px;
  letter-spacing:.16em;
  font-weight:900;
}
.project-premium-showcase-kicker span{
  width:7px;height:7px;border-radius:50%;
  background:#55c7e8;
  box-shadow:0 0 16px rgba(85,199,232,.45);
}
.project-premium-showcase-copy>div>small{
  display:block;
  margin-bottom:14px;
  color:#59c9e3;
  font-size:8px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.project-premium-showcase-copy h2{
  margin:0;
  max-width:520px;
  font-size:clamp(34px,3.5vw,55px);
  line-height:.98;
  letter-spacing:-.055em;
}
.project-premium-showcase-copy h2 em{
  font-style:normal;
  color:#48b8d5;
}
.project-premium-showcase-copy p{
  max-width:500px;
  margin:22px 0 0;
  color:#8da5ae;
  font-size:11px;
  line-height:1.72;
}
.project-premium-mini-facts{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:16px;
  overflow:hidden;
  background:rgba(255,255,255,.055);
}
.project-premium-mini-facts>div{
  background:#081b23;
  padding:13px 14px;
}
.project-premium-mini-facts .wide{grid-column:span 2}
.project-premium-mini-facts span{
  display:block;
  color:#56727c;
  font-size:6px;
  letter-spacing:.13em;
  font-weight:900;
  margin-bottom:5px;
}
.project-premium-mini-facts b{
  display:block;
  color:#eaf6f9;
  font-size:9px;
  line-height:1.45;
}
.project-premium-showcase-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
.project-premium-link{
  min-height:42px;
  border-radius:999px;
  padding:0 17px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  font-size:8px;
  font-weight:900;
  transition:.25s ease;
}
.project-premium-link.primary{
  background:#55c7e8;
  color:#06151c!important;
  border:1px solid #55c7e8;
  box-shadow:0 9px 25px rgba(85,199,232,.12);
}
.project-premium-link.primary:hover{
  background:#76d9ef!important;
  color:#06151c!important;
  transform:translateY(-1px);
}
.project-premium-link.secondary{
  border:1px solid rgba(255,255,255,.12);
  color:#dcecf1!important;
  background:rgba(255,255,255,.025);
}
.project-premium-link.secondary:hover{
  border-color:rgba(85,199,232,.35);
  color:#fff!important;
  background:rgba(85,199,232,.07)!important;
}
.project-premium-visual{
  min-width:0;
  border:1px solid rgba(117,215,238,.12);
  border-radius:25px;
  padding:12px;
  background:rgba(4,17,23,.56);
  box-shadow:
    0 24px 62px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.03);
}
.project-premium-visual-toolbar{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:0 8px 10px;
  color:#6f8d97;
  font-size:6px;
  letter-spacing:.13em;
}
.project-premium-visual-toolbar>div{
  display:flex;
  align-items:center;
  gap:8px;
}
.project-premium-visual-toolbar span{color:#4bbbd6}
.project-premium-image-frame{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  background:#06151c;
  border:1px solid rgba(95,201,226,.12);
}
.project-premium-image-frame>img{
  display:block;
  width:100%;
  height:clamp(390px,52vh,565px);
  object-fit:cover;
  object-position:center;
  transition:opacity .18s ease,transform .45s cubic-bezier(.2,.7,.2,1);
}
.project-premium-image-frame.is-switching>img{
  opacity:.18;
  transform:scale(1.012);
}
.project-premium-image-grid{
  position:absolute;inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(85,199,232,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(85,199,232,.028) 1px,transparent 1px);
  background-size:64px 64px;
}
.project-premium-corners i{
  position:absolute;z-index:3;
  width:19px;height:19px;
  border-color:rgba(85,199,232,.72);
  border-style:solid;
}
.project-premium-corners i:nth-child(1){left:13px;top:13px;border-width:1px 0 0 1px}
.project-premium-corners i:nth-child(2){right:13px;top:13px;border-width:1px 1px 0 0}
.project-premium-corners i:nth-child(3){left:13px;bottom:13px;border-width:0 0 1px 1px}
.project-premium-corners i:nth-child(4){right:13px;bottom:13px;border-width:0 1px 1px 0}
.project-premium-image-caption{
  position:absolute;
  left:17px;
  bottom:16px;
  z-index:3;
  max-width:72%;
  padding:7px 10px;
  border-radius:999px;
  color:#dcecf1;
  background:rgba(4,17,23,.72);
  border:1px solid rgba(255,255,255,.09);
  backdrop-filter:blur(10px);
  font-size:7px;
  letter-spacing:.1em;
  font-weight:800;
}
.project-premium-thumbs{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
  margin-top:8px;
}
.project-premium-thumb{
  position:relative;
  padding:0;
  border:1px solid rgba(255,255,255,.075);
  border-radius:11px;
  overflow:hidden;
  background:#06151c;
  cursor:pointer;
  aspect-ratio:16/9;
  opacity:.60;
  transition:.22s ease;
}
.project-premium-thumb:hover,
.project-premium-thumb.active{
  opacity:1;
  border-color:rgba(85,199,232,.48);
  transform:translateY(-1px);
  box-shadow:0 7px 20px rgba(0,0,0,.12);
}
.project-premium-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.project-premium-thumb span{
  position:absolute;
  z-index:2;
  left:6px;top:6px;
  width:21px;height:21px;
  border-radius:50%;
  display:grid;place-items:center;
  color:#fff;
  background:rgba(4,17,23,.72);
  font-size:6px;
}
@media(max-width:1080px){
  .project-premium-showcase-inner{grid-template-columns:1fr}
  .project-premium-showcase-copy{min-height:0;gap:30px}
  .project-premium-image-frame>img{height:clamp(380px,55vw,560px)}
}
@media(max-width:680px){
  .project-premium-showcase{padding:20px 14px 48px}
  .project-premium-showcase-copy{padding:21px;border-radius:19px}
  .project-premium-showcase-copy h2{font-size:38px}
  .project-premium-mini-facts{grid-template-columns:1fr}
  .project-premium-mini-facts .wide{grid-column:auto}
  .project-premium-visual{border-radius:19px;padding:8px}
  .project-premium-image-frame{border-radius:14px}
  .project-premium-image-frame>img{height:auto;aspect-ratio:16/10}
  .project-premium-thumbs{grid-template-columns:repeat(3,1fr)}
  .project-premium-visual-toolbar{font-size:5px}
}


/* v39.42 — admin project media guide */
.admin-inline-guide{
  margin:0 0 18px;
  padding:12px 14px;
  border:1px solid #d8e7eb;
  border-radius:12px;
  background:#f7fbfc;
  color:#60767f;
  font-size:10px;
  line-height:1.55;
}
.admin-inline-guide b{color:#102129}


/* v39.44 — footer links admin */
.footer-link-admin-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.footer-link-admin-card{
  border:1px solid #dce7ea;
  border-radius:17px;
  padding:18px;
  background:linear-gradient(180deg,#fff,#f8fafb);
  display:grid;
  gap:13px;
}
.footer-link-admin-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:10px;
  border-bottom:1px solid #e8eef0;
}
.footer-link-admin-card-head>span{
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  color:#2b9dbb;
}
.footer-link-switch{
  display:flex!important;
  flex-direction:row!important;
  align-items:center;
  gap:8px;
  font-size:10px;
}
.footer-link-switch input{width:16px;height:16px}
.footer-link-admin-card label{
  display:grid;
  gap:6px;
  font-size:10px;
  font-weight:700;
  color:#263940;
}
.footer-link-admin-card input[type="text"],
.footer-link-admin-card input:not([type]){
  width:100%;
}
@media(max-width:850px){
  .footer-link-admin-grid{grid-template-columns:1fr}
}

/* v39.45 — full public text control */
.site-text-control-note{display:flex;align-items:flex-start;gap:14px;margin:0 0 14px;padding:14px 16px;border:1px solid #dbe8eb;border-radius:14px;background:linear-gradient(180deg,#fbfdfe,#f5fafb);color:#60767f;font-size:10px;line-height:1.55}.site-text-control-note b{color:#102129;white-space:nowrap}


/* v39.46 — clean mobile menu / collapsible Services */
@media(max-width:900px){
  /* Footer CTA text must never bleed into the fullscreen mobile menu. */
  body.menu-open .premium-footer-cta-v393{
    display:none!important;
  }

  /* Services dropdown is closed by default and opens only on tap. */
  .site-header nav#mobile-main-nav .nav-dropdown{
    display:block!important;
    width:100%!important;
  }

  .site-header nav#mobile-main-nav .nav-dropdown>.nav-parent{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:62px!important;
    padding:18px 2px!important;
    border-bottom:1px solid rgba(255,255,255,.13)!important;
    color:#fff!important;
    cursor:pointer!important;
  }

  .site-header nav#mobile-main-nav .nav-dropdown>.nav-parent>i{
    display:inline-grid!important;
    place-items:center!important;
    width:28px!important;
    height:28px!important;
    margin-left:auto!important;
    font-size:12px!important;
    color:#80d9ef!important;
    opacity:.82!important;
    transform:rotate(0deg)!important;
    transition:transform .28s cubic-bezier(.2,.75,.25,1),background .25s ease!important;
  }

  .site-header nav#mobile-main-nav .nav-dropdown.mobile-open>.nav-parent>i{
    transform:rotate(180deg)!important;
  }

  /* Override the old rule that opened the dropdown whenever the whole menu was open. */
  .site-header nav#mobile-main-nav.open .nav-dropdown-panel,
  .site-header nav#mobile-main-nav .nav-dropdown-panel{
    display:block!important;
    position:static!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 12px!important;
    border:0!important;
    border-radius:0!important;
    background:rgba(255,255,255,.025)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:none!important;
    max-height:0!important;
    overflow:hidden!important;
    transition:
      max-height .42s cubic-bezier(.2,.75,.25,1),
      opacity .25s ease,
      padding .32s ease!important;
  }

  .site-header nav#mobile-main-nav .nav-dropdown.mobile-open>.nav-dropdown-panel{
    max-height:760px!important;
    padding:12px 12px 14px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
  }

  .site-header nav#mobile-main-nav .nav-dropdown-panel:before{
    display:none!important;
  }

  .site-header nav#mobile-main-nav .nav-dropdown-head{
    padding:4px 4px 12px!important;
    text-align:left!important;
  }

  .site-header nav#mobile-main-nav .nav-dropdown-featured{
    min-height:54px!important;
    margin:0 0 4px!important;
    padding:12px 4px!important;
    border:1px solid rgba(85,199,232,.18)!important;
    border-radius:12px!important;
    background:rgba(85,199,232,.045)!important;
  }

  .site-header nav#mobile-main-nav .nav-dropdown-links{
    padding:3px 0!important;
  }

  .site-header nav#mobile-main-nav .nav-dropdown-links>a,
  .site-header nav#mobile-main-nav .nav-dropdown-all{
    min-height:48px!important;
    padding:12px 4px!important;
    border-bottom:1px solid rgba(255,255,255,.085)!important;
    font-size:14px!important;
    color:#d9e6ea!important;
  }

  .site-header nav#mobile-main-nav .nav-dropdown-all{
    margin:3px 0 0!important;
    border-top:0!important;
    border-bottom:0!important;
    color:#fff!important;
    font-weight:750!important;
  }
}


/* v39.47 — project scroll release + 60% cinematic zoom */
.project-stack-stage{
  overflow:visible!important;
  contain:layout style!important;
}
.project-stack-card.is-transitioning{
  transform-origin:42% 50%!important;
  will-change:transform!important;
}


/* v39.48 — static page SEO manager */
.static-page-seo-manager .settings-title{margin-bottom:18px}
.static-seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.static-seo-card{border:1px solid #dce7ea;border-radius:16px;padding:17px;background:linear-gradient(180deg,#fff,#f8fbfc);display:grid;gap:11px}
.static-seo-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:11px;border-bottom:1px solid #e8eef0}
.static-seo-card-head span{font-size:13px;font-weight:850;color:#102129}
.static-seo-card-head small{max-width:48%;text-align:right;color:#218ead;font-size:7px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}
.static-seo-card label{display:grid;gap:5px;font-size:9px;font-weight:750;color:#32474f}
.static-seo-card input,.static-seo-card textarea{width:100%}
@media(max-width:980px){.static-seo-grid{grid-template-columns:1fr}}


/* v39.49 — Demo Sites catalog */
.demo-hub-hero,.demo-detail-hero{max-width:1440px;margin:0 auto;padding:150px 5vw 70px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:70px;align-items:center}
.demo-hub-hero-copy small,.demo-detail-copy>small{font-size:9px;letter-spacing:.18em;font-weight:900;color:var(--accent)}
.demo-hub-hero h1,.demo-detail-hero h1{font-size:clamp(52px,7vw,102px);line-height:.9;letter-spacing:-.065em;margin:16px 0 24px}
.demo-hub-hero h1 em,.demo-detail-hero h1 em,.demo-overview-grid h2 em,.demo-admin-copy h2 em{font-weight:400;color:#65808a}
.demo-hub-hero p,.demo-detail-copy p{max-width:760px;color:#6e8088;font-size:15px;line-height:1.75}
.demo-hub-hero-badge{justify-self:end;width:290px;aspect-ratio:1;border-radius:50%;border:1px solid #dce7ea;background:radial-gradient(circle at 35% 30%,#fff,#edf6f8);display:grid;place-items:center;align-content:center;box-shadow:0 30px 80px rgba(18,47,57,.08)}
.demo-hub-hero-badge span{font-size:10px;color:#8ea0a7}.demo-hub-hero-badge b{font-size:74px;line-height:1;color:#10262f}.demo-hub-hero-badge small{font-size:8px;letter-spacing:.18em;color:#258ca9}
.demo-filter{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px}
.demo-filter a{padding:10px 16px;border:1px solid #dce6e9;border-radius:999px;font-size:10px;font-weight:800;color:#58707a;background:#fff}
.demo-filter a.active,.demo-filter a:hover{background:#0b1d25;color:#fff;border-color:#0b1d25}
.demo-site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.demo-site-card{border:1px solid #dfe7e9;border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 18px 50px rgba(19,49,60,.065);transition:transform .35s ease,box-shadow .35s ease}
.demo-site-card:hover{transform:translateY(-7px);box-shadow:0 30px 75px rgba(16,43,53,.12)}
.demo-site-card-media{position:relative;display:block;aspect-ratio:16/10;background:#edf4f7;overflow:hidden}
.demo-site-card-media>img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.demo-site-card:hover img{transform:scale(1.035)}
.demo-device-frame{position:absolute;left:20px;right:20px;top:18px;height:20px;border-radius:9px 9px 0 0;background:rgba(4,17,23,.84);display:flex;align-items:center;gap:5px;padding:0 9px}.demo-device-frame i{width:5px;height:5px;border-radius:50%;background:#fff;opacity:.45}
.demo-card-badge{position:absolute;top:54px;left:24px;padding:8px 11px;border-radius:999px;background:#5b3df5;color:#fff;font-size:8px;font-weight:900;letter-spacing:.05em}
.demo-site-card-body{padding:24px}.demo-site-card-body>small{font-size:8px;letter-spacing:.16em;color:#258ca9;font-weight:900}.demo-site-card-body h2{font-size:28px;line-height:1.05;margin:10px 0}.demo-site-card-body h2 a{color:#132a34}.demo-site-card-body p{font-size:12px;line-height:1.65;color:#71848c;min-height:40px}
.demo-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 10px}.demo-card-actions a{padding:10px 13px;border:1px solid #d8e4e7;border-radius:10px;font-size:9px;font-weight:800;color:#10262f}.demo-card-actions a:hover{border-color:var(--accent);color:#1582a1}
.demo-card-detail{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e7edef;margin-top:18px;padding-top:18px;font-size:10px;font-weight:900;color:#10262f}
.demo-detail-device{background:#eef5f7;border:1px solid #dfe8eb;border-radius:26px;padding:18px;box-shadow:0 28px 75px rgba(16,43,53,.10);overflow:hidden}.demo-detail-device img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:0 0 15px 15px;display:block}.demo-browser-top{height:32px;border-radius:12px 12px 0 0;background:#0a1a22;color:#8da1a9;display:flex;align-items:center;gap:7px;padding:0 12px;font-size:8px}.demo-browser-top i{width:6px;height:6px;border-radius:50%;background:#fff;opacity:.38}.demo-browser-top span{margin-left:7px}
.demo-detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.demo-login-note{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;padding:12px 14px;border:1px solid #dbe7ea;border-radius:12px;background:#f8fbfc;font-size:9px}.demo-login-note span{color:#258ca9;font-weight:900}
.demo-overview-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.demo-overview-grid h2,.demo-admin-copy h2{font-size:clamp(40px,5vw,72px);letter-spacing:-.055em;line-height:.95;margin:12px 0}.demo-long-copy{font-size:14px;line-height:1.9;color:#62767f}
.demo-feature-section{background:#f3f8fa}.demo-feature-table{max-width:960px;margin:auto;border:1px solid #dce7ea;border-radius:24px;overflow:hidden;background:#fff}.demo-feature-head,.demo-feature-row{display:grid;grid-template-columns:1fr 180px}.demo-feature-head{background:#edf5f8}.demo-feature-head b{padding:20px 28px;font-size:11px;letter-spacing:.08em}.demo-feature-row span,.demo-feature-row strong{padding:20px 28px;border-top:1px solid #e7edef}.demo-feature-row strong{display:grid;place-items:center;color:#1592b8;font-size:24px;border-left:1px solid #e7edef}
.demo-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.demo-media-grid article{border:1px solid #dfe7e9;border-radius:20px;overflow:hidden;background:#fff}.demo-media-grid img,.demo-media-grid video{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.demo-media-grid article>div{padding:17px}.demo-media-grid small{font-size:7px;letter-spacing:.14em;color:#258ca9}.demo-media-grid h3{margin:5px 0 0;font-size:20px}
.demo-admin-showcase{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center;background:#07171e;color:#fff}.demo-admin-copy p{color:#9cb0b8;line-height:1.75}.demo-admin-visual{min-height:520px;background:#f3f6f7;border-radius:22px;display:grid;grid-template-columns:145px 1fr;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.32)}.demo-admin-sidebar{background:#0a2029;padding:24px 13px;display:grid;align-content:start;gap:9px}.demo-admin-sidebar b{font-size:18px;color:#fff;margin-bottom:15px}.demo-admin-sidebar span{font-size:8px;padding:9px;border-radius:7px;background:rgba(255,255,255,.04);color:#9fb4bc}.demo-admin-main{padding:25px}.demo-admin-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.demo-admin-cards i{height:75px;border-radius:12px;background:#fff;border:1px solid #dfe7e9}.demo-admin-chart{height:180px;margin:18px 0;border-radius:14px;background:linear-gradient(180deg,#fff,#e8f4f7);border:1px solid #dfe7e9}.demo-admin-lines{display:grid;gap:9px}.demo-admin-lines i{height:42px;border-radius:9px;background:#fff;border:1px solid #dfe7e9}
.home-demo-showcase{background:#f3f8fa}.home-demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.home-demo-card{display:grid;grid-template-columns:1.15fr .85fr;background:#fff;border:1px solid #dce6e9;border-radius:22px;overflow:hidden}.home-demo-media{position:relative;min-height:270px;background:#eaf2f5}.home-demo-media img{width:100%;height:100%;object-fit:cover}.home-demo-media>span{position:absolute;left:14px;top:14px;padding:7px 9px;border-radius:999px;background:#07171e;color:#fff;font-size:7px;font-weight:900}.home-demo-card>div{padding:22px;display:flex;flex-direction:column;justify-content:center}.home-demo-card small{font-size:7px;letter-spacing:.13em;color:#258ca9}.home-demo-card h3{font-size:25px;margin:9px 0 18px}.home-demo-card a{font-size:9px;font-weight:900;color:#10262f}
@media(max-width:900px){.demo-hub-hero,.demo-detail-hero,.demo-overview-grid,.demo-admin-showcase{grid-template-columns:1fr;gap:34px}.demo-hub-hero{padding-top:110px}.demo-hub-hero-badge{justify-self:start;width:190px}.demo-site-grid,.demo-media-grid,.home-demo-grid{grid-template-columns:1fr}.home-demo-card{grid-template-columns:1fr}.demo-feature-head,.demo-feature-row{grid-template-columns:1fr 85px}.demo-admin-visual{grid-template-columns:105px 1fr;min-height:410px}}@media(max-width:560px){.demo-hub-hero h1,.demo-detail-hero h1{font-size:46px}.demo-site-card-body h2{font-size:23px}.demo-admin-visual{grid-template-columns:80px 1fr}.demo-admin-sidebar span{font-size:7px}.demo-admin-main{padding:14px}}


/* v39.53 Demo Sites Premium Refresh */

.demo-collection-hero{max-width:1440px;margin:0 auto;padding:150px 5vw 50px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:48px;align-items:end}
.demo-collection-copy small,.demo-overview-intro small{font-size:10px;letter-spacing:.18em;font-weight:900;color:var(--accent)}
.demo-collection-copy h1{font-size:clamp(48px,6vw,92px);line-height:.92;letter-spacing:-.06em;margin:14px 0 20px}
.demo-collection-copy h1 em,.demo-overview-intro h2 em{font-weight:400;color:#6c8791}.demo-collection-copy p{max-width:760px;color:#6e8088;font-size:15px;line-height:1.8}
.demo-collection-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.demo-collection-stats div{background:linear-gradient(180deg,#ffffff,#eef4f6);border:1px solid #dbe6ea;border-radius:24px;padding:22px;box-shadow:0 24px 60px rgba(16,43,53,.08)}.demo-collection-stats b{display:block;font-size:36px;line-height:1;color:#132a34}.demo-collection-stats span{display:block;margin-top:8px;font-size:11px;color:#70828a;line-height:1.4}
.demo-collection-shell{padding-top:12px}.demo-collection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.demo-collection-title h2{font-size:clamp(30px,3.2vw,44px);margin:0;letter-spacing:-.04em}.demo-collection-title mark{background:#147ea4;color:#fff;padding:3px 12px;border-radius:999px}.demo-collection-controls{display:flex;gap:12px;align-items:center}
.demo-inline-form label{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #dce7ea;border-radius:16px;background:#fff;font-size:12px;color:#627680}.demo-inline-form select{border:none;background:transparent;font:inherit;color:#132a34;outline:none;min-width:140px}
.demo-filter.premium{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 26px}.demo-filter.premium a{padding:12px 16px;border-radius:999px;background:#eff4f6;border:1px solid #dde8ec;color:#536971;font-size:11px;font-weight:700;letter-spacing:.01em}.demo-filter.premium a.active{background:#0f809f;color:#fff;border-color:#0f809f;box-shadow:0 14px 30px rgba(15,128,159,.25)}
.demo-site-grid.premium-four-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.demo-site-card.premium-card{border:1px solid #dfe7e9;border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 18px 50px rgba(19,49,60,.065);transition:transform .35s ease,box-shadow .35s ease}.demo-site-card.premium-card:hover{transform:translateY(-8px);box-shadow:0 32px 80px rgba(16,43,53,.14)}
.demo-site-card-media.premium{position:relative;display:block;aspect-ratio:16/11;background:#edf4f7;overflow:hidden}.demo-site-card-media.premium img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}.demo-site-card.premium-card:hover .demo-site-card-media img{transform:scale(1.04)}
.demo-card-badge.premium{position:absolute;left:16px;top:16px;display:inline-flex;padding:8px 12px;border-radius:12px;background:#6d49e7;color:#fff;font-size:11px;font-weight:800;box-shadow:0 16px 24px rgba(109,73,231,.28)}
.demo-site-card-body.premium{padding:20px 20px 18px}.demo-site-card-body.premium>small{font-size:11px;letter-spacing:.02em;color:#758890;font-weight:800}.demo-site-card-body.premium h2{font-size:20px;line-height:1.22;letter-spacing:-.03em;margin:10px 0 10px;min-height:52px}.demo-site-card-body.premium p{font-size:13px;line-height:1.7;color:#73868d;min-height:64px}
.demo-price-row{display:flex;align-items:baseline;gap:8px;margin:12px 0 14px}.demo-price-row b{font-size:18px;color:#132a34}.demo-price-row span{font-size:11px;color:#34a26a;font-weight:700}
.demo-tag-row{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.demo-tag-row span{display:inline-flex;padding:8px 10px;background:#f2f6f8;border:1px solid #e1eaee;border-radius:11px;font-size:11px;color:#687a82}
.demo-card-actions.premium{display:grid;grid-template-columns:1fr 1.25fr;gap:10px}.demo-card-actions.premium a{display:inline-flex;align-items:center;justify-content:center;height:46px;border-radius:14px;border:1px solid #d8e4e8;background:#fff;color:#243741;font-weight:800;font-size:13px}.demo-card-actions.premium a.primary{background:linear-gradient(90deg,#0f7e9d,#1aa8d3);color:#fff;border:none;box-shadow:0 18px 34px rgba(18,145,185,.22)}
.demo-premium-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:28px;align-items:start;padding-top:140px}.demo-premium-media-card,.demo-premium-info-card{background:#fff;border:1px solid #dfe7ea;border-radius:28px;box-shadow:0 20px 60px rgba(17,44,54,.08)}.demo-premium-media-card{padding:18px}.demo-premium-media-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:0 0 18px 18px;display:block}.demo-media-cta-row{display:flex;gap:10px;flex-wrap:wrap;padding:18px 6px 4px}
.demo-premium-info-card{padding:24px;position:sticky;top:110px}.demo-premium-info-card small{display:block;font-size:11px;color:#0f809f;font-weight:900;letter-spacing:.08em;margin-bottom:10px}.demo-premium-info-card h1{font-size:clamp(30px,3.4vw,46px);line-height:1.02;letter-spacing:-.05em;margin:0 0 10px}.demo-premium-info-card p{font-size:14px;line-height:1.8;color:#6d7f88}
.demo-price-box{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;margin:18px 0;border-radius:18px;background:linear-gradient(180deg,#f3f8fa,#edf4f6);border:1px solid #dce8ec}.demo-price-box b{font-size:22px;color:#102a33}.demo-price-box span{font-size:12px;color:#5e737b}
.demo-info-stack{display:grid;gap:10px}.demo-info-stack div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #e8eef0}.demo-info-stack span{font-size:11px;color:#76909a;font-weight:700}.demo-info-stack b{font-size:13px;color:#142c35}
.demo-detail-actions.premium-card-actions{margin-top:20px}.demo-detail-actions.premium-card-actions .btn{flex:1 1 auto;justify-content:center}
.demo-login-note.premium{font-size:11px;background:#f7fbfc;border-radius:14px;margin-top:18px}
.demo-anchor-tabs{display:flex;gap:12px;flex-wrap:wrap;padding-top:0;padding-bottom:0}.demo-anchor-tabs a{display:inline-flex;padding:12px 18px;background:#fff;border:1px solid #dce7ea;border-radius:999px;color:#20343d;font-size:12px;font-weight:800;box-shadow:0 12px 26px rgba(17,44,54,.05)}
.demo-overview-premium{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}.demo-overview-intro h2{font-size:clamp(40px,5vw,70px);line-height:.95;letter-spacing:-.05em;margin:12px 0 0}.demo-overview-copy{font-size:14px;line-height:1.95;color:#61757e}
.demo-feature-section.premium{background:linear-gradient(180deg,#f6fafb,#eef5f7)}.demo-feature-table.premium{max-width:none}
.demo-media-stage{background:#fff}.demo-media-grid.premium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.demo-media-grid.premium article{border:1px solid #dde7ea;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 18px 42px rgba(18,46,56,.06)}.demo-media-grid.premium article>div{padding:18px}.demo-media-grid.premium h3{font-size:18px;line-height:1.35}
.demo-admin-showcase.premium{border-radius:30px;overflow:hidden}.demo-admin-visual.premium{min-height:500px}
.related-demo-packages{padding-top:10px}.demo-site-grid.related .demo-site-card.compact .demo-site-card-body{padding:16px 16px 18px}.demo-site-grid.related .demo-site-card.compact h2{font-size:18px;min-height:auto}
.demo-admin-manage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.demo-admin-manage-card{background:#fff;border:1px solid #dfe7ea;border-radius:26px;overflow:hidden;box-shadow:0 18px 48px rgba(17,44,54,.07)}.demo-admin-manage-cover{position:relative;aspect-ratio:16/8;background:#eaf2f5}.demo-admin-manage-cover img{width:100%;height:100%;object-fit:cover;display:block}.demo-admin-badge{position:absolute;left:18px;top:18px;padding:8px 12px;border-radius:12px;background:#5a44db;color:#fff;font-size:11px;font-weight:800}.demo-admin-cover-overlay{position:absolute;left:18px;right:18px;bottom:18px;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,rgba(8,18,24,.16),rgba(8,18,24,.8));backdrop-filter:blur(10px);color:#fff}.demo-admin-cover-overlay small{display:block;font-size:10px;letter-spacing:.08em;opacity:.88}.demo-admin-cover-overlay b{display:block;margin-top:4px;font-size:22px;line-height:1.05;letter-spacing:-.04em}
.demo-admin-manage-body{padding:18px 20px 20px}.demo-admin-title-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.demo-admin-title-row h3{margin:0 0 4px;font-size:21px}.demo-admin-title-row small{font-size:12px;color:#748790}.demo-admin-manage-body p{font-size:13px;line-height:1.75;color:#70828a;min-height:48px}.demo-admin-meta-pills{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.demo-admin-meta-pills span{padding:8px 10px;border-radius:12px;background:#f3f7f9;border:1px solid #e1eaee;font-size:12px;color:#657881}.demo-admin-meta-pills code{font-size:11px}.demo-admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.demo-admin-stats div{padding:12px;border-radius:16px;background:#f7fbfc;border:1px solid #e2ebef;text-align:center}.demo-admin-stats b{display:block;font-size:24px;color:#132a34}.demo-admin-stats span{display:block;font-size:11px;color:#738690;margin-top:4px}.demo-admin-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-heading-note.only-edit-note{max-width:420px;padding:14px 16px;border-radius:16px;background:#f7fbfc;border:1px solid #dde8ec}.admin-heading-note.only-edit-note b{display:block;font-size:13px;color:#17303a}.admin-heading-note.only-edit-note span{display:block;margin-top:6px;font-size:12px;color:#6e828b;line-height:1.6}
.demo-admin-subnav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;margin-bottom:18px;border:1px solid #dce7ea;border-radius:20px;background:#fff}.demo-admin-subnav-copy small{display:block;font-size:10px;color:#7b9199;letter-spacing:.08em}.demo-admin-subnav-copy b{display:block;font-size:18px;color:#122a33}.demo-admin-subnav-copy span{display:block;font-size:12px;color:#6b7d85}
.admin-btn.ghost{background:#f5f8fa;color:#16303a;border:1px solid #dce7ea}
@media(max-width:1280px){.demo-site-grid.premium-four-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-media-grid.premium{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.demo-collection-hero,.demo-premium-top,.demo-overview-premium{grid-template-columns:1fr}.demo-collection-stats{grid-template-columns:repeat(3,1fr)}.demo-premium-info-card{position:relative;top:auto}.demo-admin-manage-grid{grid-template-columns:1fr}.demo-collection-toolbar{flex-direction:column;align-items:flex-start}}
@media(max-width:900px){.demo-site-grid.premium-four-grid,.demo-media-grid.premium,.demo-site-grid.related{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-collection-stats{grid-template-columns:1fr}.demo-anchor-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.demo-anchor-tabs a{white-space:nowrap}}
@media(max-width:640px){.demo-site-grid.premium-four-grid,.demo-media-grid.premium,.demo-site-grid.related{grid-template-columns:1fr}.demo-card-actions.premium{grid-template-columns:1fr}.demo-premium-top{padding-top:110px}.demo-collection-copy h1{font-size:44px}.demo-collection-title h2{font-size:28px}.demo-admin-subnav{flex-direction:column;align-items:flex-start}}