@media (width<=767px){.home-page{padding:0 1.5rem}}.home-page .hero{flex-direction:row;justify-content:center;align-items:center;gap:clamp(2.5rem,5vw,5rem);margin:3rem 0 5rem;display:flex}@media (width<=767px){.home-page .hero{margin:1rem 0 3rem}.home-page .hero .hero-mascot{display:none!important}}.home-page .hero .hero-mascot{isolation:isolate;flex:0 0 clamp(220px,29vw,380px);justify-content:center;align-items:center;display:flex;position:relative}.home-page .hero .hero-mascot:before,.home-page .hero .hero-mascot:after{content:"";pointer-events:none;z-index:-1;will-change:transform, opacity;border-radius:9999px;position:absolute}.home-page .hero .hero-mascot:before{aspect-ratio:1;filter:blur(10px);opacity:.42;background:radial-gradient(circle,#10b98154 0%,#10b981 34%,#10b9814f 56%,#0000 78%);width:108%;animation:7s ease-in-out infinite hero-glow}.home-page .hero .hero-mascot:after{aspect-ratio:1;background:radial-gradient(circle at center, color-mix(in srgb, var(--text-inverse) 24%, transparent) 0%, rgba(var(--primary-rgb), .09) 48%, transparent 75%);opacity:.28;width:90%;animation:7s ease-in-out infinite reverse hero-glow}.home-page .hero .hero-mascot img{width:100%;height:auto;animation:5.8s ease-in-out infinite hero-float;display:block}.home-page .hero .hero-text{flex-direction:column;flex:0 670px;justify-content:center;gap:1rem;max-width:670px;display:flex}.home-page .hero .hero-text .promo-badge{background:color-mix(in srgb, var(--primary) 12%, var(--surface));color:var(--accent-text);border:1px solid color-mix(in srgb, var(--primary) 30%, var(--border));text-transform:uppercase;border-radius:1rem;width:fit-content;padding:.4rem .8rem;font-size:12px;font-weight:600;box-shadow:1px 1px 17px 6px #10b98112}@media (width<=767px){.home-page .hero .hero-text .promo-badge{margin:0 auto}}.home-page .hero .hero-text h1,.home-page .hero .hero-text .h1{color:var(--text);font-size:clamp(2rem,1.4rem + 2vw,3rem);font-weight:700}.home-page .hero .hero-text h1 .highlight,.home-page .hero .hero-text .h1 .highlight{color:var(--accent-text)}.home-page .hero .hero-text p{color:var(--text-subtle)}.home-page .hero .btn-start{color:var(--button-primary-text);background:var(--button-primary-bg);border-radius:.8rem;flex-direction:row;align-items:center;gap:10px;width:fit-content;padding:.4rem 1.2rem;font-size:18px;font-weight:500;text-decoration:none;display:flex}@media (width<=767px){.home-page .hero .btn-start{margin:.5rem auto 0}}.home-page .stats{margin:3rem 0 6rem}@media (width<=767px){.home-page .stats{margin:1.5rem 0 3rem}}.home-page .stats .stats-wrapper{background:var(--surface);box-shadow:0 12px 40px var(--shadow-color-subtle);border-radius:1.25rem;grid-template-columns:repeat(4,minmax(0,1fr));padding:2rem 1rem;display:grid}.home-page .stats .stat-card{text-align:center;flex-direction:column;align-items:center;min-width:0;padding:.25rem .75rem;display:flex;position:relative}.home-page .stats .stat-card:not(:last-child):after{content:"";background:var(--border);width:1px;position:absolute;top:1rem;bottom:1.75rem;right:0}.home-page .stats .icon-frame{background:color-mix(in srgb, var(--primary) 12%, var(--surface));width:3.75rem;height:3.75rem;color:var(--accent-text);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;font-size:1.75rem;display:flex}.home-page .stats .stat-number{color:var(--text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;line-height:1.2}.home-page .stats .stat-text{color:var(--text-subtle);margin-top:.4rem;margin-bottom:1.25rem;font-size:1.05rem;line-height:1.4}.home-page .stats .stat-badge{background:color-mix(in srgb, var(--primary) 8%, var(--surface));max-width:100%;color:var(--accent-text);border-radius:999px;justify-content:center;align-items:center;gap:.6rem;margin-top:auto;padding:.5rem .85rem;font-size:.8rem;font-weight:500;line-height:1.4;display:inline-flex}.home-page .stats .stat-badge .svg-icon{flex-shrink:0;font-size:.95rem}@media (width<=991px){.home-page .stats .stats-wrapper{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2rem}.home-page .stats .stat-card:nth-child(2):after{display:none}}@media (width<=575px){.home-page .stats .stats-wrapper{grid-template-columns:1fr;row-gap:0;padding:.5rem 1.25rem}.home-page .stats .stat-card{padding:1.5rem 0}.home-page .stats .stat-card:not(:last-child):after{width:100%;height:1px;display:block;top:auto;bottom:0;left:0}}.home-page .tools{margin:3rem 0 6rem}@media (width<=767px){.home-page .tools{margin:1.5rem 0}}.home-page .tools .head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}@media (width<=767px){.home-page .tools .head{flex-direction:column}}.home-page .tools .head h2,.home-page .tools .head .h2{color:var(--text);margin:0;font-size:clamp(1.4rem,2.3vw,2rem);font-weight:700}.home-page .tools .head .tools-search{border:1px solid var(--border);width:100%;max-width:18rem;color:var(--text-subtle);border-radius:.75rem;align-items:center;gap:.55rem;padding:.56rem .75rem;display:inline-flex}.home-page .tools .head .tools-search input{width:100%;color:var(--primary-emphasis);border:0;outline:none;font-size:.875rem}.home-page .tools .tools-wrapper{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;display:grid}@media (width<=767px){.home-page .tools .tools-wrapper{grid-template-columns:repeat(1,1fr)}}.home-page .tools .tools-wrapper .tool{border:1px solid var(--border);background:var(--surface);box-shadow:0 3px 12px var(--shadow-color-subtle);border-radius:1rem;align-items:flex-start;gap:.75rem;padding:.9rem;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex}.home-page .tools .tools-wrapper .tool:hover{border-color:rgba(var(--primary-rgb), .3);box-shadow:0 8px 18px var(--shadow-color)}.home-page .tools .tools-wrapper .tool .icon{border-radius:.7rem;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1rem;display:inline-flex}.home-page .tools .tools-wrapper .tool .icon.audio{color:#10b981;background:color-mix(in srgb, #d1fae5 22%, var(--surface))}.home-page .tools .tools-wrapper .tool .icon.edit{color:#7e75e9;background:color-mix(in srgb, #e0e7ff 22%, var(--surface))}.home-page .tools .tools-wrapper .tool .icon.download{color:#a16207;background:color-mix(in srgb, #fef3c7 22%, var(--surface))}.home-page .tools .tools-wrapper .tool .icon.image{color:#edd96d;background:color-mix(in srgb, #dbeafe 22%, var(--surface))}.home-page .tools .tools-wrapper .tool .icon.convert{color:#4ec0ff;background:color-mix(in srgb, #e0f2fe 22%, var(--surface))}.home-page .tools .tools-wrapper .tool .icon.record{color:#be185d;background:color-mix(in srgb, #fce7f3 22%, var(--surface))}.home-page .tools .tools-wrapper .tool .icon.all{color:#4b5563;background:color-mix(in srgb, #f3f4f6 22%, var(--surface))}.home-page .tools .tools-wrapper .tool .tool-content{flex:1;min-width:0}.home-page .tools .tools-wrapper .tool h3,.home-page .tools .tools-wrapper .tool .h3{color:var(--text);margin:0;font-size:.95rem;font-weight:600;line-height:1.3}.home-page .tools .tools-wrapper .tool p{color:var(--text-subtle);margin:.35rem 0 0;font-size:.785rem;line-height:1.35}.home-page .tools .tools-wrapper .tool .tool-card-badge{color:var(--text);background:color-mix(in srgb, #ffe4e6 22%, var(--surface));border-radius:999px;margin-top:.42rem;padding:.12rem .44rem;font-size:.68rem;font-weight:600;display:inline-flex}.home-page .tools .tools-wrapper .tool .tool-card-action{border:1px solid var(--border);width:1.8rem;height:1.8rem;color:var(--text-subtle);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;text-decoration:none;display:inline-flex}.home-page .tools .more{justify-content:center;margin-top:1.2rem;display:flex}.home-page .tools .more .btn-more{border:1px solid var(--border-strong);cursor:pointer;color:var(--text-muted);background:var(--surface);border-radius:.65rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.home-page .tools .more .btn-more:hover{border-color:rgba(var(--primary-rgb), .35);color:var(--primary-emphasis)}.home-page .workflow{margin-top:2rem}.home-page .workflow h2,.home-page .workflow .h2{text-align:center;color:var(--text);margin:0 0 2rem;font-size:clamp(1.4rem,2.3vw,2rem);font-weight:700}.home-page .workflow .workflow-wrapper{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}@media (width<=767px){.home-page .workflow .workflow-wrapper{grid-template-columns:repeat(1,1fr);gap:1rem}}.home-page .workflow .workflow-wrapper .step{border:1px solid var(--border);background:var(--surface);border-radius:1rem;align-items:center;gap:.75rem;padding:.95rem;display:flex}.home-page .workflow .workflow-wrapper .step h3,.home-page .workflow .workflow-wrapper .step .h3{color:var(--text);margin:0;font-size:.92rem;font-weight:600}.home-page .workflow .workflow-wrapper .step p{color:var(--text-subtle);margin:.35rem 0 0;font-size:.8rem;line-height:1.35}.home-page .workflow .workflow-wrapper .step .step-number{color:var(--button-primary-text);background:var(--button-primary-bg);width:1.8rem;height:1.8rem;font-family:monospace;font-size:1.2rem;font-weight:700;line-height:initial;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.home-page .workflow .workflow-wrapper .step .svg-icon{color:var(--text-subtle);align-self:center;margin-left:auto;font-size:.75rem}.home-page .about{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:5rem 0 6rem;display:grid}@media (width<=767px){.home-page .about{grid-template-columns:repeat(1,1fr);gap:1rem}}.home-page .about .card{background:var(--surface);border:0;border-radius:1rem;padding:2.5rem}@media (width<=767px){.home-page .about .card{padding:1.5rem}}.home-page .about .card.features ul,.home-page .about .card.benefits ul{margin:1rem 0 0;padding:0;list-style:none}.home-page .about .card.features .svg-icon{color:var(--accent-text)}.home-page .about .card.features li{color:var(--text-subtle);font-size:.9rem}.home-page .about .card.benefits ul{flex-direction:column;gap:1rem;display:flex}.home-page .about .card.benefits ul li{gap:1rem;display:flex}.home-page .about .card.benefits ul li .icon{border-radius:.7rem;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1rem;display:inline-flex}.home-page .about .card.benefits ul li .icon.free{color:#10b981;background:color-mix(in srgb, #d1fae5 22%, var(--surface))}.home-page .about .card.benefits ul li .icon.no-auth{color:#4ec0ff;background:color-mix(in srgb, #dbeafe 22%, var(--surface))}.home-page .about .card.benefits ul li .icon.safe{color:#df5656;background:color-mix(in srgb, #fce7f3 22%, var(--surface))}.home-page .about .card.benefits ul li .icon.always-open{color:#ddd452;background:color-mix(in srgb, #fef3c7 22%, var(--surface))}.home-page .about .card.benefits ul li .text{flex-direction:column;display:flex}.home-page .about .card.benefits ul li .text strong{font-size:.92rem}.home-page .about .card.benefits ul li .text span{color:var(--text-subtle);font-size:.9rem}.home-page .about .card h2,.home-page .about .card .h2{color:var(--text);margin:0 0 .2rem;font-size:clamp(1.4rem,2.3vw,1.7rem);font-weight:700}.home-page .about .card p{color:var(--text-subtle);margin:.7rem 0 0;font-size:.9rem;line-height:1.5}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes hero-glow{0%,to{opacity:.26;transform:scale(.98)}50%{opacity:.44;transform:scale(1.03)}}