.og-tools-page{--ogp:#401e97;color:#19151f;background:#fff;overflow:hidden}.og-tools-page *{box-sizing:border-box}.og-tools-hero{isolation:isolate;background:radial-gradient(circle at 82% 30%,#eae2fa 0,#0000 29%),linear-gradient(125deg,#faf8ff,#fff 65%);min-height:540px;padding:clamp(105px,13vw,160px) clamp(22px,8vw,120px) 75px;position:relative}.og-tools-hero:after{content:"";z-index:-1;opacity:.2;background-image:radial-gradient(#6f51ae 1px,#0000 1px);background-size:19px 19px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}.og-tools-eyebrow,.og-tools-kicker{color:var(--ogp);letter-spacing:.16em;margin:0;font-size:10px;font-weight:800}.og-tools-eyebrow{align-items:center;gap:10px;display:flex}.og-tools-eyebrow span{background:#ff0800;border-radius:50%;width:8px;height:8px}.og-tools-hero h1{letter-spacing:-.085em;max-width:850px;margin:27px 0 23px;font-size:clamp(3.6rem,9vw,8rem);font-weight:650;line-height:.88;position:relative}.og-tools-hero h1 em,.og-tools-end h2 em{color:var(--ogp);font-family:Georgia,serif;font-weight:400}.og-tools-lead{color:#6e6677;max-width:590px;font-size:clamp(1rem,1.7vw,1.18rem);line-height:1.8}.og-tools-tags{color:#898191;letter-spacing:.12em;flex-wrap:wrap;gap:10px 22px;margin-top:30px;font-size:9px;font-weight:800;display:flex}.og-tools-orbit{z-index:-1;aspect-ratio:1;color:#401e9714;letter-spacing:-.1em;border:1px solid #401e9722;border-radius:50%;place-items:center;width:clamp(180px,25vw,340px);font-size:clamp(5rem,12vw,10rem);font-weight:800;display:grid;position:absolute;top:23%;right:5%;transform:rotate(-12deg)}.og-tools-orbit:before,.og-tools-orbit:after{content:"";border:1px dashed #401e972b;border-radius:50%;position:absolute;inset:12%}.og-tools-orbit:after{border-style:solid;inset:25%}.og-tools-list{max-width:1280px;margin:auto;padding:clamp(65px,9vw,110px) clamp(20px,6vw,75px)}.og-tools-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px;display:flex}.og-tools-heading h2{letter-spacing:-.075em;margin:12px 0 0;font-size:clamp(2.5rem,5vw,4.3rem);line-height:1}.og-tools-heading>p{color:#77707f;max-width:350px;font-size:.95rem;line-height:1.7}.og-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.og-tool-card{--accent:#6845b5;background:linear-gradient(145deg,#fff,#faf8ff);border:1px solid #e9e4f0;border-radius:23px;flex-direction:column;min-width:0;padding:clamp(22px,3vw,36px);transition:transform .3s,border-color .3s,box-shadow .3s;display:flex}.og-tool-vector{--accent:#b95848;background:linear-gradient(145deg,#fff,#fff8f5)}.og-tool-card:hover{border-color:color-mix(in srgb,var(--accent) 35%,white);transform:translateY(-4px);box-shadow:0 20px 55px #24153d0d}.og-tool-top{color:var(--accent);justify-content:space-between;align-items:center;font-size:12px;font-weight:800;display:flex}.og-tool-top small{letter-spacing:.1em;font-size:9px}.og-tool-art{background:#f4f0fb;border-radius:16px;place-items:center;min-height:175px;margin:23px 0 24px;display:grid;overflow:hidden}.og-tool-vector .og-tool-art{background:#fff0ec}.og-frame-stack{gap:8px;display:flex;position:relative;transform:rotate(-6deg)}.og-frame-stack i{background:linear-gradient(145deg,#b8a5e1,#fff 60%,#d8ccef);border:1px solid #6845b555;border-radius:7px;width:43px;height:67px;box-shadow:0 8px 18px #401e9712}.og-frame-stack i:nth-child(2){background:linear-gradient(145deg,#9d83d1,#e8e0f8);transform:translateY(9px)}.og-frame-stack i:nth-child(3){background:linear-gradient(145deg,#e3daf5,#fff)}.og-frame-stack b{color:#fff;background:#401e97;border-radius:50%;place-items:center;width:36px;height:36px;padding-left:3px;font-size:12px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.og-vector-stack{background:#fff;border:1px solid #b9584855;border-radius:12px;place-items:center;width:135px;height:88px;display:grid;position:relative;transform:rotate(-5deg);box-shadow:10px 10px #b9584812}.og-vector-stack b{color:#b95848;letter-spacing:-.08em;font-size:26px}.og-vector-stack i{color:#fff;background:#b95848;border-radius:7px;padding:8px 10px;font-size:10px;font-style:normal;font-weight:800;position:absolute;bottom:-12px;right:-19px}.og-tool-format{color:var(--accent);letter-spacing:.13em;margin:0 0 8px;font-size:9px;font-weight:800}.og-tool-card h3{letter-spacing:-.07em;margin:0;font-size:clamp(1.9rem,3.4vw,2.8rem);line-height:1}.og-tool-desc{color:#716a79;margin:14px 0 20px;font-size:.92rem;line-height:1.75}.og-tool-card ul{border-top:1px solid #eee9f3;gap:10px;margin:0 0 25px;padding:18px 0 0;list-style:none;display:grid}.og-tool-card li{color:#514b59;align-items:center;gap:10px;font-size:.83rem;display:flex}.og-tool-card li span{color:var(--accent);font-weight:800}.og-tool-link{background:var(--accent);color:#fff;border-radius:10px;justify-content:space-between;align-items:center;margin-top:auto;padding:15px 17px;font-size:.88rem;font-weight:700;transition:background .2s;display:flex}.og-tool-link:hover{background:#21162f}.og-tool-link span{font-size:1.2rem}.og-tools-note{text-align:center;color:#837b8b;margin:28px 0 0;font-size:.88rem}.og-tools-end{text-align:center;background:#f7f4fc;padding:clamp(70px,9vw,115px) 20px}.og-tools-end h2{letter-spacing:-.08em;margin:20px 0;font-size:clamp(2.8rem,7vw,5.6rem);line-height:.95}.og-tools-end>p:not(.og-tools-kicker){color:#716a79}.og-tools-end>a{color:#fff;background:#19151f;border-radius:10px;gap:24px;margin-top:18px;padding:14px 19px;font-size:.9rem;font-weight:700;display:inline-flex}.og-tools-end>a span{color:#cbbaf2}@media (max-width:760px){.og-tools-hero{min-height:0;padding:95px 23px 70px}.og-tools-orbit{opacity:.7;top:14%;right:-18%}.og-tools-heading{flex-direction:column;align-items:flex-start;gap:10px}.og-tools-grid{grid-template-columns:1fr}.og-tool-card{border-radius:19px}}@media (prefers-reduced-motion:reduce){.og-tools-page *{transition:none!important;animation:none!important}}