/* FACT REMOTE WEB 1.0.12.2.11 · FACT Remote Quick product */
.quick-product-hero { min-height: 720px; }
.quick-product-hero .detail-hero-grid { grid-template-columns: minmax(440px,.92fr) minmax(520px,1.08fr); }
.quick-product-hero .detail-hero-copy { max-width: 720px; }
.quick-hero-note { display:flex; align-items:center; gap:9px; margin-top:22px; color:#7f98af; font-size:10px; line-height:1.65; }
.quick-hero-note i { width:7px; height:7px; flex:0 0 auto; border-radius:50%; background:#55b7ff; box-shadow:0 0 0 5px rgba(85,183,255,.08); }
.quick-app-visual { overflow:hidden; border:1px solid #2c4359; border-radius:18px; background:#0a121b; box-shadow:0 34px 85px rgba(0,0,0,.45),0 0 55px rgba(23,108,255,.09); }
.quick-window-bar { display:flex; justify-content:space-between; align-items:center; height:52px; padding:0 18px; color:#dceafa; border-bottom:1px solid #253849; background:#0d1721; font-size:10px; font-weight:850; }
.quick-window-bar > span { display:flex; align-items:center; gap:9px; }
.quick-window-bar > span i { width:22px; height:22px; border-radius:6px; background:linear-gradient(135deg,#55b7ff,#176cff); }
.quick-window-bar > div { display:flex; gap:13px; }
.quick-window-bar > div b { width:9px; height:9px; border:1px solid #6f8498; }
.quick-window-body { display:grid; grid-template-columns:.9fr 1.1fr; gap:12px; padding:16px; }
.quick-window-body section { min-height:365px; padding:24px; border:1px solid #263a4d; border-radius:14px; background:linear-gradient(145deg,#111e2b,#0d1721); }
.quick-card-kicker { display:block; margin-bottom:30px; color:#72bdff; font-size:17px; font-weight:900; }
.quick-window-body small,.quick-window-body label { display:block; color:#7f95aa; font-size:9px; font-weight:750; }
.quick-id-number { display:block; margin:8px 0 26px; color:#f5f9fd; font-size:34px; letter-spacing:-.04em; white-space:nowrap; }
.quick-password-block { padding-top:19px; border-top:1px solid #284056; }
.quick-password-block strong { display:block; margin-top:7px; color:#4ba5ff; font-size:30px; letter-spacing:.03em; }
.quick-ready { display:flex; align-items:center; gap:8px; margin-top:28px; color:#a7bfd2; font-size:9px; }
.quick-ready i { width:7px; height:7px; border-radius:50%; background:#35d07f; box-shadow:0 0 12px rgba(53,208,127,.65); }
.quick-connect-card label { margin:18px 0 7px; }
.quick-input { min-height:49px; display:flex; align-items:center; padding:0 15px; color:#61788d; border:1px solid #334a60; border-radius:9px; background:#0b151f; font-size:10px; }
.quick-connect-button { display:grid; place-items:center; min-height:54px; margin-top:24px; color:#fff; border-radius:9px; background:linear-gradient(135deg,#2f91f6,#176cff); font-size:13px; font-weight:900; box-shadow:0 16px 34px rgba(23,108,255,.2); }
.quick-intro { margin-bottom:44px; }
.quick-flow-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.quick-flow-card { min-height:230px; padding:30px; border:1px solid #d9e5ee; border-radius:16px; background:#fff; box-shadow:0 15px 40px rgba(18,55,90,.045); }
.quick-flow-card > span { color:#1f78cc; font-size:9px; font-weight:950; letter-spacing:.1em; }
.quick-flow-card strong { display:block; margin:35px 0 12px; color:#193e5c; font-size:22px; letter-spacing:-.04em; }
.quick-flow-card p { margin:0; color:#6d8497; font-size:11px; line-height:1.8; }
.quick-plan-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; max-width:970px; margin:48px auto 0; }
.quick-plan-card { position:relative; min-height:490px; padding:38px; border:1px solid #d7e4ed; border-radius:18px; background:#fff; box-shadow:0 20px 55px rgba(18,54,88,.065); }
.quick-plan-card.quick-plan-pro { color:#dcebf8; border-color:#205b8c; background:radial-gradient(circle at 90% 0,rgba(24,119,206,.42),transparent 31%),linear-gradient(150deg,#0b3151,#071927 76%); }
.quick-plan-label { display:inline-flex; padding:6px 9px; color:#1e72bd; border:1px solid #bdd9ef; border-radius:999px; background:#f2f9ff; font-size:8px; font-weight:950; letter-spacing:.12em; }
.quick-plan-pro .quick-plan-label { color:#8acaff; border-color:#2d6fa5; background:#0c3b61; }
.quick-plan-card h3 { margin:23px 0 10px; color:#173b59; font-size:27px; letter-spacing:-.045em; }
.quick-plan-pro h3 { color:#fff; }
.quick-plan-card > p { margin:0; min-height:58px; color:#71889b; font-size:11px; line-height:1.75; }
.quick-plan-pro > p { color:#98b3c9; }
.quick-plan-card ul { display:grid; gap:12px; margin:27px 0 32px; padding:25px 0 0; border-top:1px solid #dfE8ef; list-style:none; }
.quick-plan-pro ul { border-color:#224b6a; }
.quick-plan-card li { position:relative; padding-left:20px; color:#536f84; font-size:10px; line-height:1.55; }
.quick-plan-card li::before { content:""; position:absolute; left:0; top:5px; width:8px; height:4px; border-left:2px solid #2385df; border-bottom:2px solid #2385df; transform:rotate(-45deg); }
.quick-plan-pro li { color:#c0d1df; }
.quick-plan-price { display:block; color:#1769b4; font-size:30px; }
.quick-plan-pro .button { margin-top:3px; }
.quick-policy-note { max-width:900px; margin:27px auto 0; padding:16px 20px; color:#6c8498; border:1px solid #d9e4ec; border-radius:12px; background:#f7fbfe; font-size:10px; line-height:1.7; text-align:center; }
.quick-capability-layout { display:grid; grid-template-columns:.82fr 1.18fr; gap:58px; align-items:start; }
.quick-capability-list { display:grid; gap:10px; }
.quick-capability-list article { display:grid; grid-template-columns:92px 1fr; gap:22px; padding:22px 24px; border:1px solid #1d3850; border-radius:13px; background:#0a1723; }
.quick-capability-list article > span { color:#56aff9; font-size:8px; font-weight:950; letter-spacing:.12em; }
.quick-capability-list h3 { margin:0 0 5px; color:#eff7fd; font-size:16px; }
.quick-capability-list p { margin:0; color:#7893a9; font-size:10px; line-height:1.7; }
.quick-product-compare { display:grid; grid-template-columns:repeat(2,1fr); gap:15px; max-width:960px; margin:46px auto 0; }
.quick-family-card { min-height:250px; display:block; padding:32px; color:#6b8295; border:1px solid #d8e4ed; border-radius:16px; background:#fff; box-shadow:0 16px 44px rgba(18,55,90,.045); text-decoration:none; transition:transform .18s ease,border-color .18s ease; }
.quick-family-card:hover { transform:translateY(-3px); border-color:#90bde2; }
.quick-family-card.is-current { color:#a8bfd2; border-color:#1c6096; background:linear-gradient(145deg,#0d3558,#081c2e); }
.quick-family-card > span { color:#1c76c5; font-size:9px; font-weight:950; letter-spacing:.1em; }
.quick-family-card.is-current > span { color:#62b7ff; }
.quick-family-card strong { display:block; margin:27px 0 12px; color:#183d5b; font-size:24px; }
.quick-family-card.is-current strong { color:#fff; }
.quick-family-card p { margin:0 0 25px; font-size:11px; line-height:1.75; }
.quick-family-card small { color:#7890a3; font-size:9px; font-weight:800; }
.quick-cta-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
@media (max-width:960px) {
    .quick-product-hero .detail-hero-grid,.quick-capability-layout { grid-template-columns:1fr; }
    .quick-app-visual { width:min(100%,760px); margin-inline:auto; }
    .quick-flow-grid { grid-template-columns:1fr; }
}
@media (max-width:720px) {
    .quick-window-body,.quick-plan-grid,.quick-product-compare { grid-template-columns:1fr; }
    .quick-window-body section { min-height:auto; }
    .quick-id-number { font-size:29px; }
    .quick-plan-card { min-height:auto; padding:29px 24px; }
    .quick-capability-list article { grid-template-columns:1fr; gap:10px; }
    .quick-cta-actions { justify-content:flex-start; }
}
/* FACT REMOTE WEB 1.0.12.2.11.1 · QUICK DOWNLOAD CTA 1.0.12.2.11.1 */
.quick-product-hero-actions .quick-download-button { min-width:226px; }
.quick-download-ready { padding:72px 0; color:#dbeaf7; border-top:1px solid #1d3448; border-bottom:1px solid #1c3347; background:radial-gradient(circle at 18% 0,rgba(27,118,205,.18),transparent 34%),linear-gradient(145deg,#081725,#0b1e2f); }
.quick-download-ready-inner { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr); gap:58px; align-items:center; }
.quick-download-ready-copy h2 { margin:14px 0 18px; color:#f2f8fd; font-size:clamp(32px,4vw,54px); line-height:1.08; letter-spacing:-.055em; }
.quick-download-ready-copy h2 em { color:#60b9ff; font-style:normal; }
.quick-download-ready-copy > p { max-width:720px; margin:0; color:#8da7bc; font-size:12px; line-height:1.85; }
.quick-download-specs { display:flex; flex-wrap:wrap; gap:9px; margin-top:27px; }
.quick-download-specs span { padding:9px 11px; color:#9cb3c6; border:1px solid #28465f; border-radius:8px; background:#0a1a28; font-size:9px; }
.quick-download-specs b { margin-right:5px; color:#58b4ff; font-size:8px; letter-spacing:.08em; }
.quick-download-ready-action { padding:30px; border:1px solid #31536e; border-radius:17px; background:linear-gradient(145deg,#10283b,#091723); box-shadow:0 28px 68px rgba(0,0,0,.27); }
.quick-download-ready-action > strong { display:block; margin-top:17px; color:#fff; font-size:20px; }
.quick-download-ready-action > small { display:block; margin-top:6px; color:#7f9aaf; font-size:10px; }
.quick-download-ready-action > p { margin:12px 0 0; color:#718ca2; font-size:9px; line-height:1.6; text-align:center; }
.quick-download-disabled { cursor:not-allowed; opacity:.58; filter:saturate(.72); pointer-events:none; }
.quick-download-disabled:hover { transform:none; filter:saturate(.72); box-shadow:none; }
@media (max-width:960px) {
    .quick-download-ready-inner { grid-template-columns:1fr; }
    .quick-download-ready-action { max-width:620px; }
}
@media (max-width:720px) {
    .quick-product-hero-actions .quick-download-button { width:100%; }
    .quick-download-ready { padding:52px 0; }
    .quick-download-ready-action { padding:24px 20px; }
}
/* FACT REMOTE WEB 1.0.12.2.11.2 · QUICK HERO LAYOUT FIX 1.0.12.2.11.2 */
.quick-product-hero .detail-hero-copy,
.quick-product-hero .quick-app-visual {
    min-width: 0;
}

.quick-product-hero .detail-hero-copy {
    position: relative;
    z-index: 2;
}

.quick-product-hero .quick-app-visual {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 100%;
}

.quick-product-hero-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: min(100%, 620px);
    max-width: 620px;
}

.quick-product-hero-actions .button {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 58px;
    padding-inline: 16px;
    text-align: center;
    white-space: normal;
}

.quick-product-hero-actions .quick-download-button {
    min-width: 0;
    justify-content: flex-start;
}

.quick-product-hero-actions .quick-download-button > span:last-child {
    min-width: 0;
}

.quick-product-hero-actions .quick-download-button strong,
.quick-product-hero-actions .quick-download-button small {
    white-space: normal;
}

.quick-hero-note {
    width: min(100%, 620px);
    max-width: 620px;
}

@media (max-width: 1180px) and (min-width: 961px) {
    .quick-product-hero .detail-hero-grid {
        grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr);
        gap: 44px;
    }
}

@media (max-width: 720px) {
    .quick-product-hero-actions {
        grid-template-columns: 1fr;
        width: 100%;
        max-width: none;
    }

    .quick-product-hero-actions .quick-download-button {
        justify-content: center;
    }

    .quick-hero-note {
        width: 100%;
        max-width: none;
    }
}