/* FID Productionz LLC - Shared website styles */
:root{color-scheme:dark;--bg:#060d19;--panel:#101d30;--text:#eef4fc;--muted:#a9b9d0;--blue:#78baff;--line:#243650}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}a{color:var(--blue);text-underline-offset:5px}a:focus-visible{outline:3px solid #9fcdff;outline-offset:6px}img{max-width:100%;height:auto}.container{width:min(1200px,calc(100% - 80px));margin:auto}.navbar{border-bottom:1px solid var(--line);background:#080f1c}.nav-content{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:block;width:180px;line-height:0}.brand img{width:180px;height:78px;object-fit:contain}.navbar nav{display:flex;align-items:center;gap:35px}.navbar nav a{text-decoration:none;font-size:14px;color:#dce7f5}.navbar nav a:hover{color:var(--blue)}.nav-contact{border:1px solid #3c5473;padding:10px 18px;border-radius:6px}.skip-link{position:absolute;top:-100px;left:20px;background:#fff;color:#000;padding:12px;z-index:5}.skip-link:focus{top:10px}.hero{overflow:hidden;background:radial-gradient(ellipse at 83% 38%,#17365b88,transparent 52%)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center;padding-top:90px;padding-bottom:88px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.19em;color:var(--blue);margin:0 0 25px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,5.1vw,70px);line-height:1.06;letter-spacing:-.055em;margin-bottom:27px}h1 span,.company-section h2 span{color:var(--blue)}.hero-description{max-width:470px;color:var(--muted);font-size:17px;line-height:1.8;margin-bottom:30px}.btn-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;border-radius:6px;padding:14px 22px;background:linear-gradient(135deg,#9bceff,#4b95e1);color:#08182d;font-weight:700;text-decoration:none;font-size:14px;box-shadow:inset 0 1px #d6ecff}.btn-primary:hover{background:#b1d9ff}.hero-art{position:relative;isolation:isolate;text-align:center;display:flex;min-height:390px;flex-direction:column;justify-content:center;align-items:center}.hero-art img{width:100%;position:relative;filter:drop-shadow(0 15px 25px #0007)}.hero-art p{margin:24px 0 0;font-size:9px;letter-spacing:.22em;color:#9baeca}.orbit{position:absolute;border:1px solid #41648940;z-index:-1;width:360px;height:360px;transform:rotate(45deg);border-radius:40px}.orbit-two{width:290px;height:290px;border-color:#41648930}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:19px;padding-bottom:19px;font-size:10px;letter-spacing:.16em;color:var(--muted)}.hero-foot span span{margin-left:16px;color:var(--blue)}.section{padding:85px 0}.apps-section{background:#0a1322;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:40px}.section-heading>p{max-width:280px;color:var(--muted);font-size:14px;margin-bottom:4px}h2{font-size:clamp(30px,3.2vw,43px);line-height:1.16;letter-spacing:-.04em;margin-bottom:0}.section-heading .eyebrow{margin-bottom:18px}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{border:1px solid #304561;background:linear-gradient(135deg,#14253c,#0e192a);border-radius:12px;padding:34px}.app-top{display:flex;justify-content:space-between;align-items:center;color:var(--blue);margin-bottom:33px}.app-category{font-size:10px;letter-spacing:.1em}.app-card h3{font-size:43px;letter-spacing:-.045em;line-height:1.2;margin-bottom:6px}.blue-dot{color:var(--blue)}.app-tagline{color:#e0e9f5;font-size:16px!important;margin-bottom:20px}.app-card>p:not(.app-tagline){color:var(--muted);font-size:14px;min-height:92px;max-width:410px}.feature-list{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:22px 0 30px}.feature-list li{font-size:10px;padding:5px 9px;background:#1b3049;border-radius:4px;color:#bfcee0}.download-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.download-links a{display:flex;flex-direction:column;text-decoration:none;border:1px solid #536b88;border-radius:7px;padding:10px 14px;background:#080f1b;color:white}.download-links a:hover{border-color:#98c9ff;background:#1c314b}.download-links small{font-size:10px;color:#b9c7d9}.download-links strong{font-size:17px;letter-spacing:-.02em}.text-link{display:inline-block;margin-top:25px;font-size:13px;text-decoration:none}.text-link span{margin-left:15px}.text-link:hover{text-decoration:underline}.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.company-grid>div>p:not(.eyebrow){color:var(--muted);font-size:16px}.company-grid .text-link{margin-top:6px}.contact-section{border-top:1px solid var(--line);background:linear-gradient(110deg,#11243c,#0a1424)}.contact-row{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer{padding:40px 0;color:#9eb0c7;font-size:12px;border-top:1px solid var(--line)}.footer-content{display:flex;justify-content:space-between;gap:30px}.footer strong{color:#eaf2ff}.footer a{display:block;margin-top:8px;text-decoration:none}.footer a:hover{text-decoration:underline}.footer-links{text-align:right}.document-page{min-height:65vh}.document-page .container{max-width:850px}.document-page h1{font-size:42px;margin-bottom:28px}.document-page h2{font-size:25px;margin:32px 0 14px}.document-page p{color:#c4d0e0}.document-page a{overflow-wrap:anywhere}
@media(max-width:900px){.container{width:calc(100% - 44px)}.hero-grid{gap:15px;padding-top:65px;padding-bottom:65px}.hero-art{min-height:300px}.orbit{width:240px;height:240px}.orbit-two{width:185px;height:185px}.card{padding:25px}.app-card h3{font-size:36px}.download-links strong{font-size:15px}.company-grid{gap:35px}}
@media(max-width:650px){.container{width:calc(100% - 36px)}.nav-content{min-height:88px;gap:16px}.brand,.brand img{width:123px}.brand img{height:64px}.navbar nav{gap:17px}.navbar nav a{font-size:12px}.nav-contact{display:none}.hero-grid{grid-template-columns:1fr;padding-top:48px;padding-bottom:25px;gap:12px}.hero-copy h1{font-size:clamp(43px,10vw,62px)}.hero-description{font-size:16px;max-width:420px}.hero-art{min-height:265px;width:min(390px,100%);margin:auto}.hero-art img{width:95%}.hero-art p{font-size:8px;margin-top:15px}.orbit{width:210px;height:210px}.orbit-two{width:160px;height:160px}.hero-foot{font-size:8px;letter-spacing:.08em}.section{padding:58px 0}.section-heading{display:block}.section-heading>p{margin-top:20px;max-width:350px}.card-grid,.company-grid{grid-template-columns:1fr}.card{padding:27px 23px}.app-card>p:not(.app-tagline){min-height:0}.app-top{margin-bottom:25px}.app-card h3{font-size:40px}.download-links strong{font-size:16px}.company-grid{gap:26px}.contact-row{align-items:start;flex-direction:column;gap:26px}.footer-content{flex-direction:column;gap:20px}.footer-links{text-align:left}.document-page h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Draw link arrows as vectors so mobile devices never render emoji. */
.link-arrow{display:inline-block;width:18px;height:18px;vertical-align:-3px;flex-shrink:0}.text-link .link-arrow{margin-left:10px}.download-links strong .link-arrow{width:16px;height:16px;vertical-align:-2px}.nav-contact .link-arrow{width:14px;height:14px;vertical-align:-2px}

/* Responsive sizing across phones, tablets, and wide screens. */
html{overflow-x:clip}body{min-width:0}main,section,.container,.hero-copy,.hero-art,.card,.company-grid>div{min-width:0}h1,h2,h3,p,a{overflow-wrap:break-word}.hero-art{max-width:100%}.download-links a{min-width:0}.download-links strong{display:flex;align-items:center;justify-content:space-between;gap:6px}.footer a{overflow-wrap:anywhere}.navbar nav a{min-height:44px;display:inline-flex;align-items:center}.btn-primary,.download-links a{min-height:48px}.text-link{padding-top:6px;padding-bottom:6px}.footer-links a{min-height:44px;display:flex;align-items:center;justify-content:flex-end;margin-top:0}
@media(min-width:651px) and (max-width:1000px){.card-grid{grid-template-columns:1fr}.app-card>p:not(.app-tagline){min-height:0;max-width:600px}.download-links{max-width:460px}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}h1{font-size:clamp(40px,5.5vw,55px)}}
@media(max-width:650px){.nav-content{flex-wrap:wrap;padding-block:10px;gap:8px 12px}.navbar nav{gap:10px 16px;flex-wrap:wrap;justify-content:flex-end}.navbar nav .nav-contact{display:inline-flex;padding:0;border:0}.navbar nav{flex:1}.footer-links a{justify-content:flex-start}.hero-foot{flex-wrap:wrap;gap:12px}.hero-art{min-height:250px}.section-heading>p{max-width:100%}}
@media(max-width:380px){.container{width:calc(100% - 28px)}.brand,.brand img{width:104px}.navbar nav{gap:0 12px}.navbar nav a{font-size:11px}.hero-copy h1{font-size:39px}.hero-art{min-height:220px}.orbit{width:170px;height:170px}.orbit-two{width:130px;height:130px}.hero-art p{font-size:7px;letter-spacing:.14em}.card{padding:24px 18px}.app-card h3{font-size:35px}.download-links{grid-template-columns:1fr}.download-links a{padding:12px 16px}.download-links strong{font-size:18px}.app-category{font-size:9px}.btn-primary{gap:24px;max-width:100%}}

.app-icon{display:block;width:80px;height:80px;object-fit:contain;border-radius:18px;margin-bottom:22px;border:1px solid #536b88;box-shadow:0 8px 24px #0003}@media(max-width:380px){.app-icon{width:68px;height:68px;border-radius:15px}}

/* Full artwork cards preserve every part of each original banner. */
.banner-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.banner-link{display:block;line-height:0}.app-banner{display:block;width:100%;height:auto;object-fit:contain}.banner-actions{padding:24px;margin-top:auto}.banner-actions .download-links{max-width:none}.banner-actions .text-link{margin-top:14px}.banner-link:focus-visible{outline-offset:-4px}@media(max-width:380px){.banner-actions{padding:18px}}