:root{--navy:#0b1220;--ink:#151b29;--muted:#657184;--line:#e1e5eb;--blue:#2563eb;--paper:#f6f7f9;--pink:#ff8fb1;--teal:#86dccb;--gta:#0f1422}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:14px;line-height:1.55;background:#fbfbfc}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a,input,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #5b8eff;outline-offset:4px}button{color:inherit}input,select{max-width:100%}.wrap{max-width:1280px;padding:0 42px;margin:auto}.skip{position:absolute;top:-70px;background:white;color:#111;padding:10px;z-index:200}.skip:focus{top:5px}.siteheader{background:var(--navy);color:#d4dce9;position:relative;z-index:30}.topbar{max-width:1280px;padding:5px 42px;margin:auto;display:flex;align-items:center;gap:30px;min-height:76px}.logo{display:block;width:178px;height:59px;flex-shrink:0}.logo img{display:block;width:100%;height:100%;object-fit:contain}.branddescriptor{font-size:14px;color:#8f9eb5;padding-left:25px;border-left:1px solid #303a4e;letter-spacing:.4px}.topactions{margin-left:auto;display:flex;align-items:center;gap:24px;font-size:14px}.topactions .gta-link{background:#263046;border:1px solid #424056;border-radius:30px;color:#ffd3df;padding:8px 14px}.dot{display:inline-block;width:5px;height:5px;background:var(--teal);border-radius:50%;margin-right:7px}.categorynav{border-top:1px solid #273044;background:#101a2b}.categorynav .inner{max-width:1280px;padding:0 42px;margin:auto;display:grid;grid-template-columns:1.13fr 1.35fr 1.25fr 1.3fr .65fr}.navgroup{position:relative;border:0;padding:0}.navgroup summary{padding:15px 13px;font-size:14px;font-weight:600;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;min-height:48px;white-space:nowrap}.navgroup summary::-webkit-details-marker{display:none}.navgroup summary:hover,.navgroup[open] summary{background:#223047;color:white}.navgroup[open] summary span{transform:rotate(180deg)}.dropdown{position:absolute;top:100%;left:0;width:370px;max-height:65vh;overflow:auto;background:white;color:#151b29;border:1px solid #dde3ed;box-shadow:0 22px 50px #03091424;border-radius:0 0 12px 12px;padding:12px}.navgroup:last-child .dropdown{left:auto;right:0}.dropdown a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:7px;font-size:14px}.dropdown a:hover{background:#f0f4ff;color:#184ec4}.dropdown .catlink{font-size:14px;color:#2563eb;border-top:1px solid var(--line);border-radius:0;padding-top:14px;margin-top:8px}.dropdown .gtaentry{background:#151c2c;color:#ffd2df;margin:5px 0 12px;font-weight:bold}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}.eyebrow:before{content:'';display:inline-block;width:18px;height:2px;background:currentColor}.blue{color:var(--blue)}.muted{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.1}h1{font-size:64px;letter-spacing:-3.8px;margin-bottom:24px;font-weight:750}h2{font-size:34px;letter-spacing:-1.6px;margin-bottom:12px}h3{font-size:18px;letter-spacing:-.5px;margin-bottom:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;background:var(--blue);border:1px solid var(--blue);color:white;padding:13px 19px;border-radius:7px;font-size:14px;font-weight:650;min-height:44px}.button:hover{background:#174dcc}.button.light{background:white;border-color:#d8dfe8;color:#172339}.button.dark{background:#1a2437;border-color:#42516d;color:white}.button.pink{background:#ffd1dc;border-color:#ffd1dc;color:#161b29}.button.pink:hover{background:#ffafc7}.textlink{font-size:14px;font-weight:600;color:var(--blue)}.arrow{font-size:18px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:62px 0 50px;align-items:center}.intro h1{margin:22px 0}.intro h1 span{color:var(--blue)}.intro p{max-width:440px;color:var(--muted);font-size:16px;line-height:1.7;margin-bottom:28px}.intro .actions{display:flex;gap:12px}.intro-note{margin-top:20px;font-size:14px;color:#7c8798;display:flex;gap:20px}.workbench{height:365px;border:1px solid #d8e1ed;border-radius:17px;background:linear-gradient(130deg,#eaf0fb,#f6f8fc);padding:20px;position:relative;overflow:hidden;box-shadow:0 18px 40px #162b4a08}.benchbar{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#56667c}.benchbar .dots{letter-spacing:3px;color:#98aac3}.benchcontent{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;margin-top:18px;align-items:stretch}.phone-test{border-radius:12px;background:#111f39;height:260px;padding:18px;color:#e5eeff;position:relative;overflow:hidden}.phone-test .tiny{font-size:14px;color:#a7b6cf}.mini-phone{position:relative;width:90px;height:165px;border:4px solid #0b1220;background:linear-gradient(150deg,#416afe,#91b6ff);border-radius:20px;margin:14px auto 0;box-shadow:10px 14px 30px #0004}.mini-phone:before{content:'';position:absolute;top:5px;left:24px;width:35px;height:9px;background:#111b2d;border-radius:10px}.mini-phone .cross{position:absolute;inset:30px 14px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:100;color:#fff}.testchips{display:flex;gap:4px;position:absolute;bottom:14px;left:18px}.testchips i{width:16px;height:6px;border-radius:2px}.benchright{display:flex;flex-direction:column;gap:12px}.benchpanel{border:1px solid #dce4ee;background:#ffffffdd;border-radius:11px;padding:17px;flex:1}.benchpanel .tiny{font-size:14px;color:#738097}.benchpanel strong{font-size:28px;letter-spacing:-1.4px;display:block;margin-top:7px}.benchpanel strong small{font-size:14px;font-weight:400;color:#66768a;letter-spacing:0}.linechart{height:32px;width:100%;margin-top:6px}.benchpanel .keyboard{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:13px}.keyboard i{height:16px;background:#edf1f8;border:1px solid #d9e0eb;border-radius:3px}.keyboard i:nth-child(3n){background:#d6e4ff;border-color:#9ebdf9}.utilitystrip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:white;padding:17px 0}.utilitystrip .wrap{display:flex;justify-content:space-between;gap:18px;font-size:14px;color:#657184}.utilitystrip span{display:flex;gap:9px;align-items:center}.utilitystrip svg{color:#4671b5;width:16px}.section{padding:44px 0}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.sectionhead p{color:var(--muted);font-size:14px;margin-bottom:0}.sectionhead h2{font-size:29px;margin-bottom:8px}.categorytiles{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.cattile{padding:21px 17px;background:white;border:1px solid #e0e5ec;border-radius:9px;transition:.15s;min-height:149px;display:flex;flex-direction:column;align-items:start}.cattile:hover{border-color:#92adf3;transform:translateY(-3px)}.cattile svg{color:#3866c2;margin-bottom:18px}.cattile strong{font-size:14px;line-height:1.4}.cattile small{font-size:14px;color:#758294;margin-top:5px}.gta-banner{border-radius:15px;background:#111827;position:relative;min-height:325px;overflow:hidden;color:white;display:grid;grid-template-columns:1.2fr 1fr;isolation:isolate}.scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.gta-banner:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c1427f5 0%,#0c1427c4 44%,#0c14270a 100%);z-index:-1}.gta-banner .copy{padding:40px}.gta-banner h2{font-size:43px;letter-spacing:-1.8px;margin:15px 0}.gta-banner h2 span{color:#ffbccf}.gta-banner p{color:#c1c9da;font-size:14px;max-width:370px;line-height:1.7}.gta-banner .eyebrow{color:#ffc0d0}.banner-meta{display:flex;gap:15px;font-size:14px;color:#c4cee0;margin-top:20px}.gta-banner .badge-float{position:absolute;right:28px;bottom:25px;background:#0c1427ba;border:1px solid #ffffff33;backdrop-filter:blur(8px);padding:13px 17px;border-radius:9px;font-size:14px;color:#e1e6f0}.badge-float small{display:block;font-size:14px;color:#abbad3}.quickgrid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:15px}.quickcard{border:1px solid #dfe5ef;border-radius:12px;background:white;padding:26px;min-height:227px;display:flex;flex-direction:column;gap:14px}.quickcard.first{background:#eff4ff;border-color:#d7e3fc}.iconbox{width:39px;height:39px;display:grid;place-items:center;background:#eff4fd;border:1px solid #e0e8f7;border-radius:9px;color:#3467d6;flex-shrink:0}.quickcard.first .iconbox{background:white}.quickcard h3{font-size:19px;margin:0}.quickcard p{font-size:14px;color:#667589;flex:1;margin:0}.quickcard a{font-size:14px;color:#2563eb;font-weight:600}.chip{display:inline-flex;font-size:14px;font-weight:600;padding:4px 8px;border:1px solid #dce2ed;border-radius:5px;color:#6c788c;line-height:1.4}.chip.ready{color:#147356;border-color:#bee7d9;background:#eefaf5}.chip.pending{color:#8a5a26;border-color:#eadac5;background:#fff8ef}.breadcrumb{font-size:14px;color:#768194;padding:25px 0 0}.breadcrumb a{color:#3565c0}.pageintro{padding:27px 0 30px}.pageintro h1{font-size:46px;letter-spacing:-2px;margin:15px 0}.pageintro p{color:var(--muted);max-width:640px;font-size:14px}.cataloglayout{display:grid;grid-template-columns:220px 1fr;gap:28px;margin-bottom:50px}.catalogaside{padding-right:15px}.smallheading{font-size:14px;letter-spacing:1.7px;text-transform:uppercase;color:#7c8798;font-weight:600;margin-bottom:16px}.filterbutton{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;font-size:14px;padding:12px 12px;background:none;border:0;border-radius:7px;margin-bottom:5px}.filterbutton.active{background:#eaf1ff;color:#1e58c7;font-weight:600}.filterbutton small{font-size:14px;color:#7c8ba1}.searchinput{width:100%;border:1px solid #d8e0eb;padding:12px 14px;border-radius:7px;background:white;font-size:14px;color:#24314a}.catalogtop{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px;color:#69768b;font-size:14px}.catalogtop input{max-width:290px}.toolrows{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toolrow{display:flex;gap:14px;align-items:start;padding:18px;background:white;border:1px solid #e0e6ee;border-radius:9px;min-height:118px;transition:.15s}.toolrow:hover{border-color:#9cb7ee;background:#f7f9ff}.toolrow .info{flex:1}.toolrow h3{font-size:14px;line-height:1.5;margin:0 0 5px;letter-spacing:-.1px}.toolrow p{font-size:14px;color:#6b788a;margin:0 0 8px;line-height:1.6}.toolrow .arrow{color:#7490bd;font-size:15px}.empty{padding:30px;border:1px dashed #cad5e6;border-radius:10px;background:#f5f8fd;color:#64748b;font-size:14px;grid-column:1/-1}.catalogaside .note{font-size:14px;color:#7c8798;margin-top:25px;line-height:1.8}.gta-theme{background:var(--gta);color:#f4f3f8;min-height:70vh}.gta-theme .wrap{max-width:1280px}.gta-theme .breadcrumb{color:#9ca6bc}.gta-theme .breadcrumb a{color:#d6b4e4}.gta-subnav{background:#151b2a;border-bottom:1px solid #303448}.gta-subnav .wrap{display:flex;align-items:center;gap:28px;padding-top:12px;padding-bottom:12px;overflow:auto;white-space:nowrap}.gta-subnav .wrap{scrollbar-width:none}.gta-subnav .wrap::-webkit-scrollbar{display:none}.gta-subnav a{font-size:14px;color:#a5aec2}.gta-subnav a:first-child{color:#ffbfd2;font-weight:700;margin-right:auto;letter-spacing:1px}.gta-hero{min-height:415px;position:relative;isolation:isolate;overflow:hidden}.gta-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0f1422e8,#0f14228a 53%,#0f142208),linear-gradient(0deg,#0f1422,transparent 35%);z-index:-1}.gta-hero .scene{object-position:center 58%}.gta-hero .wrap{padding-top:43px;padding-bottom:40px}.gta-hero h1{font-size:65px;line-height:1.02;letter-spacing:-3px;margin:20px 0;max-width:700px}.gta-hero h1 span{color:#ffc2d6}.gta-hero p{max-width:450px;color:#c0c7d9;font-size:14px;margin-bottom:25px}.gta-hero .eyebrow{color:#ffb5cc}.gta-stats{display:flex;gap:28px;font-size:14px;color:#b6bfd2;margin-top:25px}.gta-stats strong{font-size:16px;color:#e3e8f2;margin-right:5px}.gta-dashboard{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;padding:10px 0 35px}.darkpanel{border:1px solid #32394d;background:#181f30;border-radius:12px;padding:25px}.darkpanel h2{font-size:23px;letter-spacing:-.7px}.darkpanel p{font-size:14px;color:#a9b4ca}.darkpanel .eyebrow{color:#9faec8;font-size:14px}.dash-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.tiny-pill{font-size:14px;border:1px solid #425369;border-radius:30px;padding:4px 9px;color:#a4e3d7;background:#24483f33;white-space:nowrap}.calculator-preview{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;margin:23px 0 15px}.calc-pairs{display:flex;gap:20px}.calc-pairs div{border-left:2px solid #4c5571;padding-left:13px;font-size:14px;color:#a8b3c9}.calc-pairs strong{display:block;font-size:18px;color:#f4f2f8;letter-spacing:-.7px}.digital-result{font-size:40px;font-weight:600;letter-spacing:-1.5px;color:#ffd4e1}.digital-result small{font-size:14px;font-weight:400;display:block;color:#9facbf;letter-spacing:0}.inline-warning{border-top:1px solid #313c53;padding-top:13px;font-size:14px;color:#9ba8c1}.checklist-teaser{display:flex;flex-direction:column;gap:10px;margin:20px 0}.checklist-teaser span{display:flex;align-items:center;gap:10px;font-size:14px;color:#bdc9da}.checklist-teaser i{width:15px;height:15px;display:grid;place-items:center;border:1px solid #5e7089;border-radius:4px;font-size:14px;color:#99dfcf;font-style:normal}.checklist-teaser span:first-child i{background:#275b52;border-color:#4c9383}.gta-theme .sectionhead h2{font-size:29px}.gta-theme .sectionhead p{color:#9eabc2}.groupchips{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 23px}.groupchip{border:1px solid #364158;border-radius:30px;padding:9px 13px;background:#192132;color:#b1bfd7;font-size:14px}.groupchip.active{background:#ffd0df;color:#232239;border-color:#ffd0df}.gta-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gta-card{padding:22px;background:#181f30;border:1px solid #303a51;border-radius:11px;display:flex;flex-direction:column;align-items:start;gap:12px;min-height:215px;transition:.15s}.gta-card:hover{border-color:#b77f9c;transform:translateY(-2px)}.gta-card .gta-num{font-size:14px;color:#8290ad;font-family:monospace}.gta-card h3{font-size:16px;letter-spacing:-.3px;line-height:1.35;margin:0}.gta-card p{font-size:14px;color:#a5b0c6;margin:0;flex:1}.gta-card .cardbottom{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:14px;color:#ffd1de}.gta-card .chip{color:#afbbd1;border-color:#3d4961;background:none;font-size:14px}.gta-card .chip.ready{color:#a7e8d7;border-color:#37675c;background:#213f37}.gta-theme .section{padding-top:25px}.legalnote{padding:20px 0 35px;font-size:14px;color:#8998b3;max-width:850px;line-height:1.9}.appheading{padding:28px 0 25px}.appheading h1{font-size:41px;letter-spacing:-1.8px;margin:16px 0}.appheading p{color:#a9b6ce;font-size:14px;max-width:700px}.app-layout{display:grid;grid-template-columns:1fr 300px;gap:20px;padding-bottom:35px}.appbox{border:1px solid #36415a;background:#192132;border-radius:12px;overflow:hidden}.appboxbar{padding:16px 22px;background:#1d273b;border-bottom:1px solid #34415c;display:flex;justify-content:space-between;align-items:center;font-size:14px}.appbody{padding:26px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field label{display:block;font-size:14px;margin-bottom:9px;color:#d7dfed}.field small{display:block;font-size:14px;color:#9aa9c2;margin-top:8px;line-height:1.6}.inputunit{display:flex;align-items:center;border:1px solid #4b5a75;border-radius:7px;background:#111a2b;overflow:hidden}.inputunit input{width:100%;min-width:0;border:0;background:none;padding:14px;color:white;outline-offset:-3px;font-size:20px;font-weight:600}.inputunit span{color:#9dacc3;padding:0 14px;font-size:14px}.field input[type=range]{width:100%;accent-color:#ffb5ce;margin-top:17px}.resultbox{background:linear-gradient(120deg,#273247,#243443);border:1px solid #41556b;border-radius:10px;padding:26px;margin:25px 0 15px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.resultbox .label{font-size:14px;color:#acc1d4}.resultbox .bignum{font-size:49px;line-height:1.2;font-weight:600;letter-spacing:-2px;color:#c3f3e4;display:block;margin:8px 0}.resultbox .subnum{font-size:25px;letter-spacing:-.5px;color:#e4e9f4;margin:17px 0 5px}.meter{height:9px;border-radius:10px;overflow:hidden;background:#101a2b;margin-top:18px}.meter i{display:block;height:100%;width:50%;background:linear-gradient(90deg,#f4a8c4,#93dcca);border-radius:10px}.app-meta{font-size:14px;color:#95a4bd;line-height:1.8}.appside{background:#171f30;border:1px solid #333e56;border-radius:12px;padding:23px;align-self:start}.appside h2{font-size:17px;letter-spacing:-.4px}.appside ol{padding-left:18px;font-size:14px;color:#aebbd1}.appside li{padding:7px 0}.appside .statusbox{padding:14px;border:1px solid #4b4456;background:#36273755;border-radius:7px;font-size:14px;color:#d8bacb;margin-top:20px;line-height:1.8}.appside a{color:#f4bdd6;font-size:14px;display:block;margin:13px 0}.app-reading{max-width:800px;padding-bottom:40px}.app-reading h2{font-size:23px;letter-spacing:-.7px;margin-top:25px}.app-reading p{font-size:14px;color:#a4b2ca;line-height:1.9}.app-reading details{border-bottom:1px solid #364158;padding:15px 0}.app-reading summary{cursor:pointer;color:#dfe5ef;font-size:14px}.save-status{font-size:14px;color:#a9dfcf;min-height:18px}.tasklist{display:flex;flex-direction:column;gap:8px;margin:20px 0}.task{display:flex;align-items:start;gap:12px;border:1px solid #35435c;border-radius:7px;padding:14px;font-size:14px}.task input{accent-color:#9cdec9;width:16px;height:16px;flex-shrink:0}.task.checked{background:#1e3b3655;border-color:#365c52}.task.checked span{text-decoration:line-through;color:#8ca398}.task button{margin-left:auto;background:none;border:0;color:#c9adbf;font-size:14px}.customrow{display:flex;gap:8px}.customrow input{flex:1;background:#111a2b;border:1px solid #465671;border-radius:6px;color:white;padding:11px;min-width:0}.customrow .button{padding:10px 15px}.miniactions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.miniactions button{border:1px solid #46516b;color:#cbd7e8;background:#1b263c;border-radius:5px;padding:8px 12px;font-size:14px}.general-app .appheading p{color:#64748b}.general-app .appbox{background:white;border-color:#dce3ef;color:#172339}.general-app .appboxbar{background:#f4f7fc;border-color:#dce3ef}.screenstage{height:285px;background:#f1f5fc;display:grid;place-items:center;position:relative}.actualscreen{width:126px;height:225px;background:#0000ff;border:6px solid #172339;border-radius:25px;box-shadow:14px 16px 30px #1d3d6a22}.screenstage small{position:absolute;bottom:10px;font-size:14px;color:#71819a}.swatches{display:flex;gap:10px;margin:10px 0 23px}.swatch{height:35px;flex:1;border:1px solid #aab8cd;border-radius:5px}.swatch[aria-pressed=true]{outline:2px solid #2563eb;outline-offset:3px}.general-app .appside{background:#f4f7fb;border-color:#dce3ef}.general-app .appside ol{color:#657184}.general-app .app-meta,.general-app .app-reading p{color:#66768d}.general-app .app-reading h2{color:#172339}.screenoverlay{position:fixed;inset:0;z-index:999;display:none;align-items:end;justify-content:center;padding:30px}.screenoverlay.open{display:flex}.screenoverlay button{background:#0b1220;color:white;border:1px solid #fff;border-radius:6px;padding:10px 18px}.pendingcanvas{min-height:285px;display:grid;place-items:center;padding:35px;background:radial-gradient(#29354b 1px,transparent 1px);background-size:16px 16px;text-align:center}.pendingcanvas .placeholder{max-width:400px}.pendingcanvas .iconbox{margin:0 auto 20px;background:#26334b;border-color:#445572;color:#b3c3dd}.pendingcanvas h2{font-size:23px}.pendingcanvas p{font-size:14px;color:#aab6cc}.pendingcanvas .button{margin-top:15px}.pendingmeta{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}.pendingmeta span{font-size:14px;padding:7px 11px;border:1px solid #3f4b64;border-radius:5px;color:#a1aec4}.sitefooter{padding:36px 0 22px;background:var(--navy);color:#b2bed3;border-top:1px solid #283347}.footergrid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:45px}.sitefooter p{font-size:14px;max-width:300px;color:#8798b2;margin:10px 0}.sitefooter h3{font-size:14px;letter-spacing:1.5px;text-transform:uppercase;color:#d1d9e8;margin:16px 0}.sitefooter a:not(.logo){display:block;font-size:14px;margin:8px 0}.footerbottom{display:flex;justify-content:space-between;gap:20px;margin-top:30px;padding-top:18px;border-top:1px solid #2b3549;font-size:14px;color:#8191ab}.privacyline{font-size:14px;padding:20px;border:1px solid #e1e5ed;background:#f6f8fc;border-radius:8px;color:#66778e}.notice-band{font-size:14px;color:#747f90;background:#f2f4f8;border-bottom:1px solid #e2e7ef;padding:7px;text-align:center}.homecategorysection{padding:30px 0;border-top:1px solid #e4e8ef}.homecategorysection h2{font-size:25px}.general-list-meta{font-size:14px;color:#657184;margin-bottom:20px}.cataloggta{margin-top:18px;padding:20px;background:#172033;border-radius:9px;color:#ffd0df;display:block;font-size:14px}.cataloggta small{display:block;font-size:14px;color:#aeb9d0;margin-top:5px}
@media(min-width:1500px){.intro{padding-top:70px;padding-bottom:65px}.gta-hero{min-height:450px}}@media(max-width:1050px){.wrap{padding:0 28px}.topbar{padding:5px 28px;gap:18px}.branddescriptor{display:none}.categorynav .inner{padding:0 20px}.navgroup summary{font-size:14px;padding:14px 9px;gap:7px}.intro{gap:30px}.intro h1{font-size:53px}.workbench{height:335px;padding:16px}.phone-test{height:237px}.mini-phone{height:150px}.benchpanel{padding:12px}.categorytiles{gap:7px}.cattile{padding:17px 12px}.gta-list{grid-template-columns:1fr 1fr}.app-layout{grid-template-columns:1fr 250px}.gta-hero h1{font-size:57px}.cataloglayout{grid-template-columns:190px 1fr;gap:20px}.gta-dashboard{grid-template-columns:1.2fr 1fr}.digital-result{font-size:31px}}
@media(max-width:700px){.wrap{padding:0 20px}.topbar{padding:3px 16px;min-height:66px;gap:12px}.logo{width:145px;height:52px}.topactions{gap:12px;font-size:14px}.topactions .gta-link{padding:6px 10px}.topactions a:not(.gta-link){display:none}.categorynav .inner{padding:0;grid-template-columns:1fr 1fr}.navgroup{position:static}.navgroup summary{font-size:14px;min-height:43px;padding:11px 14px;border-bottom:1px solid #2c3648;white-space:normal}.navgroup:last-child{grid-column:1/-1}.navgroup:last-child summary{justify-content:start;gap:15px}.navgroup[open]{grid-column:1/-1}.dropdown,.navgroup:last-child .dropdown{position:static;width:auto;max-height:300px;box-shadow:none;border-radius:0}.intro{display:block;padding:35px 0 28px}.intro h1{font-size:45px;letter-spacing:-2.6px;margin:18px 0}.intro p{font-size:14px;line-height:1.7;margin-bottom:22px}.intro .actions{gap:9px}.button{font-size:14px;padding:11px 14px;min-height:42px}.intro-note{font-size:14px;gap:13px;margin-top:17px}.workbench{height:250px;max-width:440px;margin:28px 0 0;padding:14px}.benchcontent{margin-top:10px;gap:10px;grid-template-columns:1fr 1fr}.phone-test{height:190px;padding:12px}.mini-phone{width:70px;height:129px;border-radius:17px;margin-top:8px}.mini-phone:before{left:17px;width:28px;height:7px}.mini-phone .cross{inset:25px 10px}.testchips{bottom:10px;left:12px}.testchips i{width:12px;height:5px}.benchright{gap:8px}.benchpanel{padding:10px}.benchpanel strong{font-size:23px}.benchpanel .keyboard{gap:3px;margin-top:8px}.keyboard i{height:12px}.linechart{height:23px}.utilitystrip .wrap{flex-wrap:wrap;justify-content:start;gap:10px 20px;font-size:14px}.utilitystrip .wrap span:last-child{display:none}.utilitystrip{padding:12px 0}.section{padding:30px 0}.sectionhead{align-items:start;gap:15px;margin-bottom:20px}.sectionhead h2{font-size:25px}.sectionhead p{font-size:14px}.sectionhead .textlink{font-size:14px;white-space:nowrap;margin-top:8px}.categorytiles{grid-template-columns:1fr 1fr;gap:9px}.cattile{min-height:120px;padding:16px}.cattile strong{font-size:14px}.cattile small{font-size:14px}.cattile svg{margin-bottom:12px}.cattile:last-child{grid-column:1/-1;min-height:65px;flex-direction:row;align-items:center;gap:12px}.cattile:last-child svg{margin:0}.cattile:last-child small{margin-left:auto}.gta-banner{display:block;min-height:350px;border-radius:12px}.gta-banner .copy{padding:28px 23px}.gta-banner h2{font-size:35px;letter-spacing:-1.7px}.gta-banner:before{background:linear-gradient(90deg,#0c1427e6,#0c14277a),linear-gradient(0deg,#0c1427aa,transparent)}.gta-banner p{font-size:14px;max-width:270px}.gta-banner .badge-float{display:none}.banner-meta{font-size:14px;gap:12px}.quickgrid{grid-template-columns:1fr}.quickcard{min-height:0;padding:22px;gap:12px}.pageintro{padding:22px 0}.pageintro h1{font-size:35px;letter-spacing:-1.6px}.cataloglayout{display:block}.catalogaside{padding:0;margin-bottom:20px}.catalogaside .smallheading{margin-bottom:9px}.filterbutton{display:inline-flex;width:auto;padding:8px 10px;font-size:14px;border:1px solid #dde4ef;margin-right:4px;gap:7px;margin-bottom:6px}.catalogaside .note{display:none}.cataloggta{margin-top:10px;padding:13px}.catalogtop{flex-wrap:wrap;font-size:14px}.catalogtop input{max-width:none}.toolrows{grid-template-columns:1fr}.toolrow{min-height:100px;padding:16px}.toolrow h3{font-size:14px}.gta-subnav .wrap{gap:20px;padding-top:11px;padding-bottom:11px}.gta-subnav a{font-size:14px}.gta-hero{min-height:380px}.gta-hero .wrap{padding-top:33px;padding-bottom:30px}.gta-hero h1{font-size:47px;letter-spacing:-2.5px;max-width:350px}.gta-hero p{font-size:14px;max-width:290px}.gta-hero .scene{object-position:63% center}.gta-hero:before{background:linear-gradient(90deg,#0f1422e6,#0f14227a),linear-gradient(0deg,#0f1422,transparent 40%)}.gta-stats{gap:16px;font-size:14px;flex-wrap:wrap}.gta-stats strong{font-size:14px}.gta-dashboard{grid-template-columns:1fr;padding-bottom:23px;gap:13px}.darkpanel{padding:22px}.darkpanel h2{font-size:22px}.calculator-preview{gap:12px}.calc-pairs{gap:15px}.calc-pairs strong{font-size:16px}.digital-result{font-size:31px}.gta-list{grid-template-columns:1fr}.gta-card{padding:20px;min-height:0;gap:10px}.gta-card h3{font-size:16px}.gta-card p{font-size:14px}.groupchips{gap:6px}.groupchip{font-size:14px;padding:8px 11px}.gta-theme .sectionhead h2{font-size:25px}.gta-theme .sectionhead p{font-size:14px}.legalnote{font-size:14px}.appheading h1{font-size:32px;letter-spacing:-1.4px}.appheading{padding:25px 0 20px}.appheading p{font-size:14px}.app-layout{grid-template-columns:1fr;gap:15px}.appbody{padding:20px}.appboxbar{padding:14px 17px;font-size:14px}.formgrid{gap:15px}.field label{font-size:14px}.inputunit input{font-size:20px;padding:12px}.inputunit span{font-size:14px;padding:0 10px}.field small{font-size:14px}.resultbox{padding:20px;gap:18px;grid-template-columns:1fr;margin-top:20px}.resultbox .bignum{font-size:43px}.resultbox .subnum{font-size:22px;margin:7px 0}.app-reading h2{font-size:21px}.appside{padding:20px}.appside ol{font-size:14px}.task{font-size:14px;padding:12px}.screenstage{height:285px}.screenstage small{font-size:14px}.pendingcanvas{min-height:300px;padding:25px}.pendingcanvas h2{font-size:21px}.pendingcanvas p{font-size:14px}.footergrid{grid-template-columns:1fr 1fr;gap:22px}.footergrid>div:first-child{grid-column:1/-1}.sitefooter .logo{width:160px;height:55px}.footerbottom{display:block;font-size:14px}.footerbottom span{display:block;margin:6px 0}.homecategorysection h2{font-size:23px}.notice-band{font-size:14px;padding:7px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* Design 05: one visual standard across every workspace */
:root{--paper:#f5f6fa;--blue:#3768f6}body{background:#f8f9fc}.topbar{min-height:78px}.categorynav{background:#111b2d}.categorynav .inner{grid-template-columns:1.08fr 1.34fr 1.23fr 1.23fr .7fr}.navgroup summary{font-size:14px;min-height:50px}.dropdown{width:430px;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:3px}.dropdown a{font-size:14px;line-height:1.5}.dropdown .catlink,.dropdown .gtaentry{grid-column:1/-1}.siteheader{border-bottom:1px solid #ffffff0d}.hero5{position:relative;isolation:isolate;overflow:hidden;background:#0b142a;color:#fff;min-height:525px}.hero5 .heroimage{position:absolute;z-index:-3;inset:0 0 0 auto;width:72%;height:100%;object-fit:cover;object-position:center 60%}.hero5:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0b142a 1%,#0b142af5 24%,#0b142a8a 45%,#0b142a00 66%),linear-gradient(0deg,#0b142ab0,transparent 30%)}.hero5 .wrap{padding-top:58px;padding-bottom:118px;position:relative}.hero5 h1{font-size:76px;line-height:1.01;letter-spacing:-4.7px;max-width:640px;margin:24px 0}.hero5 h1 span{color:#a9bffd}.hero5 p{max-width:390px;color:#b8c5df;font-size:15px;line-height:1.8;margin-bottom:25px}.hero5 .eyebrow{color:#afc8ff;font-size:14px}.hero5 .button{background:#e3ebff;color:#102044;border-color:#e3ebff}.hero5 .button.light{background:#ffffff09;border-color:#ffffff45;color:#d7e5ff}.hero5 .intro-note{color:#8399bc;font-size:14px}.herodock{position:relative;margin-top:-55px;z-index:2;display:grid;grid-template-columns:1.2fr 1fr 1fr;border:1px solid #dde5f2;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 15px 40px #10255210}.herodock a{padding:22px 24px;display:flex;gap:15px;align-items:center;border-right:1px solid #e4e9f1;transition:background .2s}.herodock a:last-child{border:0}.herodock a:hover{background:#edf3ff}.herodock small{font-size:14px;color:#7789a6;display:block;letter-spacing:1px;text-transform:uppercase}.herodock strong{font-size:14px;display:block;margin-top:5px;line-height:1.4}.herodock .iconbox{width:40px;height:40px;background:#edf3ff}.herodock .arrow{margin-left:auto;font-size:17px;color:#5575bb}.heading5{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:26px}.heading5 h2{font-size:36px;letter-spacing:-1.6px;margin:12px 0 10px}.heading5 p{font-size:14px;max-width:530px;color:#728097;margin:0}.heading5 .textlink{white-space:nowrap}.workspacegrid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.workspacecard{border:1px solid #dce4ef;border-radius:14px;overflow:hidden;position:relative;background:#fff;min-height:350px}.workspacecard .copy{padding:30px;position:relative;z-index:2;max-width:370px}.workspacecard h3{font-size:29px;letter-spacing:-1.3px;margin:15px 0;line-height:1.1}.workspacecard p{font-size:14px;line-height:1.8;color:#6f809c;max-width:270px}.workspacecard.phonezone{background:linear-gradient(125deg,#eaf1ff,#f7faff);grid-row:span 2;min-height:490px}.phonezone .phonevisual{position:absolute;right:45px;bottom:-35px;width:165px;height:320px;border:7px solid #1a2d4d;border-radius:34px;background:linear-gradient(150deg,#516df7,#afd8ff);transform:rotate(12deg);box-shadow:-20px 25px 55px #23456a22}.phonevisual:before{content:'';position:absolute;left:48px;right:48px;top:8px;height:15px;border-radius:20px;background:#182d4c}.phonevisual:after{content:'+';color:#e7f4ff80;font-size:70px;font-weight:100;position:absolute;top:100px;left:52px}.phonezone .minilinks{position:absolute;left:30px;bottom:28px;z-index:3;display:flex;flex-direction:column;gap:12px;font-size:14px;color:#315bb5}.workspacecard.hardwarezone{min-height:235px;background:#101d34;color:#fff}.hardwarezone h3{max-width:270px}.hardwarezone p{color:#a1b3d1}.hardwarezone .textlink{color:#b2cbff}.keyvisual{position:absolute;right:20px;bottom:25px;width:145px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;transform:rotate(-10deg)}.keyvisual i{height:30px;display:grid;place-items:center;background:#263954;border:1px solid #4b5c79;color:#b5c9f1;font-size:14px;border-radius:5px;font-style:normal;box-shadow:0 3px #08101d}.workspacecard.creatorzone{min-height:235px;background:#f3effb}.creatorzone .copy{max-width:330px}.creatorzone .pixelvisual{display:grid;grid-template-columns:repeat(4,20px);gap:4px;position:absolute;right:25px;bottom:35px;transform:rotate(7deg)}.pixelvisual i{width:20px;height:20px;background:#cbb5f2;border-radius:3px}.pixelvisual i:nth-child(3n){background:#91b9ef}.pixelvisual i:nth-child(4n){background:#ecc7df}.makerstrip{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #e0e4ee;border-radius:11px;background:#fff;padding:23px 28px}.makerstrip h3{font-size:18px;margin:0 0 6px}.makerstrip p{font-size:14px;color:#738199;margin:0}.makerstrip .textlink{white-space:nowrap}.gta5-wrap{background:#11182b;color:#fff;padding:48px 0 44px;margin-top:20px}.gta5-wrap .heading5 h2{color:#fff}.gta5-wrap .heading5 p{color:#adb9d0}.gta5-wrap .eyebrow{color:#ffb6cd}.gta5-wrap .heading5 .textlink{color:#f5bbce}.gta5-cover{position:relative;isolation:isolate;overflow:hidden;min-height:320px;border:1px solid #394053;border-radius:13px;margin-bottom:17px}.gta5-cover .scene{object-position:center 60%}.gta5-cover:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#11192bf0,#11192b8f 50%,transparent);z-index:-1}.gta5-cover .copy{padding:35px;max-width:530px}.gta5-cover h3{font-size:43px;letter-spacing:-1.7px;margin:15px 0;line-height:1.05}.gta5-cover h3 span{color:#ffc1d5}.gta5-cover p{font-size:14px;color:#c5cede;max-width:360px;line-height:1.8}.gta5-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.gta5-tool{display:block;background:#1b2439;border:1px solid #38425a;border-radius:10px;padding:23px;transition:.15s}.gta5-tool:hover{background:#253047;border-color:#ad829c;transform:translateY(-3px)}.gta5-tool .smallheading{font-size:14px;color:#9daecb;margin:0 0 13px}.gta5-tool h3{font-size:18px;line-height:1.3;margin:0 0 11px;letter-spacing:-.4px}.gta5-tool p{font-size:14px;color:#aebbd2;margin:0 0 20px;line-height:1.8}.gta5-tool .bottom{display:flex;justify-content:space-between;align-items:center;color:#ffd1de;font-size:14px}.gta5-tool .iconbox{float:right;background:#29334a;border-color:#44506b;color:#e5bbd1;width:34px;height:34px}.gta5-secondary{display:flex;justify-content:space-between;gap:20px;font-size:14px;color:#aebbd1;margin-top:20px}.gta5-secondary a{color:#ffd0df}.categorydirectory5{background:#fff;border:1px solid #e0e6ef;border-radius:12px;overflow:hidden}.categorydirectory5 details{border-bottom:1px solid #e0e6ef}.categorydirectory5 details:last-child{border-bottom:0}.categorydirectory5 summary{padding:22px 25px;display:flex;align-items:center;gap:15px;font-size:14px;font-weight:bold;list-style:none;cursor:pointer}.categorydirectory5 summary::-webkit-details-marker{display:none}.categorydirectory5 summary span{margin-left:auto;font-size:14px;font-weight:400;color:#7787a1}.categorydirectory5 .toolrows{padding:0 25px 25px}.categorydirectory5 .toolrow{min-height:100px}.section{padding:48px 0}.pageintro{position:relative;padding:36px 0}.pageintro h1{font-size:53px;letter-spacing:-2.5px;max-width:800px}.cataloglayout{gap:30px}.catalogaside .filterbutton{padding:14px 12px}.catalogtop{padding:15px;border:1px solid #e0e5ee;border-radius:10px;background:white;margin-bottom:13px}.toolrow{box-shadow:0 3px 10px #1b345403;min-height:130px;padding:22px}.toolrow h3{font-size:14px}.toolrow .iconbox{border-radius:11px;width:42px;height:42px}.toolrow p{font-size:14px}.gta-hero{min-height:460px}.gta-hero .wrap{padding-top:48px;padding-bottom:60px}.gta-hero h1{font-size:75px;letter-spacing:-4px}.gta-hero .scene{object-position:center 62%}.gta-hero:before{background:linear-gradient(90deg,#0f1422f2,#0f14229c 45%,#0f142205),linear-gradient(0deg,#0f1422,transparent 38%)}.gta-subnav{background:#151b2d}.gta-subnav a{font-size:14px}.gta-dashboard{grid-template-columns:1.35fr 1fr 1fr;gap:15px;padding:0 0 35px}.gta-dashboard .darkpanel{padding:24px}.gta-dashboard .darkpanel h2{font-size:23px;line-height:1.15}.gta-dashboard .calculator-preview{display:block;margin:20px 0}.gta-dashboard .digital-result{margin-top:18px;font-size:39px}.gta-dashboard .calc-pairs{gap:15px}.gta-dashboard .button{font-size:14px;min-height:39px;padding:10px 13px}.storage-ring{width:104px;height:104px;display:grid;place-items:center;margin:22px auto;border-radius:50%;background:conic-gradient(#9fe3cf 0 50%,#303e57 50% 100%);position:relative}.storage-ring:before{content:'';position:absolute;inset:9px;background:#181f30;border-radius:50%}.storage-ring strong{z-index:1;font-size:22px;letter-spacing:-.8px;text-align:center}.storage-ring strong small{display:block;font-size:14px;color:#a3b4ce;letter-spacing:0;font-weight:400}.gta-card{min-height:235px;box-shadow:inset 0 1px #ffffff03}.gta-card h3{font-size:17px}.gta-card .gta-num{font-size:14px;color:#91a1be}.gta-card:hover{background:#20283d}.groupchip{font-size:14px;padding:10px 14px}.appbox{box-shadow:0 18px 45px #00000012}.appheading h1{font-size:46px;line-height:1.08}.appside{padding:25px}.app-reading p{font-size:14px}.general-app{background:#f5f7fc;padding-bottom:12px}.general-app .appheading{padding-top:35px}.general-app .appheading h1{max-width:900px}.general-app .appheading .eyebrow{color:#3768f6}.general-app .appboxbar{background:#101f39;color:#e4edff;border-color:#2a3f61}.general-app .appbox{border:1px solid #d9e2f1;border-radius:13px;box-shadow:0 15px 35px #29447108}.general-app .app-layout{grid-template-columns:minmax(0,1fr) 280px}.general-app .appbody{padding:28px}.general-app .inputunit{background:#f5f8ff;border-color:#ccd8ee}.general-app .inputunit input{color:#1c345c}.general-app .inputunit span{color:#7588a4}.general-app .field label{color:#233a60}.general-app .field small{color:#7a8ca8}.general-app .appside{background:white;border-color:#dae3ef}.general-app .appside h2{line-height:1.25;color:#223959}.general-app .appside p{font-size:14px;color:#73829a;line-height:1.8}.general-app .appside a{color:#3062ce;border-top:1px solid #e2e8f1;padding-top:14px}.general-app .appside .statusbox{color:#786857;background:#faf6ef;border-color:#e8ddca}.general-app .resultbox{background:linear-gradient(120deg,#152b4f,#1e4066);border:0;color:white}.general-app .resultbox .label{color:#a7c2e3}.general-app .resultbox .bignum{color:#c6e6ff}.general-app .resultbox .subnum{color:white}.general-app .resultbox .app-meta{color:#a9c0da}.general-app .app-reading{max-width:850px}.general-app .app-reading h2{font-size:24px}.general-app .app-reading p{font-size:14px}.general-app .screenstage{background:radial-gradient(ellipse at 50% 60%,#d4e5ff,#f5f8fe 70%);height:300px}.keyboardCanvas{padding:24px 12px;border:1px solid #d7e1f0;background:#eaf0fa;border-radius:12px;outline-offset:3px}.keyboardCanvas:focus{outline:2px solid #719af6}.kbrow{display:flex;gap:5px;justify-content:center;margin:6px 0}.kbkey{height:40px;flex:1;max-width:48px;display:grid;place-items:center;border:1px solid #becce0;border-radius:6px;background:#fff;color:#526682;font-size:14px;box-shadow:0 3px #cbd6e7;transition:.08s;min-width:0}.kbkey.wide{flex:1.6;max-width:73px;font-size:14px}.kbkey.space{flex:6;max-width:285px}.kbkey.seen{background:#dbe8ff;border-color:#87aaf3;color:#2c59b5}.kbkey.held{background:#3768f6;border-color:#3768f6;color:white;transform:translateY(2px);box-shadow:0 1px #244fb2}.kbstats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.kbstat{padding:17px;background:#f5f8fd;border:1px solid #e0e7f1;border-radius:8px;font-size:14px;color:#7588a5}.kbstat strong{font-size:24px;display:block;color:#23416f;margin-top:6px;letter-spacing:-.8px}.kbdintro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;font-size:14px;color:#7c8daa}.kbdintro .button{font-size:14px;padding:8px 11px;min-height:34px}.general-app .empty{margin:0;background:#f8faff;border-color:#d9e3f4}.specactions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.specstage{min-height:235px;display:grid;place-items:center;background:radial-gradient(#dae4f2 1px,transparent 1px);background-size:18px 18px;border-bottom:1px solid #e1e8f2}.specstage .specsymbol{width:90px;height:90px;border-radius:22px;display:grid;place-items:center;border:1px solid #d6e2f6;background:#edf4ff;color:#4876d8;box-shadow:0 15px 30px #26467510}.specsymbol svg{width:40px;height:40px}.specbadge{font-size:14px;letter-spacing:1.3px;text-transform:uppercase;color:#8394ad;margin-top:18px;text-align:center}.general-app .specprose{font-size:14px;line-height:1.9;color:#637793}.general-app .app-meta{font-size:14px}.hero5 .hero-shortcuts{display:none}
@media(max-width:1050px){.navgroup summary{font-size:14px}.hero5 h1{font-size:65px}.hero5{min-height:500px}.hero5 .heroimage{width:82%;object-position:60% center}.hero5 .wrap{padding-top:50px}.herodock a{padding:19px}.workspacecard .copy{padding:25px}.workspacecard.phonezone{min-height:490px}.phonezone .phonevisual{right:18px;width:145px;height:290px}.gta-dashboard{grid-template-columns:1fr 1fr}.gta-dashboard .darkpanel:first-child{grid-column:1/-1}.gta-dashboard .calculator-preview{display:grid;grid-template-columns:1fr 1fr}.gta-dashboard .digital-result{margin:0}.general-app .app-layout{grid-template-columns:minmax(0,1fr) 240px}.kbkey{height:34px;font-size:14px}.keyboardCanvas{padding:20px 8px}.kbrow{gap:3px}.general-app .appbody{padding:22px}.gta-hero h1{font-size:65px}.gta5-tools{gap:10px}.gta5-tool{padding:20px}}
@media(max-width:700px){.navgroup summary{font-size:14px}.topbar{min-height:64px}.dropdown{display:block;padding:12px;width:auto}.hero5{min-height:630px}.hero5 .heroimage{width:100%;height:360px;inset:auto 0 0;object-position:62% 55%;opacity:.88}.hero5:before{background:linear-gradient(180deg,#0b142a 0%,#0b142a 35%,#0b142a6a 65%,#0b142a05 100%)}.hero5 .wrap{padding-top:34px;padding-bottom:260px}.hero5 h1{font-size:51px;letter-spacing:-3px;max-width:350px;margin:20px 0}.hero5 p{font-size:14px;max-width:310px;line-height:1.7;margin-bottom:22px}.hero5 .eyebrow{font-size:14px;letter-spacing:1.7px}.hero5 .button{font-size:14px;padding:11px 13px}.hero5 .intro-note{font-size:14px;margin-top:16px;gap:12px}.herodock{grid-template-columns:1fr;margin-top:-27px;border-radius:10px}.herodock a{padding:15px 18px;border-right:0;border-bottom:1px solid #e4e9f1;gap:12px}.herodock .iconbox{height:32px;width:32px}.herodock strong{font-size:14px;margin-top:2px}.herodock small{font-size:14px}.heading5{align-items:start;margin-bottom:22px}.heading5 h2{font-size:29px;letter-spacing:-1.2px;margin-top:11px}.heading5 p{font-size:14px}.heading5 .textlink{font-size:14px;margin-top:9px}.section{padding:34px 0}.workspacegrid{grid-template-columns:1fr;gap:12px}.workspacecard.phonezone{min-height:390px;grid-row:auto}.workspacecard .copy{padding:24px}.workspacecard h3{font-size:28px;max-width:270px}.workspacecard p{font-size:14px;max-width:230px}.phonezone .phonevisual{width:130px;height:250px;right:22px;bottom:-25px;border-width:6px}.phonevisual:before{left:35px;right:35px;height:11px}.phonevisual:after{font-size:60px;top:85px;left:40px}.phonezone .minilinks{left:24px;bottom:25px;font-size:14px;gap:11px;max-width:140px}.workspacecard.hardwarezone,.workspacecard.creatorzone{min-height:230px}.hardwarezone .copy,.creatorzone .copy{max-width:285px}.keyvisual{width:100px;right:18px;bottom:20px;gap:4px}.keyvisual i{height:24px;font-size:14px}.creatorzone .pixelvisual{grid-template-columns:repeat(4,15px);gap:3px;right:22px;bottom:25px}.pixelvisual i{width:15px;height:15px}.makerstrip{padding:21px;display:block}.makerstrip h3{font-size:19px}.makerstrip p{font-size:14px;margin-bottom:12px}.gta5-wrap{padding:34px 0;margin-top:0}.gta5-cover{min-height:345px}.gta5-cover .copy{padding:25px}.gta5-cover h3{font-size:36px;letter-spacing:-1.8px}.gta5-cover p{font-size:14px;max-width:260px}.gta5-cover:before{background:linear-gradient(90deg,#11192beb,#11192b85)}.gta5-tools{grid-template-columns:1fr;gap:10px}.gta5-tool{padding:20px}.gta5-tool h3{font-size:18px;margin-bottom:9px}.gta5-tool p{font-size:14px;margin-bottom:14px}.gta5-secondary{display:block;font-size:14px;margin-top:18px}.gta5-secondary a{display:block;margin-top:10px}.categorydirectory5 summary{padding:18px;font-size:14px;gap:10px}.categorydirectory5 summary svg{width:18px}.categorydirectory5 summary span{font-size:14px}.categorydirectory5 .toolrows{padding:0 12px 15px}.categorydirectory5 .toolrow{padding:15px}.pageintro h1{font-size:35px;letter-spacing:-1.5px}.catalogtop{padding:12px}.toolrow{padding:18px;min-height:110px}.toolrow h3{font-size:14px}.gta-hero{min-height:400px}.gta-hero .wrap{padding-top:35px;padding-bottom:38px}.gta-hero h1{font-size:48px;letter-spacing:-2.5px}.gta-hero .button{font-size:14px}.gta-subnav a{font-size:14px}.gta-dashboard{grid-template-columns:1fr;gap:12px}.gta-dashboard .darkpanel:first-child{grid-column:auto}.gta-dashboard .calculator-preview{grid-template-columns:1fr auto;gap:13px}.gta-dashboard .digital-result{font-size:29px}.gta-dashboard .calc-pairs{gap:12px}.gta-dashboard .calc-pairs strong{font-size:14px}.gta-dashboard .darkpanel{padding:22px}.gta-dashboard .darkpanel h2{font-size:24px}.storage-ring{float:right;width:95px;height:95px;margin:0 0 15px 20px}.gta-dashboard .darkpanel:nth-child(2){min-height:210px}.gta-card{min-height:0}.gta-card h3{font-size:17px}.groupchip{font-size:14px;padding:9px 12px}.appheading h1{font-size:33px;letter-spacing:-1.5px}.general-app .app-layout{grid-template-columns:1fr}.general-app .appbody{padding:20px}.general-app .appheading{padding-top:25px}.general-app .app-reading h2{font-size:22px}.general-app .app-reading p{font-size:14px}.general-app .appside{padding:22px}.kbrow{gap:3px;margin:5px 0}.kbkey{font-size:14px;height:31px;border-radius:4px}.kbkey.wide{font-size:14px}.keyboardCanvas{padding:14px 5px}.kbstats{gap:7px}.kbstat{padding:12px 9px;font-size:14px}.kbstat strong{font-size:20px}.kbdintro{font-size:14px;gap:12px}.kbdintro .button{font-size:14px;padding:7px 9px}.specstage{min-height:200px}.general-app .specprose{font-size:14px}.specactions .button{font-size:14px}.appside .statusbox{font-size:14px}.general-app .screenstage{height:290px}.gta5-cover .button{font-size:14px}}
@media(max-width:700px){.categorynav .inner{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.navgroup summary{font-size:14px;min-height:45px;padding:12px 14px}.navgroup:last-child{grid-column:1/-1}.dropdown{display:block;width:auto}.navgroup[open]{grid-column:1/-1}}

/* Mobile navigation: compact sticky header, native accessible modal drawer. */
.mobile-menu-toggle{display:none}.mobile-menu{border:0;padding:0;color:#e5edf9;background:#101a2c;max-width:none;max-height:none;width:min(430px,100%);height:100dvh;inset:0 0 0 auto;margin:0;box-shadow:-20px 0 70px #0005;overflow:hidden}.mobile-menu[open]{display:flex;flex-direction:column}.mobile-menu::backdrop{background:#050c1bbd;backdrop-filter:blur(3px)}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;border-bottom:1px solid #30405b;background:#0b1425;flex-shrink:0;min-height:74px;padding-top:max(16px,env(safe-area-inset-top));}.mobile-menu-top>span{font-size:16px;font-weight:650;letter-spacing:-.4px}.mobile-menu-close{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:80px;padding:10px 12px;background:#1d2a40;border:1px solid #3a4a64;border-radius:7px;color:#dce7f8;font-size:14px}.mobile-menu-content{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:22px 20px max(28px,env(safe-area-inset-bottom));scrollbar-width:thin;scrollbar-color:#4d6387 #101a2c}.mobile-menu-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.mobile-menu-quick a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:49px;border:1px solid #394d6f;border-radius:8px;padding:12px 14px;font-size:14px;color:#c9dcff;background:#1b2b45}.mobile-menu-quick a.gta-quick{background:#34263c;border-color:#63445a;color:#ffd0df}.mobile-menu-label{font-size:14px;letter-spacing:1.7px;text-transform:uppercase;color:#8ea3c3;margin:0 0 10px}.mobilegroup{margin:0;border:0;border-bottom:1px solid #2d3d56}.mobilegroup summary{min-height:61px;padding:15px 0;display:flex;align-items:center;gap:13px;list-style:none;cursor:pointer;color:#e1e9f6;font-size:14px;font-weight:600;letter-spacing:-.1px;line-height:1.4}.mobilegroup summary::-webkit-details-marker{display:none}.mobilegroup summary>svg{flex-shrink:0;color:#8faddf}.mobilegroup summary .mobile-chevron{margin-left:auto;font-size:16px;font-weight:400;color:#8ca3c6;flex-shrink:0;transition:transform .15s}.mobilegroup[open] summary{color:#bcd4ff}.mobilegroup[open] summary .mobile-chevron{transform:rotate(180deg)}.mobilegroup .mobile-tool-links{padding:2px 0 16px 34px}.mobile-tool-links a{display:flex;align-items:start;gap:9px;padding:13px 9px 13px 0;min-height:45px;font-size:14px;line-height:1.5;color:#b5c7e1;overflow-wrap:anywhere}.mobile-tool-links a:hover{color:#fff}.mobile-tool-links a span{flex:1}.mobile-tool-links a .live-dot{width:5px;height:5px;flex:0 0 5px;background:#89d8be;border-radius:50%;margin-top:7px}.mobile-tool-links a.category-more{border-top:1px solid #2d3d56;color:#a9c8ff;font-weight:600;margin-top:5px;padding-top:17px}.mobile-gta-groups{border:1px solid #4d3b53;border-radius:8px;background:#201d30;margin:12px 0;padding:12px 13px}.mobile-gta-groups>strong{font-size:14px;color:#ecc0d5;display:block;margin-bottom:7px}.mobile-gta-groups a{font-size:14px;min-height:41px;color:#c8b9d4;padding:10px 0}.mobile-menu-footer{margin-top:27px;display:flex;gap:20px;flex-wrap:wrap;font-size:14px;color:#8da5c8}.mobile-menu-note{margin-top:20px;color:#728aaf;font-size:14px;line-height:1.8}.mobile-menu-toggle:focus-visible,.mobile-menu-close:focus-visible,.mobile-menu a:focus-visible,.mobile-menu summary:focus-visible{outline:3px solid #8fb8ff;outline-offset:3px}
@media(max-width:700px){html{scroll-padding-top:80px}.siteheader{position:sticky;top:0;z-index:80;background:#0b1425;box-shadow:0 4px 16px #020a1b26;border-bottom:1px solid #2a3b56}.siteheader .topbar{min-height:64px;padding:5px 16px;padding-top:max(5px,env(safe-area-inset-top));display:flex;gap:10px;justify-content:space-between}.siteheader .logo{width:130px;height:48px}.siteheader .branddescriptor{display:none}.siteheader .topactions{margin-left:auto;gap:0}.siteheader .topactions a:not(.gta-link){display:none}.siteheader .topactions .gta-link{display:inline-flex;align-items:center;min-height:38px;padding:8px 10px;font-size:14px;white-space:nowrap}.siteheader .topactions .dot{width:4px;height:4px;margin-right:5px}.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:71px;min-height:44px;border:1px solid #3b4f70;border-radius:7px;background:#182741;color:#e2ecff;padding:10px;font-size:14px;font-weight:600;flex-shrink:0}.siteheader>.categorynav{display:none}.gta-subnav{display:none}.breadcrumb{scroll-margin-top:80px}.hero5 .wrap{padding-top:32px}.screenoverlay{z-index:200}}
@media(max-width:360px){.siteheader .logo{width:111px}.siteheader .topbar{padding-left:12px;padding-right:12px;gap:8px}.siteheader .topactions .gta-link{font-size:14px;padding:8px}.mobile-menu-toggle{min-width:66px;padding:9px 8px;font-size:14px}}

/* Shared readable typography for both the review and standalone pages. */
:root{--muted:#475569;--ink:#142035}
body{font-size:16px;line-height:1.65}
p{line-height:1.75}
button,.button,input,select,textarea,summary{font-size:15px}
.button{min-height:46px}
:where(.intro p,.pageintro p,.appheading p,.specprose,.tool-guide p,.tool-guide li,.app-reading p){font-size:16px!important;line-height:1.8}
:where(.app-meta,.field small,.breadcrumb,.chip,.tiny-pill,.eyebrow,.smallheading,.legalnote,.save-status,.inline-warning,.topactions,.branddescriptor,.intro-note,.footerbottom,.sitefooter p,.sitefooter a,.sitefooter h3,.appboxbar,.statusbox,.pendingmeta,.catalogtop,.catalogaside .note,.filterbutton,.toolrow p,.toolrow h3,.gta-card p,.gta-card .cardbottom,.gta-card .gta-num,.gta-stats,.groupchip,.banner-meta,.utilitystrip .wrap){font-size:14px!important}
:where(.field label,.inputunit span,.appside p,.appside a,.appside ol,.app-reading summary,.resultbox .label,.task,.customrow input,.miniactions button,.mobilegroup summary,.mobilegroup a,.mobile-menu-quick a,.mobile-menu-footer a){font-size:15px!important}
.navgroup summary{font-size:14px;white-space:normal;line-height:1.4;min-height:56px;padding:12px 9px}
.dropdown a{font-size:15px;line-height:1.5}.dropdown .catlink{font-size:14px}.branddescriptor{max-width:240px}.topbar{gap:22px}
.general-app :is(.app-meta,.field small,.app-reading p,.appside p,.specprose),.muted,.pageintro p,.intro p,.toolrow p{color:#475569!important}
.general-app .field label{color:#24344d}.general-app .inputunit span{color:#475569}.general-app .appside .statusbox{color:#59432b}
.general-app .app-reading summary{color:#24344d}.general-app .breadcrumb{color:#475569}.general-app .chip{color:#41516a}
.general-app .resultbox :is(.label,.app-meta){color:#dbeafe!important}
.gta-theme{color:#f8fafc}
.gta-theme :is(p,small,label,li,.app-meta,.field small,.legalnote,.save-status,.inline-warning,.pendingmeta,.gta-stats,.gta-num,.groupchip,.breadcrumb){color:#d7e2f2!important}
.gta-theme :is(h1,h2,h3,strong,.appboxbar,.task span,.app-reading summary){color:#f8fafc}
.gta-theme a:not(.button){color:#ffd1e0}
.gta-theme .resultbox :is(.label,.app-meta){color:#e0ebf9!important}
.gta-theme .resultbox .bignum{color:#c6f7e7}
.gta-theme .groupchip.active{color:#242039!important}.gta-theme .chip,.gta-theme .tiny-pill{color:#ddf5ee}
.gta-theme .inputunit span{color:#d7e2f2}.gta-theme input::placeholder{color:#bbc9dd;opacity:1}
.siteheader .branddescriptor,.siteheader .topactions,.sitefooter :is(p,a,.footerbottom){color:#cbd5e1}
.mobile-menu :is(p,small,.smallheading){color:#ccd8ec!important}.mobile-menu a{color:#eef4ff}.mobile-menu .mobile-menu-note{font-size:14px;color:#ccd8ec}
.tool-guide{max-width:920px;margin:0 auto;padding:12px 0 52px;scroll-margin-top:90px}
.tool-guide h2{font-size:28px;letter-spacing:-.6px;line-height:1.3;margin:28px 0 16px}
.tool-guide h3{font-size:20px;line-height:1.4;margin-top:24px}
.tool-guide ol{padding-left:25px}.tool-guide li{padding:5px 0}
.tool-guide .guide-example{background:#eaf0fb;border-left:4px solid #3469ca;border-radius:6px;padding:22px;margin:24px 0;color:#20354f}
.tool-guide .guide-related{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px}.tool-guide a{text-decoration:underline;text-underline-offset:4px;color:#1d4ed8}
.gta-theme .tool-guide{color:#e5edf8}.gta-theme .tool-guide .guide-example{background:#202d43;color:#eef4ff;border-color:#f5b7d0}
@media(max-width:900px){.branddescriptor{display:none}.topactions{gap:15px}.navgroup summary{font-size:14px}.categorynav .inner{padding:0 20px}}
@media(max-width:700px){body{font-size:16px}.topbar{gap:10px}.tool-guide{padding-bottom:35px}.tool-guide h2{font-size:25px}.tool-guide .guide-example{padding:18px}.appheading h1{font-size:34px;line-height:1.12;overflow-wrap:break-word}.gta-theme .appheading h1{font-size:34px}.appside h2{font-size:22px}.toolrow{min-width:0}.toolrow .info{min-width:0}.gta-stats{flex-wrap:wrap}.topactions .gta-link{font-size:12px}.mobile-menu-toggle{font-size:14px}.resultbox{overflow-wrap:anywhere}.appboxbar{flex-wrap:wrap;gap:8px}}
@media(max-width:700px){.topbar{padding:4px 12px;gap:8px}.topbar .logo{width:118px;height:48px}.topactions{gap:0}.topactions .gta-link{font-size:12px;padding:8px}.mobile-menu-toggle{padding:10px;gap:6px;min-height:44px;font-size:14px}}

html{scroll-padding-top:90px}.siteheader{position:sticky;top:0;z-index:80;box-shadow:0 4px 16px #020a1b26}.branddescriptor{display:none}
@media(max-width:1279px){html{scroll-padding-top:80px}.siteheader{position:sticky;top:0;z-index:80;background:#0b1425;box-shadow:0 4px 16px #020a1b26;border-bottom:1px solid #2a3b56}.siteheader .topbar{min-height:64px;padding:5px 16px;padding-top:max(5px,env(safe-area-inset-top));display:flex;gap:10px;justify-content:space-between}.siteheader .logo{width:130px;height:48px}.siteheader .branddescriptor{display:none}.siteheader .topactions{margin-left:auto;gap:0}.siteheader .topactions a:not(.gta-link){display:none}.siteheader .topactions .gta-link{display:inline-flex;align-items:center;min-height:38px;padding:8px 10px;font-size:14px;white-space:nowrap}.siteheader .topactions .dot{width:4px;height:4px;margin-right:5px}.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:71px;min-height:44px;border:1px solid #3b4f70;border-radius:7px;background:#182741;color:#e2ecff;padding:10px;font-size:14px;font-weight:600;flex-shrink:0}.siteheader>.categorynav{display:none}.gta-subnav{display:none}.breadcrumb{scroll-margin-top:80px}.hero5 .wrap{padding-top:32px}.screenoverlay{z-index:200}}
@media(min-width:1280px){
.siteheader{display:flex;align-items:center;gap:clamp(12px,1.5vw,28px);padding:8px clamp(20px,3vw,56px);min-height:80px}
.siteheader .topbar{display:contents}.siteheader .logo{order:0;width:150px;height:54px}.siteheader .categorynav{order:1;flex:1;min-width:0;border:0;background:transparent}.siteheader .categorynav .inner{display:flex;align-items:center;justify-content:center;max-width:none;padding:0;gap:2px}.siteheader .navgroup{min-width:0}.siteheader .navgroup summary{white-space:nowrap;min-height:52px;padding:12px 9px;font-size:14px;gap:6px}.siteheader .topactions{order:2;margin-left:0;gap:14px;flex-shrink:0;white-space:nowrap}.siteheader .topactions .gta-link{padding:8px 10px}.siteheader .mobile-menu-toggle{display:none}.siteheader .dropdown{max-width:calc(100vw - 40px)}.siteheader .navgroup:nth-last-child(-n+2) .dropdown{left:auto;right:0}}
@media(min-width:701px) and (max-width:1279px){.siteheader .topbar{max-width:none;padding:8px 24px;min-height:72px}.siteheader .logo{width:150px;height:52px}.mobile-menu{max-width:480px}.wrap{padding-left:clamp(20px,3vw,42px);padding-right:clamp(20px,3vw,42px)}}

@media(min-width:1280px) and (max-width:1450px){.siteheader{gap:12px;padding-left:20px;padding-right:20px}.siteheader .navgroup summary{padding-left:6px;padding-right:6px;gap:5px}.siteheader .topactions{gap:10px}}

/* Personal GTA workspaces: readable inputs, responsive comparison and export. */
.personal-workspace .personal-summary{display:flex;flex-wrap:wrap;gap:10px 24px;padding:22px;background:#202e46;border:1px solid #4a607d;border-radius:12px;margin:24px 0}.personal-summary strong{font-size:24px}.personal-summary span{color:#e2ecfc}.personal-workspace .field{margin-bottom:16px}.personal-workspace .field>input,.personal-workspace select{width:100%;min-height:48px;background:#17243a;border:1px solid #657a9a;border-radius:7px;color:#f8fafc;padding:12px}.personal-workspace .field>label{display:block;margin-bottom:7px}.personal-form-title{font-size:22px;margin-top:28px}.personal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.personal-entry{background:#17243a;border:1px solid #4b607c;border-radius:12px;padding:22px;min-width:0;overflow-wrap:anywhere}.personal-entry h3{font-size:22px;line-height:1.4}.personal-entry dl{margin:16px 0;display:grid;gap:12px}.personal-entry dt{color:#c2d1e8;font-size:14px}.personal-entry dd{margin:2px 0 0;color:#fff;font-size:16px;white-space:pre-wrap}.personal-verdict{border-top:1px solid #4a607d;padding-top:14px}.personal-entry .miniactions{flex-wrap:wrap}.personal-workspace button:disabled{opacity:.45;cursor:default}.personal-empty{padding:28px;border:1px dashed #657a9a;border-radius:12px;color:#dce8f9}.personal-workspace .miniactions{display:flex;flex-wrap:wrap;gap:10px}.personal-workspace #pg-cancel[hidden]{display:none}.personal-workspace #pg-cancel{margin-left:8px}.personal-workspace .save-status{min-height:28px}.personal-workspace #pc-canvas{display:block;width:100%;height:auto;border-radius:12px;margin-top:24px;border:1px solid #586b88}.personal-workspace .appbody>p{color:#e2eaf8!important}.personal-workspace .appbox{min-width:0}
@media(max-width:850px){.personal-list{grid-template-columns:1fr}.personal-workspace .app-layout{grid-template-columns:1fr}.personal-workspace .appbody{padding:20px}.personal-workspace .formgrid{grid-template-columns:1fr}.personal-workspace .appboxbar{flex-wrap:wrap;gap:8px}}

.device-lab #lab-video,.device-lab #lab-image{display:block;width:100%;height:auto;max-height:65vh;object-fit:contain;background:#13223a;border-radius:12px;margin:22px 0}.device-lab #lab-video{min-height:240px}.device-lab .lab-controls{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.device-lab .lab-meter{height:24px;border-radius:20px;background:#dce6f5;overflow:hidden}.device-lab .lab-meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,#16806d,#2563eb);transition:width .08s}.device-lab .lab-reading{padding:22px 0;font-size:20px;font-weight:600;overflow-wrap:anywhere}.device-lab progress{width:100%;height:24px}.device-lab .lab-pattern-preview{height:260px;margin:20px 0;border:1px solid #62728a;border-radius:12px}.device-lab .lab-color-result{display:flex;gap:18px;align-items:center;margin:22px 0;overflow-wrap:anywhere}.device-lab #lab-swatch{width:64px;height:64px;flex-shrink:0;border:1px solid #657795;border-radius:10px}.device-lab button:disabled{opacity:.5;cursor:default}.device-lab [hidden]{display:none!important}.device-lab #lab-status{min-height:32px;margin-top:18px}.lab-screen-overlay{position:fixed;inset:0;z-index:300;background:#fff;display:block}.lab-screen-controls{display:flex;gap:10px;flex-wrap:wrap;padding:12px;position:absolute;top:0;left:0;background:#101b30ee;border-radius:0 0 10px 0}.lab-screen-controls button,.lab-screen-controls select{min-height:44px;background:#fff;color:#172339;padding:10px;border:1px solid #75849e;border-radius:6px;font-size:15px}.lab-screen-controls button:focus-visible,.lab-screen-controls select:focus-visible{outline:3px solid #ffbc49;outline-offset:3px}
@media(max-width:850px){.device-lab .app-layout{grid-template-columns:1fr}.device-lab .appbody{padding:20px}.device-lab .formgrid{grid-template-columns:1fr}.device-lab .appboxbar{flex-wrap:wrap;gap:8px}}

.device-lab #lab-image{max-height:none;cursor:crosshair}.lab-screen-overlay{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:0}.lab-screen-overlay::backdrop{background:#000}

.ready-workspace .field>select{display:block;width:100%;min-height:48px;background:#17243a;color:#fff;border:1px solid #657a9a;border-radius:7px;padding:10px}.ready-workspace .ready-result{margin:22px 0;padding:22px;border:1px solid #506b8d;background:#1b2d47;border-radius:12px;overflow-wrap:anywhere;color:#f3f7ff}.ready-result strong{display:block;font-size:24px;line-height:1.4}.ready-result p:last-child{margin-bottom:0}.ready-countdown{display:block;font-size:clamp(24px,4vw,42px);font-weight:700;color:#bdf6e6;margin:20px 0;line-height:1.35}.ready-sources{padding:20px;border-top:1px solid #536682;margin-top:30px}.ready-sources li{margin:10px 0}.ready-sources small{display:block}.ready-workspace .ready-sources p{font-size:14px}.ready-event{border-left:2px solid #8de1cf;margin:20px 0;padding:6px 20px}.ready-event time{color:#c9d5e9}.ready-event h3{font-size:19px;line-height:1.4;margin:8px 0}.ready-table-wrap{max-width:100%;overflow:auto;margin-top:20px}.ready-table-wrap table{border-collapse:collapse;width:100%;min-width:480px;color:#f3f7ff}.ready-table-wrap caption{text-align:left;padding:12px 0;color:#d6e3f7}.ready-table-wrap td,.ready-table-wrap th{border:1px solid #536888;padding:13px;text-align:left;font-size:15px}.ready-table-wrap thead{background:#293954}.ready-table-wrap tbody th{color:#dfebfc;font-weight:500}.ready-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:24px 0}.ready-dashboard-card{padding:22px;border:1px solid #526887;border-radius:12px;background:#17263b;min-width:0;overflow-wrap:anywhere}.ready-dashboard-card h3{font-size:21px;line-height:1.4}.ready-widgets{padding:18px;border:1px solid #526887;border-radius:10px}.ready-widgets summary{cursor:pointer}.ready-widgets #rd-widgets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.ready-widgets label{display:flex;gap:8px}.ready-tasks{display:grid;gap:12px;margin:24px 0}.ready-task{display:flex;gap:14px;align-items:start;padding:17px;background:#202d43;border:1px solid #506683;border-radius:9px}.ready-task input,.ready-widgets input{width:20px;height:20px;flex-shrink:0;accent-color:#98e9d8;margin-top:3px}.ready-workspace [hidden]{display:none!important}
@media(max-width:850px){.ready-dashboard{grid-template-columns:1fr}.ready-workspace .app-layout,.ready-workspace .formgrid{grid-template-columns:1fr}.ready-widgets #rd-widgets{grid-template-columns:1fr}.ready-workspace .appbody{padding:20px}.ready-result strong{font-size:21px}}
@media(max-width:700px){.siteheader .topbar{padding-left:12px;padding-right:12px;gap:6px}.siteheader .logo{width:clamp(90px,30vw,118px);height:48px}.siteheader .topactions{gap:0}.siteheader .topactions .gta-link{font-size:12px!important;padding:8px 9px;white-space:nowrap}.siteheader .mobile-menu-toggle{min-width:66px;padding:9px;gap:4px;font-size:14px}.siteheader .topactions .dot{margin-right:4px}}

.world-workspace .appbox{margin-bottom:30px}.world-availability{padding:22px 26px;border:1px solid #547395;border-left:4px solid #93e3d0;background:#192b42;border-radius:12px;margin:0 0 24px}.world-availability p:last-child{margin-bottom:0}.world-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.world-toolbar .field{min-width:0}.world-workspace .field select{width:100%;min-height:46px;background:#19283f;color:#fff;border:1px solid #657a99;border-radius:7px;padding:11px}.world-check,.world-editor-options label{display:flex;align-items:start;gap:10px;padding:10px 0}.world-check input,.world-editor-options input{width:20px;height:20px;flex-shrink:0;accent-color:#94e5d0}.world-editor{padding:22px;border:1px solid #596f8e;border-radius:12px;margin:24px 0}.world-editor summary{cursor:pointer;font-weight:700;font-size:18px}.world-editor form{margin-top:24px}.world-editor .field{margin-bottom:16px}.world-editor #wf-requires{min-height:120px}.world-records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.world-record{padding:22px;background:#17253b;border:1px solid #4f6687;border-radius:12px;min-width:0;overflow-wrap:anywhere}.world-record-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#d5e3f6;font-size:13px;margin-bottom:16px}.world-record h3{font-size:22px;line-height:1.3}.world-record dl{display:grid;gap:12px}.world-record dt{font-size:14px;color:#b9cbe5}.world-record dd{margin:3px 0 0;color:#f6f9ff;font-size:16px}.world-record .world-notes{white-space:pre-wrap}.world-record .world-state{font-weight:700;color:#bbf3e1!important}.world-record .miniactions{margin:18px 0}.world-record button,.world-plan button,.world-selected button,.world-workspace .miniactions>button{min-height:44px;background:#263952;border:1px solid #7186a4;border-radius:6px;color:#f3f7ff;padding:9px 12px}.world-record button:hover,.world-plan button:hover{background:#364e6c}.world-map-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.world-map-controls .field{flex:1;min-width:180px}.world-map-scroll{max-width:100%;height:min(65vh,640px);overflow:auto;border:1px solid #6b83a3;border-radius:12px;background:#132139}.world-map-scroll svg{display:block;max-width:none;min-height:280px;cursor:crosshair}.world-map-scroll svg g{cursor:pointer}.world-map-scroll svg g:focus circle{stroke:#fff;stroke-width:6}.world-selected,.world-plan{padding:22px;border:1px solid #4c6686;border-radius:12px;background:#19283f;margin:20px 0}.world-plan h2{font-size:24px}.world-plan li{padding:14px 0;border-bottom:1px solid #445a78}.world-plan .miniactions{margin-top:12px}.world-workspace .world-editor-options{display:flex;gap:22px;flex-wrap:wrap}.world-workspace .guide-related{display:flex;gap:18px;flex-wrap:wrap}.world-workspace .ready-table-wrap{margin:20px 0}.world-workspace .app-reading{padding-top:32px}.world-workspace .chip{white-space:normal}.world-workspace #ww-save-status{scroll-margin-top:100px}
@media(max-width:1050px){.world-records{grid-template-columns:repeat(2,minmax(0,1fr))}.world-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.world-records,.world-toolbar,.world-workspace .formgrid{grid-template-columns:1fr}.world-workspace .appbody{padding:18px}.world-record{padding:20px}.world-availability{padding:20px}.world-editor{padding:18px}.world-map-scroll{height:380px}.world-map-controls .field{min-width:0;flex-basis:100%}.world-workspace .appboxbar{flex-wrap:wrap;gap:8px}.world-workspace .ready-table-wrap table{min-width:600px}}

/* Owner-supplied OGadget identity. Keep the original asset proportions. */
.logo picture{display:block;width:100%;height:100%}.logo img{object-fit:contain;object-position:left center}.sitefooter .logo{width:200px;height:46px}
@media(min-width:1451px){.siteheader .logo{width:200px;height:46px}}
@media(min-width:1280px) and (max-width:1450px){.siteheader .logo{width:180px;height:46px}}

/* One fluid desktop composition, shared by the approved preview and WordPress. */
@media(min-width:1280px){
 :root{--page-max:clamp(1280px,90vw,1840px);--page-gutter:clamp(32px,3vw,64px)}
 .wrap,.gta-theme .wrap{width:100%;max-width:var(--page-max);padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
 .siteheader{padding-left:max(24px,calc((100vw - var(--page-max))/2 + var(--page-gutter)));padding-right:max(24px,calc((100vw - var(--page-max))/2 + var(--page-gutter)))}
 .siteheader .logo{width:clamp(180px,10.5vw,220px);height:auto;aspect-ratio:480/110}
 .siteheader .categorynav .inner{gap:clamp(2px,.6vw,14px)}
 .siteheader .navgroup summary{font-size:clamp(14px,.8vw,16px);padding-left:clamp(6px,.6vw,13px);padding-right:clamp(6px,.6vw,13px)}
 .hero5{min-height:clamp(550px,34vw,760px)}
 .hero5 .wrap{padding-top:clamp(58px,4.3vw,100px);padding-bottom:clamp(120px,7vw,160px)}
 .hero5 h1{font-size:clamp(76px,5vw,112px);max-width:850px;letter-spacing:-.055em}
 .hero5 p{font-size:clamp(16px,.96vw,19px);max-width:480px}
 .hero5 .heroimage{width:min(75vw,2100px);right:max(0px,calc((100vw - 2700px)/2));object-position:center 58%}
 .heading5 h2{font-size:clamp(36px,2.5vw,48px)}
 .heading5 p{font-size:17px;max-width:650px}
 .workspacecard .copy{max-width:540px}
 .app-layout,.general-app .app-layout{grid-template-columns:minmax(0,1fr) clamp(280px,21vw,360px);gap:clamp(24px,2.4vw,48px)}
 .app-layout>*{min-width:0}
 .appbody{padding:clamp(24px,2vw,40px)}
 .gta-hero{min-height:clamp(440px,29vw,660px)}
 .gta-hero h1{font-size:clamp(65px,4.8vw,98px);max-width:960px}
 .gta-hero .wrap{padding-top:clamp(48px,4vw,88px);padding-bottom:clamp(60px,4vw,90px)}
 .gta5-cover{min-height:clamp(330px,23vw,480px)}
 .gta5-cover .copy{padding:clamp(35px,3vw,64px);max-width:650px}
 .gta5-cover h3{font-size:clamp(43px,3.2vw,62px)}
 .gta5-cover p{font-size:17px;max-width:460px}
 .gta5-tool{padding:clamp(24px,2vw,36px)}
 .gta5-tool h3{font-size:clamp(19px,1.15vw,23px)}
 .section{padding-top:clamp(44px,3.6vw,76px);padding-bottom:clamp(44px,3.6vw,76px)}
}
@media(min-width:1280px) and (max-width:1550px){
 .siteheader{padding-left:20px;padding-right:20px;gap:12px}
 .siteheader .logo{width:180px}.siteheader .navgroup summary{padding-left:6px;padding-right:6px;font-size:14px}.siteheader .categorynav .inner{gap:2px}
}
.editorial-guide{padding:56px 0 72px;border-top:1px solid #e1e5eb;background:#fff;color:#24344d}
.editorial-copy{max-width:860px;margin:0 auto;font-size:17px;line-height:1.85}
.editorial-copy h2{font-size:clamp(28px,2.4vw,40px);line-height:1.2;letter-spacing:-.035em;margin:18px 0 24px}
.editorial-copy h3{font-size:23px;line-height:1.35;margin:34px 0 14px;letter-spacing:-.015em}
.editorial-copy p,.editorial-copy li{font-size:17px;line-height:1.85}.editorial-copy li{margin-bottom:12px}
.editorial-copy .editorial-lead{font-size:19px;line-height:1.8}.editorial-copy ol{padding-left:24px}
.editorial-faq details{border-top:1px solid #d5deea;padding:18px 0}.editorial-faq summary{font-size:17px;font-weight:600;line-height:1.6;cursor:pointer;min-height:44px}.editorial-faq details p{margin:14px 0 0}
.editorial-related{display:flex;flex-wrap:wrap;gap:12px 24px;padding:0;list-style:none}.editorial-related a{color:#1e58bd;text-decoration:underline;text-underline-offset:4px}
.editorial-dark{background:#0f1422;color:#d7e2f2;border-color:#34435b}.editorial-dark :is(h2,h3,summary){color:#f5f8ff}.editorial-dark .eyebrow{color:#ffc2d6}.editorial-dark .editorial-faq details{border-color:#40516c}.editorial-dark .editorial-related a{color:#ffc2d6}
@media(max-width:700px){.editorial-guide{padding:34px 0 42px}.editorial-copy h3{font-size:21px}.editorial-copy .editorial-lead{font-size:18px}.editorial-related{display:block}.editorial-copy ol{padding-left:22px}}


/* Keep interactive controls compact; article typography and full-screen tests stay independent. */
.appheading{padding:18px 0 18px}
.appheading h1{font-size:clamp(28px,2.5vw,36px);line-height:1.15;margin:10px 0 12px;letter-spacing:-.035em}
.appheading p{margin-bottom:10px;line-height:1.6}
.general-app .breadcrumb,.gta-theme .breadcrumb{padding-top:16px;line-height:1.5}
.appboxbar{padding:11px 18px;min-height:44px;gap:10px}
.appbody,.personal-workspace .appbody,.ready-workspace .appbody,.world-workspace .appbody,.device-lab .appbody{padding:20px}
.app-layout{padding-bottom:24px}
.formgrid{gap:14px 18px}
.field label{margin-bottom:6px;line-height:1.4}
.field small{margin-top:5px;line-height:1.45}
.inputunit input{padding:9px 12px;min-height:44px;font-size:18px;line-height:1.35}
.inputunit span{padding:0 10px}
.searchinput{padding:10px 12px;min-height:44px}
.personal-workspace .field{margin-bottom:10px}
.personal-workspace .field>input,.personal-workspace select,.ready-workspace .field>select,.world-workspace .field select{min-height:44px;padding:9px 11px}
.resultbox{padding:16px 18px;margin:16px 0 10px;gap:12px 22px;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));align-items:start}
.resultbox .bignum{font-size:clamp(30px,2.6vw,40px);margin:6px 0;letter-spacing:-.04em}
.resultbox .subnum{margin:8px 0 4px;font-size:24px}
#workResults .subnum{font-size:clamp(22px,1.8vw,28px)!important;margin-top:6px!important}
.appside{padding:18px}.appside ol{margin-top:12px;margin-bottom:12px}.appside li{padding:4px 0}.appside .statusbox{padding:12px;margin-top:14px}
.personal-workspace .personal-summary{padding:14px 18px;margin:16px 0;gap:8px 20px}.personal-summary strong{font-size:22px}
.personal-form-title{font-size:20px;margin:18px 0 12px}.personal-list{margin-top:16px;gap:12px}
.personal-entry{padding:16px}.personal-entry dl{margin:12px 0;gap:8px}
.miniactions,.personal-workspace .miniactions{margin-top:14px;gap:8px}
.ready-workspace .ready-result{padding:14px 18px;margin:16px 0}.ready-result strong{font-size:22px}
.world-availability{padding:12px 18px;margin-bottom:16px}.world-availability p{margin:6px 0 0;line-height:1.55}
.world-toolbar{gap:10px 16px}.world-check,.world-editor-options label{padding:6px 0}
.world-map-scroll{height:clamp(240px,42vh,420px)}
.world-editor{padding:16px;margin:16px 0}.world-editor form{margin-top:16px}.world-editor .field{margin-bottom:10px}
.world-record{padding:16px}.world-record dl{gap:8px}.world-record-heading{margin-bottom:10px}.world-record .miniactions{margin-top:12px}
.world-selected,.world-plan{padding:16px;margin:14px 0}.world-workspace .appbox{margin-bottom:20px}
.device-lab .lab-controls{margin:16px 0;gap:10px}.device-lab .lab-pattern-preview{height:180px;margin:14px 0}
.device-lab #lab-video{min-height:180px;max-height:min(40vh,360px);margin:14px 0}
.device-lab #lab-image,.personal-workspace #pc-canvas{width:auto;max-width:100%;height:auto;max-height:clamp(220px,40vh,400px);margin:16px auto;object-fit:contain}
.device-lab .lab-reading{padding:14px 0}.device-lab #lab-status{margin-top:12px;min-height:24px}
.screenstage{height:220px}.actualscreen{width:100px;height:180px;border-width:5px;border-radius:20px}
@media(min-width:1100px){
 .formgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .formgrid:not(:has(>.field:nth-child(3))){grid-template-columns:repeat(2,minmax(0,1fr))}
 .world-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1800px){.formgrid:has(>.field:nth-child(4)),.world-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){
 .formgrid{grid-template-columns:1fr}
 .appheading{padding:14px 0}.appheading h1,.gta-theme .appheading h1{font-size:28px}
 .appbody,.personal-workspace .appbody,.ready-workspace .appbody,.world-workspace .appbody,.device-lab .appbody{padding:16px}
 .inputunit input,.personal-workspace .field>input,.personal-workspace select,.ready-workspace .field>select,.world-workspace .field select{font-size:16px;min-height:44px}
 .world-map-scroll{height:300px}.resultbox{padding:16px;gap:14px}
}

body.admin-bar .siteheader{top:32px}@media(max-width:782px){body.admin-bar .siteheader{top:46px}}@media(max-width:600px){body.admin-bar .siteheader{top:0}}