:root{
  --brand:#016c74;
  --brand-dark:#064a50;
  --ink:#123039;
  --muted:#62777f;
  --line:#dfe8ea;
  --page:#f5f7f8;
  --soft:#ecf5f4;
  --accent:#d98d2b;
}

*{box-sizing:border-box}

html,body{
  margin:0;
  min-height:100%;
  background:var(--page);
  color:var(--ink);
  font-family:"Open Sans",Arial,sans-serif;
}

body{overflow-x:hidden}

.order-page{min-height:100vh}

.site-header{
  min-height:192px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 20px;
}

.brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--brand-dark);
  font-size:18px;
  font-weight:800;
  text-decoration:none;
}

.brand-logo{display:block;width:208px;max-width:208px;height:160px;object-fit:contain;flex:0 0 auto}

.order-hero,
.content-section{
  width:min(1120px,100%);
  margin:0 auto;
  padding-left:24px;
  padding-right:24px;
}

.order-hero{
  padding-top:24px;
  padding-bottom:72px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,440px);
  gap:48px;
  align-items:start;
}

.hero-copy{max-width:620px}
.included-copy{margin-top:54px}
.included-copy h2{margin:0 0 14px;font-size:clamp(30px,4vw,46px);line-height:1.05}
.included-copy>p:not(.eyebrow){max-width:480px;margin:0;color:var(--muted);font-size:17px;line-height:1.55}

.eyebrow{
  margin:0 0 14px;
  color:var(--brand);
  font-size:14px;
  font-weight:800;
  text-transform:uppercase;
}

h1,h2,p{margin-top:0}

h1{
  margin-bottom:0;
  color:var(--ink);
  font-size:clamp(44px,7vw,78px);
  line-height:.98;
}

.lead{
  max-width:590px;
  margin:24px 0 0;
  color:var(--muted);
  font-size:21px;
  line-height:1.5;
}

.plan-card{
  width:100%;
  justify-self:center;
  margin-top:32px;
  padding:28px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:8px;
  box-shadow:0 24px 64px rgba(13,43,49,.14);
}

.plan-topline{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:28px;
}

.plan-kicker{margin:0 0 20px;color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase}
.plan-card h2{margin:0;color:var(--brand);font-size:14px;font-weight:800;text-transform:uppercase}
.invoice-prices{margin-top:20px;padding-top:0}
.pricing-plus{margin:0 0 20px;color:var(--brand-dark);font-size:46px;font-weight:900;line-height:1;text-align:center}
.invoice-intro{margin:0;color:var(--muted);font-size:15px;line-height:1.5}

.plan-badge{
  flex:0 0 auto;
  padding:7px 10px;
  border:1px solid rgba(217,141,43,.34);
  border-radius:999px;
  background:#fff7ed;
  color:#8a4b13;
  font-size:13px;
  font-weight:800;
}

.price-block{
  padding:0;
  text-align:center;
}

.price-main{display:flex;align-items:center;justify-content:center;gap:14px}
.price-value{display:block;color:var(--brand-dark);font-size:35px;font-weight:900;line-height:1}
.price-unit{display:block;margin-top:8px;color:var(--muted);font-size:16px;font-weight:700}
.price-note,.invoice-intro,.billing-note{color:var(--muted);font-size:15px;line-height:1.5}
.price-note{margin:18px 0 0}
.billing-note{margin:14px 0 0}

.free-note{
  display:grid;
  gap:4px;
  margin-top:20px;
  padding:15px 16px;
  background:var(--soft);
  border-radius:6px;
  color:var(--brand-dark);
  font-size:14px;
  line-height:1.4;
}

.free-note span{color:var(--muted)}

.order-button{
  width:100%;
  margin-top:12px;
  padding:14px 18px;
  border:0;
  border-radius:8px;
  background:var(--brand);
  color:#fff;
  cursor:pointer;
  font:inherit;
  font-size:17px;
  font-weight:800;
  text-align:center;
}

.order-button:hover,.order-button:focus-visible{background:var(--brand-dark);outline:none}
.order-button:disabled{background:#9eb5ba;cursor:wait}

.order-status{min-height:20px;margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.4;text-align:center}
.order-status.is-error{color:#9b1c1c}
.pricing-action{margin-top:12px}

.content-section{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:48px;
  padding-top:56px;
  padding-bottom:72px;
  border-top:1px solid var(--line);
}

.section-heading h2{margin-bottom:14px;font-size:clamp(30px,4vw,46px);line-height:1.05}
.section-heading>p:last-child{max-width:480px;margin-bottom:0;color:var(--muted);font-size:17px;line-height:1.55}

.price-table{align-self:start}
.price-row{display:flex;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.4}
.price-row:last-child{border-bottom:0}
.price-row strong{color:var(--brand-dark);white-space:nowrap}
.price-amount{color:var(--brand-dark);white-space:nowrap}

.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:0;padding:0;list-style:none}
.feature-grid li{position:relative;padding:16px 16px 16px 42px;background:#fff;border:1px solid var(--line);border-radius:7px;font-size:15px;line-height:1.4}
.feature-grid li::before{content:"✓";position:absolute;left:16px;top:14px;color:var(--brand);font-size:20px;font-weight:900}

.billing-order-section{width:min(860px,100%);margin:0 auto;padding:24px 24px 56px}
.billing-order-frame{display:block;width:100%;height:900px;border:0;background:transparent;overflow:hidden}
.is-order-mode .order-hero,.is-order-mode .content-section{display:none}
.is-order-mode .site-header{justify-content:center}
.is-order-mode .billing-order-section{display:block;min-height:calc(100vh - 192px);padding-top:24px}

@media(max-width:820px){
  .site-header{justify-content:flex-start}
  .order-hero{grid-template-columns:1fr;gap:28px;padding-top:24px;padding-bottom:48px}
  .lead{font-size:18px}
  .plan-card{margin-top:0;padding:22px}
  .included-copy{margin-top:42px}
  .billing-order-section{padding:12px 18px 42px}
}

@media(max-width:560px){
  .order-hero,.content-section{padding-left:18px;padding-right:18px}
  .plan-topline{flex-direction:column;gap:10px}
  .price-value{font-size:30px}
  .feature-grid{grid-template-columns:1fr}
  .price-row{align-items:flex-start;flex-direction:column;gap:4px}
  .billing-order-frame{height:1080px}
}

.ax_login_page{min-height:100vh;padding:24px 18px;display:flex;flex-direction:column;background:var(--page)}
.ax_login_shell{width:min(560px,100%);margin:0 auto;flex:1;display:grid;place-items:center}
.ax_login_card{width:100%;padding:48px 40px 40px;display:grid;gap:30px;justify-items:center;text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 60px rgba(13,43,49,.12)}
.ax_login_brand{display:flex;align-items:center;justify-content:center}.ax_login_logo{width:280px;max-width:80vw;display:block}
.ax_login_copy{display:grid;gap:10px;justify-items:center}.ax_login_title{margin:0;font-size:clamp(1.45rem,3vw,2.05rem);line-height:1.22}.ax_login_text{margin:0;color:var(--muted);font-size:1rem;line-height:1.6}
.ax_login_actions{display:grid;gap:8px;justify-items:center;width:100%}.ax_google_btn{min-height:60px;width:100%;display:grid;place-items:center}.ax_google_btn>div{margin:0 auto}.ax_hint{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.ax_hint_warn{color:#8a4b00}
.ax_email_login_form{width:min(360px,100%);display:grid;gap:12px;text-align:left}.ax_email_login_form label{display:grid;gap:5px;color:var(--ink);font-size:13px;font-weight:700}.ax_email_login_form input{width:100%;height:44px;border:1px solid var(--line);border-radius:8px;padding:0 12px;color:var(--ink);background:#fff}.ax_email_login_form input:focus{outline:2px solid var(--brand);outline-offset:1px}.ax_login_submit{height:44px;border:0;border-radius:999px;background:var(--brand);color:#fff;font-weight:700;cursor:pointer}.ax_login_submit:hover{background:var(--brand-dark)}.ax_login_submit:disabled{opacity:.6;cursor:wait}.ax_login_or{width:min(360px,100%);display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.ax_login_or::before,.ax_login_or::after{content:"";height:1px;flex:1;background:var(--line)}
.ax_login_order_link{color:var(--brand);font-size:14px;font-weight:700;text-decoration:none}.ax_login_order_link:hover{text-decoration:underline}
.ax_login_footer{width:min(1040px,100%);margin:0 auto;padding:24px 0 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:13px}.ax_login_footer_links{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.ax_login_footer a{color:inherit;text-decoration:none}.ax_login_footer a:hover{text-decoration:underline}
@media(max-width:640px){.ax_login_page{padding:16px}.ax_login_card{padding:30px 22px}.ax_login_logo{width:220px}}

/* Shared application shell for the e-Faktúra credits page. */
.ax_shell{min-height:100vh;display:grid;grid-template-columns:290px minmax(0,1fr);background:#fff;color:var(--ink)}
.ax_sidebar{padding:17px 18px 28px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:22px}
.ax_sidebar_top{display:flex;align-items:center;justify-content:center}
.ax_sidebar_logo_wrap{width:100%;display:flex;align-items:center;justify-content:center;padding:14px 12px;border-radius:22px;background:#fff;text-decoration:none}
.ax_sidebar_logo{width:200px;max-width:100%;display:block}
.ax_sidebar_nav{display:grid;gap:10px}
.ax_sidebar_btn{width:100%;border:1px solid #fff;background:#fff;color:var(--brand);border-radius:18px;padding:14px 14px 14px 16px;text-align:left;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;text-decoration:none}
.ax_sidebar_btn:hover,.ax_sidebar_btn:focus-visible{background:var(--soft);color:var(--brand-dark)}
.ax_sidebar_btn_active{background:var(--soft);border-color:var(--line)}
.ax_sidebar_icon{width:16px;height:16px;display:block;fill:currentColor}
.ax_sidebar_title{font-size:14px;font-weight:800;line-height:1.2}
.ax_sidebar_contacts{display:grid;gap:8px;margin-top:auto;padding:14px;border-radius:14px;background:var(--soft);font-size:12px}
.ax_sidebar_contact{color:var(--brand-dark);text-decoration:none;overflow-wrap:anywhere}.ax_sidebar_contact:hover{text-decoration:underline}
.ax_main{padding:24px;overflow:auto;background:#fff}.ax_main_inner{display:grid;gap:18px;width:min(1180px,100%)}
.ax_topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px}.ax_topbar_title{margin:0;font-size:28px}.ax_back_link{color:var(--brand);font-weight:700;text-decoration:none}
.ax_mobile_menu_btn{display:none;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px;cursor:pointer}.ax_mobile_menu_btn span{display:block;width:20px;height:2px;margin:3px 0;background:var(--brand)}
.ax_credits_page{padding:12px 0 60px;width:100%}.ax_credits_grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ax_credit_card{border:1px solid var(--line);border-radius:14px;padding:22px;background:#fff;display:grid;gap:9px;min-height:150px}.ax_credit_card span{color:var(--muted);font-size:14px;font-weight:700}.ax_credit_card strong{font-size:26px;color:var(--brand)}.ax_credit_card small{color:var(--muted);line-height:1.45}.ax_credit_card_highlight{background:var(--soft);border-color:#bfd7d8}.ax_credits_primary{display:inline-block;margin:20px 0 0;padding:14px 24px;border-radius:999px;background:var(--brand);color:#fff;font-weight:700;text-decoration:none}.ax_credits_primary:hover{background:var(--brand-dark)}.ax_credits_info{margin-top:24px;padding:20px 22px;border-radius:14px;background:#f8fbfb;border:1px solid var(--line);line-height:1.55}.ax_credits_info p{margin:7px 0 0;color:var(--muted)}
@media(max-width:900px){.ax_credits_grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ax_shell{display:block;position:relative}.ax_sidebar{display:none;position:absolute;top:70px;left:16px;right:16px;z-index:100;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 36px rgba(15,23,42,.16)}.ax_sidebar.is_mobile_open{display:flex}.ax_mobile_menu_btn{display:block}.ax_topbar{justify-content:flex-start}.ax_topbar_title{flex:1}.ax_credits_grid{grid-template-columns:1fr}.ax_sidebar_contacts{margin-top:0}}