@keyframes landing-marquee{to{transform:translate(-50%)}}.landing{--ease:cubic-bezier(.22, .61, .36, 1)}.landing .av1{background:radial-gradient(circle at 35% 30%,#f3d3bf,#d98b6a 60%,#b9542f)}.landing .av2{background:radial-gradient(circle at 35% 30%,#f3d4da,#e09aa6 60%,#b85f6f)}.landing .av3{background:radial-gradient(circle at 35% 30%,#f4e3a6,#e3c46a 60%,#b8902f)}.landing .wrap{max-width:1180px;margin:0 auto;padding:0 22px}.landing .btn{cursor:pointer;transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .18s;border:0;border-radius:8px;align-items:center;gap:8px;padding:11px 22px;font-family:inherit;font-size:15px;font-weight:600;display:inline-flex}.landing .btn-acc{background:var(--color-accent);color:#fff}.landing .btn-acc:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 12px 28px #d35f3f52}.landing .btn-dark{background:var(--color-ink);color:#fff}.landing .btn-dark:hover{transform:translateY(-2px);box-shadow:0 10px 24px #16141040}.landing .btn-line{color:var(--color-ink);border:1px solid var(--color-border);background:#fff}.landing .btn-line:hover{border-color:var(--color-ink);transform:translateY(-2px)}.landing .reveal{opacity:1;transform:none}.landing .trusted{text-align:center;color:var(--color-muted);letter-spacing:.04em;margin:116px 0 0;font-size:13px;font-weight:600}.landing .skills{flex-direction:column;gap:44px;max-width:1136px;margin:56px auto 104px;display:flex}.landing .srow{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.landing .strack{align-items:center;gap:56px;width:max-content;animation:54s linear infinite landing-marquee;display:flex}.landing .srow:nth-child(2) .strack{animation-duration:60s;animation-direction:reverse}.landing .chip2{white-space:nowrap;flex:none;align-items:center;gap:16px;display:flex}.landing .chip2 .ic{border:1px solid #1414140f;border-radius:12px;flex:none;place-items:center;width:48px;height:48px;font-size:24px;display:grid;box-shadow:0 6px 22px #0000000d,0 2px 8px #0000000a}.landing .chip2 .ic.mono{font-family:var(--font-jetbrains), ui-monospace, monospace;color:var(--color-ink);font-size:18px;font-weight:600}.landing .chip2 .lab{color:var(--color-ink);letter-spacing:normal;font-size:20px;font-weight:500}.landing .section{padding:96px 0}.landing .center-head{text-align:center;max-width:780px;margin:0 auto}.landing .center-head .eyebrow{color:var(--color-accent);letter-spacing:.02em;margin-bottom:10px;font-size:14px;font-weight:700}.landing .center-head h2{font-family:var(--font-hanken), sans-serif;letter-spacing:-.02em;margin:0;font-size:clamp(30px,4.4vw,50px);font-weight:800;line-height:1.04}.landing .center-head p{color:var(--color-muted);max-width:56ch;margin:16px auto 0;font-size:17px}.landing .tabs{background:var(--color-ink);border-radius:999px;flex-wrap:wrap;justify-content:center;margin:30px auto 0;padding:5px;display:inline-flex}.landing .tabs button{color:#9b9184;cursor:pointer;transition:all .25s var(--ease);background:0 0;border:0;border-radius:999px;padding:10px 24px;font-family:inherit;font-size:15px;font-weight:600}.landing .tabs button.active{color:var(--color-ink);background:#fff}.landing .stage{transition:background .45s var(--ease);border-radius:26px;grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-top:40px;padding:52px;display:grid;position:relative;overflow:hidden}.landing .stage h3{font-family:var(--font-hanken), sans-serif;letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(24px,3.2vw,36px);font-weight:800;line-height:1.06}.landing .stage p{color:#1c1a16bd;max-width:42ch;margin:0 auto;font-size:16px}.landing .card{transition:opacity .4s var(--ease), transform .4s var(--ease);background:#fff;border-radius:18px;padding:20px;box-shadow:0 26px 60px #1c1a1629}.landing .card .ctitle{justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.landing .card .ctitle b{font-size:15px}.landing .card .crow{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:12px 4px;display:flex}.landing .card .crow:last-child{border-bottom:0}.landing .card .clabel{color:var(--color-muted);font-size:13px}.landing .card .cval{font-size:14px;font-weight:600}.landing .card .cval.ok{color:#1a8f4d}.landing .card .cval.warn{color:#c98a16}.landing .pill-tag{color:#1a8f4d;white-space:nowrap;background:#eafaf0;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.landing .pricegrid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:18px;margin-top:50px;display:grid}.landing .pcard{transition:transform .28s var(--ease);border-radius:24px;flex-direction:column;padding:30px 28px;display:flex;position:relative}.landing .pcard:hover{transform:translateY(-6px)}.landing .pcard.featured{outline:2px solid var(--color-accent);box-shadow:0 24px 60px #d35f3f38}.landing .pc1{background:var(--color-c1)}.landing .pc2{background:var(--color-c2)}.landing .pc3{background:var(--color-c4)}.landing .pcard .ptop{justify-content:space-between;align-items:center;display:flex}.landing .pcard .pname{font-family:var(--font-hanken), sans-serif;font-size:24px;font-weight:800}.landing .pcard .pbadge{background:var(--color-accent);color:#fff;letter-spacing:.03em;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.landing .pcard .pprice{color:#1c1a169e;margin:6px 0 18px;font-size:16px;font-weight:600}.landing .pcard .pprice b{font-family:var(--font-hanken), sans-serif;color:var(--color-ink);font-size:30px;font-weight:800}.landing .pcard .pfeat{background:#fff;border-radius:14px;flex:1;padding:8px 16px;box-shadow:0 14px 34px #1c1a1614}.landing .pcard .pfeat div{color:#534b40;border-bottom:1px solid var(--color-border);gap:10px;padding:11px 0;font-size:13.5px;display:flex}.landing .pcard .pfeat div:last-child{border-bottom:0}.landing .pcard .pfeat .ck{color:var(--color-accent);font-weight:700}.landing .pcard .pcta{text-align:center;background:var(--color-ink);color:#fff;transition:background .2s, transform .18s var(--ease);border-radius:10px;margin-top:20px;padding:12px;font-size:14.5px;font-weight:700}.landing .pcard.featured .pcta{background:var(--color-accent)}.landing .pcard .pcta:hover{transform:translateY(-2px)}.landing .powered{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;border-radius:28px;padding:50px 44px}.landing .powered-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);background:var(--color-accent-subtle);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.landing .powered-title{font-family:var(--font-hanken), sans-serif;letter-spacing:-.02em;max-width:22ch;margin:18px auto 0;font-size:clamp(26px,3.4vw,40px);font-weight:800;line-height:1.06}.landing .powered-body{color:#6b6258;max-width:62ch;margin:16px auto 0;font-size:16px;line-height:1.6}.landing .powered-pillars{flex-wrap:wrap;justify-content:center;gap:12px 26px;margin:26px 0 0;padding:0;list-style:none;display:flex}.landing .powered-pillars li{color:var(--color-ink);align-items:center;gap:8px;font-size:14.5px;font-weight:600;display:flex}.landing .powered-pillars .ck{color:var(--color-accent);font-weight:800}.landing .powered-clients{color:#6b6258;margin:22px auto 0;font-size:13.5px}.landing .powered-cta{margin-top:24px}.landing .testi-head{text-align:center;flex-direction:column;align-items:center;max-width:1180px;margin:0 auto;padding:0 22px;display:flex}.landing .testi-nav{gap:10px;margin-top:28px;display:flex}.landing .testi-nav button{background:var(--color-ink);color:#fff;cursor:pointer;width:46px;height:46px;transition:transform .15s var(--ease), background .2s, opacity .2s;border:0;border-radius:12px;place-items:center;font-size:20px;display:grid}.landing .testi-nav button:hover{background:var(--color-accent)}.landing .testi-nav button:active{transform:scale(.93)}.landing .testi-nav button:disabled{opacity:.3;cursor:default}.landing .testi-viewport{margin-top:44px;overflow-x:clip}.landing .testi-track{width:max-content;transition:transform .55s var(--ease);gap:16px;padding-left:max(22px,50vw - 568px);padding-right:22px;display:flex}.landing .tcard{border-radius:24px;flex-direction:column;flex:none;width:min(656px,84vw);min-height:400px;padding:40px 48px 44px;display:flex}.landing .tcard .role{letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent);margin-bottom:24px;font-size:13px;font-weight:700}.landing .tcard .quote{font-family:var(--font-hanken), sans-serif;letter-spacing:-.01em;flex:1;font-size:clamp(20px,1.9vw,26px);font-weight:700;line-height:1.32}.landing .tcard .tags{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.landing .tcard .tags span{color:#1c1a16a8;background:#1c1a160f;border-radius:999px;padding:5px 13px;font-size:12.5px;font-weight:600}.landing .tcard .by{align-items:center;gap:14px;margin-top:26px;display:flex}.landing .tcard .by .pic{border-radius:50%;flex:none;width:52px;height:52px}.landing .tcard .by .nm{font-size:15px;font-weight:700}.landing .tcard .by .ro{color:var(--color-muted);font-size:13px}.landing .tc1{background:var(--color-c1)}.landing .tc2{background:var(--color-c2)}.landing .tc3{background:var(--color-c3)}.landing .faq{background:var(--color-soft);border-radius:26px;padding:18px 40px}.landing .qa{border-bottom:1px solid #e8e2da}.landing .qa:last-child{border-bottom:0}.landing .qa button{cursor:pointer;width:100%;color:var(--color-ink);text-align:left;background:0;border:0;justify-content:space-between;align-items:center;gap:20px;padding:26px 4px;font-family:inherit;font-size:18px;font-weight:700;display:flex}.landing .qa .tog{width:34px;height:34px;transition:transform .3s var(--ease);background:#ece6dd;border-radius:9px;flex:none;place-items:center;font-size:20px;display:grid}.landing .qa.open .tog{background:var(--color-accent);color:#fff;transform:rotate(45deg)}.landing .qa .ans{max-height:0;transition:max-height .4s var(--ease);color:var(--color-muted);font-size:15.5px;overflow:hidden}.landing .qa.open .ans{max-height:240px}.landing .qa .ans p{max-width:72ch;margin:0 4px 26px}.landing .colorscroll{position:relative}.landing .panel{align-items:center;min-height:100vh;padding:12px;display:flex;position:sticky;top:0}.landing .panel:before{content:"";z-index:0;border-radius:20px;position:absolute;inset:12px}.landing .panel .inner{z-index:1;width:100%;max-width:1320px;margin:0 auto;padding:0 clamp(36px,4.5vw,68px);position:relative}.landing .panel .step{opacity:.55;margin-bottom:22px;font-size:15px;font-weight:700}.landing .panel .giant{font-family:var(--font-hanken), sans-serif;text-transform:uppercase;color:var(--color-ink);letter-spacing:-.025em;max-width:17ch;margin:0;font-size:clamp(40px,8.6vw,118px);font-weight:800;line-height:.98}.landing .panel .pbody{color:#1c1a16b8;max-width:50ch;margin:28px 0 0;font-size:clamp(17px,1.7vw,21px)}.landing .panel .pactions{flex-wrap:wrap;gap:13px;margin-top:34px;display:flex}.landing .p1:before{background:var(--color-c1)}.landing .p2:before{background:var(--color-c2)}.landing .p3:before{background:var(--color-c3)}.landing .p4:before{background:var(--color-c4)}.landing .p5:before{background:var(--color-c5)}.landing .p5 .inner{text-align:center}.landing .p5 .giant{max-width:20ch;margin:0 auto}.landing .p5 .pbody{margin-left:auto;margin-right:auto}.landing .p5 .pactions{justify-content:center}.landing footer{background:var(--color-ink);color:#c4bcb0;padding:70px 0 64px}.landing .fgrid{grid-template-columns:1.7fr repeat(4,1fr);gap:30px;display:grid}.landing .fgrid h5{text-transform:uppercase;letter-spacing:.08em;color:#8d8273;margin:0 0 14px;font-size:13px}.landing .fgrid a{color:#c4bcb0;padding:5px 0;font-size:14.5px;display:block}.landing .fgrid a:hover{color:#fff}.landing .fbrand{font-family:var(--font-hanken), sans-serif;color:#fff;letter-spacing:-.02em;font-size:24px;font-weight:800}.landing .fbrand .dot{color:var(--color-accent-bright)}.landing .fbrand p{font-family:var(--font-inter), sans-serif;color:#8d8273;max-width:32ch;margin:12px 0 0;font-size:14px;font-weight:400}.landing .fnote{color:#7e7468;border-top:1px solid #ffffff14;margin-top:44px;padding-top:24px;font-size:13px}@media (max-width:900px){.landing .stage,.landing .pricegrid,.landing .fgrid{grid-template-columns:1fr}.landing .faq{padding:14px 22px}}
