.hl-underline{position:relative;display:inline-block}.hl-underline::after{content:"";position:absolute;left:-2%;right:-2%;bottom:-4px;height:8px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'><path d='M2 9 Q40 1 80 7 T160 7 T198 5' stroke='%2384C341' stroke-width='4' fill='none' stroke-linecap='round'/></svg>") center/100% 100% no-repeat}.btn-ghost{background:0 0;color:var(--green-dark);border:2px solid var(--green)}.btn-ghost:hover{background:var(--green-50)}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid rgba(11,32,70,.06)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:78px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;color:var(--ink)}.logo-io{color:var(--green);font-weight:700}.nav-main{display:flex;gap:34px}.nav-main a{font-size:15px;color:#1d2735;font-weight:600;position:relative}.nav-main a::after{content:"";position:absolute;left:50%;bottom:-6px;width:0;height:2px;background:var(--green);transition:width .25s,left .25s;border-radius:2px}.nav-main a:hover::after{width:100%;left:0}.nav-cta{display:flex;align-items:center;gap:18px}.hero-curve{position:absolute;inset:0;z-index:0;pointer-events:none}.eyebrow-pill .vs{background:linear-gradient(135deg,var(--toggl-soft),#f2a8e2);color:#9a2c8a;padding:3px 11px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.12em;box-shadow:inset 0 0 0 1px rgba(154,44,138,.14)}.hero-lead{font-size:21px;line-height:1.4;color:var(--ink);font-weight:700;margin:0 0 14px;max-width:560px;letter-spacing:-.012em}.hero-bullets{list-style:none;padding:0;margin:0 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;max-width:520px}.hero-bullets li{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:center;font-size:14px;font-weight:600;color:#1d2735}.hero-bullets li::before{content:"✓";width:20px;height:20px;border-radius:50%;background:var(--green-100);color:var(--green-dark);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:11px}.trial-row{display:inline-flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);padding:8px 18px;border-radius:999px;font-size:13.5px;font-weight:600;color:#3a4654;box-shadow:var(--shadow-sm);margin:0}.trial-label{color:var(--green-dark);font-weight:800}.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin:0}.hero-visual{position:relative;height:520px;perspective:1400px}.hero-visual::before{content:"";position:absolute;inset:-30px;border-radius:32px;background:linear-gradient(135deg,rgba(132,195,65,.2),rgba(229,124,216,.1));filter:blur(50px);z-index:-1}.hero-visual::after{content:"";position:absolute;left:8%;right:8%;bottom:-20px;height:90px;background:radial-gradient(ellipse at center,rgba(132,195,65,.2),transparent 65%);filter:blur(30px);pointer-events:none}.vs-card{position:absolute;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 24px 60px rgba(11,32,70,.12);width:260px;transform-style:preserve-3d}.vs-card .brand-block{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:26px;color:#fff;margin-bottom:18px;letter-spacing:-.02em}.vs-card .brand-block.green{background:linear-gradient(135deg,var(--green-2),var(--green-dark));box-shadow:0 12px 28px rgba(132,195,65,.4)}.vs-card .brand-block.pink{background:linear-gradient(135deg,var(--toggl),var(--toggl-2));box-shadow:0 12px 24px rgba(229,124,216,.4)}.vs-card .label{font-family:"JetBrains Mono";font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;margin-bottom:4px}.vs-card .name{font-size:26px;font-weight:800;letter-spacing:-.025em;color:var(--ink);margin-bottom:14px}.vs-card .tags{display:flex;flex-direction:column;gap:8px}.vs-card .tag{font-size:12.5px;font-weight:700;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:9px}.vs-card .tag .ic{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}.vs-card .tag.yes{background:linear-gradient(180deg,#eaf6d6,#e2f0c5);color:#3f7610}.vs-card .tag.yes .ic{background:var(--green);color:#fff}.vs-card .tag.no{background:linear-gradient(180deg,#fee,#ffe0e0);color:#c03a3a}.vs-card .tag.no .ic{background:#e45656;color:#fff}.vs-card.desklog{top:20px;right:8px;z-index:3;transform:rotate(-2deg) translateZ(40px);border:1px solid #dceab5;box-shadow:0 30px 70px rgba(132,195,65,.22),0 18px 40px rgba(11,32,70,.1),inset 0 1px 0 rgba(255,255,255,.8);animation:floatA 6s ease-in-out infinite}.vs-card.desklog::before{content:"";position:absolute;top:0;left:24px;right:24px;height:3px;background:linear-gradient(90deg,transparent,var(--green),transparent);border-radius:0 0 4px 4px}.vs-card.toggl{bottom:14px;left:0;z-index:1;transform:rotate(2.5deg) translateZ(-20px) scale(.94);opacity:.82;filter:saturate(.85);animation:floatB 7s ease-in-out infinite}.vs-bolt{position:absolute;top:50%;left:46%;transform:translate(-50%,-50%) rotate(-4deg);z-index:4;display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff 0%,#f4f9ec 65%,#e8f2d2 100%);border:2px solid var(--green);box-shadow:0 16px 40px rgba(132,195,65,.4),0 0 0 6px rgba(132,195,65,.1),inset 0 2px 0 rgba(255,255,255,.9);font-family:"JetBrains Mono";font-weight:900;font-size:22px;color:var(--green-dark);letter-spacing:.08em;animation:bobble 4s ease-in-out infinite}.vs-spark{position:absolute;color:var(--green);animation:twinkle 3s ease-in-out infinite}.vs-spark.s1{top:6%;right:14%;font-size:22px}.vs-spark.s2{bottom:30%;left:6%;font-size:18px;color:var(--toggl);animation-delay:.7s}.vs-spark.s3{top:36%;left:32%;font-size:14px;animation-delay:1.3s}.trusted{padding:60px 0 20px}.awards-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;align-items:center;justify-items:center}.award{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 14px;border-radius:14px;transition:transform .2s,background .2s}.award:hover{transform:translateY(-3px);background:#f8faf1}.award-logo{height:32px;display:flex;align-items:center;font-weight:800;font-size:17px;color:#0b2046;letter-spacing:-.01em}.stars span{color:#3a4654;margin-left:6px}.tm-dot{width:8px;height:8px;border-radius:50%;background:#d5dce2;border:0;cursor:pointer;padding:0;transition:all .3s;font-family:inherit}.tm-dot.active{background:var(--green);width:26px;border-radius:4px;box-shadow:0 0 0 4px rgba(132,195,65,.15)}.tm-dot:hover:not(.active){background:#9aa6b3}.site-footer{background:#0b2046;color:#cdd6e3;padding:70px 0 0;position:relative}.site-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#84c341,#0e2b5c,#84c341)}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(5,1fr);gap:32px;padding-bottom:50px}.f-brand p{color:#9caacb;font-size:14px;margin:14px 0 18px;max-width:280px}.logo-light .logo-text{color:#fff}.site-footer h5{color:#fff;font-size:14px;margin:0 0 14px;letter-spacing:.04em;font-weight:800}.site-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.site-footer a{color:#9caacb;font-size:14px;transition:color .2s}.site-footer a:hover{color:#fff}.socials{display:flex;gap:8px}.soc{width:34px;height:34px;border-radius:50%;background:#1b3563;display:flex;align-items:center;justify-content:center;font-size:13px;transition:background .2s,transform .2s;cursor:pointer}.soc:hover{background:var(--green);transform:translateY(-2px)}.footer-bottom{border-top:1px solid #1b3563;padding:20px 0;color:#7c8aa8;font-size:13px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}@media (max-width:1100px){.footer-grid{grid-template-columns:1fr 1fr 1fr}.awards-grid{grid-template-columns:repeat(3,1fr)}.hero-visual{height:auto;min-height:520px}}@media (max-width:720px){.nav-main,.nav-cta .login{display:none}.footer-grid{grid-template-columns:1fr 1fr}.awards-grid{grid-template-columns:repeat(2,1fr)}.vs-card{width:240px;padding:20px}.hero-bullets{grid-template-columns:1fr}}