:root{
  --orange:#ff4f00;
  --orange-dark:#e44700;
  --orange-soft:#fff0e8;
  --ink:#09090a;
  --ink-2:#171719;
  --paper:#fffdfa;
  --cream:#f6f4ef;
  --cream-2:#ede9e1;
  --muted:#68686e;
  --muted-2:#8c8c92;
  --line:rgba(9,9,10,.10);
  --green:#158a55;
  --max:1320px;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--cream)}
body{margin:0;overflow-x:hidden;color:var(--ink);background:var(--cream);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
button{color:inherit}
::selection{color:#fff;background:var(--orange)}
.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.orange{color:var(--orange)}
.muted{color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* HEADER */
.site-header{position:fixed;z-index:4000;top:0;left:0;width:100%;height:88px;display:grid;grid-template-columns:minmax(285px,auto) minmax(130px,1fr) auto auto;align-items:center;gap:clamp(15px,2.6vw,38px);padding:0 clamp(18px,3vw,48px);transition:height .35s ease,background .35s ease,box-shadow .35s ease,backdrop-filter .35s ease}
.site-header.scrolled,.site-header.inner-page{height:70px;background:rgba(255,253,250,.90);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);box-shadow:0 1px 0 rgba(0,0,0,.07)}
.brand{display:inline-flex;align-items:center;gap:0;flex-shrink:0}
.dc-symbol{width:68px;height:42px;display:block;flex:0 0 68px;transition:transform .28s var(--ease)}
.dc-symbol path{fill:none;stroke:currentColor;stroke-width:5.8;stroke-linecap:round;stroke-linejoin:round}
.brand:hover .dc-symbol{transform:translateX(2px)}
.dc-divider{width:1px;height:46px;margin:0 16px 0 14px;background:rgba(9,9,10,.48)}
.dc-wordmark{display:flex;flex-direction:column;justify-content:center;min-width:138px}
.dc-name{display:block;font-weight:760;font-size:15px;line-height:.95;letter-spacing:.135em;text-transform:uppercase}
.dc-name-line{display:block}.dc-name-line+.dc-name-line{margin-top:4px}
.dc-domain{display:block;margin-top:6px;color:#161618;font-size:11px;line-height:1;font-weight:500;letter-spacing:-.025em}
.dc-domain-orange{color:var(--orange)}
.header-meta{display:flex;align-items:center;min-width:0;gap:12px;color:#57575d;font-size:9px;font-weight:650;line-height:1.25;letter-spacing:.18em;text-transform:uppercase}
.header-meta-line{width:34px;height:1px;background:var(--orange)}
.desktop-nav{display:flex;align-items:center;gap:2px}
.desktop-nav a{padding:10px 11px;border-radius:999px;color:#454549;font-size:11px;font-weight:540;transition:.2s}
.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:var(--ink);background:rgba(0,0,0,.045)}
.header-actions{display:flex;align-items:center;gap:8px}
.header-cta{height:41px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:999px;color:#fff;background:var(--ink);font-size:11px;font-weight:700;transition:.2s}
.header-cta:hover{background:var(--orange);transform:translateY(-1px)}
.menu-button{height:42px;display:flex;align-items:center;gap:9px;padding:0;border:0;background:transparent;cursor:pointer}
.menu-word{font-size:10px;font-weight:650}
.menu-icon{position:relative;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(0,0,0,.15);border-radius:50%;transition:.25s}
.menu-button:hover .menu-icon{color:#fff;background:var(--orange);border-color:var(--orange);transform:rotate(8deg)}
.menu-icon span{position:absolute;width:14px;height:1px;background:currentColor}
.menu-icon span:first-child{transform:translateY(-3px)}.menu-icon span:last-child{transform:translateY(3px)}

/* FULL MENU */
.menu-overlay{position:fixed;z-index:3900;inset:0;padding:125px clamp(24px,5vw,76px) 55px;overflow-y:auto;color:#fff;background:var(--orange);opacity:0;visibility:hidden;transform:translateY(-18px);transition:opacity .3s ease,visibility .3s ease,transform .42s var(--ease)}
.menu-overlay.open{opacity:1;visibility:visible;transform:none}
.menu-grid{width:min(1380px,100%);margin:auto;display:grid;grid-template-columns:1.15fr .92fr .7fr;gap:clamp(40px,7vw,110px)}
.menu-label{display:block;margin-bottom:22px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.62}
.menu-main a{display:block;width:fit-content;margin:3px 0;font-size:clamp(44px,6vw,82px);font-weight:760;line-height:.98;letter-spacing:-.065em;transition:.25s}
.menu-main a:hover{opacity:.66;transform:translateX(10px)}
.menu-secondary a{display:block;width:fit-content;margin:10px 0;font-size:clamp(19px,2.2vw,30px);line-height:1.08;font-weight:650;letter-spacing:-.04em}
.menu-side{display:flex;flex-direction:column;justify-content:space-between;min-height:400px}
.menu-side p{max-width:270px;margin:0;font-size:14px;line-height:1.55;opacity:.78}
.menu-side-big{font-size:clamp(66px,8vw,120px);line-height:.85;font-weight:850;letter-spacing:-.08em;opacity:.18}

/* COMMON */
.page-hero{position:relative;overflow:hidden;padding:170px 0 95px;background:radial-gradient(circle at 84% 18%,rgba(255,79,0,.13),transparent 30%),linear-gradient(180deg,#fffdfa,#f6f4ef)}
.page-hero::after{content:"";position:absolute;width:520px;height:520px;right:-260px;top:-250px;border:1px solid rgba(255,79,0,.16);border-radius:50%}
.page-kicker,.eyebrow{display:flex;align-items:center;gap:13px;margin-bottom:22px;color:#55555a;font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.page-kicker::before,.eyebrow::before{content:"";width:45px;height:2px;background:var(--orange)}
.page-hero h1,.hero h1,.big-title{margin:0;font-size:clamp(63px,8.2vw,118px);line-height:.86;font-weight:820;letter-spacing:-.078em}
.page-hero h1{max-width:1030px}
.page-hero p{max-width:730px;margin:27px 0 0;color:var(--muted);font-size:clamp(18px,1.7vw,23px);line-height:1.48}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:30px}
.btn{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 22px;border:1px solid transparent;border-radius:999px;font-size:13px;font-weight:700;transition:.2s;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn-orange{color:#fff;background:var(--orange)}.btn-orange:hover{background:var(--orange-dark)}
.btn-dark{color:#fff;background:var(--ink)}.btn-dark:hover{background:#29292d}
.btn-outline{border-color:rgba(0,0,0,.16);background:rgba(255,255,255,.65)}.btn-outline:hover{background:#fff;border-color:rgba(0,0,0,.28)}
.btn-light{color:var(--ink);background:#fff}
.section{padding:120px 0}.section-white{background:#fff}.section-cream{background:var(--cream)}.section-black{color:#fff;background:var(--ink)}.section-orange{color:#fff;background:var(--orange)}
.section-head{max-width:980px;margin-bottom:52px}.section-head.center{margin:0 auto 56px;text-align:center}
.section-kicker{display:flex;align-items:center;gap:11px;margin-bottom:15px;color:var(--orange);font-size:10px;font-weight:760;letter-spacing:.17em;text-transform:uppercase}
.section-kicker::before{content:"";width:34px;height:2px;background:currentColor}.section-head.center .section-kicker{justify-content:center}
.section-head h2{margin:0;font-size:clamp(47px,6vw,82px);line-height:.92;font-weight:780;letter-spacing:-.066em}
.section-head p{max-width:700px;margin:21px 0 0;color:var(--muted);font-size:clamp(17px,1.5vw,21px);line-height:1.55}.section-head.center p{margin-inline:auto}
.section-black .section-head p{color:#aaaab0}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}

/* HOME HERO */
.hero{position:relative;min-height:860px;padding:155px 0 68px;overflow:hidden;background:radial-gradient(circle at 77% 19%,rgba(255,79,0,.11),transparent 27%),linear-gradient(180deg,#fffdfa 0%,#f6f4ef 100%)}
.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:.93fr 1.07fr;gap:clamp(35px,5vw,80px);align-items:center}
.hero-copy{padding-top:30px}.hero h1{max-width:720px}.hero-dot{color:var(--orange)}
.hero-sub{max-width:650px;margin:26px 0 0;font-size:clamp(25px,2.6vw,39px);line-height:1.02;font-weight:620;letter-spacing:-.05em}
.hero-description{max-width:610px;margin:23px 0 0;color:var(--muted);font-size:clamp(16px,1.35vw,19px);line-height:1.58}
.hero-mini{margin-top:27px;display:flex;align-items:center;gap:11px;color:var(--muted);font-size:12px}.hero-mini-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(21,138,85,.09)}
.hero-visual{position:relative;min-height:650px}
.hero-photo{position:absolute;top:15px;right:-7vw;width:min(770px,61vw);height:565px;overflow:hidden;border-radius:36px 0 0 36px;background:#bbb;box-shadow:0 45px 90px rgba(0,0,0,.12)}
.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.08),rgba(0,0,0,.13))}
.device{position:absolute;z-index:4;width:min(570px,48vw);right:4%;top:132px}
.device-screen{aspect-ratio:16/10;padding:9px;overflow:hidden;border-radius:18px 18px 9px 9px;background:linear-gradient(145deg,#303034,#0d0d0e);box-shadow:0 35px 65px rgba(0,0,0,.30)}
.browser{width:100%;height:100%;overflow:hidden;border-radius:10px 10px 5px 5px;background:#fff}.browser-bar{height:29px;display:flex;align-items:center;gap:5px;padding:0 10px;background:#f3f3f3;border-bottom:1px solid rgba(0,0,0,.06)}.browser-dot{width:6px;height:6px;border-radius:50%;background:#cacaca}
.demo-site{position:relative;height:calc(100% - 29px);overflow:hidden;color:#fff}.demo-site img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.demo-site::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.04))}
.demo-copy{position:relative;z-index:3;width:58%;padding:37px 0 0 35px}.demo-copy small{font-size:7px;letter-spacing:.14em;text-transform:uppercase}.demo-copy h3{margin:10px 0 0;font-size:clamp(20px,2.2vw,34px);line-height:.93;letter-spacing:-.055em}.demo-button{width:fit-content;margin-top:13px;padding:7px 10px;border-radius:999px;background:var(--orange);font-size:7px;font-weight:700}
.device-base{position:relative;width:112%;height:16px;left:-6%;border-radius:0 0 80px 80px;background:linear-gradient(180deg,#d8d8da,#959599);box-shadow:0 13px 19px rgba(0,0,0,.17)}
.phone{position:absolute;z-index:7;width:150px;right:1%;bottom:80px;padding:6px;border-radius:29px;background:linear-gradient(145deg,#303034,#070708);box-shadow:0 25px 44px rgba(0,0,0,.28)}
.phone-screen{position:relative;aspect-ratio:9/19;overflow:hidden;border-radius:24px;color:#fff;background:#111}.phone-screen img{width:100%;height:100%;object-fit:cover}.phone-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.04))}
.phone-island{position:absolute;z-index:5;top:7px;left:50%;width:42px;height:11px;border-radius:999px;transform:translateX(-50%);background:#000}.phone-text{position:absolute;z-index:4;left:15px;right:15px;bottom:19px;font-size:17px;line-height:.96;font-weight:760;letter-spacing:-.05em}
.hand-note{position:absolute;z-index:8;right:-5px;top:35px;width:180px;color:#161616;font-family:Caveat,"Segoe Print",cursive;font-size:27px;line-height:.92;font-weight:650;transform:rotate(-7deg)}.hand-note::after{content:"";display:block;width:82px;height:4px;margin:12px 0 0 35px;border-radius:999px;background:var(--orange);transform:rotate(-7deg)}
.hero-dashboard{position:absolute;z-index:10;left:-18px;bottom:38px;width:235px;padding:17px;border:1px solid rgba(255,255,255,.72);border-radius:20px;background:rgba(255,255,255,.90);backdrop-filter:blur(18px);box-shadow:0 20px 50px rgba(0,0,0,.11)}
.dashboard-mini-top{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.dashboard-mini-value{margin-top:5px;font-size:29px;font-weight:820;letter-spacing:-.055em}.dashboard-mini-value span{margin-left:4px;color:var(--green);font-size:9px;font-weight:700;letter-spacing:0}.sparkline{height:38px;margin-top:7px}

/* STRIP */
.value-strip{padding:0 0 14px}.value-strip-inner{min-height:82px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;border:1px solid var(--line);border-radius:23px;background:rgba(255,255,255,.7)}
.value-item{position:relative;padding:0 20px;text-align:center;color:#55555a;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.value-item:not(:last-child)::after{content:"";position:absolute;top:50%;right:0;width:1px;height:29px;background:var(--line);transform:translateY(-50%)}

/* CARDS */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.card{position:relative;overflow:hidden;padding:32px;border:1px solid var(--line);border-radius:28px;background:#fff}
.card.dark{color:#fff;background:var(--ink);border-color:rgba(255,255,255,.08)}.card.orange{color:#fff;background:var(--orange);border-color:transparent}
.card-index{color:var(--muted-2);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.card.dark .card-index,.card.orange .card-index{color:rgba(255,255,255,.55)}
.card h3{margin:27px 0 0;font-size:clamp(30px,3vw,46px);line-height:.98;font-weight:760;letter-spacing:-.055em}.card p{margin:15px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.card.dark p,.card.orange p{color:rgba(255,255,255,.72)}
.card-link{display:inline-flex;gap:8px;margin-top:23px;font-size:12px;font-weight:750}.card-link span{color:var(--orange)}.card.orange .card-link span{color:#fff}

/* DEMO FEATURE */
.demo-feature{display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;border-radius:34px;background:var(--ink);color:#fff}
.demo-feature-copy{padding:clamp(38px,6vw,78px)}.demo-feature-copy h2{margin:0;font-size:clamp(47px,6vw,80px);line-height:.91;letter-spacing:-.066em}.demo-feature-copy p{max-width:580px;color:#aaaab0;font-size:17px;line-height:1.55}
.demo-feature-visual{position:relative;min-height:560px;background:url("https://images.pexels.com/photos/3184465/pexels-photo-3184465.jpeg?auto=compress&cs=tinysrgb&w=1800") center/cover}.demo-feature-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#09090a 0%,rgba(9,9,10,.12) 42%,rgba(9,9,10,.04))}
.demo-paper{position:absolute;z-index:2;right:8%;top:16%;width:min(430px,72%);padding:28px;border-radius:24px;background:rgba(255,255,255,.93);color:var(--ink);box-shadow:0 40px 80px rgba(0,0,0,.24);transform:rotate(2deg)}
.demo-paper small{color:var(--orange);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.demo-paper h3{margin:15px 0 0;font-size:35px;line-height:.95;letter-spacing:-.055em}.demo-paper p{color:var(--muted);font-size:12px}

/* DASHBOARD */
.dashboard-wrap{position:relative;overflow:hidden}.dashboard-wrap::before{content:"";position:absolute;width:650px;height:650px;top:-320px;right:-250px;border-radius:50%;background:radial-gradient(circle,rgba(255,79,0,.25),transparent 65%)}
.dashboard-shell{position:relative;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:32px;background:rgba(255,255,255,.055);box-shadow:0 45px 100px rgba(0,0,0,.24)}
.dashboard-window{overflow:hidden;border-radius:22px;color:var(--ink);background:var(--paper)}
.dashboard-header{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 27px;border-bottom:1px solid var(--line)}.dashboard-logo{font-size:15px;font-weight:820;letter-spacing:-.04em}.dashboard-status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.dashboard-status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:17px}.metric{min-height:144px;padding:21px;border-radius:18px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.035)}.metric-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:var(--orange);background:var(--orange-soft);font-size:17px}.metric-label{margin-top:17px;font-size:11px;font-weight:700}.metric-value{margin-top:4px;font-size:clamp(30px,3vw,47px);line-height:1;font-weight:840;letter-spacing:-.055em}.metric-help{margin-top:7px;color:var(--muted);font-size:9px;line-height:1.35}
.dashboard-main{display:grid;grid-template-columns:1.1fr .9fr;gap:10px;padding:0 17px 17px}.dashboard-panel{min-height:330px;padding:22px;border-radius:18px;background:#fff}.panel-title{font-size:18px;font-weight:760;letter-spacing:-.035em}.panel-subtitle{margin-top:3px;color:var(--muted);font-size:10px}.chart{width:100%;height:225px;margin-top:16px}.query-table{width:100%;margin-top:17px;border-collapse:collapse;font-size:10px}.query-table th,.query-table td{padding:9px 7px;border-bottom:1px solid var(--line)}.query-table th{color:var(--muted);font-weight:550;text-align:left}.query-table td:not(:first-child),.query-table th:not(:first-child){text-align:right}

/* PROJECTS */
.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.project-card{position:relative;min-height:520px;overflow:hidden;border-radius:30px;background:#222}.project-card.span-7{grid-column:span 7}.project-card.span-5{grid-column:span 5}.project-card.span-6{grid-column:span 6}
.project-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}.project-card:hover img{transform:scale(1.025)}.project-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.84),rgba(0,0,0,.03) 62%)}
.project-content{position:absolute;z-index:3;left:32px;right:32px;bottom:30px;color:#fff}.project-type{margin-bottom:8px;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.72}.project-card h3{margin:0;font-size:clamp(34px,4.3vw,64px);line-height:.94;font-weight:760;letter-spacing:-.06em}.project-card p{max-width:560px;margin:13px 0 0;color:rgba(255,255,255,.80);font-size:13px;line-height:1.5}

/* PROCESS */
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:var(--line)}.process-step{min-height:330px;padding:32px;background:var(--paper)}.process-number{color:var(--orange);font-size:13px;font-weight:800}.process-step h3{margin:75px 0 0;font-size:29px;line-height:1;font-weight:760;letter-spacing:-.05em}.process-step p{margin:15px 0 0;color:var(--muted);font-size:14px;line-height:1.55}

/* PRICING */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.price-card{position:relative;min-height:700px;display:flex;flex-direction:column;padding:31px;border:1px solid var(--line);border-radius:26px;background:#fff}.price-card.featured{border:2px solid var(--orange);box-shadow:0 25px 70px rgba(255,79,0,.11)}.price-badge{position:absolute;top:0;left:50%;min-width:155px;padding:7px 16px;border-radius:0 0 15px 15px;color:#fff;background:var(--orange);text-align:center;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transform:translateX(-50%)}
.price-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;color:var(--orange);background:var(--orange-soft);font-size:23px}.price-name{margin-top:19px;font-size:29px;font-weight:850;letter-spacing:-.045em}.price-sub{margin-top:2px;color:#515158;font-size:14px}.price{display:flex;align-items:flex-end;gap:7px;margin-top:24px;padding-bottom:23px;border-bottom:1px solid var(--line)}.price strong{font-size:clamp(49px,5vw,67px);line-height:.9;font-weight:850;letter-spacing:-.06em}.price span{margin-bottom:4px;color:var(--muted);font-size:13px}
.features{list-style:none;margin:24px 0 0;padding:0}.features li{display:grid;grid-template-columns:22px 1fr;gap:10px;margin:10px 0;color:#323238;font-size:13px;line-height:1.35}.check{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:var(--orange);background:var(--orange-soft);font-size:11px;font-weight:900}.price-bottom{margin-top:auto;padding-top:22px}.price-note{min-height:70px;padding:14px;border-radius:14px;color:#55555c;background:var(--cream);font-size:11px;line-height:1.42}.featured .price-note{color:#b43a00;background:var(--orange-soft)}
.subscription-note{margin-top:14px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:#fffdfa;color:#5d5d63;font-size:12px;line-height:1.55}.subscription-note strong{color:var(--ink)}.subscription-note a{color:var(--orange);font-weight:800}
.comparison{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;font-size:12px}.comparison th,.comparison td{padding:15px;border-bottom:1px solid var(--line);text-align:center}.comparison th:first-child,.comparison td:first-child{text-align:left}.comparison tr:last-child td{border-bottom:0}.comparison th{background:var(--cream);font-size:11px}.comparison .yes{color:var(--green);font-weight:800}.comparison .no{color:#b2b2b7}

/* ABOUT */
.about-split{display:grid;grid-template-columns:.92fr 1.08fr;gap:14px}.about-photo{position:relative;min-height:680px;overflow:hidden;border-radius:30px;background:#222}.about-photo img{width:100%;height:100%;object-fit:cover}.about-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55),transparent 60%)}.about-photo-caption{position:absolute;z-index:2;left:28px;bottom:26px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.about-copy{min-height:680px;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vw,86px);border-radius:30px;background:var(--orange);color:#fff}.about-copy h2{margin:0;font-size:clamp(47px,5.8vw,78px);line-height:.92;font-weight:780;letter-spacing:-.065em}.about-copy p{max-width:620px;margin:23px 0 0;color:rgba(255,255,255,.83);font-size:17px;line-height:1.55}.skill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:35px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.25)}.skill-grid div{min-height:84px;padding:18px;background:var(--orange);font-size:12px;line-height:1.35}

/* FAQ */
.faq{max-width:980px;margin:auto}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-question{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px;padding:25px 0;border:0;background:transparent;text-align:left;cursor:pointer}.faq-question span:first-child{font-size:clamp(21px,2.3vw,30px);font-weight:700;letter-spacing:-.04em}.faq-plus{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#fff;font-size:20px;transition:.3s}.faq-item.open .faq-plus{color:#fff;background:var(--orange);transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}.faq-answer-inner{max-width:790px;padding:0 0 26px;color:var(--muted);font-size:14px;line-height:1.65}

/* CONTACT */
.contact-hero{position:relative;overflow:hidden;padding:175px 0 110px;color:#fff;background:var(--ink)}.contact-hero::before{content:"";position:absolute;width:750px;height:750px;top:-390px;right:-240px;border-radius:50%;background:radial-gradient(circle,rgba(255,79,0,.48),rgba(255,79,0,0) 66%)}
.contact-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .78fr;gap:70px;align-items:end}.contact-hero h1,.contact-hero h2{margin:0;font-size:clamp(65px,8.5vw,118px);line-height:.86;font-weight:800;letter-spacing:-.075em}.contact-hero p{max-width:590px;color:#aaaab0;font-size:18px;line-height:1.55}
.contact-stack{display:grid;gap:10px}.contact-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.055)}.contact-card small{display:block;color:#8f8f95;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.contact-card strong{display:block;margin-top:5px;font-size:18px}.contact-card .arrow{color:var(--orange);font-size:25px}
.form-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px}.form-intro,.contact-form{padding:34px;border-radius:28px;background:#fff}.form-intro h2{margin:0;font-size:clamp(38px,4vw,56px);line-height:.95;letter-spacing:-.055em}.form-intro p{color:var(--muted);line-height:1.6}.contact-form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--cream);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,79,0,.08)}.field textarea{min-height:145px;resize:vertical}.privacy-check{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:11px;line-height:1.45}.privacy-check input{margin-top:2px}.form-status{grid-column:1/-1;display:none;padding:12px;border-radius:10px;background:var(--orange-soft);color:#8a300a;font-size:12px}

/* CASE STUDY */
.case-hero{position:relative;min-height:730px;display:flex;align-items:flex-end;overflow:hidden;color:#fff;background:#222}.case-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.case-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88),rgba(0,0,0,.08) 72%)}.case-hero-content{position:relative;z-index:2;width:min(var(--max),calc(100% - 48px));margin:auto;padding:150px 0 60px}.case-meta{font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;opacity:.74}.case-hero h1{max-width:980px;margin:15px 0 0;font-size:clamp(58px,8vw,108px);line-height:.87;letter-spacing:-.075em}.case-hero p{max-width:680px;color:rgba(255,255,255,.80);font-size:17px;line-height:1.55}
.case-content{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px}.case-side{position:sticky;top:105px;align-self:start}.case-side small{color:var(--orange);font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.case-side ul{list-style:none;margin:17px 0 0;padding:0}.case-side li{padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.case-story h2{margin:0 0 22px;font-size:clamp(42px,5vw,67px);line-height:.94;letter-spacing:-.06em}.case-story h3{margin:45px 0 12px;font-size:28px;letter-spacing:-.04em}.case-story p{color:var(--muted);font-size:16px;line-height:1.7}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:38px}.case-gallery img{width:100%;height:420px;object-fit:cover;border-radius:24px}

/* FOOTER */
.footer{padding:33px 0;color:#737379;background:var(--ink);border-top:1px solid rgba(255,255,255,.09)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:10px;line-height:1.4}.footer-links{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.footer-links a:hover,.footer-links button:hover{color:#fff;text-decoration:underline}.footer-links button{padding:0;border:0;color:inherit;background:transparent;font:inherit;cursor:pointer}

/* COOKIE */
.dc-cookie-banner{position:fixed;z-index:10000;left:18px;right:18px;bottom:18px;max-width:1180px;margin:auto;display:none;grid-template-columns:minmax(0,1fr) auto;gap:26px;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:24px;color:#fff;background:rgba(11,11,12,.96);box-shadow:0 30px 90px rgba(0,0,0,.30);backdrop-filter:blur(22px) saturate(160%)}.dc-cookie-banner.show{display:grid}.dc-cookie-close{position:absolute;top:13px;right:13px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;color:#fff;background:transparent;cursor:pointer}.dc-cookie-copy{padding-right:28px}.dc-cookie-kicker{margin-bottom:8px;color:#ff6b27;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.dc-cookie-title{margin:0;font-size:clamp(24px,3vw,37px);line-height:.98;letter-spacing:-.045em}.dc-cookie-text{max-width:760px;margin:11px 0 0;color:#c5c5ca;font-size:13px;line-height:1.55}.dc-cookie-text a{color:#fff;text-decoration:underline}.dc-cookie-actions{min-width:285px;display:grid;grid-template-columns:1fr 1fr;align-content:end;gap:8px}.dc-cookie-btn{min-height:43px;padding:0 16px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;background:transparent;font-size:12px;font-weight:700;cursor:pointer}.dc-cookie-btn.primary{grid-column:1/-1;border-color:var(--orange);background:var(--orange)}
.dc-consent-modal{position:fixed;z-index:10020;inset:0;display:none;place-items:center;padding:18px;background:rgba(0,0,0,.64);backdrop-filter:blur(10px)}.dc-consent-modal.show{display:grid}.dc-consent-panel{width:min(720px,100%);max-height:min(760px,calc(100vh - 36px));overflow:auto;padding:28px;border-radius:28px;background:var(--paper);box-shadow:0 35px 100px rgba(0,0,0,.30)}.dc-consent-panel h2{margin:0;font-size:clamp(35px,5vw,54px);line-height:.94;letter-spacing:-.055em}.dc-consent-panel>p{color:var(--muted);font-size:14px;line-height:1.6}.dc-consent-row{display:grid;grid-template-columns:1fr auto;gap:22px;padding:21px 0;border-top:1px solid var(--line)}.dc-consent-name{font-size:20px;font-weight:760;letter-spacing:-.035em}.dc-consent-desc{margin-top:5px;color:var(--muted);font-size:12px;line-height:1.5}.dc-consent-required{align-self:center;padding:6px 9px;border-radius:999px;color:#4d4d52;background:var(--cream-2);font-size:10px;font-weight:700}.dc-switch{position:relative;width:52px;height:30px;align-self:center}.dc-switch input{position:absolute;opacity:0;pointer-events:none}.dc-slider{position:absolute;inset:0;border-radius:999px;background:#d8d5d0;cursor:pointer;transition:.2s}.dc-slider::after{content:"";position:absolute;width:24px;height:24px;top:3px;left:3px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.18);transition:.2s}.dc-switch input:checked+.dc-slider{background:var(--orange)}.dc-switch input:checked+.dc-slider::after{transform:translateX(22px)}.dc-consent-footer{display:flex;justify-content:space-between;gap:10px;padding-top:18px;border-top:1px solid var(--line)}.dc-consent-footer .dc-cookie-btn{color:var(--ink);border-color:var(--line)}.dc-consent-footer .primary{color:#fff;border-color:var(--orange)}.dc-cookie-fab{position:fixed;z-index:9000;left:18px;bottom:18px;display:none;min-height:39px;padding:0 14px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:rgba(255,253,250,.92);box-shadow:0 8px 30px rgba(0,0,0,.10);backdrop-filter:blur(16px);font-size:10px;font-weight:700;cursor:pointer}.dc-cookie-fab.show{display:inline-flex;align-items:center}

/* RESPONSIVE */
@media(max-width:1080px){
 .site-header{grid-template-columns:auto 1fr auto}.desktop-nav{display:none}.hero-layout{grid-template-columns:1fr}.hero{padding-top:140px}.hero-copy{max-width:800px;z-index:20}.hero-visual{min-height:620px}.hero-photo{left:5%;right:-8vw;width:auto}.device{width:min(610px,68vw);right:9%}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr}.price-card{min-height:auto}.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-main{grid-template-columns:1fr}.process{grid-template-columns:repeat(2,1fr)}.about-split,.form-wrap,.demo-feature{grid-template-columns:1fr}.menu-grid{grid-template-columns:1fr 1fr}.menu-side{grid-column:1/-1;min-height:auto;flex-direction:row}.testimonials{grid-template-columns:1fr}.case-content{grid-template-columns:1fr}.case-side{position:static}.contact-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
 .container{width:calc(100% - 24px)}.site-header,.site-header.scrolled,.site-header.inner-page{height:68px;grid-template-columns:auto 1fr auto;gap:8px;padding:0 12px}.header-meta,.header-cta,.menu-word{display:none}.dc-symbol{width:52px;height:34px;flex-basis:52px}.dc-symbol path{stroke-width:6.2}.dc-divider{height:35px;margin:0 9px}.dc-wordmark{min-width:115px}.dc-name{font-size:10px}.dc-domain{font-size:8px;margin-top:4px}.menu-overlay{padding:100px 21px 45px}.menu-grid{grid-template-columns:1fr;gap:38px}.menu-main a{font-size:clamp(45px,13vw,64px)}.menu-side{display:block}.menu-side-big{margin-top:35px}
 .hero{min-height:auto;padding:118px 0 45px}.hero h1,.page-hero h1,.contact-hero h1,.contact-hero h2{font-size:clamp(57px,17vw,82px)}.hero-sub{font-size:25px}.hero-description{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.hero-visual{min-height:520px;margin-top:20px}.hero-photo{left:0;right:-12px;top:24px;height:440px;border-radius:24px 0 0 24px}.device{width:82vw;top:128px;right:7%}.phone{width:105px;right:0;bottom:48px}.hero-dashboard{width:178px;left:0;bottom:18px}.hand-note{width:128px;top:40px;right:0;font-size:20px}
 .value-strip-inner{grid-template-columns:1fr 1fr}.value-item{min-height:58px;display:grid;place-items:center;border-bottom:1px solid var(--line)}.value-item::after{display:none}.value-item:last-child{grid-column:span 2}
 .section{padding:82px 0}.page-hero{padding:125px 0 70px}.section-head{margin-bottom:36px}.section-head h2{font-size:clamp(45px,14vw,64px)}.grid-4,.grid-3{grid-template-columns:1fr}.card{padding:26px}.metrics{grid-template-columns:1fr 1fr}.metric{min-height:135px;padding:16px}.dashboard-shell{padding:8px;border-radius:22px}.dashboard-header{padding:0 15px}.dashboard-status{display:none}.dashboard-main{padding:0 9px 9px}.dashboard-panel{overflow-x:auto}.query-table{min-width:480px}.project-grid{display:block}.project-card{min-height:500px;margin-bottom:10px}.project-content{left:24px;right:24px;bottom:23px}.process{grid-template-columns:1fr}.process-step{min-height:260px}.process-step h3{margin-top:55px}.pricing-grid{grid-template-columns:1fr}.comparison{display:block;overflow-x:auto;white-space:nowrap}.about-photo,.about-copy{min-height:520px;border-radius:23px}.skill-grid{grid-template-columns:1fr}.demo-feature-visual{min-height:470px}.demo-paper{right:5%;top:18%;width:86%}.contact-hero{padding:125px 0 80px}.form-intro,.contact-form{padding:24px}.contact-form{grid-template-columns:1fr}.field.full,.privacy-check,.form-status{grid-column:auto}.case-hero{min-height:630px}.case-hero-content{width:calc(100% - 24px);padding:125px 0 45px}.case-gallery{grid-template-columns:1fr}.case-gallery img{height:320px}.footer-inner{flex-direction:column;align-items:flex-start}
 .dc-cookie-banner{left:10px;right:10px;bottom:10px;grid-template-columns:1fr;gap:16px;padding:20px;border-radius:20px}.dc-cookie-actions{min-width:0;grid-template-columns:1fr}.dc-cookie-btn.primary{grid-column:auto}.dc-consent-panel{padding:22px;border-radius:22px}.dc-consent-footer{flex-direction:column}.dc-consent-footer .dc-cookie-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}


/* DC BRAND IMAGE — MEDIA LIBRARY V1 */

.site-header{
    grid-template-columns:
        minmax(112px,auto)
        minmax(130px,1fr)
        auto
        auto;
}


/* HEADER */

.brand-image-link{
    min-width:0;
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
}


.brand-logo{
    display:block;

    width:
        clamp(
            78px,
            6.2vw,
            96px
        );

    height:auto;

    max-height:62px;

    object-fit:contain;

    flex:
        0
        0
        auto;

    transition:
        transform
        .25s
        var(--ease);
}


.brand-image-link:hover
.brand-logo{
    transform:
        translateY(-1px);
}


/* MENU */

.menu-brand-wrap{
    display:flex;
    align-items:flex-end;
    justify-content:flex-start;
    opacity:1;
}


.menu-brand-logo{
    display:block;

    width:
        min(
            190px,
            30vw
        );

    height:auto;

    object-fit:contain;

    opacity:.88;
}


/* FOOTER */

.footer-brand{
    display:flex;
    align-items:center;

    gap:15px;

    min-width:0;
}


.footer-brand-link{
    display:inline-flex;
    align-items:center;

    flex:
        0
        0
        auto;
}


.footer-brand-logo{
    display:block;

    width:72px;

    height:auto;

    object-fit:contain;

    filter:
        brightness(0)
        invert(1);

    opacity:.92;
}


.footer-copy{
    display:block;
}


/* DASHBOARD */

.dashboard-logo-brand{
    display:flex;

    align-items:center;

    gap:9px;
}


.dashboard-brand-logo{
    display:block;

    width:37px;

    height:auto;

    object-fit:contain;
}


/* TABLET */

@media(max-width:1080px){

    .site-header{
        grid-template-columns:
            auto
            1fr
            auto;
    }


    .brand-logo{
        width:82px;
    }


    .menu-brand-logo{
        width:150px;
    }
}


/* MOBILE */

@media(max-width:700px){

    .site-header,
    .site-header.scrolled,
    .site-header.inner-page{

        grid-template-columns:
            auto
            1fr
            auto;
    }


    .brand-logo{
        width:68px;
        max-height:50px;
    }


    .menu-brand-logo{
        width:126px;
    }


    .footer-brand{
        align-items:flex-start;

        flex-direction:column;

        gap:10px;
    }


    .footer-brand-logo{
        width:64px;
    }


    .dashboard-brand-logo{
        width:31px;
    }
}


/* PROJECT LIVE LINKS V1 */

.project-card[target="_blank"]::before{
    content:"VISITA IL SITO ↗";
    position:absolute;
    z-index:5;
    top:22px;
    right:22px;
    padding:8px 11px;
    border:1px solid rgba(255,255,255,.28);
    border-radius:999px;
    color:#fff;
    background:rgba(0,0,0,.28);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    font-size:9px;
    line-height:1;
    font-weight:800;
    letter-spacing:.11em;
    text-transform:uppercase;
    transition:
        transform .25s var(--ease),
        background .25s ease;
}


.project-card[target="_blank"]:hover::before{
    transform:translateY(-2px);
    background:var(--orange);
}


.project-live-link{
    white-space:nowrap;
}


@media(max-width:700px){

    .project-card[target="_blank"]::before{
        top:16px;
        right:16px;
        padding:7px 9px;
        font-size:8px;
    }

}

/* DC MOBILE LAYOUT FIX V1 — START */

/*
   Correzione responsive:
   - evita layer grafici sovrapposti durante scroll/ridimensionamento
   - contiene completamente la dashboard
   - protegge la sezione Portfolio
*/

@media (max-width:700px){

    /* --------------------------------------------------------
       1. REVEAL
       Su mobile niente transform/compositing sui contenuti.
       L'animazione desktop rimane invariata.
    -------------------------------------------------------- */

    .reveal,
    .reveal.visible{
        opacity:1 !important;
        transform:none !important;
        transition:none !important;
    }


    /* --------------------------------------------------------
       2. SEZIONI
       Ogni sezione crea il proprio contesto grafico.
    -------------------------------------------------------- */

    .section{
        position:relative;
        clear:both;
    }

    .section > .container{
        position:relative;
        min-width:0;
    }


    /* --------------------------------------------------------
       3. DASHBOARD MOBILE
       Nessun elemento può uscire dalla sezione nera.
    -------------------------------------------------------- */

    .dashboard-wrap{
        position:relative;
        overflow:hidden !important;
        isolation:isolate;
        contain:layout paint;
    }

    .dashboard-wrap > .container{
        min-width:0;
        max-width:100%;
    }

    .dashboard-shell{
        position:relative;
        width:100%;
        max-width:100%;
        min-width:0;
        overflow:hidden;
        padding:8px;
        border-radius:22px;
    }

    .dashboard-window{
        position:relative;
        width:100%;
        max-width:100%;
        min-width:0;
        overflow:hidden;
        border-radius:16px;
        contain:layout paint;
    }

    .dashboard-header{
        min-width:0;
        min-height:64px;
        padding:10px 14px;
        gap:10px;
    }

    .dashboard-logo,
    .dashboard-logo-brand{
        min-width:0;
        max-width:100%;
    }

    .dashboard-logo-brand span:last-child{
        min-width:0;
        font-size:12px;
        line-height:1.15;
    }

    .dashboard-brand-logo{
        flex:0 0 auto;
    }


    /* Le quattro metriche diventano una lista pulita */
    .metrics{
        display:grid;
        grid-template-columns:1fr !important;
        gap:8px;
        width:100%;
        min-width:0;
        padding:9px;
    }

    .metric{
        width:100%;
        min-width:0;
        min-height:auto;
        padding:17px;
    }

    .metric-value{
        font-size:34px;
    }


    /* Pannelli grafico / query */
    .dashboard-main{
        display:block !important;
        width:100%;
        min-width:0;
        padding:0 9px 9px;
    }

    .dashboard-panel{
        width:100%;
        max-width:100%;
        min-width:0;
        min-height:auto;
        margin:0 0 8px;
        padding:17px;
        overflow:hidden;
    }

    .chart{
        display:block;
        width:100% !important;
        max-width:100%;
        height:180px;
        overflow:hidden;
    }

    .dashboard-panel:has(.query-table){
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }

    .query-table{
        width:100%;
        min-width:430px;
    }

    .dashboard-wrap .hero-actions{
        position:relative;
        z-index:2;
        margin-top:22px;
    }


    /* --------------------------------------------------------
       4. PORTFOLIO
       Protezione definitiva contro qualsiasi sovrapposizione.
    -------------------------------------------------------- */

    .dashboard-wrap + .section{
        position:relative;
        z-index:2;
        isolation:isolate;
        overflow:hidden;
        background:#fff;
    }

    .dashboard-wrap + .section > .container{
        position:relative;
        z-index:2;
    }

    .dashboard-wrap + .section .section-head{
        position:relative;
        z-index:3;
        width:100%;
        max-width:100%;
        margin:0 0 34px;
    }

    .dashboard-wrap + .section .section-head h2{
        display:block;
        width:100%;
        max-width:100%;

        margin:0;

        font-size:clamp(
            40px,
            11.5vw,
            54px
        );

        line-height:.98;
        letter-spacing:-.055em;

        overflow-wrap:normal;
        word-break:normal;
        hyphens:none;
    }

    .dashboard-wrap + .section .section-head p{
        position:relative;
        display:block;
        margin-top:18px;
        font-size:16px;
        line-height:1.55;
    }


    /* --------------------------------------------------------
       5. CARD PROGETTI
    -------------------------------------------------------- */

    .dashboard-wrap + .section .project-grid{
        position:relative;
        z-index:2;
        display:block;
        width:100%;
        max-width:100%;
        margin-top:0;
    }

    .dashboard-wrap + .section .project-card{
        position:relative;
        display:block;
        width:100%;
        max-width:100%;
        min-height:430px;
        margin:0 0 12px;
        overflow:hidden;
        border-radius:22px;
    }

    .dashboard-wrap + .section .project-card img{
        width:100%;
        height:100%;
        object-fit:cover;
    }

    .dashboard-wrap + .section .project-content{
        left:20px;
        right:20px;
        bottom:20px;
    }

    .dashboard-wrap + .section .project-card h3{
        font-size:clamp(
            34px,
            10vw,
            48px
        );

        line-height:.96;
    }

}


/* Telefono molto stretto */
@media (max-width:430px){

    .dashboard-wrap + .section .section-head h2{
        font-size:40px;
        line-height:1;
        letter-spacing:-.045em;
    }

    .dashboard-wrap + .section .project-card{
        min-height:390px;
    }

    .metric-value{
        font-size:30px;
    }

}


/* DC MOBILE LAYOUT FIX V1 — END */