:root{--blue: #3B82F6;--purple: #8B5CF6;--teal: #06B6D4;--yellow: #FBBF24;--text: #1E293B;--text-muted: #64748B;--text-subtle: #94A3B8;--bg: #FAFBFC;--surface: #FFFFFF;--surface-muted: #F8FAFC;--input-bg: #FAFBFC;--file-btn-bg: #FFFFFF;--cursor-ring: #FFFFFF;--header-bg: rgba(250, 251, 252, .85);--border: rgba(30, 41, 59, .06);--border-strong: rgba(30, 41, 59, .12);--grid-line: rgba(30, 41, 59, .03);--badge-bg: rgba(6, 182, 212, .1);--badge-text: #0891B2;--telegram-bar-bg: #EFF6FF;--code-bg: rgba(59, 130, 246, .08);--hero-glow-1: rgba(59, 130, 246, .08);--hero-glow-2: rgba(139, 92, 246, .06);--hero-glow-3: rgba(6, 182, 212, .06);--cta-overlay: .04;--toggle-track: #CBD5E1;--toggle-track-border: #94A3B8;--toggle-thumb: #FFFFFF;--shadow-sm: 0 1px 3px rgba(30, 41, 59, .06);--shadow-md: 0 4px 24px rgba(30, 41, 59, .08);--shadow-lg: 0 12px 48px rgba(59, 130, 246, .12);--navy: var(--text);--slate: var(--text-muted);--slate-light: var(--text-subtle);--white: var(--surface);--gradient: linear-gradient(135deg, var(--blue) 0%, var(--purple) 50%, var(--teal) 100%);--gradient-text: linear-gradient(135deg, var(--blue), var(--purple));color-scheme:light}[data-theme=dark]{--text: #F1F5F9;--text-muted: #94A3B8;--text-subtle: #64748B;--bg: #0B1120;--surface: #1E293B;--surface-muted: #162032;--input-bg: #0F172A;--file-btn-bg: #334155;--cursor-ring: #1E293B;--header-bg: rgba(11, 17, 32, .92);--border: rgba(148, 163, 184, .12);--border-strong: rgba(148, 163, 184, .22);--grid-line: rgba(148, 163, 184, .1);--badge-bg: rgba(6, 182, 212, .16);--badge-text: #22D3EE;--telegram-bar-bg: rgba(59, 130, 246, .14);--code-bg: rgba(59, 130, 246, .18);--hero-glow-1: rgba(59, 130, 246, .18);--hero-glow-2: rgba(139, 92, 246, .14);--hero-glow-3: rgba(6, 182, 212, .12);--cta-overlay: .1;--toggle-track: #334155;--toggle-track-border: #475569;--toggle-thumb: #F8FAFC;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .25);--shadow-md: 0 4px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 48px rgba(0, 0, 0, .45);color-scheme:dark}:root{--error: #DC2626;--warning-icon: #D97706;--sticky-yellow-bg: #FEF3C7;--sticky-yellow-text: #92400E;--sticky-teal-bg: #CFFAFE;--sticky-teal-text: #155E75;--mockup-dot-red: #FCA5A5;--mockup-dot-yellow: #FDE68A;--mockup-dot-green: #86EFAC;--mockup-dot-neutral: #E2E8F0}@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/caveat/v23/WnznHAc5bAfYB2QRah7pcpNvOx-pjSx6eIipYSxP.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/caveat/v23/WnznHAc5bAfYB2QRah7pcpNvOx-pjSx6eIGpYSxP.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/caveat/v23/WnznHAc5bAfYB2QRah7pcpNvOx-pjSx6eIupYSxP.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/caveat/v23/WnznHAc5bAfYB2QRah7pcpNvOx-pjSx6eIWpYQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--radius: 16px;--radius-sm: 10px;--font: "Inter", system-ui, -apple-system, sans-serif}[data-theme=dark] .board-mockup{background:#fff;border-color:#1e293b14}[data-theme=dark] .board-canvas--app{background:#fff}[data-theme=dark] .board-app-toolbar{background:#fafbfcf5;border-color:#1e293b14}[data-theme=dark] .board-app-tool{color:#64748b}[data-theme=dark] .board-app-tool--active{color:#3b82f6;background:#3b82f61f}[data-theme=dark] .board-app-zoom{color:#64748b}[data-theme=dark] .telegram-bar{background:#eff6ff;color:var(--blue);border-top-color:#3b82f61f}[data-theme=dark] .board-cursor__pointer{box-shadow:0 0 0 2px #fff}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font);color:var(--navy);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease;overflow-x:hidden}.container{max-width:1120px;margin:0 auto;padding:0 24px}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:box-shadow .25s ease,border-color .25s ease}.header.is-scrolled{box-shadow:var(--shadow-md)}.nav{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}.nav-menu{display:flex;align-items:center;gap:32px;margin-left:auto}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);min-width:0;flex-shrink:1}.beta-mark{display:inline-flex;align-items:center;padding:3px 8px;font-size:.625rem;font-weight:700;line-height:1;letter-spacing:.08em;text-transform:uppercase;border-radius:100px;background:var(--gradient);color:#fff;flex-shrink:0;box-shadow:0 2px 8px #3b82f640;animation:betaPulse 3s ease-in-out infinite}@keyframes betaPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.coboardy-logo{display:inline-flex;align-items:baseline;font-family:var(--font);line-height:1.15;letter-spacing:-.03em;white-space:nowrap}.coboardy-logo__boardy{color:var(--navy);font-weight:600}.coboardy-logo--xs{font-size:1.05rem}.coboardy-logo--sm{font-size:1.35rem}.coboardy-logo--md{font-size:clamp(1.625rem,3.5vw,2.125rem);font-weight:800}.coboardy-logo--lg{font-size:clamp(2.25rem,5vw,3.25rem)}.nav-links{display:flex;list-style:none;gap:32px}.nav-links a{text-decoration:none;color:var(--slate);font-size:.9375rem;font-weight:500;transition:color .2s}.nav-links a:hover,.nav-links a.is-active{color:var(--navy)}.nav-links a.is-active{font-weight:600}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;width:44px;height:44px;padding:10px;flex-shrink:0;-webkit-tap-highlight-color:transparent}.nav-toggle span{display:block;width:22px;height:2px;background:var(--navy);border-radius:2px;transition:transform .2s,opacity .2s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font);font-weight:600;text-decoration:none;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;-webkit-tap-highlight-color:transparent}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:var(--gradient);background-size:200% 200%;color:var(--white);box-shadow:0 4px 14px #3b82f659;animation:gradientShift 8s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.btn-primary:hover{box-shadow:0 8px 24px #3b82f673}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:#3b82f64d;box-shadow:var(--shadow-md)}.btn-sm{padding:10px 20px;font-size:.875rem}.btn-lg{padding:14px 28px;font-size:1rem}.hero{position:relative;padding:140px 0 100px;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 70% 20%,var(--hero-glow-1) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 20% 80%,var(--hero-glow-2) 0%,transparent 50%),radial-gradient(ellipse 50% 40% at 90% 70%,var(--hero-glow-3) 0%,transparent 50%);pointer-events:none;animation:heroGlow 12s ease-in-out infinite alternate}@keyframes heroGlow{0%{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(1.03)}}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative}.hero-content h1{font-size:clamp(2.25rem,5vw,3.25rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;margin-bottom:20px}.hero-subtitle{font-size:1.125rem;color:var(--slate);line-height:1.7;margin-bottom:32px;max-width:480px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.product-hunt-badge{display:inline-block;margin-bottom:20px;line-height:0;border-radius:8px;transition:transform .2s ease,opacity .2s ease}.product-hunt-badge:hover{opacity:.92;transform:translateY(-1px)}.product-hunt-badge img{display:block;width:250px;max-width:100%;height:auto}.hero-tagline{font-size:.9375rem;color:var(--slate-light);font-weight:500}.logo-mark{display:block;flex-shrink:0;border-radius:50%;object-fit:cover}.logo-mark--sm{width:28px;height:28px}.logo-mark--lg{width:56px;height:56px}.nav-logo .logo-mark{width:32px;height:32px}.footer-brand__lockup{display:inline-flex;align-items:center;gap:8px}.hero-bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(59,130,246,.14) 1px,transparent 1px);background-size:22px 22px;opacity:.45;-webkit-mask-image:linear-gradient(to bottom,black 20%,transparent 85%);mask-image:linear-gradient(to bottom,black 20%,transparent 85%);pointer-events:none}[data-theme=dark] .hero-bg:after{background-image:radial-gradient(circle,rgba(148,163,184,.2) 1px,transparent 1px);opacity:.35}.hero-illustration-wrap{position:relative;width:100%;max-width:380px;margin:0 auto;overflow:visible;padding:0 12px 24px 0}.hero-illustration-surface{background:#fff;border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow-lg);overflow:hidden}[data-theme=dark] .hero-illustration-surface{background:#fff}.hero-illustration-brand{text-align:center;padding:28px 24px 14px}.hero-illustration-brand .coboardy-logo__boardy,.hero-illustration-tagline{color:#1e293b}.hero-illustration-tagline{margin:10px 0 0;font-size:clamp(1.125rem,2.8vw,1.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.25;min-height:2.5em}.hero-illustration-tagline__caret{display:inline-block;width:2px;height:.9em;margin-left:1px;vertical-align:-.05em;background:var(--blue);opacity:0}.hero-illustration-tagline__caret.is-active{opacity:1;animation:taglineCaretBlink .85s step-end infinite}@keyframes taglineCaretBlink{0%,to{opacity:1}50%{opacity:0}}.hero-illustration-media{line-height:0}.hero-illustration{display:block;width:100%;height:auto}.board-mockup--overlay{position:absolute;right:-6%;bottom:-4%;width:62%;max-width:248px;animation:float 6s ease-in-out infinite;z-index:2;overflow:visible}.board-mockup--overlay .board-canvas--app{border-radius:12px;overflow:visible}.board-canvas--compact{min-height:152px;position:relative}.board-canvas--app{background:#fff;padding:0;overflow:visible}.board-app-chrome{position:absolute;top:6px;left:6px;z-index:4;display:flex;flex-direction:column;gap:4px}.board-app-menu{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:#94a3b8}.board-app-menu svg{width:14px;height:14px}.board-app-avatars{display:flex;align-items:center}.board-app-avatar{position:relative;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:-5px;flex-shrink:0}.board-app-avatar:first-child{margin-left:0}.board-app-avatar--blue{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 0 0 1.5px #fff,0 0 0 3px #3b82f6}.board-app-avatar--purple{background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:0 0 0 1.5px #fff,0 0 0 3px #8b5cf6}.board-app-avatar--teal{background:linear-gradient(135deg,#22d3ee,#06b6d4);box-shadow:0 0 0 1.5px #fff,0 0 0 3px #06b6d4}.board-app-avatar__initials{font-size:.375rem;font-weight:800;color:#fff;letter-spacing:-.04em;line-height:1}.board-app-avatar__status{position:absolute;right:-1px;bottom:-1px;width:5px;height:5px;border-radius:50%;background:#22c55e;border:1px solid #FFFFFF}.board-app-toolbar{position:absolute;left:50%;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;gap:2px;padding:3px 5px;border-radius:10px;background:#fafbfcf5;border:1px solid rgba(30,41,59,.06);box-shadow:0 4px 16px #1e293b14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.board-app-toolbar--top{top:6px}.board-app-toolbar--bottom{bottom:6px;flex-direction:row;align-items:center;gap:0;padding:2px 4px}.board-app-toolbar__group{display:flex;align-items:center;gap:1px}.board-app-toolbar__group+.board-app-toolbar__group{border-left:1px solid rgba(30,41,59,.08);margin-left:3px;padding-left:3px}.board-app-toolbar__row{display:flex;align-items:center;justify-content:center;gap:4px}.board-app-toolbar__row--secondary{gap:5px;padding-top:2px;margin-top:1px;border-top:1px solid rgba(30,41,59,.08)}.board-app-tool{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px;color:#64748b;flex-shrink:0}.board-app-tool svg{width:11px;height:11px}.board-app-tool--active{color:#3b82f6;background:#3b82f61f}.board-app-tool--close{margin-left:auto}.board-app-swatch{width:12px;height:12px;border-radius:50%;flex-shrink:0}.board-app-swatch--fill{background:#fda4af;box-shadow:inset 0 0 0 1px #1e293b14}.board-app-swatch--stroke{background:transparent;border:1.5px dashed #94A3B8}.board-app-zoom{min-width:24px;padding:0 3px;font-size:.4375rem;font-weight:700;font-variant-numeric:tabular-nums;color:#64748b;text-align:center;line-height:16px}.board-app-figures{position:absolute;inset:38px 10px 30px 30px;z-index:1}.board-app-figure{position:absolute;border-radius:2px}.board-app-figure--cyan{width:38px;height:38px;top:18px;left:8px;background:#22d3ee;z-index:1;animation:figurePopCyan .6s ease .8s both,figureFloatCyan 5s ease-in-out 1.4s infinite}.board-app-figure--pink{width:34px;height:34px;top:34px;left:30px;background:#fda4af;z-index:2;animation:figurePopPink .6s ease 1s both,figureFloatPink 5s ease-in-out 1.8s infinite}.board-app-draw{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:132px;transform:translate(-50%,-50%) rotate(-5deg);color:var(--blue);z-index:1;pointer-events:none;opacity:.95;animation:drawFloat 6s ease-in-out 3.8s infinite}.board-app-draw__line{font-family:Caveat,cursive;font-size:1.25rem;font-weight:600;line-height:1;color:var(--blue);white-space:nowrap;clip-path:inset(0 100% 0 0);animation:drawTextReveal 1.5s ease 1.2s forwards}.board-app-draw__circled{position:relative;display:inline-flex;align-items:center;justify-content:center}.board-app-draw__circle{position:absolute;top:50%;left:50%;width:calc(100% + 14px);height:calc(100% + 12px);transform:translate(-50%,-50%);overflow:visible;pointer-events:none}.board-app-draw__circle path{fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:220;stroke-dashoffset:220;animation:drawCircleStroke 1.4s ease 3.5s forwards}.board-app-draw__line--second{position:relative;z-index:1;animation-delay:2.4s}@keyframes drawCircleStroke{to{stroke-dashoffset:0}}@keyframes drawTextReveal{to{clip-path:inset(0 0 0 0)}}@keyframes drawFloat{0%,to{transform:translate(-50%,-50%) rotate(-5deg)}50%{transform:translate(-50%,calc(-50% - 2px)) rotate(-4deg)}}.board-app-select{position:absolute;inset:-5px;pointer-events:none}.board-app-select__box{position:absolute;inset:0;border:1px solid #EF4444;border-radius:1px}.board-app-select__handle{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #ef4444;transform:translate(-50%,-50%)}.board-app-select__handle--tl{top:0;left:0}.board-app-select__handle--tc{top:0;left:50%}.board-app-select__handle--tr{top:0;left:100%}.board-app-select__handle--ml{top:50%;left:0}.board-app-select__handle--mr{top:50%;left:100%}.board-app-select__handle--bl{top:100%;left:0}.board-app-select__handle--bc{top:100%;left:50%}.board-app-select__handle--br{top:100%;left:100%}.board-app-select__rotate{position:absolute;top:-10px;left:50%;width:1px;height:6px;background:#ef4444;transform:translate(-50%)}.board-app-select__rotate:after{content:"";position:absolute;top:-3px;left:50%;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #ef4444;transform:translate(-50%)}.board-app-select__menu{position:absolute;top:-17px;left:50%;transform:translate(-50%);width:12px;height:6px;display:flex;align-items:center;justify-content:center;color:#64748b}.board-app-select__menu svg{width:12px;height:6px}@keyframes figurePopCyan{0%{opacity:0;transform:scale(.75) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes figureFloatCyan{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes figurePopPink{0%{opacity:0;transform:scale(.75) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes figureFloatPink{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.board-canvas--compact .board-cursor{z-index:3}.board-canvas--compact .board-cursor__pointer{width:9px;height:9px}.board-canvas--compact .board-cursor__label{margin-top:4px;margin-left:1px;font-size:.4375rem}.board-canvas--compact .board-cursor-1{top:56px;left:46%;animation:cursorMoveBlue 4s ease-in-out infinite}.board-canvas--compact .board-cursor-2{top:44px;left:22%;animation:cursorMovePurple 4.2s ease-in-out 1.2s infinite}.board-canvas--compact .board-cursor-3{top:74px;left:32%;animation:cursorMoveTeal 3.8s ease-in-out 2.4s infinite}.board-cursor{position:absolute;display:flex;align-items:flex-start;gap:1px;pointer-events:none;z-index:3}.board-cursor__pointer{width:14px;height:14px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);flex-shrink:0;box-shadow:0 0 0 2px #fff}.board-cursor__label{margin-top:7px;margin-left:2px;font-size:.6875rem;font-weight:700;line-height:1;white-space:nowrap;letter-spacing:-.01em;text-shadow:0 0 4px #FFFFFF,0 0 4px #FFFFFF,0 1px 2px rgba(255,255,255,.9)}.board-cursor--blue .board-cursor__pointer{background:#3b82f6}.board-cursor--blue .board-cursor__label{color:#3b82f6}.board-cursor--purple .board-cursor__pointer{background:#8b5cf6}.board-cursor--purple .board-cursor__label{color:#8b5cf6}.board-cursor--teal .board-cursor__pointer{background:#06b6d4}.board-cursor--teal .board-cursor__label{color:#06b6d4}.wave-divider{position:absolute;left:0;right:0;bottom:0;line-height:0;pointer-events:none}.wave-divider svg{display:block;width:100%;height:64px}.wave-divider--hero{z-index:1}.value-pillars{padding-top:48px;padding-bottom:80px;background:var(--white)}.value-pillars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.value-pillar{text-align:center;padding:28px 20px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);transition:transform .2s ease,box-shadow .2s ease}.value-pillar:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.value-pillar__icon{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.22,1,.36,1)}.value-pillar:hover .value-pillar__icon{transform:scale(1.08)}.value-pillar__icon--purple{background:#8b5cf61f;color:var(--purple)}.value-pillar__icon--teal{background:#06b6d41f;color:var(--teal)}.value-pillar__icon--blue{background:#3b82f61f;color:var(--blue)}.value-pillar h3{font-size:1rem;font-weight:700;margin-bottom:8px}.value-pillar p{font-size:.875rem;color:var(--slate);line-height:1.6}.value-pillar.animate-on-scroll:nth-child(1){transition-delay:.04s}.value-pillar.animate-on-scroll:nth-child(2){transition-delay:.08s}.value-pillar.animate-on-scroll:nth-child(3){transition-delay:.12s}.value-pillar.animate-on-scroll:nth-child(4){transition-delay:.16s}.telegram-bot-card{display:flex;align-items:center;gap:14px;margin-top:20px;padding:16px 18px;border-radius:var(--radius);border:1px solid var(--border);background:var(--white);box-shadow:var(--shadow-sm)}.telegram-bot-card__avatar{flex-shrink:0;width:52px;height:52px;border-radius:50%;overflow:hidden;box-shadow:0 2px 8px #0f172a1f}.telegram-bot-card__avatar .logo-mark{width:100%;height:100%}.telegram-bot-card__body{flex:1;min-width:0}.telegram-bot-card__name{display:flex;align-items:center;gap:6px;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:4px}.telegram-bot-card__verified{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--blue);color:#fff;font-size:.625rem;font-weight:800;line-height:1}.telegram-bot-card__bio{margin:0;font-size:.8125rem;color:var(--slate);line-height:1.5}.telegram-bot-card__action{flex-shrink:0;white-space:nowrap}.step--featured .step-content{flex:1}.steps{max-width:720px}.cta{position:relative;padding-top:80px;padding-bottom:120px;overflow:hidden}.cta-waves{position:absolute;inset:0 0 auto;height:200px;pointer-events:none;opacity:.18}[data-theme=dark] .cta-waves{opacity:.28}.cta-waves__back,.cta-waves__front{position:absolute;left:0;width:100%}.cta-waves__back{top:0;height:200px}.cta-waves__front{top:40px;height:120px}.cta-brand{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;position:relative}.cta-card .coboardy-logo{margin-bottom:0}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--badge-bg);color:var(--badge-text);border-radius:100px;font-size:.8125rem;font-weight:600;margin-bottom:20px}.hero-visual{display:flex;justify-content:center;overflow:visible}.board-mockup{width:100%;max-width:440px;background:#fff;border-radius:12px;box-shadow:0 12px 40px #1e293b24;border:1px solid rgba(30,41,59,.08);overflow:hidden;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.board-canvas{position:relative;height:280px;background:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:24px 24px;padding:20px}.sticky{position:absolute;padding:10px 14px;border-radius:6px;font-size:.8125rem;font-weight:500;box-shadow:var(--shadow-sm);max-width:160px}.sticky-yellow{top:24px;left:24px;background:#fef3c7;color:#92400e;transform:rotate(-2deg);animation:stickyPop .6s ease .8s both,stickyWobble 5s ease-in-out 1.4s infinite}.sticky-teal{top:100px;right:32px;background:#cffafe;color:#155e75;transform:rotate(1.5deg);animation:stickyPopTeal .6s ease 1s both,stickyWobbleTeal 5s ease-in-out 1.8s infinite}@keyframes stickyPop{0%{opacity:0;transform:scale(.8) rotate(-6deg)}to{opacity:1;transform:scale(1) rotate(-2deg)}}@keyframes stickyWobble{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-3px)}}@keyframes stickyPopTeal{0%{opacity:0;transform:scale(.8) rotate(4deg)}to{opacity:1;transform:scale(1) rotate(1.5deg)}}@keyframes stickyWobbleTeal{0%,to{transform:rotate(1.5deg) translateY(0)}50%{transform:rotate(2deg) translateY(-3px)}}.board-scribble path{stroke-dasharray:280;stroke-dashoffset:280;animation:drawLine 2s ease 1.2s forwards}@keyframes drawLine{to{stroke-dashoffset:0}}.board-scribble{position:absolute;bottom:60px;left:40px;width:200px;opacity:.8}.chat-bubble{position:absolute;bottom:32px;right:48px;background:var(--teal);border-radius:12px 12px 4px;padding:10px 14px;display:flex;gap:4px;box-shadow:0 2px 8px #06b6d44d}.chat-dot{width:6px;height:6px;border-radius:50%;background:#fffc;animation:pulse 1.4s ease-in-out infinite}.chat-dot:nth-child(2){animation-delay:.2s}.chat-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.board-cursor-1{top:48px;left:180px;animation:cursorMoveBlue 4s ease-in-out infinite}.board-cursor-2{bottom:90px;left:120px;animation:cursorMovePurple 4.2s ease-in-out 1.2s infinite}.board-cursor-3{top:120px;right:80px;animation:cursorMoveTeal 3.8s ease-in-out 2.4s infinite}@keyframes cursorMoveBlue{0%,to{transform:translate(0)}50%{transform:translate(8px,6px)}}@keyframes cursorMovePurple{0%,to{transform:translate(0)}50%{transform:translate(-6px,8px)}}@keyframes cursorMoveTeal{0%,to{transform:translate(0)}50%{transform:translate(10px,-4px)}}.telegram-bar{display:flex;align-items:center;gap:8px;padding:12px 18px;background:var(--telegram-bar-bg);color:var(--blue);font-size:.8125rem;font-weight:500;border-top:1px solid rgba(59,130,246,.1)}.section{padding:100px 0}.section-header{text-align:center;max-width:600px;margin:0 auto 64px}.section-header h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:16px}.section-header p{font-size:1.0625rem;color:var(--slate)}.features{background:var(--white)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{padding:32px 28px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:transform .35s cubic-bezier(.22,1,.36,1)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(-4deg)}.feature-icon-blue{background:#3b82f61a;color:var(--blue)}.feature-icon-purple{background:#8b5cf61a;color:var(--purple)}.feature-icon-teal{background:#06b6d41a;color:var(--teal)}.feature-icon-yellow{background:#fbbf2426;color:#d97706}.feature-card h3{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:1.125rem;font-weight:700;margin-bottom:8px}.feature-soon-mark{display:inline-flex;align-items:center;padding:3px 8px;font-size:.625rem;font-weight:700;line-height:1;letter-spacing:.06em;text-transform:uppercase;border-radius:100px;background:var(--badge-bg);color:var(--badge-text)}.feature-card--soon{border-style:dashed;border-color:var(--border-strong)}.feature-card--soon:hover{transform:none;box-shadow:var(--shadow-sm)}.feature-card--soon:hover .feature-icon{transform:none}.feature-card p{font-size:.9375rem;color:var(--slate);line-height:1.6}.ai-features{position:relative;overflow:hidden;background:var(--bg)}.ai-features:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 55% at 15% 35%,var(--hero-glow-2) 0%,transparent 55%),radial-gradient(ellipse 55% 45% at 90% 65%,var(--hero-glow-1) 0%,transparent 50%);pointer-events:none}.ai-features .container{position:relative;z-index:1}.ai-features__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;margin-bottom:16px;border-radius:100px;background:var(--gradient);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 4px 16px #8b5cf633}.ai-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:920px;margin:0 auto}.ai-feature-card{padding:28px 28px 32px;border-radius:var(--radius);border:1px solid var(--border);background:var(--white);transition:transform .2s,box-shadow .2s}.ai-feature-card__visual{margin-bottom:20px;padding:16px;border-radius:var(--radius-sm);background:var(--surface-muted);border:1px solid var(--border);min-height:108px;display:flex;align-items:center;justify-content:center}.ai-mock-summarize{display:grid;grid-template-columns:repeat(3,auto) auto 1fr;align-items:center;gap:6px;width:100%}.ai-mock-note{padding:4px 7px;border-radius:4px;background:#fef3c7;color:#92400e;font-size:.5625rem;font-weight:600;white-space:nowrap;transform:rotate(-2deg)}.ai-mock-note:nth-child(2){background:#cffafe;color:#155e75;transform:rotate(1deg)}.ai-mock-note:nth-child(3){background:#ede9fe;color:#5b21b6;transform:rotate(-1deg)}.ai-mock-arrow{color:var(--purple);font-size:.875rem;font-weight:700}.ai-mock-summary{margin:0;padding:8px 10px;border-radius:6px;background:#3b82f614;border:1px solid rgba(59,130,246,.12);color:var(--navy);font-size:.5625rem;font-weight:600;line-height:1.35}.ai-mock-grouping{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.ai-mock-cluster{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:8px;border:1.5px dashed;min-width:64px}.ai-mock-cluster span{padding:3px 6px;border-radius:4px;font-size:.5625rem;font-weight:600;text-align:center}.ai-mock-cluster--a{border-color:#8b5cf659;background:#8b5cf60f}.ai-mock-cluster--a span{background:#ede9fe;color:#5b21b6}.ai-mock-cluster--b{border-color:#3b82f659;background:#3b82f60f}.ai-mock-cluster--b span{background:#dbeafe;color:#1d4ed8}.ai-mock-cluster--c{border-color:#06b6d459;background:#06b6d40f}.ai-mock-cluster--c span{background:#cffafe;color:#155e75}.ai-feature-card h3{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:1.125rem;font-weight:700;margin-bottom:8px}.ai-feature-card p{font-size:.9375rem;color:var(--slate);line-height:1.6}.ai-feature-card.animate-on-scroll:nth-child(1){transition-delay:.04s}.ai-feature-card.animate-on-scroll:nth-child(2){transition-delay:.12s}.steps{list-style:none;max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:0}.step{display:flex;gap:24px;padding:32px 0;position:relative}.step:not(:last-child):after{content:"";position:absolute;left:23px;top:72px;bottom:0;width:2px;background:linear-gradient(to bottom,var(--blue),var(--purple),var(--teal));opacity:.2}.step-number{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:var(--gradient);color:#fff;font-weight:800;font-size:1.125rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f64d;transition:transform .35s cubic-bezier(.22,1,.36,1)}.step:hover .step-number{transform:scale(1.08)}.step-content h3{font-size:1.25rem;font-weight:700;margin-bottom:8px}.step-content p{color:var(--slate);font-size:.9375rem;line-height:1.65}.step-content code{background:var(--code-bg);color:var(--blue);padding:2px 8px;border-radius:4px;font-size:.875rem;font-weight:600}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.use-case{text-align:center;padding:32px 20px;border-radius:var(--radius);background:var(--white);border:1px solid var(--border);transition:transform .2s,box-shadow .2s}.use-case:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.use-case-emoji{font-size:2rem;display:block;margin-bottom:16px;transition:transform .35s cubic-bezier(.22,1,.36,1)}.use-case:hover .use-case-emoji{transform:scale(1.15) rotate(-6deg)}.use-case h3{font-size:1rem;font-weight:700;margin-bottom:8px}.use-case p{font-size:.875rem;color:var(--slate);line-height:1.6}.cta-card{text-align:center;padding:64px 40px;border-radius:24px;background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;inset:0;background:var(--gradient);opacity:var(--cta-overlay);pointer-events:none}.cta-card .coboardy-logo{margin-bottom:24px}.cta-card h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;margin-bottom:12px;position:relative}.cta-card>p{color:var(--slate);font-size:1.0625rem;margin-bottom:32px;position:relative}.btn-cta{position:relative}.cta-note{margin-top:16px;font-size:.8125rem;color:var(--slate-light);position:relative}.footer{padding:40px 0;border-top:1px solid var(--border);background:var(--surface)}.footer-inner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);align-items:start;gap:32px 48px}.footer-start{min-width:0}.footer-end{display:flex;flex-direction:column;align-items:flex-end;gap:16px;min-width:0}.footer-end .theme-toggle{align-self:flex-end}.footer-brand{margin-bottom:6px}.footer-tagline{color:var(--slate-light);font-size:.875rem;margin-bottom:0}.footer-contact{margin-bottom:0}.footer-contact__title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--slate-light);margin-bottom:10px}.footer-contact__item{margin-bottom:4px}.footer-contact__item:last-child{margin-bottom:0}.footer-contact__item a{color:var(--slate);font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .2s}.footer-contact__item a:hover{color:var(--blue)}.footer-copy{grid-column:1 / -1;color:var(--slate-light);font-size:.8125rem;padding-top:16px;margin-top:0;border-top:0}.footer-legal-notice{grid-column:1 / -1;color:var(--slate-light);font-size:.8125rem;line-height:1.6;padding-top:24px;margin-top:8px;border-top:1px solid var(--border)}.footer-legal-notice a{color:var(--slate);font-weight:500;text-decoration:none}.footer-legal-notice a:hover{color:var(--blue);text-decoration:underline}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:20px 24px;margin-bottom:0}.footer-links a{color:var(--slate);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text)}.theme-toggle{display:inline-flex;align-items:center;gap:12px;margin-bottom:0;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.theme-toggle__label{font-size:.875rem;font-weight:500;color:var(--slate);line-height:1}.theme-toggle__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.theme-toggle__switch{position:relative;width:44px;height:24px;background:var(--toggle-track);border:1px solid var(--toggle-track-border);border-radius:100px;transition:background .2s ease,border-color .2s ease;flex-shrink:0}.theme-toggle__switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--toggle-thumb);border-radius:50%;box-shadow:0 1px 3px #0f172a33;transition:transform .2s ease,background .2s ease}.theme-toggle__input:checked+.theme-toggle__switch{background:var(--blue);border-color:var(--blue)}.theme-toggle__input:checked+.theme-toggle__switch:after{transform:translate(20px);background:#fff}.theme-toggle__input:focus-visible+.theme-toggle__switch{outline:2px solid var(--blue);outline-offset:2px}.page-main{padding:120px 0 80px;min-height:calc(100vh - 180px)}.page-header{text-align:center;max-width:560px;margin:0 auto 40px}.page-header h1{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;margin-bottom:12px}.page-header p{color:var(--slate);font-size:1.0625rem;line-height:1.65}.page-meta{color:var(--slate-light);font-size:.875rem}.page-card{max-width:640px;margin:0 auto;padding:40px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md)}.feedback-form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:.875rem;font-weight:600;color:var(--navy)}.form-required{color:var(--blue)}.form-input,.form-select,.form-textarea{width:100%;padding:12px 14px;font-family:var(--font);font-size:.9375rem;color:var(--navy);background:var(--input-bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61f}.form-textarea{resize:vertical;min-height:140px}.form-hint{font-size:.8125rem;color:var(--slate-light);margin-top:-8px}.form-hint a{color:var(--blue);text-decoration:none}.form-hint a:hover{text-decoration:underline}.form-file{width:100%;padding:10px 14px;font-family:var(--font);font-size:.875rem;color:var(--slate);background:var(--input-bg);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s,background .2s}.form-file:hover{border-color:#3b82f666;background:var(--surface)}.form-file:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61f}.form-file::file-selector-button{margin-right:12px;padding:8px 14px;font-family:var(--font);font-size:.8125rem;font-weight:600;color:var(--navy);background:var(--file-btn-bg);border:1px solid var(--border-strong);border-radius:6px;cursor:pointer;transition:border-color .2s}.form-file::file-selector-button:hover{border-color:#3b82f64d}.form-error{font-size:.8125rem;color:#dc2626;margin-top:4px}.form-file.is-invalid{border-color:#dc262680}.feedback-form .btn{align-self:flex-start}.feedback-form .btn:disabled{cursor:not-allowed;opacity:.65;pointer-events:none}.form-hint--disabled-reason{margin-top:10px;color:var(--slate-light)}.turnstile-group{margin-top:.25rem}.turnstile-host{min-height:65px}.legal-content{max-width:720px}.legal-content section+section{margin-top:32px;padding-top:32px;border-top:1px solid var(--border)}.legal-content h2{font-size:1.125rem;font-weight:700;margin-bottom:12px;color:var(--navy)}.legal-content p{font-size:.9375rem;color:var(--slate);line-height:1.7;margin-bottom:12px}.legal-content p:last-child{margin-bottom:0}.legal-content ul{margin:0 0 12px 1.25rem;color:var(--slate);font-size:.9375rem;line-height:1.7}.legal-content li+li{margin-top:6px}.legal-content a{color:var(--blue);text-decoration:none}.legal-content a:hover{text-decoration:underline}.legal-inline-button,.footer-link-button{appearance:none;border:0;padding:0;margin:0;background:none;color:var(--blue);font:inherit;font-weight:500;text-decoration:underline;cursor:pointer}.legal-inline-button:hover,.footer-link-button:hover{color:var(--text)}.footer-link-button{text-decoration:none;font-size:.875rem}.footer-link-button:hover{text-decoration:underline}.cookie-table-wrap{overflow-x:auto;margin-top:8px}.cookie-table{width:100%;border-collapse:collapse;font-size:.875rem}.cookie-table th,.cookie-table td{padding:12px 14px;border:1px solid var(--border);text-align:left;vertical-align:top}.cookie-table th{background:var(--surface);color:var(--text);font-weight:600}.cookie-table code{font-size:.8125rem}.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:200;padding:16px;pointer-events:none}.cookie-banner__inner{pointer-events:auto;max-width:960px;margin:0 auto;padding:20px 24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:0 12px 40px #0f172a29}.cookie-banner__title{font-size:1rem;font-weight:700;margin-bottom:8px}.cookie-banner__text{color:var(--slate);font-size:.875rem;line-height:1.6;margin-bottom:16px}.cookie-banner__text:last-of-type{margin-bottom:0}.cookie-banner__legal{color:var(--slate);font-size:.8125rem;margin:16px 0}.cookie-banner__actions{display:flex;flex-wrap:wrap;gap:10px}.cookie-preferences__list{list-style:none;margin:0 0 8px;padding:0}.cookie-preference{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--border)}.cookie-preference:first-child{border-top:0;padding-top:0}.cookie-preference__name{font-size:.9375rem;font-weight:600;margin-bottom:4px}.cookie-preference__desc{color:var(--slate);font-size:.8125rem;line-height:1.5;margin:0}.cookie-preference__always{flex-shrink:0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--slate-light)}.cookie-preference__toggle{flex-shrink:0;margin-top:2px}.cookie-preference__text{min-width:0}@media(max-width:640px){.cookie-banner{padding:12px}.cookie-banner__inner{padding:16px}.cookie-preference{flex-direction:column;gap:10px}.cookie-preference__toggle{align-self:flex-start}}.reveal{opacity:0;transform:translateY(24px);animation:revealUp .75s cubic-bezier(.22,1,.36,1) forwards}.reveal--1{animation-delay:.08s}.reveal--2{animation-delay:.16s}.reveal--3{animation-delay:.24s}.reveal--4{animation-delay:.32s}.reveal--5{animation-delay:.4s}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}.reveal-on-scroll,.animate-on-scroll{opacity:0;transform:translateY(28px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}.reveal-on-scroll.is-visible,.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.feature-card.animate-on-scroll:nth-child(1){transition-delay:.04s}.feature-card.animate-on-scroll:nth-child(2){transition-delay:.08s}.feature-card.animate-on-scroll:nth-child(3){transition-delay:.12s}.feature-card.animate-on-scroll:nth-child(4){transition-delay:.16s}.feature-card.animate-on-scroll:nth-child(5){transition-delay:.2s}.feature-card.animate-on-scroll:nth-child(6){transition-delay:.24s}.use-case.animate-on-scroll:nth-child(1){transition-delay:.04s}.use-case.animate-on-scroll:nth-child(2){transition-delay:.08s}.use-case.animate-on-scroll:nth-child(3){transition-delay:.12s}.use-case.animate-on-scroll:nth-child(4){transition-delay:.16s}.use-case.animate-on-scroll:nth-child(5){transition-delay:.2s}.step.animate-on-scroll:nth-child(1){transition-delay:.05s}.step.animate-on-scroll:nth-child(2){transition-delay:.15s}.step.animate-on-scroll:nth-child(3){transition-delay:.25s}.cta-card.is-visible{animation:ctaPulse 5s ease-in-out infinite alternate}@keyframes ctaPulse{0%{box-shadow:var(--shadow-lg)}to{box-shadow:0 18px 56px #3b82f638}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.hero-bg,.board-mockup,.board-mockup--overlay,.board-app-figure,.board-app-draw,.board-app-draw__line,.board-app-draw__circle path,.board-cursor,.beta-mark,.btn-primary,.sticky,.board-scribble path,.cta-card.is-visible{animation:none!important}.hero-illustration-tagline__caret{animation:none!important;opacity:0!important}.board-app-draw__line{clip-path:inset(0 0 0 0);animation:none!important}.board-app-draw__circle path{stroke-dashoffset:0;animation:none!important}.reveal,.reveal-on-scroll,.animate-on-scroll{opacity:1;transform:none;transition:none}}.nav.open .nav-links{display:flex}@media(max-width:960px){.hero-grid{grid-template-columns:1fr;gap:48px;text-align:center}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.product-hunt-badge,.hero-content .badge,.hero-tagline{margin-left:auto;margin-right:auto}.hero-visual{display:flex;justify-content:center}.hero-illustration-wrap{max-width:320px}.board-mockup--overlay{right:-4%;bottom:-2%;width:66%}.value-pillars-grid,.features-grid{grid-template-columns:repeat(2,1fr)}.ai-features-grid{grid-template-columns:1fr}.use-cases-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr 1fr}.footer-end{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-end .theme-toggle{align-self:auto}.footer-links{justify-content:flex-start}}@media(max-width:720px){.container{padding:0 16px}.nav-menu{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;margin-left:0;background:var(--surface);padding:16px;border-bottom:1px solid var(--border);box-shadow:var(--shadow-md)}.nav.open .nav-menu{display:flex}.nav-links{display:flex;flex-direction:column;gap:0;width:100%}.nav-links li{width:100%}.nav-links a{display:block;padding:14px 12px;font-size:1rem;border-radius:var(--radius-sm)}.nav-links a:hover,.nav-links a.is-active{background:var(--input-bg)}.nav-cta{width:100%;margin-top:12px;padding:14px 20px;justify-content:center}.nav-toggle{display:flex;position:relative;z-index:101}.nav.open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav.open .nav-toggle span:nth-child(2){opacity:0}.nav.open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.header .nav{position:relative}.coboardy-logo--sm{font-size:1.15rem}.beta-mark{font-size:.5625rem;padding:2px 6px}.hero-content h1{font-size:clamp(1.875rem,8vw,2.5rem)}.hero-subtitle{font-size:1rem}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn,.hero-visual{width:100%}.board-mockup{max-width:100%}.board-canvas--compact{min-height:136px}.board-app-figures{inset:32px 6px 26px 24px}.board-app-figure--cyan{width:32px;height:32px;top:14px;left:4px}.board-app-figure--pink{width:28px;height:28px;top:28px;left:24px}.board-app-draw{width:118px}.board-app-draw__line{font-size:1.125rem}.board-canvas--compact .board-cursor-1{top:50px;left:44%}.board-canvas--compact .board-cursor-2{top:40px;left:20%}.board-canvas--compact .board-cursor-3{top:68px;left:30%}.board-scribble{width:140px;left:20px;bottom:48px}.chat-bubble{right:20px;bottom:24px}.section-header{margin-bottom:40px}.section-header h2{font-size:clamp(1.5rem,6vw,2rem)}.features-grid,.ai-features-grid,.use-cases-grid,.value-pillars-grid{grid-template-columns:1fr}.telegram-bot-card{flex-wrap:wrap}.telegram-bot-card__action{width:100%;justify-content:center}.value-pillars{padding-top:32px;padding-bottom:48px}.hero{padding:108px 0 64px}.section{padding:64px 0}.cta{padding-bottom:80px}.cta-card{padding:40px 20px}.step{gap:16px;padding:24px 0}.step:not(:last-child):after{left:19px;top:60px}.step-number{width:40px;height:40px;font-size:1rem}.form-row{grid-template-columns:1fr}.page-card{padding:28px 20px}.feedback-form .btn{width:100%}.footer-inner{grid-template-columns:1fr;gap:28px}.footer-end{flex-direction:column;align-items:flex-start;gap:20px}.footer-end .theme-toggle{align-self:stretch}.footer-links{justify-content:flex-start;flex-wrap:wrap;gap:16px 24px}.theme-toggle{width:100%;justify-content:space-between}}