@font-face{font-family:"DM Sans";font-style:normal;font-weight:100 1000;font-display:swap;src:url(/fonts/dm-sans-variable.woff2) format("woff2")}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-variable.woff2) format("woff2")}

:root{color-scheme:dark;--bg:#070b10;--surface:#0e151d;--text:#f2f6fa;--muted:#9aa7b7;--cyan:#12c7ed;--border:#24303b;--font:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:1rem;-webkit-font-smoothing:antialiased;isolation:isolate}
.sky{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#03070e44,#03070e0a),url('/assets/star-sky.jpg') center center/cover no-repeat;overflow:hidden}
.twinkling-stars{position:absolute;width:max(100%,150vh);height:max(100%,66.6667vw);left:50%;top:50%;transform:translate(-50%,-50%)}
.twinkling-star{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#f4fcff 0 1px,#94deffb3 1.4px,#59c7ff3d 3px,transparent 70%);opacity:0;transform:translate(-50%,-50%) scale(.7);animation:star-twinkle var(--twinkle-duration) ease-in-out var(--twinkle-delay) infinite}
.sky.is-paused .twinkling-star{animation-play-state:paused}
.shooting-stars{position:absolute;inset:0;overflow:hidden}
.shooting-star{position:absolute;width:clamp(100px,14vw,220px);height:2px;transform-origin:right center;background:linear-gradient(90deg,transparent,#31cdf755,#bcefff);border-radius:50%;filter:drop-shadow(0 0 5px #38bde8);will-change:transform,opacity}
.shooting-star::after{content:"";position:absolute;right:-1px;top:-1px;width:4px;height:4px;border-radius:50%;background:#effcff;box-shadow:0 0 10px 2px #77ddff99}
body::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#22c8e999,transparent)}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--cyan);outline-offset:7px}
.page-shell{width:min(1320px,100%);margin:auto;padding:0 5.2%}
.site-header{min-height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;gap:1.5rem}
.wordmark{position:relative;font-family:var(--display);font-size:1.44rem;font-weight:700;letter-spacing:-.07em;display:flex;align-items:center;white-space:nowrap}
.wordmark>span:first-child{color:var(--cyan)}
.group-label{font-family:var(--font);font-size:.75rem;font-weight:400;letter-spacing:.21em;color:#b4c0cf;margin-left:1rem;padding-left:1rem;border-left:1px solid #43505b}
.header-link{font-size:.875rem;color:#c9d3dc;display:flex;align-items:center;gap:1.8rem;padding:.75rem 0}
.header-link span{color:var(--cyan);font-size:1.35rem;transition:transform .2s}
.header-link:hover span{transform:translate(2px,2px)}
.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:1.5rem;min-height:410px;padding:4.3rem 0 3.7rem}
.eyebrow{font-size:.75rem;letter-spacing:.19em;font-weight:500;color:#bdc9d5;display:flex;align-items:center;gap:.85rem;margin:0 0 1.6rem}
.eyebrow-line{width:24px;height:1px;background:var(--cyan)}
h1{font-family:var(--display);font-weight:500;font-size:clamp(2.5rem,4vw,3.6rem);line-height:1.15;letter-spacing:-.055em;margin:0 0 1.5rem}
h1>span{color:var(--cyan)}
.intro{max-width:420px;color:#a6b4c3;line-height:1.7;margin:0;font-size:1.05rem}
.brand-art{position:relative;isolation:isolate;align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0}
.brand-art img{position:relative;width:100%;height:auto;display:block;z-index:1;animation:arrive 1.3s ease-out both}
.art-grid{position:absolute;inset:0;background-image:linear-gradient(#37b8d308 1px,transparent 1px),linear-gradient(90deg,#37b8d308 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,black,transparent 74%);opacity:.7}
.art-corner{position:absolute;width:13px;height:13px;border-color:#39718190;border-style:solid;z-index:2}
.corner-one{top:4%;right:4%;border-width:1px 1px 0 0}
.corner-two{bottom:4%;left:4%;border-width:0 0 1px 1px}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem}
.section-heading h2{font-size:.75rem;font-weight:500;letter-spacing:.18em;margin:0;color:#c2cdda}
.section-caption{font-size:.8125rem;color:var(--muted)}
.brand-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.brand-card{--accent:var(--cyan);position:relative;overflow:hidden;border:1px solid #d8efff33;background:linear-gradient(145deg,#ecf7ff08,transparent 45%,#0716280a);-webkit-backdrop-filter:blur(1px) saturate(110%);backdrop-filter:blur(1px) saturate(110%);border-radius:36px;box-shadow:inset 0 2px 3px #ffffff30,inset 1px 0 2px #ffffff18,inset 0 -2px 3px #c8edff18,0 12px 36px #0000001a;text-shadow:0 1px 5px #020713b3;padding:1.75rem 2rem 2rem;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s;display:flex;flex-direction:column;min-width:0}
.brand-card> *{position:relative;z-index:1}
.brand-card::before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffffb3,#e2f6ff12 30%,#ffffff08 54%,#d5f2ff70 77%,#ffffffb3);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.brand-card::after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background-image:linear-gradient(110deg,transparent 42%,#bcecff08 46%,#ffffff2e 50%,#bcecff0a 54%,transparent 58%),radial-gradient(ellipse at 0 0,#ffffff08,transparent 45%),radial-gradient(ellipse at 100% 100%,#8ad4ff04,transparent 40%);background-size:250% 100%,auto,auto;background-position:200% 0,0 0,0 0;background-repeat:no-repeat;pointer-events:none}
.brand-card:is(:hover,:focus-visible)::after{animation:card-shimmer 1.15s ease-in-out both}
.brand-card:is(:hover,:focus-visible){border-color:#ddf5ff66;transform:translateY(-4px);background:linear-gradient(145deg,#ecf7ff0d,transparent 45%,#07162808);box-shadow:inset 0 2px 4px #ffffff4d,inset 1px 0 2px #ffffff21,inset 0 -2px 3px #c8edff26,0 16px 42px #00000024}
.brand-card h3{font-size:2rem;letter-spacing:-.055em;line-height:1.2;margin:0 0 .85rem;font-weight:650}
.reputationcare{--accent:#ffb85c}
.brand-card .brand-logo{height:158px;display:flex;align-items:center;justify-content:center;margin:0 0 1.4rem;line-height:1}
.brand-logo img{display:block;max-width:100%;height:auto;object-fit:contain}
.dealeraxis-logo{width:280px}
.reputationcare-logo{width:280px}
.foundry-web-logo{width:216px;mask-image:url('/assets/foundry83-web-design-logo.png');mask-mode:luminance;mask-size:100% 100%;mask-repeat:no-repeat}
.brand-card>p{color:#c3d2df;font-size:1rem;line-height:1.65;margin:0;text-align:center}
.site-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid #ffffff12;margin-top:3.2rem;padding:1.9rem 0 2rem;font-size:.75rem;color:#899bab}
.site-footer p{margin:0}.footer-note{color:#7c8f9e}.footer-domain{color:#a3b7c5}
.sky-toggle{font:inherit;color:#b1c4d4;border:1px solid #57718c66;border-radius:3px;background:#0a1420a6;padding:.7rem .85rem;min-height:44px;cursor:pointer;transition:color .2s,border-color .2s}
.sky-toggle:hover{color:#e1f8ff;border-color:#75bcd7}
.sky-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.sky-toggle[hidden]{display:none}
.skip-link{position:fixed;top:-100px;left:1rem;z-index:10;background:var(--cyan);color:var(--bg);padding:1rem}.skip-link:focus{top:1rem}
@keyframes star-twinkle{0%,45%,80%,100%{opacity:.03;transform:translate(-50%,-50%) scale(.7)}60%{opacity:.95;transform:translate(-50%,-50%) scale(1.2)}}
@keyframes card-shimmer{to{background-position:-200% 0,0 0,0 0}}
@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.page-shell{padding:0 64px}.hero{min-height:470px}}
@media(min-width:681px) and (max-width:1100px){.brand-links{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-card:last-child{grid-column:1/-1;justify-self:center;width:calc((100% - 1.2rem)/2)}}
@media(max-width:1000px){.page-shell{padding:0 5%}.hero{grid-template-columns:1.3fr 1fr;gap:0;padding:3.5rem 0;min-height:360px}h1{font-size:clamp(2.05rem,4.2vw,3rem)}.brand-card{padding:1.4rem 1.4rem 1.75rem}.brand-card h3{font-size:1.8rem}.footer-note{display:none}}
@media(max-width:680px){.page-shell{padding:0 6%}.site-header{min-height:85px}.wordmark{font-size:1.2rem}.group-label{margin-left:.55rem;padding-left:.55rem;font-size:.75rem}.header-link{font-size:.8125rem;gap:.55rem}.hero{grid-template-columns:1fr;padding:2.6rem 0 2.5rem;gap:.3rem}.hero-copy{order:1}.brand-art{order:0;width:min(82%,340px);justify-self:center;margin:-1.1rem 0 .65rem}.brand-art img{width:100%}.art-corner{display:none}.hero-copy{text-align:center}.eyebrow{justify-content:center;font-size:.75rem;letter-spacing:.17em;margin-bottom:1.1rem}.eyebrow-line{width:18px}h1{font-size:clamp(2rem,7.6vw,3rem);line-height:1.18;margin-bottom:1.1rem}.intro{font-size:1rem;max-width:360px;margin:auto}.section-heading{margin-bottom:1rem}.section-caption{font-size:.75rem}.section-heading h2{font-size:.75rem;letter-spacing:.12em}.brand-links{grid-template-columns:1fr;gap:1rem}.brand-card{padding:1.4rem 1.4rem 1.75rem}.brand-card h3{font-size:2rem}.brand-card>p{font-size:1rem}.site-footer{margin-top:2.2rem;padding:1.5rem 0;font-size:.75rem;flex-wrap:wrap;row-gap:.7rem}.brand-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.brand-card:is(:hover,:focus-visible){transform:none}}

.ai-check-link{display:flex;gap:32px;align-items:center;justify-content:space-between;border:1px solid #76d9f044;border-radius:18px;margin-top:28px;padding:30px;background:#061a25b0}.ai-check-link h2{font-size:clamp(1.3rem,2.6vw,1.8rem);line-height:1.25;margin:0 0 12px}.ai-check-link p{color:#c3d2df;line-height:1.6;margin:0;max-width:620px}.ai-check-link .eyebrow{font-size:.7rem;color:#6ce2fa;margin-bottom:14px}.ai-check-link>a{background:#87e6f7;color:#06131c;border-radius:5px;padding:15px 20px;font-weight:650;flex:0 0 250px;text-align:center}.ai-check-link>a:focus-visible{outline:3px solid white;outline-offset:5px}@media(max-width:680px){.ai-check-link{display:block;padding:24px}.ai-check-link>a{display:block;margin-top:24px}}
