

:root{
--bg-primary:#090A0F;
--bg-secondary:#12151E;
--text-primary:#F1F5F9;
--text-secondary:#A1A6B5;
--accent-primary:#6366F1;
--accent-success:#22C55E;
--border-default:#23263A;
--surface-gradient:linear-gradient(135deg,#12151E 60%,#23263A 100%);
--icon-flat:#F1F5F9;

--font-heading:Inter,"Segoe UI",Arial,sans-serif;
--font-body:Inter,"Segoe UI",Arial,sans-serif;

--fs-1:3.2rem;
--fs-2:2.4rem;
--fs-3:2rem;
--fs-4:1.6rem;
--fs-5:1.3rem;
--fs-6:1.1rem;

--space-1:2px;
--space-2:4px;
--space-3:8px;
--space-4:16px;
--space-5:24px;
--space-6:32px;
--space-7:48px;

--radius-card:12px;
--radius-button:8px;
--radius-input:8px;
--radius-image:8px;

--container-max:1200px;
--gutter-desktop:24px;
--gutter-mobile:16px;

--transition-fast:120ms ease;
--transition-base:160ms ease;
}

*,
*::before,
*::after{
box-sizing:border-box;
margin:0;
padding:0;
}

html{
font-size:16px;
-webkit-text-size-adjust:100%;
}

body{
min-height:100vh;
background:var(--bg-primary);
color:var(--text-primary);
font-family:var(--font-body);
line-height:1.4;
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
}

img,
picture,
video,
canvas,
svg{
display:block;
max-width:100%;
height:auto;
}

img,
video{
object-fit:cover;
}

button,
input,
select,
textarea{
font:inherit;
color:inherit;
background:none;
border:none;
outline:none;
}

button{
cursor:pointer;
}

a{
color:inherit;
text-decoration:none;
}

ul,
ol{
list-style:none;
}

h1,h2,h3,h4,h5,h6{
font-family:var(--font-heading);
font-weight:600;
line-height:1.2;
letter-spacing:0.01em;
margin-block-end:var(--space-4);
}

h1{font-size:var(--fs-1);}
h2{font-size:var(--fs-2);}
h3{font-size:var(--fs-3);}
h4{font-size:var(--fs-4);}
h5{font-size:var(--fs-5);}
h6{font-size:var(--fs-6);}

p{
font-size:var(--fs-6);
color:var(--text-secondary);
margin-block-end:var(--space-4);
}

ul,ol{
margin-block-end:var(--space-4);
}

li{
margin-block-end:var(--space-2);
}

blockquote{
margin-block-end:var(--space-4);
padding-left:var(--space-4);
border-left:2px solid var(--border-default);
color:var(--text-secondary);
}

:where(h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote):last-child{
margin-block-end:0;
}

.container{
width:100%;
max-width:var(--container-max);
margin-inline:auto;
padding-inline:var(--gutter-desktop);
}

@media (max-width:768px){
.container{
padding-inline:var(--gutter-mobile);
}
}

.grid{
display:grid;
gap:var(--space-5);
}

.grid-12{
grid-template-columns:repeat(12,minmax(0,1fr));
}

.grid-auto{
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
}

.grid-3{
grid-template-columns:repeat(3,minmax(0,1fr));
}

.grid-2{
grid-template-columns:repeat(2,minmax(0,1fr));
}

@media (max-width:1024px){
.grid-3{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}

@media (max-width:768px){
.grid-12,
.grid-3,
.grid-2{
grid-template-columns:1fr;
}
}

.flex{
display:flex;
gap:var(--space-4);
}

.flex-col{
flex-direction:column;
}

.flex-wrap{
flex-wrap:wrap;
}

.flex-between{
justify-content:space-between;
align-items:center;
}

.card{
background:var(--surface-gradient);
border:1px solid var(--border-default);
border-radius:var(--radius-card);
padding:var(--space-6);
position:relative;
overflow:hidden;
transition:background var(--transition-base),border-color var(--transition-base);
}

@media (max-width:768px){
.card{
padding:var(--space-4);
}
}

.card:hover{
border-color:var(--accent-primary);
}

.surface{
background:var(--bg-secondary);
border:1px solid var(--border-default);
border-radius:var(--radius-card);
}

.button{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--space-3);
padding:10px 16px;
border-radius:var(--radius-button);
background:var(--accent-primary);
color:#fff;
font-size:var(--fs-6);
font-weight:500;
transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);
}

.button:hover{
box-shadow:0 0 0 1px var(--accent-primary),0 0 12px rgba(99,102,241,0.35);
}

.button:active{
transform:translateY(1px);
}

.button-secondary{
background:transparent;
border:1px solid var(--border-default);
color:var(--text-primary);
}

.input{
width:100%;
padding:12px 14px;
border-radius:var(--radius-input);
background:var(--bg-secondary);
border:1px solid var(--border-default);
color:var(--text-primary);
transition:border-color var(--transition-fast),box-shadow var(--transition-fast);
}

.input:focus{
border-color:var(--accent-primary);
box-shadow:0 0 0 1px var(--accent-primary);
}

.label{
font-size:var(--fs-6);
color:var(--text-secondary);
margin-bottom:var(--space-2);
display:block;
}

.badge{
display:inline-flex;
align-items:center;
padding:4px 10px;
border-radius:999px;
font-size:0.8rem;
background:var(--bg-secondary);
color:var(--text-secondary);
border:1px solid var(--border-default);
}

.badge-success{
color:#022c16;
background:var(--accent-success);
border:none;
}

.row{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-4);
padding-block:var(--space-4);
border-bottom:1px solid var(--border-default);
}

.row:last-child{
border-bottom:none;
}

.media{
width:100%;
aspect-ratio:16/9;
border-radius:var(--radius-image);
overflow:hidden;
background:var(--bg-secondary);
}

.media.square{
aspect-ratio:1/1;
}

.media > img,
.media > video{
width:100%;
height:100%;
object-fit:cover;
}

.timeline{
display:flex;
flex-direction:column;
border-left:1px solid var(--border-default);
}

.timeline-item{
padding-left:var(--space-5);
margin-bottom:var(--space-5);
position:relative;
}

.timeline-item::before{
content:"";
position:absolute;
left:-6px;
top:4px;
width:10px;
height:10px;
border-radius:50%;
background:var(--accent-primary);
}

.timeline-item:last-child{
margin-bottom:0;
}

.matrix{
overflow-x:auto;
display:grid;
gap:var(--space-3);
}

.matrix-row{
display:grid;
grid-auto-flow:column;
grid-auto-columns:minmax(140px,1fr);
gap:var(--space-3);
}

.section{
padding-block:var(--space-7);
}

.section-compact{
padding-block:var(--space-6);
}


.gv-header{
position:sticky;
top:0;
z-index:1000;
background:rgba(9,10,15,0.9);
backdrop-filter:blur(8px);
border-bottom:1px solid var(--border-default);
}

.gv-header-inner{
display:flex;
align-items:center;
justify-content:space-between;
min-height:72px;
}

.gv-brand{
display:flex;
align-items:center;
gap:12px;
}

.gv-logo-mark img{
height:44px;
width:auto;
}

.gv-brand-text{
font-size:1.6rem;
font-weight:600;
letter-spacing:0.02em;
}

.gv-nav{
display:flex;
}

.gv-nav-list{
display:flex;
align-items:center;
gap:24px;
}

.gv-nav a{
font-size:0.95rem;
color:var(--text-secondary);
transition:color var(--transition-fast);
}

.gv-nav a:hover{
color:var(--text-primary);
}

.gv-cta{
padding:8px 14px;
border-radius:var(--radius-button);
background:var(--accent-primary);
color:#fff !important;
}

.gv-toggle{
display:none;
flex-direction:column;
justify-content:center;
align-items:center;
width:44px;
height:44px;
border-radius:8px;
border:1px solid var(--border-default);
}

.gv-toggle span{
display:block;
width:18px;
height:2px;
background:var(--text-primary);
margin:2px 0;
}

.gv-toggle:focus{
outline:1px solid var(--accent-primary);
}

@media (max-width:900px){
.gv-header-inner{
min-height:64px;
}

.gv-logo-mark img{
height:32px;
}

.gv-brand{
flex-direction:column;
align-items:flex-start;
gap:2px;
}

.gv-brand-text{
font-size:1rem;
}

.gv-toggle{
display:flex;
}

.gv-nav{
position:fixed;
top:64px;
right:0;
width:min(320px, 100vw);
height:calc(100vh - 64px);
background:var(--bg-secondary);
border-left:1px solid var(--border-default);
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity var(--transition-base),visibility 0s linear var(--transition-base);
padding:24px;
overflow-y:auto;
overscroll-behavior:contain;
box-shadow:-12px 0 28px rgba(0,0,0,0.24);
}

.gv-nav.open{
opacity:1;
visibility:visible;
pointer-events:auto;
transition-delay:0s;
}

.gv-nav-list{
flex-direction:column;
align-items:flex-start;
gap:16px;
}

.gv-nav a{
font-size:1rem;
}

body.gv-menu-open{
overflow:hidden;
}
}


.gv-footer{
border-top:1px solid var(--border-default);
margin-top:48px;
background:var(--bg-primary);
}

.gv-footer-inner{
display:grid;
gap:32px;
padding-block:48px;
}

.gv-footer-logo{
display:flex;
align-items:center;
gap:10px;
font-weight:600;
}

.gv-footer-logo img{
height:32px;
}

.gv-footer-nav ul,
.gv-footer-legal ul{
display:flex;
flex-direction:column;
gap:8px;
}

.gv-footer a{
color:var(--text-secondary);
font-size:0.9rem;
}

.gv-footer a:hover{
color:var(--text-primary);
}

.gv-footer-copy{
border-top:1px solid var(--border-default);
padding-top:16px;
}

.gv-consent{
position:fixed;
bottom:16px;
left:50%;
transform:translateX(-50%);
background:var(--surface-gradient);
border:1px solid var(--border-default);
border-radius:12px;
padding:16px 20px;
max-width:520px;
width:calc(100% - 32px);
display:none;
z-index:1100;
}

.gv-consent.show{
display:block;
}

.gv-consent-inner{
display:flex;
flex-direction:column;
gap:12px;
text-align:center;
margin-inline:auto;
}

.gv-consent-actions{
display:flex;
gap:8px;
justify-content:center;
}

.gv-consent button:focus{
outline:1px solid var(--accent-primary);
}


.cp-page{display:block}

.cp-hero{display:flex;justify-content:center}
.cp-hero-inner{max-width:800px;width:100%;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4)}

.cp-layout{display:grid;grid-template-columns:260px 1fr;gap:var(--space-6);align-items:start}

.cp-sidebar{position:sticky;top:100px}
.cp-sidebar ul{display:flex;flex-direction:column;gap:var(--space-3)}
.cp-sidebar a{font-size:var(--fs-6);color:var(--text-secondary);transition:color var(--transition-fast)}
.cp-sidebar a:hover{color:var(--text-primary)}

.cp-content{display:flex;flex-direction:column;gap:var(--space-6)}

.cp-section{display:flex;flex-direction:column;gap:var(--space-4)}

.cp-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}
.cp-type{display:flex;flex-direction:column;gap:var(--space-3)}

@media(max-width:1024px){
.cp-layout{grid-template-columns:1fr}
.cp-sidebar{display:none}
.cp-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:768px){
.cp-grid-3{grid-template-columns:1fr}
}


.pp-root{}

.pp-narrow{max-width:800px;margin-inline:auto;}
.pp-wide{max-width:1000px;margin-inline:auto;}
.pp-center{text-align:center;}

.pp-card{display:flex;flex-direction:column;gap:var(--space-4);}

.pp-lead{font-size:var(--fs-5);color:var(--text-primary);}

.pp-section .pp-card{gap:var(--space-5);}

.pp-block{display:flex;flex-direction:column;gap:var(--space-3);}

.pp-block ul{padding-left:16px;}

@media (max-width:768px){
.pp-wide{max-width:100%;}
.pp-narrow{max-width:100%;}
}


.contact-page .contact-hero-inner{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-5);} 

.contact-form-grid{align-items:start;}
.contact-form-wrapper{grid-column:span 7;display:flex;flex-direction:column;gap:var(--space-5);} 

.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);} 
.contact-form .form-group{display:flex;flex-direction:column;gap:var(--space-2);} 
.contact-form textarea{min-height:120px;} 
.contact-form button{grid-column:span 2;} 
.form-success{color:var(--accent-success);} 
.privacy-note{font-size:0.9rem;color:var(--text-secondary);} 

.contact-benefits .card{display:flex;flex-direction:column;gap:var(--space-4);} 

.contact-process .contact-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5);border:none;} 
.contact-process .timeline-item{border:1px solid var(--border-default);padding:var(--space-5);border-radius:var(--radius-card);} 

.contact-faq .faq-list{max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4);} 
.faq-question{width:100%;text-align:left;padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-card);} 
.faq-answer{display:none;padding:var(--space-4);} 
.faq-item.active .faq-answer{display:block;} 

.contact-cta-inner{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-5);} 

.contact-footer-nav ul{display:flex;flex-direction:column;gap:var(--space-2);} 

@media(max-width:1024px){
.contact-form-wrapper{grid-column:span 12;}
.contact-process .contact-timeline{grid-template-columns:1fr 1fr;}
}

@media(max-width:768px){
.contact-form{grid-template-columns:1fr;} 
.contact-form button{grid-column:span 1;} 
.contact-process .contact-timeline{grid-template-columns:1fr;} 
}


.dt-page{display:flex;flex-direction:column}
.dt-hero-inner{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-6);align-items:center}
.dt-hero-text{grid-column:span 6;max-width:55ch;display:flex;flex-direction:column;gap:var(--space-4)}
.dt-hero-visual{grid-column:span 6}
.dt-hero-visual img{border-radius:var(--radius-image)}

.dt-legend-item{display:flex;flex-direction:column;gap:var(--space-3)}

.dt-filters-inner{display:flex;gap:var(--space-5);flex-wrap:wrap}
.dt-filter-group{display:flex;flex-direction:column;gap:var(--space-2)}
.dt-checkboxes{display:flex;gap:var(--space-4);flex-wrap:wrap}

.dt-matrix-intro{max-width:none;text-align:left}
.dt-matrix .matrix-row div{padding:10px;border:1px solid var(--border-default);text-align:center}
.dt-available{background:var(--accent-success)}
.dt-booked{background:var(--accent-primary)}

.dt-process .timeline{margin-top:var(--space-5)}

.dt-flexibility-inner{max-width:55ch;margin-inline:auto;text-align:center}

.dt-cta{text-align:center}

.dt-form-inner{max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4)}

@media(max-width:768px){
.dt-hero-inner{grid-template-columns:1fr}
.dt-hero-text,.dt-hero-visual{grid-column:span 1}
}


.tac-page{display:block}

.tac-hero-inner{display:flex;justify-content:center}
.tac-hero-content{max-width:700px;text-align:center;margin-inline:auto}

.tac-layout .tac-grid{display:grid;grid-template-columns:260px 1fr;gap:var(--space-6)}

.tac-toc{position:sticky;top:100px;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);height:max-content}
.tac-toc a{color:var(--text-secondary);font-size:var(--fs-6);transition:color var(--transition-fast)}
.tac-toc a.active{color:var(--accent-primary)}
.tac-toc a:hover{color:var(--text-primary)}

.tac-content{display:flex;flex-direction:column;gap:var(--space-6);max-width:720px}

.tac-section{display:flex;flex-direction:column;gap:var(--space-4)}

.tac-highlight{border-color:var(--accent-primary)}

.tac-section p{line-height:1.5}

@media(max-width:1024px){
.tac-layout .tac-grid{grid-template-columns:1fr}
.tac-toc{position:relative;top:auto;flex-direction:row;flex-wrap:wrap}
}

@media(max-width:768px){
.tac-content{max-width:100%}
}


.proces-page .hero-grid{align-items:center}
.hero-text{grid-column:span 5;display:flex;flex-direction:column;gap:var(--space-5);max-width:55ch}
.hero-visual{grid-column:span 7}

.timeline-wrapper{display:flex;flex-direction:column;gap:var(--space-5);align-items:center;text-align:center}
.timeline-intro{max-width:70ch}

.process-grid{align-items:center}
.process-text{grid-column:span 6;max-width:65ch}
.process-text.narrow{max-width:55ch}
.process-visual{grid-column:span 6}
.process.alt .process-text{order:1}
.process.alt .process-visual{order:2}

.advantages .card{display:flex;flex-direction:column;gap:var(--space-4)}

.contact-box{max-width:500px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-5);text-align:center}
.contact-form{display:flex;flex-direction:column;gap:var(--space-4);text-align:left}

@media(max-width:768px){
.hero-text,.hero-visual,.process-text,.process-visual{grid-column:span 12}
.hero-text{max-width:none}
.process-text{max-width:none}
}


.fe-page{display:block}

.fe-hero-text{grid-column:span 5;display:flex;flex-direction:column;gap:var(--space-5);max-width:520px}
.fe-hero-media{grid-column:span 7}
.fe-hero-media img{border-radius:var(--radius-image)}

.fe-bento-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-5)}
.fe-card{display:flex;flex-direction:column;gap:var(--space-4)}
.fe-card.poker{grid-column:span 4}
.fe-card.roulette{grid-column:span 4}
.fe-card.blackjack{grid-column:span 4}
.fe-card.corporate{grid-column:span 6}
.fe-card.private{grid-column:span 3}
.fe-card.interactive{grid-column:span 3}

.fe-advice .card{display:flex;flex-direction:column;gap:var(--space-4)}

.fe-atmosphere-media{grid-column:span 6}
.fe-atmosphere-text{grid-column:span 6;max-width:520px}
.fe-atmosphere-text{display:flex;flex-direction:column;gap:var(--space-4)}

.fe-flexibility .card{display:flex;flex-direction:column;gap:var(--space-4)}

.fe-cta-box{max-width:520px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-5)}

.fe-form-box{max-width:500px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4)}

@media (max-width:1024px){
.fe-hero-text,.fe-hero-media{grid-column:span 12}
.fe-bento-grid{grid-template-columns:1fr}
.fe-card{grid-column:span 1!important}
.fe-atmosphere-media,.fe-atmosphere-text{grid-column:span 12}
}


.gv-benefits{}

.gv-hero-grid{align-items:center}
.gv-hero-text{grid-column:span 5;max-width:55ch;display:flex;flex-direction:column;gap:var(--space-4)}
.gv-hero-image{grid-column:span 7}

.gv-bento-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.gv-bento-card{display:flex;flex-direction:column;gap:var(--space-3);min-height:160px}
.gv-bento-large{grid-column:span 2}

.gv-rows .row{transition:background var(--transition-fast)}
.gv-rows .row:hover{background:var(--bg-secondary)}

.gv-center-block{max-width:65ch;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-4)}

.gv-network > .container > div{max-width:60ch}

.gv-atmosphere-grid{align-items:center}
.gv-atmosphere-text{grid-column:span 6;display:flex;flex-direction:column;gap:var(--space-4)}
.gv-atmosphere-image{grid-column:span 6}

.gv-types .card{display:flex;flex-direction:column;gap:var(--space-3)}

.gv-cta-box{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-5)}
.gv-form{display:flex;flex-direction:column;gap:var(--space-4);text-align:left}

@media (max-width:1024px){
.gv-bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.gv-bento-large{grid-column:span 2}
}

@media (max-width:768px){
.gv-hero-text,.gv-hero-image,.gv-atmosphere-text,.gv-atmosphere-image{grid-column:span 12}
.gv-bento-grid{grid-template-columns:1fr}
}


.tech-page{display:block}
.tech-hero-grid{align-items:center}
.tech-hero-text{grid-column:span 6;max-width:560px}
.tech-hero-panel{grid-column:span 6;display:flex;flex-direction:column;gap:var(--space-4)}
.tech-panel-rows{display:flex;flex-direction:column}
.tech-quick .card{min-height:180px}
.tech-space .card,.tech-equipment .card,.tech-team .card,.tech-infra .card{display:flex;flex-direction:column;gap:var(--space-4)}
.tech-compare .card{text-align:left}
.tech-faq-inner{max-width:700px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4)}
.tech-faq-question{width:100%;text-align:left;padding:16px;border:1px solid var(--border-default);border-radius:var(--radius-card)}
.tech-faq-answer{display:none;padding:16px;border:1px solid var(--border-default);border-top:none}
.tech-cta-text{max-width:520px}
.tech-form{display:flex;flex-direction:column;gap:var(--space-4)}
@media(max-width:768px){
.tech-hero-text,.tech-hero-panel{grid-column:span 12}
}


.zu-page{}

.zu-hero-grid{align-items:center}
.zu-hero-text{grid-column:span 6;display:flex;flex-direction:column;gap:var(--space-5);max-width:55ch}
.zu-hero-media{grid-column:span 6}
.zu-hero-cta{display:flex;gap:var(--space-4);flex-wrap:wrap}

.zu-card{display:flex;flex-direction:column;gap:var(--space-4);min-height:100%}

.zu-why-grid{align-items:center}
.zu-why-text{grid-column:span 7;display:flex;flex-direction:column;gap:var(--space-5);max-width:65ch}
.zu-why-media{grid-column:span 5}

.zu-gallery{text-align:center}
.zu-gallery-text{max-width:45ch;margin-inline:auto}

.zu-cta-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);text-align:center;max-width:50ch;margin-inline:auto}

.zu-form-box{max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4)}
.zu-form-box form{display:flex;flex-direction:column;gap:var(--space-4)}

@media(max-width:768px){
.zu-hero-text,.zu-hero-media,.zu-why-text,.zu-why-media{grid-column:span 12}
.zu-hero-text{max-width:100%}
.zu-why-text{max-width:100%}
}


.prep-page{}

.prep-hero-grid{align-items:center}
.prep-hero-text{grid-column:span 6;max-width:55ch;display:flex;flex-direction:column;gap:var(--space-5)}
.prep-hero-visual{grid-column:span 6}

.prep-simple .prep-card{display:flex;flex-direction:column;gap:var(--space-4);text-align:center}

.prep-timeline{margin-top:var(--space-6);max-width:700px}
.prep-timeline .timeline-item{max-width:55ch}

.prep-logistics-grid{align-items:center}
.prep-logistics-image{grid-column:span 5}
.prep-logistics-text{grid-column:span 7;max-width:65ch;display:flex;flex-direction:column;gap:var(--space-4)}

.prep-flex .card{display:flex;flex-direction:column;gap:var(--space-4)}

.prep-faq-container{max-width:700px;margin-inline:auto}
.prep-accordion{display:flex;flex-direction:column;gap:var(--space-4)}
.prep-faq-item{border:1px solid var(--border-default);border-radius:var(--radius-card);overflow:hidden}
.prep-faq-question{width:100%;text-align:left;padding:var(--space-5);background:var(--bg-secondary)}
.prep-faq-answer{display:none;padding:var(--space-5)}
.prep-faq-item.active .prep-faq-answer{display:block}

.prep-cta-box{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-5)}

.prep-form-container{max-width:600px;margin-inline:auto}
.prep-form-card{display:flex;flex-direction:column;gap:var(--space-4)}

@media(max-width:768px){
.prep-hero-text,.prep-hero-visual,.prep-logistics-image,.prep-logistics-text{grid-column:span 12}
}


.home-page{display:block}

.home-hero-grid{align-items:center}
.home-hero-dashboard{grid-column:span 6;display:grid;gap:var(--space-5)}
.home-hero-content{grid-column:span 6;display:flex;flex-direction:column;gap:var(--space-5);max-width:520px}
.home-hero-cta{display:flex;gap:var(--space-4);flex-wrap:wrap}

.home-bento{gap:var(--space-5)}
.bento-large{grid-column:span 6;display:flex;flex-direction:column;gap:var(--space-4)}
.home-bento .card{grid-column:span 3;display:flex;flex-direction:column;gap:var(--space-4)}

.home-advantages .card{text-align:center}

.home-experience .media{height:100%}

.home-cta-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);max-width:520px;margin-inline:auto}

.home-form form{display:flex;flex-direction:column;gap:var(--space-4)}

@media (max-width:1024px){
.home-hero-dashboard,.home-hero-content{grid-column:span 12}
.bento-large,.home-bento .card{grid-column:span 12}
}

@media (max-width:768px){
.home-hero-content{max-width:none}
.home-hero-cta{flex-direction:column}
}


.thank-you{
min-height:70vh;
display:flex;
align-items:center;
}

.thank-you__wrapper{
width:100%;
display:flex;
justify-content:center;
}

.thank-you__card{
max-width:640px;
width:100%;
}

.thank-you__content{
display:flex;
flex-direction:column;
gap:var(--space-5);
text-align:center;
margin-inline:auto;
}

.thank-you__actions{
display:flex;
justify-content:center;
gap:var(--space-4);
flex-wrap:wrap;
margin-top:var(--space-3);
}

@media (max-width:768px){
.thank-you{
min-height:auto;
}

.thank-you__card{
max-width:100%;
}

/* The generic mobile grid has one track. Page-specific `span 12` rules
   otherwise create implicit columns and leave half of the viewport empty. */
.grid-12 > *{
grid-column:1 / -1;
min-width:0;
}
}

p,
a,
li,
h1,
h2,
h3,
h4,
h5,
h6,
span {
  overflow-wrap: anywhere;
  word-break: normal;
}

.btn,
.btn-outline {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  text-align: center;
  line-height: 1.35;
}  