/* HIZVENA • Design System V2 — responsive, accessible, no paid dependencies */
:root{--navy:#0b1020;--ink:#14213f;--violet:#7051f5;--violet2:#977bff;--cyan:#35d6ff;--pale:#f5f3ff;--gray:#59647a;--stroke:#e7e7f4;--shadow:0 15px 55px rgba(26,24,79,.065)}
html{scroll-padding-top:105px}body{font-family:Inter,"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15.5px;letter-spacing:-.01em;overflow-x:hidden}
::selection{background:#dad1ff;color:#20114e}
.wrap{width:min(1160px,calc(100% - 48px))}
header{background:rgba(255,255,255,.93);box-shadow:0 7px 30px rgba(14,18,47,.025)}
.nav{min-height:84px}.brand{font-size:24px;letter-spacing:2.3px;line-height:1.05}.brand small{margin-top:5px;font-size:8.5px;letter-spacing:2.6px}.nav nav{gap:28px;font-size:13.5px;font-weight:630}.nav nav>a:not(.btn){transition:color .2s}.btn{padding:13px 23px;border-radius:12px;box-shadow:0 8px 23px rgba(101,67,233,.16);transition:transform .18s,box-shadow .18s,filter .18s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(101,67,233,.23)}.btn.secondary{box-shadow:none;background:#fff}.btn.secondary:hover{box-shadow:0 7px 22px rgba(49,28,132,.1)}
.hero{overflow:hidden;position:relative;background:radial-gradient(ellipse at 82% 18%,#e8e0ff 0%,transparent 39%),radial-gradient(ellipse at 5% 70%,#f4f1ff,transparent 45%),#fbfbfe;padding:95px 0 102px}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;background-image:radial-gradient(#b6b0db .75px,transparent .75px);background-size:18px 18px;mask-image:linear-gradient(to right,transparent,black)}
.heroGrid{position:relative;grid-template-columns:1.1fr .9fr;gap:65px}.eyebrow{font-size:11.5px;letter-spacing:2.2px;font-weight:850}.hero .eyebrow{display:inline-flex;background:#eee9ff;border:1px solid #e3dcff;border-radius:100px;padding:8px 14px;letter-spacing:1.4px}
h1{font-size:clamp(43px,5.1vw,70px);letter-spacing:-3px;line-height:1.105;margin:20px 0 24px;max-width:800px;font-weight:850}h1 span{background:linear-gradient(110deg,#7253f6,#4d7aee);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{font-size:17px;line-height:1.8;max-width:550px}.actions{margin-top:28px;gap:14px}.pills{margin-top:33px;gap:10px}.pill{padding:8px 13px;font-size:12px;font-weight:650;color:#545077;box-shadow:0 3px 12px rgba(0,0,0,.02)}
.photo{min-height:455px;border-radius:35px;isolation:isolate;background:linear-gradient(135deg,#18244c 0%,#2d2d78 38%,#755af1 77%,#4d8cf0 100%);box-shadow:0 35px 75px rgba(59,43,136,.21);padding:36px;justify-content:flex-end}
.photo:before{width:370px;height:370px;border:72px solid rgba(255,255,255,.06);top:-145px;right:-90px}.photo:after{content:"";position:absolute;width:170px;height:170px;right:-15px;bottom:40px;border-radius:28px;transform:rotate(19deg);background:linear-gradient(150deg,rgba(53,214,255,.6),rgba(255,255,255,.04));z-index:-1}
.photo b{font-size:clamp(27px,2.8vw,38px);letter-spacing:-1px;line-height:1.18;max-width:350px}.photo em{font-style:normal;font-size:12px;letter-spacing:.3px}.photo em:first-child{background:#ffffff1e;padding:7px 11px;border-radius:9px;align-self:flex-start;margin-bottom:14px}.photo em:last-child{margin-top:18px;opacity:.9}
section{padding:88px 0}section.alt{background:#f8f9ff}h2{font-size:clamp(32px,3.5vw,44px);font-weight:830;letter-spacing:-1.6px;margin:11px 0 17px;line-height:1.18}h3{font-size:19px;letter-spacing:-.55px}.intro{font-size:16px;line-height:1.8;margin-bottom:31px}
.features{gap:16px}.feature{background:white;border:1px solid #eceafb;box-shadow:var(--shadow);padding:22px 25px;border-radius:17px;color:#2f385a}
.cards,.listing{gap:18px}.card{position:relative;border-color:#e8e9f4;border-radius:22px;box-shadow:0 9px 36px rgba(12,16,54,.037);transition:border-color .22s,transform .22s,box-shadow .22s}.card:hover{transform:translateY(-4px);box-shadow:0 20px 43px rgba(35,31,100,.09)}.card .symbol{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:17px;background:#f0ecff;font-size:27px;margin-bottom:19px}.card p{line-height:1.72}.card button,.card a.btn{width:max-content;max-width:100%}
.tabs{display:inline-flex;background:#fff;border:1px solid #e8e5f5;border-radius:15px;padding:5px;margin-top:37px;margin-bottom:17px;gap:4px;box-shadow:0 8px 24px #2f21620a}.tab{border:0;border-radius:11px;padding:12px 29px;font-weight:750;font-size:13.5px}.tab[aria-selected=true]{box-shadow:0 5px 12px #7051f52c}
.form{padding:34px;border:1px solid #e8e7f4;border-radius:25px;box-shadow:0 15px 50px #15102c0b}.form h3{font-size:24px;margin-bottom:22px}.fields{gap:21px}.field{color:#2c3651;font-size:13px}.field input,.field select,.field textarea{border:1px solid #dfe1eb;background:#fbfbff;min-height:49px;transition:border-color .18s,background .18s}.field input:hover,.field select:hover,.field textarea:hover{border-color:#b7a8ff}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8b72ff;background:white;outline:3px solid #e5dcff}.field textarea{min-height:110px}.form .hint{border-left:3px solid #ad98ff;padding-left:13px;margin-top:23px;margin-bottom:22px}
.listing .card{min-height:237px}.listing .card h3{min-height:46px}.listing .card .price{font-size:clamp(19px,2vw,25px);margin:9px 0 10px}.listing .card a.btn{margin-top:auto}
.step{border-top:3px solid #9c86fc;padding-top:21px}.step b{display:inline-flex;border:1px solid #e5deff;background:#f4efff;border-radius:12px;padding:4px 11px;font-size:15px}.step h3{margin-top:17px}.steps{gap:27px}
.testimonial{min-height:292px;border:1.5px dashed #c9b9f9;background:linear-gradient(145deg,#faf8ff,#f0edff);border-radius:21px;transition:transform .2s,border-color .2s}.testimonial:hover{border-color:#9380ef;transform:translateY(-3px)}.testimonial span{font-size:38px;margin-bottom:15px}.testimonial strong{font-size:17px;margin-bottom:7px}.testimonial small{color:#6f668a;max-width:210px;line-height:1.6}
details{border-radius:17px;padding:19px 23px;box-shadow:0 5px 20px #12152c05;transition:border-color .15s}details[open]{border-color:#a997ff}details summary{font-size:15px}details summary::marker{color:var(--violet)}details p{max-width:860px;line-height:1.8}
footer{background:#0c1327;padding:65px 0 50px}footer p{line-height:1.8}footer .notice{max-width:700px;color:#8790a3}
a,button{-webkit-tap-highlight-color:transparent}
@media (max-width:980px){.heroGrid{gap:28px}.photo{min-height:365px;padding:25px}.nav nav{gap:16px}h1{font-size:clamp(40px,5vw,60px)}}
@media(max-width:800px){.nav{min-height:75px}.nav nav{top:75px;padding:22px}.hero{padding:67px 0 73px}.heroGrid{gap:35px}.hero .photo{min-height:260px}.hero h1{max-width:720px}.menu{display:inline-flex;align-items:center;justify-content:center;font-size:20px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.listing{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.wrap{width:calc(100% - 36px)}.hero{padding:46px 0 60px}h1{font-size:clamp(39px,10.5vw,53px);letter-spacing:-2.2px}.hero p{font-size:15px}.hero .eyebrow{font-size:10px;letter-spacing:1px}.photo{min-height:230px}.photo b{font-size:28px}.cards,.listing,.features,.steps{grid-template-columns:1fr}.card{padding:24px}.tabs{display:flex;justify-content:space-between}.tab{flex:1;padding:11px 13px}.form{padding:23px 19px}.fields{gap:16px}.btn{width:auto}section{padding:64px 0}.step{padding-top:13px}h2{letter-spacing:-1.1px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.card,.testimonial{transition:none!important}}