/* Design 2: scoped presentation only. Native form classes and display states are retained. */
body:has(.fs-main),body:has(.fs-review){--primary:#155eef;--secondary:#edf4ff;--radius:10px;--green:#008978;color:#172d4c;background:#fff}
.fs-main{width:100%;min-height:55vh}.fs-main *{box-sizing:border-box}.fs-main h1,.fs-main h2,.fs-main h3{letter-spacing:-.025em;color:#172d4c}.fs-main p,.fs-main .s16,.fs-main .s18{line-height:1.7}.fs-main a{color:#155eef}.fs-main .button{background:#155eef;color:white;border-radius:10px;padding:15px 24px;font-weight:bold;box-shadow:0 4px 10px #155eef15}.fs-main .input{background:#fff;border:1px solid #d5dfed;border-radius:10px;padding:15px;color:#172d4c}.fs-main :is(a,button,input,select,textarea):focus-visible{outline:3px solid #84b6ff;outline-offset:3px}
.fs-main .header-tall{width:100%;height:auto;min-height:340px;padding:76px max(24px,calc((100vw - 1180px)/2));background:#f3f7ff!important;border-bottom:1px solid #e5edf8;gap:18px}.fs-main .header-tall>h1:first-child{font-size:clamp(36px,4.5vw,60px);line-height:1.08;letter-spacing:-.045em;max-width:850px}.fs-main .header-tall>h1:nth-child(2){font-size:23px;line-height:1.5;font-weight:400;color:#52657f;max-width:740px}.fs-main .header-tall .chevron{display:none}.fs-main .header-tall .button{margin-top:14px}.fs-main .page-o{width:100%}.fs-main .page-o .header-tall{align-items:flex-start;text-align:left;padding-right:45%;min-height:510px;background:#f5f8ff url('/design-preview/option-2/assets/uptime-balloons.png') no-repeat right 8% center/42% auto!important}.fs-main.fs-website_speed_monitoring .header-tall{background-image:url('/design-preview/option-2/assets/reliability-beacon.png')!important}.fs-main.fs-website_transaction_monitoring .header-tall,.fs-main.fs-website_real_user_monitoring .header-tall{background-image:url('/design-preview/option-2/assets/connected-alerts.png')!important}.fs-main .page-o .header-tall>h1:first-child{font-size:clamp(36px,3.8vw,56px)}
.fs-main .sector-scnd{padding:72px 24px;width:min(1230px,100%);margin:auto}.fs-main .sector-scnd>h1{font-size:32px;line-height:1.25}.fs-main .blocks{gap:20px;margin:38px auto;flex-wrap:wrap}.fs-main .blocks .block{flex:1 1 220px;padding:28px;border:1px solid #e2eaf5;border-radius:18px;background:white;box-shadow:0 8px 24px #17365905}.fs-main .blocks .block .ico{font-size:30px;color:#155eef;margin-bottom:24px}.fs-main .blocks .block .tt{font-size:21px;font-weight:bold}.fs-main .blocks .block .mm{color:#52657f;font-size:16px;line-height:1.75}.fs-main .timeline{width:min(1180px,calc(100% - 48px));margin:35px auto 70px;padding:40px;border:1px solid #e2eaf5;border-radius:24px;background:#f8faff}.fs-main .timeline .block{border-color:#d8e5f7}.fs-main .timeline h1{font-size:27px;line-height:1.25}.fs-main .timeline p{font-size:17px;color:#52657f}
.fs-main .account:not(.inc){margin:0;padding:70px 24px;background:linear-gradient(115deg,#f0f6ff,#fff);min-height:700px}.fs-main .account .form{width:460px;max-width:100%;padding:36px;background:white;border:1px solid #e1e9f4;border-radius:22px;box-shadow:0 20px 60px #1736590c}.fs-main .account .form::before{content:'YOUR WEBSITE. IN GOOD HANDS.';display:block;letter-spacing:.1em;font-size:11px;font-weight:bold;color:#155eef;margin-bottom:28px}.fs-main .account .form .spt{margin:22px 0}.fs-main .account .form .input{width:100%;margin:7px 0}.fs-main .account .form .button{width:100%;margin:16px 0}.fs-main .account .form h2{line-height:1.35}
.fs-main .contact{align-items:center;gap:72px;min-height:650px}.fs-main .contact .sec{width:auto;flex:1;min-width:0}.fs-main .contact .sec.a h1:first-child{font-size:54px}.fs-main .contact .sec.a h1:nth-child(2){font-size:23px;line-height:1.5;color:#52657f}.fs-main .contact .sec.a::after{content:'';display:block;height:230px;background:url('/design-preview/option-2/assets/connected-alerts.png') no-repeat left center/contain}.fs-main .contact .sec.b{padding:32px;background:white;border:1px solid #dde7f4;border-radius:20px;box-shadow:0 20px 40px #15345f08}.fs-main .contact .input{width:100%;margin:6px 0}.fs-main .contact textarea{min-height:140px}.fs-main .contact .button{align-self:flex-start}
.fs-main .qa-p{width:min(1180px,calc(100% - 48px));margin:55px auto 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.fs-main .qa-block{width:100%;padding:28px;border:1px solid #e1e9f4;border-radius:18px;gap:14px;margin:0}.fs-main .qa-block h2{font-size:21px;margin-bottom:8px}.fs-main .qa-block a{line-height:1.55;font-size:15px}.fs-main .qa-ans{width:min(820px,100%);padding:32px;background:white;border:1px solid #e2eaf5;border-radius:20px;line-height:1.8}.fs-main .qa-ans p{margin:24px 0}.fs-main .qans-rel{padding-top:25px;border-top:1px solid #e2eaf5;gap:12px}
.fs-main :is(.terms,.privacy,.gdpr,.cookies,.refund-policy){width:100%;user-select:text}.fs-main :is(.bxy,.ssec){width:min(1060px,calc(100% - 48px));margin:48px auto;padding:0;gap:24px}.fs-main .bxy{flex-direction:column}.fs-main .bxy .bx{width:100%;margin:0;padding:28px 0;border-bottom:1px solid #e2eaf5;line-height:1.8}.fs-main .bxy h1{margin-bottom:20px}.fs-main .boxes{gap:20px;flex-wrap:wrap}.fs-main .boxes>div{border:1px solid #e2eaf5;border-radius:16px;padding:24px;line-height:1.7}.fs-main .points{width:min(1180px,calc(100% - 48px));margin:60px auto}.fs-main .points-cards{gap:20px;margin:50px 0}.fs-main .points-cards .card{padding:28px;border:1px solid #e2eaf5;border-radius:16px}.fs-main .points-cards>.icon-chevron-right{display:none}.fs-main .test-results{width:min(1180px,calc(100% - 48px));margin:35px auto}.fs-main .tst{max-width:100%;gap:12px}.fs-main .tst .input{min-width:0}.fs-main .check-tools .pblock{width:100%;max-width:900px}.fs-main .data-table{border:1px solid #e1e9f4;border-radius:14px;overflow:auto}.fs-main .dt-head{background:#f1f6ff;color:#52657f}.fs-main .dt-row{padding:18px;border-bottom:1px solid #edf1f7}
/* Authenticated workspace: existing navigation and all action selectors remain intact. */
body:has(.fs-review){background:#f5f7fc}body:has(.fs-review)>.app{align-items:flex-start;padding-top:38px}.fs-review{position:fixed;inset:0 0 auto;height:38px;background:#eaf2ff;color:#36577f;font-size:12px;display:flex;align-items:center;justify-content:center;gap:30px;z-index:1000}.fs-review a{color:#155eef;text-decoration:none}body:has(.fs-review) .in-header{top:38px;background:#fff;border-right:1px solid #e1e7f0;border-radius:0;min-height:calc(100vh - 38px);width:225px;padding:20px 14px}body:has(.fs-review) .menu-logo{padding:10px 12px 28px;color:#172d4c}body:has(.fs-review) .primary-nav{gap:6px}body:has(.fs-review) .primary-nav>.link{border-radius:10px;padding:14px 12px;color:#52657f;font-size:14px}body:has(.fs-review) .primary-nav>.link.on{background:#edf4ff;color:#155eef;font-weight:bold}body:has(.fs-review) .primary-nav>.link:hover{background:#f3f7fd}body:has(.fs-review) .secondary-nav{top:38px;background:#f5f7fc;border-right:1px solid #e1e7f0;width:210px;padding:28px 14px;gap:8px;min-height:calc(100vh - 38px)}body:has(.fs-review) .secondary-nav .link{font-size:13px;line-height:1.5;border-radius:9px;padding:12px;color:#52657f}body:has(.fs-review) .secondary-nav .link.on{background:#fff;color:#155eef;box-shadow:0 3px 8px #172d4c06}body:has(.fs-review) .page{flex:1;min-width:0;margin:0;background:#f5f7fc}body:has(.fs-review) .page-content{flex:1;min-width:0}body:has(.fs-review) .in-page{padding:35px;min-width:0!important}body:has(.fs-review) .page-title{color:#172d4c;letter-spacing:-.025em;margin-bottom:24px}body:has(.fs-review) .input{border:1px solid #d5dfed;border-radius:9px;padding:12px;background:#fff;color:#172d4c}body:has(.fs-review) .button{background:#155eef;border-radius:9px;padding:12px 20px}body:has(.fs-review) .data-table{border:1px solid #e0e7f1;border-radius:14px;background:white;overflow:auto}body:has(.fs-review) .dt-head{background:#edf3fc;color:#52657f;padding:18px}body:has(.fs-review) .dt-row{border-color:#edf1f7;padding:18px}body:has(.fs-review) .dashboard_top_datapoints{gap:16px;flex-wrap:wrap;margin:20px 0 35px}body:has(.fs-review) .info-element-block-main{border:1px solid #e2e9f2;border-radius:14px;background:white;padding:22px;flex:1 1 160px;margin:0;box-shadow:0 4px 12px #17365903}body:has(.fs-review) .info-element-block-desc{color:#52657f;font-size:13px}body:has(.fs-review) .info-element-block-value{color:#172d4c;font-size:30px}body:has(.fs-review) .settings-basic{padding:28px;background:white;border:1px solid #e2e9f2;border-radius:16px;max-width:720px}body:has(.fs-review) .dt-empty{min-height:250px;color:#52657f}body:has(.fs-review) :is(input,button,a,select):focus-visible{outline:3px solid #84b6ff;outline-offset:3px}
@media(max-width:1000px){.fs-main .qa-p{grid-template-columns:repeat(2,1fr)}.fs-main .page-o .header-tall{padding:55px 40px 350px;background-position:center bottom!important;background-size:auto 340px!important;align-items:center;text-align:center}.fs-main .contact{gap:30px;padding:50px 24px}.fs-main .timeline{padding:25px}.fs-main .points-cards{flex-wrap:wrap}.fs-main .points-cards .card{flex:1 1 270px}body:has(.fs-review) .in-header{width:175px}body:has(.fs-review) .secondary-nav{width:165px}body:has(.fs-review) .in-page{padding:24px}}
@media(max-width:700px){.fs-main .header-tall{padding:44px 22px;min-height:240px}.fs-main .header-tall>h1:nth-child(2){font-size:19px}.fs-main .qa-p{grid-template-columns:1fr;width:calc(100% - 32px);margin:28px auto}.fs-main .contact{flex-direction:column;align-items:stretch}.fs-main .contact .sec.a::after{display:none}.fs-main .contact .sec.a h1:first-child{font-size:38px}.fs-main .contact .sec.b{padding:22px}.fs-main .timeline{width:calc(100% - 32px);padding:24px;flex-direction:column;gap:25px}.fs-main .timeline .block{width:100%;padding:0;margin:0}.fs-main .sector-scnd{padding:40px 16px}.fs-main .blocks{margin:24px auto}.fs-main .account:not(.inc){padding:35px 16px;min-height:550px}.fs-main .account .form{padding:25px}.fs-main .tst{flex-direction:column;width:100%}.fs-main .tst .input{width:100%}.fs-main .qa-ans{padding:22px}.fs-main .check-tools .tblock{width:100%;padding:20px;margin:0}.fs-main .check-tools .pblock .dot{display:none}body:has(.fs-review)>.app{flex-direction:column}body:has(.fs-review) .in-header{position:relative;top:0;width:100%;min-height:0;border-right:0;border-bottom:1px solid #e1e7f0}body:has(.fs-review) .primary-nav{flex-direction:row;overflow:auto}body:has(.fs-review) .primary-nav>.link{flex-shrink:0}body:has(.fs-review) .menu-logo{padding:8px 12px}body:has(.fs-review) .page{flex-direction:column;width:100%}body:has(.fs-review) .secondary-nav{position:relative;top:0;flex-direction:row;width:100%;min-height:0;overflow:auto;padding:12px;border:0}body:has(.fs-review) .secondary-nav .link{flex-shrink:0}body:has(.fs-review) .in-page{padding:20px;width:100%}body:has(.fs-review) .page-content{width:100%}}
.fs-main .page-o .header-tall{background-color:white!important}.fs-main .contact .sec.a::after{border-radius:18px}.fs-main.fs-404 .nothing{position:relative;left:auto;top:auto;transform:none!important;opacity:1;padding:90px 24px;color:#172d4c}.fs-main.fs-404 .nothing h2:first-child{color:#155eef}
body:has(.fs-review) .in-header{box-sizing:border-box;min-width:225px;max-width:225px;height:calc(100vh - 38px)}body:has(.fs-review) .secondary-nav{box-sizing:border-box;min-width:210px;max-width:210px;border-radius:0}body:has(.fs-review) .page{max-height:calc(100vh - 38px);min-height:calc(100vh - 38px)}body:has(.fs-review) .page-content{max-height:calc(100vh - 38px)}body:has(.fs-review) .in-header .menu-logo h2{text-transform:lowercase!important;color:#172d4c;font-size:21px!important;letter-spacing:-1px}body:has(.fs-review) .in-header .primary-nav{padding-top:15px}body:has(.fs-review) .secondary-nav a{white-space:normal}body:has(.fs-review) .info .edit-info{padding:28px;background:#fff;border:1px solid #e2e9f2;border-radius:16px;gap:16px}body:has(.fs-review) .settings-basic .page-title{margin-bottom:4px}body:has(.fs-review) .settings-basic .save-cog{margin-top:28px;align-self:flex-start}
@media(max-width:1000px){body:has(.fs-review) .in-header{min-width:175px;max-width:175px}body:has(.fs-review) .secondary-nav{min-width:165px;max-width:165px}}
@media(max-width:700px){.fs-main .timeline .block{max-width:100%}.fs-main .points-cards .card{max-width:100%;width:100%}body:has(.fs-review) .small-header{display:none!important}body:has(.fs-review) .in-header{min-width:100%!important;max-width:100%!important;height:auto!important;margin-top:0!important}body:has(.fs-review) .in-header .menu-logo{display:flex!important}body:has(.fs-review) .secondary-nav{min-width:100%;max-width:100%;margin-top:0!important}body:has(.fs-review) .page{max-height:none;min-height:50vh}body:has(.fs-review) .page .page-content{position:relative!important;inset:auto!important;max-height:none;overflow:visible;transform:none!important;background:#f5f7fc!important}body:has(.fs-review) .in-header .primary-nav{padding-top:8px;flex:initial}body:has(.fs-review) .in-header .primary-nav .link.user{max-width:100%}body:has(.fs-review) .apps-list .hdr{flex-wrap:wrap;gap:14px}body:has(.fs-review) .apps-list .add-new{display:flex!important}body:has(.fs-review) .data-table{max-width:100%;overflow:auto}body:has(.fs-review) .data-table .dt-row{min-width:560px}body:has(.fs-review) .data-table .dt-empty{min-width:0}}

body:has(.fs-review) .in-header .primary-nav .image{width:19px;height:19px;min-width:19px;background:currentColor;mask-size:contain;mask-repeat:no-repeat}body:has(.fs-review) .in-header .primary-nav .image:before{content:none}
body:has(.fs-review) .in-header .icon-th-large{mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22/%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22/%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22/%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22/%3E%3C/svg%3E")}
body:has(.fs-review) .in-header .icon-wave-square{mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012h4l3-7%205%2014%203-7h5%22/%3E%3C/svg%3E")}
body:has(.fs-review) .in-header .icon-window-alt{mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%223%22/%3E%3Cpath%20d%3D%22M7%2016v-4m5%204V7m5%209v-6%22/%3E%3C/svg%3E")}
body:has(.fs-review) .in-header .icon-cog{mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M12%202v3m0%2014v3M2%2012h3m14%200h3M5%205l2%202m10%2010%202%202M5%2019l2-2M17%207l2-2%22/%3E%3C/svg%3E")}
body:has(.fs-review) .in-header .icon-shield{mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%2220%22%20height%3D%2214%22%20rx%3D%223%22/%3E%3Cpath%20d%3D%22M2%2010h20M6%2015h4%22/%3E%3C/svg%3E")}
@media(max-width:700px){body:has(.fs-review)>.app{height:auto;min-height:100vh}body:has(.fs-review) .page{flex:none}body:has(.fs-review) .secondary-nav{flex-shrink:0;min-height:62px}body:has(.fs-review) .page-content{flex:none}body:has(.fs-review) .in-header>.primary-nav.col{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;gap:2px}body:has(.fs-review) .in-header>.primary-nav.col>.link{flex-direction:column;padding:12px 2px;font-size:10px;gap:8px;white-space:normal;text-align:center}body:has(.fs-review) .in-header .link.user{padding:8px 12px}body:has(.fs-review) .settings-basic{box-sizing:border-box}}
.fs-main .account .form .sect:has(._try_sin),.fs-main .account .form .sect:has(._try_recover),.fs-main .account .form .sect:has(._try_sup){flex-direction:column;align-items:stretch;gap:8px}.fs-main .account .form .sect:has(._try_sin)>a{align-self:flex-end;white-space:nowrap;font-size:14px}.fs-main .account .form .mbt{margin-top:25px;padding:14px;border:1px solid #d7e3f5;border-radius:10px;background:#f4f8ff;color:#155eef;text-align:center;opacity:1}.fs-main .account .form .sect:has(._try_sin) .button{margin-bottom:0}
.fs-main .account .form>div:has(>._try_sin){flex-direction:column;align-items:stretch;gap:8px}.fs-main .account .form>div:has(>._try_sin)>div{justify-content:flex-end}.fs-main .account .form>div:has(>._try_sin) a{white-space:nowrap;font-size:14px}.fs-main .account .form>div:has(>._try_sin) .button{margin-bottom:0}.fs-main .account .form .spt{margin-top:24px!important}.fs-main .account .form .spt .mbt{margin-top:0}