/* CASE PC / Digital Product Studio — design system 2026.10 */
:root{--ink:#102a36;--ink-soft:#385361;--muted:#758b95;--paper:#f8faf9;--surface:#fff;--surface-2:#edf4f2;--line:#dce8e5;--turq:#04a88f;--turq-deep:#08796e;--turq-soft:#d9f7ee;--r-sm:10px;--r-md:16px;--r-lg:25px;--wrap:1240px;--header-h:82px;--font-display:'Vazirmatn',Tahoma,sans-serif}
:root[data-theme=dark]{--ink:#e9f6f3;--ink-soft:#c1d4d2;--muted:#a1b9b8;--paper:#0b1920;--surface:#132a30;--surface-2:#19353c;--line:#25464b;--turq:#48e2c5;--turq-deep:#2dcfb3;--turq-soft:#183f3d}
body{font-family:'Vazirmatn',Tahoma,sans-serif;line-height:1.9}.site-header{background:var(--surface);border-bottom:1px solid var(--line);box-shadow:none}.site-header .header-row{gap:28px}.site-header .brand-name{font-size:25px;letter-spacing:-1px;font-weight:850}.main-nav ul{gap:8px}.main-nav ul a{font-size:13px;font-weight:750;border-radius:9px;padding:10px 13px}.main-nav ul a:hover,.main-nav ul a[aria-current=page]{background:var(--surface-2);color:var(--turq-deep)}.header-cta{border-radius:10px!important;font-size:13px!important;box-shadow:0 7px 20px #07988130}.site-footer{background:#09262f;color:#eaf6f1;border-radius:0}.site-footer .footer-top{padding-block:65px}.site-footer a:hover{color:#39d4b4}.studio-section{padding:112px 0}.studio-hero{position:relative;overflow:hidden;color:#f3faf8;background:radial-gradient(circle at 70% 58%,#174e58 0,#0c303d 36%,#081d28 78%);isolation:isolate}.studio-grid-pattern{position:absolute;inset:0;opacity:.28;background-image:linear-gradient(#82b9b815 1px,transparent 1px),linear-gradient(90deg,#82b9b815 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(90deg,transparent,#000)}.studio-hero-grid{min-height:665px;display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:center;position:relative;z-index:1}.studio-copy{padding:60px 0 45px}.studio-status{display:inline-flex;align-items:center;gap:11px;font-size:10px;letter-spacing:1px;color:#93c5c2;font-weight:750;flex-wrap:wrap}.studio-status-dot{width:7px;height:7px;background:#56ebbc;border-radius:50%;box-shadow:0 0 0 5px #3cc9a41e}.studio-status-line{width:32px;height:1px;background:#477477}.studio-copy h1{font-family:'Vazirmatn',sans-serif;font-size:clamp(42px,5vw,72px);font-weight:900;line-height:1.47;letter-spacing:-2.5px;margin:29px 0 19px;color:white}.studio-copy h1>span{color:#60e5c4}.studio-period{color:#54dcb7!important}.studio-copy>p{font-size:16px;color:#adcad0;line-height:2.2;max-width:570px}.studio-hero-cta{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.studio-button{min-height:52px;padding:12px 24px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:25px;font-size:13px;font-weight:850;text-decoration:none;transition:transform .2s,background .2s,border .2s}.studio-button:hover{transform:translateY(-2px)}.studio-button-primary{color:#052d32;background:#68e9c7;box-shadow:0 10px 26px #11b59a21}.studio-button-primary:hover{background:#b7ffdf;color:#052d32}.studio-button-outline{color:#d3e6e8;border:1px solid #6e929757;background:#ffffff0c}.studio-button-outline:hover{border-color:#a3d9d5;color:#fff}.studio-button-white{background:#fff;color:#0b5360}.studio-hero-metrics{display:flex;gap:30px;margin-top:54px;border-top:1px solid #ffffff19;padding-top:24px}.studio-hero-metrics div{display:flex;align-items:center;gap:11px}.studio-hero-metrics strong{color:#6ee5c7;font:700 19px Arial,sans-serif}.studio-hero-metrics small{font-size:11px;color:#9dbbbd}.studio-hero-visual{height:535px;position:relative;display:grid;place-items:center;perspective:900px}.studio-glow{position:absolute;width:440px;height:440px;border-radius:50%;background:#2ed5b03b;filter:blur(90px)}.studio-orbit{position:absolute;border:1px solid #5aa9a24b;border-radius:50%;transform:rotate(-18deg)}.orbit-outer{width:510px;height:415px;border-style:dashed}.orbit-inner{width:405px;height:350px}.studio-app-window{width:405px;max-width:95%;height:320px;background:#f7fbfc;border:1px solid #a2c3c675;border-radius:18px;box-shadow:0 40px 70px #00141f8c,0 0 0 8px #ffffff0b;transform:rotate(-7deg) rotateY(-7deg);overflow:hidden;position:relative;z-index:1}.studio-window-head{height:39px;display:flex;justify-content:space-between;align-items:center;color:#69828b;background:#e8f1f1;border-bottom:1px solid #dce8e8;padding:0 15px;font:11px Arial,sans-serif;direction:ltr}.studio-dots{display:flex;gap:5px}.studio-dots i{height:7px;width:7px;border-radius:50%;background:#ff9a95}.studio-dots i:nth-child(2){background:#f2cb6b}.studio-dots i:nth-child(3){background:#68cdb4}.studio-head-icon{font-size:19px}.studio-app-body{display:flex;direction:ltr;height:calc(100% - 39px)}.studio-app-sidebar{width:63px;background:#102f3d;display:flex;align-items:center;flex-direction:column;padding:15px 0;gap:17px}.studio-side-logo{width:30px;height:30px;background:#1bb69c;border-radius:8px;display:grid;place-items:center;color:#fff;font:900 23px Arial,sans-serif;letter-spacing:-5px;padding-right:5px}.studio-side-logo span{color:#b5ffdf}.studio-app-sidebar b{width:24px;height:5px;background:#5d8793;border-radius:5px;opacity:.7}.studio-app-sidebar i{margin-top:auto;width:23px;height:23px;background:#3e6a77;border-radius:50%}.studio-app-content{flex:1;padding:22px 23px}.studio-app-top{display:flex;justify-content:space-between;font:700 9px Arial,sans-serif;letter-spacing:1px;color:#83a1a7}.studio-app-top span:last-child{color:#11a98e}.studio-app-title{display:flex;justify-content:space-between;align-items:center;font:700 17px Arial,sans-serif;color:#163845;margin:12px 0}.studio-app-title span{font-size:28px;color:#32b9a3}.studio-app-chart{height:122px;border:1px solid #e4eded;border-radius:10px;background:linear-gradient(180deg,#fff,#eff9f6);padding:12px}.studio-chart-bars{height:80px;display:flex;align-items:end;gap:10px;justify-content:space-around}.studio-chart-bars b{width:22px;height:42%;background:#86d9c7;border-radius:5px 5px 0 0}.studio-chart-bars b:nth-child(2){height:60%}.studio-chart-bars b:nth-child(3){height:49%}.studio-chart-bars b:nth-child(4){height:75%}.studio-chart-bars b:nth-child(5){height:65%}.studio-chart-bars b:nth-child(6){height:89%;background:#16a78f}.studio-chart-bars b:nth-child(7){height:78%;background:#16a78f}.studio-chart-bars b:nth-child(8){height:98%;background:#16a78f}.studio-app-chart>span{font:9px Arial,sans-serif;color:#89a2a8}.studio-app-widgets{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.studio-app-widgets>div{border:1px solid #e1ebea;border-radius:8px;padding:8px;display:grid;grid-template-columns:30px 1fr;align-items:center;column-gap:7px}.studio-app-widgets i{grid-row:span 2;background:#dff5ee;color:#0eaa91;font-size:20px;display:grid;place-items:center;border-radius:6px;font-style:normal}.studio-app-widgets strong{font:700 10px Arial,sans-serif;color:#294b54}.studio-app-widgets small{font:9px Arial,sans-serif;color:#97a7ac}.studio-float{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #fff;border-radius:12px;box-shadow:0 18px 45px #001a2270;position:absolute;z-index:2}.studio-float>span{height:36px;width:36px;display:grid;place-items:center;border-radius:10px;color:#07a68c;background:#d8f7ed;font-size:22px}.studio-float b,.studio-float small{display:block}.studio-float b{font-size:11px;color:#24454b}.studio-float small{font:9px Arial,sans-serif;color:#91a5a8}.studio-float-top{top:43px;right:0}.studio-float-bottom{bottom:46px;left:0}.studio-float-bottom>span{background:#e9e5ff;color:#8877cc}.studio-spark-one,.studio-spark-two{position:absolute;color:#72ebc5;font-size:35px}.studio-spark-one{top:55px;left:70px}.studio-spark-two{right:35px;bottom:42px}.studio-bottom-strip{border-top:1px solid #ffffff19;position:relative;z-index:1}.studio-bottom-strip .wrap{display:flex;align-items:center;gap:28px;padding-block:17px;color:#83a7aa;font:700 11px Arial,sans-serif;letter-spacing:1.2px}.studio-bottom-strip .wrap>span:nth-child(even){color:#43d4b2}.studio-scroll{margin-right:auto;font:11px 'Vazirmatn',sans-serif!important;color:#8daeb2!important;letter-spacing:0}.studio-section-heading{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:40px}.studio-section-heading>div{flex:1.2}.studio-section-heading>p{flex:.65;font-size:14px;color:var(--muted);line-height:2.1;max-width:360px}.studio-eyebrow{font:800 11px Arial,sans-serif;letter-spacing:2px;color:#079b88;display:block;margin-bottom:17px;direction:ltr;text-align:right}.studio-section h2{font-size:clamp(31px,3.3vw,46px);font-weight:900;line-height:1.55;letter-spacing:-1px;margin:0}.studio-section h2 em{font-style:normal;color:#03a88f}.studio-services{background:var(--paper)}.studio-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.studio-service-card{min-height:392px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:27px 28px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,border .2s}.studio-service-card:hover{transform:translateY(-5px);border-color:#2fc7ad}.studio-card-featured{background:#d9f7ec;border-color:#b4e8d6;color:#103f44}.studio-service-num{font:800 10px Arial,sans-serif;color:#8da4ac;letter-spacing:1.5px;direction:ltr;text-align:right}.studio-card-featured .studio-service-num{color:#5d948e}.studio-service-symbol{width:76px;height:76px;border:1px solid #cedfdd;background:var(--surface-2);display:grid;place-items:center;border-radius:18px;color:#069d8a;font-size:44px;margin:18px 0}.studio-card-featured .studio-service-symbol{background:#b9ecd9;border-color:#a8e3d0}.studio-service-card>div:last-child>span{font:700 9px Arial,sans-serif;letter-spacing:1.3px;color:#0c9b89}.studio-service-card h3{font-size:21px;line-height:1.6;font-weight:850;margin:9px 0 10px}.studio-service-card p{font-size:13px;color:var(--muted);line-height:2.1;min-height:80px}.studio-card-featured p{color:#467775}.studio-service-card a{display:inline-flex;align-items:center;gap:18px;font-size:12px;color:var(--turq-deep);font-weight:800;margin-top:18px}.studio-products{background:#0b2530;color:#e7f6f3}.studio-heading-light h2{color:#fff}.studio-heading-light>p{color:#94adb5}.studio-products .studio-eyebrow{color:#59d7b8}.studio-products h2 em{color:#64e2bc}.studio-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.studio-product-card{background:#153641;border:1px solid #31505a;border-radius:17px;overflow:hidden;transition:transform .2s,border .2s}.studio-product-card:hover{transform:translateY(-4px);border-color:#55d7b6}.studio-product-preview{height:225px;display:block;background:linear-gradient(130deg,#1a5c69,#11404d);position:relative;overflow:hidden}.studio-product-preview img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.studio-product-card:hover img{transform:scale(1.04)}.studio-product-label{position:absolute;right:15px;top:14px;background:#071c26c9;border:1px solid #ffffff30;color:#b8e9dd;border-radius:6px;font-size:10px;padding:6px 10px}.studio-product-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#86d5ca;background:radial-gradient(circle at 50% 50%,#2a8c87,#134550 70%)}.studio-product-placeholder span{font:11px Arial,sans-serif;letter-spacing:3px}.studio-product-placeholder b{font-size:83px;line-height:1.35}.studio-product-placeholder small{font:9px Arial,sans-serif;letter-spacing:2px}.studio-product-info{display:flex;justify-content:space-between;gap:15px;align-items:end;padding:22px}.studio-product-info h3{color:#fff;font-size:16px;line-height:1.6;margin:0 0 8px}.studio-product-info p{font-size:11px;color:#a1b8bd;line-height:1.9;max-height:44px;overflow:hidden}.studio-product-go{min-width:38px;height:38px;border:1px solid #40616a;display:grid;place-items:center;border-radius:9px;color:#67d6bc;font-size:20px}.studio-products-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:40px;color:#9fb6bd;font-size:12px}.studio-approach{background:var(--surface)}.studio-approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px}.studio-approach-intro>p{font-size:14px;color:var(--muted);line-height:2.2;margin:25px 0}.studio-text-link{font-size:13px;color:var(--turq-deep);font-weight:800;display:inline-flex;gap:20px}.studio-process-list>div{display:flex;align-items:start;gap:22px;border-bottom:1px solid var(--line);padding:22px 0}.studio-process-list>div:first-child{padding-top:0}.studio-process-list>div>span{font:700 13px Arial,sans-serif;color:#0aa38d;padding-top:7px}.studio-process-list>div>div{flex:1}.studio-process-list h3{font-size:18px;margin:0 0 6px}.studio-process-list p{font-size:12px;color:var(--muted);margin:0}.studio-process-list b{color:#10a58f;font-size:17px;font-weight:400}.studio-partners{padding:80px 0;background:#d9f4e9;overflow:hidden}.studio-partner-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.studio-partner-grid>div:first-child>span{font:800 11px Arial,sans-serif;letter-spacing:2px;color:#188879}.studio-partner-grid h2{font-size:clamp(34px,3.4vw,48px);font-weight:900;line-height:1.5;color:#143d43;margin:22px 0}.studio-partner-grid h2 em{font-style:normal;color:#079981}.studio-partner-grid p{color:#4c7777;font-size:14px;line-height:2.3;max-width:560px}.studio-partner-grid .studio-button{margin-top:23px}.studio-partner-visual{height:320px;display:grid;place-items:center;position:relative}.studio-network-ring{border:1px dashed #36af9c;width:285px;height:285px;border-radius:50%;position:absolute;box-shadow:0 0 0 50px #0f9c8d0b}.studio-network-center{width:174px;height:174px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#3ecbb2,#086d72);box-shadow:0 20px 40px #075c5d55;display:grid;place-items:center;color:white;font:900 90px Arial,sans-serif;letter-spacing:-22px;padding-right:20px;z-index:1}.studio-network-center span{color:#c6ffe2}.studio-node{position:absolute;background:#fff;width:60px;height:60px;display:grid;place-items:center;border-radius:17px;color:#109b83;font-size:30px;font-style:normal;box-shadow:0 13px 26px #3b8e8340;z-index:2}.studio-node.n1{top:2px;right:60px}.studio-node.n2{bottom:20px;left:60px}.studio-node.n3{top:65px;left:32px}.studio-node.n4{bottom:5px;right:80px}.studio-final{background:var(--paper);text-align:center}.studio-final-inner>span{font:800 11px Arial,sans-serif;letter-spacing:2px;color:#0aa28e}.studio-final h2{margin:12px 0!important}.studio-final p{color:var(--muted);font-size:14px}.studio-final-inner>div{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:28px}.studio-final .studio-button-primary{background:#0b8b7a;color:#fff}.studio-final .studio-button-outline{border-color:var(--line);color:var(--ink);background:var(--surface)}.studio-no-products{grid-column:1/-1;text-align:center;padding:60px;border:1px dashed #497079;border-radius:18px;color:#a7c3c7}
/* Shared redesign across product, about, portfolio and contact */
.page-head{padding-top:35px}.product-layout,.contact-grid,.about-grid{gap:38px}.product-card,.portfolio-card,.contact-card,.glass{border-radius:19px!important;box-shadow:0 12px 35px #10393d0b!important}.product-grid{gap:24px}.product-media{background:#e2efec}.product-card{overflow:hidden;transition:transform .2s}.product-card:hover{transform:translateY(-4px)}.section-head h2,.display{letter-spacing:-.7px}.site-footer .brand-name{color:#fff}
@media(max-width:1080px){.studio-hero-grid{gap:8px}.studio-app-window{transform:rotate(-5deg) scale(.9)}.studio-float-top{right:-12px}.studio-service-card{padding:22px}.studio-product-grid{gap:15px}.studio-approach-grid{gap:40px}}
@media(max-width:760px){.studio-section{padding:68px 0}.studio-hero-grid{grid-template-columns:1fr;min-height:unset}.studio-copy{padding:58px 0 5px}.studio-copy h1{font-size:clamp(39px,9vw,55px);letter-spacing:-1px;line-height:1.55}.studio-copy>p{font-size:14px}.studio-hero-metrics{margin-top:35px;gap:14px;flex-wrap:wrap}.studio-hero-metrics div{gap:7px}.studio-hero-metrics small{font-size:10px}.studio-hero-visual{height:390px;transform:scale(.73);margin:-24px 0}.studio-bottom-strip .wrap{gap:12px;flex-wrap:wrap;font-size:9px}.studio-scroll{display:none}.studio-section-heading{display:block;margin-bottom:30px}.studio-section-heading>p{margin-top:17px;font-size:13px}.studio-section h2{font-size:32px}.studio-service-grid,.studio-product-grid,.studio-approach-grid,.studio-partner-grid{grid-template-columns:1fr}.studio-service-card{min-height:315px}.studio-service-symbol{margin:15px 0}.studio-service-card p{min-height:unset}.studio-product-preview{height:225px}.studio-products-footer{align-items:start;flex-direction:column}.studio-approach-grid{gap:35px}.studio-partners{padding:62px 0}.studio-partner-visual{height:280px;transform:scale(.85)}.studio-partner-grid h2{font-size:35px}.studio-final h2{font-size:33px}}
@media(max-width:420px){.studio-hero-visual{margin-right:-25px}.studio-copy h1{font-size:35px}.studio-hero-cta .studio-button{padding:10px 14px;gap:10px}.studio-hero-metrics small{font-size:9px}}
.studio-catalogs{background:var(--surface);position:relative}.studio-catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.studio-catalog-card{position:relative;min-height:305px;border:1px solid var(--line);background:var(--paper);border-radius:19px;padding:29px;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,border-color .2s,box-shadow .2s}.studio-catalog-card:hover{transform:translateY(-5px);border-color:#23b69e;box-shadow:0 18px 38px #075c5720}.studio-catalog-icon{height:67px;width:67px;border-radius:17px;background:#d8f6ec;color:#079782;display:grid;place-items:center;font-size:36px;margin-bottom:21px}.studio-catalog-card:nth-child(2) .studio-catalog-icon{background:#e1f0fc;color:#277bb0}.studio-catalog-card:nth-child(3) .studio-catalog-icon{background:#ece7ff;color:#7a66ba}.studio-catalog-card small{font:800 10px Arial,sans-serif;color:#10a087;letter-spacing:1.1px}.studio-catalog-card h3{font-size:21px;margin:8px 0 5px}.studio-catalog-card p{font-size:12px;color:var(--muted)}.studio-catalog-card b{margin-top:auto;padding-top:20px;color:var(--turq-deep);font-size:12px}@media(max-width:760px){.studio-catalog-grid{grid-template-columns:1fr}.studio-catalog-card{min-height:255px}}