/* Conversion and trust pass: preserve the existing editorial brand while
   making the product, safety model, and pilot offer concrete. */
.compatibility{
  max-width:1400px;
  margin:0 auto;
  padding:34px 48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:48px;
  border-left:1px solid rgba(255,255,255,.1);
  border-right:1px solid rgba(255,255,255,.1);
}
.compatibility>p{max-width:590px;margin:0;color:#aaa6b1;font-size:13px;line-height:1.65}
.compatibility>div{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap;color:#ded9e7;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.compatibility i{width:3px;height:3px;border-radius:50%;background:var(--purple-bright)}

.use-cases{background:#121116;overflow:hidden}
.use-cases:before{content:'';position:absolute;left:-280px;top:-330px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(143,92,255,.13),transparent 68%);pointer-events:none}
.use-heading{position:relative}
.use-grid{position:relative;max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.13);border-left:1px solid rgba(255,255,255,.13)}
.use-grid article{min-height:365px;padding:28px 28px 35px;border-right:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);display:flex;flex-direction:column;align-items:flex-start}
.use-grid article>span{align-self:flex-end;color:#6e6877;font:italic 14px var(--serif)}
.use-icon{width:72px;height:72px;margin:55px 0 46px;display:grid;place-items:center;border:1px solid #514b5d;background:#19171f;color:var(--purple-bright);font:700 19px var(--sans);letter-spacing:-.04em;transform:rotate(-2deg)}
.use-grid article:nth-child(2) .use-icon{border-radius:50%;transform:none;font-size:30px}
.use-grid article:nth-child(3) .use-icon{transform:rotate(2deg);font-size:30px}
.use-grid article:nth-child(4) .use-icon{border-color:#744151;color:#ff8798;font-size:28px}
.use-grid h3{margin:0 0 13px;font-size:18px;letter-spacing:-.025em}
.use-grid p{margin:0;color:#8f8a96;font-size:12px;line-height:1.7}

.setup-note{max-width:1400px;margin:48px auto 0;padding-top:22px;border-top:1px solid #cac6bd;color:#77727b;font-size:12px;text-align:center;letter-spacing:.02em}

.security-intro{max-width:500px;margin:28px 0 0;color:#ded4f3;font-size:13px;line-height:1.75}
.feature-grid article{min-height:205px}

.permissions{background:var(--paper);color:#17161a;display:grid;grid-template-columns:minmax(280px,.68fr) minmax(600px,1.32fr);column-gap:80px;align-items:end}
.permissions-copy h2{margin:0;font-size:clamp(43px,5vw,70px);line-height:1;letter-spacing:-.055em;font-weight:500}
.permissions-copy>p:last-child{max-width:460px;margin:28px 0 0;color:#6e6972;font-size:14px;line-height:1.75}
.permissions .eyebrow{color:#78747c}.permissions .eyebrow span{background:var(--purple)}
.role-table{border-top:1px solid #aaa4ad;border-left:1px solid #ccc6ce}
.role-row{display:grid;grid-template-columns:1.3fr repeat(4,1fr);min-height:64px;border-bottom:1px solid #ccc6ce}
.role-row>*{display:flex;align-items:center;justify-content:center;padding:12px;border-right:1px solid #ccc6ce;font-size:11px;text-align:center}
.role-row>b{justify-content:flex-start;font-size:13px}
.role-row:not(.role-head)>span:not(:last-child){color:#3f735a;font-weight:800}
.role-head{min-height:45px;background:#e7e3db;color:#77727b;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.role-warning{grid-column:1/-1;margin:38px 0 0;padding:17px 20px;border-left:3px solid var(--purple);background:#e9e4dc;color:#655f68;font-size:12px;line-height:1.65}
.role-warning b{color:#252128}

.pricing{background:#0e0d12;color:#fff;overflow:hidden}
.pricing:after{content:'$9';position:absolute;right:-35px;bottom:-110px;color:rgba(143,92,255,.075);font:italic 330px/1 var(--serif);pointer-events:none}
.pricing-shell{position:relative;z-index:1;max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 440px;gap:100px;align-items:center}
.pricing-copy h2{margin:0;font-size:clamp(48px,6vw,82px);line-height:.94;letter-spacing:-.06em;font-weight:500}
.pricing-copy h2 em{font-family:var(--serif);font-weight:400;color:var(--purple-bright)}
.pricing-copy>p:last-child{max-width:530px;margin:32px 0 0;color:#aaa5b1;font-size:15px;line-height:1.75}
.price-card{padding:38px;background:#19171f;border:1px solid #484250;box-shadow:0 35px 90px rgba(0,0,0,.45)}
.price{display:flex;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.13);padding-bottom:22px}
.price>span{margin-top:12px;color:var(--purple-bright);font:italic 24px var(--serif)}
.price>b{font-size:82px;line-height:.8;letter-spacing:-.08em;font-weight:500}
.price>small{align-self:flex-end;margin:0 0 4px 10px;color:#8e8995;font-size:11px}
.price-card>p{margin:19px 0;color:#c4bfca;font-size:12px}
.price-card ul{list-style:none;padding:0;margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:13px 18px}
.price-card li{position:relative;padding-left:16px;color:#98939f;font-size:10px;line-height:1.45}
.price-card li:before{content:'✓';position:absolute;left:0;color:var(--purple-bright)}
.price-card .button{width:100%}
.price-card>small{display:block;margin-top:12px;color:#706b77;text-align:center;font-size:8px;letter-spacing:.04em}

.faq{background:#17161c;color:#fff;display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}
.faq-heading h2{margin:0;font-size:clamp(43px,5vw,70px);line-height:1;letter-spacing:-.055em;font-weight:500}
.faq-list{border-top:1px solid #3a3741}
.faq-list details{border-bottom:1px solid #3a3741}
.faq-list summary{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;color:#e9e6ed;font-size:13px;font-weight:700;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{color:var(--purple-bright);font-size:18px;transition:transform .2s}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details p{max-width:690px;margin:-3px 45px 25px 0;color:#8f8a96;font-size:12px;line-height:1.75}

.contact-card>div{flex-wrap:wrap}
.contact-card .button-text{color:#fff}

@media(max-width:1100px){
  .compatibility{display:block}.compatibility>div{justify-content:flex-start;margin-top:20px}
  .use-grid{grid-template-columns:1fr 1fr}
  .permissions{grid-template-columns:1fr}.permissions-copy{margin-bottom:55px}
  .pricing-shell{grid-template-columns:1fr 410px;gap:55px}
  .faq{grid-template-columns:1fr;gap:55px}
}

@media(max-width:760px){
  .compatibility{padding:27px 20px;border-left:0;border-right:0}.compatibility>div{gap:11px;font-size:7px}
  .use-grid{grid-template-columns:1fr}.use-grid article{min-height:280px;padding:24px}.use-icon{margin:30px 0 32px}
  .setup-note{margin-top:35px}
  .permissions{display:block}.permissions-copy{margin-bottom:40px}.role-table{overflow-x:auto}.role-row{min-width:650px}.role-warning{margin-top:25px}
  .pricing-shell{grid-template-columns:1fr;gap:50px}.price-card{padding:28px 24px}.price-card ul{grid-template-columns:1fr}.pricing:after{font-size:220px}
  .faq{display:block}.faq-heading{margin-bottom:45px}.faq-list summary{font-size:12px}.faq-list details p{margin-right:15px}
}
