:root{
  --bg:#07111f;
  --panel:#0d192b;
  --panel2:#12223a;
  --line:#243a56;
  --text:#f7f9fc;
  --muted:#91a2b8;
  --cyan:#62e6ff;
  --purple:#8b5cf6;
  --green:#4ade80;
  --yellow:#facc15;
  --radius:18px;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:"Geist",Arial,Helvetica,sans-serif;
  background:
    radial-gradient(circle at top left,rgba(98,230,255,.12),transparent 28%),
    radial-gradient(circle at top right,rgba(139,92,246,.12),transparent 30%),
    var(--bg);
  color:var(--text);
}
body.menu-open{overflow:hidden}
header{
  position:sticky;top:0;z-index:20;
  display:flex;justify-content:space-between;align-items:center;
  gap:16px;padding:18px 28px;
  border-bottom:1px solid var(--line);
  background:rgba(7,17,31,.88);
  backdrop-filter:blur(14px);
}
.brand{display:flex;align-items:center;gap:13px}
.logo{
  width:44px;height:44px;border-radius:14px;
  display:grid;place-items:center;
  font-weight:900;color:#04111c;
  background:linear-gradient(135deg,var(--cyan),#e9fdff);
}
h1{font-size:18px;margin:0}
.sub{font-size:12px;color:var(--muted);margin-top:4px}
.tag{
  font-size:12px;padding:8px 12px;border-radius:999px;
  color:var(--cyan);
  border:1px solid rgba(98,230,255,.28);
  background:rgba(98,230,255,.08)
}
main{
  max-width:1500px;margin:auto;padding:26px;
  display:grid;grid-template-columns:minmax(0,1.45fr) minmax(380px,.72fr);
  gap:24px
}
.card{
  background:linear-gradient(180deg,rgba(18,34,58,.97),rgba(13,25,43,.97));
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:0 18px 52px rgba(0,0,0,.24)
}
.form{padding:24px}
.summary{padding:24px;position:sticky;top:102px;height:max-content}
.section{padding:20px 0;border-bottom:1px solid var(--line)}
.section:first-child{padding-top:0}
.section:last-child{border-bottom:0}
.sec-head{
  display:flex;justify-content:space-between;gap:16px;
  margin-bottom:16px;align-items:center
}
.sec-head h2{font-size:15px;margin:0}
.sec-head span{font-size:11px;color:var(--muted)}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.field{display:flex;flex-direction:column;gap:7px}
.full{grid-column:1/-1}
label{font-size:12px;font-weight:700;color:#d6deea}
select,input{
  width:100%;padding:12px 13px;border-radius:12px;
  border:1px solid #2b4362;background:#091524;color:var(--text);
  font-size:14px;outline:none
}
select:focus,input:focus{
  border-color:var(--cyan);
  box-shadow:0 0 0 3px rgba(98,230,255,.1)
}
.helper{font-size:11px;color:var(--muted);line-height:1.45}
.hero{
  padding:18px;border-radius:16px;
  background:linear-gradient(135deg,rgba(98,230,255,.12),rgba(139,92,246,.14));
  border:1px solid rgba(98,230,255,.18)
}
.eyebrow{font-size:11px;letter-spacing:.12em;color:var(--cyan);font-weight:900}
.hero h3{font-size:22px;margin:8px 0 5px}
.hero p{font-size:13px;color:var(--muted);margin:0;line-height:1.45}
.total-label{font-size:12px;color:var(--muted);margin-top:20px}
.total{font-size:38px;font-weight:900;letter-spacing:-.04em;margin:7px 0}
.usd{color:var(--cyan);font-size:13px}
.rows{margin-top:18px}
.row{
  display:flex;justify-content:space-between;gap:16px;
  padding:10px 0;border-bottom:1px dashed #2b405d;font-size:13px
}
.row span:first-child{color:var(--muted)}
.row strong{text-align:right}
.divider{height:1px;background:var(--line);margin:16px 0}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
button{
  padding:13px;border-radius:12px;border:0;
  font-weight:900;cursor:pointer;font-size:13px
}
.primary{background:linear-gradient(135deg,var(--cyan),#d9fbff);color:#04111c}
.secondary{background:#162842;color:var(--text);border:1px solid #2c4669}
.note{
  margin-top:14px;padding:13px;border-radius:12px;
  background:rgba(250,204,21,.08);
  border:1px solid rgba(250,204,21,.18);
  font-size:11px;line-height:1.5;color:#f8df72
}
.category-strip{
  display:flex;flex-wrap:wrap;gap:8px;overflow:visible;margin-bottom:14px
}
.category-chip{
  flex:0 0 auto;padding:8px 11px;border-radius:999px;
  border:1px solid #2b4362;background:#0a1728;color:#cbd5e1;
  font-size:12px;cursor:pointer
}
.category-chip.active{
  color:#04111c;background:linear-gradient(135deg,var(--cyan),#d9fbff);
  border-color:transparent;font-weight:800
}
.preset-info{
  margin-top:12px;padding:12px 14px;border-radius:12px;
  border:1px solid rgba(98,230,255,.16);
  background:rgba(98,230,255,.06);
  color:#c8f7ff;font-size:11px;line-height:1.5
}
footer{max-width:1500px;margin:auto;padding:0 26px 28px;color:var(--muted);font-size:11px;text-align:center}footer .social-links{display:flex;justify-content:center;gap:10px;margin-top:16px}footer .social-links a{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#8e9bb0;background:rgba(255,255,255,.025);transition:.2s ease}footer .social-links a:hover{transform:translateY(-2px);border-color:#67e8f9;color:#67e8f9;background:rgba(103,232,249,.09)}footer .social-links svg{width:16px;height:16px;fill:currentColor}
@media(max-width:980px){
  main{grid-template-columns:1fr}
  .summary{position:static}
}
@media(max-width:650px){
  main{padding:16px}
  .grid2,.grid3,.actions{grid-template-columns:1fr}
  .tag{display:none}
}
@media print{
  header,.form,.actions,.note,footer{display:none!important}
  body{background:white;color:black}
  main{display:block;padding:0}
  .summary{border:0;box-shadow:none;background:white}
  .hero{background:#f3f4f6;border:1px solid #ddd}
  .hero p,.row span:first-child,.total-label{color:#555}
  .usd{color:#333}
}
/* SKYDIO landing-page visual system */
body{
  min-height:100vh;
  font-family:"Geist",sans-serif;
  background:
    radial-gradient(circle at 80% 8%,rgba(124,58,237,.18),transparent 32rem),
    radial-gradient(circle at 8% 35%,rgba(103,232,249,.10),transparent 30rem),
    #050816;
}
.site-header{
  position:fixed;inset:0 0 auto;z-index:50;
  min-height:80px;padding:0 max(20px,calc((100% - 1240px)/2));
  display:flex;align-items:center;justify-content:space-between;gap:26px;
  border-bottom:1px solid rgba(255,255,255,.1);
  background:rgba(5,8,22,.84);backdrop-filter:blur(18px)
}
.brand-logo{width:190px;height:auto;display:block}
.nav-links{display:flex;align-items:center;gap:28px;color:#d7e0ec;font-size:14px}
.nav-links a{color:inherit;text-decoration:none;transition:color .2s ease}
.nav-links a:hover,.nav-links a.active{color:#67e8f9}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#fff;text-decoration:none;background:rgba(255,255,255,.035);font-weight:700}
.button-primary{border:0;color:#050816;background:linear-gradient(90deg,#67e8f9,#60a5fa,#7c3aed);box-shadow:0 18px 50px rgba(124,58,237,.28)}
.menu-button{display:none;width:46px;height:46px;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;background:rgba(255,255,255,.04);font-size:21px}
.mobile-nav{display:none}
.pricing-page-hero{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:145px 0 28px}
.eyebrow-page{color:#67e8f9;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.pricing-page-hero h1{max-width:760px;margin:14px 0;font:700 clamp(42px,6vw,78px)/.96 "Geist",Arial,sans-serif;letter-spacing:-.055em}
.pricing-page-hero h1 span{color:transparent;background:linear-gradient(90deg,#fff,#67e8f9,#a78bfa);-webkit-background-clip:text;background-clip:text}
.pricing-page-hero p{max-width:620px;margin:0;color:#8e9bb0;line-height:1.7}
.pricing-faq-link{display:inline-block;margin-top:18px;color:#67e8f9;font-size:14px;font-weight:700;text-decoration:none}.pricing-faq-link:hover{color:#c8f8ff}
.pricing-catalog{display:none!important}.catalog-toolbar{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:22px}.catalog-intro h2{margin:0;font-size:28px;letter-spacing:-.035em}.catalog-intro p{margin:7px 0 0;color:#8e9bb0}.catalog-tabs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.catalog-tab{border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:9px 13px;background:rgba(255,255,255,.03);color:#dbe6f3;font:600 12px "Geist",Arial,sans-serif;cursor:pointer}.catalog-tab:hover,.catalog-tab.active{border-color:transparent;background:#67e8f9;color:#050816}.catalog-table-wrap{overflow-x:auto;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(16,24,39,.76);box-shadow:0 30px 70px rgba(0,0,0,.25)}.catalog-table{width:100%;min-width:760px;border-collapse:collapse;text-align:left}.catalog-table th,.catalog-table td{padding:17px 20px;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}.catalog-table thead th{background:rgba(103,232,249,.11);color:#bdf5ff;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.catalog-table td:first-child{font-weight:700;color:#fff}.catalog-table td:nth-child(2),.catalog-table td:nth-child(4),.catalog-table td:nth-child(5){color:#b6c2d2}.catalog-table td:nth-child(3){text-align:right;color:#67e8f9;font-weight:700}.catalog-table tr:last-child td{border-bottom:0}.catalog-note{margin:16px 0 0;color:#8e9bb0;font-size:12px;line-height:1.6}
main{max-width:1240px;padding:0 0 82px;gap:24px}
.card{border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(16,24,39,.76);box-shadow:0 30px 70px rgba(0,0,0,.25)}
.form,.summary{padding:30px}.summary{top:104px}
.section{border-color:rgba(255,255,255,.1)}
.sec-head h2{font:700 17px "Geist",Arial,sans-serif}.sec-head span,.helper,.note{color:#8e9bb0}
label{color:#dbe6f3}input,select{border-color:rgba(255,255,255,.12);border-radius:12px;color:#fff;background:#0a1120}input:focus,select:focus{outline:none;border-color:#67e8f9;box-shadow:0 0 0 3px rgba(103,232,249,.12)}
select option{color:#050816;background:#fff}.category-chip{border-color:rgba(255,255,255,.12);color:#dbe6f3;background:rgba(255,255,255,.025)}.category-chip.active{border-color:transparent;color:#050816;background:#67e8f9}
.film-type-control,.internal-control{display:none}.custom-select{position:relative}.custom-select select{position:absolute;opacity:0;pointer-events:none}.custom-select-button{width:100%;min-height:46px;padding:0 42px 0 14px;position:relative;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;background:#0a1120;text-align:left;cursor:pointer}.custom-select-button::after{content:"";width:7px;height:7px;position:absolute;right:17px;top:50%;border-right:2px solid #67e8f9;border-bottom:2px solid #67e8f9;transform:translateY(-70%) rotate(45deg);transition:transform .2s ease}.custom-select.open .custom-select-button{border-color:#67e8f9;box-shadow:0 0 0 3px rgba(103,232,249,.12)}.custom-select.open .custom-select-button::after{transform:translateY(-25%) rotate(225deg)}.custom-select-menu{width:100%;max-height:255px;position:absolute;top:calc(100% + 7px);left:0;z-index:30;display:none;overflow-y:auto;padding:6px;border:1px solid rgba(103,232,249,.3);border-radius:14px;background:#0a1120;box-shadow:0 24px 48px rgba(0,0,0,.45)}.custom-select.open .custom-select-menu{display:block}.custom-select-option{width:100%;padding:11px 12px;border:0;border-radius:9px;color:#dbe6f3;background:transparent;text-align:left;cursor:pointer}.custom-select-option:hover{color:#050816;background:linear-gradient(90deg,#67e8f9,#7c3aed)}.custom-select-option.selected{display:none}.preset-info,.hero{border-color:rgba(103,232,249,.22);background:linear-gradient(135deg,rgba(103,232,249,.10),rgba(124,58,237,.12))}.eyebrow{color:#67e8f9}.total{color:#fff;font-family:"Geist",Arial,sans-serif}.total-label{color:#8e9bb0}.row{border-color:rgba(255,255,255,.08)}.row span:first-child{color:#8e9bb0}.primary{color:#050816;background:linear-gradient(90deg,#67e8f9,#7c3aed)}.secondary{border-color:rgba(255,255,255,.12);color:#fff;background:rgba(255,255,255,.035)}
footer{border-color:rgba(255,255,255,.1);color:#8e9bb0;background:transparent}
.site-header .language-switcher{display:inline-flex;align-items:center;flex-shrink:0;gap:2px;padding:4px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.03)}
.site-header .language-switcher button{appearance:none;width:auto;min-width:30px;margin:0;padding:7px 9px;border:0;border-radius:999px;background:transparent;color:#8e9bb0;font:700 11px/1.2 "Geist",Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s}
.site-header .language-switcher button.active{color:#67e8f9;background:rgba(103,232,249,.14)}
.site-header .language-switcher button:hover{color:#67e8f9}
.site-header .language-switcher button:focus-visible{outline:2px solid #67e8f9;outline-offset:2px}
.form{font-size:13px;font-weight:400}.form .sec-head h2{font-size:15px;font-weight:500}.form .sec-head span{font-size:10px;font-weight:400}.form label{font-size:11px;font-weight:500}.form .helper,.form .preset-info{font-size:11px;font-weight:400;line-height:1.55}.form input{font-size:13px;font-weight:400}.form .custom-select-button{min-height:42px;font-size:13px;font-weight:400}.form .custom-select-option{padding:9px 11px;font-size:12px;font-weight:400}.form .category-chip{padding:7px 10px;font-size:11px;font-weight:400}.form .category-chip.active{font-weight:500}
.parameter-reset{padding:7px 11px;border:1px solid rgba(103,232,249,.3);border-radius:9px;background:rgba(103,232,249,.08);color:#67e8f9;font:600 11px "Geist",Arial,sans-serif}.parameter-reset:hover{background:rgba(103,232,249,.16)}
@media(max-width:1080px){.nav-links{display:none}.menu-button{display:block}.site-header{padding:0 20px}.site-header:has(.mobile-nav.open){background:#050816;backdrop-filter:none}.mobile-nav{position:fixed;inset:80px 0 0;z-index:99;display:none;padding:28px 20px;background:#050816}.mobile-nav.open{display:flex;min-height:calc(100dvh - 80px);flex-direction:column;gap:6px;overflow-y:auto;overscroll-behavior:contain}.mobile-nav a{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;text-decoration:none;font:600 28px "Geist",Arial,sans-serif}.pricing-page-hero{padding-top:125px}main{width:min(100% - 40px,1240px)}}
@media(max-width:650px){.site-header{min-height:70px;gap:10px}.brand-logo{width:130px}.site-header .button{min-height:42px;padding:0 14px;font-size:13px}.mobile-nav{inset:70px 0 0}.pricing-page-hero{width:min(100% - 24px,1240px);padding:108px 0 24px}.pricing-page-hero h1{font-size:44px}.form,.summary{padding:20px}.grid2,.grid3{grid-template-columns:1fr}.summary{position:static}main{width:min(100% - 24px,1240px);padding-bottom:54px}.site-header .button-primary{display:none}}
@media(max-width:700px){.pricing-catalog{width:min(100% - 24px,1240px);padding-bottom:54px}.catalog-toolbar{display:block}.catalog-tabs{justify-content:flex-start;margin-top:18px}.catalog-table th,.catalog-table td{padding:14px 15px}.catalog-intro h2{font-size:25px}}
@media print{.site-header,.mobile-nav,.pricing-page-hero{display:none}main{margin:0 auto}}