@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');
:root{--ink:#081321;--paper:#f2f4ef;--muted:#83909a;--lime:#d7f36b;--blue:#a8d5ec;--coral:#ef8d73;--line:rgba(242,244,239,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',Arial,sans-serif;line-height:1.5}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.shell{max-width:1160px;margin:0 auto;padding-left:28px;padding-right:28px}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--paper);font-weight:700;text-decoration:none;letter-spacing:-.03em;font-size:18px}.brand-mark{display:inline-flex;align-items:end;gap:3px;width:24px;height:24px;padding:3px;background:var(--lime);border-radius:50%}.brand-mark i{display:block;background:var(--ink);width:4px;border-radius:4px}.brand-mark i:nth-child(1){height:8px}.brand-mark i:nth-child(2){height:14px}.brand-mark i:nth-child(3){height:18px}.site-header nav,.site-footer div{display:flex;align-items:center;gap:30px}.site-header nav a,.site-footer a{color:#b8c2c6;text-decoration:none;font-size:13px}.site-header nav a:hover,.site-footer a:hover{color:var(--lime)}.nav-cta{border:1px solid var(--line);padding:11px 16px;border-radius:30px;color:var(--paper)!important}.nav-cta span{color:var(--lime);margin-left:8px}.hero{min-height:650px;display:grid;grid-template-columns:48% 52%;align-items:center;padding-top:48px;padding-bottom:80px}.eyebrow{font:500 11px/1 'DM Mono',monospace;letter-spacing:.13em;text-transform:uppercase;color:var(--lime);margin:0 0 24px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:8px;box-shadow:0 0 0 4px rgba(215,243,107,.13)}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:500;letter-spacing:-.065em;line-height:.94;margin-bottom:27px}h1{font-size:clamp(62px,8vw,108px)}h2{font-size:clamp(49px,6vw,76px)}em{font-family:Fraunces,Georgia,serif;font-weight:500;color:var(--blue)}.hero-text{max-width:500px;font-size:17px;color:#aebac0;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:36px}.button{display:inline-flex;align-items:center;gap:25px;border-radius:28px;padding:15px 20px;text-decoration:none;font-weight:700;font-size:14px}.button-primary{background:var(--lime);color:var(--ink)}.button-light{background:var(--paper);color:var(--ink)}.button span{font-size:20px;line-height:0}.text-link{color:var(--paper);font-size:13px;text-decoration:none;border-bottom:1px solid #59656b;padding-bottom:4px}.text-link span{color:var(--lime);padding-left:7px;font-size:17px}.compatibility{font:11px 'DM Mono',monospace;color:#68767e;margin-top:34px}.compatibility span{color:var(--lime);font-size:17px;vertical-align:-2px}.hero-art{height:510px;position:relative}.globe{position:absolute;width:370px;height:370px;border:1px solid rgba(168,213,236,.45);border-radius:50%;right:40px;top:44px;overflow:hidden;background:radial-gradient(circle at 35% 30%,rgba(168,213,236,.22),transparent 55%)}.globe:before,.globe:after{content:'';position:absolute;border:1px solid rgba(168,213,236,.27);border-radius:50%;inset:31px 95px}.globe:after{inset:95px 31px}.latitude,.longitude{position:absolute;border:1px solid rgba(215,243,107,.35);border-radius:50%}.lat-one{inset:104px -20px}.lat-two{inset:175px -20px}.long-one{inset:-20px 145px}.long-two{inset:-20px 70px}.globe-pin{position:absolute;top:106px;left:192px;color:var(--lime);font-size:30px;text-shadow:0 0 25px var(--lime)}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:130px;height:130px;right:0;top:5px;background:rgba(239,141,115,.13)}.orb-two{width:90px;height:90px;left:54px;bottom:30px;background:rgba(215,243,107,.12)}.feed-card{position:absolute;background:rgba(14,29,45,.94);border:1px solid rgba(168,213,236,.22);border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.25);padding:17px;width:285px}.card-main{right:0;top:116px;transform:rotate(3deg)}.card-muted{left:0;bottom:45px;opacity:.78;transform:rotate(-5deg)}.card-top{display:flex;align-items:center;gap:9px;font-size:12px}.card-top small{display:block;color:#7a8991;font:10px 'DM Mono',monospace;margin-top:2px}.avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;font-weight:700;color:var(--ink)}.avatar-coral{background:var(--coral)}.avatar-blue{background:var(--blue)}.card-more{margin-left:auto;color:#6b7c83}.feed-card p{font-size:13px;line-height:1.45;margin:17px 0;color:#d1d9d9}.feed-card strong{color:var(--lime);font-weight:500}.card-meta{border-top:1px solid var(--line);padding-top:11px;display:flex;justify-content:space-between;color:#718089;font:10px 'DM Mono',monospace}.filter-chip{position:absolute;right:13px;bottom:16px;background:var(--lime);color:var(--ink);font:11px 'DM Mono',monospace;padding:10px 13px;border-radius:5px;box-shadow:0 8px 20px rgba(0,0,0,.2)}.filter-chip b{margin-left:9px}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}.ticker-track{display:flex;justify-content:space-around;align-items:center;gap:50px;padding:17px 0;color:#73818a;font:10px 'DM Mono',monospace;letter-spacing:.1em}.ticker b{color:var(--lime);font-size:18px}.feature-section{padding-top:120px;padding-bottom:135px}.section-intro{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:36px;align-items:end;margin-bottom:65px}.section-intro .eyebrow{align-self:start;margin-top:12px}.section-intro h2{margin-bottom:0}.section-intro>p:last-child{color:#94a1a7;font-size:14px;line-height:1.7;margin-bottom:5px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{min-height:340px;padding:28px 26px;border:1px solid var(--line);border-radius:4px;position:relative}.feature-card.featured{background:var(--lime);color:var(--ink);border-color:var(--lime)}.feature-number{font:10px 'DM Mono',monospace;color:#71818a}.featured .feature-number{color:#657026}.feature-icon{font-size:45px;font-weight:300;margin:37px 0 26px;color:var(--lime)}.featured .feature-icon{color:var(--ink)}h3{font-size:21px;letter-spacing:-.04em;margin-bottom:12px}.feature-card p{color:#91a0a6;font-size:13px;line-height:1.65;max-width:280px}.featured p{color:#4e5b25}.feature-card a{position:absolute;bottom:27px;color:var(--paper);font-size:12px;text-decoration:none}.featured a{color:var(--ink)}.feature-card a span{padding-left:8px}.privacy-section{background:#0d1b2b;padding:112px 0}.privacy-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.privacy-copy{max-width:470px;padding-top:42px}.privacy-copy>p{font-size:20px;line-height:1.55;color:#cad2d1;margin-bottom:40px}.privacy-points{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:29px;display:flex;flex-direction:column;gap:14px;color:#9cabb0;font:12px 'DM Mono',monospace}.privacy-points b{font-weight:400;color:var(--lime);margin-right:15px}.install-section{padding-top:120px;padding-bottom:120px}.install-panel{background:var(--coral);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:60px 65px;border-radius:5px}.install-panel .eyebrow{color:#263a40}.install-panel h2{margin-bottom:0}.install-side{max-width:340px;padding-top:10px}.install-side p{font-size:17px;line-height:1.5;margin-bottom:28px}.install-side small{display:block;font:10px/1.5 'DM Mono',monospace;margin-top:18px;opacity:.65}.site-footer{border-top:1px solid var(--line);min-height:95px;display:flex;align-items:center;justify-content:space-between;color:#718088;font-size:11px}.site-footer .brand{font-size:15px}.site-footer>span{margin-left:auto;margin-right:45px}@media(max-width:800px){.site-header nav a:not(.nav-cta){display:none}.hero{display:block;padding-top:65px}.hero-art{margin-top:40px;height:420px;transform:scale(.88);transform-origin:left top}.section-intro{grid-template-columns:1fr;gap:20px}.section-intro h2{font-size:57px}.feature-grid,.privacy-layout,.install-panel{grid-template-columns:1fr}.privacy-layout{gap:15px}.privacy-copy{padding-top:0}.install-panel{gap:30px;padding:42px 30px}.site-footer{gap:15px;flex-wrap:wrap;padding-top:25px;padding-bottom:25px}.site-footer>span{margin:0}.site-footer div{gap:15px}}@media(max-width:470px){.shell{padding-left:20px;padding-right:20px}.site-header{height:75px}.nav-cta{padding:9px 11px!important}.hero{padding-top:50px}.hero h1{font-size:58px}.hero-text{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.hero-art{width:440px;transform:scale(.7);margin-top:20px;margin-bottom:-100px}.feature-section,.install-section{padding-top:80px;padding-bottom:80px}.feature-grid{gap:10px}.feature-card{min-height:300px}.privacy-section{padding:80px 0}.privacy-copy>p{font-size:17px}}
/* Focused extension preview */
.hero-art{height:420px;display:grid;place-items:center;position:relative}.extension-preview{width:340px;border:1px solid rgba(168,213,236,.3);border-radius:9px;background:#102237;box-shadow:18px 22px 65px rgba(0,0,0,.3);overflow:hidden;transform:rotate(2deg)}.preview-header{height:62px;padding:0 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;font-size:15px}.preview-header .brand-mark{width:22px;height:22px}.preview-menu{margin-left:auto;color:#7a8b93;letter-spacing:2px;font-size:11px}.preview-status{margin:20px;padding:14px;border-radius:6px;background:rgba(215,243,107,.1);display:flex;align-items:center;gap:10px}.status-check{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--lime);color:var(--ink);font-size:13px}.preview-status b{font-size:12px;display:block}.preview-status small{display:block;color:#8fa0a7;font:9px 'DM Mono',monospace;margin-top:3px}.toggle,.mini-toggle{width:29px;height:16px;border-radius:20px;background:#4d5c64;margin-left:auto;padding:2px}.toggle i,.mini-toggle i{display:block;width:12px;height:12px;border-radius:50%;background:#aab5b8}.toggle{background:var(--lime)}.toggle i,.mini-toggle.on i{background:var(--ink);margin-left:13px}.preview-label{margin:28px 20px 10px;color:#7f929b;font:9px 'DM Mono',monospace;letter-spacing:.08em}.location-row{display:flex;align-items:center;gap:10px;margin:0 20px;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.remove{margin-left:auto;color:#72838a;font-size:18px}.add-location{margin:14px 20px 17px;border:1px dashed #47606c;border-radius:5px;background:transparent;color:var(--lime);font:10px 'DM Mono',monospace;padding:11px;width:calc(100% - 40px)}.preview-footer{display:flex;align-items:center;border-top:1px solid var(--line);padding:16px 20px;color:#a8b5b8;font-size:10px}.mini-toggle{margin-left:auto}.mini-toggle.on{background:var(--lime)}
@media(max-width:800px){.hero-art{height:390px;width:100%;transform:none;margin-top:35px;margin-bottom:0;transform-origin:center}.extension-preview{transform:rotate(1deg)}}
@media(max-width:470px){.hero-art{width:100%;height:355px;transform:none;margin-top:20px;margin-bottom:-20px}.extension-preview{width:min(340px,100%);transform:none}}

/* Single-screen layout for the extension landing page. */
.site-header{height:76px}.hero{min-height:calc(100vh - 176px);padding-top:20px;padding-bottom:30px}.hero h1{font-size:clamp(58px,7vw,92px);margin-bottom:22px}.hero-text{font-size:15px;max-width:460px}.hero-actions{margin-top:27px}.hero-art{height:380px}.extension-preview{box-shadow:12px 16px 35px rgba(0,0,0,.2)}.quick-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding-top:17px;padding-bottom:17px}.quick-facts div{display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--line);padding-left:20px}.quick-facts div:first-child{border-left:0;padding-left:0}.quick-facts b{font-size:13px;font-weight:500}.quick-facts span{font:10px 'DM Mono',monospace;color:#71818a}.site-footer{min-height:65px;padding-top:8px;padding-bottom:8px;border-top:0;font:10px 'DM Mono',monospace;gap:25px}.site-footer>span{margin:0;color:#71818a}.site-footer>span:last-child{text-align:right;margin-left:auto}
@media(max-width:800px){.site-header{height:75px}.hero{min-height:0;padding-top:50px;padding-bottom:50px}.hero-art{height:390px}.quick-facts{grid-template-columns:1fr;gap:14px;padding-top:20px;padding-bottom:20px}.quick-facts div,.quick-facts div:first-child{border-left:0;padding-left:0}.site-footer{min-height:80px;align-items:flex-start;flex-direction:column;gap:8px}.site-footer>span:last-child{text-align:left;margin-left:0}}

/* Use the real extension UI and keep the desktop page within one viewport. */
.hero{min-height:calc(100vh - 160px);padding-top:8px;padding-bottom:18px}.hero-art{height:auto;display:flex;align-items:center;justify-content:center}.extension-screenshot{display:block;width:min(100%,470px);height:auto;border:1px solid rgba(168,213,236,.28);border-radius:8px;box-shadow:0 18px 45px rgba(0,0,0,.22)}
@media(max-width:800px){.hero{min-height:0;padding-top:42px;padding-bottom:42px}.hero-art{height:auto;margin-top:34px}.extension-screenshot{width:min(100%,470px)}}

/* The desktop composition is intentionally sized to fit without page scrolling. */
@media(min-width:801px){.site-header{height:64px}.hero{min-height:calc(100vh - 167px);padding-top:0;padding-bottom:12px}.site-footer{min-height:48px}}

/* Theme control and compact viewport layout. */
.theme-toggle{width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--paper);cursor:pointer;font:18px/1 Arial}.theme-toggle:hover{border-color:var(--lime);color:var(--lime)}.theme-moon{display:none}.hero{min-height:0!important;padding-top:28px!important;padding-bottom:28px!important}.hero-art{height:auto!important}.extension-screenshot{width:min(100%,430px)}
@media(min-width:801px){.site-header{height:62px}.quick-facts{padding-top:12px;padding-bottom:12px}.site-footer{min-height:42px;padding-top:5px;padding-bottom:5px}}
@media(max-width:800px){.hero{padding-top:38px!important;padding-bottom:38px!important}.site-header nav{gap:10px}.theme-toggle{width:31px;height:31px}}

@media(prefers-color-scheme:light){:root:not([data-theme="dark"]){--ink:#f3f5f1;--paper:#102031;--blue:#2e6f99;--lime:#a9d52f;--coral:#df765d;--line:rgba(8,19,33,.15)}:root:not([data-theme="dark"]) .hero-text{color:#4b5c68}:root:not([data-theme="dark"]) .site-header nav a,:root:not([data-theme="dark"]) .site-footer a{color:#52636e}:root:not([data-theme="dark"]) .compatibility,:root:not([data-theme="dark"]) .quick-facts span,:root:not([data-theme="dark"]) .site-footer>span{color:#64747d}}
:root[data-theme="light"]{--ink:#f3f5f1;--paper:#102031;--blue:#2e6f99;--lime:#a9d52f;--coral:#df765d;--line:rgba(8,19,33,.15)}:root[data-theme="light"] .hero-text{color:#4b5c68}:root[data-theme="light"] .site-header nav a,:root[data-theme="light"] .site-footer a{color:#52636e}:root[data-theme="light"] .compatibility,:root[data-theme="light"] .quick-facts span,:root[data-theme="light"] .site-footer>span{color:#64747d}
:root[data-theme="dark"]{--ink:#081321;--paper:#f2f4ef;--blue:#a8d5ec;--lime:#d7f36b;--coral:#ef8d73;--line:rgba(242,244,239,.14)}:root[data-theme="dark"] .hero-text{color:#aebac0}:root[data-theme="dark"] .site-header nav a,:root[data-theme="dark"] .site-footer a{color:#b8c2c6}:root[data-theme="dark"] .compatibility,:root[data-theme="dark"] .quick-facts span,:root[data-theme="dark"] .site-footer>span{color:#71818a}
@media(prefers-color-scheme:light){:root:not([data-theme]) .theme-sun{display:none}:root:not([data-theme]) .theme-moon{display:inline}}
:root[data-theme="light"] .theme-sun{display:none}:root[data-theme="light"] .theme-moon{display:inline}:root[data-theme="dark"] .theme-sun{display:inline}
em{font-family:Georgia,'Times New Roman',serif;font-style:italic}

/* ModdevLabs homepage layout. */
.lab-intro{padding-top:48px;padding-bottom:48px}.lab-intro h1{font-size:clamp(54px,6vw,82px);margin-bottom:20px}.lab-intro .hero-text{max-width:540px;font-size:16px}.software-list{padding-bottom:38px}.list-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:17px}.list-heading .eyebrow{margin:0}.list-heading h2{font-size:clamp(30px,3vw,44px);margin:0;line-height:.92}.software-card{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:25px 0;border-bottom:1px solid var(--line)}.software-meta{display:flex;align-items:center;gap:15px;margin-bottom:25px;font:10px 'DM Mono',monospace}.product-number{color:var(--lime)}.product-status{color:#71818a;border:1px solid var(--line);border-radius:20px;padding:5px 9px}.software-card h3{font-size:35px;margin-bottom:12px}.software-copy>p:not(.compatibility){max-width:470px;color:#aebac0;font-size:14px;line-height:1.65}.software-copy .compatibility{margin-top:25px}.software-image{display:flex;align-items:center;justify-content:flex-end}.software-image .extension-screenshot{width:min(100%,430px)}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]) .software-copy>p:not(.compatibility){color:#4b5c68}}
:root[data-theme="light"] .software-copy>p:not(.compatibility){color:#4b5c68}:root[data-theme="dark"] .software-copy>p:not(.compatibility){color:#aebac0}
@media(max-width:800px){.lab-intro{padding-top:38px;padding-bottom:35px}.software-list{padding-bottom:35px}.list-heading{display:block}.list-heading h2{margin-top:15px}.software-card{grid-template-columns:1fr;gap:25px}.software-image{justify-content:flex-start}.software-image .extension-screenshot{width:min(100%,470px)}.site-footer{padding-top:16px;padding-bottom:16px}}
.product-link{display:inline-flex;gap:10px;margin-top:22px;color:var(--paper);font-size:13px;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:4px}.product-link span{color:var(--lime);font-size:17px;line-height:.7}.product-link:hover{color:var(--lime)}
.product-page{padding-top:30px}.back-link{display:inline-block;color:#71818a;font:11px 'DM Mono',monospace;text-decoration:none;margin-bottom:38px}.back-link:hover{color:var(--lime)}.product-page-grid{display:grid;grid-template-columns:42% 58%;align-items:center;gap:40px}.product-page h1{font-size:clamp(64px,8vw,110px);margin-bottom:25px}.product-lead{max-width:470px;color:#aebac0;font-size:16px;line-height:1.65}.store-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:32px}.store-heading{width:100%;color:var(--lime);font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em}.store-links a{border:1px solid var(--line);border-radius:22px;padding:10px 13px;color:var(--paper);font-size:12px;text-decoration:none}.store-links a span{color:var(--lime);padding-left:8px}.store-links a:hover{border-color:var(--lime)}.store-note{color:#71818a;font:10px/1.5 'DM Mono',monospace;max-width:360px;margin-top:16px}.product-page-image{display:flex;justify-content:flex-end}.product-page-image .extension-screenshot{width:min(100%,600px)}.product-details{display:flex;gap:30px;border-top:1px solid var(--line);margin-top:42px;padding-top:15px;color:#71818a;font:10px 'DM Mono',monospace}.product-details span+span:before{content:'·';color:var(--lime);padding-right:30px}@media(prefers-color-scheme:light){:root:not([data-theme="dark"]) .product-lead{color:#4b5c68}}:root[data-theme="light"] .product-lead{color:#4b5c68}:root[data-theme="dark"] .product-lead{color:#aebac0}
@media(max-width:800px){.product-page{padding-top:25px}.back-link{margin-bottom:28px}.product-page-grid{grid-template-columns:1fr;gap:30px}.product-page-image{justify-content:flex-start}.product-page h1{font-size:72px}.product-details{flex-direction:column;gap:10px}.product-details span+span:before{display:none}}