.itnet-faq-page{--fq-accent:#198ef8;padding:155px 0 84px;color:var(--ink);text-align:start}.itnet-faq-page *{box-sizing:border-box}.itnet-faq-page .fq-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;padding:15px 0 45px}.fq-kicker{display:block;color:var(--fq-accent);font-size:12px;font-weight:650;margin-bottom:14px}.itnet-faq-page h1{font-size:clamp(34px,4.5vw,62px);line-height:1.35;letter-spacing:-.025em;max-width:18ch;margin:0 0 22px}.itnet-faq-page p{color:var(--muted);font-size:15px;line-height:1.95;margin:0}.fq-hero p{max-width:48ch}.fq-text-link{display:inline-flex;gap:16px;align-items:center;color:var(--fq-accent);margin-top:25px;font-size:14px;text-decoration:none}
.fq-visual{position:relative;aspect-ratio:1.15;max-width:430px;width:100%;margin:auto}.fq-orbit{position:absolute;inset:20% 8%;border:1px dashed color-mix(in srgb,var(--ink) 18%,transparent);border-radius:50%;transform:rotate(-28deg)}.fq-logo{position:absolute;left:38%;top:34%;width:26%;aspect-ratio:1;background:#fff;border:1px solid #dae3ea;border-radius:50%;display:grid;place-items:center}.fq-logo img{width:78%;height:78%;object-fit:contain}.fq-bubble{position:absolute;width:68%;padding:19px;border:1px solid color-mix(in srgb,var(--ink) 15%,transparent);border-radius:22px;background:var(--card,#1b2028);animation:fq-float 10s ease-in-out infinite}.fq-question{top:0;inset-inline-start:0}.fq-reply{bottom:0;inset-inline-end:0;animation-delay:-5s;--fq-accent:#a17bde}.fq-bubble small{display:block;font-size:11px;color:var(--fq-accent);margin-bottom:8px}.fq-bubble b{display:block;font-size:15px;line-height:1.7}.fq-symbol{float:inline-end;color:var(--fq-accent);font-size:25px;font-weight:700}.fq-lines{display:flex;gap:7px;margin-top:14px}.fq-lines i{width:52%;height:3px;border-radius:4px;background:color-mix(in srgb,var(--ink) 12%,transparent)}.fq-lines i:last-child{width:24%}
.fq-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0 64px;scroll-margin-top:130px}.fq-category{display:flex;align-items:center;gap:14px;min-height:88px;padding:19px;border:1px solid color-mix(in srgb,var(--ink) 15%,transparent);border-radius:18px;background:var(--card,#1b2028);color:var(--ink);font-size:14px;text-decoration:none;transition:transform .25s,border-color .25s}.fq-category>span:last-child{margin-inline-start:auto;color:var(--fq-accent)}.fq-category:hover{transform:translateY(-3px);border-color:var(--fq-accent)}.fq-index{color:var(--fq-accent);font-size:11px;direction:ltr;flex-shrink:0;font-variant-numeric:tabular-nums}.fq-tone-1{--fq-accent:#a17bde}.fq-tone-2{--fq-accent:#3cbca6}.fq-group{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:60px;padding:45px 0;border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent);scroll-margin-top:115px}.fq-group h2,.fq-contact h2{font-size:clamp(24px,2.6vw,34px);line-height:1.5;margin:0 0 12px}.fq-item{border:1px solid color-mix(in srgb,var(--ink) 13%,transparent);border-inline-start:3px solid transparent;border-radius:15px;background:var(--card,#1b2028);margin-bottom:12px;transition:border-color .25s,background .25s;interpolate-size:allow-keywords}.fq-item summary{display:flex;align-items:center;gap:14px;list-style:none;cursor:pointer;padding:21px 19px;font-size:15px;font-weight:600;line-height:1.8}.fq-item summary::-webkit-details-marker{display:none}.fq-item summary>span:nth-child(2){flex:1}.fq-plus{display:grid;place-items:center;width:25px;height:25px;font-size:23px;font-weight:400;color:var(--fq-accent);transition:transform .3s;flex-shrink:0}.fq-item[open]{border-inline-start-color:var(--fq-accent)}.fq-item[open] .fq-plus{transform:rotate(45deg)}.fq-answer{padding:0 20px 22px 20px}.fq-answer p{font-size:14px}.fq-item[open] .fq-answer{animation:fq-answer .3s ease-out}.fq-item::details-content{transition:height .3s,content-visibility .3s allow-discrete;height:0;overflow:clip}.fq-item[open]::details-content{height:auto}
.fq-contact{display:grid;grid-template-columns:1.3fr 1fr;gap:36px;align-items:center;border:1px solid color-mix(in srgb,var(--ink) 15%,transparent);border-radius:25px;padding:36px;background:var(--card,#1b2028);margin-top:36px}.fq-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.fq-button{display:flex;align-items:center;justify-content:center;gap:18px;padding:14px 22px;border:1px solid var(--blue);border-radius:30px;background:var(--blue);color:#fff;font-size:14px;font-weight:600;text-decoration:none}.fq-secondary{color:#a17bde;background:transparent;border-color:#a17bde}.itnet-faq-page :is(a,summary):focus-visible{outline:2px solid var(--fq-accent);outline-offset:5px}
@keyframes fq-float{50%{transform:translateY(-9px)}}@keyframes fq-answer{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:760px){.itnet-faq-page{padding-top:140px}.itnet-faq-page .fq-hero{grid-template-columns:1fr;gap:28px}.fq-visual{max-width:330px}.fq-categories{grid-template-columns:1fr;gap:10px;margin-bottom:35px}.fq-category{min-height:64px;padding:15px 18px}.fq-group{grid-template-columns:1fr;gap:22px;padding:32px 0}.fq-contact{grid-template-columns:1fr;padding:25px}.fq-actions{justify-content:stretch}.fq-button{flex:1;white-space:nowrap}.fq-item summary{font-size:14px;padding:17px 14px;gap:10px}.fq-contact h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.itnet-faq-page *,.itnet-faq-page *::details-content{animation:none!important;transition:none!important}}