.hero{position:relative;background:var(--bg-hero);padding-top:56px;overflow:hidden}.hero::after,.hero::before{content:"";position:absolute;border-radius:50%;filter:blur(10px);z-index:0}.hero::before{width:420px;height:420px;top:-140px;right:-80px;background:radial-gradient(circle,rgba(124,92,255,.16),transparent 65%)}.hero::after{width:360px;height:360px;bottom:40px;left:-120px;background:radial-gradient(circle,rgba(16,185,129,.12),transparent 65%)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding-bottom:90px}.hero-title{font-size:clamp(2rem, 5vw, 3.4rem);font-weight:800;letter-spacing:-.5px;margin:22px 0 18px;overflow-wrap:break-word}.grad-text{background:var(--primary-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{color:var(--muted);font-size:1.05rem;max-width:480px;margin-bottom:28px}.hero-search{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-pill);padding:8px 8px 8px 20px;max-width:520px;box-shadow:var(--shadow-md)}.hero-search .micon{width:20px;height:20px;color:var(--muted);flex-shrink:0}.hero-search input{flex:1;border:none;outline:0;background:0 0;font-family:inherit;font-size:.98rem;color:var(--heading);min-width:0}.hero-search input::placeholder{color:var(--muted)}.hero-search .btn{padding:11px 26px}.popular-searches{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px}.popular-searches>span{color:var(--muted);font-size:.88rem;font-weight:500}.tag-pill{padding:6px 14px;border-radius:var(--r-pill);background:var(--card);border:1px solid var(--border);color:var(--primary);font-size:.82rem;font-weight:600;transition:all var(--transition)}.tag-pill:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px)}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:440px}.calc-device{position:relative;z-index:2;width:300px;padding:20px;border-radius:30px;background:linear-gradient(160deg,#fff 0,#f1eeff 100%);box-shadow:0 30px 70px rgba(70,45,140,.28);transform:rotate(-4deg)}[data-theme=dark] .calc-device{background:linear-gradient(160deg,#241f3d 0,#1b1730 100%);box-shadow:0 30px 70px rgba(0,0,0,.55)}.calc-screen{background:#1e1b2e;border-radius:16px;padding:22px 20px;margin-bottom:16px;text-align:right;min-height:78px;display:flex;align-items:flex-end;justify-content:flex-end}.calc-screen span{color:#fff;font-size:2rem;font-weight:600;letter-spacing:1px}.calc-screen span{max-width:100%;white-space:nowrap;overflow:hidden}.calc-screen span.is-long{font-size:1.5rem;letter-spacing:.5px}.calc-screen span.is-longer{font-size:1.15rem;letter-spacing:0}.calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.key{aspect-ratio:1;border-radius:14px;background:var(--card);color:var(--heading);font-size:1.1rem;font-weight:600;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;transition:transform var(--transition),box-shadow var(--transition)}[data-theme=dark] .key{background:#2a2545}.key:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.key.fn{background:var(--bg-soft);color:var(--muted)}[data-theme=dark] .key.fn{background:#201c38}.key.op{background:var(--primary-grad);color:#fff;box-shadow:var(--shadow-primary)}.key.wide{grid-column:span 2;aspect-ratio:auto}.key.equals{aspect-ratio:auto}.float-card{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:14px 16px;box-shadow:var(--shadow-lg);font-size:.82rem;font-weight:600;color:var(--heading);animation:floaty 4s ease-in-out infinite}.float-card .icon-chip{width:40px;height:40px;border-radius:12px}.float-card .icon-chip img{width:22px;height:22px}.fc-percent{top:6%;left:-4%;animation-delay:0s}.fc-pie{top:12%;right:-6%;animation-delay:.8s}.fc-graph{bottom:22%;left:-8%;animation-delay:1.6s}.fc-formula{bottom:8%;right:-4%;animation-delay:1.1s}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (prefers-reduced-motion:reduce){.float-card{animation:none}}.hero-visual{min-height:480px}.calc-chips{position:absolute;inset:0;z-index:3;pointer-events:none}.calc-chip{position:absolute;pointer-events:auto;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:8px 14px 8px 8px;border-radius:var(--r-pill);background:var(--card);border:1px solid var(--border);font-size:.8rem;font-weight:600;color:var(--heading);box-shadow:var(--shadow-lg);animation:floaty 4s ease-in-out infinite;transition:border-color var(--transition),color var(--transition),box-shadow var(--transition)}.calc-chip:hover{border-color:var(--primary);color:var(--primary)}.calc-chip .icon-chip{width:30px;height:30px;border-radius:9px}.calc-chip .icon-chip img{width:17px;height:17px}.fc-1{top:3%;left:-3%;animation-delay:0s}.fc-2{top:3%;right:-3%;animation-delay:.5s}.fc-3{top:21%;left:-7%;animation-delay:1s}.fc-4{top:27%;right:-7%;animation-delay:1.5s}.fc-5{top:39%;left:-7%;animation-delay:.8s}.fc-6{top:51%;right:-7%;animation-delay:1.3s}.fc-7{top:57%;left:-3%;animation-delay:.3s}.fc-8{top:75%;right:-3%;animation-delay:1.1s}.fc-9{top:75%;left:-3%;animation-delay:.6s}@media (prefers-reduced-motion:reduce){.calc-chip{animation:none}}.tag-pill.tag-tool{border-color:var(--primary);color:var(--primary)}.tag-pill.tag-tool:hover{background:var(--primary);color:#fff}.stats-bar{position:relative;z-index:4;margin-top:-46px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:26px 20px}.stat{display:flex;align-items:center;gap:14px;justify-content:center}.stat+.stat{border-left:1px solid var(--border)}.stat-text{display:flex;flex-direction:column;line-height:1.25}.stat-text strong{font-size:1.35rem;font-weight:700;color:var(--heading)}.stat-text span{font-size:.85rem;color:var(--muted)}.cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.cat-card{position:relative;display:flex;gap:22px;padding:34px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border)}.cat-purple{background:linear-gradient(135deg,#f0edff 0,#f8f6ff 100%)}.cat-green{background:linear-gradient(135deg,#e4f7ef 0,#f5fbf8 100%)}[data-theme=dark] .cat-purple{background:linear-gradient(135deg,#221d40 0,#191531 100%)}[data-theme=dark] .cat-green{background:linear-gradient(135deg,#14312a 0,#141e1b 100%)}.cat-card::after{content:"";position:absolute;width:180px;height:180px;right:-50px;bottom:-70px;border-radius:50%;background:rgba(255,255,255,.35)}[data-theme=dark] .cat-card::after{background:rgba(255,255,255,.03)}.icon-chip.big{width:72px;height:72px}.icon-chip.big img{width:34px;height:34px}.cat-body{position:relative;z-index:1}.cat-body h3{font-size:1.4rem;margin-bottom:6px}.cat-tag{display:inline-block;font-size:.82rem;font-weight:600;color:var(--primary);margin-bottom:12px}.cat-tag.green{color:var(--green-dark)}.cat-body p{color:var(--text);font-size:.95rem;margin-bottom:20px;max-width:340px}.cat-body .btn .micon{width:18px;height:18px}.sec-head-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.sec-head-row h2{font-size:clamp(1.5rem, 3vw, 1.9rem)}.link-more{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-weight:600;font-size:.92rem}.link-more .micon{width:16px;height:16px;transition:transform var(--transition)}.link-more:hover .micon{transform:translateX(3px)}.calc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.calc-card{display:flex;align-items:center;gap:16px;padding:22px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-md);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.calc-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.calc-body{flex:1;min-width:0}.calc-body h3{font-size:1rem;font-weight:600;margin-bottom:4px}.calc-body p{font-size:.84rem;color:var(--muted);line-height:1.5}.calc-arrow{width:30px;height:30px;padding:7px;border-radius:50%;background:var(--bg-soft);color:var(--muted);flex-shrink:0;transition:background var(--transition),color var(--transition),transform var(--transition)}.calc-card:hover .calc-arrow{background:var(--primary);color:#fff;transform:translateX(2px)}.why-section{background:var(--bg-soft)}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.why-card{position:relative;text-align:center;padding:34px 24px 30px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.why-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-grad);transform:scaleX(0);transform-origin:left;transition:transform var(--transition)}.why-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.why-card:hover::before{transform:scaleX(1)}.why-card .icon-chip.big{margin:0 auto 18px;transition:box-shadow var(--transition)}.js .why-card .icon-chip.big{animation:whyFloat 3.6s ease-in-out infinite}.why-card:nth-child(2) .icon-chip.big{animation-delay:.45s}.why-card:nth-child(3) .icon-chip.big{animation-delay:.9s}.why-card:nth-child(4) .icon-chip.big{animation-delay:1.35s}.why-card:hover .icon-chip.big{animation-play-state:paused;box-shadow:0 10px 24px rgba(108,92,231,.28)}@keyframes whyFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (prefers-reduced-motion:reduce){.js .why-card .icon-chip.big{animation:none}}.why-card h3{font-size:1.05rem;font-weight:600;margin-bottom:8px}.why-card p{color:var(--muted);font-size:.9rem;max-width:220px;margin:0 auto;line-height:1.6}.recent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.recent-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-md);transition:transform var(--transition),box-shadow var(--transition)}.recent-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.recent-body h4{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;margin-bottom:2px}.recent-body p{font-size:.82rem;color:var(--muted)}.cta-banner{display:flex;align-items:center;gap:26px;background:var(--primary-grad);border-radius:var(--r-lg);padding:32px 40px;box-shadow:var(--shadow-primary);position:relative;overflow:hidden}.cta-banner::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.1);top:-120px;left:30%}.cta-img{width:84px;height:84px;flex-shrink:0;position:relative;z-index:1}.cta-text{flex:1;position:relative;z-index:1}.cta-text h3{color:#fff;font-size:1.5rem;margin-bottom:4px}.cta-text p{color:rgba(255,255,255,.85);font-size:.95rem}.cta-btn{position:relative;z-index:1}.cta-btn .micon{width:18px;height:18px}@media (max-width:992px){.hero-grid{grid-template-columns:1fr;gap:20px;padding-bottom:80px}.hero-copy{text-align:center}.hero-sub{margin-inline:auto}.hero-search{margin-inline:auto}.popular-searches{justify-content:center}.hero-visual{flex-direction:column;min-height:0;gap:22px;margin-top:20px}.calc-chips{position:static;inset:auto;pointer-events:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:460px}.calc-chip{position:static;inset:auto;animation:none;box-shadow:var(--shadow-sm)}.calc-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr);row-gap:36px}}@media (max-width:768px){.cat-grid{grid-template-columns:1fr}.stats-bar{grid-template-columns:repeat(2,1fr);gap:20px 8px}.stat:nth-child(odd){border-left:none}.recent-grid{grid-template-columns:1fr}.cta-banner{flex-direction:column;text-align:center;padding:30px 24px}.cta-text{text-align:center}.cat-body .btn{white-space:normal;text-align:left}}@media (max-width:560px){.calc-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr}.calc-chips{display:none}.popular-searches{display:none}.float-card{padding:10px 12px;font-size:.74rem}.float-card .icon-chip{width:34px;height:34px}.fc-percent{top:2%;left:0}.fc-pie{right:0}.fc-graph{left:0}.fc-formula{right:0}.sec-head-row{flex-direction:column;align-items:flex-start;gap:8px}.cat-card{flex-direction:column;gap:18px;padding:26px}.icon-chip.big{width:60px;height:60px}.icon-chip.big img{width:30px;height:30px}.cat-body p{max-width:none}.hero-title{font-size:2rem}.hero-search{flex-wrap:wrap}.hero-search .btn{flex:1}}@media (max-width:420px){.stat{gap:10px;justify-content:flex-start}.icon-chip{width:44px;height:44px}.icon-chip img{width:22px;height:22px}.stat-text strong{font-size:1.1rem}.stat-text span{font-size:.78rem}.calc-device{width:260px}}