.ca-atlas{--atlas-ink:var(--diagram-ink);--atlas-muted:var(--diagram-muted);box-sizing:border-box;background:var(--diagram-surface);width:100%;min-width:0;color:var(--atlas-ink);text-align:left;overflow-wrap:anywhere;border:1px solid #33465f;border-radius:24px;margin:32px 0;padding:clamp(18px,3vw,36px);font:16px/1.6 Inter,ui-sans-serif,system-ui,sans-serif}.ca-atlas *{box-sizing:border-box}.ca-atlas .atlas-kicker{color:var(--diagram-accent);letter-spacing:.12em;margin:0 0 12px;font-size:11px;font-weight:700}.ca-atlas h2{color:var(--atlas-ink);letter-spacing:-.035em;margin:0 0 12px;font:600 clamp(25px,3vw,38px)/1.15 Inter,ui-sans-serif,system-ui,sans-serif}.ca-atlas p{max-width:none;color:var(--atlas-muted);margin:0 0 16px;font-size:15px;line-height:1.6}.ca-atlas .atlas-stages{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:24px 0;display:grid}.ca-atlas button{cursor:pointer;color:#ecf4ff;text-align:center;min-height:48px;box-shadow:none;letter-spacing:0;background:#172b46;border:1px solid #536782;border-radius:9px;padding:10px 12px;font:600 14px/1.4 Inter,ui-sans-serif,system-ui,sans-serif}.ca-atlas button:disabled{cursor:default;opacity:.6}.ca-atlas button[aria-pressed=true]{background:var(--diagram-accent);color:#122e2d;border-color:var(--diagram-accent)}.ca-atlas button span{margin-bottom:2px;font-size:11px;display:block}.ca-atlas .atlas-stages button{white-space:nowrap;padding:10px 4px;font-size:13px}.ca-atlas :is(button,select,a):focus-visible{outline-offset:4px;outline:3px solid #f2cf83}.ca-atlas .atlas-body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:28px;display:grid}.ca-atlas .atlas-map{grid-template-rows:repeat(3,minmax(116px,auto));grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 36px;padding:10px 0;display:grid;position:relative}.ca-atlas .atlas-map svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ca-atlas .atlas-map path{fill:none;stroke:#536782;stroke-width:2px;vector-effect:non-scaling-stroke}.ca-atlas .atlas-map path[data-active=true]{stroke:#9aedd6;stroke-width:3px;stroke-dasharray:7 5}.ca-atlas .atlas-node{background:#172b46;border:1px solid #526580;border-radius:12px;flex-direction:column;justify-content:center;min-width:0;padding:12px;display:flex;position:relative}.ca-atlas .atlas-node[data-active=true]{background:#20483f;border-color:#94e8cf;box-shadow:0 0 0 3px #94e8cf12}.ca-atlas .atlas-node-number{color:#bad5ef;letter-spacing:.1em;font-size:11px}.ca-atlas .atlas-node strong{color:#fff;font-size:16px;line-height:1.35}.ca-atlas .atlas-node>span:not(.atlas-node-number){color:#c4d4e5;margin-top:5px;font-size:12px;line-height:1.4}.ca-atlas .atlas-node small{color:#a9f0dc;min-height:15px;margin-top:7px;font-size:11px;line-height:1.3}.ca-atlas[data-denied=true] .atlas-node[data-node=policy]{background:#503521;border-color:#f3c08b}.ca-atlas[data-denied=true] .atlas-node[data-node=policy] small{color:#ffe2c2}.ca-atlas .atlas-step-count{color:#9aedd6;letter-spacing:.06em;font:700 11px/1.5 ui-monospace,monospace}.ca-atlas h3{color:#fff;letter-spacing:-.025em;margin:0 0 16px;font:600 25px/1.25 Inter,ui-sans-serif,system-ui,sans-serif}.ca-atlas .atlas-artifact{color:#d9f9ef;border-left:2px solid #9aedd6;padding:12px 0 12px 14px;font-size:13px}.ca-atlas .atlas-scenario{color:#c4d4e5;font-size:13px;display:block}.ca-atlas select{color:#fff;background:#172b46;border:1px solid #536782;border-radius:9px;width:100%;min-height:48px;margin:8px 0 16px;padding:10px;font:16px/1.4 ui-sans-serif,system-ui,sans-serif;display:block}.ca-atlas .atlas-paging{flex-wrap:wrap;gap:8px;display:flex}.ca-atlas .atlas-paging button{flex:1}.ca-atlas .atlas-foot{border-top:1px solid #40546e;margin-top:24px;padding-top:20px}.ca-atlas .atlas-foot p{margin-bottom:8px;font-size:12px}.ca-atlas .atlas-foot strong{color:#f0f6ff}.ca-atlas a{color:#a5eedc;text-underline-offset:3px;text-decoration:underline}.access-main .ca-atlas .atlas-body{grid-template-columns:minmax(0,1fr)}.access-main .ca-atlas .atlas-stages{grid-template-columns:repeat(3,minmax(0,1fr))}.marketing-home main>.ca-atlas{width:calc(100% - 80px);max-width:1280px;margin:48px auto}@media (width<=700px){.ca-atlas .atlas-body{grid-template-columns:minmax(0,1fr);gap:24px}.ca-atlas .atlas-stages{grid-template-columns:repeat(3,minmax(0,1fr))}.ca-atlas .atlas-map{gap:28px 24px}.ca-atlas .atlas-node{padding:10px}.ca-atlas .atlas-node strong{font-size:14px}.marketing-home main>.ca-atlas{width:calc(100% - 40px);margin:24px auto}}@media (prefers-reduced-motion:no-preference){.ca-atlas .atlas-map path[data-active=true]{animation:1.5s linear 2 atlas-flow}@keyframes atlas-flow{to{stroke-dashoffset:-24px}}}:root{--diagram-surface:#101f31;--diagram-card:#172b46;--diagram-ink:#ecf4ff;--diagram-muted:#b7c7dd;--diagram-line:#536782;--diagram-accent:#c4f1e1}.pqc-diagram{--pqd-paper:var(--diagram-surface);--pqd-card:var(--diagram-card);--pqd-ink:var(--diagram-ink);--pqd-muted:var(--diagram-muted);--pqd-line:var(--diagram-line);--pqd-signal:var(--diagram-accent);--pqd-connector:var(--diagram-muted);--pqd-accent:var(--pqd-signal);background:var(--pqd-paper);color:var(--pqd-ink);border:1px solid var(--pqd-line);box-sizing:border-box;min-width:0;font:inherit;border-radius:24px;margin:36px 0;padding:clamp(22px,4vw,48px)}.marketing-home .pqc-diagram{max-width:1216px;margin:40px auto}.pqc-diagram *{box-sizing:border-box;min-width:0}.pqc-diagram .pqd-top{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:32px;display:flex}.pqc-diagram .pqd-kicker{color:var(--pqd-signal);letter-spacing:.14em;font:700 11px/1.6 ui-monospace,monospace}.pqc-diagram h2{letter-spacing:-.04em;color:var(--pqd-ink);margin:12px 0;font-family:inherit;font-size:clamp(28px,3.5vw,44px);font-weight:700;line-height:1.13}.pqc-diagram .pqd-top p:not(.pqd-kicker){color:var(--pqd-muted);margin-bottom:0}.pqc-diagram a:focus-visible{outline:3px solid var(--pqd-signal);outline-offset:4px}.pqd-comparison{margin-bottom:32px}.pqc-diagram .pqd-assumption{color:var(--pqd-muted);font-size:14px;line-height:1.6}.pqd-risk-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0;display:grid}.pqd-risk{border:1px solid var(--pqd-line);background:var(--pqd-card);border-radius:12px;padding:22px}.pqd-risk-change{border-top:3px solid var(--pqd-signal)}.pqc-diagram .pqd-risk h4{color:var(--pqd-ink);margin:12px 0 24px;font-family:inherit;font-size:23px;font-weight:600;line-height:1.3}.pqd-risk ol{counter-reset:risk-step;margin:0;padding:0;list-style:none}.pqd-risk li{counter-increment:risk-step;padding:0 0 28px 46px;position:relative}.pqd-risk li:last-child{padding-bottom:0}.pqd-risk li:before{content:counter(risk-step, decimal-leading-zero);border:1px solid var(--pqd-line);width:30px;height:30px;color:var(--pqd-muted);border-radius:50%;place-items:center;font:11px ui-monospace,monospace;display:grid;position:absolute;top:0;left:0}.pqd-risk li:not(:last-child):after{content:"";border-left:1px dashed var(--pqd-line);position:absolute;top:34px;bottom:4px;left:15px}.pqd-risk-change li:not(:last-child):after{border-left-style:solid;border-left-color:var(--pqd-signal)}.pqd-risk li strong{font-size:16px;line-height:1.4;display:block}.pqd-risk li span{color:var(--pqd-muted);margin-top:6px;font-size:14px;line-height:1.6;display:block}.pqd-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;display:grid}.pqd-encryption{border-top:1px solid var(--pqd-line);border-bottom:1px solid var(--pqd-line);margin-bottom:32px;padding:26px 0}.pqc-diagram .pqd-encryption>h3{color:var(--pqd-signal);font-size:clamp(24px,3vw,34px)}.pqd-encryption>p{color:var(--pqd-muted)}.pqd-encryption-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0;padding:0;list-style:none;display:grid}.pqd-encryption-flow li{border:1px solid var(--pqd-line);background:var(--pqd-card);border-top:3px solid var(--pqd-signal);padding:18px}.pqd-encryption-flow span{color:var(--pqd-muted);font:11px/1.6 ui-monospace,monospace}.pqd-encryption-flow strong{color:var(--pqd-ink);margin:12px 0;font-size:19px;display:block}.pqd-encryption-flow p{color:var(--pqd-muted);font-size:13px;line-height:1.6}.pqd-encryption-flow b{color:var(--pqd-signal);font-size:11px;display:block}.pqc-diagram .pqd-scope{color:var(--pqd-muted);font-size:13px;line-height:1.7}.pqd-scope a{color:var(--pqd-signal);text-decoration:underline}.pqd-node{border:1px solid var(--pqd-line);background:var(--pqd-card);border-radius:8px;padding:22px;position:relative}.pqd-node>svg{width:100%;height:130px;color:var(--pqd-accent);display:block}.pqd-step{color:var(--pqd-muted);letter-spacing:.08em;font:700 11px/1.6 ui-monospace,monospace}.pqc-diagram h3{color:var(--pqd-ink);margin:12px 0;font-size:21px;line-height:1.3}.pqc-diagram .pqd-node p{color:var(--pqd-muted);margin:0;font-size:14px;line-height:1.6}.pqd-connection{color:var(--pqd-signal);margin-top:18px;font:11px/1.6 ui-monospace,monospace;display:block}.pqd-node:not(:last-child):after{content:"";border-top:2px solid var(--pqd-connector);width:37px;position:absolute;top:50%;right:-37px}.pqd-node:not(:last-child):before{content:"";border-top:2px solid var(--pqd-connector);border-right:2px solid var(--pqd-connector);width:9px;height:9px;position:absolute;top:calc(50% - 4px);right:-33px;transform:rotate(45deg)}.pqd-threat{border-top:1px solid var(--pqd-line);grid-template-columns:220px minmax(0,1fr);gap:36px;margin-top:30px;padding-top:26px;display:grid}.pqd-attacker{grid-template-columns:58px 1fr;align-items:center;gap:0 14px;display:grid}.pqd-attacker svg{width:58px;color:var(--pqd-muted);grid-row:span 2}.pqd-attacker span{color:var(--pqd-muted);font-size:12px}.pqd-attack-path{border-left:3px solid var(--pqd-accent);padding-left:22px}.pqd-attack-path strong{color:var(--pqd-accent)}.pqd-attack-path p{color:var(--pqd-muted);margin:8px 0 0;font-size:14px}.pqc-diagram .pqd-note{color:var(--pqd-muted);margin:26px 0 0;font-size:12px;line-height:1.7}.pqd-note a{color:var(--pqd-signal);text-decoration:underline}@media (width<=760px){.marketing-home .pqc-diagram{margin:24px 16px}.pqc-diagram .pqd-top{display:block}.pqd-risk-pair,.pqd-flow,.pqd-threat,.pqd-encryption-flow{grid-template-columns:minmax(0,1fr)}.pqd-flow{gap:28px}.pqd-node:not(:last-child):after{border-top:0;border-left:2px solid var(--pqd-connector);width:0;height:29px;top:auto;bottom:-29px;right:50%}.pqd-node:not(:last-child):before{top:auto;bottom:-26px;right:calc(50% - 4px);transform:rotate(135deg)}.pqd-node>svg{height:100px}.pqd-threat{gap:18px}}
