/* /ucretsiz-analiz : page styles (tokens come from site.css). Mono = JetBrains Mono, accent serif = Bodoni Moda Italic (H1 only). */
:root{--an-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;--an-err:#FF8A8A;--an-err-light:#B3261E}
.an-wrap{max-width:1240px;margin:0 auto;padding:0 24px}
@media (min-width:1024px){.an-wrap{padding:0 48px}}
.an-sec{padding:72px 0}
@media (min-width:1024px){.an-sec{padding:104px 0}}
.an-dark{background:var(--ink);color:#fff}
.an-paper{background:var(--paper);color:var(--ink)}
.an-h2{font-family:'Urbanist',sans-serif;font-weight:800;font-size:clamp(1.75rem,3.4vw,2.75rem);line-height:1.08;letter-spacing:-.02em;margin:0 0 36px;text-wrap:balance}
.an-h3{font-family:'Urbanist',sans-serif;font-weight:800;font-size:1.5rem;margin:0 0 28px}
.an-sub{margin:0 0 18px;line-height:1.6;color:rgba(245,245,242,.72)}
.an-paper .an-sub{color:rgba(10,10,10,.68)}
.an-no{font-family:var(--an-mono);font-size:.8125rem;font-weight:700;letter-spacing:.04em}

/* hero */
.an-hero{background:var(--ink);color:#fff;padding:112px 0 56px;background-image:radial-gradient(60% 55% at 10% 0%,rgba(198,255,61,.09),transparent 70%),radial-gradient(50% 50% at 100% 100%,rgba(61,90,254,.14),transparent 70%)}
.an-hero .an-wrap{display:grid;gap:36px}
@media (min-width:1024px){.an-hero{padding:136px 0 80px}.an-hero .an-wrap{grid-template-columns:6fr 5fr;gap:64px;align-items:start}}
.an-kick{font-family:var(--an-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--lime);margin:0 0 18px}
.an-hl h1{font-family:'Urbanist',sans-serif;font-weight:800;font-size:clamp(2rem,5vw,3.75rem);line-height:1.06;letter-spacing:-.025em;margin:0 0 20px;text-wrap:balance}
.an-lead{font-size:1.0625rem;line-height:1.65;color:rgba(245,245,242,.78);max-width:52ch;margin:0}

/* form card */
.an-card{background:#141414;border:1px solid #262626;border-radius:20px;padding:24px;min-height:430px}
@media (min-width:640px){.an-card{padding:32px}}
.an-progress{display:flex;gap:8px;margin-bottom:20px}
.an-dot{width:28px;height:4px;border-radius:2px;background:#333;transition:background-color .2s}
.an-dot.is-on{background:var(--lime)}
.an-form fieldset{border:0;margin:0;padding:0;min-width:0}
.an-form .an-view[hidden]{display:none}
.an-legend{padding:0;margin:0 0 18px;display:block}
.an-step{display:block;font-family:var(--an-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(245,245,242,.6);margin-bottom:8px}
.an-legend h2,.an-thanks h2{font-family:'Urbanist',sans-serif;font-weight:800;font-size:1.5rem;line-height:1.15;letter-spacing:-.01em;margin:0;outline:none}
.an-label{display:block;font-weight:600;font-size:.9375rem;margin:0 0 8px;color:#fff}
.an-card input[type=text],.an-card input[type=email],.an-card input[type=url]{width:100%;background:#0A0A0A;border:1px solid #3F3F46;border-radius:12px;color:#fff;font:inherit;font-size:1rem;padding:14px 16px;min-height:48px}
.an-card input::placeholder{color:rgba(245,245,242,.4)}
.an-card input[aria-invalid="true"]{border-color:var(--an-err)}
.an-card :focus-visible,.an-link:focus-visible,.an-btn:focus-visible,.an-qa summary:focus-visible,.hero-cta:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.an-field{margin-bottom:16px}
.an-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:999px;border:0;background:var(--lime);color:var(--ink);font-family:'Urbanist',sans-serif;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .2s}
.an-btn:hover{background:#fff}
.an-btn[disabled]{opacity:.6;cursor:wait}
.an-btn-ghost{background:transparent;color:#fff;border:1px solid #52525B}
.an-form #an-url+.an-err+.an-btn{margin-top:16px;width:100%}
.an-form .an-view[data-step="1"] .an-btn{width:100%;margin-top:16px}
.an-note{font-family:var(--an-mono);font-size:.75rem;color:rgba(245,245,242,.6);margin:12px 0 0}
.an-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:20px}
.an-link{background:none;border:0;padding:12px 0;min-height:44px;color:rgba(245,245,242,.82);font:inherit;font-size:.9375rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.an-link:hover{color:#fff}
.an-alt{margin:8px 0 0}
.an-err{display:flex;align-items:flex-start;gap:6px;margin:8px 0 0;color:var(--an-err);font-size:.875rem;line-height:1.4}
.an-err[hidden]{display:none}
.an-err svg{flex:none;margin-top:2px}
.an-err-block{margin-top:16px}
.an-q{margin:0 0 20px}
.an-ql{font-weight:600;margin:0 0 10px;font-size:.9375rem}
.an-chips{display:flex;flex-wrap:wrap;gap:8px}
.an-chip input{position:absolute;opacity:0;width:1px;height:1px}
.an-chip label{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid #3F3F46;border-radius:999px;font-size:.9375rem;color:rgba(245,245,242,.88);cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}
.an-chip label:hover{border-color:#8A8A93;color:#fff}
.an-chip input:checked+label{background:var(--lime);border-color:var(--lime);color:var(--ink);font-weight:700}
.an-chip input:focus-visible+label{outline:2px solid var(--lime);outline-offset:2px}
.an-check{display:flex;gap:12px;align-items:flex-start;margin:14px 0 0;font-size:.875rem;line-height:1.5;color:rgba(245,245,242,.8);cursor:pointer}
.an-check input{flex:none;width:22px;height:22px;margin-top:0;accent-color:var(--lime)}
.an-check a{color:var(--lime);text-decoration:underline}
.an-check i{font-style:normal;color:rgba(245,245,242,.55)}
.an-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.an-cal{min-height:420px;border-radius:12px;overflow:hidden}
.an-calfail{padding:16px;border:1px solid #3F3F46;border-radius:12px;line-height:1.55}
.an-calfail a{color:var(--lime);text-decoration:underline}

/* metrics */
.an-metrics{margin:0 0 22px}
.an-metrics[hidden]{display:none}
.an-mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.an-m{background:#0A0A0A;border:1px solid #2A2A2A;border-radius:14px;padding:12px 12px 14px;min-height:122px}
.an-mn{margin:0 0 6px;font-size:.6875rem;line-height:1.3;color:rgba(245,245,242,.65);font-family:var(--an-mono);text-transform:uppercase;letter-spacing:.04em}
.an-mv{margin:0 0 6px;font-family:var(--an-mono);font-weight:700;font-size:1.75rem;line-height:1.1;letter-spacing:-.02em}
.an-mv small{font-size:.8125rem;font-weight:500;margin-left:2px;color:rgba(245,245,242,.6)}
.an-md{margin:0;font-size:.75rem;line-height:1.4;color:rgba(245,245,242,.7)}
.an-sk{display:inline-block;font-size:.8125rem;font-weight:500;color:rgba(245,245,242,.6);animation:an-pulse 1.2s ease-in-out infinite}
@keyframes an-pulse{50%{opacity:.35}}
.an-m.is-red .an-mv{color:#FF6B6B}.an-m.is-amber .an-mv{color:#FFC24D}.an-m.is-lime .an-mv{color:var(--lime)}
.an-bridge{margin:12px 0 0;font-size:.875rem;line-height:1.55;color:rgba(245,245,242,.78)}
@media (max-width:420px){.an-mv{font-size:1.4rem}.an-md{font-size:.6875rem}}

/* thanks */
.an-thanks[hidden]{display:none}
.an-thanks h3{font-family:'Urbanist',sans-serif;font-weight:700;font-size:1.0625rem;margin:24px 0 10px}
.an-thanks p{line-height:1.6;color:rgba(245,245,242,.82)}
.an-when{font-family:var(--an-mono);color:var(--lime)!important;font-weight:700}
.an-next{margin:0 0 20px;padding-left:20px;line-height:1.6;color:rgba(245,245,242,.82)}
.an-who{display:flex;gap:14px;align-items:center;margin:0 0 18px}
.an-who p{margin:0;font-size:.9375rem}
.an-ph{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#26262B;color:rgba(245,245,242,.6);font-family:var(--an-mono);font-size:.5rem;text-align:center;border:1px dashed #52525B}
.an-thanks a{color:var(--lime);text-decoration:underline}
.an-thanks .an-btn{text-decoration:none;color:#fff}
.an-card.is-thanks .an-form{display:none}

/* sections */
.an-grid4{list-style:none;margin:0;padding:0;display:grid;gap:16px}
@media (min-width:768px){.an-grid4{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.an-grid4{grid-template-columns:repeat(4,1fr)}}
.an-feat{background:#fff;border:1px solid rgba(10,10,10,.1);border-radius:16px;padding:24px}
.an-feat .an-no{color:var(--blue,#3D5AFE)}
.an-feat h3{font-family:'Urbanist',sans-serif;font-weight:800;font-size:1.1875rem;line-height:1.2;margin:12px 0 8px}
.an-feat p{margin:0 0 12px;line-height:1.55;color:rgba(10,10,10,.75);font-size:.9375rem}
.an-out{padding-top:12px;border-top:1px solid rgba(10,10,10,.1);color:var(--ink)!important}
.an-out b{font-family:var(--an-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#3D5AFE}
.an-sample{display:grid;gap:40px;align-items:center}
@media (min-width:900px){.an-sample{grid-template-columns:5fr 6fr;gap:64px}}
.an-tri{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.an-tri li{display:flex;gap:14px;align-items:baseline;padding:14px 0;border-top:1px solid #2A2A2A}
.an-tri b{font-family:var(--an-mono);color:var(--lime);min-width:132px}
.an-tri span{color:rgba(245,245,242,.75)}
.an-spread{position:relative;height:300px;perspective:900px;display:grid;place-items:center}
.an-pg{position:absolute;width:44%;height:260px;background:var(--paper);border-radius:6px;padding:20px 16px;box-shadow:0 24px 60px -16px rgba(0,0,0,.8);display:flex;flex-direction:column;gap:10px}
.an-pg1{left:7%;transform:rotateY(18deg) rotateZ(-3deg)}
.an-pg2{right:7%;transform:rotateY(-14deg) rotateZ(2deg) translateY(14px)}
.an-pg i{display:block;height:7px;border-radius:3px;background:rgba(10,10,10,.15)}
.an-pg i:nth-child(2){width:70%}
.an-pg b{display:block;height:70px;border-radius:6px;background:linear-gradient(135deg,#3D5AFE,#C6FF3D)}
.an-ph2{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-family:var(--an-mono);font-size:.6875rem;color:rgba(245,245,242,.6)}
.an-steps{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid rgba(10,10,10,.14)}
@media (min-width:900px){.an-steps{grid-template-columns:repeat(4,1fr);gap:24px;border-top:0}}
.an-st{padding:20px 0;border-bottom:1px solid rgba(10,10,10,.14)}
@media (min-width:900px){.an-st{border:0;border-top:2px solid var(--ink);padding-top:18px}}
.an-st .an-no{color:#3D5AFE;margin-right:10px}
.an-when2{font-family:var(--an-mono);font-size:.8125rem;color:rgba(10,10,10,.65)}
.an-st h3{font-family:'Urbanist',sans-serif;font-weight:800;font-size:1.25rem;margin:10px 0 6px}
.an-st p{margin:0;line-height:1.55;color:rgba(10,10,10,.72)}
.an-fit{display:grid;gap:28px}
@media (min-width:800px){.an-fit{grid-template-columns:1fr 1fr;gap:56px}}
.an-fit h3{font-family:'Urbanist',sans-serif;font-weight:800;font-size:1.5rem;margin:0 0 18px}
.an-fit ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.an-fit li{padding-left:28px;position:relative;line-height:1.55;color:rgba(245,245,242,.88)}
.an-fit li::before{content:"";position:absolute;left:0;top:.5em;width:12px;height:12px;border-radius:50%;background:var(--lime)}
.an-not li::before{background:transparent;border:2px solid #8A8A93}
.an-team{display:grid;gap:20px}
@media (min-width:800px){.an-team{grid-template-columns:1fr 1fr;gap:28px}}
.an-person{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid rgba(10,10,10,.1);border-radius:16px;padding:20px}
.an-person .an-ph{width:84px;height:84px;background:#E8E8E2;color:rgba(10,10,10,.5);border-color:rgba(10,10,10,.3)}
.an-person b{display:block;font-family:'Urbanist',sans-serif;font-size:1.125rem}
.an-person i{display:block;font-style:normal;color:#3D5AFE;font-weight:600;font-size:.875rem;margin:2px 0 6px}
.an-person p{margin:0;line-height:1.5;color:rgba(10,10,10,.72);font-size:.9375rem}
.an-faq{max-width:820px}
.an-qa{border-top:1px solid #2A2A2A}
.an-qa:last-child{border-bottom:1px solid #2A2A2A}
.an-qa summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;font-family:'Urbanist',sans-serif;font-weight:700;font-size:1.0625rem;position:relative;min-height:44px}
.an-qa summary::-webkit-details-marker{display:none}
.an-qa summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--lime);transition:transform .2s}
.an-qa[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.an-qa p{margin:0 0 22px;line-height:1.7;color:rgba(245,245,242,.8);max-width:62ch}
.an-close{background:var(--inkalt);color:#fff;text-align:center;padding:72px 0}
.an-close h2{font-family:'Urbanist',sans-serif;font-weight:800;font-size:clamp(1.6rem,3vw,2.4rem);margin:0 0 24px}
@media (prefers-reduced-motion:reduce){.an-dot,.an-btn,.an-chip label,.an-qa summary::after,.an-sk{transition:none;animation:none}}
@media (max-width:1023px){.an-hero{padding:88px 0 40px}.an-hero .an-wrap{gap:22px}.an-more{display:none}.an-hl h1{font-size:clamp(1.75rem,7.4vw,2.4rem);margin-bottom:12px}.an-lead{font-size:1rem}.an-card{padding:20px;min-height:0}}
.an-nosite{display:none}.an-js .an-nosite{display:block}
.an-card select{width:100%;appearance:none;-webkit-appearance:none;background:#0A0A0A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%23C6FF3D' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 16px center;border:1px solid #3F3F46;border-radius:12px;color:#fff;font:inherit;font-size:1rem;padding:14px 44px 14px 16px;min-height:48px;cursor:pointer}
.an-card select:invalid,.an-card select option[value=""]{color:rgba(245,245,242,.6)}.an-card select option{color:#fff;background:#141414}
.an-sector{margin-bottom:20px}.an-sector-other{margin-top:10px}.an-sector-other[hidden]{display:none}
