:root{color-scheme:dark;--bg:#0c0f1b;--surface:#121624;--text:#f5f6fc;--muted:#9da4bc;--line:rgba(183,194,255,.13);--purple:#a99bff;--mint:#8bf0cb;--blue:#90bbff;--max:1180px;font-family:Manrope,"Segoe UI",system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;min-width:320px;background:var(--bg);color:var(--text)}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background:radial-gradient(ellipse at 82% 0%,rgba(107,89,232,.11),transparent 35%),radial-gradient(ellipse at 0% 58%,rgba(38,144,130,.06),transparent 32%)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}::selection{background:rgba(169,155,255,.34);color:white}:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.skip-link{position:absolute;z-index:20;top:8px;left:8px;padding:10px 14px;border-radius:10px;background:white;color:#111;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-shell{overflow:hidden}.section-wrap,.topbar{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:11px;flex:0 0 auto;font-weight:800;font-size:19px;letter-spacing:-.8px}.brand img{border-radius:12px;object-fit:cover}.brand-period{color:var(--mint)}.nav-links{display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,38px);margin-left:auto;color:#aab0c4;font-size:12px;font-weight:700}.nav-links a{transition:color .18s;white-space:nowrap}.nav-links a:hover,.nav-links .nav-active{color:#fff}.nav-links a span{color:var(--mint);font-size:13px}.button{min-height:50px;border-radius:13px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid transparent;font-weight:800;font-size:12px;letter-spacing:-.1px;transition:transform .18s,background .18s,border-color .18s;cursor:pointer;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button-small{min-height:42px;padding-inline:16px;gap:10px}.button-light{color:#131523;background:#f4f3ff}.button-light:hover{background:#fff}.button-primary{color:#111425;background:linear-gradient(110deg,#b6aaff,#8bf0cb);box-shadow:0 8px 28px rgba(127,160,238,.12)}.button-primary:hover{filter:brightness(1.07)}.button-quiet{border-color:var(--line);background:rgba(255,255,255,.025);color:#e7e9f4}.button-quiet:hover,.button-outline:hover{background:rgba(255,255,255,.08);border-color:rgba(183,194,255,.3)}.button-outline{border-color:rgba(255,255,255,.25);color:#f4f5fb;background:rgba(255,255,255,.03)}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#d8d3ff;text-transform:uppercase;letter-spacing:1.65px;font-family:"DM Mono",monospace;font-size:10px;font-weight:500}.eyebrow-muted{color:#929ab7}.pulse-dot,.live-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--mint);box-shadow:0 0 0 4px rgba(139,240,203,.1),0 0 12px rgba(139,240,203,.48);flex:0 0 auto}.gradient-text{color:transparent;background:linear-gradient(105deg,#c5baff 8%,#a9c8ff 48%,#8bf0cb 93%);-webkit-background-clip:text;background-clip:text}h1,h2,h3,p,figure{margin-top:0}h1{letter-spacing:-.075em;line-height:.98;font-weight:750}h2{font-size:clamp(30px,4.1vw,47px);line-height:1.14;letter-spacing:-.065em;font-weight:750;margin:18px 0 0}h3{letter-spacing:-.045em}
.hero{display:grid;grid-template-columns:.98fr 1.02fr;align-items:center;min-height:650px;padding-top:50px;padding-bottom:28px;position:relative}.hero-copy{padding:32px 0 56px;position:relative;z-index:2}.hero h1{font-size:clamp(60px,7.8vw,95px);margin:24px 0 23px;max-width:610px}.hero-lede{color:#a8afc5;font-size:15px;line-height:1.9;max-width:465px;margin-bottom:27px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.hero-trust{display:flex;align-items:center;gap:10px;color:#838ba5;font-size:10px;font-weight:650;margin-top:28px}.hero-trust i{width:3px;height:3px;border-radius:50%;display:inline-block;margin:0 9px 2px;background:#59617d}.trust-mark{font-size:20px;color:var(--mint)}.hero-art{position:relative;height:520px;min-width:0;isolation:isolate;display:flex;align-items:center;justify-content:center}.hero-art:before{content:"";position:absolute;inset:8% 0 4%;background:radial-gradient(ellipse,rgba(129,107,243,.2),rgba(73,133,170,.055) 45%,transparent 72%);filter:blur(14px);z-index:-2}.art-orbit{position:absolute;border:1px solid rgba(174,163,255,.15);border-radius:50%;aspect-ratio:1}.orbit-one{width:410px}.orbit-two{width:525px;border-style:dashed;border-color:rgba(139,240,203,.1)}.device{position:absolute;overflow:hidden;background:#1c2031;border:4px solid #30354a;border-radius:28px;box-shadow:0 35px 70px rgba(0,0,0,.42)}.device img{width:100%;height:100%;object-fit:cover;object-position:top center}.device-front{width:206px;height:456px;z-index:2;transform:translate(5px,8px) rotate(1.8deg)}.device-back{width:173px;height:384px;opacity:.96}.device-left{left:0;top:78px;transform:rotate(-10deg)}.device-right{right:0;top:60px;transform:rotate(9deg)}.art-caption{display:flex;align-items:center;gap:11px;border:1px solid rgba(193,200,239,.19);background:rgba(18,22,37,.86);backdrop-filter:blur(18px);border-radius:15px;padding:12px 15px;position:absolute;z-index:3;box-shadow:0 15px 45px rgba(0,0,0,.22)}.art-caption strong,.art-caption small{display:block}.art-caption strong{font-size:10px;letter-spacing:-.2px}.art-caption small{margin-top:4px;color:#9098b0;font-size:9px}.caption-top{top:45px;right:2px}.caption-icon{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;color:#15152a;background:linear-gradient(135deg,#c0b1ff,#8bf0cb);font-size:17px}.caption-bottom{bottom:37px;left:2px}.caption-arrow{color:var(--mint);margin-left:8px}.hero-bottom-rule{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding-top:14px;color:#636c88;border-top:1px solid var(--line);font-family:"DM Mono",monospace;font-size:9px;letter-spacing:1px;text-transform:uppercase}.ticker{overflow:hidden;border-block:1px solid var(--line);background:rgba(255,255,255,.012);padding:20px 0;margin-top:35px}.ticker-track{display:flex;align-items:center;justify-content:space-around;gap:35px;white-space:nowrap;min-width:max-content;animation:ticker-move 38s linear infinite;color:#a1a8c1;font:10px "DM Mono",monospace;letter-spacing:1.25px}.ticker-track b{font-size:14px;color:#8e84da;font-weight:400}@keyframes ticker-move{from{transform:translateX(-5%)}to{transform:translateX(-45%)}}
.feature-section{padding-top:114px;padding-bottom:110px}.section-heading,.showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:43px}.section-heading h2,.showcase-heading h2{margin-top:17px}.section-heading>p,.showcase-heading>p{color:#a1a8bf;max-width:350px;font-size:12px;line-height:1.95;margin:0 0 5px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.feature-card{min-height:320px;padding:25px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(155deg,rgba(25,30,49,.9),rgba(17,21,34,.86));position:relative;overflow:hidden}.feature-card-tall{grid-row:span 2;min-height:655px;display:flex;flex-direction:column}.feature-card-wide{grid-column:span 2;display:flex;align-items:center;gap:16px;min-height:270px}.feature-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:21px;margin-bottom:25px}.icon-purple{color:#d0c7ff;background:rgba(169,155,255,.13);border:1px solid rgba(169,155,255,.2)}.icon-mint{color:var(--mint);background:rgba(139,240,203,.1);border:1px solid rgba(139,240,203,.16)}.icon-blue{color:var(--blue);background:rgba(144,187,255,.11);border:1px solid rgba(144,187,255,.2)}.icon-amber{color:#f5cc8b;background:rgba(245,204,139,.1);border:1px solid rgba(245,204,139,.18)}.card-kicker{color:#7e87a5;font:9px "DM Mono",monospace;letter-spacing:1.4px}.feature-card h3{font-size:19px;line-height:1.24;margin:12px 0 10px}.feature-card p{color:#969eb7;font-size:11px;line-height:1.9;margin-bottom:0;max-width:325px}.feature-card-content{margin-top:auto;position:relative;z-index:1}.text-link{display:inline-flex;align-items:center;gap:12px;color:#c4b9ff;font-size:11px;font-weight:800;margin-top:22px}.text-link:hover{color:var(--mint)}.feature-card-art{position:relative;flex:1;min-height:260px;display:flex;align-items:center;justify-content:center;margin:24px -6px}.model-orbit:before,.model-orbit:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(169,155,255,.21);border-radius:50%}.model-orbit:after{width:160px;height:160px;border-style:dashed;border-color:rgba(139,240,203,.18)}.model-orbit div{width:86px;height:86px;background:radial-gradient(circle at 30% 25%,#d2c7ff,#9182ef 52%,#2b3255);border-radius:26px;box-shadow:0 0 70px rgba(149,127,246,.25);transform:rotate(-12deg)}.model-orbit span{position:absolute;z-index:1;width:43px;height:43px;display:grid;place-items:center;border-radius:15px;font-weight:800;color:#eceaff;background:#282d45;border:1px solid rgba(205,205,255,.2);box-shadow:0 10px 25px rgba(0,0,0,.2)}.model-orbit span:nth-child(1){top:25px;left:35px;color:#a1c8ff}.model-orbit span:nth-child(2){right:20px;top:54px;color:#f4d499}.model-orbit span:nth-child(3){left:27px;bottom:42px;color:#8bf0cb}.model-orbit span:nth-child(4){right:27px;bottom:16px;color:#c7baff}.mini-terminal{margin-top:28px;border-radius:14px;border:1px solid rgba(139,240,203,.14);background:rgba(3,10,16,.32);padding:14px}.terminal-dots{display:block;letter-spacing:3px;font-size:8px;color:#69758a;margin-bottom:13px}.mini-terminal code{color:#abb7ce;font:9px/2 "DM Mono",monospace}.mini-terminal code i{color:#8bf0cb;font-style:normal}.mini-terminal code b{color:var(--mint)}.terminal-line{margin-top:30px;padding:15px 12px;background:rgba(4,8,16,.32);border:1px solid var(--line);border-radius:12px;font:10px "DM Mono",monospace;color:#b7c2dd}.terminal-line>span{color:var(--mint);margin-right:9px}.terminal-line b{float:right;font-size:8px;color:var(--mint)}.feature-wide-copy{flex:1}.feature-wide-copy .feature-icon{margin-bottom:20px}.workflow-stack{width:min(250px,45%);padding:14px;border:1px solid rgba(185,193,235,.12);border-radius:18px;background:rgba(8,11,19,.25);display:grid;gap:9px;flex-shrink:0;transform:rotate(2deg)}.workflow-pill{display:flex;align-items:center;gap:8px;border-radius:10px;border:1px solid rgba(185,193,235,.11);background:#181e2e;padding:11px 10px;font-size:8px;color:#d8dded;white-space:nowrap}.workflow-pill b{font-size:7px;font-weight:600;color:#8bf0cb;margin-left:auto}.workflow-dot{width:7px;height:7px;display:inline-block;border-radius:50%}.workflow-dot.purple{background:#b8a5ff}.workflow-dot.mint{background:#8bf0cb}.workflow-dot.blue{background:#90bbff}
.showcase-section{background:#111522;border-block:1px solid var(--line);padding:98px 0 104px}.showcase-heading{margin-bottom:40px}.screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.screenshot-card{margin:0;border-radius:20px;overflow:hidden;border:1px solid rgba(191,198,235,.15);background:#191e2e}.screenshot-card>img{width:100%;height:395px;object-fit:cover;object-position:top center;background:#0d1018;border-bottom:1px solid var(--line)}.screenshot-card figcaption{padding:19px 18px;display:flex;align-items:center;gap:14px}.screenshot-card figcaption>span{color:#9d92f4;font:10px "DM Mono",monospace}.screenshot-card figcaption strong,.screenshot-card figcaption small{display:block}.screenshot-card figcaption strong{font-size:10px}.screenshot-card figcaption small{font-size:9px;color:#868eaa;margin-top:6px}.setup-section{padding:112px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:center}.setup-copy h2{margin-bottom:19px}.setup-copy>p{max-width:400px;color:#9da5bd;font-size:12px;line-height:1.95;margin-bottom:24px}.steps-list{border-top:1px solid var(--line)}.step-row{display:grid;grid-template-columns:38px 1fr 24px;gap:15px;align-items:start;padding:23px 0;border-bottom:1px solid var(--line)}.step-number{color:#848da8;font:11px "DM Mono",monospace;padding-top:3px}.step-row h3{font-size:14px;margin:0 0 7px}.step-row p{font-size:10px;line-height:1.8;color:#939bb4;margin:0;max-width:400px}.step-row>a{color:#b3aaff;font-size:17px;text-align:right}.step-complete{color:var(--mint);font-size:16px;text-align:right}
.cta-section{position:relative;overflow:hidden;border:1px solid rgba(184,177,255,.17);border-radius:30px;background:linear-gradient(120deg,#1b1d37,#141b2b 62%,#12251f);padding:66px 70px;min-height:360px;display:flex;align-items:center;justify-content:space-between;margin-bottom:95px}.cta-glow{position:absolute;width:400px;height:400px;background:#7166e8;opacity:.12;filter:blur(90px);border-radius:50%;top:-170px;right:0;pointer-events:none}.cta-content{position:relative;z-index:1}.cta-content h2{font-size:clamp(44px,6.5vw,70px);margin:21px 0 16px}.cta-content>p{color:#a9b0c8;font-size:12px;margin-bottom:24px}.cta-mark{font-size:clamp(130px,22vw,240px);color:transparent;background:linear-gradient(140deg,rgba(198,187,255,.8),rgba(139,240,203,.6));-webkit-background-clip:text;background-clip:text;transform:rotate(-15deg);line-height:1;margin-right:25px}.site-footer{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-bottom:28px}.footer-brand{font-size:16px}.footer-brand img{border-radius:9px}.site-footer>p{margin:0;text-align:right;font-size:10px;color:#858da8}.footer-links{grid-column:1/-1;display:flex;gap:25px;padding:29px 0;margin-top:14px;border-bottom:1px solid var(--line);color:#9ba3bc;font-size:10px}.footer-links a:hover{color:white}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;padding-top:22px;font:9px "DM Mono",monospace;color:#68718c}
/* Provider directory */.provider-hero{padding-top:86px;padding-bottom:62px;text-align:center;position:relative}.provider-hero:before{content:"";position:absolute;width:550px;max-width:90%;height:340px;top:0;left:50%;transform:translateX(-50%);pointer-events:none;z-index:-1;background:radial-gradient(ellipse,rgba(127,107,232,.15),transparent 70%)}.provider-hero h1{margin:22px 0 19px;font-size:clamp(51px,7vw,78px)}.provider-hero-lede{max-width:680px;margin:0 auto;color:#a8afc5;font-size:13px;line-height:1.9}.provider-stats{display:flex;align-items:center;justify-content:center;gap:60px;margin-top:38px}.provider-stats>div{display:grid;gap:6px}.provider-stats strong{font-size:21px;letter-spacing:-.8px}.provider-stats span{color:#848da8;font:9px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.8px}.provider-directory{padding-top:36px;padding-bottom:30px}.directory-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:27px}.directory-toolbar h2{font-size:31px;margin-top:10px}.search-box{display:flex;align-items:center;gap:10px;padding:0 13px;height:46px;width:min(100%,300px);border:1px solid rgba(192,199,242,.17);background:rgba(255,255,255,.025);border-radius:12px;color:#aab2cc}.search-box>span{font-size:20px;color:#a99bff}.search-box input{min-width:0;flex:1;border:0;outline:0;color:white;background:transparent;font-size:11px}.search-box input::placeholder{color:#75809c}.search-box kbd{border:1px solid rgba(195,203,239,.14);border-radius:5px;padding:3px 6px;color:#7c86a2;font:9px "DM Mono",monospace}.filter-row{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:20px;border-bottom:1px solid var(--line)}.filter-chip{display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:0 13px;color:#9ca4be;border:1px solid rgba(192,199,242,.12);border-radius:10px;background:rgba(255,255,255,.018);font-weight:700;font-size:10px;cursor:pointer;transition:color .2s,background .2s,border-color .2s}.filter-chip>span{display:inline-grid;min-width:18px;height:18px;place-items:center;border-radius:6px;background:rgba(255,255,255,.07);padding-inline:4px;font:9px "DM Mono",monospace;color:#bbc1d4}.filter-chip:hover{color:white;border-color:rgba(192,199,242,.3)}.filter-chip.active{border-color:rgba(169,155,255,.36);color:#e2dcff;background:rgba(169,155,255,.1)}.filter-chip.active>span{background:rgba(169,155,255,.17);color:#ded7ff}.directory-note{display:flex;align-items:flex-start;gap:13px;margin:20px 0 24px;padding:16px 18px;border:1px solid rgba(139,240,203,.11);background:rgba(139,240,203,.035);border-radius:13px}.note-icon{display:grid;flex:0 0 22px;width:22px;height:22px;border:1px solid rgba(139,240,203,.25);border-radius:50%;place-items:center;color:var(--mint);font:11px "DM Mono",monospace}.directory-note p{color:#9ca7bd;margin:0;font-size:10px;line-height:1.85}.directory-note strong{color:#dce4ed}.provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.provider-card{min-width:0;padding:20px;border:1px solid rgba(192,199,242,.13);border-radius:18px;background:linear-gradient(150deg,rgba(25,30,48,.84),rgba(16,20,32,.9));display:flex;flex-direction:column;transition:border-color .2s,transform .2s,background .2s}.provider-card:hover{border-color:rgba(169,155,255,.34);transform:translateY(-3px);background:linear-gradient(150deg,rgba(30,35,56,.94),rgba(17,22,35,.94))}.provider-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:17px}.provider-monogram{width:43px;height:43px;flex:0 0 auto;display:grid;place-items:center;border-radius:14px;font-weight:800;font-size:12px;letter-spacing:-.3px;border:1px solid rgba(255,255,255,.12)}.tone-green{color:#a7f0cb;background:linear-gradient(145deg,#1e4439,#23332f)}.tone-sand{color:#e6c9a5;background:linear-gradient(145deg,#43362d,#302923)}.tone-blue{color:#b7d2ff;background:linear-gradient(145deg,#253c64,#252d45)}.tone-purple{color:#d1c5ff;background:linear-gradient(145deg,#3f3264,#2c2945)}.tone-cyan{color:#9ce8ec;background:linear-gradient(145deg,#1f464d,#1d3039)}.tone-orange{color:#ffd0a2;background:linear-gradient(145deg,#543522,#342921)}.tone-coral{color:#ffb9ad;background:linear-gradient(145deg,#57342f,#35272d)}.tone-mint{color:#a8f3d7;background:linear-gradient(145deg,#1e483b,#22342e)}.tone-rose{color:#ffc2d7;background:linear-gradient(145deg,#512c45,#32263c)}.tone-slate{color:#cbd1e5;background:linear-gradient(145deg,#394052,#272d3b)}.tone-lime{color:#d5efa5;background:linear-gradient(145deg,#394528,#2b3428)}.provider-kind{color:#959db6;font-size:8px;font-family:"DM Mono",monospace;text-align:right}.provider-card h3{font-size:16px;margin:0 0 9px}.provider-description{min-height:59px;color:#989fb8;font-size:10px;line-height:1.8;margin:0 0 17px}.endpoint-block{min-width:0;border-radius:9px;border:1px solid rgba(189,197,238,.1);background:rgba(4,7,13,.23);padding:10px}.endpoint-block>span{display:block;margin-bottom:8px;color:#737d99;font:8px "DM Mono",monospace;letter-spacing:.9px}.endpoint-block code{display:block;color:#c1c9df;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:9px "DM Mono",monospace}.provider-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.provider-tag{padding:5px 7px;border:1px solid rgba(197,205,238,.1);border-radius:6px;color:#969fba;background:rgba(255,255,255,.025);font-size:8px;font-weight:700}.tag-api{color:#a9c9ff;border-color:rgba(144,187,255,.17);background:rgba(144,187,255,.055)}.tag-account{color:#d1c0ff;border-color:rgba(169,155,255,.19);background:rgba(169,155,255,.06)}.tag-special{color:#a8f3d7;border-color:rgba(139,240,203,.17);background:rgba(139,240,203,.05)}.provider-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:20px}.provider-card-footer>div{display:grid;gap:9px;padding-bottom:4px}.provider-doc-link,.provider-key-link{color:#a9b1c9;font-size:9px;font-weight:700;white-space:nowrap}.provider-doc-link:hover,.provider-key-link:hover{color:var(--mint)}.provider-doc-link span,.provider-key-link span{color:#9d92f4}.key-not-required{color:#8bdcbf;font-size:8px}.button-add{min-height:38px;padding:0 11px;border-radius:10px;gap:9px;background:#f1efff;color:#17162a;font-size:9px;flex:0 0 auto}.button-add:hover{background:white}.provider-loading{grid-column:1/-1;min-height:150px;display:flex;align-items:center;justify-content:center;gap:10px;color:#9098b3;font-size:12px}.loading-mark{color:var(--mint);font-size:20px}.empty-state{padding:65px 20px;text-align:center}.empty-state[hidden]{display:none}.empty-state>span{color:#b6abff;font-size:26px}.empty-state h3{margin:12px 0;font-size:18px}.empty-state p{color:#9ca4bd;font-size:11px}.empty-state .button{margin-top:12px}.directory-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);color:#7e87a1;font:9px "DM Mono",monospace}.directory-bottom>span{display:inline-flex;align-items:center;gap:9px}.directory-bottom .live-dot{width:5px;height:5px}.directory-bottom code{color:#b5aaff}.directory-bottom a{color:#b3a6ff}.provider-help{display:grid;grid-template-columns:1.2fr 1fr;gap:13px;padding-top:40px;padding-bottom:100px}.help-card{display:flex;align-items:flex-start;gap:17px;padding:26px;border-radius:18px;border:1px solid rgba(192,199,242,.13);background:rgba(22,27,43,.65)}.help-card-secondary{background:rgba(255,255,255,.014)}.help-icon{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;color:#bcb0ff;background:rgba(169,155,255,.1);border:1px solid rgba(169,155,255,.16);border-radius:13px;font-size:18px}.help-card h2{font-size:15px;letter-spacing:-.4px;margin:3px 0 10px}.help-card p{color:#9ba3bc;font-size:10px;line-height:1.9;margin-bottom:0}.help-card .text-link{margin-top:17px;font-size:10px}
@media(min-width:1400px){.hero{min-height:705px}}@media(max-width:1000px){.section-wrap,.topbar{width:min(var(--max),calc(100% - 44px))}.nav-links{gap:18px}.hero{grid-template-columns:1fr .92fr;min-height:600px}.hero h1{font-size:clamp(58px,7.4vw,77px)}.hero-art{transform:scale(.91);transform-origin:center;margin-inline:-30px}.device-front{width:178px;height:394px}.device-back{width:147px;height:326px}.orbit-one{width:350px}.orbit-two{width:440px}.caption-top{right:-3px}.caption-bottom{left:-8px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card-tall{min-height:600px}.feature-card-wide{grid-column:span 2}.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-card{padding:18px}}
@media(max-width:760px){.section-wrap,.topbar{width:calc(100% - 36px)}.topbar{height:auto;min-height:76px;flex-wrap:wrap;gap:12px;padding:15px 0}.brand{font-size:17px;gap:8px}.brand img{width:33px;height:33px}.topbar>.button{min-height:37px;padding-inline:12px;font-size:10px}.nav-links{order:3;width:100%;margin:0;justify-content:flex-start;gap:22px;padding-top:10px;overflow-x:auto}.nav-links a{font-size:11px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:49px;min-height:auto}.hero-copy{padding:0}.hero h1{font-size:clamp(61px,14vw,87px);margin:20px 0}.hero-lede{max-width:560px;font-size:13px}.hero-actions{gap:9px}.button{min-height:46px;padding-inline:15px;gap:10px;font-size:11px}.hero-trust{line-height:1.9;align-items:flex-start;font-size:9px}.hero-trust i{margin-inline:4px}.hero-art{align-self:center;width:100%;max-width:540px;height:420px;margin:18px 0 19px;transform:none}.device-front{width:166px;height:367px}.device-back{width:137px;height:303px}.device-left{left:8%;top:73px}.device-right{right:8%;top:67px}.orbit-one{width:300px}.orbit-two{width:390px}.caption-top{top:14px;right:3%}.caption-bottom{bottom:12px;left:4%}.art-caption{padding:9px 11px;gap:8px}.art-caption strong{font-size:9px}.art-caption small{font-size:8px}.hero-bottom-rule{position:static;margin-top:4px}.ticker{margin-top:20px;padding:17px 0}.ticker-track{gap:22px;font-size:9px}.feature-section{padding-top:78px;padding-bottom:75px}.section-heading,.showcase-heading{display:block;margin-bottom:30px}.section-heading h2,.showcase-heading h2{font-size:clamp(29px,8vw,43px)}.section-heading>p,.showcase-heading>p{margin-top:18px;max-width:470px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card,.feature-card-tall,.feature-card-wide{grid-column:auto;grid-row:auto;min-height:0;padding:23px}.feature-card-tall{min-height:460px}.feature-card-art{min-height:205px}.feature-card-content{margin-top:0}.feature-card-wide{flex-direction:column;align-items:stretch}.workflow-stack{width:100%;max-width:360px;margin:5px auto 0;transform:none}.showcase-section{padding:75px 0}.screenshot-grid{grid-template-columns:1fr;gap:14px}.screenshot-card>img{height:auto;max-height:530px;object-fit:contain;object-position:top}.setup-section{padding:78px 0;grid-template-columns:1fr;gap:38px}.setup-copy h2{font-size:42px}.cta-section{margin-bottom:68px;padding:40px 25px;min-height:0}.cta-content h2{font-size:54px}.cta-content>p{max-width:300px;line-height:1.8}.cta-mark{position:absolute;right:-40px;top:16px;opacity:.35;font-size:150px}.site-footer{grid-template-columns:1fr;gap:13px}.site-footer>p{text-align:left}.footer-links{flex-wrap:wrap;gap:15px 21px;padding:22px 0}.footer-bottom{flex-direction:column;gap:9px;line-height:1.6}.provider-hero{padding-top:61px;padding-bottom:40px}.provider-hero h1{font-size:clamp(48px,12vw,70px)}.provider-hero-lede{font-size:12px}.provider-stats{gap:20px;justify-content:space-around;margin-top:30px}.provider-stats strong{font-size:18px}.provider-stats span{font-size:8px;letter-spacing:.3px}.provider-directory{padding-top:20px}.directory-toolbar{display:block}.directory-toolbar h2{font-size:28px}.search-box{width:100%;margin-top:20px}.filter-row{gap:7px}.filter-chip{padding-inline:10px;font-size:9px}.directory-note{padding:13px}.directory-note p{font-size:9px}.provider-grid{grid-template-columns:1fr;gap:10px}.provider-card{padding:19px}.provider-description{min-height:0}.provider-card-footer{padding-top:17px}.provider-help{grid-template-columns:1fr;padding-top:24px;padding-bottom:70px}.help-card{padding:21px}}
@media(max-width:390px){.section-wrap,.topbar{width:calc(100% - 28px)}.topbar>.button{padding-inline:9px;font-size:9px}.brand{font-size:15px}.nav-links{gap:17px}.hero h1{font-size:58px}.hero-art{transform:scale(.92);transform-origin:top center;margin-bottom:-9px}.device-left{left:3%}.device-right{right:3%}.caption-top{right:0}.caption-bottom{left:0}.provider-stats{gap:10px}.provider-stats strong{font-size:16px}.provider-stats span{font-size:7px}.filter-chip{min-height:35px}.button-add{padding-inline:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Live Models.dev provider catalog */
.provider-branding{display:flex;align-items:center;gap:11px;min-width:0}.provider-logo{width:39px;height:39px;object-fit:contain;flex:0 0 auto;padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.045)}.provider-logo-fallback{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(169,155,255,.2);border-radius:12px;background:rgba(169,155,255,.08);color:#d2c9ff;font-size:11px;font-weight:800}.provider-logo-fallback[hidden]{display:none!important}.provider-brand-copy{min-width:0}.provider-brand-copy h3{font-size:13px;line-height:1.35;overflow-wrap:anywhere;margin:0 0 5px}.provider-brand-copy>span{display:block;color:#77829d;font:8px "DM Mono",monospace}.provider-card-top{align-items:center}.provider-card-top>.provider-tag{flex:0 0 auto;white-space:nowrap}.catalog-subtitle{margin:8px 0 0;color:#7f89a4;font-size:10px}.catalog-subtitle strong{color:#c8c2ff}.endpoint-missing{opacity:.75}.button-add-disabled{color:#a4abc0;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08);cursor:default;white-space:nowrap}.button-add-disabled:hover{transform:none}.provider-card-footer>div{min-width:0}.provider-doc-link{white-space:normal;display:inline-block}.provider-loading a{color:#c6bbff;text-decoration:underline}
.language-control{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;color:#aab0c4}.language-globe{font-size:15px;color:var(--mint)}.language-control select{max-width:150px;min-width:102px;padding:9px 26px 9px 9px;border:1px solid var(--line);border-radius:10px;background:#141827;color:#e8eaf5;font-size:11px;font-weight:650;cursor:pointer}.language-control select:focus-visible{outline:2px solid var(--mint);outline-offset:2px}@media(max-width:900px){.topbar{gap:15px}.nav-links{gap:14px}.language-control select{max-width:116px;min-width:82px;padding-inline:7px;font-size:10px}}@media(max-width:620px){.topbar{height:auto;min-height:78px;flex-wrap:wrap;padding:12px 0;gap:10px}.nav-links{order:3;width:100%;margin:0;justify-content:space-between}.language-control{margin-left:auto}.language-control select{max-width:144px}.topbar>.button{min-height:38px}}

/* Readability-first site redesign. Keep shared styles together across all pages. */
:root {
  --bg: #0c1421;
  --surface: #172334;
  --text: #f4f7fc;
  --muted: #b8c5d8;
  --line: rgba(201,219,249,.17);
  --purple: #b7a9ff;
  --mint: #7ee4ca;
  --blue: #9dc6ff;
  --max: 1180px;
  font-size: 16px;
}
body { background: var(--bg); line-height: 1.65; }
body:before { background: radial-gradient(ellipse at 85% 5%, rgba(94,97,203,.11), transparent 39%); }
.site-shell { overflow: clip; }
.provider-stats>div { flex: 1; min-width: 0; }
.provider-stats span { overflow-wrap: anywhere; }
h1, h2, h3 { letter-spacing: -.045em; }
h1 { line-height: 1.07; }
h2 { font-size: clamp(32px,4vw,48px); line-height: 1.18; }
h3 { line-height: 1.32; }
.gradient-text { background-image: linear-gradient(105deg,#c3baff 5%,#a6cfff 58%,#82ead1 100%); }
.eyebrow { font-size: 12px; letter-spacing: 1.2px; color: #d2cbff; }
.eyebrow-muted { color: #acb9d0; }
:focus-visible { outline: 3px solid #87e9ce; outline-offset: 3px; }
.topbar { min-height: 94px; height: auto; padding-block: 15px; gap: 26px; border-bottom-color: rgba(201,219,249,.2); }
.brand { font-size: 20px; }
.nav-links { gap: clamp(15px,2vw,28px); font-size: 14px; color: #bac6d9; }
.nav-links a { display: inline-flex; align-items: center; min-height: 44px; position: relative; }
.nav-links a:hover,.nav-links .nav-active { color: white; }
.nav-links .nav-active:after { content: ""; position: absolute; bottom: 1px; left: 0; right: 0; height: 2px; background: var(--mint); border-radius: 2px; }
.language-control select { background: #192538; border-color: rgba(201,219,249,.22); color: #f3f6ff; min-height: 43px; max-width: 148px; font-size: 13px; padding: 8px 24px 8px 11px; }
.button { min-height: 48px; border-radius: 12px; font-size: 14px; gap: 12px; line-height: 1.25; padding-inline: 20px; }
.button-small { min-height: 44px; padding-inline: 15px; }
.button-primary { color: #0d182a; background: #aeeadf; box-shadow: 0 9px 26px rgba(51,174,155,.1); }
.button-primary:hover { background: #c2f5e9; filter: none; }
.button-light { background: #f1f4ff; color: #142137; }
.button-quiet { background: #192538; border-color: rgba(201,219,249,.25); color: #e9eef9; }
.button-outline { border-color: rgba(221,229,252,.37); }
.text-link { color: #c3baff; font-size: 14px; }
.text-link:hover { color: #96eed8; }

/* A calm hero that gives the actual Android screens visual priority. */
.hero { grid-template-columns: 1fr 1fr; gap: 40px; min-height: 660px; padding-top: 48px; padding-bottom: 40px; }
.hero-copy { padding-block: 35px; }
.hero h1 { font-size: clamp(62px,7vw,88px); margin: 23px 0; }
.hero-lede { font-size: 18px; color: var(--muted); line-height: 1.7; max-width: 510px; margin-bottom: 31px; }
.hero-trust { color: #aab7cb; font-size: 13px; line-height: 1.7; margin-top: 30px; }
.hero-trust i { background: #8a98ae; }
.hero-art { height: 550px; border: 1px solid rgba(201,219,249,.12); border-radius: 32px; background: radial-gradient(ellipse at 50% 48%,#283852 0%,#18283a 44%,#131f2e 78%); }
.hero-art:before { opacity: .45; }
.art-orbit { display: none; }
.device { border-color: #3b4b61; box-shadow: 0 28px 58px rgba(0,0,0,.38); }
.device-front { transform: translate(5px,8px) rotate(1deg); }
.device-back { opacity: .88; }
.art-caption { background: rgba(18,29,44,.94); border-color: rgba(218,230,255,.25); box-shadow: 0 12px 28px rgba(0,0,0,.22); }
.art-caption strong { font-size: 13px; }
.art-caption small { font-size: 11px; color: #b7c3d7; }
.caption-top { top: 26px; right: 16px; }
.caption-bottom { bottom: 22px; left: 16px; }
.hero-bottom-rule { font-size: 11px; color: #a3b0c7; }
.ticker { background: #121f2e; margin-top: 25px; padding: 17px 24px; }
.ticker-track { min-width: 0; white-space: normal; flex-wrap: wrap; justify-content: center; animation: none; font-size: 11px; color: #d0d9e8; letter-spacing: .8px; gap: 12px 26px; }
.ticker-track b { color: var(--mint); }
.feature-section { padding-block: 100px; }
.section-heading,.showcase-heading { gap: 55px; margin-bottom: 38px; }
.section-heading>p,.showcase-heading>p { max-width: 390px; color: var(--muted); font-size: 16px; line-height: 1.75; }
.feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.feature-card,.feature-card-tall,.feature-card-wide { min-height: 350px; grid-column: auto; grid-row: auto; padding: 32px; border-radius: 22px; background: #172334; border-color: rgba(201,219,249,.16); }
.feature-card-tall { display: flex; flex-direction: column; background: linear-gradient(135deg,#26324d,#19283a); }
.feature-card-tall .feature-card-art { position: absolute; top: 4px; right: 5px; width: 240px; height: 230px; flex: none; min-height: 0; margin: 0; opacity: .6; pointer-events: none; }
.feature-card-tall .model-orbit:before { width: 180px; height: 180px; }
.feature-card-tall .model-orbit:after { width: 130px; height: 130px; }
.feature-card-tall .feature-icon { position: relative; z-index: 1; }
.feature-card-tall .feature-card-content { margin-top: auto; max-width: 410px; }
.feature-card h3 { font-size: 23px; line-height: 1.3; margin: 13px 0 12px; }
.feature-card p { color: var(--muted); font-size: 15px; line-height: 1.72; max-width: 460px; }
.feature-card .card-kicker { font-size: 11px; color: #b5bed1; }
.feature-icon { width: 48px; height: 48px; margin-bottom: 20px; }
.feature-card-wide { display: flex; flex-direction: column; align-items: stretch; gap: 14px; }
.feature-wide-copy { flex: none; }
.feature-wide-copy .feature-icon { margin-bottom: 20px; }
.workflow-stack { width: 100%; max-width: 460px; transform: none; padding: 10px; margin-top: 0; gap: 7px; }
.workflow-pill { font-size: 12px; padding: 9px 12px; }
.workflow-pill b { font-size: 11px; }
.mini-terminal { margin-top: 30px; background: #0e1927; padding: 16px; }
.mini-terminal code { font-size: 12px; line-height: 1.85; }
.terminal-line { margin-top: 32px; font-size: 13px; padding: 14px 16px; }
.showcase-section { background: #131e2d; padding-block: 100px; }
.screenshot-grid { gap: 18px; }
.screenshot-card { background: #1a2839; border-color: rgba(201,219,249,.18); }
.screenshot-card>img { height: 470px; object-fit: contain; padding: 12px 12px 0; }
.screenshot-card figcaption { padding: 22px; }
.screenshot-card figcaption>span { font-size: 12px; }
.screenshot-card figcaption strong { font-size: 15px; line-height: 1.5; }
.screenshot-card figcaption small { font-size: 13px; color: #b2bfd4; line-height: 1.5; margin-top: 4px; }
.setup-section { padding-block: 110px; gap: 9%; }
.setup-copy>p { color: var(--muted); font-size: 16px; line-height: 1.75; }
.step-row { grid-template-columns: 42px 1fr 28px; gap: 18px; padding: 26px 0; }
.step-number { font-size: 13px; color: #bac6da; }
.step-row h3 { font-size: 18px; margin-bottom: 9px; }
.step-row p { color: var(--muted); font-size: 15px; line-height: 1.65; }
.community-section { display: flex; align-items: center; gap: 28px; padding: 29px 34px; border: 1px solid rgba(150,170,233,.25); border-radius: 22px; background: #1b2941; margin-bottom: 28px; }
.community-symbol { display: grid; place-items: center; width: 72px; height: 72px; flex: none; border-radius: 20px; background: #343b6f; color: #d6ccff; font-size: 38px; }
.community-copy { min-width: 0; flex: 1; }
.community-copy h2 { font-size: clamp(24px,3vw,31px); margin: 6px 0; }
.community-copy p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.65; }
.button-community { background: #ddd8ff; color: #1b2146; }
.button-community:hover { background: #f0edff; }
.cta-section { margin-bottom: 100px; background: linear-gradient(125deg,#24314a,#182d3b 75%); border-color: rgba(201,219,249,.2); }
.cta-content>p { color: var(--muted); font-size: 16px; line-height: 1.7; }
.site-footer>p { font-size: 13px; color: var(--muted); }
.footer-links { font-size: 14px; color: #bfcbdd; gap: 28px; }
.footer-bottom { font-size: 12px; color: #a5b2c7; }

/* The provider directory is a readable catalog, not a grid of micro-labels. */
.provider-hero { padding-block: 86px 58px; }
.provider-hero h1 { line-height: 1.1; }
.provider-hero-lede { font-size: 17px; line-height: 1.7; color: var(--muted); max-width: 730px; }
.provider-stats { gap: 70px; margin-top: 42px; }
.provider-stats strong { font-size: 28px; }
.provider-stats span { font-size: 11px; color: #b2bfd3; line-height: 1.6; }
.provider-directory { padding-top: 32px; }
.directory-toolbar h2 { font-size: 36px; }
.catalog-subtitle { font-size: 14px; color: #aebbd0; }
.search-box { height: 52px; width: min(100%,360px); background: #1a2739; border-color: rgba(201,219,249,.25); }
.search-box input { font-size: 15px; color: white; }
.search-box input::placeholder { color: #b4bfd2; }
.search-box kbd { font-size: 11px; color: #c0c9d9; }
.filter-chip { min-height: 43px; font-size: 13px; border-color: rgba(201,219,249,.22); padding-inline: 16px; }
.filter-chip>span { font-size: 11px; }
.directory-note { padding: 20px; background: #152d31; border-color: rgba(126,228,202,.22); }
.directory-note p { font-size: 14px; line-height: 1.65; color: #bdcfd5; }
.note-icon { width: 27px; height: 27px; flex-basis: 27px; font-size: 14px; }
.provider-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.provider-card { padding: 26px; background: #182537; border-color: rgba(201,219,249,.18); border-radius: 20px; }
.provider-card:hover { background: #202f43; }
.provider-branding { gap: 14px; }
.provider-logo,.provider-logo-fallback { width: 48px; height: 48px; border-radius: 14px; }
.provider-brand-copy h3 { font-size: 19px; margin-bottom: 4px; }
.provider-brand-copy>span { font-size: 11px; color: #b6c3d7; }
.provider-kind { font-size: 12px; color: #bec9da; }
.provider-description { font-size: 14px; line-height: 1.65; color: var(--muted); min-height: 0; }
.endpoint-block { background: #101b2b; border-color: rgba(201,219,249,.16); padding: 13px; }
.endpoint-block>span { font-size: 11px; color: #adbbcf; }
.endpoint-block code { font-size: 12px; color: #d1daeb; }
.provider-tag { font-size: 11px; padding: 6px 9px; }
.provider-doc-link,.provider-key-link { font-size: 13px; line-height: 1.5; color: #d0d8eb; }
.key-not-required { font-size: 12px; }
.button-add { min-height: 43px; font-size: 13px; padding-inline: 15px; }
.button-add-disabled { background: #303c4e; color: #c9d2e1; }
.directory-bottom { font-size: 12px; color: #aebbd0; line-height: 1.7; }
.help-card { padding: 29px; background: #192638; }
.help-card-secondary { background: #152131; }
.help-card h2 { font-size: 20px; }
.help-card p { font-size: 14px; line-height: 1.7; color: var(--muted); }
.help-card .text-link { font-size: 13px; }
.empty-state h3 { font-size: 22px; }
.empty-state p { font-size: 15px; color: var(--muted); }

@media (max-width: 1100px) {
  .topbar { gap: 16px; }
  .nav-links { gap: 14px; }
  .hero { gap: 20px; }
  .hero-art { height: 510px; }
}
@media (max-width: 900px) {
  .topbar { flex-wrap: wrap; }
  .nav-links { order: 3; width: 100%; justify-content: flex-start; margin: 0; gap: 25px; }
  .hero { grid-template-columns: 1fr; gap: 6px; padding-top: 60px; }
  .hero-copy { padding-block: 10px; }
  .hero-art { width: min(100%,620px); margin: 20px auto 25px; transform: none; }
  .hero-bottom-rule { position: static; margin-top: 0; }
  .section-heading,.showcase-heading { display: block; }
  .section-heading>p,.showcase-heading>p { margin-top: 18px; max-width: 700px; }
  .provider-stats { gap: 32px; }
}
@media (max-width: 760px) {
  .section-wrap,.topbar { width: calc(100% - 36px); }
  .topbar { padding: 14px 0; gap: 10px; }
  .brand { font-size: 18px; }
  .nav-links { gap: 21px; padding-top: 4px; }
  .nav-links a { font-size: 13px; }
  .language-control { margin-left: auto; }
  .language-control select { font-size: 12px; }
  .topbar>.button { min-height: 43px; font-size: 12px; }
  .hero { padding-top: 51px; }
  .hero h1 { font-size: clamp(55px,12vw,79px); }
  .hero-lede { font-size: 17px; }
  .hero-trust { font-size: 12px; }
  .hero-art { height: 425px; border-radius: 24px; }
  .device-front { width: 168px; height: 370px; }
  .device-back { width: 140px; height: 312px; }
  .device-left { top: 65px; left: 8%; }
  .device-right { top: 60px; right: 8%; }
  .art-caption strong { font-size: 11px; }
  .art-caption small { font-size: 10px; }
  .ticker { margin-top: 14px; }
  .ticker-track { font-size: 10px; gap: 8px 14px; }
  .feature-section,.showcase-section { padding-block: 74px; }
  .feature-grid { grid-template-columns: 1fr; }
  .feature-card,.feature-card-tall,.feature-card-wide { min-height: 295px; padding: 27px; }
  .feature-card-tall .feature-card-art { opacity: .3; }
  .feature-card h3 { font-size: 22px; }
  .feature-card p { font-size: 15px; }
  .screenshot-card>img { height: 480px; max-height: none; object-fit: contain; }
  .setup-section { padding-block: 74px; gap: 35px; }
  .setup-copy h2 { font-size: clamp(35px,9vw,48px); }
  .community-section { flex-wrap: wrap; padding: 24px; gap: 16px; }
  .community-symbol { width: 56px; height: 56px; font-size: 28px; border-radius: 15px; }
  .community-copy { flex-basis: calc(100% - 80px); }
  .community-section .button { width: 100%; }
  .cta-section { padding: 40px 27px; margin-bottom: 70px; }
  .cta-content h2 { font-size: clamp(44px,10vw,58px); }
  .footer-links { gap: 16px 24px; }
  .provider-hero { padding-top: 58px; padding-bottom: 35px; }
  .provider-hero-lede { font-size: 15px; }
  .provider-stats { gap: 12px; }
  .provider-stats strong { font-size: 21px; }
  .provider-stats span { font-size: 10px; }
  .directory-toolbar h2 { font-size: 30px; }
  .search-box { width: 100%; }
  .filter-chip { font-size: 12px; }
  .directory-note p { font-size: 13px; }
  .provider-grid { grid-template-columns: 1fr; }
  .provider-card { padding: 23px; }
  .provider-help { gap: 16px; }
  .help-card { padding: 24px; }
}
@media (max-width: 390px) {
  .section-wrap,.topbar { width: calc(100% - 28px); }
  .nav-links { gap: 12px; justify-content: space-between; }
  .nav-links a { font-size: 12px; }
  .topbar>.button { font-size: 11px; }
  .hero h1 { font-size: 53px; }
  .hero-art { height: 380px; transform: none; margin-bottom: 15px; }
  .device-front { width: 149px; height: 328px; }
  .device-back { width: 127px; height: 281px; }
  .device-left { left: 1%; }
  .device-right { right: 1%; }
  .caption-top { right: 1%; }
  .caption-bottom { left: 1%; }
  .provider-stats { justify-content: space-between; }
  .provider-stats strong { font-size: 19px; }
  .provider-stats span { font-size: 9px; }
  .provider-card-footer { flex-wrap: wrap; }
  .button-add { margin-left: auto; }
}