.gt-hero{background:radial-gradient(circle at 75% 35%,#ebf3ff 0%,#f6f9fe 55%,#fbfdff 100%);padding:80px 0 70px;position:relative;overflow:hidden}.gt-hero-inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:52px;display:grid}.gt-hero-copy{max-width:540px}.gt-hero-copy h1{letter-spacing:-.04em;color:#0f172a;margin:18px 0 16px;font-size:clamp(34px,4.2vw,54px);font-weight:800;line-height:1.08}.gt-hero-copy>p{color:#475569;max-width:480px;margin:0;font-size:16.5px;line-height:1.65}.gt-hero-copy .button-row{margin-top:30px}.gt-hero-art{justify-content:center;align-items:center;display:flex}.gt-hero-art img{filter:drop-shadow(0 14px 34px #2563eb14);width:100%;max-width:540px;height:auto;display:block}.gt-grid-section{padding:80px 0}.gt-tools-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;margin-top:48px;display:grid}.gt-tool-card{background:#fff;border:1px solid #e8edf5;border-radius:24px;flex-direction:column;align-items:flex-start;padding:32px 28px 28px;transition:transform .25s cubic-bezier(.2,0,0,1),box-shadow .25s,border-color .25s;display:flex;box-shadow:0 4px 18px #3c5a9608}.gt-tool-card:first-child{background:linear-gradient(#f0f7ff 0%,#fbfdff 60%,#fff 100%);border-color:#dbeafe}.gt-tool-card:nth-child(2){background:linear-gradient(#f0fdf9 0%,#fbfdff 60%,#fff 100%);border-color:#d1fae5}.gt-tool-card:nth-child(3){background:linear-gradient(#f5f3ff 0%,#fbfdff 60%,#fff 100%);border-color:#ede9fe}.gt-tool-card:nth-child(4){background:linear-gradient(#fffbeb 0%,#fbfdff 60%,#fff 100%);border-color:#fef3c7}.gt-tool-card:nth-child(5){background:linear-gradient(#eff6ff 0%,#fbfdff 60%,#fff 100%);border-color:#dbeafe}.gt-tool-card:nth-child(6){background:linear-gradient(#f0f4ff 0%,#fbfdff 60%,#fff 100%);border-color:#e0e7ff}.gt-tool-card:hover{border-color:#93c5fd;transform:translateY(-6px);box-shadow:0 16px 36px #2563eb1a}.gt-tool-icon-wrap{justify-content:flex-start;align-items:center;width:100%;height:96px;margin-bottom:20px;display:flex}.gt-tool-icon-wrap img{object-fit:contain;filter:drop-shadow(0 6px 14px #2563eb14);width:auto;max-width:120px;height:84px;transition:transform .25s}.gt-tool-card:hover .gt-tool-icon-wrap img{transform:scale(1.05)translateY(-2px)}.gt-tool-card h3{color:#0f172a;margin:0 0 10px;font-size:19px;font-weight:700}.gt-tool-card p{color:#64748b;flex:1;margin:0 0 20px;font-size:14px;line-height:1.6}.gt-tool-link{color:#2563eb;align-items:center;gap:6px;margin-top:auto;font-size:13.5px;font-weight:600;transition:transform .2s,color .2s;display:inline-flex}.gt-tool-card:hover .gt-tool-link{color:#1d4ed8;transform:translate(4px)}.gt-how-section{padding:40px 0 80px}.gt-how-container{background:linear-gradient(135deg,#f0f7ff 0%,#f8fafc 50%,#eff6ff 100%);border:1px solid #e2e8f0;border-radius:28px;padding:48px;box-shadow:0 10px 30px #2563eb0a}.gt-how-inner{grid-template-columns:.95fr 1.05fr;align-items:center;gap:48px;display:grid}.gt-how-copy h2{letter-spacing:-.035em;color:#0f172a;margin:14px 0 16px;font-size:clamp(30px,3.5vw,46px);font-weight:800;line-height:1.12}.gt-how-copy>p{color:#475569;max-width:520px;margin:0;font-size:16px;line-height:1.65}.gt-how-steps{align-items:flex-start;gap:16px;margin-top:36px;display:flex}.gt-how-step{flex-direction:column;flex:1;align-items:flex-start;display:flex;position:relative}.gt-how-icon{color:#2563eb;background:radial-gradient(circle at 35% 35%,#fff 0%,#eff6ff 70%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:14px;display:grid;box-shadow:0 4px 12px #2563eb1f}.gt-how-step h4{color:#0f172a;margin:0 0 4px;font-size:16px;font-weight:700}.gt-how-step p{color:#64748b;margin:0;font-size:13px;line-height:1.5}.gt-how-arrow{color:#94a3b8;font-size:18px;position:absolute;top:14px;right:-10px}.gt-how-art{justify-content:center;align-items:center;display:flex}.gt-how-art img{width:100%;max-width:600px;height:auto;display:block}.gt-toolkit-section{padding:40px 0 80px}.gt-toolkit-container{background:linear-gradient(135deg,#f0f7ff 0%,#f8fafc 50%,#eff6ff 100%);border:1px solid #e2e8f0;border-radius:28px;padding:48px;box-shadow:0 10px 30px #2563eb0a}.gt-toolkit-top-row{grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;display:grid}.gt-toolkit-copy h2{letter-spacing:-.035em;color:#0f172a;margin:14px 0 16px;font-size:clamp(28px,3.2vw,42px);font-weight:800;line-height:1.15}.gt-toolkit-copy>p{color:#475569;max-width:500px;margin:0;font-size:16px;line-height:1.65}.gt-toolkit-art{justify-content:center;align-items:center;display:flex}.gt-toolkit-art img{filter:drop-shadow(0 14px 28px #2563eb1a);width:100%;max-width:480px;height:auto;display:block}.gt-toolkit-grid{border-top:1px solid #e2e8f0cc;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:40px;padding-top:36px;display:grid}.gt-toolkit-pill{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:10px;padding:12px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 2px 6px #00000005}.gt-toolkit-pill:hover{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 6px 16px #2563eb0f}.gt-toolkit-icon{color:#2563eb;background:#eff6ff;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.gt-toolkit-details h4{color:#0f172a;white-space:normal;margin:0 0 1px;font-size:12px;font-weight:700;line-height:1.25}.gt-toolkit-details small{color:#64748b;white-space:normal;font-size:10.5px;display:block}@media (max-width:1100px){.gt-tools-grid{grid-template-columns:repeat(2,1fr)}.gt-toolkit-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:960px){.gt-hero-inner,.gt-how-inner,.gt-toolkit-top-row{grid-template-columns:1fr;gap:36px}}@media (max-width:720px){.gt-how-container,.gt-toolkit-container{border-radius:20px;padding:32px 24px 28px}.gt-how-steps{flex-direction:column;gap:20px}.gt-how-arrow{display:none}.gt-toolkit-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:28px;padding-top:24px}}@media (max-width:560px){.gt-hero{padding:48px 0 36px}.gt-tools-grid,.gt-toolkit-grid{grid-template-columns:1fr}.gt-hero-copy .button-row{flex-direction:column;width:100%}.gt-hero-copy .button-row .button{justify-content:center;width:100%}}
