.landing-root{width:100%;max-width:1140px;margin:0 auto;padding:10px 20px 100px}.hero-welcome-section,.landing-wrapper{display:flex;flex-direction:column}.hero-welcome-section{min-height:84vh;align-items:center;justify-content:center;text-align:center;padding:50px 16px 40px;position:relative;margin-bottom:80px;animation:heroEntry .85s var(--ease-standard) both}@keyframes heroEntry{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.welcome-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 20px;border-radius:999px;font-size:.92rem;font-weight:650;color:var(--text-main);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 20px rgba(0,0,0,.08);margin-bottom:28px}.welcome-pill i{color:var(--primary);font-size:.95rem}[data-theme=light] .welcome-pill{background:rgba(255,255,255,.75);border-color:rgba(0,0,0,.08);box-shadow:0 4px 18px rgba(0,0,0,.04)}.hero-display-title{font-size:clamp(2.8rem,6.8vw,4.6rem);font-weight:850;line-height:1.08;letter-spacing:-.04em;color:var(--text-main);margin-bottom:24px;max-width:900px}.hero-friendly-sub{font-size:clamp(1.1rem,2.2vw,1.32rem);line-height:1.7;color:var(--text-muted);max-width:720px;margin:0 auto 56px;font-weight:450}.hero-friendly-sub strong{color:var(--text-main)}.scroll-hint-container{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:auto;opacity:.85;transition:opacity .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.scroll-hint-container:hover{opacity:1}.mouse-indicator{width:24px;height:38px;border-radius:14px;border:2px solid var(--text-muted);position:relative;display:flex;justify-content:center;padding-top:6px}.mouse-wheel-dot{width:4px;height:8px;border-radius:2px;background:var(--primary);animation:mousePulse 2s cubic-bezier(.65,0,.35,1) infinite}@keyframes mousePulse{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(13px)}}.scroll-hint-label{font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;font-weight:650;color:var(--text-muted)}.scroll-arrow-icon{font-size:.85rem;color:var(--primary);animation:arrowBounce 1.8s ease-in-out infinite}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.story-row-section{min-height:48vh;margin-bottom:170px;display:flex;align-items:center;position:relative}.story-split-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;grid-gap:60px;gap:60px;width:100%}.story-split-grid.reversed-layout{grid-template-columns:.85fr 1.15fr}@media (max-width:900px){.story-row-section{margin-bottom:110px;min-height:auto}.story-split-grid,.story-split-grid.reversed-layout{grid-template-columns:1fr;gap:36px}}.story-editorial-col{display:flex;flex-direction:column}.editorial-step-badge{display:flex;align-items:center;gap:12px;margin-bottom:18px}.step-num{font-size:.85rem;font-weight:850;letter-spacing:.06em;padding:4px 10px;border-radius:6px;background:rgba(255,255,255,.08);color:var(--text-main);border:1px solid rgba(255,255,255,.14)}[data-theme=light] .step-num{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.08)}.editorial-tag{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border-radius:999px;font-size:.82rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.editorial-tag.tag-amber{color:#FF9F0A;background:rgba(255,159,10,.12);border:1px solid rgba(255,159,10,.3)}.editorial-tag.tag-red{color:#FF453A;background:rgba(255,69,58,.12);border:1px solid rgba(255,69,58,.3)}.editorial-tag.tag-blue{color:var(--primary);background:rgba(0,122,255,.12);border:1px solid rgba(0,122,255,.3)}.editorial-tag.tag-green{color:#30D158;background:rgba(48,209,88,.12);border:1px solid rgba(48,209,88,.3)}.editorial-tag.tag-purple{color:#BF5AF2;background:rgba(175,82,222,.12);border:1px solid rgba(175,82,222,.3)}.editorial-heading{font-size:clamp(1.8rem,3.4vw,2.5rem);font-weight:850;line-height:1.18;letter-spacing:-.035em;color:var(--text-main);margin-bottom:20px}.editorial-paragraph{font-size:1.12rem;line-height:1.76;color:var(--text-muted);margin-bottom:16px}.editorial-paragraph:last-child{margin-bottom:0}.story-visual-col{display:flex;justify-content:center}.showcase-visual-card{width:100%;max-width:440px;padding:34px 30px;border-radius:var(--radius-2xl);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .35s var(--ease-standard),box-shadow .35s ease,border-color .35s ease}.showcase-visual-card:hover{transform:translateY(-5px) scale(1.01)}.showcase-visual-card.card-amber{background:radial-gradient(circle at 100% 0,rgba(255,159,10,.16),transparent 70%),radial-gradient(circle at 0 100%,rgba(255,69,58,.08),transparent 70%),var(--glass-bg);border:1px solid rgba(255,159,10,.28);box-shadow:0 10px 30px rgba(255,159,10,.06)}.showcase-visual-card.card-amber:hover{border-color:rgba(255,159,10,.5);box-shadow:0 18px 45px rgba(255,159,10,.2),inset 0 0 20px rgba(255,159,10,.15)}.showcase-visual-card.card-red{background:radial-gradient(circle at 100% 0,rgba(255,69,58,.18),transparent 70%),radial-gradient(circle at 0 100%,rgba(255,159,10,.08),transparent 70%),var(--glass-bg);border:1px solid rgba(255,69,58,.3);box-shadow:0 10px 30px rgba(255,69,58,.06)}.showcase-visual-card.card-red:hover{border-color:rgba(255,69,58,.55);box-shadow:0 18px 45px rgba(255,69,58,.22),inset 0 0 20px rgba(255,69,58,.15)}.showcase-visual-card.card-blue{background:radial-gradient(circle at 100% 0,rgba(0,122,255,.2),transparent 70%),radial-gradient(circle at 0 100%,rgba(100,210,255,.1),transparent 70%),var(--glass-bg);border:1px solid rgba(0,122,255,.34);box-shadow:0 10px 30px rgba(0,122,255,.08)}.showcase-visual-card.card-blue:hover{border-color:rgba(0,122,255,.6);box-shadow:0 20px 50px rgba(0,122,255,.25),inset 0 0 24px rgba(0,122,255,.18)}.showcase-visual-card.card-green{background:radial-gradient(circle at 100% 0,rgba(48,209,88,.2),transparent 70%),radial-gradient(circle at 0 100%,rgba(0,122,255,.1),transparent 70%),var(--glass-bg);border:1px solid rgba(48,209,88,.34);box-shadow:0 10px 30px rgba(48,209,88,.08)}.showcase-visual-card.card-green:hover{border-color:rgba(48,209,88,.6);box-shadow:0 20px 50px rgba(48,209,88,.24),inset 0 0 24px rgba(48,209,88,.16)}.visual-card-header{display:flex;align-items:center;gap:16px;margin-bottom:22px}.visual-icon-box{width:48px;height:48px;border-radius:var(--radius-m);display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0}.visual-icon-box.amber{background:rgba(255,159,10,.16);color:#FF9F0A}.visual-icon-box.red{background:rgba(255,69,58,.16);color:#FF453A}.visual-icon-box.blue{background:rgba(0,122,255,.16);color:var(--primary)}.visual-icon-box.green{background:rgba(48,209,88,.16);color:#30D158}.visual-sub{display:block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.visual-title{font-size:1.15rem;font-weight:800;color:var(--text-main);margin:0}.visual-mock-list{display:flex;flex-direction:column;gap:12px}.visual-mock-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-m);font-size:.95rem;font-weight:550;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .2s ease,background .2s ease}.visual-mock-item:hover{transform:translateX(4px)}.visual-mock-item.bad{background:rgba(255,69,58,.06);border:1px solid rgba(255,69,58,.16);color:var(--text-main)}.visual-mock-item.bad i{color:#FF453A;font-size:1.05rem}.visual-mock-item.good{background:rgba(48,209,88,.07);border:1px solid rgba(48,209,88,.2);color:var(--text-main)}.visual-mock-item.good i{color:#30D158;font-size:1.05rem}.tools-showcase-wrapper{width:100%;display:flex;flex-direction:column}.tools-section-head{text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.text-center{text-align:center}.max-w-sub{max-width:620px;margin:0 auto}.modern-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px}.modern-tool-card{padding:34px 28px;border-radius:var(--radius-2xl);display:flex;flex-direction:column;position:relative;transition:transform .35s var(--ease-standard),box-shadow .35s ease,border-color .35s ease}.modern-tool-card:hover{transform:translateY(-6px)}.modern-tool-card.tool-blue{background:radial-gradient(circle at 100% 0,rgba(0,122,255,.16),transparent 70%),var(--glass-bg);border:1px solid rgba(0,122,255,.26)}.modern-tool-card.tool-blue:hover{border-color:rgba(0,122,255,.55);box-shadow:0 16px 40px rgba(0,122,255,.22),inset 0 0 20px rgba(0,122,255,.12)}.modern-tool-card.tool-green{background:radial-gradient(circle at 100% 0,rgba(48,209,88,.16),transparent 70%),var(--glass-bg);border:1px solid rgba(48,209,88,.26)}.modern-tool-card.tool-green:hover{border-color:rgba(48,209,88,.55);box-shadow:0 16px 40px rgba(48,209,88,.22),inset 0 0 20px rgba(48,209,88,.12)}.modern-tool-card.tool-amber{background:radial-gradient(circle at 100% 0,rgba(255,159,10,.16),transparent 70%),var(--glass-bg);border:1px solid rgba(255,159,10,.26)}.modern-tool-card.tool-amber:hover{border-color:rgba(255,159,10,.55);box-shadow:0 16px 40px rgba(255,159,10,.22),inset 0 0 20px rgba(255,159,10,.12)}.tool-card-icon{width:52px;height:52px;border-radius:var(--radius-m);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:20px}.tool-card-icon.blue{background:rgba(0,122,255,.18);color:var(--primary)}.tool-card-icon.green{background:rgba(48,209,88,.18);color:#30D158}.tool-card-icon.amber{background:rgba(255,159,10,.18);color:#FF9F0A}.tool-status-pill{display:inline-block;align-self:flex-start;padding:4px 10px;border-radius:999px;font-size:.74rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}.tool-status-pill.blue{color:var(--primary);background:rgba(0,122,255,.1)}.tool-status-pill.green{color:#30D158;background:rgba(48,209,88,.1)}.tool-status-pill.amber{color:#FF9F0A;background:rgba(255,159,10,.1)}.tool-title{font-size:1.35rem;font-weight:800;color:var(--text-main);margin-bottom:10px}.tool-desc{font-size:.98rem;line-height:1.65;color:var(--text-muted);margin:0}.reveal-on-scroll{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.slide-from-left{transform:translateX(-50px) translateY(15px)}.slide-from-right{transform:translateX(50px) translateY(15px)}.slide-from-bottom{transform:translateY(50px) scale(.98)}.reveal-on-scroll.is-revealed{opacity:1;transform:translateX(0) translateY(0) scale(1)}@media (prefers-reduced-motion:reduce){.reveal-on-scroll{opacity:1!important;transform:none!important;transition:none!important}}.finale-cta-wrapper{margin-top:40px;padding:20px 0 30px}.finale-glass-card{padding:60px 44px;border-radius:var(--radius-2xl);text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(0,122,255,.18),transparent 70%),radial-gradient(circle at 80% 100%,rgba(175,82,222,.15),transparent 70%),var(--glass-bg);border:1px solid rgba(0,122,255,.3);box-shadow:0 24px 60px rgba(0,0,0,.22)}.finale-tag-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;font-size:.84rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--primary);background:rgba(0,122,255,.12);border:1px solid rgba(0,122,255,.28);margin-bottom:22px}.finale-heading{font-size:clamp(2.1rem,4.8vw,3rem);font-weight:850;letter-spacing:-.035em;color:var(--text-main);margin-bottom:16px;max-width:720px}.finale-description{font-size:1.15rem;line-height:1.72;color:var(--text-muted);max-width:660px;margin:0 auto 40px}.finale-single-action{display:flex;justify-content:center;width:100%}.finale-single-button{padding:16px 40px;font-size:1.14rem;font-weight:700;display:inline-flex;align-items:center;gap:12px;border-radius:999px;box-shadow:0 12px 34px rgba(0,122,255,.4),inset 0 0 0 1px rgba(255,255,255,.2);transition:transform .25s var(--ease-standard),box-shadow .25s var(--ease-standard)}.finale-single-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 18px 46px rgba(0,122,255,.55),inset 0 0 0 1px rgba(255,255,255,.35)}.finale-single-button i:last-child{transition:transform .25s ease}.finale-single-button:hover i:last-child{transform:translateX(5px)}@media (max-width:600px){.hidden-mobile{display:none}.finale-glass-card{padding:40px 22px}.finale-single-button{width:100%;justify-content:center}}