/* Section layouts scoped to the Guanzhao case study. */
.gz-v28{--paper: #fefdfb; --cloud: #f7f6f3; --cream: #f9f3e9; --ink: #302e2b; --ink2: #5f5b55; --muted: #858078; --line: #e9e5de; --orange: #f0a747; --amber: #ffd08d; --peach: #f8dfc8; --rose: #eacac5; --lilac: #ddd6ec; --mint: #cce6d5; --blue: #a8cddd; --max: 1160px; --display: "Arial Rounded MT Bold","PingFang SC","Microsoft YaHei",sans-serif; --body: Inter,"PingFang SC","Microsoft YaHei",sans-serif;}
.gz-v28 *{box-sizing: border-box;}
.gz-v28{scroll-behavior: smooth; scroll-padding-top: 86px;}
.gz-v28{margin: 0px; color: var(--ink); background: var(--paper); font-family: var(--body); -webkit-font-smoothing: antialiased;}
.gz-v28 h1,.gz-v28 h2,.gz-v28 h3,.gz-v28 h4,.gz-v28 p{margin: 0px;}
.gz-v28 p{line-height: 1.8;}
.gz-v28 button,.gz-v28 a{font: inherit;}
.gz-v28 button{cursor: pointer;}
.gz-v28 a{color: inherit; text-decoration: none;}
.gz-v28 button:focus-visible,.gz-v28 a:focus-visible{outline: rgb(187, 127, 36) solid 3px; outline-offset: 4px;}
.gz-v28 ::selection{background: rgb(246, 213, 161);}
.gz-v28 .container{width: min(var(--max),calc(100% - 100px)); margin: auto;}
.gz-v28 .wide{width: min(1450px, 100% - 46px); margin: auto;}
.gz-v28 .serif{font-family: var(--display);}
.gz-v28 .muted{color: var(--muted);}
.gz-v28 .caps{font-size: 11px; font-weight: 750; letter-spacing: 0.18em; text-transform: uppercase;}
.gz-v28 .tag{font-size: 10px; letter-spacing: 0.06em; display: inline-block; border: 1px solid rgb(222, 219, 213); border-radius: 50px; padding: 8px 12px; color: rgb(119, 115, 110);}
.gz-v28 .section{padding: 120px 0px;}
.gz-v28 .section-kicker{font-size: 11px; color: rgb(177, 109, 39); letter-spacing: 0.18em; font-weight: 800;}
.gz-v28 .section-title{font-family: var(--display); font-size: clamp(43px, 5.1vw, 74px); font-weight: 750; letter-spacing: -0.075em; line-height: 1.13; margin-top: 15px;}
.gz-v28 .section-intro{color: var(--ink2); font-size: 15px; max-width: 630px; margin-top: 24px;}
.gz-v28 .section-header{display: flex; align-items: end; justify-content: space-between; gap: 35px; margin-bottom: 58px;}
.gz-v28 .section-header > p{max-width: 330px; font-size: 13px; color: var(--muted);}
.gz-v28 .thin-rule{border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--line); margin: 0px;}
.gz-v28 .nav{height: 70px; position: sticky; top: 0px; z-index: 70; background: rgba(254, 253, 251, 0.94); border-bottom: 1px solid var(--line); backdrop-filter: blur(16px);}
.gz-v28 .nav-inner{width: min(1370px, 100% - 65px); height: 100%; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.gz-v28 .logo{font-family: var(--display); font-size: 22px; font-weight: 800; letter-spacing: -0.065em; display: flex; align-items: center; gap: 10px;}
.gz-v28 .logo-mark{width: 25px; height: 25px; background: rgb(245, 201, 142); border-radius: 50% 50% 42% 42%; position: relative;}
.gz-v28 .logo-mark::before,.gz-v28 .logo-mark::after{content: ""; position: absolute; width: 3px; height: 4px; background: rgb(90, 70, 52); border-radius: 50%; top: 12px;}
.gz-v28 .logo-mark::before{left: 8px;}
.gz-v28 .logo-mark::after{right: 8px;}
.gz-v28 .nav-links{display: flex; gap: 27px; align-items: center; font-size: 12px; font-weight: 690; color: rgb(113, 108, 101);}
.gz-v28 .nav-links a:hover{color: rgb(173, 97, 35);}
.gz-v28 .nav-cta{background: rgb(48, 47, 44); color: white; border: 0px; border-radius: 100px; padding: 12px 20px; font-size: 12px; font-weight: 720;}
.gz-v28 .nav-cta:hover{background: rgb(108, 81, 64);}
.gz-v28 .progress-bar{height: 2px; background: rgb(232, 159, 65); width: 0px; position: absolute; bottom: 0px; left: 0px; transition: width 0.08s;}
.gz-v28 .hero{background: radial-gradient(circle at 86% 16%, rgb(251, 238, 219) 0px, transparent 34%), linear-gradient(155deg, rgb(250, 249, 246) 9%, rgb(245, 239, 229) 100%); min-height: 740px; position: relative; overflow: hidden; display: flex; align-items: center;}
.gz-v28 .hero::before{content: ""; position: absolute; right: -235px; top: 80px; width: 650px; height: 650px; border: 1px solid rgb(244, 223, 196); border-radius: 50%; box-shadow: rgba(249, 241, 230, 0.08) 0px 0px 0px 75px, rgba(244, 223, 196, 0.14) 0px 0px 0px 165px;}
.gz-v28 .hero-grid{display: grid; grid-template-columns: 45% 55%; align-items: center; gap: 10px; min-height: 700px; position: relative;}
.gz-v28 .hero-copy{padding: 65px 0px 75px; position: relative; z-index: 4;}
.gz-v28 .hero-copy .overline{display: flex; align-items: center; gap: 9px; font-size: 11px; color: rgb(168, 110, 59); font-weight: 750; letter-spacing: 0.14em;}
.gz-v28 .overline::before{content: ""; background: rgb(239, 169, 78); border-radius: 50%; width: 8px; height: 8px;}
.gz-v28 .hero h1{font-family: var(--display); font-size: clamp(68px, 7.9vw, 119px); letter-spacing: -0.115em; line-height: 1.12; margin-top: 45px; font-weight: 760;}
.gz-v28 .hero h1 span{color: rgb(201, 125, 68);}
.gz-v28 .hero-statement{font-size: 20px; color: rgb(95, 82, 71); margin-top: 29px; font-weight: 620; line-height: 1.6;}
.gz-v28 .hero-desc{font-size: 14px; color: rgb(129, 120, 109); max-width: 395px; margin-top: 15px;}
.gz-v28 .hero-actions{display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-top: 35px;}
.gz-v28 .btn{border-radius: 100px; border: 1px solid transparent; padding: 14px 23px; font-size: 13px; font-weight: 760; display: inline-flex; align-items: center; justify-content: center; gap: 10px; transition: transform 0.2s, background 0.2s;}
.gz-v28 .btn:hover{transform: translateY(-2px);}
.gz-v28 .btn-dark{background: rgb(55, 50, 44); color: white;}
.gz-v28 .btn-dark:hover{background: rgb(110, 87, 68);}
.gz-v28 .btn-soft{background: rgba(255, 255, 255, 0.58); border-color: rgb(228, 217, 201); color: rgb(123, 96, 73);}
.gz-v28 .hero-foot{display: flex; gap: 24px; flex-wrap: wrap; margin-top: 80px; color: rgb(163, 142, 121); font-size: 10px; font-weight: 700; letter-spacing: 0.12em;}
.gz-v28 .hero-art{height: 680px; position: relative; align-self: end;}
.gz-v28 .hero-art::before{content: ""; position: absolute; left: 14%; top: 20%; width: 490px; height: 460px; background: radial-gradient(circle, rgba(246, 222, 192, 0.66), transparent 72%); filter: blur(10px);}
.gz-v28 .phone{width: 258px; height: 547px; border: 8px solid rgb(48, 47, 44); border-radius: 43px; background: rgb(254, 253, 251); box-shadow: rgba(89, 76, 55, 0.17) 0px 24px 65px; position: relative; overflow: hidden; flex: 0 0 auto;}
.gz-v28 .phone::before{content: ""; position: absolute; top: 7px; left: 50%; transform: translateX(-50%); width: 74px; height: 18px; background: rgb(48, 47, 44); border-radius: 0px 0px 16px 16px; z-index: 5;}
.gz-v28 .phone-content{height: 100%; padding: 32px 17px 17px; position: relative; display: flex; flex-direction: column; overflow: hidden;}
.gz-v28 .phone.light{border-color: rgb(238, 231, 221); box-shadow: rgba(89, 76, 55, 0.13) 0px 20px 40px;}
.gz-v28 .phone.light::before{background: rgb(233, 224, 214);}
.gz-v28 .phone-caption{display: flex; align-items: center; justify-content: space-between; font-size: 10px; font-weight: 680; color: rgb(66, 62, 57); margin-top: 5px;}
.gz-v28 .phone-caption span:last-child{letter-spacing: 1px; font-size: 11px;}
.gz-v28 .phone .home-title{font-family: var(--display); font-size: 19px; font-weight: 730; line-height: 1.35; letter-spacing: -0.05em; margin-top: 22px;}
.gz-v28 .phone-sub{font-size: 10px; color: rgb(133, 128, 121); margin-top: 7px; line-height: 1.7;}
.gz-v28 .phone .space-label{margin-top: 10px; font-size: 15px; font-weight: 760; line-height: 1.3;}
.gz-v28 .space-desc{font-size: 10px; color: rgb(122, 113, 107); margin-top: 5px; line-height: 1.6;}
.gz-v28 .circle-wheel{position: relative; width: 100%; height: 270px; margin-top: 3px; flex: 0 0 auto;}
.gz-v28 .orb{position: absolute; border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.gz-v28 .orb-main{width: 201px; height: 201px; left: 50%; top: 22px; transform: translateX(-50%); background: rgb(230, 198, 190);}
.gz-v28 .orb-left{width: 65px; height: 65px; left: -35px; top: 86px; background: rgb(212, 226, 220); opacity: 0.9;}
.gz-v28 .orb-right{width: 70px; height: 70px; right: -30px; top: 88px; background: rgb(221, 210, 233); opacity: 0.9;}
.gz-v28 .face{position: relative; width: 112px; height: 112px; background: rgb(246, 214, 174); border-radius: 48% 48% 46% 46%; box-shadow: rgba(203, 143, 91, 0.1) -9px -8px 0px inset;}
.gz-v28 .face::before,.gz-v28 .face::after{content: ""; position: absolute; width: 5px; height: 8px; border-radius: 50%; background: rgb(81, 70, 63); top: 51px;}
.gz-v28 .face::before{left: 33px;}
.gz-v28 .face::after{right: 33px;}
.gz-v28 .smile{position: absolute; top: 70px; left: 50%; width: 16px; height: 7px; border-bottom: 2px solid rgb(89, 70, 60); border-radius: 0px 0px 100px 100px; transform: translateX(-50%);}
.gz-v28 .hairless-ear{position: absolute; top: 52px; left: -8px; width: 17px; height: 26px; border-radius: 50%; background: rgb(246, 214, 174);}
.gz-v28 .hairless-ear.r{left: auto; right: -8px;}
.gz-v28 .body-blur{position: absolute; background: rgb(224, 161, 130); border-radius: 48% 48% 20% 20%; width: 76px; height: 48px; top: 102px; left: 18px; z-index: -1;}
.gz-v28 .wheel-indicator{display: flex; justify-content: center; gap: 6px; margin: 0px auto 6px;}
.gz-v28 .wheel-indicator i{width: 5px; height: 5px; background: rgb(209, 203, 195); border-radius: 100px; display: block;}
.gz-v28 .wheel-indicator i.on{width: 17px; background: rgb(208, 142, 98);}
.gz-v28 .phone-button{background: rgb(55, 49, 46); color: rgb(255, 255, 255); border-radius: 14px; padding: 14px; font-size: 12px; text-align: center; font-weight: 730; margin-top: auto;}
.gz-v28 .phone-bottom{height: 49px; display: flex; justify-content: space-around; align-items: center; border-top: 1px solid rgb(236, 232, 226); margin-top: 18px; font-size: 9px; color: rgb(151, 143, 134);}
.gz-v28 .phone-bottom span:first-child{color: rgb(165, 91, 42); font-weight: 800;}
.gz-v28 .phone-home-indicator{width: 88px; height: 4px; background: rgb(81, 79, 74); border-radius: 15px; position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%);}
.gz-v28 .hero-phone-front{position: absolute; top: 72px; left: 28%; transform: rotate(-5deg); z-index: 3;}
.gz-v28 .hero-phone-back{position: absolute; top: 125px; left: 55%; transform: rotate(10deg) scale(0.85); z-index: 2;}
.gz-v28 .hero-float{position: absolute; z-index: 5; background: rgba(255, 253, 249, 0.96); border: 1px solid rgb(234, 223, 209); border-radius: 16px; padding: 15px 20px; box-shadow: rgba(122, 104, 84, 0.165) 0px 18px 45px; color: rgb(111, 88, 70); font-size: 12px; line-height: 1.65;}
.gz-v28 .hero-float b{display: block; font-size: 16px; color: rgb(55, 50, 47);}
.gz-v28 .float-one{left: 9%; top: 176px; transform: rotate(-5deg);}
.gz-v28 .float-two{right: 0px; bottom: 108px; transform: rotate(4deg);}
.gz-v28 .about{background: rgb(255, 255, 255); padding: 100px 0px; border-bottom: 1px solid rgb(238, 233, 226);}
.gz-v28 .about-grid{display: grid; grid-template-columns: 0.86fr 1.14fr; gap: 100px;}
.gz-v28 .about-statement{font-family: var(--display); font-size: clamp(37px, 4vw, 59px); font-weight: 690; letter-spacing: -0.075em; line-height: 1.27; margin-top: 34px;}
.gz-v28 .about-statement em{color: rgb(203, 133, 88); font-style: normal;}
.gz-v28 .about-right{border-left: 1px solid var(--line); padding-left: 70px;}
.gz-v28 .meta-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 28px 32px; border-bottom: 1px solid var(--line); padding-bottom: 35px;}
.gz-v28 .meta b{display: block; font-size: 10px; letter-spacing: 0.13em; color: rgb(170, 161, 154); margin-bottom: 9px; text-transform: uppercase;}
.gz-v28 .meta span{font-size: 13px; color: rgb(73, 67, 59); font-weight: 680;}
.gz-v28 .about-right h3{font-size: 23px; letter-spacing: -0.045em; line-height: 1.45; margin: 33px 0px 14px;}
.gz-v28 .about-right p{font-size: 14px; color: rgb(119, 113, 105);}
.gz-v28 .one-liner{margin-top: 30px; border-left: 3px solid rgb(238, 174, 105); padding: 6px 16px; color: rgb(129, 95, 70); font-size: 13px; line-height: 1.7;}
.gz-v28 .research{background: rgb(253, 251, 248);}
.gz-v28 .research-frame{display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 25px; margin-top: 35px;}
.gz-v28 .research-note-panel{padding: 44px; border-radius: 24px; background: rgb(245, 234, 219); display: flex; flex-direction: column; min-height: 342px;}
.gz-v28 .research-note-panel h3{font-family: var(--display); font-size: 36px; letter-spacing: -0.05em; line-height: 1.25; margin-top: 24px;}
.gz-v28 .research-note-panel p{font-size: 13px; color: rgb(129, 115, 99); margin-top: 18px;}
.gz-v28 .research-stats{display: flex; gap: 32px; align-items: end; margin-top: auto; padding-top: 30px;}
.gz-v28 .research-stats .v{font-size: 53px; letter-spacing: -0.08em; font-weight: 760; color: rgb(182, 108, 59);}
.gz-v28 .research-stats .lab{display: block; font-size: 11px; color: rgb(127, 110, 98);}
.gz-v28 .research-questions{border: 1px solid rgb(238, 232, 223); border-radius: 24px; background: rgb(255, 255, 255); overflow: hidden; padding: 8px 33px;}
.gz-v28 .research-question{display: grid; grid-template-columns: 28px 1fr; gap: 18px; padding: 32px 0px; border-bottom: 1px solid var(--line);}
.gz-v28 .research-question:last-child{border: 0px;}
.gz-v28 .research-question .n{font-size: 11px; color: rgb(207, 138, 76); font-weight: 850; padding-top: 5px;}
.gz-v28 .research-question h3{font-size: 18px; letter-spacing: -0.04em;}
.gz-v28 .research-question p{font-size: 12px; color: rgb(137, 128, 120); margin-top: 8px;}
.gz-v28 .research-footnote{color: rgb(155, 144, 132); font-size: 11px; margin-top: 18px; line-height: 1.75;}
.gz-v28 .insight-card{background: rgb(51, 49, 47); border-radius: 28px; padding: 69px 70px; color: rgb(255, 255, 255); margin-top: 64px;}
.gz-v28 .insight-card .section-kicker{color: rgb(234, 182, 124);}
.gz-v28 .insight-card h3{font-family: var(--display); font-size: clamp(32px, 4vw, 57px); line-height: 1.3; letter-spacing: -0.065em; font-weight: 710; max-width: 950px; margin: 20px 0px;}
.gz-v28 .insight-card h3 span{color: rgb(245, 191, 129);}
.gz-v28 .insight-card p{font-size: 14px; color: rgb(198, 192, 185); max-width: 770px;}
.gz-v28 .decision-rows{margin-top: 41px; border-top: 1px solid rgb(103, 97, 91);}
.gz-v28 .decision-row{display: grid; grid-template-columns: 40px 1fr 50px 1.08fr; align-items: center; gap: 25px; padding: 25px 0px; border-bottom: 1px solid rgb(92, 88, 84);}
.gz-v28 .decision-row .idx{color: rgb(177, 164, 154); font-size: 11px; font-weight: 750;}
.gz-v28 .decision-row strong{font-size: 16px; font-weight: 730; line-height: 1.5;}
.gz-v28 .decision-row p{font-size: 12px; margin-top: 5px; color: rgb(182, 173, 165);}
.gz-v28 .decision-row .arrow{color: rgb(239, 181, 118); text-align: center; font-size: 26px;}
.gz-v28 .decision-answer strong{color: rgb(247, 202, 152);}
.gz-v28 .decision-tag{font-size: 10px; color: rgb(169, 158, 149); letter-spacing: 0.12em; margin-bottom: 8px; display: block;}
.gz-v28 .design{background: rgb(255, 255, 255);}
.gz-v28 .architecture{padding: 65px 70px; border-radius: 26px; background: rgb(248, 245, 240); border: 1px solid rgb(239, 235, 228);}
.gz-v28 .architecture-top{display: flex; justify-content: space-between; gap: 30px; margin-bottom: 43px; align-items: end;}
.gz-v28 .architecture h3{font-family: var(--display); font-size: 34px; line-height: 1.2; letter-spacing: -0.06em;}
.gz-v28 .architecture-top p{max-width: 350px; font-size: 12px; color: rgb(138, 130, 119);}
.gz-v28 .arch-branches{display: grid; grid-template-columns: 2.35fr repeat(3, 1fr); gap: 13px;}
.gz-v28 .arch-branch{border: 1px solid rgb(231, 225, 215); border-radius: 17px; padding: 22px 17px; background: rgb(255, 255, 255); min-width: 0px;}
.gz-v28 .arch-branch.main{background: rgb(255, 249, 241); border-color: rgb(238, 212, 179);}
.gz-v28 .arch-branch-title{font-size: 16px; font-weight: 780; margin-bottom: 5px;}
.gz-v28 .arch-sub{font-size: 10px; color: rgb(160, 154, 147); margin-bottom: 18px;}
.gz-v28 .arch-item{padding: 11px 12px; background: rgb(248, 247, 245); border-radius: 9px; font-size: 11px; color: rgb(93, 87, 80); line-height: 1.5; min-height: 43px;}
.gz-v28 .arch-item + .arch-item{margin-top: 7px;}
.gz-v28 .arch-main-path{display: flex; flex-wrap: wrap; align-items: center; gap: 6px;}
.gz-v28 .arch-main-path .arch-item{background: rgb(242, 233, 222); flex: 1 1 87px; text-align: center; min-width: 82px;}
.gz-v28 .arch-arrow{color: rgb(183, 141, 100); font-weight: 700;}
.gz-v28 .arch-branch:not(.main) .arch-item{margin-top: 8px;}
.gz-v28 .arch-subnote{font-size: 11px; color: rgb(140, 129, 119); margin-top: 21px; line-height: 1.8;}
.gz-v28 .arch-key{background: rgb(243, 225, 202) !important; color: rgb(141, 91, 50) !important;}
.gz-v28 .features{background: rgb(255, 255, 255); padding: 25px 0px 125px;}
.gz-v28 .feature{margin-top: 130px;}
.gz-v28 .feature-head{display: grid; grid-template-columns: 1.08fr 0.92fr; align-items: end; gap: 45px; margin-bottom: 39px;}
.gz-v28 .feature-no{font-size: 11px; color: rgb(188, 130, 75); letter-spacing: 0.15em; font-weight: 750; margin-bottom: 17px;}
.gz-v28 .feature-head h3{font-family: var(--display); font-size: clamp(38px, 4.3vw, 61px); letter-spacing: -0.07em; line-height: 1.22;}
.gz-v28 .feature-head p{font-size: 14px; color: rgb(121, 114, 106); max-width: 390px; justify-self: end;}
.gz-v28 .feature-stage{min-height: 555px; border-radius: 27px; background: rgb(248, 245, 240); overflow: hidden; position: relative;}
.gz-v28 .feature-caption{font-size: 10px; letter-spacing: 0.13em; color: rgb(181, 154, 128); font-weight: 750; position: absolute; top: 27px; left: 30px; z-index: 6;}
.gz-v28 .stage-entry{display: grid; grid-template-columns: 0.9fr 1.1fr; background: linear-gradient(119deg, rgb(244, 238, 230), rgb(248, 247, 243)); padding: 80px 70px 65px; align-items: center;}
.gz-v28 .side-thesis{padding-right: 40px;}
.gz-v28 .side-thesis .eyebrow{font-size: 11px; letter-spacing: 0.11em; color: rgb(173, 119, 73);}
.gz-v28 .side-thesis h4{font-size: 37px; font-family: var(--display); letter-spacing: -0.075em; line-height: 1.35; margin: 20px 0px;}
.gz-v28 .side-thesis p{font-size: 13px; color: rgb(135, 121, 108); max-width: 370px;}
.gz-v28 .mini-bars{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 33px;}
.gz-v28 .mini-bars span{font-size: 11px; border: 1px solid rgb(223, 205, 184); padding: 8px 12px; border-radius: 30px; color: rgb(136, 108, 82); background: rgb(255, 249, 242);}
.gz-v28 .phone-pair{position: relative; height: 500px; display: flex; align-items: end; justify-content: center; gap: 8px;}
.gz-v28 .phone-pair .phone{transform: scale(0.82); transform-origin: center bottom; margin: 0px -24px;}
.gz-v28 .phone-pair .phone:last-child{transform: translateY(-13px) scale(0.83);}
.gz-v28 .context-head{font-size: 18px; font-family: var(--display); letter-spacing: -0.06em; font-weight: 730; margin-top: 31px;}
.gz-v28 .choice-title{font-size: 10px; font-weight: 760; margin: 20px 0px 10px;}
.gz-v28 .choice-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 7px;}
.gz-v28 .choice-grid span{font-size: 10px; background: rgb(247, 244, 239); border: 1px solid rgb(236, 231, 223); color: rgb(120, 111, 102); border-radius: 10px; padding: 11px 6px; text-align: center;}
.gz-v28 .choice-grid span.active{border-color: rgb(238, 180, 109); background: rgb(255, 240, 217); color: rgb(161, 104, 54);}
.gz-v28 .context-skip{font-size: 10px; text-align: center; color: rgb(152, 134, 117); margin-top: 12px;}
.gz-v28 .no-bar{background: rgb(243, 227, 211); padding: 7px 11px; border-radius: 8px; font-size: 9px; color: rgb(148, 110, 75); display: inline-block; margin-top: 16px;}
.gz-v28 .stage-specific{display: grid; grid-template-columns: 1fr 1fr; padding: 63px 7% 54px; gap: 5%; background: linear-gradient(128deg, rgb(247, 247, 244), rgb(237, 242, 236));}
.gz-v28 .compare-label{font-size: 10px; letter-spacing: 0.14em; color: rgb(121, 144, 128); font-weight: 800; margin-bottom: 20px;}
.gz-v28 .compare-card{display: flex; gap: 21px; align-items: center; justify-content: center; height: 100%;}
.gz-v28 .compare-illustration{width: 180px; height: 198px; border-radius: 20px; display: grid; place-items: center; background: rgb(233, 239, 230); position: relative; overflow: hidden;}
.gz-v28 .compare-illustration::after{content: ""; position: absolute; width: 110px; height: 60px; border-radius: 50%; background: rgb(189, 217, 195); bottom: 25px; left: 35px; filter: blur(19px);}
.gz-v28 .abstract-eye{position: relative; z-index: 2; width: 105px; height: 105px; border-radius: 55% 45% 50% 50%; background: rgb(212, 221, 198); transform: rotate(-20deg);}
.gz-v28 .abstract-eye::before{content: ""; position: absolute; top: 41px; left: 19px; width: 62px; height: 24px; border: 8px solid rgb(99, 122, 103); border-radius: 50%; background: rgb(245, 248, 239);}
.gz-v28 .abstract-eye::after{content: ""; position: absolute; top: 48px; left: 47px; width: 16px; height: 16px; background: rgb(100, 123, 99); border-radius: 50%;}
.gz-v28 .specific-copy{max-width: 225px;}
.gz-v28 .specific-copy span{color: rgb(140, 155, 143); font-size: 11px;}
.gz-v28 .specific-copy h4{font-family: var(--display); font-size: 33px; line-height: 1.25; letter-spacing: -0.07em; margin: 14px 0px;}
.gz-v28 .specific-copy p{font-size: 12px; color: rgb(134, 132, 123);}
.gz-v28 .compare-detail{height: 100%; max-width: 460px; margin: auto; display: flex; align-items: center;}
.gz-v28 .mini-preview{background: white; border: 1px solid rgb(227, 232, 226); box-shadow: rgba(78, 100, 93, 0.094) 0px 28px 54px; border-radius: 26px; padding: 34px 35px 27px; width: 100%; min-height: 345px;}
.gz-v28 .mini-preview .topline{display: flex; justify-content: space-between; font-size: 10px; color: rgb(160, 154, 145);}
.gz-v28 .mini-preview h4{font-family: var(--display); font-size: 29px; letter-spacing: -0.06em; margin-top: 48px; line-height: 1.35;}
.gz-v28 .mini-preview p{font-size: 13px; color: rgb(124, 123, 115); margin-top: 12px;}
.gz-v28 .task-time{display: inline-block; margin-top: 19px; font-size: 11px; color: rgb(123, 148, 125); background: rgb(241, 246, 239); padding: 7px 10px; border-radius: 20px;}
.gz-v28 .comparison-foot{font-size: 12px; color: rgb(106, 126, 106); margin-top: 23px; font-weight: 690;}
.gz-v28 .stage-exit{background: radial-gradient(at 50% 5%, rgb(249, 240, 230), rgb(248, 245, 240) 62%); padding: 80px 7% 65px; display: grid; grid-template-columns: 1.06fr 0.94fr; gap: 9%; align-items: center;}
.gz-v28 .check-card{width: 100%; max-width: 470px; min-height: 350px; margin: auto; background: rgb(255, 255, 255); border: 1px solid rgb(239, 229, 221); border-radius: 25px; padding: 32px; box-shadow: rgba(138, 104, 81, 0.133) 0px 21px 54px;}
.gz-v28 .check-card .tiny{font-size: 10px; color: rgb(173, 150, 133); letter-spacing: 0.1em;}
.gz-v28 .check-card h4{font-size: 34px; letter-spacing: -0.075em; line-height: 1.28; font-family: var(--display); margin: 38px 0px 29px;}
.gz-v28 .dual-actions{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
.gz-v28 .dual-actions span{border-radius: 13px; padding: 17px 10px; text-align: center; font-size: 13px; font-weight: 740; background: rgb(242, 238, 232); color: rgb(118, 107, 98);}
.gz-v28 .dual-actions span:first-child{color: rgb(255, 255, 255); background: rgb(57, 52, 48);}
.gz-v28 .loop-points{display: flex; gap: 14px; margin-top: 22px; font-size: 10px; color: rgb(162, 148, 137); line-height: 1.65;}
.gz-v28 .loop-points span{flex: 1 1 0%;}
.gz-v28 .exit-story h4{font-family: var(--display); font-size: 32px; letter-spacing: -0.075em; margin-bottom: 22px;}
.gz-v28 .exit-step{padding: 16px 0px; border-bottom: 1px solid rgb(224, 214, 202); display: grid; grid-template-columns: 30px 1fr; gap: 10px; font-size: 13px; color: rgb(91, 81, 73);}
.gz-v28 .exit-step b{color: rgb(200, 141, 89);}
.gz-v28 .exit-step small{display: block; font-size: 11px; color: rgb(147, 133, 121); margin-top: 6px; line-height: 1.75;}
.gz-v28 .stage-tasks{background: linear-gradient(125deg, rgb(246, 244, 244), rgb(243, 240, 250) 55%, rgb(247, 242, 233)); padding: 80px 5% 65px;}
.gz-v28 .task-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px;}
.gz-v28 .task-tile{border-radius: 23px; background: rgb(255, 255, 255); padding: 22px 17px; min-height: 345px; border: 1px solid rgb(238, 232, 233);}
.gz-v28 .task-visual{border-radius: 18px; height: 190px; position: relative; display: grid; place-items: center; overflow: hidden;}
.gz-v28 .task-visual.r{background: rgb(251, 230, 215);}
.gz-v28 .task-visual.b{background: rgb(233, 238, 247);}
.gz-v28 .task-visual.g{background: rgb(231, 239, 223);}
.gz-v28 .task-visual.l{background: rgb(238, 231, 250);}
.gz-v28 .task-title{font-size: 17px; margin: 19px 0px 8px; letter-spacing: -0.04em; font-weight: 780;}
.gz-v28 .task-tile p{font-size: 11px; color: rgb(145, 138, 133);}
.gz-v28 .dots{width: 115px; height: 115px; position: relative;}
.gz-v28 .dots i{position: absolute; width: 21px; height: 21px; border-radius: 50%; background: rgb(240, 155, 83);}
.gz-v28 .dots i:nth-child(1){top: 8px; left: 52px;}
.gz-v28 .dots i:nth-child(2){top: 32px; left: 10px;}
.gz-v28 .dots i:nth-child(3){top: 31px; right: 4px;}
.gz-v28 .dots i:nth-child(4){bottom: 12px; left: 21px;}
.gz-v28 .dots i:nth-child(5){bottom: 12px; right: 15px;}
.gz-v28 .ball-path{width: 115px; height: 100px; border-top: 5px dotted rgb(138, 168, 203); border-radius: 50%; transform: rotate(-19deg); position: relative;}
.gz-v28 .ball-path::after{content: ""; width: 40px; height: 40px; background: rgb(228, 127, 100); border-radius: 50%; position: absolute; left: 37px; top: -25px; box-shadow: rgb(235, 176, 167) 0px 14px 0px -8px;}
.gz-v28 .soft-blob{width: 115px; height: 80px; border-radius: 49% 51% 45% 46%; background: rgb(185, 212, 174); box-shadow: rgb(156, 187, 147) -13px -11px 0px inset;}
.gz-v28 .soft-blob::after{content: ""; width: 74px; height: 23px; position: absolute; background: rgb(169, 197, 157); border-radius: 50%; transform: translate(20px, 61px);}
.gz-v28 .wave-lines{width: 114px; height: 104px; display: flex; justify-content: center; align-items: center; gap: 8px;}
.gz-v28 .wave-lines i{height: 70px; width: 3px; border-radius: 12px; background: rgb(153, 134, 190); transform: rotate(18deg);}
.gz-v28 .wave-lines i:nth-child(2){height: 101px;}
.gz-v28 .wave-lines i:nth-child(3){height: 82px;}
.gz-v28 .wave-lines i:nth-child(4){height: 47px;}
.gz-v28 .feature-foot{display: flex; justify-content: space-between; gap: 24px; align-items: start; margin-top: 18px;}
.gz-v28 .feature-foot p{font-size: 12px; color: rgb(141, 133, 123); max-width: 650px;}
.gz-v28 .decision-pill{font-size: 10px; color: rgb(171, 124, 85); background: rgb(251, 241, 231); border-radius: 50px; padding: 9px 12px; white-space: nowrap;}
.gz-v28 .visual{background: rgb(252, 249, 245);}
.gz-v28 .visual-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 17px;}
.gz-v28 .visual-panel{border-radius: 22px; background: rgb(241, 237, 231); padding: 37px; min-height: 330px; overflow: hidden;}
.gz-v28 .visual-panel .caps{color: rgb(155, 142, 127);}
.gz-v28 .big-letter{font-family: var(--display); font-size: 124px; letter-spacing: -0.14em; line-height: 1.3; margin-top: 40px; color: rgb(64, 55, 45);}
.gz-v28 .font-label{font-size: 14px; color: rgb(142, 129, 115);}
.gz-v28 .swatches{display: flex; gap: 8px; margin-top: 37px; height: 178px;}
.gz-v28 .swatch{flex: 1 1 0%; display: flex; align-items: end; border-radius: 12px; padding: 13px 9px; font-size: 10px; font-weight: 700;}
.gz-v28 .swatch:nth-child(1){background: rgb(254, 253, 251); border: 1px solid rgb(233, 230, 224);}
.gz-v28 .swatch:nth-child(2){background: rgb(240, 167, 71);}
.gz-v28 .swatch:nth-child(3){background: rgb(234, 202, 197);}
.gz-v28 .swatch:nth-child(4){background: rgb(204, 230, 213);}
.gz-v28 .swatch:nth-child(5){background: rgb(221, 214, 236);}
.gz-v28 .visual-wide{grid-column: 1 / -1; min-height: 260px; display: grid; grid-template-columns: 1fr 1.25fr; align-items: center; background: linear-gradient(115deg, rgb(245, 233, 221), rgb(246, 245, 240));}
.gz-v28 .visual-wide h3{font-family: var(--display); font-size: 33px; line-height: 1.35; letter-spacing: -0.06em; margin-top: 15px;}
.gz-v28 .visual-wide p{font-size: 13px; color: rgb(145, 128, 116); margin-top: 17px;}
.gz-v28 .visual-avatars{display: flex; justify-content: space-around; align-items: center; gap: 10px;}
.gz-v28 .avatar-scene{width: 140px; height: 140px; border-radius: 50%; display: grid; place-items: center;}
.gz-v28 .avatar-scene:first-child{background: rgb(231, 200, 194);}
.gz-v28 .avatar-scene:nth-child(2){background: rgb(205, 223, 222);}
.gz-v28 .avatar-scene:nth-child(3){background: rgb(229, 217, 235);}
.gz-v28 .avatar-scene .face{transform: scale(0.72);}
.gz-v28 .visual-note{font-size: 11px; color: rgb(164, 154, 145); margin-top: 19px;}
.gz-v28 .outcome{background: rgb(255, 255, 255); padding: 124px 0px 110px;}
.gz-v28 .outcome-lead{display: grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items: start;}
.gz-v28 .outcome-lead h2{font-family: var(--display); font-size: clamp(45px, 5.6vw, 85px); line-height: 1.1; letter-spacing: -0.079em; margin: 16px 0px 22px;}
.gz-v28 .outcome-lead p{font-size: 14px; color: rgb(129, 121, 112); max-width: 440px;}
.gz-v28 .status-board{border-radius: 22px; background: rgb(247, 244, 239); padding: 29px 35px; border: 1px solid rgb(238, 233, 226);}
.gz-v28 .status-board h3{font-size: 18px; letter-spacing: -0.04em;}
.gz-v28 .status-board .status-item{padding: 17px 0px; border-bottom: 1px solid rgb(228, 222, 214); display: flex; gap: 17px; justify-content: space-between; align-items: start;}
.gz-v28 .status-board .status-item:last-child{border-bottom: 0px;}
.gz-v28 .status-item b{font-size: 12px;}
.gz-v28 .status-item span{font-size: 11px; color: rgb(155, 136, 118); text-align: right; max-width: 230px; line-height: 1.6;}
.gz-v28 .outcome-feature{display: grid; grid-template-columns: 1fr 0.95fr; gap: 45px; margin-top: 57px; border-radius: 28px; background: linear-gradient(120deg, rgb(238, 230, 219), rgb(248, 243, 235)); padding: 58px 64px; align-items: center;}
.gz-v28 .outcome-copy h3{font-family: var(--display); font-size: 42px; letter-spacing: -0.075em; line-height: 1.24;}
.gz-v28 .outcome-copy p{font-size: 13px; color: rgb(131, 120, 107); margin: 17px 0px 26px; max-width: 385px;}
.gz-v28 .outcome-note{font-size: 11px; color: rgb(146, 129, 113); margin-top: 18px; line-height: 1.7;}
.gz-v28 .flow-preview{background: rgb(255, 252, 247); border: 1px solid rgb(233, 222, 208); border-radius: 24px; box-shadow: rgba(96, 72, 56, 0.11) 0px 24px 56px; padding: 25px 28px 29px; min-height: 325px; position: relative;}
.gz-v28 .flow-preview-top{display: flex; justify-content: space-between; align-items: center; font-size: 10px; color: rgb(166, 142, 121); letter-spacing: 0.1em; font-weight: 700;}
.gz-v28 .flow-preview h4{font-family: var(--display); font-size: 28px; margin: 27px 0px 10px; letter-spacing: -0.06em;}
.gz-v28 .flow-preview p{font-size: 12px; color: rgb(130, 117, 104);}
.gz-v28 .flow-preview-actions{display: flex; gap: 8px; flex-wrap: wrap; margin-top: 30px;}
.gz-v28 .demo-choice{border-radius: 13px; border: 1px solid rgb(234, 217, 197); background: rgb(255, 255, 255); color: rgb(105, 74, 51); padding: 12px 15px; font-size: 12px; font-weight: 750; min-height: 44px;}
.gz-v28 .demo-choice.primary{background: rgb(55, 51, 47); border-color: rgb(55, 51, 47); color: white;}
.gz-v28 .demo-choice:hover{background: rgb(247, 231, 214);}
.gz-v28 .demo-choice.primary:hover{background: rgb(110, 82, 65);}
.gz-v28 .demo-choice.selected{border-color: rgb(217, 155, 87); background: rgb(255, 240, 220);}
.gz-v28 .demo-helper{color: rgb(170, 151, 133); font-size: 10px; margin-top: 14px; line-height: 1.7;}
.gz-v28 .preview-shape{width: 100%; height: 74px; margin: 20px 0px 0px; border-radius: 14px; background: radial-gradient(circle at 32% 35%, rgb(246, 194, 139) 0px, rgb(246, 194, 139) 11%, transparent 12%), radial-gradient(circle at 62% 66%, rgb(223, 184, 192) 0px, rgb(223, 184, 192) 14%, transparent 15%), linear-gradient(100deg, rgb(247, 238, 226), rgb(244, 239, 240)); display: flex; align-items: center; justify-content: center; gap: 10px;}
.gz-v28 .preview-shape i{width: 9px; height: 9px; background: rgb(179, 141, 138); border-radius: 50%;}
.gz-v28 .preview-reset{background: none; border: 0px; color: rgb(164, 135, 106); font-size: 11px; padding: 5px 0px; margin-left: auto;}
.gz-v28 .preview-reset:hover{text-decoration: underline;}
.gz-v28 .footer{border-top: 1px solid var(--line); padding: 37px 0px 52px; background: rgb(254, 253, 251);}
.gz-v28 .footer-inner{display: flex; align-items: center; justify-content: space-between; gap: 24px;}
.gz-v28 .footer-inner b{font-family: var(--display); font-size: 19px;}
.gz-v28 .footer-inner span{font-size: 11px; color: rgb(148, 138, 128);}
@media (max-width: 1100px) {.gz-v28 .container{width: calc(100% - 70px);}
.gz-v28 .hero h1{font-size: 80px;}
.gz-v28 .hero-phone-front{left: 15%;}
.gz-v28 .hero-phone-back{left: 49%;}
.gz-v28 .hero-float{padding: 11px 15px;}
.gz-v28 .float-one{left: 2%;}
.gz-v28 .about-grid{gap: 45px;}
.gz-v28 .about-right{padding-left: 45px;}
.gz-v28 .task-grid{gap: 9px;}
.gz-v28 .task-tile{padding: 16px 13px;}
.gz-v28 .task-visual{height: 160px;}
.gz-v28 .arch-branches{grid-template-columns: 1.5fr 1fr 1fr 1fr;}}
@media (max-width: 790px) {.gz-v28 .container{width: calc(100% - 38px);}
.gz-v28 .wide{width: calc(100% - 20px);}
.gz-v28 .nav-inner{width: calc(100% - 30px);}
.gz-v28 .nav-links{display: none;}
.gz-v28 .nav-cta{padding: 11px 14px;}
.gz-v28 .hero{min-height: 890px;}
.gz-v28 .hero-grid{grid-template-columns: 1fr; min-height: 865px; gap: 0px;}
.gz-v28 .hero-copy{padding-top: 65px; padding-bottom: 0px;}
.gz-v28 .hero h1{font-size: clamp(61px, 13vw, 93px); margin-top: 23px;}
.gz-v28 .hero-statement{font-size: 16px; margin-top: 16px;}
.gz-v28 .hero-desc{font-size: 12px; max-width: 400px;}
.gz-v28 .hero-foot{display: none;}
.gz-v28 .hero-actions{margin-top: 23px;}
.gz-v28 .hero-art{height: 460px; align-self: stretch;}
.gz-v28 .hero-phone-front{top: 0px; left: 18%; transform: scale(0.73) rotate(-5deg); transform-origin: left top;}
.gz-v28 .hero-phone-back{top: 42px; left: 54%; transform: scale(0.66) rotate(9deg); transform-origin: left top;}
.gz-v28 .float-one{top: 75px; left: 2%;}
.gz-v28 .float-two{bottom: 53px; right: 3%;}
.gz-v28 .about-grid,.gz-v28 .research-frame,.gz-v28 .outcome-lead{grid-template-columns: 1fr; gap: 35px;}
.gz-v28 .about-right{padding-left: 0px; border: 0px;}
.gz-v28 .about{padding: 78px 0px;}
.gz-v28 .section{padding: 80px 0px;}
.gz-v28 .section-header{display: block; margin-bottom: 37px;}
.gz-v28 .section-header > p{margin-top: 16px;}
.gz-v28 .section-title{font-size: 48px;}
.gz-v28 .research-note-panel{min-height: 280px;}
.gz-v28 .insight-card{padding: 40px 25px;}
.gz-v28 .insight-card h3{font-size: 30px;}
.gz-v28 .decision-row{grid-template-columns: 29px 1fr; gap: 6px 12px;}
.gz-v28 .decision-row .idx{grid-row: 1 / 3;}
.gz-v28 .decision-row .arrow{display: none;}
.gz-v28 .decision-answer{grid-column: 2; border-left: 2px solid rgb(207, 155, 101); padding-left: 15px; margin-top: 12px;}
.gz-v28 .architecture{padding: 36px 22px;}
.gz-v28 .architecture-top{display: block;}
.gz-v28 .architecture-top p{margin-top: 14px;}
.gz-v28 .arch-branches{grid-template-columns: 1fr 1fr; gap: 10px;}
.gz-v28 .arch-branch.main{grid-column: 1 / -1;}
.gz-v28 .features{padding-bottom: 85px;}
.gz-v28 .feature{margin-top: 80px;}
.gz-v28 .feature-head{display: block;}
.gz-v28 .feature-head p{margin-top: 18px; justify-self: auto;}
.gz-v28 .feature-head h3{font-size: 43px;}
.gz-v28 .stage-entry,.gz-v28 .stage-specific,.gz-v28 .stage-exit{grid-template-columns: 1fr; gap: 22px; padding: 68px 24px 30px;}
.gz-v28 .phone-pair{height: 445px;}
.gz-v28 .phone-pair .phone{transform: scale(0.73); margin: 0px -37px;}
.gz-v28 .phone-pair .phone:last-child{transform: translateY(-13px) scale(0.74);}
.gz-v28 .specific-copy h4{font-size: 28px;}
.gz-v28 .compare-card{justify-content: flex-start;}
.gz-v28 .compare-illustration{width: 140px; height: 160px; flex: 0 0 auto;}
.gz-v28 .stage-exit{padding-bottom: 42px;}
.gz-v28 .task-grid{grid-template-columns: repeat(2, 1fr);}
.gz-v28 .stage-tasks{padding: 67px 17px 20px;}
.gz-v28 .task-tile{min-height: 285px;}
.gz-v28 .task-visual{height: 150px;}
.gz-v28 .visual-grid{grid-template-columns: 1fr;}
.gz-v28 .visual-wide{grid-column: 1; grid-template-columns: 1fr; gap: 30px;}
.gz-v28 .outcome-feature{padding: 38px 27px; grid-template-columns: 1fr;}
.gz-v28 .outcome-lead h2{font-size: 59px;}
.gz-v28 .footer-inner{align-items: flex-start; flex-direction: column;}}
@media (max-width: 480px) {.gz-v28 .hero{min-height: 770px;}
.gz-v28 .hero-grid{min-height: 755px;}
.gz-v28 .hero-art{height: 400px;}
.gz-v28 .hero-phone-front{left: 8%; transform: scale(0.64) rotate(-5deg);}
.gz-v28 .hero-phone-back{left: 47%; transform: scale(0.57) rotate(9deg);}
.gz-v28 .hero-float{font-size: 10px; padding: 9px 10px;}
.gz-v28 .hero-float b{font-size: 12px;}
.gz-v28 .float-one{top: 75px;}
.gz-v28 .float-two{bottom: 52px;}
.gz-v28 .hero h1{font-size: 65px;}
.gz-v28 .research-stats .v{font-size: 44px;}
.gz-v28 .research-note-panel{padding: 30px;}
.gz-v28 .research-note-panel h3{font-size: 29px;}
.gz-v28 .research-questions{padding-inline: 21px;}
.gz-v28 .arch-branches{grid-template-columns: 1fr;}
.gz-v28 .arch-branch.main{grid-column: 1;}
.gz-v28 .arch-main-path .arch-item{flex: 1 1 65px;}
.gz-v28 .stage-entry{padding-inline: 15px;}
.gz-v28 .phone-pair .phone{transform: scale(0.58); margin: 0px -52px;}
.gz-v28 .phone-pair .phone:last-child{transform: translateY(-9px) scale(0.59);}
.gz-v28 .phone-pair{height: 346px;}
.gz-v28 .side-thesis h4{font-size: 33px;}
.gz-v28 .feature-head h3{font-size: 37px;}
.gz-v28 .check-card{padding: 25px;}
.gz-v28 .check-card h4{font-size: 29px;}
.gz-v28 .task-title{font-size: 15px;}
.gz-v28 .task-grid{gap: 9px;}
.gz-v28 .task-tile{min-height: 255px;}
.gz-v28 .task-visual{height: 125px;}
.gz-v28 .visual-panel{min-height: 265px; padding: 26px;}
.gz-v28 .swatches{height: 145px;}
.gz-v28 .swatch{font-size: 8px;}
.gz-v28 .avatar-scene{width: 92px; height: 92px;}
.gz-v28 .avatar-scene .face{transform: scale(0.55);}
.gz-v28 .outcome-feature{padding: 28px 19px;}
.gz-v28 .outcome-copy h3{font-size: 34px;}
.gz-v28 .flow-preview{padding: 22px 20px;}}
@media (prefers-reduced-motion: reduce) {.gz-v28{scroll-behavior: auto;}
.gz-v28 .btn,.gz-v28 .progress-bar{transition: none;}}
.gz-v28 .ui-section.flow-layout{padding: 108px 0px 0px; background: rgb(255, 255, 255); overflow: hidden;}
.gz-v28 .flow-board{position: relative; margin-top: 38px; background: rgb(233, 237, 245); border-radius: 28px; padding: 34px 28px 30px; overflow: hidden; min-height: 1120px;}
.gz-v28 .flow-board::before{content: ""; position: absolute; inset: 0px; background: radial-gradient(circle at 12% 14%, rgba(213, 220, 236, 0.95) 0px, rgba(213, 220, 236, 0.95) 72px, transparent 73px), radial-gradient(circle at 34% 14%, rgba(213, 220, 236, 0.95) 0px, rgba(213, 220, 236, 0.95) 72px, transparent 73px), radial-gradient(circle at 56% 14%, rgba(213, 220, 236, 0.95) 0px, rgba(213, 220, 236, 0.95) 72px, transparent 73px), radial-gradient(circle at 78% 14%, rgba(213, 220, 236, 0.95) 0px, rgba(213, 220, 236, 0.95) 72px, transparent 73px), radial-gradient(circle at 22% 50%, rgba(213, 220, 236, 0.8) 0px, rgba(213, 220, 236, 0.8) 72px, transparent 73px), radial-gradient(circle at 44% 50%, rgba(213, 220, 236, 0.8) 0px, rgba(213, 220, 236, 0.8) 72px, transparent 73px), radial-gradient(circle at 66% 50%, rgba(213, 220, 236, 0.8) 0px, rgba(213, 220, 236, 0.8) 72px, transparent 73px), radial-gradient(circle at 88% 50%, rgba(213, 220, 236, 0.8) 0px, rgba(213, 220, 236, 0.8) 72px, transparent 73px), radial-gradient(circle at 10% 86%, rgba(213, 220, 236, 0.8) 0px, rgba(213, 220, 236, 0.8) 72px, transparent 73px), radial-gradient(circle at 32% 86%, rgba(213, 220, 236, 0.8) 0px, rgba(213, 220, 236, 0.8) 72px, transparent 73px), radial-gradient(circle at 54% 86%, rgba(213, 220, 236, 0.8) 0px, rgba(213, 220, 236, 0.8) 72px, transparent 73px), radial-gradient(circle at 76% 86%, rgba(213, 220, 236, 0.8) 0px, rgba(213, 220, 236, 0.8) 72px, transparent 73px); opacity: 0.88; pointer-events: none;}
.gz-v28 .flow-tag{position: relative; z-index: 2; display: inline-block; font-size: 12px; line-height: 1; border-radius: 10px; background: rgb(242, 242, 232); color: rgb(123, 129, 120); padding: 10px 12px; font-weight: 700; letter-spacing: 0.02em;}
.gz-v28 .flow-grid{position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto auto; gap: 70px 30px; margin-top: 24px; align-items: start;}
.gz-v28 .flow-col{position: relative; min-height: 430px;}
.gz-v28 .flow-col.bottom{min-height: 500px;}
.gz-v28 .flow-note{font-size: 12px; line-height: 1.7; color: rgb(97, 106, 116); max-width: 220px; margin: 0px 0px 16px 4px;}
.gz-v28 .flow-note.right{margin-left: auto; text-align: left;}
.gz-v28 .flow-device{position: relative; display: flex; justify-content: center;}
.gz-v28 .flow-device .phone{transform: scale(0.8); transform-origin: center top;}
.gz-v28 .flow-device.small-card{display: block;}
.gz-v28 .flow-mini-card{width: 170px; margin: 110px auto 0px; background: rgb(45, 49, 55); color: rgb(255, 255, 255); border-radius: 14px; padding: 12px 14px 12px 48px; position: relative; box-shadow: rgba(21, 24, 27, 0.18) 0px 18px 40px;}
.gz-v28 .flow-mini-card::before{content: ""; width: 24px; height: 24px; border-radius: 50%; background: linear-gradient(135deg, rgb(216, 163, 121), rgb(194, 127, 87)); position: absolute; left: 14px; top: 14px;}
.gz-v28 .flow-mini-card strong{display: block; font-size: 12px; font-weight: 700;}
.gz-v28 .flow-mini-card p{margin: 6px 0px 0px; font-size: 10px; line-height: 1.55; color: rgb(217, 220, 225);}
.gz-v28 .flow-chip{position: absolute; z-index: 4; display: inline-flex; align-items: center; gap: 8px; background: rgb(36, 39, 45); color: rgb(255, 255, 255); padding: 10px 13px; border-radius: 13px; box-shadow: rgba(27, 31, 36, 0.16) 0px 16px 34px; font-size: 11px; line-height: 1.3;}
.gz-v28 .flow-chip .dot{width: 10px; height: 10px; border-radius: 50%; background: rgb(199, 220, 123); display: inline-block; flex: 0 0 auto;}
.gz-v28 .flow-chip.pink .dot{background: rgb(241, 161, 197);}
.gz-v28 .flow-chip.yellow .dot{background: rgb(227, 196, 90);}
.gz-v28 .flow-chip-a{left: 64px; top: 585px;}
.gz-v28 .flow-chip-b{left: 64px; top: 650px;}
.gz-v28 .flow-chip-c{right: 58px; top: 856px;}
.gz-v28 .flow-link{position: absolute; z-index: 1; border-color: rgb(234, 151, 188); border-style: dashed; opacity: 0.95;}
.gz-v28 .flow-link.h1{left: 172px; top: 310px; width: 205px; border-top-width: 2px;}
.gz-v28 .flow-link.h2{left: 460px; top: 310px; width: 207px; border-top-width: 2px;}
.gz-v28 .flow-link.v1{left: 111px; top: 352px; height: 255px; border-left-width: 2px;}
.gz-v28 .flow-link.v2{left: 400px; top: 352px; height: 255px; border-left-width: 2px;}
.gz-v28 .flow-link.v3{right: 109px; top: 352px; height: 255px; border-left-width: 2px;}
.gz-v28 .flow-link.h3{left: 111px; top: 607px; width: 291px; border-top-width: 2px;}
.gz-v28 .flow-link.h4{left: 400px; top: 607px; width: 290px; border-top-width: 2px;}
.gz-v28 .flow-link.m1{left: 613px; top: 470px; width: 112px; border-top-width: 2px; transform: translateY(-50%);}
.gz-v28 .flow-link.m2{left: 618px; top: 470px; height: 145px; border-left-width: 2px;}
.gz-v28 .flow-kicker{position: absolute; z-index: 5; font-size: 10px; letter-spacing: 0.14em; color: rgb(195, 143, 99); font-weight: 800;}
.gz-v28 .flow-kicker.k1{left: 98px; top: 82px;}
.gz-v28 .flow-kicker.k2{left: 374px; top: 82px;}
.gz-v28 .flow-kicker.k3{right: 97px; top: 82px;}
.gz-v28 .flow-kicker.k4{left: 108px; top: 704px;}
.gz-v28 .flow-kicker.k5{left: 399px; top: 704px;}
.gz-v28 .flow-kicker.k6{right: 94px; top: 704px;}
.gz-v28 .flow-summary{display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 18px;}
.gz-v28 .flow-summary div{background: rgb(250, 248, 244); border: 1px solid rgb(236, 230, 222); border-radius: 16px; padding: 16px 17px;}
.gz-v28 .flow-summary strong{display: block; font-size: 13px; margin-bottom: 5px;}
.gz-v28 .flow-summary p{font-size: 11px; color: rgb(127, 118, 109); line-height: 1.65; margin: 0px;}
.gz-v28 .flow-screen-title{font-size: 15px; font-family: var(--display); letter-spacing: -0.04em; font-weight: 760; margin: 24px 0px 14px;}
.gz-v28 .flow-pill-row{display: flex; gap: 6px; flex-wrap: wrap;}
.gz-v28 .flow-pill-row span{font-size: 9px; background: rgb(246, 241, 234); border: 1px solid rgb(235, 227, 215); border-radius: 999px; padding: 6px 8px; color: rgb(127, 109, 92);}
.gz-v28 .flow-option-card{margin-top: 12px; background: rgb(247, 244, 239); border: 1px solid rgb(236, 230, 222); border-radius: 15px; padding: 14px 12px 10px;}
.gz-v28 .flow-option-card h5{font-size: 13px; letter-spacing: -0.03em; margin: 0px 0px 7px; font-weight: 760;}
.gz-v28 .flow-option-card p{font-size: 10px; line-height: 1.6; color: rgb(125, 115, 105); margin: 0px;}
.gz-v28 .flow-option-actions{display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 14px;}
.gz-v28 .flow-option-actions span{font-size: 10px; padding: 10px 0px; border-radius: 10px; text-align: center; background: rgb(242, 236, 229); border: 1px solid rgb(231, 221, 210); color: rgb(122, 106, 90);}
.gz-v28 .flow-option-actions span.primary{background: rgb(57, 53, 49); color: rgb(255, 255, 255); border-color: rgb(57, 53, 49);}
.gz-v28 .flow-end-card{margin-top: 36px; background: rgb(250, 247, 243); border-radius: 18px; padding: 18px 16px; border: 1px solid rgb(236, 229, 221);}
.gz-v28 .flow-end-card h5{font-size: 17px; line-height: 1.35; letter-spacing: -0.05em; margin: 0px 0px 15px; font-family: var(--display);}
.gz-v28 .flow-end-actions{display: grid; grid-template-columns: 1fr 1fr; gap: 8px;}
.gz-v28 .flow-end-actions span{font-size: 11px; border-radius: 11px; padding: 12px 0px; text-align: center; background: rgb(255, 255, 255); border: 1px solid rgb(234, 223, 206);}
.gz-v28 .flow-end-actions span.primary{background: rgb(57, 53, 49); color: rgb(255, 255, 255); border-color: rgb(57, 53, 49);}
.gz-v28 .flow-plane-card{margin-top: 52px; background: rgb(255, 255, 255); border-radius: 20px; padding: 18px 16px; border: 1px solid rgb(231, 223, 212); box-shadow: rgba(67, 51, 37, 0.07) 0px 10px 30px;}
.gz-v28 .flow-plane-card .plane-no{font-size: 10px; color: rgb(177, 130, 89); letter-spacing: 0.12em; font-weight: 800;}
.gz-v28 .flow-plane-card h5{font-size: 15px; letter-spacing: -0.04em; margin: 10px 0px 8px; font-family: var(--display);}
.gz-v28 .flow-plane-card p{font-size: 10px; line-height: 1.7; color: rgb(121, 111, 101); margin: 0px 0px 14px;}
.gz-v28 .flow-plane-actions{display: flex; gap: 8px;}
.gz-v28 .flow-plane-actions span{flex: 1 1 0%; font-size: 10px; border-radius: 10px; padding: 10px 0px; text-align: center; background: rgb(250, 245, 238); border: 1px solid rgb(234, 223, 206); color: rgb(122, 104, 88);}
@media (max-width: 1100px) {.gz-v28 .flow-board{min-height: 1040px; padding: 28px 20px 24px;}
.gz-v28 .flow-grid{column-gap: 14px;}
.gz-v28 .flow-device .phone{transform: scale(0.68);}
.gz-v28 .flow-link.h1{left: 133px; width: 165px;}
.gz-v28 .flow-link.h2{left: 368px; width: 170px;}
.gz-v28 .flow-link.v1{left: 81px;}
.gz-v28 .flow-link.v2{left: 314px;}
.gz-v28 .flow-link.v3{right: 81px;}
.gz-v28 .flow-link.h3{left: 81px; width: 235px;}
.gz-v28 .flow-link.h4{left: 314px; width: 237px;}
.gz-v28 .flow-link.m1{left: 505px; width: 88px;}
.gz-v28 .flow-link.m2{left: 507px;}
.gz-v28 .flow-chip-a,.gz-v28 .flow-chip-b{left: 18px;}
.gz-v28 .flow-chip-c{right: 20px;}}
@media (max-width: 800px) {.gz-v28 .flow-board{min-height: auto; padding: 24px 16px 18px;}
.gz-v28 .flow-grid{grid-template-columns: 1fr 1fr; grid-template-rows: none; gap: 18px 12px;}
.gz-v28 .flow-col{min-height: 0px;}
.gz-v28 .flow-col.bottom{min-height: 0px;}
.gz-v28 .flow-device .phone{transform: scale(0.56);}
.gz-v28 .flow-note{max-width: none; margin: 0px 0px 10px;}
.gz-v28 .flow-note.right{margin: 0px 0px 10px;}
.gz-v28 .flow-kicker,.gz-v28 .flow-link,.gz-v28 .flow-chip{display: none;}
.gz-v28 .flow-mini-card{margin: 0px auto; width: 100%; max-width: 240px;}
.gz-v28 .flow-summary{grid-template-columns: 1fr;}
.gz-v28 .flow-board::before{background: radial-gradient(circle at 20% 15%, rgba(213, 220, 236, 0.85) 0px, rgba(213, 220, 236, 0.85) 60px, transparent 61px), radial-gradient(circle at 80% 15%, rgba(213, 220, 236, 0.85) 0px, rgba(213, 220, 236, 0.85) 60px, transparent 61px), radial-gradient(circle at 20% 52%, rgba(213, 220, 236, 0.85) 0px, rgba(213, 220, 236, 0.85) 60px, transparent 61px), radial-gradient(circle at 80% 52%, rgba(213, 220, 236, 0.85) 0px, rgba(213, 220, 236, 0.85) 60px, transparent 61px), radial-gradient(circle at 50% 88%, rgba(213, 220, 236, 0.85) 0px, rgba(213, 220, 236, 0.85) 60px, transparent 61px);}}
@media (max-width: 560px) {.gz-v28 .flow-grid{grid-template-columns: 1fr;}
.gz-v28 .flow-device{justify-content: flex-start;}
.gz-v28 .flow-device .phone{transform: scale(0.67); transform-origin: left top; margin-bottom: -120px;}
.gz-v28 .flow-summary div{padding: 14px;}
.gz-v28 .flow-board{border-radius: 20px;}
.gz-v28 .flow-tag{font-size: 11px;}}
.gz-v28 .visual-section-v6{background: rgb(243, 241, 238); padding: 92px 0px 104px;}
.gz-v28 .visual-system-shell{display: flex; flex-direction: column; gap: 28px;}
.gz-v28 .visual-head{display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 8px;}
.gz-v28 .visual-head .section-kicker{margin-bottom: 10px; display: block;}
.gz-v28 .visual-head h2{font-size: clamp(48px, 5.5vw, 76px); font-family: var(--display); letter-spacing: -0.085em; line-height: 1.05;}
.gz-v28 .visual-head p{max-width: 360px; font-size: 13px; line-height: 1.75; color: rgb(138, 131, 123); margin-top: 12px;}
.gz-v28 .token-board,.gz-v28 .type-board,.gz-v28 .illustration-board{background: rgb(255, 255, 255); border: 1px solid rgb(235, 230, 223); border-radius: 30px; padding: 28px 28px 30px; box-shadow: rgba(43, 34, 29, 0.04) 0px 10px 24px;}
.gz-v28 .token-header,.gz-v28 .type-header,.gz-v28 .illustration-header{display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 22px;}
.gz-v28 .token-header h3,.gz-v28 .type-header h3,.gz-v28 .illustration-header h3{font-size: 20px; letter-spacing: -0.04em;}
.gz-v28 .token-header span,.gz-v28 .type-header span,.gz-v28 .illustration-header span{font-size: 14px; color: rgb(160, 154, 147);}
.gz-v28 .token-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;}
.gz-v28 .token-card{border-radius: 30px; min-height: 285px; padding: 30px 26px; display: flex; flex-direction: column; justify-content: space-between; position: relative; overflow: hidden;}
.gz-v28 .token-card strong{font-size: 15px; line-height: 1.45;}
.gz-v28 .token-card small{display: block; font-size: 12px; line-height: 1.65; opacity: 0.95;}
.gz-v28 .token-meta{font-size: 14px; line-height: 1.55;}
.gz-v28 .token-card.orange{background: rgb(221, 138, 102); color: rgb(255, 255, 255);}
.gz-v28 .token-card.base{background: rgb(247, 243, 236); color: rgb(23, 20, 18);}
.gz-v28 .token-card.surface{background: rgb(239, 238, 236); color: rgb(23, 20, 18);}
.gz-v28 .token-card.ink{background: rgb(28, 24, 22); color: rgb(255, 255, 255);}
.gz-v28 .type-board{display: grid; grid-template-columns: 1.18fr 0.82fr; gap: 0px; padding: 0px; overflow: hidden;}
.gz-v28 .type-main,.gz-v28 .type-side{padding: 30px 30px 34px;}
.gz-v28 .type-main{border-right: 1px solid rgb(235, 230, 223);}
.gz-v28 .type-switches{display: flex; gap: 12px; margin: 18px 0px 24px;}
.gz-v28 .type-pill{display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; padding: 10px 18px; font-size: 15px; line-height: 1; border: 1px solid rgb(215, 207, 198); background: rgb(255, 255, 255); color: rgb(42, 36, 32);}
.gz-v28 .type-pill.active{border-color: rgb(224, 177, 147); color: rgb(214, 129, 87); background: rgb(255, 249, 245);}
.gz-v28 .type-sample-cn{font-family: JiangChengRounded, "PingFang SC", "Microsoft YaHei", sans-serif; font-size: clamp(62px, 7vw, 112px); letter-spacing: -0.08em; line-height: 0.95; margin-top: 6px;}
.gz-v28 .type-sample-en{font-size: 16px; color: rgb(140, 133, 126); margin-top: 10px;}
.gz-v28 .type-sample-meta{margin-top: 18px; font-size: 13px; line-height: 1.75; color: rgb(117, 111, 104);}
.gz-v28 .type-side .type-header{margin-bottom: 30px;}
.gz-v28 .type-scale{display: flex; flex-direction: column; gap: 18px;}
.gz-v28 .type-row{display: grid; grid-template-columns: 72px 1fr; gap: 14px; align-items: start;}
.gz-v28 .type-row b{font-size: 14px; color: rgb(33, 28, 25);}
.gz-v28 .type-row div{font-size: 13px; line-height: 1.7; color: rgb(123, 117, 111);}
.gz-v28 .type-row code{font-family: inherit; font-size: 13px; color: rgb(32, 26, 23); background: none; padding: 0px;}
.gz-v28 .illustration-board{display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 0px; padding: 0px; overflow: hidden;}
.gz-v28 .illustration-figure,.gz-v28 .illustration-copy{padding: 28px 30px 30px;}
.gz-v28 .illustration-figure{border-right: 1px solid rgb(235, 230, 223); display: flex; flex-direction: column; justify-content: space-between;}
.gz-v28 .illustration-stage{min-height: 210px; border-radius: 26px; background: linear-gradient(rgb(250, 246, 239), rgb(242, 235, 226)); display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;}
.gz-v28 .illustration-stage::before,.gz-v28 .illustration-stage::after{content: ""; position: absolute; border-radius: 999px; background: rgb(234, 216, 202); opacity: 0.8;}
.gz-v28 .illustration-stage::before{width: 160px; height: 160px; left: 22px; bottom: -54px;}
.gz-v28 .illustration-stage::after{width: 118px; height: 118px; right: 26px; top: -26px; background: rgb(219, 230, 220);}
.gz-v28 .visual-face-wrap{position: relative; z-index: 2; width: 118px; height: 118px; border-radius: 999px; background: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; box-shadow: rgba(66, 49, 37, 0.08) 0px 18px 28px;}
.gz-v28 .visual-face-wrap .face{transform: scale(1.1);}
.gz-v28 .illustration-copy p,.gz-v28 .illustration-figure p{font-size: 13px; line-height: 1.75; color: rgb(126, 119, 111); margin-top: 10px;}
.gz-v28 .illustration-tags{display: flex; flex-wrap: wrap; gap: 9px; margin-top: 16px;}
.gz-v28 .illustration-tags span{font-size: 12px; padding: 8px 12px; border-radius: 999px; background: rgb(245, 241, 235); border: 1px solid rgb(232, 225, 215); color: rgb(111, 101, 93);}
.gz-v28 .visual-footnote{font-size: 11px; color: rgb(141, 134, 126); line-height: 1.8; margin-top: 0px;}
@media (max-width: 960px) {.gz-v28 .token-grid{grid-template-columns: repeat(2, 1fr);}
.gz-v28 .type-board,.gz-v28 .illustration-board{grid-template-columns: 1fr;}
.gz-v28 .type-main,.gz-v28 .illustration-figure{border-right: 0px; border-bottom: 1px solid rgb(235, 230, 223);}}
@media (max-width: 600px) {.gz-v28 .visual-section-v6{padding: 70px 0px 86px;}
.gz-v28 .visual-head{display: block;}
.gz-v28 .visual-head p{max-width: none;}
.gz-v28 .token-board,.gz-v28 .type-board,.gz-v28 .illustration-board{border-radius: 22px;}
.gz-v28 .token-board,.gz-v28 .illustration-board .illustration-copy,.gz-v28 .illustration-board .illustration-figure,.gz-v28 .type-main,.gz-v28 .type-side{padding: 22px;}
.gz-v28 .token-header,.gz-v28 .type-header,.gz-v28 .illustration-header{display: block;}
.gz-v28 .token-header span,.gz-v28 .type-header span,.gz-v28 .illustration-header span{display: block; margin-top: 6px;}
.gz-v28 .token-grid{grid-template-columns: 1fr; gap: 12px;}
.gz-v28 .token-card{min-height: 220px; border-radius: 22px;}
.gz-v28 .type-switches{margin: 14px 0px 18px;}
.gz-v28 .type-pill{padding: 9px 14px; font-size: 13px;}
.gz-v28 .type-sample-cn{font-size: 56px;}
.gz-v28 .type-row{grid-template-columns: 64px 1fr;}
.gz-v28 .illustration-stage{min-height: 180px; border-radius: 20px;}}
.gz-v28 #discovery .strategy-affinity{width: min(100%, 450px); margin-top: 25px; position: relative;}
.gz-v28 #discovery .strategy-affinity-head{display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 11px;}
.gz-v28 #discovery .strategy-affinity-head strong{font-size: 12px; font-weight: 800; color: rgb(140, 89, 60); letter-spacing: 0.035em;}
.gz-v28 #discovery .strategy-affinity-head span{font-size: 10px; color: rgb(162, 133, 117);}
.gz-v28 #discovery .strategy-affinity-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 8px; align-items: stretch;}
.gz-v28 #discovery .strategy-theme{border: 1px solid rgba(180, 125, 91, 0.23); border-radius: 13px; background: rgba(255, 251, 247, 0.77); min-height: 103px; padding: 12px 11px 10px; display: flex; flex-direction: column; justify-content: space-between; box-shadow: rgba(133, 93, 71, 0.024) 0px 9px 19px;}
.gz-v28 #discovery .strategy-theme:nth-child(2){transform: translateY(5px);}
.gz-v28 #discovery .strategy-theme:nth-child(3){transform: translateY(-4px);}
.gz-v28 #discovery .strategy-theme-source{font-size: 11px; line-height: 1.6; color: rgb(128, 107, 95);}
.gz-v28 #discovery .strategy-theme-result{display: flex; align-items: center; gap: 7px; font-size: 17px; letter-spacing: -0.045em; font-weight: 770; color: rgb(59, 48, 42); margin-top: 12px;}
.gz-v28 #discovery .strategy-theme-result i{width: 9px; height: 9px; border-radius: 3px; background: rgb(212, 140, 101); flex: 0 0 auto;}
.gz-v28 #discovery .strategy-theme:nth-child(2) .strategy-theme-result i{background: rgb(157, 185, 202);}
.gz-v28 #discovery .strategy-theme:nth-child(3) .strategy-theme-result i{background: rgb(169, 200, 172);}
@media (max-width: 1050px) {.gz-v28 #discovery .strategy-insight{padding-bottom: 76px;}
.gz-v28 #discovery .strategy-theme{padding: 10px 8px; min-height: 100px;}
.gz-v28 #discovery .strategy-theme-result{font-size: 15px;}}
@media (max-width: 750px) {.gz-v28 #discovery .strategy-insight{padding-bottom: 70px;}
.gz-v28 #discovery .strategy-affinity{width: 100%; max-width: 440px; margin-top: 23px;}
.gz-v28 #discovery .strategy-theme{padding: 12px; min-height: 110px;}}
@media (max-width: 470px) {.gz-v28 #discovery .strategy-affinity-grid{gap: 5px;}
.gz-v28 #discovery .strategy-theme{padding: 11px 7px; min-height: 105px; border-radius: 11px;}
.gz-v28 #discovery .strategy-theme-source{font-size: 10px;}
.gz-v28 #discovery .strategy-theme-result{font-size: 14px; gap: 5px;}
.gz-v28 #discovery .strategy-theme-result i{width: 7px; height: 7px;}
.gz-v28 #discovery .strategy-affinity-head strong{font-size: 11px;}
.gz-v28 #discovery .strategy-affinity-head span{font-size: 9px;}}
@media (prefers-reduced-motion: reduce) {.gz-v28 #discovery .strategy-theme{transform: none !important;}}
.gz-v28 .showcase{background: rgb(253, 252, 249); padding: 100px 0px 104px; overflow: hidden;}
.gz-v28 .showcase-intro{display: flex; align-items: end; justify-content: space-between; gap: 36px; margin-bottom: 41px;}
.gz-v28 .showcase-crumb{font-size: 11px; letter-spacing: 0.15em; color: rgb(170, 118, 86); font-weight: 850;}
.gz-v28 .showcase-intro h2{font-family: var(--display); font-size: clamp(51px, 5.9vw, 82px); letter-spacing: -0.085em; margin-top: 15px; line-height: 1.12;}
.gz-v28 .showcase-intro p{font-size: 14px; max-width: 325px; color: rgb(126, 117, 109); line-height: 1.85;}
.gz-v28 .showcase-panel{border-radius: 30px; overflow: hidden; margin-bottom: 24px; position: relative; min-height: 590px; display: grid; isolation: isolate;}
.gz-v28 .show-copy{position: relative; z-index: 2; padding: 63px 48px 45px 62px; display: flex; align-items: flex-start; flex-direction: column; justify-content: center;}
.gz-v28 .show-numeral{position: absolute; top: 28px; right: 38px; font-size: clamp(98px, 13vw, 190px); font-family: Arial, sans-serif; letter-spacing: -0.11em; line-height: 1; color: rgba(138, 104, 83, 0.075); font-weight: 900; pointer-events: none;}
.gz-v28 .show-eyebrow{font-size: 11px; font-weight: 850; letter-spacing: 0.15em; color: rgb(164, 107, 82); position: relative; z-index: 2;}
.gz-v28 .show-copy h3{font-family: var(--display); font-size: clamp(42px, 4.3vw, 64px); letter-spacing: -0.085em; line-height: 1.2; margin: 24px 0px 19px; font-weight: 780; position: relative; z-index: 2;}
.gz-v28 .show-copy h3 em{font-style: normal; color: rgb(182, 111, 82);}
.gz-v28 .show-copy > p{font-size: 14px; color: rgb(113, 103, 96); max-width: 375px; line-height: 1.85; position: relative; z-index: 2;}
.gz-v28 .show-keylines{display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; position: relative; z-index: 2;}
.gz-v28 .show-keylines span{padding: 10px 13px; border-radius: 999px; background: rgba(255, 255, 255, 0.55); border: 1px solid rgba(155, 121, 100, 0.21); font-size: 11px; color: rgb(135, 99, 76); font-weight: 700;}
.gz-v28 .show-one{background: linear-gradient(125deg, rgb(247, 231, 220), rgb(242, 220, 209) 62%, rgb(233, 213, 207)); grid-template-columns: 0.86fr 1.14fr; min-height: 640px;}
.gz-v28 .show-media{position: relative; min-width: 0px;}
.gz-v28 .one-media::before{content: ""; position: absolute; width: 560px; height: 560px; border-radius: 50%; background: rgba(234, 208, 198, 0.2); right: -95px; top: 9px;}
.gz-v28 .show-disk{position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.19); border: 1px solid rgba(255, 255, 255, 0.28);}
.gz-v28 .disk-a{width: 270px; height: 270px; left: 0px; top: 40px;}
.gz-v28 .disk-b{width: 420px; height: 420px; right: -130px; bottom: -180px;}
.gz-v28 .show-phone{position: absolute; transform-origin: left top; filter: drop-shadow(rgba(45, 34, 28, 0.1) 0px 20px 25px); transition: transform 0.55s cubic-bezier(0.23, 1, 0.32, 1);}
.gz-v28 .show-phone .phone{margin: 0px;}
.gz-v28 .show-phone-a{top: 48px; left: 9%; transform: scale(0.9) rotate(-4deg);}
.gz-v28 .show-phone-b{top: 138px; left: 54%; transform: scale(0.77) rotate(8deg);}
.gz-v28 .show-caption{position: absolute; z-index: 4; background: rgb(255, 250, 246); border: 1px solid rgb(234, 216, 203); color: rgb(153, 118, 95); border-radius: 12px; padding: 9px 14px; font-size: 11px; box-shadow: rgba(125, 99, 85, 0.11) 0px 8px 24px; font-weight: 750;}
.gz-v28 .cap-a{bottom: 33px; left: 8%;}
.gz-v28 .cap-b{bottom: 86px; right: 8%;}
.gz-v28 .show-two{grid-template-columns: 1.1fr 0.9fr; background: linear-gradient(125deg, rgb(237, 243, 233) 0%, rgb(242, 244, 238) 58%, rgb(247, 248, 244) 100%); min-height: 640px;}
.gz-v28 .show-two .show-copy{padding-left: 26px; padding-right: 58px;}
.gz-v28 .show-two .show-copy h3 em{color: rgb(119, 155, 128);}
.gz-v28 .show-two .show-eyebrow{color: rgb(107, 144, 118);}
.gz-v28 .show-method-preview{position: relative; padding: 55px 12px 29px 40px; display: flex; flex-direction: column; justify-content: center; gap: 16px;}
.gz-v28 .method-head{font-size: 11px; letter-spacing: 0.16em; color: rgb(131, 153, 139); font-weight: 800;}
.gz-v28 .method-pair{display: flex; align-items: center; gap: 9px; height: 400px;}
.gz-v28 .method-card{flex: 0 0 39%; height: 320px; background: rgb(255, 255, 255); border-radius: 24px; box-shadow: rgba(56, 85, 68, 0.08) 0px 18px 36px; padding: 20px 16px; display: flex; flex-direction: column; align-items: center; justify-content: space-between;}
.gz-v28 .method-card > span,.gz-v28 .method-detail > span{font-size: 10px; color: rgb(156, 150, 141); letter-spacing: 0.05em;}
.gz-v28 .method-card > strong{font-size: 20px; letter-spacing: -0.05em; text-align: center;}
.gz-v28 .method-card > small{font-size: 10px; color: rgb(127, 117, 107); text-align: center;}
.gz-v28 .method-orb{height: 147px; width: 147px; max-width: 100%; background: rgb(219, 232, 215); border-radius: 50%; position: relative; display: flex; align-items: center; justify-content: center;}
.gz-v28 .method-eye{width: 65px; height: 36px; border: 6px solid rgb(100, 151, 120); border-radius: 65% 45%; transform: rotate(-9deg); background: rgb(245, 249, 243); position: relative;}
.gz-v28 .method-eye::after{content: ""; position: absolute; left: 24px; top: 5px; width: 17px; height: 17px; background: rgb(103, 142, 112); border-radius: 50%;}
.gz-v28 .method-middle{flex: 0 0 22px; color: rgb(151, 175, 160); font-size: 28px;}
.gz-v28 .method-right{position: relative; flex: 1 1 0%; height: 400px; min-width: 0px;}
.gz-v28 .show-phone-task{top: 0px; left: 0px; transform: scale(0.59);}
.gz-v28 .method-detail{position: absolute; bottom: 0px; left: 0px; right: 0px; background: rgb(255, 255, 255); padding: 11px 12px; border-radius: 16px; box-shadow: rgba(73, 98, 76, 0.08) 0px 8px 27px; z-index: 3; display: flex; flex-direction: column; gap: 4px;}
.gz-v28 .method-detail > strong{font-size: 12px; color: rgb(54, 69, 57);}
.gz-v28 .method-detail > small{font-size: 10px; color: rgb(125, 137, 126);}
.gz-v28 .method-variations{display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px;}
.gz-v28 .method-variations > div{background: rgba(255, 255, 255, 0.6); border-radius: 14px; padding: 12px 10px 10px; display: flex; flex-direction: column; gap: 5px; border: 1px solid rgb(219, 232, 219); min-width: 0px;}
.gz-v28 .method-variations b{font-size: 11px; letter-spacing: -0.04em; white-space: nowrap;}
.gz-v28 .method-variations small{font-size: 9px; color: rgb(132, 148, 136);}
.gz-v28 .method-variations i{display: block; width: 24px; height: 24px; border-radius: 50%; background: rgb(229, 197, 178); margin-bottom: 4px; position: relative;}
.gz-v28 .method-variations .v-dot{background: radial-gradient(circle, rgb(229, 180, 151) 0px, rgb(229, 180, 151) 5px, transparent 6px), rgb(247, 229, 216);}
.gz-v28 .method-variations .v-line{background: rgb(210, 226, 242);}
.gz-v28 .method-variations .v-line::after{content: ""; position: absolute; width: 10px; height: 10px; background: rgb(241, 139, 119); border-radius: 50%; left: 8px; top: 7px;}
.gz-v28 .method-variations .v-blob{background: rgb(200, 222, 191); border-radius: 45% 54% 35% 60%;}
.gz-v28 .method-variations .v-bird{background: rgb(216, 223, 237);}
.gz-v28 .method-variations .v-bird::after{content: "♪"; font-style: normal; position: absolute; left: 8px; top: 2px; color: rgb(119, 139, 173);}
.gz-v28 .show-formula{display: flex; gap: 10px; align-items: center; margin-top: 31px; flex-wrap: wrap;}
.gz-v28 .show-formula b{background: rgb(255, 255, 255); border: 1px solid rgb(220, 233, 220); padding: 11px 15px; border-radius: 12px; font-size: 13px; color: rgb(92, 123, 102);}
.gz-v28 .show-formula span{font-size: 18px; color: rgb(153, 182, 159);}
.gz-v28 .show-small{font-size: 11px; color: rgb(128, 144, 132); margin-top: 14px;}
.gz-v28 .show-three{min-height: 660px; grid-template-columns: 0.93fr 1.07fr; background: rgb(37, 38, 43); color: rgb(255, 255, 255);}
.gz-v28 .show-three .show-copy{padding-right: 12px;}
.gz-v28 .show-three .show-copy h3{color: rgb(255, 255, 255);}
.gz-v28 .show-three .show-copy h3 em{color: rgb(240, 185, 158);}
.gz-v28 .show-three .show-eyebrow{color: rgb(237, 171, 135);}
.gz-v28 .show-three .show-copy > p{color: rgb(203, 196, 191);}
.gz-v28 .show-three .show-numeral{color: rgba(255, 255, 255, 0.055);}
.gz-v28 .end-selection{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 31px;}
.gz-v28 .end-selection span{padding: 15px 18px; border: 1px solid rgb(120, 113, 115); background: rgba(255, 255, 255, 0.043); border-radius: 13px; color: rgb(244, 230, 223); font-size: 14px; font-weight: 750;}
.gz-v28 .end-selection span.selected{background: rgb(238, 229, 221); color: rgb(41, 38, 42);}
.gz-v28 .end-selection small{display: block; margin-top: 5px; font-size: 10px; font-weight: 400; opacity: 0.7;}
.gz-v28 .end-loop-note{font-size: 11px; letter-spacing: 0.04em; color: rgb(177, 169, 167); margin-top: 23px;}
.gz-v28 .end-media{background: radial-gradient(circle at 50% 60%, rgb(70, 67, 74), rgb(37, 38, 43) 68%);}
.gz-v28 .end-halo{position: absolute; width: 470px; height: 470px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.094); top: 64px; left: 7%;}
.gz-v28 .end-check-graphic{position: absolute; z-index: 4; left: 1%; top: 80px; background: rgb(244, 238, 232); color: rgb(57, 50, 48); padding: 22px 26px; border-radius: 23px; box-shadow: rgba(0, 0, 0, 0.267) 0px 22px 50px; transform: rotate(-6deg);}
.gz-v28 .end-check-graphic > small{font-size: 10px; color: rgb(168, 129, 103);}
.gz-v28 .end-check-graphic > strong{display: block; font-family: var(--display); font-size: 21px; letter-spacing: -0.05em; line-height: 1.3; margin-top: 12px;}
.gz-v28 .end-check-graphic > div{display: flex; gap: 7px; margin-top: 21px;}
.gz-v28 .end-check-graphic > div span{padding: 10px 15px; border-radius: 10px; background: rgb(255, 255, 255); border: 1px solid rgb(230, 220, 211); color: rgb(96, 87, 79); font-size: 10px;}
.gz-v28 .end-check-graphic > div span:first-child{background: rgb(189, 136, 110); color: rgb(255, 255, 255);}
.gz-v28 .end-phone{right: 10%; top: 96px; transform: scale(0.78) rotate(6deg);}
.gz-v28 .end-flying-plane{position: absolute; right: 16%; bottom: 37px; width: 82px; transform: rotate(-12deg); filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 10px 12px); animation: 5s ease-in-out 0s infinite alternate none running gzv28-showcase-plane;}
.gz-v28 .end-flying-plane svg{display: block; width: 100%;}
@keyframes gzv28-showcase-plane { 
  0%, 35% { transform: translate(-18px, 15px) rotate(-12deg); }
  100% { transform: translate(22px, -20px) rotate(-12deg); }
}
.gz-v28 .arch-section{padding: 85px 0px;}
.gz-v28 .delivery-section{background: rgb(244, 238, 230); padding: 100px 0px;}
.gz-v28 .delivery-grid{display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 70px;}
.gz-v28 .delivery-left h2{font-size: clamp(42px, 4.7vw, 66px); letter-spacing: -0.08em; line-height: 1.18; font-family: var(--display); margin-top: 20px;}
.gz-v28 .delivery-left p{font-size: 13px; color: rgb(119, 108, 98); line-height: 1.8; max-width: 390px; margin: 22px 0px;}
.gz-v28 .delivery-cta{display: inline-flex; margin-top: 6px; text-decoration: none; background: rgb(55, 49, 46); border-radius: 999px; padding: 14px 20px; color: rgb(255, 255, 255); font-size: 12px; gap: 15px;}
.gz-v28 .delivery-right{display: flex; flex-direction: column; justify-content: center;}
.gz-v28 .delivery-right > div{display: grid; grid-template-columns: 52px 1fr; gap: 0px 12px; padding: 26px 0px; border-bottom: 1px solid rgb(223, 209, 197);}
.gz-v28 .delivery-right > div:first-child{border-top: 1px solid rgb(223, 209, 197);}
.gz-v28 .delivery-right span{grid-row: 1 / 3; font-size: 25px; color: rgb(187, 129, 97); font-weight: 800; line-height: 1.15;}
.gz-v28 .delivery-right b{font-size: 18px; letter-spacing: -0.045em;}
.gz-v28 .delivery-right small{font-size: 12px; line-height: 1.8; color: rgb(130, 119, 109); margin-top: 4px;}
@media (min-width: 1001px) {.gz-v28 .showcase-panel:hover .show-phone-a{transform: scale(0.91) rotate(-3deg);}
.gz-v28 .showcase-panel:hover .show-phone-b{transform: scale(0.78) rotate(7deg);}}
@media (max-width: 1000px) {.gz-v28 .showcase-panel{grid-template-columns: 1fr; min-height: 0px;}
.gz-v28 .show-copy{padding: 50px 42px 28px;}
.gz-v28 .show-one .show-media{height: 535px;}
.gz-v28 .show-two .show-method-preview{order: 2; padding: 12px 36px 40px;}
.gz-v28 .show-two .show-copy{order: 1;}
.gz-v28 .show-three .show-media{height: 520px;}
.gz-v28 .show-phone-a{left: 20%;}
.gz-v28 .show-phone-b{left: 56%;}
.gz-v28 .show-two{display: flex; flex-direction: column;}
.gz-v28 .show-three .show-copy{padding: 55px 40px 28px;}
.gz-v28 .delivery-grid{grid-template-columns: 1fr; gap: 25px;}}
@media (max-width: 600px) {.gz-v28 .showcase{padding: 70px 0px;}
.gz-v28 .showcase-intro{display: block; margin-bottom: 27px;}
.gz-v28 .showcase-intro h2{font-size: 48px;}
.gz-v28 .showcase-intro p{margin-top: 12px; font-size: 12px;}
.gz-v28 .showcase-panel{border-radius: 20px; margin-bottom: 14px;}
.gz-v28 .show-copy{padding: 36px 24px 25px;}
.gz-v28 .show-copy h3{font-size: 39px; margin: 20px 0px 13px;}
.gz-v28 .show-copy > p{font-size: 12px;}
.gz-v28 .show-numeral{font-size: 98px; top: 15px; right: 23px;}
.gz-v28 .show-keylines{gap: 5px; margin-top: 20px;}
.gz-v28 .show-keylines span{padding: 8px; font-size: 9px;}
.gz-v28 .show-one .show-media{height: 405px;}
.gz-v28 .show-phone-a{top: 5px; left: 6%; transform: scale(0.61) rotate(-4deg);}
.gz-v28 .show-phone-b{top: 65px; left: 53%; transform: scale(0.5) rotate(8deg);}
.gz-v28 .show-caption{font-size: 9px; padding: 7px 10px;}
.gz-v28 .cap-a{bottom: 22px;}
.gz-v28 .cap-b{bottom: 46px;}
.gz-v28 .show-two .show-method-preview{padding: 10px 19px 30px;}
.gz-v28 .method-pair{height: 325px;}
.gz-v28 .method-card{height: 255px; padding: 12px 8px; flex-basis: 41%;}
.gz-v28 .method-orb{height: 112px; width: 112px;}
.gz-v28 .method-eye{transform: scale(0.72) rotate(-9deg);}
.gz-v28 .method-card > strong{font-size: 16px;}
.gz-v28 .method-card > small{font-size: 9px;}
.gz-v28 .method-middle{font-size: 21px; flex-basis: 18px;}
.gz-v28 .method-right{height: 335px;}
.gz-v28 .show-phone-task{transform: scale(0.47);}
.gz-v28 .method-variations{grid-template-columns: repeat(2, 1fr);}
.gz-v28 .show-two .show-copy{padding-bottom: 24px;}
.gz-v28 .show-three .show-copy{padding: 40px 25px 12px;}
.gz-v28 .show-three .show-media{height: 425px;}
.gz-v28 .end-check-graphic{top: 17px; left: 3%; padding: 14px; transform: scale(0.82) rotate(-6deg); transform-origin: left top;}
.gz-v28 .end-phone{top: 66px; right: 5%; transform: scale(0.52) rotate(6deg); transform-origin: right top;}
.gz-v28 .end-halo{width: 310px; height: 310px; top: 45px;}
.gz-v28 .end-flying-plane{width: 58px; bottom: 11px;}
.gz-v28 .end-selection{gap: 6px;}
.gz-v28 .end-selection span{padding: 10px 12px; font-size: 12px;}
.gz-v28 .arch-section{padding: 65px 0px;}
.gz-v28 .delivery-section{padding: 68px 0px;}
.gz-v28 .delivery-left h2{font-size: 40px;}
.gz-v28 .delivery-right > div{grid-template-columns: 40px 1fr;}
.gz-v28 .delivery-right b{font-size: 16px;}}
@media (prefers-reduced-motion: reduce) {.gz-v28 .end-flying-plane{animation: auto ease 0s 1 normal none running none;}
.gz-v28 .show-phone{transition: none;}}
.gz-v28 .about{padding: 76px 0px 79px;}
.gz-v28 .about-grid{gap: 72px;}
.gz-v28 .about-right{padding-left: 53px;}
.gz-v28 .about-statement{font-size: clamp(36px, 4vw, 55px); margin-top: 24px;}
.gz-v28 .about-right h3{font-size: 25px; margin: 28px 0px 8px;}
.gz-v28 .about-right p.about-short{font-size: 14px; max-width: 490px;}
.gz-v28 .about-chips{display: flex; gap: 9px; flex-wrap: wrap; margin-top: 25px;}
.gz-v28 .about-chips span{font-size: 11px; color: rgb(150, 115, 84); border: 1px solid rgb(231, 217, 201); background: rgb(255, 248, 238); border-radius: 99px; padding: 8px 13px;}
.gz-v28 .section{padding: 96px 0px;}
.gz-v28 .section-header{margin-bottom: 41px;}
.gz-v28 .section-title{font-size: clamp(42px, 5vw, 67px);}
.gz-v28 .section-header > p{font-size: 14px; max-width: 370px; color: rgb(113, 105, 94);}
.gz-v28 .research-frame.compact-research{grid-template-columns: 0.85fr 1.15fr; gap: 17px; margin-top: 14px;}
.gz-v28 .compact-research .research-note-panel{min-height: 278px; padding: 32px 37px; justify-content: space-between;}
.gz-v28 .compact-research .research-note-panel h3{font-size: 29px; margin-top: 16px; line-height: 1.22;}
.gz-v28 .compact-research .research-stats{gap: 29px; padding-top: 16px;}
.gz-v28 .compact-research .research-stats .v{font-size: 42px;}
.gz-v28 .compact-research .research-mini-note{font-size: 10px; margin: 12px 0px 0px; color: rgb(163, 140, 117); line-height: 1.5;}
.gz-v28 .research-focus{background: rgb(249, 248, 246); border: 1px solid rgb(236, 232, 227); border-radius: 22px; padding: 27px 34px;}
.gz-v28 .research-focus .caps{color: rgb(155, 120, 88);}
.gz-v28 .research-focus-item{display: grid; grid-template-columns: 30px 1fr; column-gap: 14px; padding: 17px 0px 14px; border-bottom: 1px solid rgb(235, 230, 223); align-items: baseline;}
.gz-v28 .research-focus-item:last-child{border: 0px; padding-bottom: 0px;}
.gz-v28 .research-focus-item > span{grid-row: span 2; font-size: 11px; color: rgb(168, 127, 90); font-weight: 800;}
.gz-v28 .research-focus-item strong{font-size: 17px; letter-spacing: -0.04em;}
.gz-v28 .research-focus-item small{font-size: 12px; color: rgb(144, 135, 126); margin-top: 5px; line-height: 1.6;}
.gz-v28 .insight-card{padding: 48px 55px 45px; margin-top: 28px; border-radius: 24px;}
.gz-v28 .insight-card h3{font-size: clamp(29px, 3.6vw, 45px); margin: 15px 0px 25px;}
.gz-v28 .insight-card .decision-rows{margin-top: 20px;}
.gz-v28 .insight-card .decision-row{padding: 18px 0px; gap: 19px;}
.gz-v28 .insight-card .decision-row strong{font-size: 18px;}
.gz-v28 .insight-card .decision-row .decision-answer p{font-size: 12px; margin-top: 5px;}
.gz-v28 .insight-card .decision-tag{font-size: 9px;}
.gz-v28 .research{padding-bottom: 85px;}
.gz-v28 .design{padding-top: 98px; padding-bottom: 75px;}
.gz-v28 .design .architecture{padding: 43px 48px 44px;}
.gz-v28 .architecture-top{margin-bottom: 25px;}
.gz-v28 .architecture h3{font-size: 28px;}
.gz-v28 .arch-branches{gap: 11px;}
.gz-v28 .arch-branch{padding: 18px 14px;}
.gz-v28 .arch-sub{font-size: 11px;}
.gz-v28 .arch-item{font-size: 11px;}
.gz-v28 .arch-main-path{gap: 5px;}
.gz-v28 .arch-branch:not(.main) .arch-item{min-height: 0px; margin-top: 14px;}
.gz-v28 .features{padding: 0px 0px 100px;}
.gz-v28 .features .feature{margin-top: 95px;}
.gz-v28 .feature-head{margin-bottom: 25px; align-items: center;}
.gz-v28 .feature-head h3{font-size: clamp(35px, 4.1vw, 54px);}
.gz-v28 .feature-head p{font-size: 14px;}
.gz-v28 .feature-stage{border-radius: 21px;}
.gz-v28 .feature-foot{align-items: center;}
.gz-v28 .feature-foot p{font-size: 12px; color: rgb(132, 120, 108);}
.gz-v28 .stage-entry .side-thesis h4{font-size: clamp(28px, 2.7vw, 39px);}
.gz-v28 .stage-entry .side-thesis p{font-size: 12px;}
.gz-v28 .exit-story h4{font-size: 28px;}
.gz-v28 .exit-step small{font-size: 11px;}
.gz-v28 .stage-tasks{min-height: 440px;}
.gz-v28 .task-tile{font-family: inherit; color: inherit; text-align: left; cursor: pointer; appearance: none; transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s, border-color 0.3s; padding: 15px; min-height: 295px;}
.gz-v28 .task-visual{height: 190px;}
.gz-v28 .task-title{margin: 13px 0px 5px;}
.gz-v28 .task-tile p{font-size: 11px; margin: 0px;}
.gz-v28 .task-tile:hover,.gz-v28 .task-tile.playing{transform: translateY(-4px); box-shadow: rgba(74, 56, 43, 0.09) 0px 18px 38px; border-color: rgb(222, 204, 187);}
.gz-v28 .task-tile:focus-visible{outline: rgb(212, 139, 78) solid 3px; outline-offset: 3px;}
.gz-v28 .visual{padding: 88px 0px 95px;}
.gz-v28 .visual-panel{min-height: 255px; padding: 28px;}
.gz-v28 .visual-panel.visual-wide{min-height: 278px;}
.gz-v28 .visual-wide h3{font-size: 31px;}
.gz-v28 .visual-note{margin-top: 16px; font-size: 10px; color: rgb(176, 164, 152);}
.gz-v28 .big-letter{font-size: 100px; margin-top: 23px;}
.gz-v28 .swatches{height: 145px; margin-top: 24px;}
.gz-v28 .outcome{padding: 98px 0px 105px;}
.gz-v28 .outcome-lead h2{font-size: clamp(44px, 5.3vw, 70px); margin-bottom: 15px;}
.gz-v28 .outcome-feature{margin-top: 30px; padding: 44px 50px;}
.gz-v28 .outcome-copy h3{font-size: 38px;}
.gz-v28 .outcome-copy p{font-size: 13px;}
.gz-v28 .compact-status{padding: 19px 26px; background: rgb(250, 248, 245);}
.gz-v28 .compact-status .status-item{padding: 16px 0px;}
.gz-v28 .compact-status .status-item:first-child{border-bottom: 1px solid rgb(232, 224, 214);}
.gz-v28 .compact-status b{color: rgb(138, 99, 62);}
.gz-v28 .compact-status span{max-width: 280px;}
@media (prefers-reduced-motion: no-preference) {.gz-v28 .hero-copy{animation: 0.66s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running gzv28-heroWords;}
.gz-v28 .hero-phone-front{animation: 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.12s 1 normal both running gzv28-heroPhoneFront;}
.gz-v28 .hero-phone-back{animation: 0.88s cubic-bezier(0.22, 1, 0.36, 1) 0.23s 1 normal both running gzv28-heroPhoneBack;}
@keyframes gzv28-heroWords { 
  0% { opacity: 0; transform: translateY(22px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes gzv28-heroPhoneFront { 
  0% { opacity: 0; transform: translateY(28px) rotate(-7deg); }
  100% { opacity: 1; transform: translateY(0px) rotate(-5deg); }
}
@keyframes gzv28-heroPhoneBack { 
  0% { opacity: 0; transform: translateY(42px) rotate(7deg) scale(0.82); }
  100% { opacity: 1; transform: translateY(0px) rotate(10deg) scale(0.85); }
}
.gz-v28 .motion-ready .reveal{opacity: 0; transform: translateY(28px); transition: opacity 0.63s cubic-bezier(0.22, 1, 0.36, 1), transform 0.68s cubic-bezier(0.22, 1, 0.36, 1);}
.gz-v28 .motion-ready .reveal.in-view{opacity: 1; transform: translateY(0px);}
.gz-v28 .motion-ready .decision-row.reveal{transform: translateX(-12px);}
.gz-v28 .motion-ready .decision-row.reveal.in-view{transform: translateX(0px);}
.gz-v28 .motion-ready .decision-row.reveal:nth-child(2){transition-delay: 0.075s;}
.gz-v28 .motion-ready .decision-row.reveal:nth-child(3){transition-delay: 0.15s;}
.gz-v28 .motion-ready .arch-main-path::after{transform: scaleX(0);}
.gz-v28 .motion-ready .arch-main-path.in-view::after{transform: scaleX(1);}
.gz-v28 .flow-step-enter #miniTitle,.gz-v28 .flow-step-enter #miniDescription,.gz-v28 .flow-step-enter #miniActions{animation: 0.36s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running gzv28-stepEase;}
.gz-v28 .flow-step-enter #miniDescription{animation-delay: 0.045s;}
.gz-v28 .flow-step-enter #miniActions{animation-delay: 0.095s;}
@keyframes gzv28-stepEase { 
  0% { opacity: 0.2; transform: translateY(9px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.gz-v28 .task-tile:is(:hover, :focus-visible, .playing) .dots i{animation: 0.75s ease-in-out 0s infinite alternate none running gzv28-beat;}
.gz-v28 .task-tile:is(:hover, :focus-visible, .playing) .dots i:nth-child(2){animation-delay: 0.12s;}
.gz-v28 .task-tile:is(:hover, :focus-visible, .playing) .dots i:nth-child(3){animation-delay: 0.24s;}
.gz-v28 .task-tile:is(:hover, :focus-visible, .playing) .dots i:nth-child(4){animation-delay: 0.36s;}
.gz-v28 .task-tile:is(:hover, :focus-visible, .playing) .dots i:nth-child(5){animation-delay: 0.48s;}
@keyframes gzv28-beat { 
  0% { transform: scale(0.72); opacity: 0.65; }
  100% { transform: scale(1.18); opacity: 1; }
}
.gz-v28 .task-tile:is(:hover, :focus-visible, .playing) .ball-path::after{animation: 1.8s cubic-bezier(0.45, 0, 0.45, 1) 0s infinite alternate none running gzv28-ballGuide;}
@keyframes gzv28-ballGuide { 
  0% { transform: translate(-29px, 3px); }
  50% { transform: translate(0px, -14px); }
  100% { transform: translate(34px, 5px); }
}
.gz-v28 .task-tile:is(:hover, :focus-visible, .playing) .soft-blob{animation: 1.3s ease-in-out 0s infinite normal none running gzv28-pressBlob;}
@keyframes gzv28-pressBlob { 
  0%, 100% { transform: scale(1, 1); }
  45% { transform: scale(1.22, 0.72) translateY(10px); }
}
.gz-v28 .task-tile:is(:hover, :focus-visible, .playing) .wave-lines i{animation: 1.1s ease-in-out 0s infinite alternate none running gzv28-soundWaves;}
.gz-v28 .task-tile:is(:hover, :focus-visible, .playing) .wave-lines i:nth-child(2){animation-delay: 0.22s;}
.gz-v28 .task-tile:is(:hover, :focus-visible, .playing) .wave-lines i:nth-child(3){animation-delay: 0.41s;}
.gz-v28 .task-tile:is(:hover, :focus-visible, .playing) .wave-lines i:nth-child(4){animation-delay: 0.57s;}
@keyframes gzv28-soundWaves { 
  0% { transform: scaleY(0.43) rotate(18deg); opacity: 0.6; }
  100% { transform: scaleY(1) rotate(18deg); opacity: 1; }
}}
.gz-v28 .arch-main-path{position: relative;}
.gz-v28 .arch-main-path::after{content: ""; position: absolute; bottom: -8px; left: 2%; height: 2px; width: 96%; background: linear-gradient(90deg, rgb(234, 196, 158), rgb(196, 141, 94)); transform-origin: left center; transition: transform 1.1s cubic-bezier(0.22, 1, 0.36, 1); opacity: 0.6; border-radius: 5px; pointer-events: none;}
@media (prefers-reduced-motion: reduce) {.gz-v28 .hero-copy,.gz-v28 .hero-phone-front,.gz-v28 .hero-phone-back,.gz-v28 .reveal{animation: auto ease 0s 1 normal none running none !important; transition: none !important; opacity: 1 !important;}
.gz-v28 .arch-main-path::after{transition: none; transform: none !important;}
.gz-v28 .task-tile *{animation: auto ease 0s 1 normal none running none !important;}
.gz-v28 .flow-step-enter *{animation: auto ease 0s 1 normal none running none !important;}}
@media (max-width: 900px) {.gz-v28 .research-frame.compact-research{grid-template-columns: 1fr 1fr;}
.gz-v28 .insight-card{padding: 37px;}
.gz-v28 .insight-card .decision-row{gap: 11px;}
.gz-v28 .design .architecture{padding: 28px;}
.gz-v28 .about-grid{gap: 30px;}
.gz-v28 .about-right{padding-left: 25px;}}
@media (max-width: 700px) {.gz-v28 .about{padding: 65px 0px;}
.gz-v28 .about-grid{display: block;}
.gz-v28 .about-right{border-left: 0px; padding: 25px 0px 0px;}
.gz-v28 .about-statement{font-size: clamp(41px, 11vw, 59px);}
.gz-v28 .about-right h3{font-size: 20px;}
.gz-v28 .meta-grid{gap: 17px;}
.gz-v28 .section{padding: 73px 0px;}
.gz-v28 .section-header{margin-bottom: 28px;}
.gz-v28 .section-header > p{margin-top: 15px;}
.gz-v28 .section-title{font-size: 42px;}
.gz-v28 .research-frame.compact-research{grid-template-columns: 1fr; gap: 12px;}
.gz-v28 .compact-research .research-note-panel{min-height: 0px; padding: 29px;}
.gz-v28 .compact-research .research-stats .v{font-size: 39px;}
.gz-v28 .compact-research .research-note-panel h3{font-size: 26px; margin-bottom: 4px;}
.gz-v28 .research-focus{padding: 21px 24px;}
.gz-v28 .research-focus-item{padding: 13px 0px;}
.gz-v28 .insight-card{margin-top: 15px; padding: 34px 21px;}
.gz-v28 .insight-card h3{font-size: 27px;}
.gz-v28 .insight-card .decision-row{gap: 3px; padding: 17px 0px;}
.gz-v28 .insight-card .decision-row strong{font-size: 16px;}
.gz-v28 .insight-card .decision-row .decision-answer p{font-size: 11px;}
.gz-v28 .design .architecture{padding: 25px 18px;}
.gz-v28 .architecture-top{margin-bottom: 20px;}
.gz-v28 .features .feature{margin-top: 78px;}
.gz-v28 .feature-head{display: block; margin-bottom: 22px;}
.gz-v28 .feature-head h3{font-size: 35px;}
.gz-v28 .feature-head p{margin-top: 13px;}
.gz-v28 .feature-foot{gap: 10px; flex-wrap: wrap;}
.gz-v28 .feature-foot p{font-size: 11px;}
.gz-v28 .stage-tasks{min-height: 0px;}
.gz-v28 .task-tile{min-height: 225px; padding: 12px;}
.gz-v28 .task-visual{height: 135px;}
.gz-v28 .task-title{font-size: 14px;}
.gz-v28 .visual{padding: 72px 0px;}
.gz-v28 .visual-panel{min-height: 210px; padding: 23px;}
.gz-v28 .visual-panel.visual-wide{min-height: 260px;}
.gz-v28 .big-letter{font-size: 75px; margin-top: 12px;}
.gz-v28 .swatches{height: 125px;}
.gz-v28 .outcome{padding: 77px 0px;}
.gz-v28 .outcome-feature{padding: 27px 21px;}
.gz-v28 .outcome-copy h3{font-size: 33px;}
.gz-v28 .compact-status{padding: 14px 19px;}}
.gz-v28 .section-title,.gz-v28 .feature-head h3{letter-spacing: -0.062em;}
.gz-v28 .feature-head{grid-template-columns: minmax(0px, 1fr) minmax(260px, 0.85fr);}
.gz-v28 .section-header{margin-bottom: 35px;}
.gz-v28 .demo-final{padding: 82px 0px 100px; background: rgb(255, 255, 255);}
.gz-v28 .demo-final-wrap{position: relative; overflow: hidden; min-height: 430px; border-radius: 30px; background: radial-gradient(circle at 92% 15%, rgb(247, 223, 200), transparent 39%), linear-gradient(125deg, rgb(247, 240, 230) 0%, rgb(246, 243, 237) 66%, rgb(238, 237, 243) 100%); display: grid; grid-template-columns: 1fr 1fr; align-items: center; padding: 48px 8%; isolation: isolate;}
.gz-v28 .demo-final-copy{position: relative; z-index: 5;}
.gz-v28 .demo-final-copy h2{font-family: var(--display); font-size: clamp(57px, 6vw, 94px); letter-spacing: -0.085em; line-height: 1.1; margin: 19px 0px 16px;}
.gz-v28 .demo-final-copy p{font-size: 15px; line-height: 1.6; color: rgb(114, 101, 90);}
.gz-v28 .demo-direct-link{display: inline-flex; align-items: center; gap: 34px; margin-top: 32px; min-width: 184px; justify-content: space-between; text-decoration: none;}
.gz-v28 .demo-final-meta{font-size: 11px; color: rgb(153, 141, 127); margin-top: 17px;}
.gz-v28 .demo-final-art{min-height: 400px; position: relative; display: grid; place-items: center;}
.gz-v28 .demo-final-phone{width: 201px; height: 403px; position: relative; z-index: 2; background: rgb(254, 253, 251); border: 7px solid rgb(61, 56, 50); border-radius: 35px; box-shadow: rgba(69, 55, 39, 0.23) 0px 35px 46px; transform: rotate(7deg); padding: 39px 19px 18px; text-align: center;}
.gz-v28 .demo-notch{position: absolute; top: 7px; left: 50%; transform: translateX(-50%); width: 65px; height: 15px; border-radius: 10px; background: rgb(61, 56, 50);}
.gz-v28 .demo-sys-time{position: absolute; top: 18px; left: 19px; font-size: 8px; color: rgb(87, 72, 58); font-weight: 800;}
.gz-v28 .demo-phone-title{font-family: var(--display); font-size: 22px; font-weight: 800; line-height: 1.3; letter-spacing: -0.06em;}
.gz-v28 .demo-phone-orbit{position: relative; width: 160px; height: 165px; margin: 18px auto 0px; display: grid; place-items: center;}
.gz-v28 .demo-phone-orbit::before{content: ""; position: absolute; inset: 11px; border: 1px dashed rgb(219, 196, 180); border-radius: 50%;}
.gz-v28 .demo-orbit-face{width: 118px; height: 118px; background: rgb(238, 172, 88); border-radius: 49% 51% 45% 55%; position: relative; box-shadow: rgb(227, 154, 70) -8px -7px inset; animation: 4.2s ease-in-out 0s infinite normal none running gzv28-demo-float;}
.gz-v28 .demo-orbit-face i{position: absolute; width: 5px; height: 8px; background: rgb(95, 64, 53); border-radius: 50%; top: 49px; left: 39px;}
.gz-v28 .demo-orbit-face i:nth-child(2){left: 77px;}
.gz-v28 .demo-orbit-face b{position: absolute; border-bottom: 2px solid rgb(95, 64, 53); border-radius: 50%; width: 21px; height: 8px; left: 49px; top: 66px;}
.gz-v28 .demo-small-dot{position: absolute; width: 18px; height: 18px; border-radius: 50%; background: rgb(199, 215, 201); left: 11px; top: 17px;}
.gz-v28 .demo-phone-choice{font-size: 16px; font-weight: 800; margin-top: 1px;}
.gz-v28 .demo-phone-action{font-size: 11px; background: rgb(52, 48, 43); color: rgb(255, 255, 255); border-radius: 28px; margin: 18px auto 0px; width: 125px; padding: 9px 10px;}
.gz-v28 .demo-arc{position: absolute; width: 360px; height: 360px; border-radius: 50%; border: 1px solid rgba(186, 143, 99, 0.2); left: 50%; top: 50%; transform: translate(-50%, -50%);}
.gz-v28 .demo-arc-two{width: 490px; height: 490px; border-color: rgba(186, 143, 99, 0.1);}
.gz-v28 .demo-bubble{position: absolute; z-index: 1; border-radius: 50%; box-shadow: rgba(120, 89, 66, 0.094) 0px 20px 28px; animation: 5.5s ease-in-out 0s infinite normal none running gzv28-demo-float;}
.gz-v28 .demo-bubble-orange{width: 73px; height: 73px; left: 15%; top: 18%; background: rgb(228, 185, 160);}
.gz-v28 .demo-bubble-lilac{width: 54px; height: 54px; right: 11%; bottom: 16%; background: rgb(207, 200, 227); animation-delay: -1.8s;}
@keyframes gzv28-demo-float { 
  50% { translate: 0px -9px; }
}
@media (max-width: 790px) {.gz-v28 .demo-final{padding: 60px 0px 78px;}
.gz-v28 .demo-final-wrap{grid-template-columns: 1fr; min-height: 0px; padding: 38px 24px 10px; border-radius: 23px;}
.gz-v28 .demo-final-copy h2{font-size: 60px; margin: 14px 0px;}
.gz-v28 .demo-final-copy p{font-size: 13px;}
.gz-v28 .demo-final-art{min-height: 345px; margin: 10px auto 0px; width: 100%;}
.gz-v28 .demo-final-phone{transform: rotate(6deg) scale(0.78);}
.gz-v28 .demo-arc{width: 290px; height: 290px;}
.gz-v28 .demo-arc-two{width: 390px; height: 390px;}
.gz-v28 .demo-bubble-orange{left: 12%;}}
@media (prefers-reduced-motion: reduce) {.gz-v28 .demo-orbit-face,.gz-v28 .demo-bubble{animation: auto ease 0s 1 normal none running none;}}
.gz-v28 .compact-research .research-note-panel{min-height: 316px;}
.gz-v28 .compact-research .research-note-panel h3{margin-top: 13px;}
.gz-v28 .compact-research .research-mini-note{font-size: 11px; line-height: 1.75; color: rgb(131, 110, 91); margin-top: 16px;}
.gz-v28 .findings-panel{padding: 24px 34px 17px; display: flex; flex-direction: column; justify-content: space-between;}
.gz-v28 .findings-panel .caps{font-size: 11px; letter-spacing: 0.13em;}
.gz-v28 .findings-panel .research-focus-item{padding: 16px 0px 15px; row-gap: 4px;}
.gz-v28 .findings-panel .research-focus-item:first-of-type{padding-top: 20px;}
.gz-v28 .findings-panel .research-focus-item strong{font-size: 16px; line-height: 1.45;}
.gz-v28 .findings-panel .research-focus-item small{display: block; margin-top: 3px; line-height: 1.75; font-size: 11.5px; color: rgb(125, 117, 110);}
.gz-v28 .findings-panel .research-focus-item small b{color: rgb(173, 105, 63); font-weight: 850; font-size: 13px; letter-spacing: -0.02em;}
.gz-v28 .findings-panel .research-focus-item small i{font-style: normal; color: rgb(194, 181, 166); margin: 0px 3px;}
.gz-v28 .research-integrity-note{font-size: 10px; color: rgb(154, 142, 129); margin-top: 10px; line-height: 1.7;}
@media (max-width: 900px) {.gz-v28 .findings-panel{padding: 22px 23px 16px;}
.gz-v28 .findings-panel .research-focus-item{padding: 12px 0px;}
.gz-v28 .findings-panel .research-focus-item strong{font-size: 15px;}}
@media (max-width: 700px) {.gz-v28 .compact-research .research-note-panel{min-height: 265px;}
.gz-v28 .findings-panel{padding: 21px 23px 14px;}
.gz-v28 .findings-panel .research-focus-item{padding: 15px 0px;}
.gz-v28 .findings-panel .research-focus-item strong{font-size: 17px;}
.gz-v28 .research-integrity-note{margin-top: 12px;}}
@media (max-width: 480px) {.gz-v28 .findings-panel .research-focus-item{grid-template-columns: 22px 1fr; column-gap: 8px;}
.gz-v28 .findings-panel .research-focus-item small{font-size: 11px;}
.gz-v28 .findings-panel .research-focus-item small b{font-size: 12px;}}
.gz-v28 .synthesis{margin-top: 51px;}
.gz-v28 .synthesis-heading{display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 19px;}
.gz-v28 .synth-eyebrow{color: rgb(171, 116, 77); font-size: 10px; letter-spacing: 0.14em; font-weight: 780;}
.gz-v28 .synthesis h3{font-family: var(--display); font-size: clamp(23px, 2.8vw, 33px); letter-spacing: -0.05em; margin-top: 10px;}
.gz-v28 .synthesis-heading > p{font-size: 11px; color: rgb(147, 138, 127); max-width: 290px; text-align: right;}
.gz-v28 .synthesis-cards{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 13px;}
.gz-v28 .synthesis-card{border-radius: 19px; border: 1px solid rgb(234, 228, 217); background: rgb(255, 255, 255); padding: 24px 25px 22px; min-width: 0px; position: relative; overflow: hidden;}
.gz-v28 .synthesis-card:nth-child(1){background: rgb(255, 247, 241);}
.gz-v28 .synthesis-card:nth-child(2){background: rgb(248, 246, 252);}
.gz-v28 .synthesis-card:nth-child(3){background: rgb(244, 248, 244);}
.gz-v28 .synth-top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px;}
.gz-v28 .synth-number{font-size: 12px; font-weight: 800; color: rgb(174, 134, 107);}
.gz-v28 .synth-type{font-size: 10px; border: 1px solid rgba(201, 185, 168, 0.43); color: rgb(134, 121, 109); padding: 5px 11px; border-radius: 40px;}
.gz-v28 .synthesis-card h4{font-size: 21px; font-weight: 770; letter-spacing: -0.05em; line-height: 1.4;}
.gz-v28 .synth-tags{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 13px;}
.gz-v28 .synth-tags span{padding: 6px 8px; background: rgba(255, 255, 255, 0.62); border-radius: 6px; font-size: 11px; color: rgb(119, 109, 99); border: 1px solid rgba(214, 201, 186, 0.333);}
.gz-v28 .synth-desc{border-top: 1px solid rgba(216, 206, 190, 0.5); padding-top: 13px; margin-top: 25px; font-size: 11px; color: rgb(130, 117, 104); line-height: 1.65;}
.gz-v28 .synthesis-footnote{font-size: 10px; color: rgb(149, 138, 128); margin-top: 12px; line-height: 1.65;}
.gz-v28 .decision-v5{background: rgb(48, 46, 44); margin-top: 46px !important; padding: 42px 49px 33px !important;}
.gz-v28 .decision-v5-heading{display: flex; align-items: end; justify-content: space-between; gap: 25px; padding-bottom: 26px;}
.gz-v28 .decision-v5-heading h3{margin: 8px 0px 0px; font-size: clamp(31px, 3.25vw, 43px);}
.gz-v28 .decision-v5-heading p{font-size: 11px; color: rgb(184, 173, 162);}
.gz-v28 .decision-v5-table{border-top: 1px solid rgb(98, 91, 84);}
.gz-v28 .decision-v5-row{display: grid; grid-template-columns: minmax(0px, 0.95fr) minmax(0px, 1.36fr) minmax(0px, 1.16fr); gap: 29px; padding: 27px 0px; border-bottom: 1px solid rgb(98, 91, 84); align-items: start;}
.gz-v28 .decision-v5-row:last-child{border-bottom: 0px; padding-bottom: 8px;}
.gz-v28 .decision-v5-row > div{min-width: 0px;}
.gz-v28 .decision-v5-row small{display: block; font-size: 10px; letter-spacing: 0.06em; color: rgb(176, 155, 136); margin-bottom: 9px;}
.gz-v28 .dv5-source{position: relative; padding-left: 33px;}
.gz-v28 .dv5-index{position: absolute; left: 0px; top: 0px; color: rgb(238, 173, 112); font-size: 12px; font-weight: 780;}
.gz-v28 .decision-v5-row strong{font-size: 17px; line-height: 1.5; font-weight: 730; letter-spacing: -0.035em; display: block;}
.gz-v28 .dv5-hmw{padding-left: 20px; border-left: 1px solid rgb(100, 93, 86);}
.gz-v28 .dv5-hmw strong{font-size: 18px;}
.gz-v28 .dv5-hmw > span,.gz-v28 .dv5-answer > span{font-size: 11px; line-height: 1.75; display: block; margin-top: 8px; color: rgb(185, 175, 164);}
.gz-v28 .dv5-answer{padding-left: 20px; border-left: 1px solid rgb(100, 93, 86);}
.gz-v28 .dv5-answer strong{color: rgb(243, 193, 139);}
.gz-v28 .design{padding-top: 95px !important; padding-bottom: 78px !important;}
.gz-v28 .ia-wrap{width: min(1370px, 100% - 40px); margin: 0px auto;}
.gz-v28 .ia-tree-surface{position: relative; overflow: hidden; background-color: rgb(36, 34, 32); background-image: radial-gradient(circle, rgba(107, 98, 90, 0.37) 0.85px, transparent 1.1px); background-size: 29px 29px; border-radius: 24px; padding: 36px 32px 15px; box-shadow: rgba(255, 255, 255, 0.07) 0px 1px inset;}
.gz-v28 .ia-desktop{width: 100%; height: auto; display: block; overflow: visible;}
.gz-v28 .ia-node rect{fill: rgb(54, 51, 48); stroke: rgb(95, 87, 80); stroke-width: 1.15;}
.gz-v28 .ia-node text{font-family: var(--body); fill: rgb(247, 244, 240); font-size: 18px; font-weight: 640; text-anchor: middle; dominant-baseline: middle; letter-spacing: -0.025em;}
.gz-v28 .ia-root rect{fill: url("#ia-gradient"); stroke: rgb(236, 195, 159); stroke-width: 1.5;}
.gz-v28 .ia-root text{fill: rgb(48, 40, 34); font-weight: 830; font-size: 20px;}
.gz-v28 .ia-emphasis rect{fill: rgb(78, 63, 52); stroke: rgb(193, 142, 100); stroke-width: 1.55;}
.gz-v28 .ia-secondary rect{fill: rgb(45, 43, 41); stroke: rgb(86, 81, 75);}
.gz-v28 .ia-secondary text{font-size: 14px; color: rgb(221, 213, 207); fill: rgb(221, 212, 204); font-weight: 520;}
.gz-v28 .ia-flow rect{fill: rgb(58, 53, 49); stroke: rgb(118, 99, 85);}
.gz-v28 .ia-flow text{font-size: 17px;}
.gz-v28 .ia-flow .ia-node-sub{font-size: 11px; fill: rgb(182, 169, 157); font-weight: 430; letter-spacing: 0px;}
.gz-v28 .ia-chip rect{fill: rgb(52, 49, 46); stroke: rgb(106, 96, 87);}
.gz-v28 .ia-chip text{font-size: 13px; font-weight: 550;}
.gz-v28 .ia-label{font: 750 11px var(--body); letter-spacing: 0.15em; fill: rgb(217, 170, 123);}
.gz-v28 .ia-points circle{filter: drop-shadow(rgba(240, 210, 174, 0.667) 0px 0px 3px);}
.gz-v28 .ia-wire path{vector-effect: non-scaling-stroke;}
.gz-v28 .ia-mobile{display: none;}
@media (max-width: 900px) {.gz-v28 .synthesis-card{padding: 20px 17px;}
.gz-v28 .synthesis-card h4{font-size: 18px;}
.gz-v28 .decision-v5{padding: 33px 27px 27px !important;}
.gz-v28 .decision-v5-row{gap: 15px; grid-template-columns: 0.9fr 1.2fr 1.1fr;}
.gz-v28 .dv5-hmw,.gz-v28 .dv5-answer{padding-left: 13px;}
.gz-v28 .decision-v5-row strong{font-size: 15px;}
.gz-v28 .dv5-hmw strong{font-size: 16px;}
.gz-v28 .ia-tree-surface{padding: 19px 13px 8px;}}
@media (max-width: 700px) {.gz-v28 .synthesis{margin-top: 33px;}
.gz-v28 .synthesis-heading{align-items: start; display: block;}
.gz-v28 .synthesis-heading > p{text-align: left; margin-top: 9px;}
.gz-v28 .synthesis-cards{grid-template-columns: 1fr; gap: 9px;}
.gz-v28 .synthesis-card{padding: 18px 21px 17px; border-radius: 15px;}
.gz-v28 .synth-top{margin-bottom: 9px;}
.gz-v28 .synthesis-card h4{font-size: 19px;}
.gz-v28 .synth-tags{margin-top: 7px;}
.gz-v28 .synth-desc{margin-top: 14px; padding-top: 10px;}
.gz-v28 .decision-v5{margin-top: 30px !important; padding: 30px 22px 19px !important;}
.gz-v28 .decision-v5-heading{display: block;}
.gz-v28 .decision-v5-heading p{margin-top: 12px;}
.gz-v28 .decision-v5-row{display: block; padding: 23px 0px;}
.gz-v28 .dv5-source{margin-bottom: 16px;}
.gz-v28 .dv5-source strong{font-size: 16px;}
.gz-v28 .dv5-hmw,.gz-v28 .dv5-answer{padding-left: 14px; margin-left: 33px;}
.gz-v28 .dv5-hmw{padding-bottom: 15px;}
.gz-v28 .dv5-answer{padding-top: 14px; border-top: 1px solid rgb(91, 81, 73);}
.gz-v28 .dv5-hmw strong{font-size: 17px;}
.gz-v28 .dv5-answer strong{font-size: 17px;}
.gz-v28 .ia-wrap{width: calc(100% - 20px);}
.gz-v28 .ia-tree-surface{padding: 25px 18px; border-radius: 17px;}
.gz-v28 .ia-desktop{display: none;}
.gz-v28 .ia-mobile{display: block; color: rgb(244, 238, 232);}
.gz-v28 .ia-m-root{width: max-content; max-width: 100%; border-radius: 14px; background: rgb(168, 124, 89); border: 1px solid rgb(225, 181, 142); color: rgb(36, 30, 25); font-weight: 800; padding: 17px 22px; margin: 0px auto 41px; position: relative;}
.gz-v28 .ia-m-root::after{content: ""; position: absolute; top: 100%; left: 50%; height: 41px; width: 1px; background: rgb(116, 104, 92);}
.gz-v28 .ia-m-module-grid{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 6px; margin-top: 2px;}
.gz-v28 .ia-m-module{border-radius: 9px; border: 1px solid rgb(99, 89, 78); background: rgb(56, 51, 46); padding: 11px 4px; text-align: center; font-size: 12px; font-weight: 700; line-height: 1.4;}
.gz-v28 .ia-m-module.selected{border-color: rgb(194, 151, 114); background: rgb(78, 62, 50);}
.gz-v28 .ia-m-module small{display: block; color: rgb(181, 169, 159); font-size: 9px; font-weight: 450; margin-top: 7px; line-height: 1.3;}
.gz-v28 .ia-m-flow-title{font-size: 11px; color: rgb(219, 175, 135); margin: 41px 0px 13px; letter-spacing: 0.09em;}
.gz-v28 .ia-m-flow{display: flex; flex-direction: column; gap: 22px; max-width: 460px; margin: auto; position: relative;}
.gz-v28 .ia-m-step{background: rgb(53, 49, 46); border: 1px solid rgb(121, 104, 88); border-radius: 12px; padding: 14px 18px; position: relative; font-weight: 700; font-size: 14px; min-height: 48px;}
.gz-v28 .ia-m-step + .ia-m-step::before{content: ""; position: absolute; left: 50%; width: 1px; height: 23px; background: rgb(147, 129, 115); bottom: 100%;}
.gz-v28 .ia-m-step small{display: block; font-size: 10px; color: rgb(188, 175, 160); margin-top: 4px; font-weight: 450;}
.gz-v28 .ia-m-step.selected{border-color: rgb(202, 149, 112); background: rgb(72, 58, 48);}
.gz-v28 .ia-m-pills{display: flex; gap: 6px; margin-top: 12px; flex-wrap: wrap;}
.gz-v28 .ia-m-pills span{border: 1px solid rgb(117, 106, 95); border-radius: 8px; background: rgb(44, 41, 39); padding: 7px 9px; font-size: 11px; font-weight: 500;}
.gz-v28 .ia-m-final{border-top: 1px solid rgb(103, 86, 72); margin-top: 13px; padding-top: 12px;}}
@media (prefers-reduced-motion: no-preference) {.gz-v28 .ia-desktop .ia-points circle{animation: 4s ease-in-out 0s infinite alternate none running gzv28-ia-soft-glow;}
@keyframes gzv28-ia-soft-glow { 
  0% { opacity: 0.6; }
  100% { opacity: 1; }
}}
@media (prefers-reduced-motion: reduce) {.gz-v28 .ia-desktop .ia-points circle{animation: auto ease 0s 1 normal none running none;}}
.gz-v28{--max: 1200px; --paper: #fdfbf8; --ink: #292723; --warm: #bf7648; --lilac: #e8e0eb; --peach: #f6dfc9; --mint: #dce9df;}
.gz-v28{scroll-padding-top: 85px;}
.gz-v28{background: var(--paper);}
.gz-v28 .container{width: min(1200px, 100% - 96px);}
.gz-v28 .nav{background: rgba(253, 251, 248, 0.94); box-shadow: none;}
.gz-v28 .nav-inner{width: min(1370px, 100% - 90px);}
.gz-v28 .nav-links{gap: 24px;}
.gz-v28 .nav-cta{background: rgb(48, 45, 41);}
.gz-v28 .nav-links a{font-size: 12px;}
.gz-v28 .section-kicker{color: rgb(168, 107, 71);}
.gz-v28 .section-title{font-size: clamp(44px, 5.1vw, 72px);}
.gz-v28 .editorial-cover{background: rgb(245, 229, 213); position: relative; overflow: hidden; isolation: isolate; min-height: 745px;}
.gz-v28 .editorial-cover::before{content: ""; position: absolute; right: -15vw; top: -30vw; width: 75vw; max-width: 1160px; aspect-ratio: 1 / 1; border: 1px solid rgba(221, 189, 161, 0.47); border-radius: 50%; box-shadow: rgba(255, 244, 229, 0.12) 0px 0px 0px 105px, rgba(207, 156, 109, 0.075) 0px 0px 0px 230px;}
.gz-v28 .cover-grid{position: relative; display: grid; grid-template-columns: 50% 50%; align-items: center; min-height: 706px;}
.gz-v28 .cover-copy{z-index: 5; padding: 70px 0px;}
.gz-v28 .cover-eyebrow{color: rgb(169, 107, 67); font-size: 12px; letter-spacing: 0.19em; font-weight: 850;}
.gz-v28 .cover-copy h1{font-size: clamp(67px, 8.5vw, 128px); font-weight: 780; font-family: var(--display); line-height: 1.02; letter-spacing: -0.115em; margin: 37px 0px 27px;}
.gz-v28 .cover-copy h1 span{color: rgb(181, 108, 80);}
.gz-v28 .cover-copy h2{font-size: clamp(29px, 3.5vw, 49px); font-weight: 690; letter-spacing: -0.075em; line-height: 1.3;}
.gz-v28 .cover-copy > p{font-size: 15px; line-height: 1.9; color: rgb(116, 104, 95); max-width: 445px; margin-top: 22px;}
.gz-v28 .cover-buttons{display: flex; gap: 11px; margin-top: 32px; flex-wrap: wrap;}
.gz-v28 .cover-devices{position: relative; height: 690px; min-width: 0px; align-self: end;}
.gz-v28 .cover-devices .hero-art{height: 680px; position: absolute; inset: 0px -30% 0px -15%;}
.gz-v28 .cover-devices .hero-phone-front{top: 63px; left: 30%; transform: rotate(-7deg) scale(1.11); transform-origin: left top;}
.gz-v28 .cover-devices .hero-phone-back{top: 126px; left: 59%; transform: rotate(10deg) scale(0.94); transform-origin: left top;}
.gz-v28 .cover-ribbon{position: relative; background: rgba(255, 255, 255, 0.43); border-top: 1px solid rgba(255, 255, 255, 0.5);}
.gz-v28 .cover-ribbon-inner{display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 19px 0px; color: rgb(134, 111, 96); font-size: 11px; letter-spacing: 0.035em;}
.gz-v28 .cover-ribbon-inner strong{color: rgb(78, 68, 58); font-weight: 770;}
.gz-v28 .brief{background: rgb(255, 255, 255); padding: 95px 0px 91px;}
.gz-v28 .brief-grid{display: grid; grid-template-columns: 31% 1fr; gap: 7%; align-items: start;}
.gz-v28 .brief-label{font-size: 11px; letter-spacing: 0.18em; color: rgb(173, 123, 85); font-weight: 800; padding-top: 9px;}
.gz-v28 .brief-quote{font-size: clamp(31px, 3.5vw, 49px); line-height: 1.35; font-weight: 700; letter-spacing: -0.065em; max-width: 860px;}
.gz-v28 .brief-quote span{color: rgb(186, 121, 80);}
.gz-v28 .brief-tags{margin-top: 31px; display: flex; gap: 25px; flex-wrap: wrap; font-size: 12px; font-weight: 700; color: rgb(129, 118, 108);}
.gz-v28 .brief-tags span::before{content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 100%; background: rgb(217, 145, 101); margin-right: 9px; vertical-align: 2px;}
.gz-v28 .research-story{padding: 95px 0px 0px; background: rgb(250, 248, 245);}
.gz-v28 .story-header{display: grid; grid-template-columns: 1fr 1.05fr; gap: 10%; margin-bottom: 48px; align-items: end;}
.gz-v28 .story-header h2{font-family: var(--display); font-size: clamp(48px, 6vw, 88px); line-height: 1.1; letter-spacing: -0.085em; margin-top: 14px;}
.gz-v28 .story-header p{color: rgb(119, 111, 103); font-size: 15px; line-height: 1.85; max-width: 480px;}
.gz-v28 .research-dossier{background: rgb(255, 255, 255); border-radius: 26px 26px 0px 0px; border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(238, 232, 225) rgb(238, 232, 225) currentcolor; border-image: none; overflow: hidden;}
.gz-v28 .research-dossier-top{display: flex; justify-content: space-between; align-items: flex-end; gap: 35px; padding: 38px 45px 30px; border-bottom: 1px solid rgb(233, 226, 218);}
.gz-v28 .dossier-title{font-size: 12px; font-weight: 790; color: rgb(173, 127, 94); letter-spacing: 0.1em;}
.gz-v28 .dossier-metrics{display: flex; align-items: flex-end; gap: 39px;}
.gz-v28 .dossier-number{font-size: 51px; font-weight: 790; color: rgb(169, 98, 61); letter-spacing: -0.08em; line-height: 1;}
.gz-v28 .dossier-number small{display: block; font-size: 11px; font-weight: 550; color: rgb(144, 135, 127); letter-spacing: 0px; margin-top: 9px; line-height: 1.4;}
.gz-v28 .research-findings{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); padding: 38px 43px 42px;}
.gz-v28 .finding{padding: 0px 25px; border-right: 1px solid rgb(232, 226, 219);}
.gz-v28 .finding:first-child{padding-left: 0px;}
.gz-v28 .finding:last-child{padding-right: 0px; border-right: 0px;}
.gz-v28 .finding-index{color: rgb(185, 134, 99); font-size: 12px; font-weight: 850; letter-spacing: 0.13em;}
.gz-v28 .finding h3{margin: 16px 0px 13px; font-size: 21px; line-height: 1.4; font-weight: 760; letter-spacing: -0.035em;}
.gz-v28 .finding strong{font-size: 30px; letter-spacing: -0.055em; color: rgb(185, 108, 68); font-weight: 850;}
.gz-v28 .finding p{font-size: 12px; color: rgb(120, 113, 107); margin-top: 9px; line-height: 1.8;}
.gz-v28 .research-method{font-size: 10px; color: rgb(149, 138, 125); line-height: 1.75; padding: 0px 43px 24px;}
.gz-v28 .decision-editorial{padding: 78px 0px 102px; background: linear-gradient(rgb(242, 226, 210), rgb(246, 238, 229) 58%, rgb(253, 251, 248));}
.gz-v28 .decision-eyebrow{color: rgb(165, 104, 71); font-weight: 850; font-size: 11px; letter-spacing: 0.15em;}
.gz-v28 .decision-lead{display: grid; grid-template-columns: 1fr 1fr; gap: 55px; align-items: end; padding-bottom: 32px;}
.gz-v28 .decision-lead h2{font-size: clamp(36px, 4.5vw, 61px); line-height: 1.12; letter-spacing: -0.075em; font-family: var(--display); margin-top: 13px;}
.gz-v28 .decision-lead p{font-size: 13px; color: rgb(128, 110, 97); line-height: 1.9; max-width: 410px;}
.gz-v28 .cluster-ribbon{display: flex; gap: 5px; margin: 20px 0px 38px; border-radius: 17px; overflow: hidden;}
.gz-v28 .cluster{flex: 1 1 0%; min-width: 0px; display: flex; justify-content: space-between; align-items: center; gap: 11px; padding: 21px 23px; font-size: 14px; font-weight: 800; background: rgb(248, 238, 231);}
.gz-v28 .cluster:nth-child(2){background: rgb(237, 232, 246);}
.gz-v28 .cluster:nth-child(3){background: rgb(225, 238, 231);}
.gz-v28 .cluster small{font-size: 11px; color: rgb(143, 128, 118); font-weight: 570; white-space: nowrap;}
.gz-v28 .decision-matrix{background: rgb(255, 255, 255); border-radius: 24px; border: 1px solid rgb(236, 223, 211); overflow: hidden;}
.gz-v28 .matrix-legend{display: grid; grid-template-columns: 29% 34% 37%; gap: 0px; padding: 19px 30px; color: rgb(172, 154, 138); font-size: 10px; letter-spacing: 0.15em; font-weight: 800; border-bottom: 1px solid rgb(238, 231, 223);}
.gz-v28 .matrix-row{display: grid; grid-template-columns: 29% 34% 37%; gap: 0px; align-items: stretch; border-bottom: 1px solid rgb(238, 231, 223);}
.gz-v28 .matrix-row:last-child{border-bottom: 0px;}
.gz-v28 .matrix-cell{padding: 23px 26px; min-width: 0px; display: flex; align-items: flex-start; flex-direction: column; justify-content: center;}
.gz-v28 .matrix-cell:not(:last-child){border-right: 1px solid rgb(240, 235, 230);}
.gz-v28 .matrix-cell small{font-size: 10px; font-weight: 780; color: rgb(168, 135, 113); margin-bottom: 9px;}
.gz-v28 .matrix-cell strong{font-size: 18px; font-weight: 750; letter-spacing: -0.045em; line-height: 1.44;}
.gz-v28 .matrix-cell p{margin-top: 7px; font-size: 11px; color: rgb(125, 119, 113); line-height: 1.7;}
.gz-v28 .matrix-cell.response{background: rgb(255, 249, 242);}
.gz-v28 .matrix-cell.response strong{color: rgb(168, 93, 54);}
.gz-v28 .matrix-cell.response strong::before{content: "↗"; font-size: 18px; margin-right: 9px; color: rgb(190, 137, 92);}
.gz-v28 .decision-coda{font-size: 11px; color: rgb(152, 135, 123); margin-top: 20px;}
.gz-v28 .arch-section{background: rgb(40, 37, 35); color: rgb(255, 255, 255); padding: 93px 0px 89px;}
.gz-v28 .arch-section .section-kicker{color: rgb(199, 167, 137);}
.gz-v28 .arch-heading{display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: end; margin-bottom: 40px;}
.gz-v28 .arch-heading h2{font-family: var(--display); font-size: clamp(46px, 5.5vw, 76px); letter-spacing: -0.075em; margin-top: 10px;}
.gz-v28 .arch-heading p{font-size: 13px; color: rgb(187, 173, 162); max-width: 405px; justify-self: end; line-height: 1.8;}
.gz-v28 .arch-section .ia-wrap{width: min(1330px, 100% - 62px);}
.gz-v28 .arch-section .ia-tree-surface{background-color: rgb(33, 30, 29); border: 1px solid rgb(82, 72, 64); padding: 28px 35px 15px; border-radius: 23px;}
.gz-v28 .arch-caption{font-size: 10px; color: rgb(183, 168, 156); margin: 20px 0px 0px; letter-spacing: 0.035em; text-align: right;}
.gz-v28 .ui-section{padding: 108px 0px 0px; background: rgb(255, 255, 255); overflow: hidden;}
.gz-v28 .ui-lead{margin-bottom: 46px; display: flex; align-items: end; justify-content: space-between; gap: 20px;}
.gz-v28 .ui-lead h2{font-family: var(--display); font-size: clamp(51px, 6vw, 85px); line-height: 1.1; letter-spacing: -0.08em; margin-top: 16px;}
.gz-v28 .ui-lead p{font-size: 13px; max-width: 350px; color: rgb(133, 126, 118); line-height: 1.85;}
.gz-v28 .ui-chapter{margin-bottom: 29px; position: relative; overflow: hidden; border-radius: 29px; min-height: 520px;}
.gz-v28 .ui-intro{display: grid; grid-template-columns: 0.78fr 1.22fr; background: linear-gradient(118deg, rgb(248, 231, 216), rgb(242, 226, 215) 56%, rgb(238, 218, 210)); align-items: center; padding: 43px 4% 10px 7%; min-height: 650px;}
.gz-v28 .ui-chapter-no{font-size: 11px; letter-spacing: 0.14em; font-weight: 850; color: rgb(170, 121, 91);}
.gz-v28 .ui-copy{position: relative; z-index: 4;}
.gz-v28 .ui-copy h3{font-size: clamp(42px, 4.8vw, 70px); line-height: 1.15; letter-spacing: -0.085em; margin: 18px 0px 21px; font-family: var(--display);}
.gz-v28 .ui-copy p{max-width: 340px; font-size: 14px; line-height: 1.85; color: rgb(122, 109, 98);}
.gz-v28 .ui-copy-tags{margin-top: 28px; display: flex; flex-wrap: wrap; gap: 8px;}
.gz-v28 .ui-copy-tags span{font-size: 10px; border: 1px solid rgb(210, 171, 146); border-radius: 20px; padding: 8px 11px; color: rgb(119, 91, 71); background: rgba(255, 248, 240, 0.29);}
.gz-v28 .ui-intro .phone-pair{height: 577px; transform: translateY(41px);}
.gz-v28 .ui-intro .phone-pair .phone{transform: scale(0.93); margin: 0px -13px;}
.gz-v28 .ui-intro .phone-pair .phone:last-child{transform: translateY(-12px) scale(0.89);}
.gz-v28 .ui-method{display: grid; grid-template-columns: 30% 70%; background: rgb(233, 239, 232); min-height: 598px; padding: 55px 5% 45px 7%; align-items: center;}
.gz-v28 .ui-method .ui-copy p{max-width: 260px;}
.gz-v28 .ui-method .stage-specific{padding: 40px 5%; grid-template-columns: 1fr 1fr; min-height: 450px; gap: 22px; background: transparent; border-radius: 0px; overflow: visible;}
.gz-v28 .ui-method .stage-specific .feature-caption{display: none;}
.gz-v28 .ui-method .stage-specific > div{min-width: 0px;}
.gz-v28 .ui-method .compare-card{min-height: 305px;}
.gz-v28 .ui-method .compare-detail{min-height: 305px;}
.gz-v28 .ui-method .compare-label{font-size: 10px;}
.gz-v28 .task-demonstration{margin-top: 44px; margin-bottom: 32px;}
.gz-v28 .task-demo-heading{display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 23px;}
.gz-v28 .task-demo-heading h3{font-size: clamp(26px, 3.2vw, 44px); letter-spacing: -0.06em;}
.gz-v28 .task-demo-heading p{font-size: 12px; color: rgb(139, 129, 121); max-width: 350px;}
.gz-v28 .task-demonstration .task-grid{gap: 14px;}
.gz-v28 .task-demonstration .task-tile{border: 1px solid rgb(232, 228, 223); border-radius: 22px; background: rgb(250, 249, 247); padding: 17px; transition: transform 0.25s, box-shadow 0.25s;}
.gz-v28 .task-demonstration .task-tile:hover{transform: translateY(-4px); box-shadow: rgba(52, 43, 30, 0.086) 0px 12px 28px;}
.gz-v28 .ui-outro{display: grid; grid-template-columns: 34% 66%; gap: 0px; align-items: center; padding: 65px 6% 55px 7%; background: linear-gradient(123deg, rgb(233, 226, 239), rgb(229, 226, 244) 58%, rgb(238, 233, 242)); min-height: 540px;}
.gz-v28 .ui-outro .stage-exit{background: transparent; padding: 18px 0px 0px; grid-template-columns: 1fr 1fr; gap: 4%; min-height: 390px; overflow: visible;}
.gz-v28 .ui-outro .stage-exit .feature-caption{display: none;}
.gz-v28 .ui-outro .check-card{padding: 29px 22px;}
.gz-v28 .ui-outro .exit-story{padding: 16px 0px 0px;}
.gz-v28 .ui-outro .exit-story h4{font-size: 22px;}
.gz-v28 .visual-section-v6{background: rgb(244, 240, 233); padding: 97px 0px 104px;}
.gz-v28 .visual-section-v6 h2{font-size: clamp(46px, 5.7vw, 79px); font-family: var(--display); letter-spacing: -0.085em; margin: 13px 0px 42px;}
.gz-v28 .visual-specimen{display: grid; grid-template-columns: 1.2fr 0.85fr 1fr; gap: 0px; background: rgb(255, 255, 255); border-radius: 27px; overflow: hidden; min-height: 315px;}
.gz-v28 .visual-specimen > div{padding: 35px 30px; border-right: 1px solid rgb(239, 235, 230); position: relative; min-width: 0px;}
.gz-v28 .visual-specimen > div:last-child{border-right: 0px;}
.gz-v28 .visual-label{font-size: 11px; letter-spacing: 0.1em; font-weight: 770; color: rgb(168, 140, 115);}
.gz-v28 .visual-font-big{font-size: clamp(54px, 5vw, 85px); font-weight: 710; letter-spacing: -0.09em; margin-top: 53px; white-space: nowrap;}
.gz-v28 .visual-font-meta{font-size: 12px; color: rgb(135, 123, 113); line-height: 1.7; margin-top: 12px;}
.gz-v28 .v6-palette{display: flex; gap: 7px; margin-top: 74px; height: 91px;}
.gz-v28 .v6-palette span{flex: 1 1 0%; border-radius: 13px; background: rgb(249, 244, 237);}
.gz-v28 .v6-palette span:nth-child(2){background: rgb(221, 170, 127);}
.gz-v28 .v6-palette span:nth-child(3){background: rgb(233, 201, 199);}
.gz-v28 .v6-palette span:nth-child(4){background: rgb(216, 209, 233);}
.gz-v28 .v6-palette span:nth-child(5){background: rgb(210, 229, 216);}
.gz-v28 .visual-person{height: 150px; display: flex; align-items: center; justify-content: center; position: relative; margin-top: 20px;}
.gz-v28 .visual-person::before{content: ""; width: 155px; height: 155px; border-radius: 50%; background: rgb(232, 209, 203); position: absolute; top: 0px;}
.gz-v28 .visual-person .face{z-index: 2; transform: scale(1.05);}
.gz-v28 .visual-footnote{font-size: 10px; color: rgb(141, 134, 126); margin-top: 19px; line-height: 1.7;}
.gz-v28 .demo-final{background: rgb(255, 255, 255); padding: 85px 0px 110px;}
.gz-v28 .demo-final-wrap{border-radius: 32px; min-height: 490px; background: radial-gradient(at 82% 50%, rgb(233, 217, 222), transparent 51%), linear-gradient(112deg, rgb(244, 229, 216), rgb(245, 233, 223) 54%, rgb(234, 231, 238)); box-shadow: none;}
.gz-v28 .demo-final-copy h2{font-size: clamp(66px, 6.5vw, 98px);}
.gz-v28 .footer{background: rgb(255, 255, 255);}
@media (prefers-reduced-motion: no-preference) {.gz-v28 .editorial-cover .cover-copy{animation: 0.85s ease 0s 1 normal both running gzv28-editorialIn;}
.gz-v28 .editorial-cover .cover-devices{animation: 0.95s ease 0.12s 1 normal both running gzv28-editorialIn;}
@keyframes gzv28-editorialIn { 
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: none; }
}
.gz-v28 .matrix-row{transition: background 0.25s;}
.gz-v28 .matrix-row:hover{background: rgb(250, 246, 240);}
.gz-v28 .arch-section .ia-node{transition: filter 0.2s;}
.gz-v28 .arch-section .ia-node:hover{filter: brightness(1.15);}}
@media (max-width: 1080px) {.gz-v28 .cover-devices .hero-phone-front{left: 20%; transform: scale(0.93) rotate(-7deg);}
.gz-v28 .cover-devices .hero-phone-back{left: 50%; transform: scale(0.79) rotate(10deg);}
.gz-v28 .ui-intro{grid-template-columns: 0.72fr 1.28fr; padding-left: 5%;}
.gz-v28 .ui-intro .phone-pair .phone{transform: scale(0.8); margin: 0px -27px;}
.gz-v28 .ui-intro .phone-pair .phone:last-child{transform: translateY(-12px) scale(0.79);}
.gz-v28 .ui-method{grid-template-columns: 1fr; gap: 12px; padding: 54px 6% 35px;}
.gz-v28 .ui-method .ui-copy p{max-width: 550px;}
.gz-v28 .ui-method .stage-specific{width: 100%;}
.gz-v28 .ui-outro{grid-template-columns: 1fr; gap: 25px;}
.gz-v28 .ui-outro .stage-exit{max-width: 100%;}
.gz-v28 .cluster{padding: 16px;}
.gz-v28 .cluster small{white-space: normal;}}
@media (max-width: 800px) {.gz-v28 .container{width: calc(100% - 44px);}
.gz-v28 .nav-inner{width: calc(100% - 38px);}
.gz-v28 .nav-links{gap: 12px;}
.gz-v28 .nav-links a{font-size: 11px;}
.gz-v28 .cover-grid{grid-template-columns: 1fr; min-height: 850px; align-items: start;}
.gz-v28 .editorial-cover{min-height: 0px;}
.gz-v28 .cover-copy{padding: 80px 0px 5px;}
.gz-v28 .cover-copy h1{font-size: 78px; margin-top: 20px;}
.gz-v28 .cover-copy h2{font-size: 38px;}
.gz-v28 .cover-devices{height: 480px;}
.gz-v28 .cover-devices .hero-art{height: 470px; inset: 0px -5% 0px 0px;}
.gz-v28 .cover-devices .hero-phone-front{left: 26%; top: 8px; transform: scale(0.7) rotate(-7deg);}
.gz-v28 .cover-devices .hero-phone-back{left: 56%; top: 35px; transform: scale(0.64) rotate(10deg);}
.gz-v28 .cover-ribbon-inner{font-size: 10px;}
.gz-v28 .brief-grid{grid-template-columns: 1fr; gap: 22px;}
.gz-v28 .brief{padding: 72px 0px;}
.gz-v28 .story-header{grid-template-columns: 1fr; gap: 19px;}
.gz-v28 .research-dossier-top{padding: 27px;}
.gz-v28 .research-findings{padding: 32px 26px; gap: 0px;}
.gz-v28 .finding{padding: 0px 13px;}
.gz-v28 .finding h3{font-size: 17px;}
.gz-v28 .finding strong{font-size: 25px;}
.gz-v28 .research-method{padding: 0px 27px 22px;}
.gz-v28 .decision-lead{grid-template-columns: 1fr; gap: 15px;}
.gz-v28 .matrix-cell{padding: 19px 16px;}
.gz-v28 .matrix-cell strong{font-size: 15px;}
.gz-v28 .arch-heading{grid-template-columns: 1fr; gap: 14px;}
.gz-v28 .arch-heading p{justify-self: start;}
.gz-v28 .ui-intro{grid-template-columns: 1fr; padding: 53px 5% 0px; min-height: 850px;}
.gz-v28 .ui-copy{max-width: 620px;}
.gz-v28 .ui-copy h3{font-size: 51px;}
.gz-v28 .ui-intro .phone-pair{height: 530px; transform: none;}
.gz-v28 .ui-intro .phone-pair .phone{transform: scale(0.87); margin: 0px -14px;}
.gz-v28 .ui-intro .phone-pair .phone:last-child{transform: translateY(-12px) scale(0.83);}
.gz-v28 .visual-specimen{grid-template-columns: 1fr 1fr;}
.gz-v28 .visual-specimen > div:last-child{grid-column: span 2; border-top: 1px solid rgb(239, 235, 230);}
.gz-v28 .visual-person{margin-top: 0px;}}
@media (max-width: 600px) {.gz-v28 .nav{height: 60px;}
.gz-v28 .logo{font-size: 18px;}
.gz-v28 .nav-links{display: none;}
.gz-v28 .nav-cta{padding: 10px 14px; font-size: 11px;}
.gz-v28 .cover-grid{min-height: 825px;}
.gz-v28 .cover-copy{padding: 60px 0px 0px;}
.gz-v28 .cover-copy h1{font-size: clamp(57px, 14vw, 79px);}
.gz-v28 .cover-copy h2{font-size: clamp(30px, 7vw, 40px);}
.gz-v28 .cover-copy > p{font-size: 13px; margin-top: 14px;}
.gz-v28 .cover-eyebrow{font-size: 10px;}
.gz-v28 .cover-devices{height: 430px;}
.gz-v28 .cover-devices .hero-art{inset: 0px -10% 0px -3%;}
.gz-v28 .cover-devices .hero-phone-front{left: 21%; top: 5px; transform: scale(0.61) rotate(-7deg);}
.gz-v28 .cover-devices .hero-phone-back{left: 55%; top: 38px; transform: scale(0.53) rotate(10deg);}
.gz-v28 .cover-ribbon-inner{display: grid; grid-template-columns: 1fr 1fr; gap: 9px;}
.gz-v28 .brief{padding: 61px 0px;}
.gz-v28 .brief-quote{font-size: 33px;}
.gz-v28 .brief-tags{gap: 12px; font-size: 11px;}
.gz-v28 .research-story{padding-top: 70px;}
.gz-v28 .story-header h2{font-size: 52px;}
.gz-v28 .story-header p{font-size: 13px;}
.gz-v28 .research-dossier{border-radius: 19px 19px 0px 0px;}
.gz-v28 .research-dossier-top{padding: 24px 20px; align-items: center;}
.gz-v28 .dossier-metrics{gap: 19px;}
.gz-v28 .dossier-number{font-size: 40px;}
.gz-v28 .dossier-number small{font-size: 9px;}
.gz-v28 .research-findings{display: block; padding: 0px 20px;}
.gz-v28 .finding,.gz-v28 .finding:first-child,.gz-v28 .finding:last-child{border-right: 0px; border-bottom: 1px solid rgb(237, 231, 225); padding: 22px 2px;}
.gz-v28 .finding:last-child{border-bottom: 0px;}
.gz-v28 .finding h3{font-size: 20px; margin: 9px 0px;}
.gz-v28 .finding strong{font-size: 30px;}
.gz-v28 .research-method{padding: 0px 20px 22px;}
.gz-v28 .decision-editorial{padding: 59px 0px 76px;}
.gz-v28 .decision-lead h2{font-size: 42px;}
.gz-v28 .cluster-ribbon{display: grid; grid-template-columns: 1fr; gap: 5px; margin-bottom: 25px;}
.gz-v28 .cluster{padding: 15px 18px; border-radius: 12px;}
.gz-v28 .matrix-legend{display: none;}
.gz-v28 .matrix-row{grid-template-columns: 1fr; position: relative; padding: 19px 18px; gap: 7px;}
.gz-v28 .matrix-cell,.gz-v28 .matrix-cell:not(:last-child){border-right: 0px; padding: 4px 5px;}
.gz-v28 .matrix-cell.response{background: rgb(255, 247, 238); padding: 12px 15px; border-radius: 10px; margin-top: 5px;}
.gz-v28 .matrix-cell strong{font-size: 17px;}
.gz-v28 .matrix-cell p{font-size: 10px; margin-top: 2px;}
.gz-v28 .arch-section{padding: 65px 0px;}
.gz-v28 .arch-heading h2{font-size: 52px;}
.gz-v28 .arch-section .ia-wrap{width: calc(100% - 18px);}
.gz-v28 .arch-section .ia-tree-surface{padding: 18px 12px 16px; border-radius: 17px;}
.gz-v28 .arch-caption{padding: 0px 16px; line-height: 1.6;}
.gz-v28 .ui-section{padding-top: 75px;}
.gz-v28 .ui-lead{display: block;}
.gz-v28 .ui-lead h2{font-size: 55px;}
.gz-v28 .ui-lead p{margin-top: 15px;}
.gz-v28 .ui-chapter{border-radius: 18px; min-height: 0px; margin-bottom: 12px;}
.gz-v28 .ui-intro{min-height: 730px; padding: 39px 20px 0px;}
.gz-v28 .ui-copy h3{font-size: 42px;}
.gz-v28 .ui-copy p{font-size: 12px;}
.gz-v28 .ui-intro .phone-pair{height: 405px; gap: 0px; justify-content: space-around; align-items: start; margin-top: 25px;}
.gz-v28 .ui-intro .phone-pair .phone{transform: scale(0.63); transform-origin: left top; margin: 0px -39px;}
.gz-v28 .ui-intro .phone-pair .phone:last-child{transform: translateY(20px) scale(0.63); transform-origin: right top;}
.gz-v28 .ui-method{padding: 40px 18px 30px;}
.gz-v28 .ui-method .stage-specific{padding: 0px; grid-template-columns: 1fr; gap: 16px;}
.gz-v28 .ui-method .compare-card{min-height: 235px;}
.gz-v28 .ui-method .compare-detail{min-height: 245px;}
.gz-v28 .task-demonstration{margin: 29px 0px;}
.gz-v28 .task-demo-heading{display: block;}
.gz-v28 .task-demo-heading p{margin-top: 9px;}
.gz-v28 .task-demonstration .task-grid{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px;}
.gz-v28 .task-demonstration .task-tile{padding: 10px; border-radius: 15px;}
.gz-v28 .ui-outro{padding: 40px 19px;}
.gz-v28 .ui-outro .stage-exit{grid-template-columns: 1fr; gap: 19px; padding: 0px;}
.gz-v28 .ui-outro .exit-story{padding: 0px 10px;}
.gz-v28 .visual-section-v6{padding: 65px 0px;}
.gz-v28 .visual-section-v6 h2{font-size: 51px;}
.gz-v28 .visual-specimen{grid-template-columns: 1fr;}
.gz-v28 .visual-specimen > div,.gz-v28 .visual-specimen > div:last-child{grid-column: auto; border-right: 0px; border-bottom: 1px solid rgb(238, 233, 228); padding: 25px;}
.gz-v28 .visual-specimen > div:last-child{border-bottom: 0px;}
.gz-v28 .visual-font-big{margin-top: 28px;}
.gz-v28 .v6-palette{margin-top: 23px;}
.gz-v28 .demo-final{padding: 70px 0px 90px;}}
@media (max-width: 600px) {.gz-v28 .cover-devices{margin-top: 20px;}}
.gz-v28 #interfaces .flow-board{isolation: isolate;}
.gz-v28 #interfaces .flow-grid{align-items: start;}
.gz-v28 #interfaces .flow-col[data-flow-position="1"]{padding-top: 22px;}
.gz-v28 #interfaces .flow-col[data-flow-position="2"]{padding-top: 118px;}
.gz-v28 #interfaces .flow-col[data-flow-position="3"]{padding-top: 42px;}
.gz-v28 #interfaces .flow-col[data-flow-position="4"]{margin-top: -8px;}
.gz-v28 #interfaces .flow-col[data-flow-position="5"]{padding-top: 136px;}
.gz-v28 #interfaces .flow-col[data-flow-position="6"]{padding-top: 28px;}
.gz-v28 #interfaces .flow-col[data-flow-position="2"] .flow-note{max-width: 210px;}
.gz-v28 #interfaces .flow-col[data-flow-position="3"] .flow-note{max-width: 210px;}
.gz-v28 #interfaces .flow-col[data-flow-position="5"] .flow-device.small-card{transform: translateX(8px);}
.gz-v28 #interfaces .flow-col[data-flow-position="6"] .flow-device{justify-content: flex-end;}
.gz-v28 #interfaces .flow-col[data-flow-position="6"] .phone{transform-origin: right top;}
@media (max-width: 1100px) {.gz-v28 #interfaces .flow-col[data-flow-position="1"]{padding-top: 14px;}
.gz-v28 #interfaces .flow-col[data-flow-position="2"]{padding-top: 84px;}
.gz-v28 #interfaces .flow-col[data-flow-position="3"]{padding-top: 30px;}
.gz-v28 #interfaces .flow-col[data-flow-position="5"]{padding-top: 96px;}
.gz-v28 #interfaces .flow-col[data-flow-position="6"]{padding-top: 18px;}}
@media (max-width: 800px) {.gz-v28 #interfaces .flow-col[data-flow-position]{padding-top: 0px !important; margin-top: 0px !important;}
.gz-v28 #interfaces .flow-col[data-flow-position="5"] .flow-device.small-card{transform: none;}
.gz-v28 #interfaces .flow-col[data-flow-position="6"] .flow-device{justify-content: center;}}
.gz-v28 #interfaces .flow-v10-connectors{position: absolute; inset: 0px; width: 100%; height: 100%; z-index: 1; pointer-events: none; overflow: visible;}
.gz-v28 #interfaces .flow-v10-connectors path{fill: none; stroke: rgb(113, 128, 155); stroke-width: 1.55; stroke-dasharray: 4, 8; stroke-linejoin: round; stroke-linecap: round; opacity: 0.72; vector-effect: non-scaling-stroke;}
.gz-v28 #interfaces .flow-v10-connectors circle{fill: rgb(220, 227, 238); stroke: rgb(121, 135, 160); stroke-width: 1; vector-effect: non-scaling-stroke;}
.gz-v28 #interfaces .flow-col[data-flow-position="6"] .flow-device{isolation: isolate;}
.gz-v28 #interfaces .flow-v10-paperplane{position: absolute; top: 18px; right: 74px; width: 83px; height: 67px; z-index: 6; pointer-events: none; opacity: 0; filter: drop-shadow(rgba(143, 109, 100, 0.157) 0px 7px 8px);}
.gz-v28 #interfaces .flow-v10-paperplane svg{display: block; width: 100%; height: 100%; overflow: visible;}
.gz-v28 #interfaces .flow-v10-replay{position: absolute; right: 10px; top: -28px; z-index: 6; border: 1px solid rgb(203, 182, 171); color: rgb(141, 101, 91); background: rgb(255, 250, 245); border-radius: 20px; padding: 5px 10px; font-family: inherit; font-size: 10px; line-height: 1.2; cursor: pointer;}
.gz-v28 #interfaces .flow-v10-replay:focus-visible{outline: rgb(152, 111, 97) solid 2px; outline-offset: 3px;}
.gz-v28 #interfaces .flow-v10-replay:hover{background: rgb(255, 255, 255);}
@keyframes gzv28-flow-v10-fly { 
  0% { opacity: 0; transform: translate(-118px, 102px) rotate(-13deg) scale(0.7); }
  14% { opacity: 1; }
  42% { opacity: 1; transform: translate(-53px, 49px) rotate(1deg) scale(0.9); }
  70% { opacity: 1; transform: translate(-4px, 1px) rotate(-7deg) scale(1); }
  86% { opacity: 1; transform: translate(34px, -39px) rotate(-5deg) scale(0.9); }
  100% { opacity: 0; transform: translate(83px, -92px) rotate(-11deg) scale(0.7); }
}
@keyframes gzv28-flow-v10-letter { 
  0%, 28% { transform: translateY(0px); box-shadow: rgba(67, 51, 37, 0.07) 0px 10px 30px; }
  65% { transform: translateY(-3px); box-shadow: rgba(140, 93, 72, 0.17) 0px 16px 34px; }
  100% { transform: none; box-shadow: rgba(67, 51, 37, 0.07) 0px 10px 30px; }
}
.gz-v28 #interfaces .flow-col.v10-plane-playing .flow-v10-paperplane{animation: 2.05s cubic-bezier(0.25, 0.65, 0.39, 1) 0s 1 normal both running gzv28-flow-v10-fly;}
.gz-v28 #interfaces .flow-col.v10-plane-playing .flow-plane-card{animation: 1.2s ease 0.52s 1 normal both running gzv28-flow-v10-letter;}
@media (max-width: 800px) {.gz-v28 #interfaces .flow-v10-connectors{display: none;}
.gz-v28 #interfaces .flow-v10-replay{top: -20px; right: 0px;}
.gz-v28 #interfaces .flow-v10-paperplane{right: 24px;}}
@media (prefers-reduced-motion: reduce) {.gz-v28 #interfaces .flow-col.v10-plane-playing .flow-v10-paperplane,.gz-v28 #interfaces .flow-col.v10-plane-playing .flow-plane-card{animation: auto ease 0s 1 normal none running none !important;}
.gz-v28 #interfaces .flow-v10-replay{display: none;}}
.gz-v28 #discovery.strategy-case{background: rgb(250, 247, 242); padding: 92px 0px 108px; overflow: hidden; scroll-margin-top: 72px;}
.gz-v28 #discovery .strategy-shell{position: relative;}
.gz-v28 #discovery .strategy-topline{display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 21px; font-size: 11px; font-weight: 750; letter-spacing: 0.12em; color: rgb(167, 120, 88);}
.gz-v28 #discovery .strategy-count{color: rgb(141, 132, 123); letter-spacing: 0.035em; font-weight: 550;}
.gz-v28 #discovery .strategy-stage{display: grid; grid-template-columns: 53% 47%; min-height: 570px; position: relative;}
.gz-v28 #discovery .strategy-problem{z-index: 3; display: flex; flex-direction: column; justify-content: space-between; padding: 42px 36px 76px 5px; min-width: 0px;}
.gz-v28 #discovery .strategy-eyebrow{font-size: 12px; letter-spacing: 0.11em; font-weight: 780; color: rgb(183, 115, 82); margin-bottom: 21px;}
.gz-v28 #discovery .strategy-problem h2{font-family: var(--display); font-size: clamp(45px, 5.2vw, 77px); letter-spacing: -0.078em; line-height: 1.17; font-weight: 760; margin: 0px 0px 24px; max-width: 620px; color: rgb(41, 37, 33);}
.gz-v28 #discovery .strategy-intro{font-size: 14px; color: rgb(124, 116, 108); line-height: 1.9; max-width: 410px;}
.gz-v28 #discovery .strategy-evidence{border-top: 1px solid rgb(221, 212, 202); display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 15px; padding-top: 19px; margin-right: 6px;}
.gz-v28 #discovery .strategy-stat{min-width: 0px; position: relative;}
.gz-v28 #discovery .strategy-stat:nth-child(2){transform: translateY(10px);}
.gz-v28 #discovery .strategy-stat:nth-child(3){transform: translateY(20px);}
.gz-v28 #discovery .strategy-stat b{font-size: clamp(29px, 3vw, 46px); letter-spacing: -0.065em; line-height: 1.2; font-weight: 770; display: block; color: rgb(183, 111, 75); font-variant-numeric: tabular-nums;}
.gz-v28 #discovery .strategy-stat strong{font-size: 12px; line-height: 1.5; display: block; margin-top: 7px; font-weight: 740; color: rgb(54, 48, 43);}
.gz-v28 #discovery .strategy-stat small{display: block; font-size: 10px; line-height: 1.65; color: rgb(147, 135, 124); margin-top: 3px;}
.gz-v28 #discovery .strategy-insight{position: relative; min-width: 0px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; isolation: isolate; padding: 60px 22px 108px 49px;}
.gz-v28 #discovery .strategy-insight::before{content: ""; position: absolute; inset: 0px -12% 0px -7%; z-index: -2; border-radius: 44% 0px 0px 47% / 47% 0px 0px 46%; background: linear-gradient(148deg, rgb(240, 222, 208) 0%, rgb(234, 215, 199) 100%);}
.gz-v28 #discovery .strategy-insight::after{content: ""; position: absolute; z-index: -1; right: -20%; top: -26%; width: 310px; height: 310px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.65); pointer-events: none;}
.gz-v28 #discovery .strategy-ring{position: absolute; left: -2%; bottom: 6%; width: 180px; height: 180px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.55); z-index: -1; pointer-events: none;}
.gz-v28 #discovery .strategy-insight h3{font-family: var(--display); font-size: clamp(34px, 4.1vw, 57px); line-height: 1.28; letter-spacing: -0.075em; font-weight: 750; color: rgb(40, 35, 31); margin: 0px 0px 22px; position: relative;}
.gz-v28 #discovery .strategy-insight h3 em{color: rgb(197, 120, 82); font-style: normal;}
.gz-v28 #discovery .strategy-insight p{max-width: 370px; font-size: 13px; color: rgb(118, 101, 91); line-height: 1.85;}
.gz-v28 #discovery .strategy-factors{margin-top: 25px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap;}
.gz-v28 #discovery .strategy-factors span{border: 1px solid rgba(183, 127, 88, 0.24); border-radius: 999px; padding: 6px 10px; color: rgb(147, 109, 84); font-size: 10px; background: rgba(255, 248, 242, 0.42);}
.gz-v28 #discovery .strategy-goals{position: relative; z-index: 4; display: grid; grid-template-columns: 0.97fr repeat(3, 1fr); background: rgb(41, 37, 32); color: rgb(255, 255, 255); border-radius: 27px; margin: -15px 0px 0px; padding: 38px 32px; min-height: 186px; box-shadow: rgba(50, 34, 22, 0.08) 0px 20px 50px;}
.gz-v28 #discovery .strategy-goal-intro{display: flex; flex-direction: column; justify-content: center; padding: 0px 20px 0px 8px;}
.gz-v28 #discovery .strategy-goal-intro small{font-size: 10px; letter-spacing: 0.16em; color: rgb(213, 155, 120); font-weight: 750;}
.gz-v28 #discovery .strategy-goal-intro h3{font-family: var(--display); font-size: 30px; letter-spacing: -0.06em; margin: 9px 0px 0px;}
.gz-v28 #discovery .strategy-goal{border-left: 1px solid rgba(255, 255, 255, 0.18); padding: 1px 15px 0px 26px; display: flex; flex-direction: column; justify-content: center; min-width: 0px;}
.gz-v28 #discovery .strategy-goal > span{font-size: 11px; color: rgb(188, 177, 168); letter-spacing: 0.02em;}
.gz-v28 #discovery .strategy-goal h4{font-family: var(--display); font-size: clamp(21px, 2.2vw, 30px); line-height: 1.18; letter-spacing: -0.065em; margin: 12px 0px 10px; color: rgb(255, 255, 255);}
.gz-v28 #discovery .strategy-goal h4 em{font-style: normal; color: rgb(220, 151, 111);}
.gz-v28 #discovery .strategy-goal p{font-size: 11px; line-height: 1.6; color: rgb(208, 193, 182);}
.gz-v28 #discovery .strategy-note{margin: 20px 6px 0px; font-size: 11px; color: rgb(145, 135, 125); line-height: 1.75; max-width: 920px;}
.gz-v28 #discovery .strategy-link-note{display: flex; align-items: center; gap: 12px; margin: 27px 0px 0px; color: rgb(144, 107, 82); font-size: 12px; font-weight: 650;}
.gz-v28 #discovery .strategy-link-note::before{content: ""; height: 1px; background: rgb(213, 187, 167); width: 34px; flex: 0 0 auto;}
@media (max-width: 1050px) {.gz-v28 #discovery .strategy-problem{padding: 34px 25px 63px 0px;}
.gz-v28 #discovery .strategy-insight{padding-left: 28px; padding-right: 0px;}
.gz-v28 #discovery .strategy-stage{min-height: 530px;}
.gz-v28 #discovery .strategy-insight h3{font-size: clamp(30px, 3.8vw, 43px);}
.gz-v28 #discovery .strategy-goals{padding: 30px 22px;}
.gz-v28 #discovery .strategy-goal{padding-left: 18px;}
.gz-v28 #discovery .strategy-goal h4{font-size: 24px;}}
@media (max-width: 750px) {.gz-v28 #discovery.strategy-case{padding: 66px 0px 75px;}
.gz-v28 #discovery .strategy-topline{align-items: flex-start; line-height: 1.5;}
.gz-v28 #discovery .strategy-stage{grid-template-columns: 1fr; min-height: 0px;}
.gz-v28 #discovery .strategy-problem{padding: 35px 0px 42px;}
.gz-v28 #discovery .strategy-problem h2{font-size: clamp(44px, 10vw, 68px); max-width: 600px;}
.gz-v28 #discovery .strategy-evidence{margin-top: 44px; margin-right: 0px;}
.gz-v28 #discovery .strategy-insight{min-height: 375px; padding: 60px 8% 65px 11%; margin: 0px -24px;}
.gz-v28 #discovery .strategy-insight::before{inset: 0px -1% 0px -4%; border-radius: 33% 0px 0px 32% / 31% 0px 0px 29%;}
.gz-v28 #discovery .strategy-insight h3{font-size: clamp(38px, 7.2vw, 56px);}
.gz-v28 #discovery .strategy-goals{grid-template-columns: repeat(3, 1fr); margin-top: -16px; padding: 26px 24px; gap: 0px;}
.gz-v28 #discovery .strategy-goal-intro{grid-column: 1 / -1; padding: 0px 0px 22px; border-bottom: 1px solid rgba(255, 255, 255, 0.16); margin-bottom: 22px;}
.gz-v28 #discovery .strategy-goal-intro h3{font-size: 27px;}
.gz-v28 #discovery .strategy-goal:first-of-type{border-left: 0px;}
.gz-v28 #discovery .strategy-goal{padding-left: 17px;}
.gz-v28 #discovery .strategy-goal h4{font-size: 25px;}
.gz-v28 #discovery .strategy-link-note{font-size: 11px;}}
@media (max-width: 470px) {.gz-v28 #discovery .strategy-topline{font-size: 10px;}
.gz-v28 #discovery .strategy-problem{padding-top: 26px;}
.gz-v28 #discovery .strategy-problem h2{font-size: 47px; letter-spacing: -0.075em;}
.gz-v28 #discovery .strategy-intro{font-size: 12px;}
.gz-v28 #discovery .strategy-evidence{gap: 8px;}
.gz-v28 #discovery .strategy-stat b{font-size: 31px;}
.gz-v28 #discovery .strategy-stat strong{font-size: 10px;}
.gz-v28 #discovery .strategy-stat small{font-size: 9px;}
.gz-v28 #discovery .strategy-insight{min-height: 345px; padding: 54px 32px 58px 38px; margin-inline: -19px;}
.gz-v28 #discovery .strategy-insight h3{font-size: 36px;}
.gz-v28 #discovery .strategy-insight p{font-size: 12px;}
.gz-v28 #discovery .strategy-insight::after{width: 180px; height: 180px;}
.gz-v28 #discovery .strategy-goals{padding: 24px 19px 26px; gap: 0px; grid-template-columns: repeat(3, minmax(0px, 1fr)); border-radius: 21px;}
.gz-v28 #discovery .strategy-goal{padding-left: 10px; padding-right: 6px;}
.gz-v28 #discovery .strategy-goal h4{font-size: 20px; margin-top: 11px;}
.gz-v28 #discovery .strategy-goal p{font-size: 10px;}
.gz-v28 #discovery .strategy-goal > span{font-size: 10px;}
.gz-v28 #discovery .strategy-note{font-size: 10px;}}
@media (prefers-reduced-motion: no-preference) {.gz-v28 #discovery .strategy-insight::before{transition: border-radius 0.7s;}
.gz-v28 #discovery .strategy-insight:hover::before{border-radius: 41% 0px 0px 43% / 45% 0px 0px 46%;}}
.gz-v28 #design.ia22{background: rgb(36, 32, 31); color: rgb(246, 241, 236); padding: 105px 0px 97px; overflow: hidden;}
.gz-v28 #design .ia22-shell{width: min(1320px, 100% - 70px); margin: 0px auto;}
.gz-v28 #design .ia22-head{display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: end; margin-bottom: 36px;}
.gz-v28 #design .ia22-eyebrow{font-size: 11px; letter-spacing: 0.17em; color: rgb(207, 155, 121); font-weight: 760; display: block; margin-bottom: 17px;}
.gz-v28 #design .ia22-head h2{font-family: var(--display); font-size: clamp(50px, 5.5vw, 77px); letter-spacing: -0.085em; line-height: 1.05; margin: 0px;}
.gz-v28 #design .ia22-head p{font-size: 13px; color: rgb(184, 173, 166); line-height: 1.85; max-width: 390px; justify-self: end; margin: 0px;}
.gz-v28 #design .ia22-frame{background: rgb(32, 29, 28); border: 1px solid rgb(84, 73, 64); border-radius: 27px; padding: 26px 30px; position: relative; isolation: isolate; overflow: hidden;}
.gz-v28 #design .ia22-frame::before{content: ""; position: absolute; inset: 0px; background-image: radial-gradient(circle, rgba(195, 162, 137, 0.094) 1px, transparent 1px); background-size: 25px 25px; pointer-events: none; z-index: -1;}
.gz-v28 #design .ia22-guide{display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 11px; color: rgb(185, 168, 154); letter-spacing: 0.025em;}
.gz-v28 #design .ia22-guide b{font-weight: 700; color: rgb(223, 180, 141);}
.gz-v28 #design .ia22-guide span:last-child{color: rgb(145, 133, 122); font-size: 10px;}
.gz-v28 #design .ia22-root{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgb(191, 148, 114); color: rgb(33, 27, 24); border: 1px solid rgb(232, 195, 161); border-radius: 17px; width: 218px; height: 76px; margin: 25px auto 0px; box-shadow: rgba(173, 115, 65, 0.13) 0px 15px 45px;}
.gz-v28 #design .ia22-root strong{font-size: 24px; letter-spacing: 0.06em; line-height: 1.2;}
.gz-v28 #design .ia22-root small{font-size: 10px; color: rgb(82, 64, 53); margin-top: 6px; letter-spacing: 0.12em;}
.gz-v28 #design .ia22-root::after{content: ""; position: absolute; left: 50%; bottom: -37px; width: 1px; height: 37px; background: rgb(164, 136, 116);}
.gz-v28 #design .ia22-modules{display: grid; grid-template-columns: minmax(0px, 1.78fr) repeat(3, minmax(0px, 1fr)); gap: 14px; position: relative; padding-top: 45px; align-items: stretch;}
.gz-v28 #design .ia22-modules::before{content: ""; position: absolute; left: 19.2%; right: 10%; top: 18px; border-top: 1px solid rgb(129, 112, 97); opacity: 0.95;}
.gz-v28 #design .ia22-module{min-width: 0px; position: relative; background: rgb(45, 41, 39); border: 1px solid rgb(87, 80, 75); border-radius: 19px; overflow: visible; display: flex; flex-direction: column;}
.gz-v28 #design .ia22-module::before{content: ""; position: absolute; height: 26px; width: 1px; background: rgb(129, 112, 97); left: 50%; top: -27px;}
.gz-v28 #design .ia22-module::after{content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: rgb(203, 165, 131); top: -7px; left: calc(50% - 3.5px); box-shadow: rgb(32, 29, 28) 0px 0px 0px 5px;}
.gz-v28 #design .ia22-module:first-child{background: rgb(52, 42, 36); border-color: rgb(172, 123, 88);}
.gz-v28 #design .ia22-module-head{padding: 22px 22px 20px; border-bottom: 1px solid rgb(85, 71, 61); min-height: 95px; display: flex; flex-direction: column; justify-content: space-between; gap: 8px;}
.gz-v28 #design .ia22-module:not(:first-child) .ia22-module-head{border-color: rgb(73, 67, 63);}
.gz-v28 #design .ia22-module-head .ia22-index{font-size: 10px; letter-spacing: 0.1em; color: rgb(180, 155, 135); font-weight: 720;}
.gz-v28 #design .ia22-module-title{display: flex; align-items: baseline; gap: 9px; flex-wrap: wrap;}
.gz-v28 #design .ia22-module-title h3{font-family: var(--display); font-size: 29px; letter-spacing: -0.065em; margin: 0px; line-height: 1.15;}
.gz-v28 #design .ia22-module-title span{font-size: 10px; color: rgb(191, 172, 154);}
.gz-v28 #design .ia22-module:first-child .ia22-module-title h3{color: rgb(240, 192, 153);}
.gz-v28 #design .ia22-groups{padding: 12px 18px 20px; flex: 1 1 0%;}
.gz-v28 #design .ia22-group{position: relative; padding: 14px 0px 13px 15px; border-left: 1px solid rgb(106, 92, 81);}
.gz-v28 #design .ia22-group:not(:last-child){border-bottom: 1px solid rgb(85, 72, 62);}
.gz-v28 #design .ia22-module:not(:first-child) .ia22-group{border-left-color: rgb(91, 83, 78);}
.gz-v28 #design .ia22-module:not(:first-child) .ia22-group:not(:last-child){border-bottom-color: rgb(73, 66, 62);}
.gz-v28 #design .ia22-group::before{content: ""; position: absolute; left: -3.5px; top: 21px; width: 6px; height: 6px; border-radius: 50%; background: rgb(214, 172, 140);}
.gz-v28 #design .ia22-group-title{font-size: 12px; letter-spacing: 0.04em; font-weight: 790; margin: 0px 0px 11px; color: rgb(241, 228, 215); line-height: 1.5;}
.gz-v28 #design .ia22-module:not(:first-child) .ia22-group-title{font-size: 12px;}
.gz-v28 #design .ia22-leaf-list{display: flex; flex-direction: column; gap: 7px;}
.gz-v28 #design .ia22-leaf{background: rgb(64, 55, 49); border: 1px solid rgb(108, 87, 72); border-radius: 10px; padding: 9px 10px; color: rgb(246, 238, 231); font-size: 12px; line-height: 1.5; display: block;}
.gz-v28 #design .ia22-module:not(:first-child) .ia22-leaf{background: rgb(55, 51, 48); border-color: rgb(86, 78, 71); font-size: 11px; padding: 9px;}
.gz-v28 #design .ia22-leaf small{display: block; font-size: 10px; color: rgb(198, 181, 166); font-weight: 400; margin-top: 5px; line-height: 1.55;}
.gz-v28 #design .ia22-inline{display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px;}
.gz-v28 #design .ia22-inline span{border: 1px solid rgb(128, 100, 78); border-radius: 8px; background: rgb(49, 42, 38); padding: 4px 7px; font-size: 10px; color: rgb(234, 196, 166); white-space: nowrap;}
.gz-v28 #design .ia22-module:not(:first-child) .ia22-inline span{border-color: rgb(97, 87, 79); color: rgb(201, 183, 168);}
.gz-v28 #design .ia22-footer{display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 22px; border-top: 1px solid rgb(79, 71, 65); padding: 19px 3px 0px; margin-top: 20px; align-items: start;}
.gz-v28 #design .ia22-footer p{font-size: 11px; line-height: 1.75; color: rgb(185, 170, 160); margin: 0px;}
.gz-v28 #design .ia22-footer strong{color: rgb(229, 183, 145); font-weight: 750;}
.gz-v28 #design .ia22-legend{display: flex; justify-content: flex-end; gap: 14px; flex-wrap: wrap; align-items: center; color: rgb(177, 166, 157); font-size: 10px;}
.gz-v28 #design .ia22-legend span{display: inline-flex; align-items: center; gap: 6px;}
.gz-v28 #design .ia22-legend i{display: inline-block; width: 11px; height: 11px; border-radius: 3px; border: 1px solid rgb(189, 149, 110); background: rgb(88, 67, 56);}
.gz-v28 #design .ia22-legend span:nth-child(2) i{background: rgb(69, 58, 51); border-color: rgb(129, 112, 101);}
.gz-v28 #design .ia22-legend span:nth-child(3) i{background: rgb(56, 50, 45); border-color: rgb(101, 89, 77);}
@media (max-width: 1050px) {.gz-v28 #design .ia22-modules{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px;}
.gz-v28 #design .ia22-module:first-child{grid-column: 1 / -1;}
.gz-v28 #design .ia22-modules::before,.gz-v28 #design .ia22-module::before,.gz-v28 #design .ia22-module::after,.gz-v28 #design .ia22-root::after{display: none;}
.gz-v28 #design .ia22-modules{padding-top: 18px;}
.gz-v28 #design .ia22-module:first-child .ia22-groups{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px;}
.gz-v28 #design .ia22-module:first-child .ia22-group:not(:last-child){border-bottom: 0px;}
.gz-v28 #design .ia22-module-head{min-height: 85px;}}
@media (max-width: 720px) {.gz-v28 #design.ia22{padding: 75px 0px;}
.gz-v28 #design .ia22-shell{width: calc(100% - 32px);}
.gz-v28 #design .ia22-head{display: block; margin-bottom: 26px;}
.gz-v28 #design .ia22-head h2{font-size: 50px;}
.gz-v28 #design .ia22-head p{margin-top: 12px; font-size: 12px;}
.gz-v28 #design .ia22-frame{padding: 18px 13px 17px; border-radius: 20px;}
.gz-v28 #design .ia22-guide span:last-child{display: none;}
.gz-v28 #design .ia22-root{margin-top: 16px; width: 180px; height: 68px;}
.gz-v28 #design .ia22-modules{grid-template-columns: 1fr; gap: 12px;}
.gz-v28 #design .ia22-module:first-child{grid-column: auto;}
.gz-v28 #design .ia22-module:first-child .ia22-groups{display: block;}
.gz-v28 #design .ia22-module:first-child .ia22-group:not(:last-child){border-bottom: 1px solid rgb(85, 72, 62);}
.gz-v28 #design .ia22-module-head{padding: 16px 18px; min-height: 72px;}
.gz-v28 #design .ia22-groups{padding: 9px 14px 15px;}
.gz-v28 #design .ia22-module-title h3{font-size: 25px;}
.gz-v28 #design .ia22-group{padding-top: 12px; padding-bottom: 12px;}
.gz-v28 #design .ia22-leaf{font-size: 12px;}
.gz-v28 #design .ia22-footer{grid-template-columns: 1fr; gap: 13px;}
.gz-v28 #design .ia22-legend{justify-content: flex-start;}}
.gz-v28 .ia24{padding: 100px 0px 108px; background: rgb(244, 241, 235); color: rgb(40, 39, 34);}
.gz-v28 .ia24-shell{width: min(1280px, 100% - 64px); margin: auto;}
.gz-v28 .ia24-header{display: flex; align-items: end; justify-content: space-between; gap: 25px; margin-bottom: 32px;}
.gz-v28 .ia24-chapter{display: block; color: rgb(174, 124, 89); font-size: 12px; letter-spacing: 0.17em; font-weight: 750; margin-bottom: 14px;}
.gz-v28 .ia24 h2{font-family: var(--display); font-size: clamp(48px, 6vw, 82px); line-height: 1.1; letter-spacing: -0.09em; margin: 0px;}
.gz-v28 .ia24-header p{max-width: 310px; font-size: 13px; line-height: 1.9; color: rgb(128, 120, 111); margin: 0px 0px 8px;}
.gz-v28 .ia24-board{border-radius: 26px; background: rgb(34, 35, 34); color: rgb(236, 235, 234); overflow: hidden; border: 1px solid rgb(51, 51, 48); box-shadow: rgba(40, 34, 24, 0.1) 0px 25px 80px;}
.gz-v28 .ia24-board-head{height: 72px; padding: 26px 30px 16px; display: flex; justify-content: space-between; gap: 15px; font-size: 11px; color: rgb(197, 193, 186); letter-spacing: 0.045em; line-height: 1.6; border-bottom: 1px solid rgb(58, 58, 55);}
.gz-v28 .ia24-board-head span:last-child{color: rgb(135, 135, 131);}
.gz-v28 .ia24-scroll{overflow: auto hidden; scrollbar-color: rgb(102, 100, 95) rgb(41, 42, 40); scrollbar-width: thin; outline-offset: -4px;}
.gz-v28 .ia24-scroll:focus-visible{outline: rgb(228, 181, 146) solid 2px;}
.gz-v28 .ia24-canvas{position: relative; isolation: isolate; margin: auto; min-width: 1180px;}
.gz-v28 .ia24-canvas::before{content: ""; position: absolute; inset: 0px; background-image: radial-gradient(circle, rgb(120, 122, 114) 0.7px, transparent 0.9px); background-size: 26px 26px; opacity: 0.09; pointer-events: none;}
.gz-v28 .ia24-lines{position: absolute; inset: 0px; z-index: 1; overflow: visible; pointer-events: none;}
.gz-v28 .ia24-colname{position: absolute; top: 33px; color: rgb(146, 147, 141); font-size: 11px; letter-spacing: 0.12em; font-weight: 700; z-index: 2; white-space: nowrap;}
.gz-v28 .ia24-node{position: absolute; z-index: 3; display: flex; align-items: center; justify-content: center; border: 1.2px solid rgb(131, 132, 129); background: rgb(36, 37, 34); color: rgb(236, 235, 233); border-radius: 999px; white-space: nowrap; padding: 0px 12px; font-size: 13px; letter-spacing: 0px; line-height: 1; font-weight: 520; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 0px;}
.gz-v28 .ia24-node.root{background: rgb(246, 243, 238); color: rgb(39, 39, 37); border-color: rgb(246, 243, 238); font-weight: 800; font-size: 15px;}
.gz-v28 .ia24-node.module{border-color: rgb(229, 195, 168); color: rgb(242, 221, 208); background: rgb(42, 40, 38); font-weight: 780; font-size: 14px;}
.gz-v28 .ia24-node.group{border-color: rgb(200, 199, 194); color: rgb(244, 242, 238); font-weight: 650;}
.gz-v28 .ia24-node.leaf{border-color: rgb(102, 103, 99); color: rgb(197, 197, 191);}
.gz-v28 .ia24-node-end{position: absolute; width: 5px; height: 5px; border-radius: 50%; background: rgb(222, 221, 215); right: -3px; top: calc(50% - 2.5px); box-shadow: rgb(36, 37, 34) 0px 0px 0px 2px;}
.gz-v28 .ia24-node.root .ia24-node-end{box-shadow: rgb(246, 243, 238) 0px 0px 0px 2px; background: rgb(255, 255, 255);}
.gz-v28 .ia24-node:not(.has-children) .ia24-node-end{display: none;}
.gz-v28 .ia24-node:not(.root)::before{content: ""; position: absolute; left: -3px; top: calc(50% - 2.5px); width: 5px; height: 5px; background: rgb(214, 213, 207); border-radius: 50%; box-shadow: rgb(36, 37, 34) 0px 0px 0px 2px;}
.gz-v28 .ia24-node.module::before{background: rgb(228, 191, 158);}
.gz-v28 .ia24-bottom{min-height: 61px; border-top: 1px solid rgb(58, 58, 55); display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 17px 28px; color: rgb(153, 155, 147); font-size: 11px; line-height: 1.5;}
.gz-v28 .ia24-bottom i{display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: rgb(228, 191, 158); margin-right: 5px; vertical-align: middle;}
.gz-v28 .ia24-hint{display: none; font-size: 11px; color: rgb(145, 138, 129); margin-top: 12px; text-align: center;}
@media (max-width: 900px) {.gz-v28 .ia24{padding: 70px 0px 80px;}
.gz-v28 .ia24-shell{width: calc(100% - 32px);}
.gz-v28 .ia24-header{display: block;}
.gz-v28 .ia24-header p{max-width: 550px; margin-top: 12px;}
.gz-v28 .ia24-board-head{height: auto; min-height: 66px; padding: 21px 18px; flex-wrap: wrap; gap: 3px;}
.gz-v28 .ia24-bottom{padding: 15px 18px; display: block;}
.gz-v28 .ia24-bottom span{display: block;}
.gz-v28 .ia24-hint{display: block;}
.gz-v28 .ia24-canvas{margin: 0px;}}
@media (prefers-reduced-motion: reduce) {.gz-v28 .ia24-scroll{scroll-behavior: auto;}}
.gz-v28 .ia24-mobile-tree{display: none;}
@media (max-width: 900px) {.gz-v28 .ia24-scroll{display: none;}
.gz-v28 .ia24-mobile-tree{display: block; position: relative; min-height: 300px; padding: 30px 22px 40px; background-image: radial-gradient(circle, rgba(103, 105, 99, 0.25) 0.7px, transparent 1px); background-size: 24px 24px;}
.gz-v28 .ia24-m-root{display: flex; justify-content: center; margin-bottom: 32px; position: relative;}
.gz-v28 .ia24-m-root > span{display: inline-flex; min-width: 110px; min-height: 42px; border-radius: 99px; background: rgb(245, 242, 236); color: rgb(36, 36, 34); justify-content: center; align-items: center; font-weight: 800; font-size: 15px;}
.gz-v28 .ia24-m-root::after{content: ""; position: absolute; top: 42px; left: 50%; height: 30px; border-left: 1px solid rgb(116, 117, 111);}
.gz-v28 .ia24-m-branches{display: flex; flex-direction: column; gap: 25px;}
.gz-v28 .ia24-m-module{display: grid; grid-template-columns: 88px minmax(0px, 1fr); column-gap: 15px; position: relative;}
.gz-v28 .ia24-m-module:not(:first-child)::before{content: ""; position: absolute; left: 44px; top: -26px; height: 26px; border-left: 1px solid rgb(85, 86, 80);}
.gz-v28 .ia24-m-module-name{border: 1px solid rgb(228, 185, 154); color: rgb(240, 213, 193); align-self: start; border-radius: 99px; min-height: 38px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 760; background: rgb(41, 39, 35); position: relative;}
.gz-v28 .ia24-m-module-name::after{content: ""; position: absolute; left: 50%; top: 100%; height: 16px; border-left: 1px solid rgb(119, 119, 111);}
.gz-v28 .ia24-m-groups{display: flex; flex-direction: column; gap: 14px; position: relative; padding-left: 17px; border-left: 1px solid rgb(98, 99, 94);}
.gz-v28 .ia24-m-group{display: flex; flex-direction: column; gap: 9px; position: relative;}
.gz-v28 .ia24-m-group::before{content: ""; position: absolute; left: -17px; top: 18px; width: 17px; border-top: 1px solid rgb(119, 120, 112);}
.gz-v28 .ia24-m-group-name{min-height: 35px; width: max-content; max-width: 100%; display: inline-flex; justify-content: center; align-items: center; border: 1px solid rgb(171, 172, 167); border-radius: 99px; color: rgb(237, 236, 231); padding: 0px 13px; font-size: 12px; font-weight: 700;}
.gz-v28 .ia24-m-leaves{display: flex; flex-wrap: wrap; gap: 7px; padding-left: 9px; position: relative;}
.gz-v28 .ia24-m-leaf{border: 1px solid rgb(95, 96, 91); border-radius: 99px; font-size: 11px; color: rgb(202, 202, 197); min-height: 31px; padding: 0px 10px; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap;}
.gz-v28 .ia24-m-leaf-with-kids{width: 100%; display: flex; flex-wrap: wrap; gap: 8px; align-items: center;}
.gz-v28 .ia24-m-subleaves{display: flex; gap: 6px; flex-wrap: wrap;}
.gz-v28 .ia24-m-subleaves span{border: 1px solid rgb(85, 86, 80); border-radius: 99px; display: inline-flex; min-height: 29px; align-items: center; padding: 0px 9px; color: rgb(170, 169, 164); font-size: 11px;}}
@media (max-width: 420px) {.gz-v28 .ia24-mobile-tree{padding: 24px 13px 30px;}
.gz-v28 .ia24-m-module{grid-template-columns: 74px minmax(0px, 1fr); gap: 9px;}
.gz-v28 .ia24-m-module:not(:first-child)::before{left: 37px;}
.gz-v28 .ia24-m-groups{padding-left: 12px;}
.gz-v28 .ia24-m-group::before{left: -12px; width: 12px;}
.gz-v28 .ia24-m-group-name{font-size: 11px; padding: 0px 10px;}
.gz-v28 .ia24-m-leaves{padding-left: 2px;}}
.gz-v28 .g26-eyebrow{font-size: 10px; letter-spacing: 0.15em; font-weight: 800; color: rgb(169, 120, 85);}
.gz-v28 #discovery .g26-audience{display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 28px; align-items: center; position: relative; z-index: 5; margin: 20px 0px 26px; border: 1px solid rgb(232, 219, 206); border-radius: 23px; background: rgb(255, 250, 244); padding: 28px 37px;}
.gz-v28 #discovery .g26-audience h3{font-family: var(--display); font-size: clamp(24px, 2.55vw, 35px); letter-spacing: -0.065em; line-height: 1.29; margin: 13px 0px 10px;}
.gz-v28 #discovery .g26-audience-main p{font-size: 12px; max-width: 300px; color: rgb(129, 117, 107); line-height: 1.7;}
.gz-v28 #discovery .g26-audience-details{display: flex; flex-direction: column; gap: 0px;}
.gz-v28 #discovery .g26-audience-line{display: grid; grid-template-columns: 76px 1fr; align-items: start; gap: 13px; padding: 13px 0px; border-bottom: 1px solid rgb(234, 226, 217);}
.gz-v28 #discovery .g26-audience-line:last-child{border-bottom: 0px;}
.gz-v28 #discovery .g26-audience-line b{font-size: 12px; color: rgb(189, 134, 102); white-space: nowrap;}
.gz-v28 #discovery .g26-audience-line span{font-size: 12px; line-height: 1.65; color: rgb(95, 85, 77);}
.gz-v28 .g26-mechanism{background: rgb(255, 255, 255); padding: 90px 0px 100px;}
.gz-v28 .g26-mech-heading{display: flex; align-items: end; justify-content: space-between; gap: 25px; margin-bottom: 29px;}
.gz-v28 .g26-mech-heading h2{font-family: var(--display); font-size: clamp(46px, 5vw, 73px); line-height: 1.08; letter-spacing: -0.08em; margin-top: 13px;}
.gz-v28 .g26-mech-heading > p{color: rgb(137, 125, 113); font-size: 13px; max-width: 330px;}
.gz-v28 .g26-mech-grid{display: grid; grid-template-columns: 1.09fr 0.91fr; gap: 18px; align-items: stretch;}
.gz-v28 .g26-mech-panel{border-radius: 24px; position: relative; min-width: 0px; overflow: hidden; display: flex; flex-direction: column; padding: 30px 30px 24px;}
.gz-v28 .g26-recommendation{background: rgb(245, 239, 231); border: 1px solid rgb(238, 228, 216);}
.gz-v28 .g26-session{background: rgb(234, 240, 233); border: 1px solid rgb(223, 232, 220);}
.gz-v28 .g26-panel-top{display: flex; align-items: center; justify-content: space-between; font-size: 10px; color: rgb(152, 124, 102); letter-spacing: 0.1em; font-weight: 750;}
.gz-v28 .g26-session .g26-panel-top{color: rgb(115, 137, 119);}
.gz-v28 .g26-mech-panel h3{font-size: 23px; letter-spacing: -0.057em; line-height: 1.35; margin: 18px 0px 8px;}
.gz-v28 .g26-panel-desc{color: rgb(128, 119, 110); line-height: 1.8; max-width: 420px; min-height: 43px; font-size: 12px !important;}
.gz-v28 .g26-context-controls{display: flex; gap: 7px; margin: 24px 0px 17px; flex-wrap: wrap;}
.gz-v28 .g26-context-btn{font-size: 11px; border: 1px solid rgb(227, 214, 201); background: rgb(255, 250, 245); border-radius: 999px; color: rgb(133, 108, 89); padding: 10px 13px; transition: background 0.2s, color 0.2s, border 0.2s, transform 0.2s;}
.gz-v28 .g26-context-btn:hover{border-color: rgb(184, 129, 94);}
.gz-v28 .g26-context-btn.is-active{background: rgb(50, 45, 41); color: rgb(255, 255, 255); border-color: rgb(50, 45, 41);}
.gz-v28 .g26-context-btn:active{transform: scale(0.98);}
.gz-v28 .g26-filter-box{background: rgb(255, 252, 248); border: 1px solid rgb(232, 222, 210); border-radius: 17px; padding: 18px 18px 16px; position: relative;}
.gz-v28 .g26-filter-head{display: flex; justify-content: space-between; align-items: center; color: rgb(128, 121, 111); font-size: 11px;}
.gz-v28 .g26-filter-head b{color: rgb(62, 57, 51); font-weight: 700;}
.gz-v28 #g26-filter-status{color: rgb(180, 126, 89);}
.gz-v28 .g26-rule-track{height: 4px; background: rgb(235, 225, 216); border-radius: 999px; position: relative; margin: 21px 0px 15px; overflow: visible;}
.gz-v28 .g26-rule-progress{height: 4px; width: 100%; position: absolute; left: 0px; top: 0px; background: rgb(220, 163, 117); border-radius: 999px; transform: scaleX(1); transform-origin: left center;}
.gz-v28 .g26-rule-dot{position: absolute; top: -5px; left: calc(100% - 7px); width: 14px; height: 14px; border-radius: 50%; background: rgb(198, 127, 83); border: 3px solid rgb(255, 249, 242); box-shadow: rgba(198, 127, 83, 0.6) 0px 0px 0px 1px;}
.gz-v28 .g26-rule-bits{display: flex; flex-wrap: wrap; gap: 6px;}
.gz-v28 .g26-rule-bits span{font-size: 10px; color: rgb(138, 116, 95); background: rgb(247, 239, 230); padding: 7px 9px; border-radius: 7px;}
.gz-v28 .g26-result{display: flex; align-items: center; gap: 15px; border-radius: 17px; background: rgb(232, 215, 196); margin-top: 10px; padding: 16px 18px; color: rgb(103, 74, 53); min-height: 90px;}
.gz-v28 .g26-result-symbol{width: 39px; height: 39px; border-radius: 50%; display: grid; place-items: center; background: rgb(255, 248, 238); flex: 0 0 auto;}
.gz-v28 .g26-result > div{display: flex; flex-direction: column; gap: 3px; min-width: 0px;}
.gz-v28 .g26-result small{font-size: 10px; color: rgb(153, 116, 91);}
.gz-v28 .g26-result strong{font-family: var(--display); font-size: 19px; letter-spacing: -0.05em;}
.gz-v28 .g26-result div > span{font-size: 10px; color: rgb(150, 116, 94); line-height: 1.5;}
.gz-v28 .g26-mech-foot{font-size: 11px; color: rgb(157, 132, 112); margin-top: auto; padding-top: 19px;}
.gz-v28 .g26-recommendation.is-animating .g26-rule-progress{animation: 0.95s cubic-bezier(0.2, 0.7, 0.2, 1) 0s 1 normal both running gzv28-g26-fill;}
.gz-v28 .g26-recommendation.is-animating .g26-rule-dot{animation: 0.95s cubic-bezier(0.2, 0.7, 0.2, 1) 0s 1 normal both running gzv28-g26-dot;}
.gz-v28 .g26-recommendation.is-animating .g26-result{animation: 0.56s ease 0.58s 1 normal both running gzv28-g26-result-in;}
@keyframes gzv28-g26-fill { 
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}
@keyframes gzv28-g26-dot { 
  0% { left: 0px; }
  100% { left: calc(100% - 7px); }
}
@keyframes gzv28-g26-result-in { 
  0% { opacity: 0.35; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.gz-v28 .g26-session-demo{margin-top: 24px; border-radius: 18px; background: rgb(249, 252, 247); border: 1px solid rgb(221, 232, 216); padding: 21px 19px 17px; position: relative;}
.gz-v28 .g26-session-prompt{font-family: var(--display); font-size: 17px; letter-spacing: -0.04em; line-height: 1.45;}
.gz-v28 .g26-session-buttons{display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin: 18px 0px 16px;}
.gz-v28 .g26-session-btn{border: 1px solid rgb(212, 223, 207); background: rgb(255, 255, 255); color: rgb(66, 83, 69); border-radius: 12px; padding: 12px 9px; font-size: 12px; font-weight: 720; transition: background 0.2s, transform 0.2s;}
.gz-v28 .g26-session-btn:hover{background: rgb(239, 245, 233);}
.gz-v28 .g26-session-primary{background: rgb(62, 83, 69); color: rgb(255, 255, 255); border-color: rgb(62, 83, 69);}
.gz-v28 .g26-session-primary:hover{background: rgb(83, 105, 87);}
.gz-v28 .g26-session-btn:active{transform: scale(0.98);}
.gz-v28 .g26-session-btn:disabled{opacity: 0.45; cursor: default;}
.gz-v28 .g26-session-outcome{border-top: 1px solid rgb(225, 233, 219); padding-top: 13px; display: flex; gap: 10px; align-items: center; min-height: 97px;}
.gz-v28 .g26-plane-symbol{width: 55px; height: 55px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 15px; background: rgb(229, 238, 225); overflow: hidden;}
.gz-v28 .g26-plane-symbol svg{height: 43px; width: 48px;}
.gz-v28 .g26-session-outcome > div:last-child{min-width: 0px; display: flex; flex-direction: column; gap: 4px;}
.gz-v28 .g26-session-outcome small{font-size: 10px; color: rgb(114, 135, 114);}
.gz-v28 .g26-session-outcome strong{font-size: 13px; line-height: 1.5; color: rgb(61, 81, 66);}
.gz-v28 .g26-session-outcome span{font-size: 10px; line-height: 1.45; color: rgb(132, 149, 133);}
.gz-v28 .g26-session.is-animating .g26-plane-symbol svg{animation: 0.85s cubic-bezier(0.16, 0.75, 0.2, 1) 0s 1 normal both running gzv28-g26-plane;}
.gz-v28 .g26-session.is-animating .g26-session-outcome > div:last-child{animation: 0.43s ease 0s 1 normal both running gzv28-g26-caption;}
@keyframes gzv28-g26-plane { 
  0% { opacity: 0; transform: translate(-21px, 13px) rotate(-12deg); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(0deg); }
}
@keyframes gzv28-g26-caption { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: none; }
}
.gz-v28 .g26-stage-meter{display: flex; gap: 6px; justify-content: center; margin: 15px 0px 0px;}
.gz-v28 .g26-stage-meter i{width: 6px; height: 6px; border-radius: 9px; background: rgb(204, 217, 199); transition: background 0.2s, width 0.3s;}
.gz-v28 .g26-stage-meter i.is-done{background: rgb(126, 170, 132); width: 20px;}
.gz-v28 .g26-restart{border: 0px; background: transparent; display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; color: rgb(112, 135, 112); padding: 10px 0px 0px; font-size: 11px; margin-top: auto;}
.gz-v28 .g26-restart:hover{color: rgb(56, 82, 62);}
.gz-v28 .g26-mechanism-note{font-size: 10px; color: rgb(154, 144, 135); line-height: 1.8; margin-top: 19px;}
@media (max-width: 850px) {.gz-v28 #discovery .g26-audience{grid-template-columns: 1fr; gap: 12px; padding: 25px;}
.gz-v28 .g26-mech-grid{grid-template-columns: 1fr;}
.gz-v28 .g26-mech-heading{display: block;}
.gz-v28 .g26-mech-heading > p{margin-top: 13px;}
.gz-v28 .g26-panel-desc{min-height: 0px;}}
@media (max-width: 520px) {.gz-v28 #discovery .g26-audience{padding: 24px 20px; margin-top: 16px;}
.gz-v28 #discovery .g26-audience h3{font-size: 27px;}
.gz-v28 #discovery .g26-audience-line{grid-template-columns: 66px 1fr; gap: 8px;}
.gz-v28 #discovery .g26-audience-line span{font-size: 11px;}
.gz-v28 .g26-mechanism{padding: 68px 0px 75px;}
.gz-v28 .g26-mech-heading h2{font-size: 49px;}
.gz-v28 .g26-mech-panel{padding: 23px 18px; border-radius: 19px;}
.gz-v28 .g26-context-btn{font-size: 10px; padding: 9px 10px;}
.gz-v28 .g26-session-demo{padding: 17px 14px 14px;}}
@media (prefers-reduced-motion: reduce) {.gz-v28 .g26-context-btn,.gz-v28 .g26-session-btn,.gz-v28 .g26-stage-meter i{transition: none !important;}
.gz-v28 .g26-recommendation.is-animating .g26-rule-progress,.gz-v28 .g26-recommendation.is-animating .g26-rule-dot,.gz-v28 .g26-recommendation.is-animating .g26-result,.gz-v28 .g26-session.is-animating .g26-plane-symbol svg,.gz-v28 .g26-session.is-animating .g26-session-outcome > div:last-child{animation: auto ease 0s 1 normal none running none !important;}}
.gz-v28 .g27-audience-section{background: rgb(248, 242, 234); padding: 87px 0px 93px; overflow: hidden; scroll-margin-top: 90px;}
.gz-v28 .g27-audience-layout{display: grid; grid-template-columns: 0.93fr 1.07fr; gap: clamp(35px, 5.3vw, 82px); align-items: start;}
.gz-v28 .g27-kicker{display: inline-flex; align-items: center; gap: 10px; font-weight: 780; font-size: 11px; letter-spacing: 0.09em; color: rgb(180, 124, 90);}
.gz-v28 .g27-kicker::before{content: ""; width: 7px; height: 7px; border-radius: 3px 3px 3px 0px; background: rgb(220, 152, 109);}
.gz-v28 .g27-audience-left{padding: 12px 0px 0px;}
.gz-v28 .g27-audience-left h2{font-family: var(--display); font-size: clamp(37px, 3.55vw, 54px); font-weight: 750; letter-spacing: -0.072em; line-height: 1.21; margin: 19px 0px 18px; color: rgb(46, 41, 37);}
.gz-v28 .g27-audience-lead{max-width: 470px; font-size: 14px; line-height: 1.92; color: rgb(133, 121, 110);}
.gz-v28 .g27-scenes{margin-top: 27px; display: flex; flex-direction: column; gap: 12px;}
.gz-v28 .g27-scenes > span{font-size: 11px; font-weight: 750; color: rgb(181, 132, 100);}
.gz-v28 .g27-scenes > div{display: flex; gap: 7px; flex-wrap: wrap;}
.gz-v28 .g27-scenes em{font-style: normal; font-size: 11px; color: rgb(112, 99, 88); background: rgb(255, 248, 240); border: 1px solid rgb(236, 225, 213); border-radius: 999px; padding: 7px 11px;}
.gz-v28 .g27-job-to-be-done{margin-top: 30px; border: 1px solid rgb(213, 195, 180); border-radius: 17px; background: rgba(255, 255, 255, 0.37); padding: 22px 25px;}
.gz-v28 .g27-job-to-be-done > span{display: block; font-size: 10px; letter-spacing: 0.12em; font-weight: 800; color: rgb(165, 142, 125); margin-bottom: 11px;}
.gz-v28 .g27-job-to-be-done p{font-family: var(--display); font-size: clamp(17px, 1.56vw, 22px); font-weight: 650; letter-spacing: -0.045em; line-height: 1.55; color: rgb(67, 57, 49);}
.gz-v28 .g27-principles-head{display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin: 4px 0px 20px;}
.gz-v28 .g27-principles-head h3{font-size: 15px; font-weight: 800; color: rgb(84, 71, 62); letter-spacing: 0.015em;}
.gz-v28 .g27-principles-head span{font-size: 11px; color: rgb(165, 153, 142);}
.gz-v28 .g27-principles-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px;}
.gz-v28 .g27-principles-grid article{background: rgb(255, 250, 246); border-radius: 19px; padding: 22px 23px 25px; min-height: 157px; display: flex; flex-direction: column; gap: 6px; transition: transform 0.3s, box-shadow 0.3s;}
.gz-v28 .g27-principles-grid article:hover{transform: translateY(-3px); box-shadow: rgba(69, 47, 31, 0.05) 0px 10px 24px;}
.gz-v28 .g27-principles-grid article > span{color: rgb(186, 148, 123); font-size: 10px; letter-spacing: 0.12em; font-weight: 780;}
.gz-v28 .g27-principles-grid h4{font-family: var(--display); color: rgb(55, 46, 40); font-weight: 750; font-size: 18px; letter-spacing: -0.04em; margin-top: 3px;}
.gz-v28 .g27-principles-grid p{font-size: 12px; line-height: 1.72; color: rgb(145, 132, 122); max-width: 245px;}
.gz-v28 .g27-scope{margin-top: 24px; display: flex; align-items: center; gap: 17px; border-top: 1px solid rgb(231, 219, 207); padding-top: 16px;}
.gz-v28 .g27-scope strong{font-size: 11px; white-space: nowrap; color: rgb(160, 120, 94);}
.gz-v28 .g27-scope span{font-size: 11px; line-height: 1.6; color: rgb(137, 123, 112);}
@media (max-width: 900px) {.gz-v28 .g27-audience-section{padding: 72px 0px 78px;}
.gz-v28 .g27-audience-layout{grid-template-columns: 1fr; gap: 37px;}
.gz-v28 .g27-audience-left h2{font-size: 48px; max-width: 620px;}
.gz-v28 .g27-audience-lead{max-width: 640px;}
.gz-v28 .g27-job-to-be-done{max-width: 600px; margin-top: 25px;}}
@media (max-width: 520px) {.gz-v28 .g27-audience-section{padding: 87px 0px 65px;}
.gz-v28 .g27-audience-layout{gap: 33px;}
.gz-v28 .g27-audience-left h2{font-size: 38px;}
.gz-v28 .g27-audience-lead{font-size: 12px; line-height: 1.85;}
.gz-v28 .g27-job-to-be-done{padding: 18px 19px;}
.gz-v28 .g27-job-to-be-done p{font-size: 17px;}
.gz-v28 .g27-principles-grid{gap: 9px;}
.gz-v28 .g27-principles-grid article{min-height: 165px; padding: 17px 14px 18px; border-radius: 15px;}
.gz-v28 .g27-principles-grid h4{font-size: 16px;}
.gz-v28 .g27-principles-grid p{font-size: 11px;}
.gz-v28 .g27-principles-head span{font-size: 10px;}
.gz-v28 .g27-scope{gap: 12px;}}
@media (prefers-reduced-motion: reduce) {.gz-v28 .g27-principles-grid article{transition: none;}
.gz-v28 .g27-principles-grid article:hover{transform: none;}}
.gz-v28 .g28-position-section{background: rgb(248, 242, 234); padding: 88px 0px 95px; scroll-margin-top: 90px;}
.gz-v28 .g28-position-layout{display: grid; grid-template-columns: 0.99fr 1.01fr; align-items: start; gap: clamp(38px, 5.3vw, 82px);}
.gz-v28 .g28-section-kicker{color: rgb(173, 133, 111); font-size: 11px; font-weight: 800; letter-spacing: 0.09em;}
.gz-v28 .g28-position-left h2{font-family: var(--display); font-weight: 750; letter-spacing: -0.072em; font-size: clamp(39px, 3.65vw, 55px); line-height: 1.21; color: rgb(43, 41, 39); margin: 25px 0px 22px;}
.gz-v28 .g28-position-description{font-size: 14px; line-height: 1.95; color: rgb(132, 121, 112); max-width: 500px;}
.gz-v28 .g28-aim-box{border: 1px solid rgb(215, 198, 183); border-radius: 20px; margin-top: 37px; padding: 25px 29px 27px; background: rgba(255, 255, 255, 0.35);}
.gz-v28 .g28-aim-box > span{display: block; font-size: 11px; letter-spacing: 0.07em; font-weight: 740; color: rgb(171, 144, 127); margin-bottom: 15px;}
.gz-v28 .g28-aim-box p{font-family: var(--display); font-size: clamp(20px, 1.75vw, 26px); line-height: 1.53; letter-spacing: -0.055em; font-weight: 680; color: rgb(61, 53, 47);}
.gz-v28 .g28-column-heading{display: flex; align-items: baseline; justify-content: space-between; gap: 15px; margin: 3px 0px 20px;}
.gz-v28 .g28-column-heading h3{font-size: 15px; font-weight: 790; letter-spacing: 0.02em; color: rgb(81, 70, 63);}
.gz-v28 .g28-column-heading span{font-size: 10px; font-weight: 650; letter-spacing: 0.09em; color: rgb(170, 156, 145);}
.gz-v28 .g28-principles{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 15px;}
.gz-v28 .g28-principle{background: rgb(255, 250, 247); border-radius: 20px; min-height: 163px; padding: 25px 25px 22px; transition: transform 0.25s, box-shadow 0.25s;}
.gz-v28 .g28-principle h4{font-family: var(--display); font-size: 20px; font-weight: 740; letter-spacing: -0.045em; color: rgb(50, 44, 39); margin-bottom: 13px;}
.gz-v28 .g28-principle p{font-size: 12px; line-height: 1.78; color: rgb(143, 129, 118); max-width: 270px;}
.gz-v28 .g28-principle:hover{transform: translateY(-3px); box-shadow: rgba(68, 52, 41, 0.05) 0px 11px 24px;}
.gz-v28 .g28-exclusions{margin-top: 25px;}
.gz-v28 .g28-exclusions .g28-column-heading{margin-bottom: 13px;}
.gz-v28 .g28-exclusion-list{display: flex; flex-wrap: wrap; gap: 8px;}
.gz-v28 .g28-exclusion-list span{font-size: 11px; line-height: 1.35; padding: 8px 13px; border: 1px solid rgb(205, 190, 177); border-radius: 999px; color: rgb(152, 139, 128); text-decoration: line-through 1px rgb(166, 155, 144);}
@media (max-width: 900px) {.gz-v28 .g28-position-layout{grid-template-columns: 1fr; gap: 40px;}
.gz-v28 .g28-position-section{padding: 70px 0px 80px;}
.gz-v28 .g28-position-left h2{max-width: 670px;}
.gz-v28 .g28-position-description{max-width: 630px;}
.gz-v28 .g28-aim-box{max-width: 650px; margin-top: 25px;}}
@media (max-width: 520px) {.gz-v28 .g28-position-section{padding: 70px 0px;}
.gz-v28 .g28-position-layout{gap: 36px;}
.gz-v28 .g28-position-left h2{font-size: 39px; margin-top: 19px;}
.gz-v28 .g28-position-description{font-size: 12px; line-height: 1.9;}
.gz-v28 .g28-aim-box{padding: 21px 20px; border-radius: 16px;}
.gz-v28 .g28-aim-box p{font-size: 20px;}
.gz-v28 .g28-principles{gap: 9px;}
.gz-v28 .g28-principle{padding: 20px 16px 19px; min-height: 156px; border-radius: 16px;}
.gz-v28 .g28-principle h4{font-size: 17px;}
.gz-v28 .g28-principle p{font-size: 11px;}
.gz-v28 .g28-column-heading span{font-size: 9px;}}
@media (prefers-reduced-motion: reduce) {.gz-v28 .g28-principle{transition: none !important;}
.gz-v28 .g28-principle:hover{transform: none !important;}}
.gz-v28 #interfaces .flow-note{visibility: hidden;}
.gz-v28 #interfaces .flow-chip{display: none !important;}
.gz-v28 #interfaces .flow-callouts{position: absolute; inset: 0px; z-index: 4; pointer-events: none;}
.gz-v28 #interfaces .flow-callout{position: absolute; width: 160px; max-width: calc(100% - 24px); min-height: 132px; padding: 16px 13px 14px; border: 1px solid rgb(221, 201, 187); border-radius: 18px; background: linear-gradient(155deg, rgb(255, 250, 245) 0%, rgb(251, 244, 235) 100%); box-shadow: rgba(64, 70, 83, 0.09) 0px 14px 28px; color: rgb(73, 59, 53); overflow: hidden;}
.gz-v28 #interfaces .flow-callout[data-flow-callout="3"]{width: 238px; min-height: 128px; background: linear-gradient(135deg, rgb(245, 227, 216), rgb(255, 250, 244));}
.gz-v28 #interfaces .flow-callout-no{position: absolute; right: 8px; top: 1px; font-family: var(--display); font-size: 51px; font-weight: 830; letter-spacing: -0.13em; line-height: 1; color: rgb(217, 182, 156); opacity: 0.34; pointer-events: none;}
.gz-v28 #interfaces .flow-callout-overline{position: relative; z-index: 1; display: block; font-size: 10px; letter-spacing: 0.11em; color: rgb(177, 124, 88); font-weight: 850; margin-bottom: 13px;}
.gz-v28 #interfaces .flow-callout strong{position: relative; z-index: 1; display: block; font-size: 15px; font-weight: 800; letter-spacing: -0.06em; line-height: 1.35; margin-bottom: 8px;}
.gz-v28 #interfaces .flow-callout p{position: relative; z-index: 1; font-size: 10.5px; line-height: 1.65; color: rgb(130, 118, 110); margin: 0px;}
.gz-v28 #interfaces .flow-callout[data-flow-callout="1"]{left: 28%; top: 210px;}
.gz-v28 #interfaces .flow-callout[data-flow-callout="2"]{left: 61%; top: 275px;}
.gz-v28 #interfaces .flow-callout[data-flow-callout="3"]{left: 41%; top: 1050px;}
.gz-v28 #interfaces .flow-v10-connectors path.flow-callout-leader{stroke: rgb(189, 151, 127); stroke-width: 1.4; stroke-dasharray: none; opacity: 0.9;}
.gz-v28 #interfaces .flow-v10-connectors circle.flow-callout-anchor{fill: rgb(232, 177, 139); stroke: rgb(249, 244, 237); stroke-width: 2.4; opacity: 1;}
@media (max-width: 1100px) {.gz-v28 #interfaces .flow-callouts{position: relative; inset: auto; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; margin-top: 17px; pointer-events: auto;}
.gz-v28 #interfaces .flow-col[data-flow-position="6"] .flow-device{justify-content: center;}
.gz-v28 #interfaces .flow-col[data-flow-position="6"] .phone{transform-origin: center top;}}
@media (max-width: 800px) {.gz-v28 #interfaces .flow-note{visibility: visible;}
.gz-v28 #interfaces .flow-callouts{position: relative; inset: auto; margin-top: 24px; display: grid; grid-template-columns: 1fr; gap: 9px; pointer-events: auto;}
.gz-v28 #interfaces .flow-callout,.gz-v28 #interfaces .flow-callout[data-flow-callout="3"]{width: auto; max-width: none; min-height: 0px; padding: 14px 18px; position: relative !important; left: auto !important; top: auto !important;}
.gz-v28 #interfaces .flow-callout-overline{margin-bottom: 5px;}
.gz-v28 #interfaces .flow-callout strong{margin-bottom: 4px;}
.gz-v28 #interfaces .flow-callout p{font-size: 11px;}}
@media (max-width: 560px) {.gz-v28 #interfaces .flow-callouts{margin-top: 4px;}}
.gz-v28 #interfaces .flow-note{visibility: hidden !important;}
.gz-v28 #interfaces .flow-callouts{z-index: 4; position: absolute !important; inset: 0px !important; display: block !important; margin: 0px !important; pointer-events: none !important;}
.gz-v28 #interfaces .flow-callout[data-flow-callout="1"],.gz-v28 #interfaces .flow-callout[data-flow-callout="2"]{width: 158px; min-height: 116px; padding: 14px 12px; pointer-events: none;}
.gz-v28 #interfaces .flow-col[data-flow-position="5"] .flow-device.small-card{display: flex; flex-direction: column; align-items: center;}
.gz-v28 #interfaces .flow-col[data-flow-position="5"] .flow-callout[data-flow-callout="3"]{min-height: 0px; max-width: none; margin: 80px auto 19px; padding: 15px 16px; box-shadow: rgba(64, 70, 83, 0.07) 0px 10px 24px; background: linear-gradient(145deg, rgb(255, 247, 238), rgb(248, 233, 223)); position: relative !important; inset: auto !important; width: min(100%, 230px) !important;}
.gz-v28 #interfaces .flow-col[data-flow-position="5"] .flow-end-card{width: 100%; margin-top: 17px;}
@media (min-width: 801px) and (max-width: 1100px) {.gz-v28 #interfaces .flow-callout[data-flow-callout="1"],.gz-v28 #interfaces .flow-callout[data-flow-callout="2"]{max-width: calc(100% - 20px); min-height: 112px; position: absolute !important;}}
@media (max-width: 800px) {.gz-v28 #interfaces .flow-col > .flow-callout[data-flow-callout="1"],.gz-v28 #interfaces .flow-col > .flow-callout[data-flow-callout="2"]{margin: 8px auto 15px; padding: 15px 16px; pointer-events: auto; position: relative !important; inset: auto !important; width: min(90%, 290px) !important; max-width: 100% !important; min-height: 0px !important;}
.gz-v28 #interfaces .flow-col > .flow-callout .flow-callout-overline{margin-bottom: 6px;}
.gz-v28 #interfaces .flow-col[data-flow-position="5"] .flow-callout[data-flow-callout="3"]{margin: 15px auto 17px; max-width: 100%; padding: 15px 13px;}
.gz-v28 #interfaces .flow-col[data-flow-position="5"] .flow-end-card{margin-top: 0px;}
.gz-v28 #interfaces .flow-callout-no{font-size: 46px;}
.gz-v28 #interfaces .flow-callouts{pointer-events: none;}}
@media (max-width: 560px) {.gz-v28 #interfaces .flow-col > .flow-callout[data-flow-callout="1"],.gz-v28 #interfaces .flow-col > .flow-callout[data-flow-callout="2"]{margin: 40px auto 20px; width: 94% !important;}
.gz-v28 #interfaces .flow-col[data-flow-position="5"] .flow-callout[data-flow-callout="3"]{margin: 6px auto 12px;}}
@media (min-width: 801px) {.gz-v28 #interfaces .flow-callout[data-flow-callout="1"],.gz-v28 #interfaces .flow-callout[data-flow-callout="2"]{min-height: 120px; border-radius: 16px; background: linear-gradient(150deg, rgb(255, 251, 246) 0%, rgb(247, 233, 219) 100%); border: 1px solid rgb(213, 180, 156); box-shadow: rgba(77, 64, 49, 0.08) 0px 12px 23px; width: 140px !important;}
.gz-v28 #interfaces .flow-callout-overline{margin-bottom: 12px;}
.gz-v28 #interfaces .flow-callout strong{font-size: 14px; letter-spacing: -0.035em;}
.gz-v28 #interfaces .flow-callout p{font-size: 10.5px;}}
.gz-v28 #interfaces .flow-v10-connectors .flow-v14-note-wire{stroke: rgb(156, 143, 133); stroke-width: 1.65; stroke-dasharray: none; stroke-linecap: round; stroke-linejoin: round; opacity: 1; fill: none; vector-effect: non-scaling-stroke;}
.gz-v28 #interfaces .flow-v10-connectors .flow-v14-node-halo{stroke: rgb(190, 129, 79); stroke-width: 1.1; fill: rgb(234, 215, 196); fill-opacity: 0.12; opacity: 0.98; vector-effect: non-scaling-stroke;}
.gz-v28 #interfaces .flow-v10-connectors .flow-v14-node{fill: rgb(211, 135, 75); stroke: rgb(247, 227, 211); stroke-width: 0.8; opacity: 1; vector-effect: non-scaling-stroke;}
.gz-v28 #interfaces .flow-callout[data-flow-callout="3"]{border-color: rgb(218, 184, 162);}
@media (max-width: 800px) {.gz-v28 #interfaces .flow-col > .flow-callout[data-flow-callout="1"],.gz-v28 #interfaces .flow-col > .flow-callout[data-flow-callout="2"],.gz-v28 #interfaces .flow-col[data-flow-position="5"] .flow-callout[data-flow-callout="3"]{overflow: visible;}
.gz-v28 #interfaces .flow-col > .flow-callout[data-flow-callout="1"]::before,.gz-v28 #interfaces .flow-col > .flow-callout[data-flow-callout="2"]::before,.gz-v28 #interfaces .flow-col[data-flow-position="5"] .flow-callout[data-flow-callout="3"]::before{content: ""; position: absolute; left: 20px; top: -21px; width: 1.5px; height: 20px; background: rgb(170, 151, 137);}
.gz-v28 #interfaces .flow-col > .flow-callout[data-flow-callout="1"]::after,.gz-v28 #interfaces .flow-col > .flow-callout[data-flow-callout="2"]::after,.gz-v28 #interfaces .flow-col[data-flow-position="5"] .flow-callout[data-flow-callout="3"]::after{content: ""; position: absolute; left: 15px; top: -28px; width: 10px; height: 10px; border-radius: 3px; background: rgb(211, 135, 75); box-shadow: rgba(219, 177, 142, 0.2) 0px 0px 0px 5px;}}
@media (min-width: 1101px) and (max-width: 1320px) {.gz-v28 #interfaces .flow-callout[data-flow-callout="1"],.gz-v28 #interfaces .flow-callout[data-flow-callout="2"]{width: 124px !important; padding: 13px 10px !important;}
.gz-v28 #interfaces .flow-callout strong{font-size: 13px;}
.gz-v28 #interfaces .flow-callout p{font-size: 10px; line-height: 1.55;}}
.gz-v28 #interfaces .flow-v10-connectors{z-index: 3; overflow: hidden; display: block !important;}
.gz-v28 #interfaces .flow-v10-connectors .flow-v17-line{stroke: rgb(138, 150, 168); stroke-width: 1.55; stroke-dasharray: 3, 7; stroke-linecap: round; stroke-linejoin: round; fill: none; opacity: 0.85; vector-effect: non-scaling-stroke;}
.gz-v28 #interfaces .flow-v10-connectors .flow-v17-junction{fill: rgb(206, 137, 88); stroke: rgb(244, 237, 229); stroke-width: 1.4; opacity: 1; vector-effect: non-scaling-stroke;}
.gz-v28 #interfaces .flow-callout{z-index: 5;}
.gz-v28 #interfaces .flow-callout[data-flow-callout="1"],.gz-v28 #interfaces .flow-callout[data-flow-callout="2"]{box-shadow: rgba(77, 64, 49, 0.08) 0px 10px 22px;}
.gz-v28 #interfaces .flow-col > .flow-callout::before,.gz-v28 #interfaces .flow-col > .flow-callout::after,.gz-v28 #interfaces .flow-col[data-flow-position="5"] .flow-callout::before,.gz-v28 #interfaces .flow-col[data-flow-position="5"] .flow-callout::after{content: none !important;}
@media (max-width: 1100px) {.gz-v28 #interfaces .flow-callouts{display: none !important;}
.gz-v28 #interfaces .flow-col[data-flow-position="2"] > .flow-callout,.gz-v28 #interfaces .flow-col[data-flow-position="3"] > .flow-callout{display: block; position: relative !important; inset: auto !important; min-height: 0px !important; width: min(96%, 230px) !important; max-width: 100% !important; margin: 12px auto 24px !important; padding: 14px 16px !important;}
.gz-v28 #interfaces .flow-col[data-flow-position="5"] .flow-callout[data-flow-callout="3"]{margin-top: 16px !important;}}
@media (min-width: 801px) and (max-width: 1100px) {.gz-v28 #interfaces .flow-v10-connectors{display: block !important;}
.gz-v28 #interfaces .flow-col[data-flow-position="2"] > .flow-callout,.gz-v28 #interfaces .flow-col[data-flow-position="3"] > .flow-callout{min-height: 112px !important;}}
@media (max-width: 800px) {.gz-v28 #interfaces .flow-v10-connectors{display: block !important;}
.gz-v28 #interfaces .flow-grid{row-gap: 18px;}
.gz-v28 #interfaces .flow-col[data-flow-position="2"] > .flow-callout,.gz-v28 #interfaces .flow-col[data-flow-position="3"] > .flow-callout{margin: 16px auto 25px !important;}
.gz-v28 #interfaces .flow-callout[data-flow-callout="3"]{margin: 12px auto 26px !important;}}