@charset "utf-8";
/* CSS Document */


/* ─── HERO ─── */
.trial-hero{padding:150px 0 100px;text-align:center;position:relative;overflow:hidden}
.trial-hero::before{content:'';position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(0,212,170,.07) 0%,transparent 60%);pointer-events:none}
.trial-hero .container{display:flex;flex-direction:column;align-items:center;gap:0}
.trial-hero .badge{margin-bottom:28px}
.trial-hero h1{font-family:var(--font-display);font-size:clamp(34px,5vw,56px);font-weight:700;line-height:1.08;letter-spacing:-.03em;margin-bottom:32px}
.trial-hero h1 em{font-style:normal;color:var(--accent);position:relative}
.trial-hero h1 em::after{content:'';position:absolute;bottom:2px;left:0;right:0;height:3px;background:var(--accent);opacity:.3;border-radius:2px}
.trial-hero>div>p{font-size:18px;color:var(--text-secondary);line-height:1.65;max-width:580px;margin:0 auto 56px}
.hero-cta-wrap{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:56px}

/* Trust pills */
.trust-pills{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}
.trust-pill{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);font-weight:500}
.trust-pill .tp-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;background:var(--accent-glow)}

/* ─── COUNTDOWN ─── */
.countdown-bar{padding:24px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center}
.countdown-bar p{font-size:15px;color:var(--text-secondary)}
.countdown-bar strong{color:var(--accent);font-family:var(--font-mono)}
.countdown-bar .cd-time{font-size:20px;font-weight:700;color:var(--warm);font-family:var(--font-mono)}

/* ─── HOW IT WORKS ─── */
.trial-steps{padding:80px 0}
.trial-steps-header{text-align:center;margin-bottom:56px}
.trial-steps-header h2{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative}
.steps-grid::before{content:'';position:absolute;top:48px;left:120px;right:120px;height:1px;background:linear-gradient(90deg,var(--accent),var(--warm),var(--accent));opacity:.15}
.trial-step{text-align:center;position:relative}
.trial-step-num{width:96px;height:96px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;background:var(--bg-card);position:relative;z-index:2;flex-direction:column;gap:2px}
.trial-step-num .ts-icon{font-size:28px}
.trial-step-num .ts-num{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.06em}
.trial-step h3{font-family:var(--font-display);font-size:17px;font-weight:600;margin-bottom:8px}
.trial-step p{font-size:14px;color:var(--text-secondary);line-height:1.6;max-width:280px;margin:0 auto}
.trial-step .step-time{display:inline-block;margin-top:10px;font-family:var(--font-mono);font-size:11px;color:var(--warm);background:var(--warm-glow);padding:4px 12px;border-radius:100px;border:1px solid rgba(245,158,11,.15)}

/* ─── FORM SECTION ─── */
.trial-form-section{padding:80px 0;background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.trial-form-section .container{max-width:900px}
.form-header{text-align:center;margin-bottom:48px}
.form-header h2{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}
.form-header p{font-size:15px;color:var(--text-secondary)}

/* Form layout */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}
.form-group{display:flex;flex-direction:column;gap:6px}
.form-group.full{grid-column:1/-1}
.form-label{font-size:12px;color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:4px}
.form-label .req{color:var(--coral);font-size:14px}
.form-input{padding:13px 16px;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;outline:none;transition:border-color .3s}
.form-input::placeholder{color:var(--text-muted)}
.form-input:focus{border-color:rgba(0,212,170,.3)}
select.form-input{cursor:pointer;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2364748B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
select.form-input option{background:var(--bg-card);color:var(--text-primary)}
textarea.form-input{resize:vertical;min-height:80px}

/* Upload zone */
.upload-zone{margin-bottom:24px}
.upload-zone-label{font-size:12px;color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;display:flex;align-items:center;gap:4px}

/* Tabs */
.upload-tabs{display:flex;gap:0;margin-bottom:0}
.upload-tab{padding:10px 20px;font-family:var(--font-display);font-size:13px;font-weight:500;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);cursor:pointer;transition:all .2s;border-bottom:none}
.upload-tab:first-child{border-radius:10px 0 0 0}
.upload-tab:last-child{border-radius:0 10px 0 0}
.upload-tab.active{color:var(--accent);background:var(--bg-surface);border-color:rgba(0,212,170,.2)}
.upload-panel{display:none}
.upload-panel.active{display:block}

/* Drop area */
.drop-area{background:var(--bg);border:2px dashed rgba(148,163,184,.15);border-top:none;border-radius:0 0 14px 14px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}
.drop-area:hover,.drop-area.dragover{border-color:rgba(0,212,170,.3);background:rgba(0,212,170,.02)}
.drop-area input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer}
.drop-icon{font-size:40px;margin-bottom:12px;opacity:.5}
.drop-title{font-family:var(--font-display);font-size:16px;font-weight:600;margin-bottom:4px}
.drop-hint{font-size:13px;color:var(--text-muted)}
.drop-formats{margin-top:12px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}

/* File list */
.file-list{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.file-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;font-size:13px}
.file-item .fi-icon{font-size:16px}
.file-item .fi-name{flex:1;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-item .fi-size{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}
.file-item .fi-remove{width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}
.file-item .fi-remove:hover{background:var(--coral-glow);color:var(--coral)}

/* Link area */
.link-area{background:var(--bg);border:1px solid var(--border);border-top:none;border-radius:0 0 14px 14px;padding:0}
.link-area textarea{width:100%;min-height:140px;padding:16px 20px;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-mono);font-size:13px;line-height:1.8;resize:vertical;outline:none}
.link-area textarea::placeholder{color:var(--text-muted)}
.link-area-footer{padding:10px 16px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted)}
.link-count{font-family:var(--font-mono);color:var(--accent)}

/* Submit */
.form-submit{text-align:center;padding-top:16px}
.form-disclaimer{margin-top:16px;font-size:12px;color:var(--text-muted);max-width:500px;margin-left:auto;margin-right:auto;line-height:1.5}

/* ─── GUARANTEES ─── */
.guarantees{padding:80px 0}
.guarantees-header{text-align:center;margin-bottom:48px}
.guarantees-header h2{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}
.guarantees-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.guarantee-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px;text-align:center;transition:all .35s}
.guarantee-card:hover{border-color:rgba(0,212,170,.2);transform:translateY(-3px);box-shadow:0 16px 48px rgba(0,0,0,.3)}
.gc-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 16px}
.guarantee-card h3{font-family:var(--font-display);font-size:16px;font-weight:600;margin-bottom:8px}
.guarantee-card p{font-size:13px;color:var(--text-secondary);line-height:1.6}

/* ─── FAQ ─── */
.faq{padding:80px 0;background:var(--bg-card);border-top:1px solid var(--border)}
.faq-header{text-align:center;margin-bottom:48px}
.faq-header h2{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}
.faq-list{max-width:760px;margin:0 auto}
.faq-item{border:1px solid var(--border);border-radius:14px;margin-bottom:12px;overflow:hidden;background:var(--bg);transition:border-color .3s}
.faq-item:hover{border-color:rgba(0,212,170,.15)}
.faq-q{padding:18px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);font-size:15px;font-weight:600;user-select:none;gap:16px}
.faq-q .faq-icon{width:28px;height:28px;border-radius:8px;background:var(--accent-glow);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:16px;transition:transform .3s;flex-shrink:0}
.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s}
.faq-item.open .faq-a{max-height:400px;padding:0 24px 20px}
.faq-a p{font-size:14px;color:var(--text-secondary);line-height:1.7}



/* ─── SUCCESS OVERLAY ─── */
.success-overlay{position:fixed;inset:0;background:rgba(6,9,15,.9);backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;z-index:200;padding:24px}
.success-overlay.show{display:flex}
.success-card{background:var(--bg-card);border:1px solid rgba(0,212,170,.2);border-radius:24px;padding:48px;text-align:center;max-width:520px;width:100%;position:relative}
.success-card .sc-icon{font-size:56px;margin-bottom:20px}
.success-card h2{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}
.success-card p{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:28px}
.success-card .sc-ref{font-family:var(--font-mono);font-size:13px;color:var(--warm);background:var(--warm-glow);padding:8px 16px;border-radius:8px;display:inline-block;margin-bottom:24px;border:1px solid rgba(245,158,11,.15)}
.success-card .sc-next{display:flex;flex-direction:column;gap:8px;text-align:left;margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}
.success-card .sc-next-item{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-secondary)}
.sc-next-check{width:20px;height:20px;border-radius:6px;background:var(--accent-glow);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;margin-top:2px}

button:disabled {
  background-color: #cccccc;
  color: #666666;
  cursor: not-allowed;
  opacity: 0.6;
}



/* ─── RESPONSIVE ─── */
@media(max-width:900px){
  .steps-grid{grid-template-columns:repeat(2,1fr);gap:32px}
  .steps-grid::before{display:none}
  .form-grid{grid-template-columns:1fr}
  .guarantees-grid{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:768px){
	.guarantees-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:575px){
	.guarantees-grid{grid-template-columns:1fr}
	.steps-grid{grid-template-columns:1fr;}
  .steps-grid::before{display:none}
}