/* ============================
   QUARTZOGRAN — ALICE STYLES
   Premium Landing Page CSS
   ============================ */

:root {
    --gold: #c9a84c;
    --gold-light: #e8c96a;
    --gold-dark: #a07830;
    --dark: #09090f;
    --dark-2: #111118;
    --dark-3: #1a1a24;
    --dark-4: #22222e;
    --light: #f8f8f6;
    --light-2: #ededea;
    --white: #ffffff;
    --text-light: #e8e8e8;
    --text-muted-light: #9a9a9a;
    --text-dark: #18181f;
    --text-muted-dark: #6e6e7a;
    --font: 'Poppins', sans-serif;
    --ease: cubic-bezier(0.22, 1, 0.36, 1);
    --r: 20px;
    --r-btn: 100px;
}

/* RESET */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; font-size: 16px; }
body { font-family: var(--font); background: var(--dark); color: var(--text-light); overflow-x: hidden; }
img { display: block; width: 100%; height: 100%; object-fit: cover; }
a { text-decoration: none; }
ul { list-style: none; }

/* UTILS */
.wrap { max-width: 1180px; margin: 0 auto; padding: 0 32px; }
.wrap.narrow { max-width: 820px; }
.wrap.center { text-align: center; }
.gold { color: var(--gold); }

/* NAV — alice-nav */
.alice-nav {
    position: fixed; top: 0; left: 0; right: 0; z-index: 100;
    padding: 18px 40px;
    display: flex; align-items: center;
    transition: background 0.4s var(--ease), backdrop-filter 0.4s, box-shadow 0.4s;
}
.alice-nav.scrolled {
    background: rgba(9,9,15,0.85);
    backdrop-filter: blur(20px);
    box-shadow: 0 1px 0 rgba(201,168,76,0.15);
}
.nav-inner { width: 100%; max-width: 1180px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
.logo { font-size: 1.1rem; font-weight: 800; letter-spacing: 0.22em; color: var(--gold); }
.btn-nav {
    padding: 10px 28px; border-radius: var(--r-btn);
    border: 1.5px solid var(--gold);
    color: var(--gold); font-family: var(--font); font-weight: 600; font-size: 0.82rem;
    letter-spacing: 0.06em; transition: background 0.3s, color 0.3s;
}
.btn-nav:hover { background: var(--gold); color: var(--dark); }

/* BUTTONS */
.btn-pill {
    display: inline-block; padding: 18px 44px; border-radius: var(--r-btn);
    background: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 60%, var(--gold) 100%);
    background-size: 200% auto;
    color: var(--dark); font-family: var(--font); font-weight: 800;
    font-size: 0.9rem; letter-spacing: 0.08em;
    transition: background-position 0.4s, transform 0.3s var(--ease), box-shadow 0.3s;
    box-shadow: 0 4px 32px rgba(201,168,76,0.28);
}
.btn-pill:hover {
    background-position: right center;
    transform: translateY(-3px);
    box-shadow: 0 8px 48px rgba(201,168,76,0.42);
}

/* EYEBROW */
.eyebrow {
    display: inline-block; font-size: 0.72rem; font-weight: 700;
    letter-spacing: 0.25em; text-transform: uppercase; color: var(--gold);
    margin-bottom: 20px;
    padding: 6px 16px; border-radius: 100px;
    border: 1px solid rgba(201,168,76,0.3);
    background: rgba(201,168,76,0.07);
}
.eyebrow.eyebrow-dark { color: var(--gold-dark); border-color: rgba(160,120,48,0.3); background: rgba(160,120,48,0.06); }

/* ============ HERO ============ */
.alice-hero {
    position: relative; min-height: 100vh;
    display: flex; align-items: center;
    padding: 140px 0 100px;
}
.hero-bg {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
}
.hero-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(100deg, rgba(9,9,15,0.65) 0%, rgba(9,9,15,0.45) 55%, rgba(9,9,15,0.15) 100%);
}
.alice-hero .wrap { position: relative; z-index: 2; max-width: 800px; }

.alice-eyebrow { }

.alice-headline {
    font-size: clamp(3rem, 6.5vw, 5.8rem);
    font-weight: 900; line-height: 1.05;
    margin-bottom: 22px;
    letter-spacing: -0.025em;
}

.alice-sub {
    font-size: clamp(1.2rem, 2.5vw, 1.7rem);
    font-weight: 300; color: var(--text-muted-light);
    margin-bottom: 28px; line-height: 1.5;
}

.alice-desc {
    font-size: 1rem; color: #c0c0cc; line-height: 1.8;
    max-width: 620px; margin-bottom: 36px;
}

.alice-badges {
    display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 44px;
}
.alice-badges li {
    font-size: 0.88rem; font-weight: 500; color: var(--text-light);
    padding: 8px 18px; border-radius: 100px;
    background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1);
}

.alice-cta-btn { font-size: 0.85rem; }

.hero-scroll-hint {
    position: absolute; bottom: 36px; left: 50%; transform: translateX(-50%);
    color: var(--gold); font-size: 1.4rem; opacity: 0.6;
    animation: bounce 2s infinite;
}
@keyframes bounce { 0%,100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(8px); } }

/* ============ SECTIONS ============ */
.alice-section { padding: 120px 0; }
.alice-section.light { background: var(--light); color: var(--text-dark); }
.alice-section.dark { background: var(--dark-2); color: var(--text-light); }
.alice-section.cta-section {
    background: radial-gradient(ellipse at 50% 0%, rgba(201,168,76,0.15) 0%, var(--dark-2) 60%);
    color: var(--text-light);
}

.section-title {
    font-size: clamp(2rem, 4.5vw, 3.8rem);
    font-weight: 800; line-height: 1.12;
    margin-bottom: 24px; letter-spacing: -0.02em;
}
.section-title.dark { color: var(--text-dark); }
.section-title em { font-style: normal; color: var(--gold-dark); }

.section-sub {
    font-size: 1.05rem; color: var(--text-muted-light);
    line-height: 1.75; margin-bottom: 56px;
}
.section-sub.dark-sub { color: var(--text-muted-dark); }

/* PROBLEMA */
.alice-risk-list {
    display: flex; flex-direction: column; gap: 16px; margin-bottom: 48px;
    max-width: 600px; margin-left: auto; margin-right: auto;
}
.alice-risk-item {
    display: flex; align-items: center; gap: 16px;
    padding: 8px 0;
    font-weight: 500; font-size: 1.1rem; color: var(--text-dark);
    transition: transform 0.3s var(--ease), color 0.3s;
}
.alice-risk-item:hover { transform: translateX(6px); color: var(--gold-dark); }
.risk-icon { font-size: 1.2rem; }

.alice-callout {
    background: var(--dark); color: var(--text-light);
    border-radius: var(--r); padding: 36px 44px;
    border-left: 4px solid var(--gold);
    font-size: 1.05rem; line-height: 1.8;
}
.alice-callout strong { color: var(--gold); }

/* SOLUÇÃO */
.alice-checklist { display: flex; flex-direction: column; gap: 16px; margin-bottom: 44px; }
.alice-check-item {
    display: flex; align-items: center; gap: 20px;
    background: var(--dark-3); border-radius: var(--r);
    padding: 22px 28px; font-size: 1rem; font-weight: 500;
    border: 1px solid var(--dark-4);
    transition: border-color 0.3s, transform 0.3s var(--ease);
}
.alice-check-item:hover { border-color: var(--gold); transform: translateX(6px); }
.check-mark {
    flex-shrink: 0; width: 38px; height: 38px; border-radius: 50%;
    background: rgba(201,168,76,0.15); border: 1.5px solid var(--gold);
    color: var(--gold); font-size: 1rem;
    display: flex; align-items: center; justify-content: center; font-weight: 800;
}
.footnote-gold { color: var(--gold); font-size: 1rem; font-weight: 600; text-align: center; }

/* PORTFOLIO */
.portfolio-carousel-wrap {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 44px;
}
.alice-portfolio-carousel {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 20px;
    padding-bottom: 20px;
    scrollbar-width: none; /* Firefox */
}
.alice-portfolio-carousel::-webkit-scrollbar {
    display: none; /* Chrome/Safari/Edge */
}
.alice-port-item {
    position: relative; border-radius: var(--r); overflow: hidden;
    cursor: pointer;
    flex: 0 0 calc(33.333% - 14px);
    height: 400px;
    scroll-snap-align: start;
}
.carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: var(--white);
    border: 1px solid var(--light-2);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    font-size: 1.2rem;
    color: var(--text-dark);
    cursor: pointer;
    z-index: 10;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transition: all 0.3s var(--ease);
    display: flex;
    align-items: center;
    justify-content: center;
}
.carousel-btn:hover { background: var(--gold); color: var(--white); border-color: var(--gold); }
.carousel-btn.prev-btn { left: -24px; }
.carousel-btn.next-btn { right: -24px; }
.alice-port-item img { transition: transform 0.6s var(--ease); }
.alice-port-item:hover img { transform: scale(1.06); }
.port-overlay {
    position: absolute; inset: 0; background: linear-gradient(0deg, rgba(9,9,15,0.75) 0%, transparent 55%);
    opacity: 0; transition: opacity 0.4s; display: flex; align-items: flex-end; padding: 22px 20px;
}
.alice-port-item:hover .port-overlay { opacity: 1; }
.port-overlay span { color: #fff; font-weight: 700; font-size: 0.95rem; letter-spacing: 0.04em; }

.footnote-dark { color: var(--text-muted-dark); font-size: 1rem; text-align: center; }
.footnote-dark strong { color: var(--text-dark); }
.alice-port-footnote { }

/* DIFERENCIAIS */
.alice-diff-grid {
    display: grid; grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.alice-diff-card {
    background: var(--dark-3); border-radius: var(--r);
    padding: 36px 30px;
    border: 1px solid var(--dark-4);
    transition: border-color 0.3s, transform 0.3s var(--ease);
}
.alice-diff-card:hover { border-color: rgba(201,168,76,0.4); transform: translateY(-6px); }
.diff-icon { font-size: 2rem; margin-bottom: 16px; }
.alice-diff-card h3 { font-size: 1rem; font-weight: 700; margin-bottom: 8px; color: var(--gold-light); }
.alice-diff-card p { font-size: 0.88rem; color: var(--text-muted-light); line-height: 1.6; }

/* PROCESSO */
.alice-process-flow { display: flex; flex-direction: column; gap: 0; }
.alice-proc-step {
    display: flex; align-items: center; gap: 28px;
    background: var(--white); border-radius: var(--r);
    padding: 28px 32px; border: 1px solid var(--light-2);
    box-shadow: 0 2px 16px rgba(0,0,0,0.04);
    transition: transform 0.3s var(--ease), box-shadow 0.3s;
}
.alice-proc-step:hover { transform: translateX(6px); box-shadow: 0 6px 32px rgba(0,0,0,0.09); }
.proc-num {
    flex-shrink: 0; width: 56px; height: 56px; border-radius: 50%;
    background: linear-gradient(135deg, var(--gold-dark), var(--gold));
    color: var(--dark); font-size: 1.1rem; font-weight: 900;
    display: flex; align-items: center; justify-content: center;
}
.proc-text h3 { font-size: 1rem; font-weight: 700; color: var(--text-dark); margin-bottom: 4px; }
.proc-text p { font-size: 0.88rem; color: var(--text-muted-dark); }
.proc-arrow { text-align: center; color: var(--gold-dark); font-size: 1.4rem; padding: 8px 0; }

/* DEPOIMENTOS */
.alice-test-grid {
    display: grid; grid-template-columns: repeat(3, 1fr);
    gap: 20px; align-items: stretch;
}
.alice-test-card {
    background: var(--dark-3); border-radius: var(--r);
    padding: 36px 30px; border: 1px solid var(--dark-4);
    display: flex; flex-direction: column; gap: 20px;
    transition: border-color 0.3s;
}
.alice-test-card.featured {
    border-color: var(--gold); background: var(--dark-4);
    box-shadow: 0 0 0 1px rgba(201,168,76,0.2), 0 16px 60px rgba(201,168,76,0.1);
}
.test-stars { color: var(--gold); font-size: 1rem; letter-spacing: 2px; }
.test-quote { font-size: 0.93rem; line-height: 1.75; color: #ccc; flex-grow: 1; font-style: italic; }
.test-author { display: flex; align-items: center; gap: 14px; }
.test-avatar {
    width: 44px; height: 44px; border-radius: 50%;
    background: linear-gradient(135deg, var(--gold-dark), var(--gold));
    color: var(--dark); font-weight: 800; font-size: 0.8rem;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.test-author strong { display: block; font-size: 0.9rem; color: var(--text-light); }
.test-author span { font-size: 0.78rem; color: var(--text-muted-light); }

/* CTA FINAL */
.alice-cta-final { font-size: 1rem; }
.cta-micro { margin-top: 20px; font-size: 0.8rem; color: var(--text-muted-light); letter-spacing: 0.04em; }

/* FOOTER */
.alice-footer {
    background: var(--dark); border-top: 1px solid rgba(201,168,76,0.15);
    padding: 44px 0;
}
.alice-footer .wrap {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;
}
.alice-footer p { font-size: 0.82rem; color: var(--text-muted-light); }
.alice-footer a { font-size: 0.82rem; color: var(--gold); font-weight: 600; transition: opacity 0.2s; }
.alice-footer a:hover { opacity: 0.75; }

/* FADE-IN ANIMATIONS */
.fade-up { opacity: 0; transform: translateY(36px); transition: opacity 0.7s var(--ease), transform 0.7s var(--ease); }
.fade-up.visible { opacity: 1; transform: none; }

/* RESPONSIVE */
@media (max-width: 900px) {
    .alice-diff-grid { grid-template-columns: repeat(2, 1fr); }
    .alice-test-grid { grid-template-columns: 1fr; }
    .alice-port-item { flex: 0 0 calc(50% - 10px); }
    .carousel-btn { display: none; }
}
@media (max-width: 640px) {
    .alice-hero { padding: 120px 0 80px; }
    .alice-section { padding: 80px 0; }
    .alice-diff-grid { grid-template-columns: 1fr; }
    .alice-port-item { flex: 0 0 85%; }
    .alice-proc-step { flex-direction: column; align-items: flex-start; }
    .alice-footer .wrap { flex-direction: column; text-align: center; }
    .alice-nav { padding: 14px 20px; }
    .alice-badges { flex-direction: column; }
    .wrap { padding: 0 20px; }
}
 
 / *   A L I C E   M O D A L   ( S W I P E   L I G H T B O X )   * /  
 . a l i c e - m o d a l   {   p o s i t i o n :   f i x e d ;   t o p :   0 ;   l e f t :   0 ;   w i d t h :   1 0 0 % ;   h e i g h t :   1 0 0 % ;   z - i n d e x :   1 0 0 0 ;   d i s p l a y :   n o n e ;   o p a c i t y :   0 ;   t r a n s i t i o n :   o p a c i t y   0 . 4 s   v a r ( - - e a s e ) ;   }  
 . a l i c e - m o d a l . a c t i v e   {   d i s p l a y :   b l o c k ;   o p a c i t y :   1 ;   }  
 . a l i c e - m o d a l - o v e r l a y   {   p o s i t i o n :   a b s o l u t e ;   i n s e t :   0 ;   b a c k g r o u n d :   r g b a ( 9 ,   9 ,   1 5 ,   0 . 9 5 ) ;   b a c k d r o p - f i l t e r :   b l u r ( 1 0 p x ) ;   }  
 . a l i c e - m o d a l - c o n t e n t   {   p o s i t i o n :   a b s o l u t e ;   i n s e t :   0 ;   d i s p l a y :   f l e x ;   f l e x - d i r e c t i o n :   c o l u m n ;   a l i g n - i t e m s :   c e n t e r ;   j u s t i f y - c o n t e n t :   c e n t e r ;   }  
 . a l i c e - m o d a l - t r a c k   {   d i s p l a y :   f l e x ;   t r a n s i t i o n :   t r a n s f o r m   0 . 4 s   v a r ( - - e a s e ) ;   w i d t h :   1 0 0 % ;   h e i g h t :   7 0 v h ;   a l i g n - i t e m s :   c e n t e r ;   }  
 . a l i c e - m o d a l - s l i d e   {   m i n - w i d t h :   1 0 0 % ;   h e i g h t :   1 0 0 % ;   d i s p l a y :   f l e x ;   j u s t i f y - c o n t e n t :   c e n t e r ;   a l i g n - i t e m s :   c e n t e r ;   p a d d i n g :   0   6 0 p x ;   }  
 . a l i c e - m o d a l - s l i d e   i m g   {   m a x - w i d t h :   1 0 0 % ;   m a x - h e i g h t :   1 0 0 % ;   o b j e c t - f i t :   c o n t a i n ;   b o r d e r - r a d i u s :   v a r ( - - r ) ;   b o x - s h a d o w :   0   1 0 p x   4 0 p x   r g b a ( 0 , 0 , 0 , 0 . 5 ) ;   u s e r - s e l e c t :   n o n e ;   }  
 . a l i c e - m o d a l - c l o s e   {   p o s i t i o n :   a b s o l u t e ;   t o p :   3 0 p x ;   r i g h t :   4 0 p x ;   b a c k g r o u n d :   t r a n s p a r e n t ;   b o r d e r :   n o n e ;   c o l o r :   v a r ( - - w h i t e ) ;   f o n t - s i z e :   3 r e m ;   c u r s o r :   p o i n t e r ;   z - i n d e x :   1 0 ;   t r a n s i t i o n :   c o l o r   0 . 3 s ;   l i n e - h e i g h t :   1 ;   }  
 . a l i c e - m o d a l - c l o s e : h o v e r   {   c o l o r :   v a r ( - - g o l d ) ;   }  
 . a l i c e - m o d a l - p r e v ,   . a l i c e - m o d a l - n e x t   {   p o s i t i o n :   a b s o l u t e ;   t o p :   5 0 % ;   t r a n s f o r m :   t r a n s l a t e Y ( - 5 0 % ) ;   b a c k g r o u n d :   r g b a ( 2 5 5 , 2 5 5 , 2 5 5 , 0 . 1 ) ;   b o r d e r :   1 p x   s o l i d   r g b a ( 2 5 5 , 2 5 5 , 2 5 5 , 0 . 2 ) ;   c o l o r :   v a r ( - - w h i t e ) ;   w i d t h :   6 0 p x ;   h e i g h t :   6 0 p x ;   b o r d e r - r a d i u s :   5 0 % ;   f o n t - s i z e :   2 . 5 r e m ;   c u r s o r :   p o i n t e r ;   z - i n d e x :   1 0 ;   d i s p l a y :   f l e x ;   a l i g n - i t e m s :   c e n t e r ;   j u s t i f y - c o n t e n t :   c e n t e r ;   t r a n s i t i o n :   a l l   0 . 3 s ;   p a d d i n g - b o t t o m :   4 p x ;   }  
 . a l i c e - m o d a l - p r e v : h o v e r ,   . a l i c e - m o d a l - n e x t : h o v e r   {   b a c k g r o u n d :   v a r ( - - g o l d ) ;   c o l o r :   v a r ( - - d a r k ) ;   b o r d e r - c o l o r :   v a r ( - - g o l d ) ;   }  
 . a l i c e - m o d a l - p r e v   {   l e f t :   4 0 p x ;   }  
 . a l i c e - m o d a l - n e x t   {   r i g h t :   4 0 p x ;   }  
 . a l i c e - m o d a l - c a p t i o n   {   p o s i t i o n :   a b s o l u t e ;   b o t t o m :   8 0 p x ;   c o l o r :   v a r ( - - w h i t e ) ;   f o n t - s i z e :   1 . 2 r e m ;   f o n t - w e i g h t :   6 0 0 ;   t e x t - a l i g n :   c e n t e r ;   l e t t e r - s p a c i n g :   0 . 0 5 e m ;   }  
 . a l i c e - m o d a l - i n d i c a t o r s   {   p o s i t i o n :   a b s o l u t e ;   b o t t o m :   4 0 p x ;   d i s p l a y :   f l e x ;   g a p :   1 0 p x ;   }  
 . a l i c e - i n d i c a t o r   {   w i d t h :   1 0 p x ;   h e i g h t :   1 0 p x ;   b o r d e r - r a d i u s :   5 0 % ;   b a c k g r o u n d :   r g b a ( 2 5 5 , 2 5 5 , 2 5 5 , 0 . 3 ) ;   c u r s o r :   p o i n t e r ;   t r a n s i t i o n :   0 . 3 s ;   }  
 . a l i c e - i n d i c a t o r . a c t i v e   {   b a c k g r o u n d :   v a r ( - - g o l d ) ;   t r a n s f o r m :   s c a l e ( 1 . 3 ) ;   }  
 @ m e d i a   ( m a x - w i d t h :   7 6 8 p x )   {   . a l i c e - m o d a l - s l i d e   {   p a d d i n g :   0   2 0 p x ;   }   . a l i c e - m o d a l - p r e v ,   . a l i c e - m o d a l - n e x t   {   w i d t h :   4 4 p x ;   h e i g h t :   4 4 p x ;   f o n t - s i z e :   2 r e m ;   }   . a l i c e - m o d a l - p r e v   {   l e f t :   1 0 p x ;   }   . a l i c e - m o d a l - n e x t   {   r i g h t :   1 0 p x ;   }   . a l i c e - m o d a l - c a p t i o n   {   b o t t o m :   6 0 p x ;   f o n t - s i z e :   1 r e m ;   }   }  
 