.transparent-page{--transparent-accent:#5c55e8;--transparent-teal:#23aa9a;--transparent-soft:#f7f8fc}
.transparent-hero{background:radial-gradient(circle at 10% 8%,rgba(92,85,232,.15),transparent 30%),radial-gradient(circle at 90% 16%,rgba(35,170,154,.17),transparent 29%),linear-gradient(180deg,#fff,#f8f9fd)}
.transparent-hero .container-xxl{grid-template-columns:minmax(0,1fr) minmax(430px,.82fr)}
.transparent-comparison{width:100%;max-width:560px;aspect-ratio:.76/1;margin-left:auto;scroll-margin-top:110px;background:#fff}
.transparent-layer{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}
.transparent-layer img{width:100%;height:100%;object-fit:cover}
.transparent-after{z-index:1;background-color:#fff;background-image:linear-gradient(45deg,#e8e9ef 25%,transparent 25%),linear-gradient(-45deg,#e8e9ef 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8e9ef 75%),linear-gradient(-45deg,transparent 75%,#e8e9ef 75%);background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0}
.transparent-before-wrap{position:absolute;z-index:2;inset:0;overflow:hidden;clip-path:inset(0 calc(100% - var(--position)) 0 0);will-change:clip-path}
.transparent-before{background:#fff}
.transparent-comparison .comparison-range{touch-action:pan-y}
.transparent-upload-section{background:#fff}
.transparent-outcome-list{display:grid;gap:.5rem;margin:1.1rem 0;padding:0;list-style:none}
.transparent-outcome-list li{position:relative;padding-left:1.5rem;color:#5f6173;font-size:.82rem}
.transparent-outcome-list li:before{position:absolute;content:"✓";left:0;top:0;color:var(--transparent-teal);font-weight:850}
.transparent-intent-note{padding:.85rem 1rem;border-left:3px solid var(--transparent-accent);border-radius:0 12px 12px 0;background:#f2f1ff}
.transparent-steps{background:var(--transparent-soft)}
.transparent-step-layout{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.transparent-step-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0;padding:0;list-style:none}
.transparent-step-grid li{min-height:180px;padding:1.35rem;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:0 12px 34px rgba(31,30,65,.04)}
.transparent-step-grid span,.transparent-use-grid article>span{color:#9592aa;font-size:.65rem;font-weight:850;letter-spacing:.05em}
.transparent-step-grid h3{margin:1.7rem 0 .4rem}
.transparent-step-grid p{margin:0;color:var(--muted);font-size:.79rem}
.transparent-workflow-card{overflow:hidden;margin:0;border:1px solid var(--line);border-radius:25px;background:#fff;box-shadow:var(--shadow)}
.transparent-workflow-card img{display:block;width:100%;height:auto}
.transparent-workflow-card figcaption{padding:.85rem 1rem;color:#6c6e80;font-size:.7rem}
.transparency-explained{background:#fff}
.transparency-explained-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,6rem);align-items:center}
.transparency-explained-layout p{color:var(--muted);font-size:.84rem}
.transparency-explained-layout a{color:#423dca;font-weight:750;text-decoration:underline}
.alpha-demo{overflow:hidden;border:1px solid var(--line);border-radius:27px;background:#fff;box-shadow:var(--shadow)}
.alpha-demo-subject{display:grid;min-height:390px;place-items:center;padding:2rem;background-color:#fff;background-image:linear-gradient(45deg,#e9eaf0 25%,transparent 25%),linear-gradient(-45deg,#e9eaf0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9eaf0 75%),linear-gradient(-45deg,transparent 75%,#e9eaf0 75%);background-size:26px 26px;background-position:0 0,0 13px,13px -13px,-13px 0}
.alpha-demo-subject img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 28px rgba(33,34,46,.16))}
.alpha-layer-row{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;border-top:1px solid var(--line);background:#fafbfe}
.alpha-layer-row span{padding:.32rem .55rem;border:1px solid #e1e2eb;border-radius:99px;color:#686a7b;background:#fff;font-size:.61rem;font-weight:760}
.transparent-use-cases{background:var(--transparent-soft)}
.transparent-use-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}
.transparent-use-grid article{display:flex;grid-column:span 2;overflow:hidden;padding:1rem;border:1px solid var(--line);border-radius:23px;background:#fff;flex-direction:column;transition:transform .25s,box-shadow .25s}
.transparent-use-grid article:nth-child(4),.transparent-use-grid article:nth-child(5){grid-column:span 3}
.transparent-use-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(36,34,76,.09)}
.transparent-use-grid img{display:block;width:100%;height:210px;margin-bottom:1rem;border-radius:16px;object-fit:cover}
.transparent-use-grid h3{margin:1.2rem 0 .4rem}
.transparent-use-grid p{margin:0;color:var(--muted);font-size:.78rem}
.use-detail-list{display:grid;grid-template-columns:1fr 1fr;gap:.3rem .7rem;margin:.65rem 0 0;padding:0;list-style:none;color:#696b7d;font-size:.7rem}
.use-detail-list li{position:relative;padding-left:.9rem}
.use-detail-list li:before{position:absolute;content:"•";left:0;color:var(--transparent-teal);font-weight:900}
.transparent-use-grid small{display:block;margin-top:.75rem;color:#858798;font-size:.66rem;line-height:1.55}
.transparent-specialists{background:#fff}
.transparent-special-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.transparent-special-grid>a{display:flex;min-height:260px;padding:1.35rem;border:1px solid var(--line);border-radius:22px;color:var(--ink);background:linear-gradient(145deg,#fff,#fbfbfe);flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s}
.transparent-special-grid>a:hover{transform:translateY(-4px);border-color:#cbc8f5;box-shadow:0 18px 42px rgba(36,34,76,.09)}
.transparent-special-grid b{color:var(--transparent-accent);font-size:.66rem}
.transparent-special-grid h3{margin:2rem 0 .45rem}
.transparent-special-grid p{margin:0 0 1rem;color:var(--muted);font-size:.78rem}
.transparent-special-grid span{margin-top:auto;color:#423dca;font-size:.7rem;font-weight:780}
.transparent-benefits{background:var(--transparent-soft)}
.transparent-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.transparent-benefit-grid article{padding:1.4rem;border:1px solid var(--line);border-radius:21px;background:#fff}
.transparent-benefit-grid b{color:var(--transparent-accent);font-size:.68rem}
.transparent-benefit-grid h3{margin:1.7rem 0 .4rem}
.transparent-benefit-grid p{margin:0;color:var(--muted);font-size:.8rem}
.transparent-technology{color:#fff;background:radial-gradient(circle at 14% 18%,rgba(35,170,154,.25),transparent 28%),linear-gradient(145deg,#25274a,#4e50a2)}
.transparent-tech-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(2rem,7vw,7rem);align-items:center}
.transparent-tech-layout .eyebrow{color:#c9c8ff}
.transparent-tech-layout>div:first-child p{color:#e1e2ef}
.transparent-tech-layout>div:first-child img{display:block;width:min(100%,360px);max-height:420px;margin:1.3rem auto 0;object-fit:contain;filter:drop-shadow(0 24px 35px rgba(0,0,0,.25))}
.transparent-tech-list{overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:22px}
.transparent-tech-list article{display:flex;gap:1rem;padding:1.15rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06)}
.transparent-tech-list article:last-child{border-bottom:0}
.transparent-tech-list b{color:#8ee4d9;font-size:.68rem}
.transparent-tech-list h3{margin:0 0 .25rem;color:#fff}
.transparent-tech-list p{margin:0;color:#dfe0ed;font-size:.78rem}
.transparent-guidance{background:#fff}
.transparent-guidance-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(2rem,6vw,6rem);align-items:center}
.transparent-tip-list{display:grid;grid-template-columns:1fr 1fr;gap:0 1.4rem}
.transparent-tip-list article{padding:1rem 0;border-bottom:1px solid #e2e3ea}
.transparent-tip-list h3{margin:0 0 .25rem}
.transparent-tip-list p{margin:0;color:var(--muted);font-size:.77rem}
.transparent-tip-visual{overflow:hidden;margin:0;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:var(--shadow)}
.transparent-tip-visual img{display:block;width:100%;max-height:600px;object-fit:cover;object-position:center top}
.transparent-tip-visual figcaption{display:flex;padding:1rem 1.1rem;flex-direction:column}
.transparent-tip-visual figcaption b{font-size:.8rem}
.transparent-tip-visual figcaption span{color:var(--muted);font-size:.7rem}
.transparent-difficult{background:var(--transparent-soft)}
.transparent-difficult-card{display:grid;grid-template-columns:1fr 300px;gap:clamp(1.5rem,5vw,4rem);align-items:center;overflow:hidden;padding:clamp(1.5rem,4vw,3rem);border-radius:28px;color:#fff;background:radial-gradient(circle at 85% 12%,rgba(35,170,154,.27),transparent 30%),linear-gradient(145deg,#25264c,#5658aa)}
.transparent-difficult-card .eyebrow{color:#c9c7ff}
.transparent-difficult-card p{color:#e4e4f1;font-size:.83rem}
.difficult-detail-list{display:grid;grid-template-columns:1fr 1fr;gap:.35rem 1rem;margin:1rem 0 1.2rem;padding:0;list-style:none;color:#e8e8f4;font-size:.73rem}
.difficult-detail-list li{position:relative;padding-left:1rem}
.difficult-detail-list li:before{position:absolute;content:"✓";left:0;color:#8ee4d9;font-weight:850}
.transparent-difficult-card a{color:#fff;font-weight:760;text-decoration:underline}
.transparent-difficult-card img{display:block;width:100%;max-height:430px;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(0,0,0,.22))}
.transparent-next{background:#fff}
.transparent-next-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.transparent-next-grid>a{display:flex;min-height:245px;padding:1.25rem;border:1px solid var(--line);border-radius:21px;color:var(--ink);background:#fff;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s}
.transparent-next-grid>a:hover{transform:translateY(-4px);border-color:#cbc8f5;box-shadow:0 18px 42px rgba(36,34,76,.09)}
.transparent-next-grid span{color:#9996ad;font-size:.65rem;font-weight:850}
.transparent-next-grid h3{margin:1.7rem 0 .4rem}
.transparent-next-grid p{margin:0 0 1rem;color:var(--muted);font-size:.75rem}
.transparent-next-grid b{margin-top:auto;color:#423dca;font-size:.68rem}
.transparent-final-cta{background:radial-gradient(circle at 12% 15%,rgba(35,170,154,.4),transparent 29%),radial-gradient(circle at 88% 85%,rgba(240,106,194,.28),transparent 30%),#4e45c7}
.transparent-final-cta .final-policy{margin:1rem auto 0;color:#e5e4fb;font-size:.67rem}
.transparent-final-cta .final-policy a{color:#fff;text-decoration:underline}
@media (max-width:1199.98px){.transparent-special-grid{grid-template-columns:repeat(2,1fr)}.transparent-next-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:991.98px){.transparent-hero .container-xxl,.transparent-step-layout,.transparency-explained-layout,.transparent-tech-layout,.transparent-guidance-grid{grid-template-columns:1fr}.transparent-comparison{max-width:520px;margin:auto}.transparent-workflow-card,.alpha-demo,.transparent-tip-visual{width:100%;max-width:720px;margin:auto}.transparent-use-grid{grid-template-columns:1fr 1fr}.transparent-use-grid article,.transparent-use-grid article:nth-child(4),.transparent-use-grid article:nth-child(5){grid-column:auto}.transparent-tech-layout{gap:2.2rem}.transparent-tech-layout>div:first-child{text-align:center}.transparent-next-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767.98px){.transparent-step-grid,.transparent-benefit-grid,.transparent-tip-list{grid-template-columns:1fr}.transparent-step-grid li{min-height:0}.transparent-use-grid{grid-template-columns:1fr}.transparent-difficult-card{grid-template-columns:1fr}.transparent-difficult-card img{max-height:340px}.transparent-next-grid{grid-template-columns:1fr}.transparent-use-grid img{height:240px}}
@media (max-width:575.98px){.transparent-comparison{aspect-ratio:4/5}.transparent-special-grid{grid-template-columns:1fr}.transparent-special-grid>a{min-height:220px}.alpha-demo-subject{min-height:290px;padding:1rem}.transparent-use-grid img{height:210px}.transparent-difficult-card img{max-height:290px}.use-detail-list,.difficult-detail-list{grid-template-columns:1fr}}