@layer components{.int-dark-bg{background:var(--black);color:var(--white);position:relative;overflow:hidden}.int-dark-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.045) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.int-hero-tag{background:#ffffff14;border:1.5px solid rgba(255,255,255,.15)}.int-hero-tag svg{color:var(--green)}.int-hero h1{font-size:clamp(36px,5.5vw,58px)}.int-hero h1 span{color:var(--blue)}.int-hero-sub{font-size:19px}.int-hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.22),transparent 70%);top:40%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.int-hero-geo-1{position:absolute;width:160px;height:160px;border-radius:50%;border:2.5px solid rgba(255,255,255,.06);top:-20px;right:-40px}.int-hero-geo-2{position:absolute;width:100px;height:100px;border-radius:12px;border:2.5px solid rgba(255,255,255,.04);bottom:10px;left:-30px;transform:rotate(15deg)}.morph-toolbar{border-bottom:2.5px solid var(--black)}.morph-frame .morph-toolbar{transition:background .4s ease}.morph-dot{border:2px solid var(--black)}.morph-url{background:var(--white);border-radius:4px;border:1.5px solid var(--gray-2);color:var(--gray-3)}.morph-sidebar{width:200px;padding:16px;border-right:2px solid var(--gray-2);flex-shrink:0;transition:all .4s ease}.morph-sidebar-item{background:var(--gray-2)}.morph-sidebar-item.active{background:var(--primary);opacity:.4}.morph-guide{padding:20px}.morph-guide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;pointer-events:none;z-index:5}.morph-guide-overlay-space{width:200px;flex-shrink:0}.morph-guide-overlay-content{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.morph-frame{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s ease;pointer-events:none}.morph-frame.active{opacity:1;pointer-events:auto}.frame-notion .morph-toolbar,.frame-notion .morph-sidebar{background:#f7f6f3}.frame-notion .morph-sidebar-item{background:#e3e2de}.frame-notion .morph-sidebar-item.active{background:#37352f;opacity:.3}.frame-notion .morph-content{background:#fff}.frame-confluence .morph-toolbar{background:#0052cc;border-bottom-color:#003d99}.frame-confluence .morph-dot{border-color:#fff6}.frame-confluence .morph-url{background:#ffffff26;border-color:transparent;color:#fff9}.frame-confluence .morph-sidebar{background:#f4f5f7;border-right-color:#dfe1e6}.frame-confluence .morph-sidebar-item{background:#dfe1e6}.frame-confluence .morph-sidebar-item.active{background:#0052cc;opacity:.3}.frame-confluence .morph-content{background:#fff}.frame-slack .morph-toolbar{background:#1a1a2e;border-bottom-color:#2c2c4a}.frame-slack .morph-dot{border-color:#ffffff4d}.frame-slack .morph-url{background:#ffffff1a;border-color:transparent;color:#ffffff80}.frame-slack .morph-sidebar{background:#1a1a2e;border-right-color:#2c2c4a}.frame-slack .morph-sidebar-item{background:#2c2c4a}.frame-slack .morph-sidebar-item.active{background:var(--blue);opacity:.5}.frame-slack .morph-content{background:#fff}.frame-zendesk .morph-toolbar{background:#17494d;border-bottom-color:#0d3538}.frame-zendesk .morph-dot{border-color:#fff6}.frame-zendesk .morph-url{background:#ffffff1f;border-color:transparent;color:#ffffff80}.frame-zendesk .morph-sidebar{background:#f8f9f9;border-right-color:#e9ebed}.frame-zendesk .morph-sidebar-item{background:#e9ebed}.frame-zendesk .morph-sidebar-item.active{background:#17494d;opacity:.25}.frame-zendesk .morph-content{background:#fff}.morph-tab{padding:10px 20px;font-size:13px;background:var(--white);box-shadow:3px 3px 0 var(--black)}.morph-tab:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--black)}.morph-tab.active{background:var(--black);color:var(--white);box-shadow:3px 3px 0 var(--primary)}.int-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.int-cat-card{box-shadow:4px 4px 0 var(--black)}.int-cat-card:hover{transform:translate(-2px,-4px);box-shadow:6px 8px 0 var(--black)}.int-cat-tools span{font-weight:600;color:var(--text)}.int-export-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.int-export-card{box-shadow:3px 3px 0 var(--black)}.int-export-card:hover{transform:translate(-1px,-2px);box-shadow:4px 5px 0 var(--black)}.badge-free{background:#6dd4b126;color:#2a9d6f}.badge-pro{background:#6366f11f;color:var(--primary)}.int-enterprise{background:var(--primary);color:var(--white);position:relative;overflow:hidden}.int-enterprise:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.int-enterprise .section-header{position:relative;z-index:2}.int-enterprise .section-title{color:var(--white)}.int-enterprise .section-sub{color:#ffffffa6}.int-ent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative;z-index:2}.int-ent-card{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);padding:28px 24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s}.int-ent-card:hover{background:#ffffff1f;transform:translateY(-4px)}.int-ent-card-desc{font-size:14px;color:#ffffffa6;line-height:1.7}.int-ent-note{text-align:center;margin-top:24px;font-size:13px;color:#ffffff73;position:relative;z-index:2}.int-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.int-trust-num{font-size:36px}.int-cta h2{font-size:clamp(32px,4.5vw,48px)}.int-cta-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.18),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.int-cta-note{font-size:14px;color:#ffffff73;margin-top:16px}@media(max-width:900px){.shapes{display:none}}@media(max-width:768px){.int-hero h1{font-size:36px;letter-spacing:-1.5px}.int-hero-sub{font-size:16px}.int-cat-grid{grid-template-columns:repeat(2,1fr)}.int-export-grid{grid-template-columns:repeat(3,1fr)}.int-ent-grid{grid-template-columns:1fr}.int-trust-grid{grid-template-columns:repeat(2,1fr)}.morph-sidebar{width:140px;padding:12px}.morph-guide-overlay-space{width:140px}.morph-guide{padding:14px}}@media(max-width:480px){.int-cat-grid{grid-template-columns:1fr}.int-export-grid{grid-template-columns:repeat(2,1fr)}.morph-sidebar,.morph-guide-overlay-space{display:none}.morph-tab{padding:8px 14px;font-size:12px}.int-trust-num{font-size:28px}}}