.hero{display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:center;padding-top:86px;padding-bottom:78px}.hero .eyebrow{display:flex;align-items:center;gap:10px;color:#b9c8e0;font-size:9px;letter-spacing:1.65px;margin-bottom:24px}.small-line{width:19px;height:2px;background:var(--accent)}.hero h1{font-size:clamp(62px,6.3vw,87px);letter-spacing:-5px;line-height:1.065;font-weight:600}.hero h1>span{color:var(--accent)}.hero-description{font-size:14px;line-height:1.95;color:var(--muted);margin-top:25px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:31px}.hero-note{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--quiet);margin-top:29px}.hero-note svg{width:13px;height:13px}.hero-visual{padding-top:22px;min-width:0}.visual-heading{display:flex;justify-content:space-between;align-items:center;color:var(--quiet);font-family:monospace;font-size:9px;letter-spacing:.7px;margin-bottom:14px}.visual-heading>span:first-child{display:flex;align-items:center;gap:7px}.tiny-square{display:inline-block;width:5px;height:5px;background:#849ec3}.usage-panel{background:var(--surface);border:1px solid #334159;border-radius:11px;box-shadow:0 12px 48px #0002;overflow:hidden}.panel-heading{display:flex;align-items:center;gap:12px;padding:23px 24px}.panel-icon{display:flex;align-items:center;justify-content:center;width:37px;height:37px;background:var(--accent-soft);border:1px solid #334663;color:var(--accent);border-radius:8px}.panel-icon svg{width:19px;height:19px}.panel-heading h2{font-size:12px;letter-spacing:-.2px;font-weight:700}.panel-heading p{font-size:10px;color:var(--quiet);margin-top:5px}.demo-label{margin-left:auto;align-self:flex-start;font-size:8px;letter-spacing:.8px;color:var(--muted);padding:3px 7px;border:1px solid #334159;border-radius:4px}.demo-tabs{margin:0 24px;display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid var(--border);background:var(--bg);border-radius:6px;padding:4px;gap:4px}.demo-tabs button{min-height:33px;padding:6px 5px;font-size:10px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:4px;white-space:nowrap}.demo-tabs button[aria-selected=true]{background:#253959;color:#d5e3fa;border-color:var(--accent-border)}.demo-tabs button:hover:not([aria-selected=true]){color:var(--text);background:var(--surface-raised)}.demo-tabs button:focus-visible{outline-offset:-2px}.usage-summary{display:flex;justify-content:space-between;align-items:flex-end;padding:25px 24px 20px}.metric-label{color:var(--muted);font-size:10px;margin-bottom:6px}.metric{display:flex;align-items:baseline;gap:9px;font-variant-numeric:tabular-nums}.metric>span:first-child{font-size:35px;letter-spacing:-1.5px;line-height:1.2;font-weight:600}.metric-suffix{font-size:10px;color:var(--quiet);letter-spacing:0}.metric-badge{font-family:monospace;font-size:9px;color:var(--accent);padding:4px 7px;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:4px;margin-bottom:4px}.chart{height:167px;position:relative;margin:0 24px 23px}.chart-grid{position:absolute;inset:0 0 22px;display:flex;flex-direction:column;justify-content:space-between}.chart-grid span{display:flex;align-items:center;gap:14px;font-family:monospace;font-size:8px;color:#8d9bb0}.chart-grid span::after{content:'';flex:1;border-top:1px dashed var(--border)}.usage-chart{position:absolute;left:27px;top:13px;width:calc(100% - 27px);height:132px;overflow:visible;stroke:none}.chart-times{position:absolute;bottom:0;left:27px;right:0;display:flex;justify-content:space-between;font-family:monospace;font-size:8px;color:#8d9bb0}.panel-footer{border-top:1px solid var(--border);padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#1a2537;font-size:9px}.panel-footer>div{display:flex;align-items:center;gap:7px;color:var(--muted)}.panel-footer svg{width:13px;height:13px}.panel-footer strong{font-weight:600;color:#d5e3fa}.panel-footer strong span{margin-left:8px;color:var(--accent)}.request-strip{display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--border);border-radius:7px;margin:12px 18px 0;padding:14px 17px}.request-symbol{display:grid;place-items:center;color:#8d9bb0}.request-symbol svg{width:16px;height:16px}.request-strip code{font-size:10px;color:#b6c3d8;white-space:nowrap}.request-strip code>span{color:var(--accent);margin-right:5px;font-size:8px}.request-status{margin-left:auto;display:flex;align-items:center;gap:5px;white-space:nowrap;font-family:monospace;font-size:9px;color:var(--accent)}.request-status>span{width:4px;height:4px;background:var(--accent);border-radius:50%}.visual-caption{display:flex;justify-content:space-between;font-size:9px;color:var(--quiet);margin-top:15px;gap:10px;line-height:1.7}.visual-caption>span{font-family:monospace;white-space:nowrap}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-block:27px}.benefits>div{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid var(--border);padding:5px 15px}.benefits>div:first-child{padding-left:0;justify-content:flex-start}.benefits>div:last-child{padding-right:0;border:0;justify-content:flex-end}.benefits svg{color:#b3c7e7;width:18px;height:18px}.benefits p{font-size:10px;color:var(--muted)}.benefits strong{font-weight:600;color:#ccd6e7}
.section{padding-top:96px;padding-bottom:89px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:44px;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:15px;font-size:9px}.section-heading h2{font-size:30px;letter-spacing:-1.15px;max-width:500px;line-height:1.3}.section-heading>p{color:var(--muted);font-size:12px;line-height:1.9;flex-shrink:0}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.package-card{padding:27px 26px 25px;border:1px solid var(--border);border-radius:10px;background:var(--surface);display:flex;flex-direction:column;transition:border-color .2s ease,transform .2s ease}.package-card:hover{border-color:var(--accent-border);transform:translateY(-3px)}.package-card.featured{background:#19253a;border-color:var(--accent-border)}.package-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:23px}.package-icon{height:34px;width:34px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:var(--surface-raised);border:1px solid #334159;color:#b3c7e7}.package-icon svg{width:19px;height:19px}.featured .package-icon{background:#263e61;border-color:#45638e;color:var(--accent)}.package-category{font-size:8px;letter-spacing:1px;color:var(--muted);font-weight:600}.featured .package-category{color:#c3d8ff}.package-card h3{font-size:24px;font-weight:600;letter-spacing:-.7px;margin-bottom:13px}.package-description{font-size:12px;line-height:1.85;color:var(--muted)}.package-rule{display:flex;flex-direction:column;justify-content:center;gap:2px;border-bottom:1px solid #2e3e56;padding-bottom:24px;margin-top:25px;min-height:75px}.package-rule>strong{font-size:28px;font-weight:600;letter-spacing:-1px;line-height:1.1;font-variant-numeric:tabular-nums}.package-rule>strong span{color:#7a8da9;font-weight:400;padding-inline:4px}.package-rule>span{font-size:10px;color:var(--muted);margin-top:6px}.package-rule>.infinity-value{font-size:37px;line-height:.85;letter-spacing:0}.check-list{list-style:none;padding:0;margin:24px 0 28px;display:flex;flex-direction:column;gap:12px}.check-list li{position:relative;padding-left:21px;font-size:10px;color:#b6c3d8}.check-list li::before{content:'';width:8px;height:4px;border-left:1.5px solid #c2d5f4;border-bottom:1.5px solid #c2d5f4;transform:rotate(-45deg);position:absolute;left:1px;top:5px}.package-card .button{width:100%;margin-top:auto;justify-content:space-between;font-size:10px;min-height:43px;padding-inline:15px}.package-note{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--quiet);font-size:10px;margin-top:21px}.package-note svg{width:12px;height:12px}
.how-section{border-block:1px solid var(--border);background:#121923;padding-block:68px}.how-layout{display:grid;grid-template-columns:1fr 1fr;gap:74px}.how-heading .eyebrow{font-size:9px;margin-bottom:19px}.how-heading h2{font-size:43px;letter-spacing:-1.8px;line-height:1.23}.how-heading .text-link{margin-top:26px;color:#c3d5f2;font-size:11px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:25px;border-bottom:1px solid var(--border);padding-block:23px}.steps li:first-child{padding-top:3px}.steps li:last-child{padding-bottom:3px;border:0}.step-number{font-size:10px;color:#a9c3eb;font-family:monospace;padding-top:2px}.steps h3{font-size:14px;letter-spacing:-.2px;line-height:1.5}.steps p{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.8}
.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;padding-top:87px;padding-bottom:84px}.faq-heading .eyebrow{font-size:9px;margin-bottom:16px}.faq-heading h2{font-size:29px;letter-spacing:-1.1px;line-height:1.25}.faq-heading>p:last-child{font-size:12px;color:var(--muted);margin-top:15px}.faq-list details{border-bottom:1px solid var(--border)}.faq-list details:first-child{border-top:1px solid var(--border)}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:22px;cursor:pointer;font-size:12px;font-weight:600;padding:23px 1px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:hover{color:var(--accent)}.faq-plus{width:13px;height:13px;position:relative;flex-shrink:0}.faq-plus::before,.faq-plus::after{content:'';position:absolute;background:#a4b6d1;left:0;top:6px;width:12px;height:1px}.faq-plus::after{transform:rotate(90deg);transition:transform .18s ease}.faq-list details[open] .faq-plus::after{transform:rotate(0)}.faq-list details>p{color:var(--muted);font-size:12px;line-height:1.9;padding:0 25px 24px 1px;max-width:520px}
.cta{border:1px solid #334663;border-radius:11px;background:#192840;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:43px 45px;max-width:1176px;margin-top:54px}.cta .eyebrow{font-size:9px;color:#c3d8ff;margin-bottom:13px}.cta h2{font-size:31px;letter-spacing:-1.2px}.cta p:last-child{font-size:12px;color:#aabbd4;margin-top:12px}.cta .button{font-size:11px;min-width:182px}
body[data-page="home"] .site-footer,#icerik+.site-footer{margin-top:36px}
@media(min-width:1500px){.hero{padding-top:105px;padding-bottom:94px;gap:88px}.hero h1{font-size:89px}.hero-visual{padding-top:30px}}
@media(max-width:1232px){.benefits{margin-inline:28px;padding-inline:0}.cta{margin-inline:28px}.hero{gap:48px}.hero h1{font-size:76px}.metric-suffix{font-size:9px}.visual-caption{font-size:8px}}
@media(max-width:1000px){.hero{gap:36px;padding-top:65px;padding-bottom:65px}.hero h1{font-size:67px;letter-spacing:-3.7px}.hero-description{font-size:12px}.hero-actions{gap:18px}.hero-actions .button{font-size:11px;padding-inline:17px}.hero-actions .text-link{font-size:11px}.panel-heading{padding:18px}.demo-tabs{margin-inline:18px}.usage-summary{padding-inline:18px}.metric>span:first-child{font-size:29px}.metric-suffix{font-size:8px}.chart{margin-inline:18px;height:154px}.usage-chart{height:119px}.panel-footer{padding-inline:18px;font-size:8px}.request-strip{margin-inline:10px;padding-inline:12px;gap:8px}.request-strip code{font-size:8px}.request-status{font-size:8px}.visual-caption>span{display:none}.benefits>div{gap:9px;padding-inline:10px}.benefits p{font-size:9px}.benefits svg{width:15px}.package-card{padding:23px 20px}.package-category{font-size:7px;letter-spacing:.7px}.package-rule>strong{font-size:25px}.package-card .button{padding-inline:12px;font-size:9px;gap:5px}.check-list li{font-size:9px}.section-heading h2{font-size:27px;max-width:440px}.section-heading>p{font-size:11px}.how-layout{gap:45px}.how-heading h2{font-size:39px}.faq{gap:50px}.faq-heading h2{font-size:26px}.cta{padding-inline:35px}.cta h2{font-size:29px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:48px;padding-top:56px;padding-bottom:44px}.hero-copy{max-width:580px}.hero h1{font-size:76px;letter-spacing:-4.3px}.hero .eyebrow{font-size:8px}.hero-description{font-size:13px}.hero-actions .button{font-size:12px}.hero-actions .text-link{font-size:12px}.hero-note{font-size:10px;margin-top:22px}.hero-visual{max-width:550px;width:100%;justify-self:center;padding-top:0}.panel-heading{padding:22px}.panel-heading h2{font-size:13px}.panel-heading p{font-size:10px}.demo-tabs{margin-inline:22px}.demo-tabs button{font-size:11px;min-height:38px}.usage-summary{padding:24px 22px 20px}.metric>span:first-child{font-size:36px}.metric-suffix{font-size:11px}.metric-badge{font-size:10px}.chart{margin-inline:22px;height:155px}.panel-footer{padding:17px 22px;font-size:10px}.request-strip{margin-inline:14px;padding-inline:15px}.request-strip code{font-size:10px}.request-status{font-size:9px}.visual-caption{font-size:9px}.visual-caption>span{display:inline}.benefits{grid-template-columns:1fr;margin-inline:22px;padding-block:7px}.benefits>div,.benefits>div:first-child,.benefits>div:last-child{justify-content:flex-start;padding:18px 0;border-right:0;border-bottom:1px solid var(--border);gap:15px}.benefits>div:last-child{border-bottom:0}.benefits p{font-size:11px}.benefits svg{width:18px}.section{padding-top:63px;padding-bottom:58px}.section-heading{display:block;margin-bottom:27px}.section-heading h2{font-size:30px;max-width:460px}.section-heading>p{font-size:12px;margin-top:16px}.section-heading>p br{display:none}.package-grid{grid-template-columns:1fr;gap:16px}.package-card{padding:26px}.package-card h3{font-size:26px}.package-top{margin-bottom:20px}.package-category{font-size:9px}.package-description{font-size:13px}.package-rule>strong{font-size:30px}.package-rule>span{font-size:11px}.check-list li{font-size:12px}.package-card .button{font-size:12px;min-height:47px;padding-inline:17px}.package-note{align-items:flex-start;text-align:left;font-size:10px;gap:8px}.package-note svg{margin-top:2px}.how-section{padding-block:52px}.how-layout{grid-template-columns:1fr;gap:35px}.how-heading h2{font-size:37px}.how-heading .text-link{font-size:12px;margin-top:20px}.steps{padding-top:5px}.steps li{gap:22px}.steps h3{font-size:14px}.steps p{font-size:12px}.faq{grid-template-columns:1fr;gap:30px}.faq-heading h2{font-size:29px}.faq-list summary{font-size:12px;padding-block:22px}.cta{margin-inline:22px;margin-top:40px;flex-direction:column;align-items:flex-start;padding:30px 28px;gap:25px}.cta h2{font-size:30px;line-height:1.25}.cta .button{min-width:180px}.cta p:last-child{font-size:12px}body[data-page="home"] .site-footer,#icerik+.site-footer{margin-top:28px}}
@media(max-width:420px){.hero h1{font-size:65px;letter-spacing:-3.7px}.hero-description{font-size:12px}.hero-actions{gap:20px}.hero-actions .button{font-size:11px;gap:13px;padding-inline:16px}.hero-actions .text-link{font-size:11px;gap:6px}.hero-note{font-size:9px}.panel-heading{padding:18px;gap:10px}.panel-heading h2{font-size:11px}.panel-heading p{font-size:9px}.demo-label{font-size:7px}.demo-tabs{margin-inline:18px}.demo-tabs button{font-size:9px}.usage-summary{padding-inline:18px}.metric>span:first-child{font-size:30px}.metric-suffix{font-size:9px}.metric-badge{font-size:8px}.panel-footer{font-size:8px;padding-inline:18px}.request-strip{margin-inline:8px;padding-inline:12px;gap:8px}.request-strip code{font-size:8px}.request-status{font-size:8px}.visual-caption{font-size:8px}.visual-caption>span{display:none}.benefits{margin-inline:20px}.section-heading h2{font-size:28px}.cta{margin-inline:20px;margin-top:30px}.cta h2{font-size:27px}.faq-heading h2{font-size:27px}body[data-page="home"] .site-footer,#icerik+.site-footer{margin-top:24px}}
@media(max-width:350px){.hero h1{font-size:58px}.hero-actions{gap:14px}.hero-actions .button{padding-inline:12px}.hero-actions .text-link{font-size:10px}.nav-auth .button{padding-inline:10px}.request-symbol{display:none}.metric-badge{padding:3px 5px}}

.route-placeholder{min-height:58vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:800px}.route-placeholder h1{font-size:clamp(42px,6vw,78px);letter-spacing:-3px;margin:15px 0}.route-placeholder p:not(.eyebrow){max-width:600px;color:var(--muted);font-size:15px;line-height:1.9;margin-bottom:28px}.route-placeholder .button{margin-top:4px}