.integration-visual{background:#0b1929}.visual-layout{grid-template-columns:1.5fr 1fr;align-items:center;gap:35px;margin-top:32px;display:grid}.platform-drawing{position:relative}.platform-drawing svg{width:100%;height:auto;display:block}.visual-hotspot{color:#dbf8f3;cursor:pointer;background:#10293e;border:2px solid #7bcabf;border-radius:50%;width:44px;height:44px;font:700 16px system-ui;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #7bcabf18}.visual-hotspot[aria-pressed=true]{color:#082031;background:#7bcabf;box-shadow:0 0 0 9px #7bcabf26}.concept-label{color:#94b4c5;font-size:.75rem;position:absolute;bottom:10px;left:18px}.visual-tabs{flex-wrap:wrap;gap:8px;margin-bottom:25px;display:flex}.visual-tabs button{font:inherit;color:#c7dce6;cursor:pointer;background:#132b3d;border:1px solid #37566a;border-radius:8px;padding:10px;font-size:.85rem}.visual-tabs button[aria-pressed=true]{color:#7bcabf;border-color:#7bcabf}.visual-info h3{margin-bottom:12px;font-size:1.8rem}.visual-info p{color:#b8cbd8;margin-bottom:22px}.visual-info article[hidden]{display:none}.visual-hotspot:focus-visible,.visual-tabs button:focus-visible{outline-offset:4px;outline:3px solid #71c2ff}.method-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:35px 0 22px;padding:0;list-style:none;display:grid}.method-steps li{background:#102437;border:1px solid #345065;border-radius:16px;min-width:0;padding:25px;position:relative}.method-steps li:not(:last-child):after{content:"→";color:#7bcabf;z-index:1;font-size:24px;position:absolute;top:45px;right:-17px}.method-number{color:#7593a5;font-size:.85rem;position:absolute;top:18px;right:18px}.method-steps svg{color:#7bcabf;width:44px;height:44px;margin-bottom:20px}.method-steps h3{margin-bottom:12px;font-size:1.25rem;line-height:1.3}.method-steps p{color:#b9cbd7;font-size:.95rem}.method-feedback{color:#9fcfc7;border-top:1px dashed #426476;padding-top:18px;font-size:.95rem}@media (width<=850px){.visual-layout{grid-template-columns:1fr}.method-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.method-steps li:after{display:none}}@media (width<=500px){.method-steps{grid-template-columns:1fr}.method-steps li{grid-template-columns:44px 1fr;column-gap:20px;display:grid}.method-steps svg{grid-row:1/3;margin:0}.method-steps h3{padding-right:25px}.visual-hotspot{width:40px;height:40px}.concept-label{font-size:.65rem}}.home-page .hero,.about-page .hero{min-height:75vh}.home-page .hero-content,.about-page .hero-content{padding:5rem 0}.home-page h1,.about-page h1{font-size:clamp(3rem,6vw,5.8rem)}.home-page section{scroll-margin-top:90px}.home-page .services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-page .card{transition:transform .2s,border-color .2s}.home-page .card:hover,.home-page .card:focus-within{border-color:#4fb3ff;transform:translateY(-5px)}.home-page .card .section-actions{margin-top:20px}.service-finder{background:linear-gradient(135deg,#0e2336,#101d2f);border-block:1px solid #223a4e}.finder-options{flex-wrap:wrap;gap:12px;margin:30px 0;display:flex}.finder-options button{font:inherit;color:#d4e2eb;cursor:pointer;background:#132d40;border:1px solid #3d566b;border-radius:30px;padding:12px 18px;font-weight:600;transition:background .2s,color .2s}.finder-options button[aria-pressed=true]{color:#082031;background:#7bcabf;border-color:#7bcabf}.finder-options button:hover{border-color:#7bcabf}.finder-options button:focus-visible{outline-offset:4px;outline:3px solid #71c2ff}.finder-result{background:#0b1929;border-left:3px solid #7bcabf;border-radius:0 14px 14px 0;max-width:850px;padding:30px}.finder-result[hidden]{display:none}.finder-result h3{margin:8px 0 12px;font-size:1.7rem}.finder-result p{color:#bfd0dd;margin-bottom:22px}.finder-result .btn{gap:15px}.about-page .rich-text{max-width:850px}.about-page .rich-text p{margin-bottom:20px}.about-page .rich-text li{margin-bottom:16px}.home-page .split-media img{aspect-ratio:4/3;object-fit:cover;border-radius:18px}@media (width<=850px){.home-page .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.home-page .services-grid{grid-template-columns:1fr}.home-page .hero-content,.about-page .hero-content{padding:3rem 0}.finder-options{gap:8px}.finder-options button{padding:10px 14px;font-size:.9rem}.finder-result{padding:22px}}@media (prefers-reduced-motion:reduce){.home-page .card,.finder-options button{transition:none}.home-page .card:hover,.home-page .card:focus-within{transform:none}}