/* DocuLens home v2.7.259 - essential navigation, restrained visual depth. */
#tab-intro [hidden] { display: none !important; }
#tab-intro .intro-layout { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); width: 100%; max-width: none; min-height: calc(100svh - 170px); gap: clamp(40px,7vw,160px); align-items: center; padding: 24px 0 42px; }
#tab-intro .intro-hero { max-width: none; margin: 0; text-align: left; }
#tab-intro .intro-overline { color: #8aa6c8; font-size: .7rem; letter-spacing: .16em; margin-bottom: 28px; }
#tab-intro .intro-hero h1 { margin: 0; max-width: none; font-size: clamp(3rem,4.1vw,7rem); font-weight: 650; line-height: 1.06; letter-spacing: -.055em; }
#tab-intro .intro-hero h1 span { color: #83bcff; background: none; -webkit-text-fill-color: currentColor; }
#tab-intro .intro-sub { margin: 26px 0 0; max-width: 520px; color: #b0c1d7; font-size: 1.02rem; line-height: 1.7; }
#tab-intro .intro-actions { display: flex; justify-content: flex-start; margin: 28px 0 0; max-width: none; }
#tab-intro .intro-actions .run-btn { display: inline-flex; align-items: center; justify-content: center; gap: 24px; min-height: 48px; padding: 15px 22px; width: auto; font-size: .88rem; border-radius: 9px; }
#tab-intro .intro-credit { margin: 24px 0 0; color: #8aa3c1; font-size: .75rem; }
.home-tool-grid { display: grid; grid-template-columns: 1fr; gap: 18px; width: 100%; }
.home-tool-card { display: grid; grid-template-columns: 58px minmax(0,1fr) 24px; gap: 22px; align-items: center; min-height: 170px; padding: 30px; border: 1px solid #334b68; border-radius: 16px; background: linear-gradient(120deg,#152b45,#0e1a2b); color: #edf5ff; text-align: left; cursor: pointer; box-shadow: inset 0 1px 0 #99ccff0d; transition: border-color .18s,transform .18s,background .18s; }
.home-tool-card:hover { border-color: #78baff; transform: translateY(-3px); background: linear-gradient(120deg,#1a3557,#112139); }
.home-card-icon { display: grid; place-items: center; width: 58px; height: 58px; border: 1px solid #385b86; border-radius: 12px; background: #1a3554; color: #9bcbff; }
.home-card-icon svg { width: 27px; height: 27px; }
.home-card-copy { display: grid; gap: 12px; min-width: 0; }
.home-card-copy strong { font-size: clamp(1.15rem,1.45vw,1.8rem); font-weight: 600; letter-spacing: -.025em; }
.home-card-copy > span { font-size: .88rem; line-height: 1.55; color: #a8bbd3; max-width: 380px; }
.home-card-arrow { color: #92c4ff; font-size: 1.5rem; transition: transform .18s; }
.home-tool-card:hover .home-card-arrow { transform: translate(2px,-2px); }
#tab-intro :is(button,a):focus-visible { outline: 2px solid #a3d5ff; outline-offset: 4px; }
@media (min-width: 2100px) { .home-tool-card { min-height: 200px; padding: 38px; } .home-card-copy > span { font-size: 1rem; } }
@media (max-width: 1050px) { #tab-intro .intro-layout { gap: 36px; } .home-tool-card { grid-template-columns: 46px minmax(0,1fr) 20px; gap: 16px; padding: 24px; min-height: 150px; } .home-card-icon { width: 46px; height: 46px; } }
@media (max-width: 800px) { #tab-intro .intro-layout { grid-template-columns: 1fr; min-height: 0; gap: 38px; padding: 24px 0; } #tab-intro .intro-hero h1 { font-size: clamp(2.6rem,7.8vw,4.5rem); } #tab-intro .intro-sub { font-size: .92rem; margin-top: 20px; } #tab-intro .intro-overline { margin-bottom: 22px; font-size: .61rem; } #tab-intro .intro-credit { margin-top: 20px; } .home-tool-grid { gap: 12px; } .home-tool-card { min-height: 128px; padding: 22px 18px; } .home-card-copy strong { font-size: 1.15rem; } .home-card-copy > span { font-size: .79rem; } }
@media (prefers-reduced-motion: reduce) { #tab-intro * { transition: none !important; animation: none !important; } .home-tool-card:hover,.home-tool-card:hover .home-card-arrow { transform: none; } }
/* v2.7.260 - angular workspace controls, shared hover and keyboard states. */
.home-tool-grid {gap:26px;counter-reset:workspace}
.home-tool-card {position:relative;isolation:isolate;counter-increment:workspace;background:none;border:0;border-radius:0;box-shadow:none;padding:34px 38px;transition:transform .22s ease;color:#eaf4ff;overflow:visible}
.home-tool-card::before {content:"";position:absolute;inset:0;z-index:-1;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px));background:linear-gradient(115deg,#19395499,#10203977 65%,#12385c55);border-top:1px solid #6095c36b;border-bottom:1px solid #31577999;transition:background .22s,filter .22s}
.home-tool-card::after {content:"";position:absolute;right:38px;top:17px;color:#6e95ba;font-size:.62rem;letter-spacing:.14em;border-top:2px solid #5ca7ed;width:40px;padding-top:8px;text-align:right;transition:color .22s,width .22s}
.home-card-icon {position:relative;width:58px;height:58px;border:0;border-radius:50%;background:radial-gradient(circle,#3d97ee24,transparent 70%);color:#85c4ff;box-shadow:none;transition:transform .22s,color .22s}
.home-card-icon::before {content:"";position:absolute;inset:0;border:1px solid #5792c877;border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-35deg);transition:transform .3s,border-color .3s}
.home-card-copy {gap:10px}
.home-card-copy strong {font-size:clamp(1.2rem,1.4vw,1.75rem);transition:color .22s}
.home-card-arrow {display:grid;place-items:center;width:30px;height:30px;font-size:1.35rem;color:#8bc8ff;border-bottom:1px solid #528db66b;transition:transform .22s,color .22s}
.home-tool-card:is(:hover,:focus-visible) {background:none;transform:translateX(5px);box-shadow:none}
.home-tool-card:is(:hover,:focus-visible)::before {background:linear-gradient(115deg,#245681b0,#12305199 65%,#1b4b7866);filter:drop-shadow(0 0 12px #3485cb18)}
.home-tool-card:is(:hover,:focus-visible)::after {color:#b4deff;width:58px}
.home-tool-card:is(:hover,:focus-visible) .home-card-copy strong {color:#a6d5ff}
.home-tool-card:is(:hover,:focus-visible) .home-card-icon::before {transform:rotate(55deg);border-color:#8ccfff;border-right-color:transparent;border-bottom-color:transparent}
.home-tool-card:is(:hover,:focus-visible) .home-card-arrow {transform:translate(3px,-3px);color:#d4edff}
.home-tool-card:active {transform:translateX(2px) scale(.995)}
@media(max-width:800px) {.home-tool-grid{gap:18px}.home-tool-card{padding:28px 22px;grid-template-columns:46px minmax(0,1fr) 24px;gap:16px}.home-card-icon{width:46px;height:46px}.home-tool-card::after{right:22px;top:10px;font-size:.55rem;width:30px;padding-top:5px}.home-tool-card:is(:hover,:focus-visible){transform:none}.home-card-copy>span{max-width:240px}}
@media(prefers-reduced-motion:reduce) {.home-tool-card:is(:hover,:focus-visible),.home-tool-card:active,.home-tool-card:is(:hover,:focus-visible) .home-card-arrow{transform:none}.home-tool-card:is(:hover,:focus-visible) .home-card-icon::before{transform:rotate(-35deg)}}