:root{--navy:#071d38;--blue:#2478ef;--cyan:#23c2e8;--ink:#142a44;--muted:#647b94;--line:#dce7f2;--soft:#f3f7fb;--pale:#eef7ff;--shadow:0 18px 48px rgba(18,48,83,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(1180px,calc(100% - 44px));margin:auto}.view{display:none}.view.active{display:block}.eyebrow{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";display:inline-block;width:25px;height:2px;background:var(--cyan);vertical-align:middle;margin:0 10px 3px 0}
header{height:76px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid #e5edf5;backdrop-filter:blur(14px)}.nav{height:100%;display:flex;align-items:center;gap:27px}.logo{font-size:17px;font-weight:900;letter-spacing:.075em;color:var(--navy);white-space:nowrap}.mark{display:inline-grid;place-items:center;width:31px;height:31px;margin-right:9px;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;letter-spacing:0}.links{display:flex;align-items:center;gap:27px;margin-left:auto;font-size:14px;font-weight:700}.links a:hover{color:var(--blue)}.drop{position:relative;padding:26px 0}.menu{position:absolute;top:67px;left:50%;transform:translate(-50%,8px);width:275px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:.2s}.drop:hover .menu{opacity:1;visibility:visible;transform:translate(-50%,0)}.menu a{display:flex;justify-content:space-between;padding:9px 11px;border-radius:9px;color:#425a73;font-size:13px}.menu a:hover,.menu a.active{background:var(--pale);color:var(--blue)}.menu-label{display:block;padding:8px 11px 4px;color:#8a9bae;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.products{padding:5px;border-radius:11px;background:var(--soft)}.top-cta,.btn{border:0;border-radius:10px;background:linear-gradient(100deg,var(--blue),#316be8 55%,#8058ef);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 10px 25px rgba(36,120,239,.2)}.top-cta{padding:11px 20px}.mobile{display:none;margin-left:auto;width:43px;height:43px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);font-size:21px}
.hero{background:linear-gradient(130deg,#fff 0%,#f5faff 55%,#e9f4ff 100%);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:54px;min-height:560px;padding:60px 0}.hero h1{font-size:clamp(42px,5vw,64px);line-height:1.08;letter-spacing:-.045em;margin:15px 0 18px;color:var(--navy)}.blue{color:var(--blue)}.hero p{max-width:650px;margin:0 0 27px;color:var(--muted);font-size:18px}.hero-actions{display:flex;gap:14px;align-items:center}.hero-btn{display:inline-flex;padding:13px 21px;border-radius:10px;background:var(--navy);color:#fff;font-weight:800}.hero-link{color:var(--blue);font-weight:800}.hero-art{position:relative}.hero-art img{width:100%;display:block;border-radius:24px;box-shadow:0 24px 65px rgba(29,88,150,.17)}.proof{position:absolute;left:-24px;bottom:24px;width:215px;padding:16px 18px;border-radius:14px;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line)}.proof strong{display:block;color:var(--navy);font-size:25px;line-height:1.2}.proof span{font-size:12px;color:var(--muted)}
.section{padding:80px 0 94px}.head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:30px}.head h2{font-size:clamp(31px,4vw,44px);line-height:1.18;letter-spacing:-.035em;color:var(--navy);margin:10px 0 0}.head p{max-width:480px;color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;cursor:pointer;transition:.22s}.card:hover{transform:translateY(-5px);border-color:#afcdef;box-shadow:var(--shadow)}.thumb{height:245px;overflow:hidden;background:var(--soft);border-bottom:1px solid var(--line)}.thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:.3s}.card:hover .thumb img{transform:scale(1.02)}.copy{display:flex;flex:1;flex-direction:column;padding:23px}.pill{display:inline-flex;align-self:flex-start;padding:6px 9px;border-radius:7px;background:#eaf4ff;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.copy h3{font-size:20px;line-height:1.36;color:var(--navy);margin:15px 0 10px}.copy p{font-size:14px;color:var(--muted);margin:0 0 18px}.read{margin-top:auto;color:var(--blue);font-size:13px;font-weight:800}.view-all{display:inline-flex;margin-top:27px;color:var(--blue);font-size:14px;font-weight:800}.band{padding:70px 0;background:var(--navy);color:#fff}.band-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.band h2{font-size:38px;line-height:1.2;margin:10px 0}.band p{color:#b9c9db}.stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stat{padding:21px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.05)}.stat strong{display:block;font-size:26px}.stat span{font-size:12px;color:#b7c8da}
.case-hero .hero-grid{min-height:480px;padding:50px 0}.crumbs{font-size:12px;color:#7890a8;margin-bottom:20px}.crumbs a{color:var(--blue)}.case-hero h1{font-size:clamp(42px,5vw,60px)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px}.filter{padding:9px 16px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#5d7289;font-size:13px;font-weight:750;cursor:pointer}.filter.active{background:var(--navy);border-color:var(--navy);color:#fff}.empty{display:none;padding:62px 20px;text-align:center;border:1px dashed #bdcfe1;border-radius:16px;color:var(--muted)}.empty.show{display:block}.empty h3{color:var(--navy);margin:0}
.detail-hero{padding:48px 0 42px;background:linear-gradient(130deg,#fff,#edf6ff);border-bottom:1px solid var(--line)}.back{display:inline-flex;color:var(--blue);font-size:13px;font-weight:800;margin-bottom:20px}.detail-hero h1{max-width:900px;margin:13px 0 14px;color:var(--navy);font-size:clamp(36px,4.6vw,56px);line-height:1.12;letter-spacing:-.04em}.detail-hero p{max-width:820px;margin:0;color:var(--muted);font-size:18px}.detail-body{padding:64px 0 95px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:55px;align-items:start}.story-cover{width:100%;max-height:480px;object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 35px rgba(19,56,94,.09);margin-bottom:33px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;margin-bottom:40px;background:var(--soft);border:1px solid var(--line);border-radius:14px}.metric{padding:17px}.metric+.metric{border-left:1px solid var(--line)}.metric strong{display:block;color:var(--navy);font-size:22px;line-height:1.2}.metric span{display:block;color:var(--muted);font-size:11px;line-height:1.35;margin-top:5px}.story h2{margin:36px 0 12px;color:var(--navy);font-size:29px;line-height:1.25}.story h2:first-of-type{margin-top:0}.story p{margin:0 0 18px;color:#526a82}.steps{display:grid;gap:12px;margin:22px 0}.step{display:grid;grid-template-columns:50px 1fr;gap:13px;padding:18px;background:var(--soft);border:1px solid #e5edf5;border-radius:13px}.num{font-size:24px;font-weight:900;color:var(--blue)}.step strong{display:block;color:var(--navy)}.step span{display:block;color:var(--muted);font-size:13px}.takeaways{margin-top:25px;padding:23px 25px;border-left:3px solid var(--cyan);border-radius:0 13px 13px 0;background:var(--pale)}.takeaways strong{color:var(--navy)}.takeaways ul{margin:9px 0 0;padding-left:19px;color:#526a82}.takeaways li{margin:6px 0}.masked{margin-top:28px;padding:24px;border:1px solid var(--line);border-radius:14px}.masked-title{display:flex;align-items:center;gap:11px;color:var(--navy);font-weight:800}.lock{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#e8f3ff;color:var(--blue)}.masked p{font-size:14px;margin:10px 0 0;color:var(--muted)}
.gate{position:sticky;top:101px;padding:29px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.gate .pill{margin-bottom:15px}.gate h3{margin:0 0 8px;color:var(--navy);font-size:25px;line-height:1.28}.gate>div>p{font-size:13px;color:var(--muted);margin:0 0 21px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:13px}.field label{font-size:12px;font-weight:750;color:#36506b}.field input,.field select{width:100%;padding:11px 12px;border:1px solid #cdddea;border-radius:9px;background:#fff;color:var(--ink);outline:0}.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,120,239,.1)}.consent{display:flex;align-items:flex-start;gap:8px;margin:4px 0 17px;color:#74879b;font-size:11px}.consent input{margin-top:4px}.btn{display:flex;justify-content:center;width:100%;padding:12px 16px}.privacy{text-align:center;font-size:10px!important;margin:10px 0 0!important}.success{display:none;text-align:center;padding:10px 0}.success.show{display:block}.success-icon{display:grid;place-items:center;width:55px;height:55px;margin:0 auto 14px;border-radius:50%;background:#e8f6ff;color:var(--blue);font-size:25px}.success h4{font-size:22px;color:var(--navy);margin:0}.success p{color:var(--muted)}.related-wrap{padding-top:43px;margin-top:48px;border-top:1px solid var(--line)}.related-wrap h3{color:var(--navy);font-size:22px}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related button{padding:15px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:11px;cursor:pointer}.related span{display:block;color:var(--blue);font-size:10px;font-weight:800;text-transform:uppercase}.related strong{display:block;margin-top:6px;color:var(--navy);font-size:13px;line-height:1.4}
footer{padding:43px 0;background:var(--navy);color:#aebed0;font-size:12px}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-logo{color:#fff}.footer-links{display:flex;gap:20px}.note{position:fixed;right:17px;bottom:17px;z-index:40;padding:8px 11px;border:1px solid #cbdceb;border-radius:9px;background:rgba(255,255,255,.92);color:#61778e;font-size:11px;box-shadow:0 8px 24px rgba(31,64,97,.1)}
/* Live-site visual system: dark cinematic hero, white editorial content */
body{font-family:Manrope,Inter,sans-serif}.container{width:min(1140px,calc(100% - 44px))}header{background:rgba(3,9,20,.96);border-bottom:1px solid rgba(111,143,196,.08)}.logo-img{width:172px;height:auto;display:block}.links{color:#fff}.links a{color:#f3f6fb}.links a:hover{color:#42b8ff}.menu{background:#09152a;border-color:rgba(114,151,218,.18)}.menu a{color:#c6d1e1}.menu a:hover,.menu a.active{background:rgba(39,132,255,.12);color:#fff}.menu-label{color:#7589a5}.products{background:rgba(255,255,255,.035)}.mobile{background:#0b1830;border-color:rgba(255,255,255,.12);color:#fff}.top-cta{border-radius:28px;padding:12px 24px;background:linear-gradient(105deg,#2179f3,#27bde9);box-shadow:0 0 28px rgba(37,178,232,.24)}
.hero{position:relative;overflow:hidden;background:#05071a;border:0}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 34%,rgba(33,90,255,.20),transparent 28%),radial-gradient(circle at 88% 75%,rgba(113,53,255,.17),transparent 25%),linear-gradient(90deg,#061124 0%,#05081b 46%,#030619 100%);pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(71,131,255,.16) .7px,transparent .7px);background-size:27px 27px;mask-image:linear-gradient(90deg,#000,transparent 42%);opacity:.45}.hero-grid{position:relative;z-index:1;grid-template-columns:.9fr 1.1fr;gap:22px;min-height:650px;padding:64px 0}.hero h1{max-width:600px;color:#fff;font-family:Inter,sans-serif;font-size:clamp(45px,4.5vw,62px);line-height:1.12;letter-spacing:-.045em}.blue{background:linear-gradient(90deg,#287bff,#5b60f6 48%,#9c48ed);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:575px;color:rgba(166,181,205,.86);font-size:16px}.eyebrow{color:#65baff}.hero-btn{background:linear-gradient(105deg,#2076f1,#764ce9);box-shadow:0 12px 34px rgba(49,93,236,.25)}.hero-link{padding:12px 4px;color:#6db9ff}.hero-art{margin-right:-105px}.hero-art img{width:112%;max-width:none;border-radius:0;box-shadow:none;mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 100%);filter:saturate(1.08) contrast(1.03)}.proof{left:22px;bottom:30px;width:225px;background:rgba(7,17,39,.82);border-color:rgba(129,170,238,.2);box-shadow:0 18px 50px rgba(0,0,0,.3);backdrop-filter:blur(14px)}.proof strong{color:#fff}.proof span{color:#9fb0c8}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);max-width:575px;margin-top:31px;padding:18px 20px;border:1px solid rgba(112,148,211,.16);border-radius:14px;background:rgba(12,23,49,.72);backdrop-filter:blur(12px)}.hero-metrics div+div{border-left:1px solid rgba(255,255,255,.1);padding-left:18px}.hero-metrics strong{display:block;color:#fff;font-size:20px;line-height:1.2}.hero-metrics span{display:block;margin-top:4px;color:#879bb7;font-size:11px;line-height:1.3}
.section{background:#fff}.head h2{font-family:Inter,sans-serif}.card{border-radius:15px}.card:hover{border-color:#6eaaf0;box-shadow:0 22px 55px rgba(18,48,83,.14)}#resourceGrid{grid-template-columns:repeat(2,1fr)}#resourceGrid .thumb{height:310px}.pill{background:#edf5ff}.band{background:linear-gradient(135deg,#07152c,#061024 65%,#101449)}.case-hero .hero-grid{min-height:620px;padding:60px 0}.case-hero h1{font-size:clamp(44px,4.4vw,60px)}.crumbs{color:#7489a6}.detail-hero{background:radial-gradient(circle at 82% 20%,rgba(74,73,242,.18),transparent 30%),#071427;border-color:rgba(118,150,209,.12)}.detail-hero h1{color:#fff;font-family:Inter,sans-serif}.detail-hero p{color:#9eafc5}.detail-hero .eyebrow{color:#66baff}.detail-body{background:#fff}.gate{border-top:3px solid #2a91f4}.footer-logo{width:168px}.note{background:rgba(6,14,31,.92);border-color:rgba(127,158,211,.2);color:#a7b5ca}
@media(max-width:1000px){.links,.top-cta{display:none}.mobile{display:block}.hero-grid{grid-template-columns:1fr;min-height:auto;padding:60px 0}.hero-art{max-width:760px;margin:0}.hero-art img{width:100%;mask-image:linear-gradient(#000,#000)}.proof{left:18px}.grid{grid-template-columns:repeat(2,1fr)}#resourceGrid{grid-template-columns:1fr}.band-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.gate{position:relative;top:auto;max-width:650px}.related{grid-template-columns:1fr 1fr}}@media(max-width:650px){.container{width:calc(100% - 30px)}header{height:68px}.logo-img{width:148px}.hero-grid{gap:28px;padding:46px 0}.hero h1{font-size:39px}.hero p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-metrics{grid-template-columns:1fr;gap:13px}.hero-metrics div+div{border-left:0;border-top:1px solid rgba(255,255,255,.1);padding:13px 0 0}.proof{position:relative;left:auto;bottom:auto;width:100%;margin-top:12px}.section{padding:57px 0 70px}.head{display:block}.head p{margin-top:14px}.grid{grid-template-columns:1fr}#resourceGrid .thumb,.thumb{height:225px}.band-grid{gap:30px}.stats{grid-template-columns:1fr}.detail-body{padding:48px 0 70px}.metrics{grid-template-columns:1fr 1fr}.metric:nth-child(3){border-left:0;border-top:1px solid var(--line)}.metric:nth-child(4){border-top:1px solid var(--line)}.related{grid-template-columns:1fr}.footer-row{flex-direction:column;align-items:flex-start}.note{display:none}}
.logo{display:block;width:174px;height:53px;font-size:0;background:url("/case-studies/assets/novel-patterns-logo.png") center/contain no-repeat}.logo .mark{display:none}.footer-logo{width:168px;height:51px}.hero-art img{content:url("/case-studies/assets/case-studies-hero-v2.png")}.section-kicker{display:inline-flex;align-items:center;gap:8px;color:#357fda;font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.section-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#27bce8;box-shadow:0 0 0 5px rgba(39,188,232,.11)}
.case-hero{background-image:linear-gradient(90deg,rgba(3,9,21,.99) 0%,rgba(3,9,21,.94) 31%,rgba(3,9,21,.58) 56%,rgba(3,9,21,.08) 100%),url("/case-studies/assets/case-studies-hero-human-v3.png");background-size:cover;background-position:center center}.case-hero:before{background:radial-gradient(circle at 19% 55%,rgba(47,87,242,.16),transparent 34%),linear-gradient(180deg,rgba(2,7,20,.02),rgba(2,7,20,.30))}.case-hero:after{background:linear-gradient(90deg,rgba(37,174,244,.55),rgba(113,74,239,.18),transparent 55%);width:46%;height:1px;left:7%;top:auto;bottom:0;opacity:1;mask-image:none}.case-hero .hero-grid{grid-template-columns:minmax(0,680px);min-height:690px}.case-hero .hero-art{display:none}.case-hero h1{max-width:670px;text-shadow:0 8px 36px rgba(0,0,0,.32)}.case-hero p{max-width:590px}.case-hero .hero-metrics{max-width:620px;background:rgba(5,15,34,.72);border-color:rgba(117,166,236,.18);box-shadow:0 18px 55px rgba(0,0,0,.18)}.case-hero .eyebrow{display:inline-flex;align-items:center;padding:7px 12px;border:1px solid rgba(91,174,255,.22);border-radius:20px;background:rgba(10,31,61,.48);backdrop-filter:blur(10px)}.case-hero .eyebrow:before{width:8px;height:8px;border-radius:50%;box-shadow:0 0 14px #23c2e8}.case-hero .crumbs{margin-bottom:28px}
#listingView .head>p{display:none}