.graphpad h1,.graphpad h2{border-color:var(--orange);font-weight:600}.graphpad article h1 span{color:var(--graphpad-2)}.graphpad h1,.graphpad h2,.hid-nav-list li a:hover{color:var(--graphpad-1)}.graphpad .hid-nav-bar{background:var(--graphpad-2)}.graphpad h3::after{background:var(--graphpad-2)}.overview-section{display:grid;grid-template-columns:1.2fr 0.8fr;align-items:flex-start;gap:40px;margin-bottom:60px;width:100%}.overview-text{min-width:0;text-align:justify}.overview-image{width:100%;overflow:hidden}.overview-image img{width:100%;height:auto;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu-toggle{border:none;background:transparent;padding:0}h3{margin:60px 0 10px;position:relative;display:block;width:100%;font-weight:800}h3::after{content:"";display:block;width:104px;height:6px;border-radius:10px;margin-top:8px;margin-bottom:35px}.grid-4{grid-template-columns:repeat(4,1fr)}hgroup{padding:30px 20px;text-align:center}hgroup img{width:60px;margin-bottom:15px}
       .g-pad-page {
            position: relative;
            background: transparent;
            padding: 20px;
            border-radius: 0;
            display: flex;
            flex-direction: row;
            gap: 15px;
            margin: 80px 0;
            align-items: stretch;
            justify-content: center;
            box-shadow: none;
            border: none;
            width: 100%;
            overflow: visible;
        }
        .g-pad-page::before {
            content: none;
            display: none;
        }
        .g-pad-page>div {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        .g-pad-trial {
            flex: 2;
        }
        .g-pad-buy,
        .g-pad-learn {
            flex: 1;
        }
        .g-pad-page a {
            --accentA: var(--graphpad-2);
            --accentB: var(--orange);
            text-decoration: none;
            color: var(--btn-dark);
            border-radius: 18px;
            padding: 40px 25px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
            border: 1px solid #e6eaf2;
            background: #ffffff;
            height: 100%;
            width: 100%;
            box-shadow: 0 8px 24px rgba(2, 6, 23, 0.06);
        }
/*區塊上方漸層*/
        .g-pad-page a::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 7px;
            background: linear-gradient(to right, var(--accentA), var(--accentB));
            opacity: 0.5;
            transition: opacity 0.3s ease;
        }
        .g-pad-trial a {
            --accentA: var(--graphpad-2);
            --accentB: var(--orange);
        }
        .g-pad-buy a {
            --accentA: var(--orange);
            --accentB: var(--graphpad-2);
        }
        .g-pad-learn a {
            --accentA: var(--graphpad-2);
            --accentB: var(--orange);
        }
        .g-pad-page .icon-box {
            width: 48px;
            height: 48px;
            margin-bottom: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.4s ease;
            z-index: 5;
        }
        .g-pad-page .icon-box img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        .trial-bg-png {
            position: absolute;
            right: 0px;
            bottom: -20px;
            width: 160px;
            height: 160px;
            opacity: 0.1;
            pointer-events: none;
            transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
            transform: translateY(0);
            filter: none;
            z-index: 1;
        }
        .label-text {
            font-size: 1.2rem;
            font-weight: 700;
            letter-spacing: 1px;
            margin-bottom: 8px;
            z-index: 5;
        }
        .g-pad-page a:hover {
            border-color: var(--accentA);
            box-shadow: 0 12px 28px rgba(2, 6, 23, 0.1);
        }
        .g-pad-page a:hover::after {
            opacity: 0.85;
        }
        .g-pad-page a:hover .icon-box {
            transform: scale(1.15);
        }
        .g-pad-trial a:hover .trial-bg-png {
            transform: translateY(25px);
            opacity: 0.3;
        }
        .row:has(.g-pad-page) {
            background-color: #ededed;
        }
        .g-pad-page {
            margin-left: auto;
            margin-right: auto;
        }
@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.overview-section{grid-template-columns:1fr;text-align:center}.grid-auto{grid-template-columns:repeat(2,1fr)}}.section-desc{margin-bottom:20px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr)}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);text-align:center}.grid-5 li{margin:0 5px}.grid-auto{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (min-width: 993px){.graphpad .hero-wrapper.hero-secd{height:200px;min-height:200px;overflow:hidden}.graphpad .hero-wrapper.hero-secd picture{position:absolute;inset:0;width:100%;height:100%}.graphpad .hero-wrapper.hero-secd .hero-img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}}.faq-section{background:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0;margin-bottom:60px}.faq-list a:hover{text-decoration:none}.faq-list h6{color:#1e293b;font-size:1.1rem;line-height:2rem;margin:1.2vh 0 0;font-weight:700}.faq-list p{font-size:1rem;margin:0 0 1vh}.graphpad .hid-nav-bar{background:var(--graphpad-2)}@media (max-width: 768px){article h1{font-size:32px}article h2{font-size:28px}article h3{font-size:26px;line-height:34px}h4{font-size:24px}h5,.plan-title{font-size:22px}.faq-list h6{font-size:18px}section p,.pricing-grid .plan-price,section .faq-list p,.label-text,.pricing-grid .plan-features ul li{font-size:16px}article h2{margin:0 0 2vh}.grid-3{grid-template-columns:repeat(1,1fr)}.faq-section{padding:3vh;margin:0 0 2vh}.faq-list h6{margin:1vh 0 .5vh}.faq-list{padding-left:20px}.grid-4{grid-template-columns:1fr}.g-pad-page{flex-direction:column;padding:15px}.g-pad-trial,.g-pad-buy,.g-pad-learn{flex:none;width:100%}.g-pad-page a{padding:24px 20px 18px}h3::after{margin-left:auto;margin-right:auto}h3{text-align:center}.grid-2,.grid-auto{grid-template-columns:1fr}.grid-5{grid-template-columns:repeat(2,1fr)}.grid-5 li{margin:6px 5px}}