.gt-case { --gt-ink: #171b34; --gt-purple: #6b45d5; color: var(--gt-ink); background: #fff; }
.gt-case h1,.gt-case h2,.gt-case h3 { color: var(--gt-ink); }
.gt-case p { color: #535c73; line-height: 1.8; }
.gt-case .gt-eyebrow { display: block; margin-bottom: 18px; color: var(--gt-purple); font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.gt-hero { padding: 160px 0 90px; background: radial-gradient(ellipse at 85% 15%,#e9e2ff,transparent 60%),#f8f7fc; overflow: hidden; }
.gt-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 38px; font-size: 13px; color: #73788d; }
.gt-breadcrumb a { color: #535c73; }
.gt-case h1 { max-width: 760px; font-size: clamp(30px,3.3vw,44px); line-height: 1.13; letter-spacing: -.035em; }
.gt-intro { max-width: 620px; margin: 24px 0; font-size: 18px; }
.gt-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0; }
.gt-tags span { padding: 7px 12px; border-radius: 8px; background: #fff; border: 1px solid #e5e1f3; color: #514772; font-size: 12px; font-weight: 600; }
.gt-browser { background: #141823; border: 1px solid #33374d; border-radius: 16px; padding: 10px; box-shadow: 0 24px 65px #32245b25; }
.gt-browser-bar { display: flex; align-items: center; gap: 5px; padding: 3px 5px 12px; }
.gt-browser-bar i { width: 7px; height: 7px; border-radius: 50%; background: #767387; }
.gt-browser-bar span { margin-left: auto; margin-right: auto; color: #c8c5d7; font: 11px sans-serif; }
.gt-case img { display: block; width: 100%; height: auto; }
.gt-browser img { border-radius: 8px; }
.gt-cover { position: relative; padding: 24px 32px 80px 0; }
.gt-phone { position: absolute; width: 24%; right: 0; bottom: 0; padding: 5px; border: 3px solid #252239; border-radius: 20px; background: #252239; box-shadow: 0 14px 35px #20173538; }
.gt-phone img { border-radius: 13px; }
.gt-section { padding: 80px 0; }
.gt-section-soft { background: #f8f9fc; }
.gt-section-heading { max-width: 770px; margin-bottom: 36px; }
.gt-case h2 { font-size: clamp(27px,3vw,40px); line-height: 1.25; letter-spacing: -.025em; margin-bottom: 20px; }
.gt-case h3 { font-size: 22px; line-height: 1.4; margin-bottom: 15px; }
.gt-facts { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; padding-top: 40px; }
.gt-fact { border-top: 1px solid #ddd8ee; padding-top: 18px; }
.gt-fact small { display: block; margin-bottom: 8px; color: #73788d; }
.gt-fact strong { font-size: 15px; line-height: 1.6; }
.gt-steps { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
.gt-step { border: 1px solid #e7e8f0; border-radius: 16px; padding: 25px; background: #fff; }
.gt-step b { display: block; color: var(--gt-purple); font-size: 13px; margin-bottom: 18px; }
.gt-step h3 { font-size: 18px; }
.gt-step p { font-size: 14px; margin: 0; }
.gt-feature { margin-top: 55px; }
.gt-shot { margin: 0; }
.gt-shot a { display: block; padding: 8px; border: 1px solid #e0e2ec; border-radius: 14px; background: #fff; box-shadow: 0 15px 40px #2520440b; cursor: zoom-in; }
.gt-shot img { border-radius: 8px; }
.gt-shot figcaption { margin-top: 13px; color: #73788d; font-size: 13px; line-height: 1.6; }
.gt-shot figcaption span { display: inline-block; margin-right: 7px; color: var(--gt-purple); font-weight: 700; }
.gt-feature-copy { padding: 25px 0; }
.gt-note { border-left: 3px solid var(--gt-purple); padding: 12px 20px; background: #f3f0fc; border-radius: 0 10px 10px 0; margin-top: 25px; font-size: 14px; color: #514772; line-height: 1.75; }
.gt-tech-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.gt-tech-card { border: 1px solid #e4e5ee; border-radius: 16px; padding: 27px; }
.gt-tech-card h3 { font-size: 19px; }
.gt-tech-card p { font-size: 14px; margin: 0; }
.gt-cta { padding: 55px; border-radius: 24px; background: #f0ebff; }
.gt-cta p { max-width: 700px; margin: 20px auto 30px; }
@media(max-width:991px) { .gt-hero { padding-top: 130px; } .gt-facts,.gt-steps { grid-template-columns: repeat(2,1fr); } .gt-tech-grid { grid-template-columns: 1fr; } .gt-section { padding: 55px 0; } .gt-feature { margin-top: 35px; } }
@media(max-width:575px) { .gt-hero { padding-top: 115px; padding-bottom: 50px; } .gt-intro { font-size: 16px; } .gt-cover { padding-bottom: 55px; } .gt-steps { grid-template-columns: 1fr; } .gt-cta { padding: 30px 22px; } .gt-facts { gap: 16px; } }

.gt-shot-mobile a { background: #080b16; }
.gt-shot-mobile img { max-height: 480px; width: auto; max-width: 100%; margin: 0 auto; }
.gt-case .gt-demo-note { font-size: 12px; line-height: 1.8; color: #73788d; }
.gt-demo-note a { color: #665795; text-decoration: underline; text-underline-offset: 3px; }