:root{--brand-frost: #edf5fb;--brand-cyan: #12cee8;--brand-cyan-deep: #0e7490;--brand-magenta: #f32acf;--brand-sun: #fed34f;--surface: #ffffff;--surface-frost: var(--brand-frost);--line: #e3eaf2;--line-strong: #d3deea;--ink: #1c1f26;--ink-soft: #3b4352;--ink-muted: #5a6372;--accent: var(--brand-cyan-deep);--accent-hover: #0b5f76;--focus: #c4119f;--success: #0f7a52;--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--container: 1200px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-optical-sizing:auto;color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg{display:block;max-width:100%}h1,h2,h3,p{margin:0}a{color:var(--accent)}a:hover{color:var(--accent-hover)}a:focus-visible,button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:-48px;z-index:50;background:var(--ink);color:#fff;padding:10px 14px;border-radius:8px}.skip-link:focus{top:12px;color:#fff}.container{max-width:var(--container);margin:0 auto}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.h-display{font-size:clamp(44px,7vw,84px);line-height:1.02;font-weight:600;letter-spacing:-.035em}.h-section{font-size:clamp(36px,5vw,56px);line-height:1.05;font-weight:600;letter-spacing:-.03em}.lead{font-size:20px;line-height:1.55;color:var(--ink-muted)}.highlight{color:var(--brand-magenta);text-decoration:underline dotted;text-decoration-color:#f32acf8c;text-decoration-thickness:.07em;text-underline-offset:.14em}.btn{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:600;text-decoration:none;padding:14px 26px;border-radius:999px;transition:background-color .15s ease,color .15s ease}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover);color:#fff}.btn--link{padding:14px 4px;color:var(--accent)}.nav{position:sticky;top:0;z-index:20;background:#ffffffdb;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line)}.nav__inner{display:flex;align-items:stretch;justify-content:space-between;flex-wrap:wrap;min-height:56px}.nav__group{display:flex;align-items:stretch;flex-wrap:wrap}.nav__logo{display:flex;align-items:center;padding:0 24px;border-right:1px solid var(--line)}.nav__logo img{height:26px;width:auto}.nav__link{display:flex;align-items:center;padding:0 20px;font-size:14px;font-weight:500;color:var(--ink);text-decoration:none;border-right:1px solid var(--line)}.nav__link:hover{background:var(--brand-frost);color:var(--ink)}.nav__link--end{border-right:0;border-left:1px solid var(--line)}.nav__cta{display:flex;align-items:center;padding:0 24px;background:var(--accent);color:#fff;font-size:14px;font-weight:600;text-decoration:none}.nav__cta:hover{background:var(--accent-hover);color:#fff}.hero{position:relative;padding:112px 24px 0;text-align:center}.hero__pixels{position:absolute;left:0;right:0;top:0;height:720px;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}.hero__pixels canvas{display:block;width:100%;height:100%}.hero__copy{position:relative;max-width:980px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:24px}.hero__copy .lead{max-width:640px}.hero__actions{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap;padding-top:8px}.showcase{max-width:1080px;margin:80px auto 0;position:relative;border-radius:42px;padding:24px;overflow:hidden;background:var(--brand-frost);text-align:left}.showcase__wallpaper{position:absolute;inset:0;pointer-events:none}.showcase__wallpaper span{position:absolute;border-radius:50% 50% 50% 0}.showcase__body{position:relative;display:flex;flex-direction:column;gap:18px}.tabs{display:flex;gap:4px;padding:5px;border-radius:999px;background:#fff6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-wrap:wrap}.tab{flex:1 1 140px;border:0;cursor:pointer;padding:10px 16px;border-radius:999px;background:transparent;font:600 14px/1.2 var(--font);color:var(--ink-soft)}.tab:hover{color:var(--ink)}.tab[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 1px 3px #1c1f261f}.window{border-radius:24px;overflow:hidden;background:#fffffff0;box-shadow:0 0 0 1px #1c1f261a,0 30px 70px #0f0a1424;min-height:520px;display:flex;flex-direction:column}.window__bar{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid rgba(28,31,38,.07)}.window__dot{width:12px;height:12px;border-radius:50%}.window__title{flex:1;text-align:center;font-size:13px;font-weight:500;color:var(--ink-muted)}.window__main{display:flex;flex-wrap:wrap;flex:1}.window__side{flex:0 0 210px;padding:18px 12px;background:#edf5fbb3;border-right:1px solid rgba(28,31,38,.06);display:flex;flex-direction:column;gap:2px}.window__project{padding:4px 10px 14px;font-size:15px;font-weight:600}.window__label{padding:0 10px 6px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.side-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;font-size:14px;font-weight:500;color:var(--ink-soft)}.side-item.is-active{background:#fff;box-shadow:0 1px 2px #1c1f2614;font-weight:600;color:var(--ink)}.petal-dot{width:10px;height:10px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);flex:none}.window__team{margin-top:auto;padding:14px 10px 4px;font-size:12px;color:var(--ink-muted)}.window__content{flex:999 1 420px;min-width:0;padding:28px 32px}.panel{display:flex;flex-direction:column;gap:18px}.panel[hidden]{display:none}.panel__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.panel__head h3{font-size:22px;font-weight:600;letter-spacing:-.015em}.panel__meta{font-size:13px;color:var(--ink-muted)}.checklist{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}.checklist li{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #eef2f7;font-size:15px}.checklist li:last-child{border-bottom:0}.checklist li>span:nth-child(2){flex:1}.note{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;background:#fff7d6;font-size:14px}.screens{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.screen{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.screen__art{height:150px;background:#f4f8fc;padding:14px;display:flex;flex-direction:column;gap:8px}.screen__art i{display:block;border-radius:6px;background:#e3eaf2}.screen__foot{padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:600}.chip{font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--brand-frost)}.board{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.board__col{background:#f4f8fc;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}.board__title{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);padding:2px 4px 4px}.board__card{background:#fff;border-radius:10px;padding:10px 12px;box-shadow:0 0 0 1px #1c1f260f;font-size:14px;line-height:1.4}.log{background:var(--ink);color:#e8edf3;border-radius:14px;padding:18px 20px;font-family:var(--mono);font-size:13.5px;line-height:1.9;list-style:none;margin:0}.log li{display:flex;gap:10px}.log li span{color:#34d399}.live{display:flex;gap:10px;align-items:center;font-size:15px;font-weight:600}.live:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--success)}.cells{display:grid;border-top:1px solid var(--line);border-left:1px solid var(--line)}.cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.keys{max-width:1080px;margin:56px auto 0;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));text-align:left}.key{display:flex;flex-direction:column;gap:10px;padding:28px}.key h3{font-size:16px;font-weight:600}.key p{font-size:15px;line-height:1.55;color:var(--ink-muted)}.section{padding:120px 24px}.section--frost{margin-top:120px;padding:112px 24px;background:var(--brand-frost);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section__inner{display:flex;flex-direction:column;gap:56px}.section__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px}.section__title{flex:1 1 520px;display:flex;flex-direction:column;gap:16px}.section__intro{flex:0 1 420px;font-size:17px;line-height:1.6;color:var(--ink-muted)}.services{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));border-color:var(--line-strong);background:#fff}.service{padding:32px;display:flex;flex-direction:column;gap:18px;min-height:280px;background:#fff;border-color:var(--line-strong);transition:background .2s ease}.service:hover{background:#fbfdff}.service__top{display:flex;justify-content:space-between;align-items:flex-start}.service__petal{width:40px;height:40px;border-radius:20px 20px 20px 0}.service__num,.step__num{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.service__num{color:var(--ink-muted)}.service h3{margin-top:24px;font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.02em}.service p,.step p{font-size:15px;line-height:1.55;color:var(--ink-muted)}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));border-top:1px solid var(--ink)}.step{display:flex;flex-direction:column;gap:12px;padding:28px 28px 8px 0;margin-right:28px}.step__num{color:var(--accent)}.step h3{font-size:22px;font-weight:600;letter-spacing:-.015em}.cta-wrap{padding:0 24px 96px}.cta{position:relative;overflow:hidden;border-radius:42px;background:var(--brand-frost);padding:clamp(56px,8vw,104px) 32px;text-align:center}.cta__copy{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px}.cta h2{font-size:clamp(36px,5.5vw,64px);line-height:1.04;font-weight:600;letter-spacing:-.035em}.cta p{max-width:560px;font-size:18px;line-height:1.6;color:var(--ink-soft)}.cta__email{font-size:16px;font-weight:600;color:var(--ink);text-decoration:none}.legal{padding:80px 24px 112px}.legal__inner{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:40px}.legal__head{display:flex;flex-direction:column;gap:16px;padding-bottom:32px;border-bottom:1px solid var(--line)}.legal__updated{font-size:14px;color:var(--ink-muted)}.legal section{display:flex;flex-direction:column;gap:14px}.legal h2{font-size:24px;line-height:1.25;font-weight:600;letter-spacing:-.015em}.legal h3{font-size:17px;font-weight:600;margin-top:8px}.legal p,.legal li{font-size:16px;line-height:1.7;color:var(--ink-soft)}.legal ul,.legal ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}.legal strong{color:var(--ink);font-weight:600}.footer{border-top:1px solid var(--line);padding:40px 24px}.footer__inner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.footer__inner img{height:26px;width:auto}.footer__links{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}.footer__links a{color:var(--ink-muted);text-decoration:none}.footer__links a:hover{color:var(--ink)}.footer small{font-size:13px;color:var(--ink-muted)}.cookies{position:fixed;z-index:40;right:20px;bottom:20px;width:min(400px,calc(100% - 24px));display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 18px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px #1c1f261a,0 18px 48px #0f0a1429;font-size:14px;line-height:1.5;color:var(--ink-soft)}.cookies[hidden]{display:none}.cookies p{flex:1 1 260px}.cookies__actions{display:flex;gap:8px;margin-left:auto}.cookies button{border:0;cursor:pointer;padding:10px 18px;border-radius:999px;font:600 14px/1.2 var(--font)}.cookies__accept{background:var(--accent);color:#fff}.cookies__accept:hover{background:var(--accent-hover)}.cookies__reject{background:var(--brand-frost);color:var(--ink)}@media(max-width:720px){.nav__link{display:none}.nav__logo{border-right:0;padding:0 20px}.nav__cta{padding:0 20px}}@media(max-width:640px){.h-display{font-size:clamp(38px,11vw,44px)}.lead{font-size:17px}.btn{padding:13px 22px}.hero{padding:56px 20px 0}.hero__copy{gap:20px}.hero__actions{flex-direction:column;gap:4px}.showcase{margin-top:48px;padding:12px;border-radius:28px}.showcase__body{gap:12px}.tabs{display:grid;grid-template-columns:1fr 1fr;border-radius:20px}.tab{padding:10px 8px;border-radius:16px}.window{min-height:0;border-radius:18px}.window__bar{padding:12px 14px}.window__bar>span:last-child{display:none}.window__title{text-align:right}.window__side{display:none}.window__content{padding:20px 16px}.panel__head h3{font-size:20px}.checklist li{padding:12px 14px;font-size:14px;flex-wrap:wrap}.screens{grid-template-columns:1fr 1fr;gap:10px}.screen__art{height:110px;padding:10px}.screen__foot{flex-direction:column;align-items:flex-start;padding:10px 12px}.log{padding:14px 16px;font-size:12.5px;line-height:1.7}.keys{margin-top:40px}.key{padding:22px}.section{padding:72px 20px}.section--frost{margin-top:72px;padding:72px 20px}.section__inner{gap:36px}.section__head{gap:16px}.section__intro{font-size:16px}.service{min-height:0;padding:24px;gap:12px}.service h3{margin-top:8px;font-size:22px}.step{margin-right:0;padding:24px 0 8px}.cta-wrap{padding:0 12px 64px}.cta{border-radius:28px;padding:56px 20px}.cta p{font-size:16px}.footer{padding:32px 20px 96px}.footer__inner{flex-direction:column;align-items:flex-start;gap:18px}.cookies{right:12px;bottom:12px;padding:14px 16px}.cookies__actions{width:100%}.cookies button{flex:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
