*, *::before, *::after {margin:0; padding:0; box-sizing:border-box;}
:root {--deep-space:#1E1E24; --surface-1:#26262D; --surface-2:#2E2E36; --surface-3:#36363F; --accent:#39FF14; --accent-light:#268215; --accent-glow:rgba(255, 107, 107, 0.35); --accent-soft:rgba(255, 107, 107, 0.08); --accent-border:rgba(255, 107, 107, 0.25); --text-primary:#EEEEF0; --text-secondary:#8A8B9E; --text-muted:#55566A; --border-subtle:rgba(255, 255, 255, 0.06); --green:#22C55E; --amber:#F59E0B; --rose:#F43F5E; --radius:16px; --radius-sm:10px; --radius-xs:6px; --radius-pill:100px;}
html {scroll-behavior:smooth;}
body {font-family:'Plus Jakarta Sans', -apple-system, sans-serif; background-color:var(--deep-space); color:var(--text-primary); line-height:1.6; overflow-x:hidden; -webkit-font-smoothing:antialiased;}
body::after {content:''; position:fixed; inset:0; background-image:url("data:image/svg+xml, %3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E"); pointer-events:none; z-index:9999; opacity:0.5;}
.mt4 {background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 49.14'%3E%3Cdefs%3E%3Cstyle%3E.cls-4%7Bfill:%23678925%7D.cls-5%7Bfill:%232f6fa8%7D.cls-6%7Bfill:%23c1a840%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eicon_mt4_fbs%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg id='icon_mt4_fbs'%3E%3Ccircle cx='24.99' cy='28.16' r='12.15' style='fill:%23e58613'/%3E%3Ccircle cx='24.99' cy='28.16' r='9.68' style='fill:%23fff'/%3E%3Cpath d='M28.68 31.44h-1.44v2.48h-2.46v-2.48h-5v-1.76L24.92 22h2.32v7.53h1.44Zm-3.9-2v-4.49h-.07l-.33.73c-.12.25-.27.51-.42.77l-2 3Z'/%3E%3Cpath d='M8.32 27.55a17 17 0 0 1 3.14-.84 13.7 13.7 0 0 1 .62-2.8c-1.37.65-3.82 2.75-3.76 3.64M33 42.51a18 18 0 0 1-2.05-2 13.7 13.7 0 0 1-2.42.91c1.47.75 3.87 1.51 4.47 1.09M33.65 14a17.4 17.4 0 0 1-.84 3.11 13 13 0 0 1 2.11 1.82c.08-1.58-.5-4.57-1.27-4.93' style='fill:none'/%3E%3Cellipse class='cls-4' cx='25.03' cy='6.06' rx='4.89' ry='6.06'/%3E%3Cpath class='cls-4' d='M32.81 17.09a17.4 17.4 0 0 0 .84-3.09c.77.38 1.35 3.37 1.27 4.93a13.6 13.6 0 0 1 3.69 8.67c1.6-2.45 6.29-19.4-7.86-23.6.76 8.32-4.91 9.26-5.57 9.28s-6.81-.77-6-9.13C9.88 6.18 9.1 14.74 9.37 17.88a15.6 15.6 0 0 1 6.58-2 4.4 4.4 0 0 1 .93-1.88c0 .74.05 1.16.06 1.77.45-.06 1.65-.18 3.21-.24a13.61 13.61 0 0 1 12.66 1.58Z'/%3E%3Cellipse class='cls-5' cx='44.21' cy='39.01' rx='4.89' ry='6.06' transform='rotate(-59.99 44.209 39.007)'/%3E%3Cpath class='cls-5' d='M37.85 35.5c.34-.6 4.07-5.51 10.89-.6 2.94-9.08-4.08-14-6.94-15.37a15.4 15.4 0 0 1-1.52 6.72A4.5 4.5 0 0 1 41.43 28l-1.57-.83c-.17.41-.64 1.46-1.34 2.8A13.64 13.64 0 0 1 31 40.49a18 18 0 0 0 2.05 2c-.64.42-3-.34-4.47-1.11a13.7 13.7 0 0 1-9.45-.86C21.51 44 33 54.55 43.1 45c-7.59-3.53-5.57-8.92-5.25-9.5'/%3E%3Cpath class='cls-6' d='M11 35.94c-1.36-2.34-4.8-2.87-7.7-1.2S-.81 39.67.55 42s4.8 2.88 7.69 1.2 4.14-4.92 2.76-7.26'/%3E%3Cpath class='cls-6' d='M11.37 28.25c0-.52 0-1 .09-1.54a17 17 0 0 0-3.14.84c-.06-.89 2.39-3 3.76-3.64a13.6 13.6 0 0 1 3.79-5.77 11.2 11.2 0 0 1 2-1.67C16 16-2.44 20.19 1.18 35c6.81-4.83 10.47-.4 10.81.17S14.75 41.48 7.1 45c6.39 7 14.19 3.41 16.78 1.6a15.4 15.4 0 0 1-5.07-4.67 4.7 4.7 0 0 1-2.08.13l1.5-1c-.22-.29-.72-1-1.33-1.91a13.6 13.6 0 0 1-5.53-10.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")!important; background-repeat:no-repeat no-repeat; background-position:center center; background-size:cover; width:20px; height:20px}
.mt5 {background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 49.14'%3E%3Cdefs%3E%3Cstyle%3E.cls-4%7Bfill:%23678925%7D.cls-5%7Bfill:%232f6fa8%7D.cls-6%7Bfill:%23c1a840%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eicon_mt5_fbs%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg id='icon_mt5_fbs'%3E%3Ccircle cx='24.99' cy='28.16' r='12.15' style='fill:%23e58613'/%3E%3Ccircle cx='24.99' cy='28.16' r='9.68' style='fill:%23fff'/%3E%3Cpath d='M25.41 26.39a4.2 4.2 0 0 1 1.43.24 3.5 3.5 0 0 1 1.16.69 3.4 3.4 0 0 1 .77 1.15A4.2 4.2 0 0 1 29 30a4.7 4.7 0 0 1-.3 1.74 3.36 3.36 0 0 1-.89 1.31 4 4 0 0 1-1.46.83 6.5 6.5 0 0 1-2 .28 9 9 0 0 1-.89 0 6 6 0 0 1-.85-.12 5 5 0 0 1-.77-.2 4 4 0 0 1-.66-.28v-2.19a6 6 0 0 0 .67.31 6 6 0 0 0 .78.24 8 8 0 0 0 .81.17 5.5 5.5 0 0 0 .78.06 2.6 2.6 0 0 0 1.67-.46 1.7 1.7 0 0 0 .58-1.44 1.66 1.66 0 0 0-.56-1.35 2.72 2.72 0 0 0-1.74-.46h-.45l-.48.07-.44.08-.37.1-1-.54.45-6.1h6.32v2.14h-4.1l-.2 2.35.61-.11a5.5 5.5 0 0 1 .9-.04'/%3E%3Cpath d='M8.32 27.55a17 17 0 0 1 3.14-.84 13.7 13.7 0 0 1 .62-2.8c-1.37.65-3.82 2.75-3.76 3.64M33 42.51a18 18 0 0 1-2.05-2 13.7 13.7 0 0 1-2.42.91c1.47.75 3.87 1.51 4.47 1.09M33.65 14a17.4 17.4 0 0 1-.84 3.11 13 13 0 0 1 2.11 1.82c.08-1.58-.5-4.57-1.27-4.93' style='fill:none'/%3E%3Cellipse class='cls-4' cx='25.03' cy='6.06' rx='4.89' ry='6.06'/%3E%3Cpath class='cls-4' d='M32.81 17.09a17.4 17.4 0 0 0 .84-3.09c.77.38 1.35 3.37 1.27 4.93a13.6 13.6 0 0 1 3.69 8.67c1.6-2.45 6.29-19.4-7.86-23.6.76 8.32-4.91 9.26-5.57 9.28s-6.81-.77-6-9.13C9.88 6.18 9.1 14.74 9.37 17.88a15.6 15.6 0 0 1 6.58-2 4.4 4.4 0 0 1 .93-1.88c0 .74.05 1.16.06 1.77.45-.06 1.65-.18 3.21-.24a13.61 13.61 0 0 1 12.66 1.58Z'/%3E%3Cellipse class='cls-5' cx='44.21' cy='39.01' rx='4.89' ry='6.06' transform='rotate(-59.99 44.209 39.007)'/%3E%3Cpath class='cls-5' d='M37.85 35.5c.34-.6 4.07-5.51 10.89-.6 2.94-9.08-4.08-14-6.94-15.37a15.4 15.4 0 0 1-1.52 6.72A4.5 4.5 0 0 1 41.43 28l-1.57-.83c-.17.41-.64 1.46-1.34 2.8A13.64 13.64 0 0 1 31 40.49a18 18 0 0 0 2.05 2c-.64.42-3-.34-4.47-1.11a13.7 13.7 0 0 1-9.45-.86C21.51 44 33 54.55 43.1 45c-7.59-3.53-5.57-8.92-5.25-9.5'/%3E%3Cpath class='cls-6' d='M11 35.94c-1.36-2.34-4.8-2.87-7.7-1.2S-.81 39.67.55 42s4.8 2.88 7.69 1.2 4.14-4.92 2.76-7.26'/%3E%3Cpath class='cls-6' d='M11.37 28.25c0-.52 0-1 .09-1.54a17 17 0 0 0-3.14.84c-.06-.89 2.39-3 3.76-3.64a13.6 13.6 0 0 1 3.79-5.77 11.2 11.2 0 0 1 2-1.67C16 16-2.44 20.19 1.18 35c6.81-4.83 10.47-.4 10.81.17S14.75 41.48 7.1 45c6.39 7 14.19 3.41 16.78 1.6a15.4 15.4 0 0 1-5.07-4.67 4.7 4.7 0 0 1-2.08.13l1.5-1c-.22-.29-.72-1-1.33-1.91a13.6 13.6 0 0 1-5.53-10.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")!important; background-repeat:no-repeat no-repeat; background-position:center center; background-size:cover; width:20px; height:20px}
a {text-decoration:none; color:inherit;}
.container {width:100%; max-width:1200px; margin:0 auto; padding:0 24px;}
.mono {font-family:'JetBrains Mono', monospace;}
.navbar {position:fixed; top:0; left:0; width:100%; z-index:1000; padding:10px 0; transition:all 0.4s ease; background:#000;}
.navbar.scrolled {background:rgba(30, 30, 36, 0.6); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); padding:14px 0; border-bottom:1px solid var(--border-subtle);}
.navbar .container {display:flex; align-items:center; justify-content:space-between;}
.nav-brand {font-size:20px; font-weight:800; letter-spacing:-0.04em; display:flex; align-items:center; gap:10px;}
.brand-icon {background:var(--accent-light); border-radius:50px; display:grid; place-items:center; font-size:14px; font-weight:800; color:#fff; box-shadow:0 0 24px var(--accent-glow); padding:1px;}
.brand-icon img {border-radius:50px; display:block}
.nav-links {display:flex; align-items:center; gap:32px; list-style:none; text-transform:uppercase;}
.nav-links li.mt {display:flex; align-items:center; gap:5px}
.nav-links a {font-size:13.5px; font-weight:500; transition:color 0.3s; letter-spacing:-0.01em; color:var(--text-secondary);}
.nav-links a:hover {color:var(--text-primary);}
.nav-links .t-icon {width:18px; height:18px; display:inline-flex}
.nav-mobile-actions {display:none;}
.nav-actions {display:flex; align-items:center; gap:10px;}
.btn {display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 22px; border-radius:var(--radius-pill); font-family:inherit; font-size:13.5px; font-weight:600; cursor:pointer; border:none; transition:all 0.3s ease; letter-spacing:-0.01em;}
.btn-ghost {background:transparent; color:var(--text-secondary);}
.btn-ghost:hover {color:var(--text-primary);}
.btn-primary {background:var(--accent); color:#000; box-shadow:0 0 24px var(--accent-glow), 0 1px 0 rgba(255,255,255,0.1) inset;}
.btn-primary:hover {background:#39FF14; box-shadow:0 0 36px var(--accent-glow), 0 1px 0 rgba(255,255,255,0.15) inset; transform:translateY(-1px); color:var(--text-muted);}
.btn-secondary {background:rgba(255,255,255,0.05); color:var(--text-primary); border:1px solid var(--border-subtle);}
.btn-secondary:hover {background:rgba(255,255,255,0.08); border-color:rgba(255, 255, 255, 0.1);}
.btn-lg {padding:14px 32px; font-size:14.5px;}
.btn-primary .btn-arrow {transition:transform 0.3s;}
.btn-primary:hover .btn-arrow {transform:translateX(3px);}
.nav-toggle {display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:4px; z-index:1001;}
.nav-toggle span {width:20px; height:2px; background:var(--text-primary); border-radius:2px; transition:all 0.3s;}
.nav-toggle.active span:nth-child(1) {transform:rotate(45deg) translate(5px, 5px);}
.nav-toggle.active span:nth-child(2) {opacity:0;}
.nav-toggle.active span:nth-child(3) {transform:rotate(-45deg) translate(5px, -5px);}
.hero {position:relative; padding:100px 24px 120px; overflow:hidden;}
.hero::before {content:''; position:absolute; top:10%; left:50%; transform:translateX(-50%); width:1000px; height:700px; background:radial-gradient(circle at center, rgba(255, 107, 107, 0.12) 0%, rgba(255, 107, 107, 0.04) 35%, transparent 55%); pointer-events:none;}
.hero::after {content:''; position:absolute; inset:0; background-image:url('images/robotfx.webp'); background-size:cover; background-repeat:no-repeat; mask-image:radial-gradient(ellipse at 50% 30%, black 30%, transparent 75%); -webkit-mask-image:radial-gradient(ellipse at 50% 30%, black 30%, transparent 75%); pointer-events:none; opacity:0.3; background-position:center}
.hero-inner {position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; max-width:1200px; margin:0 auto;}
.hero-content {max-width:560px;}
.hero-badge {display:inline-flex; align-items:center; gap:8px; padding:5px 16px 5px 7px; background:var(--accent-soft); border:1px solid rgba(255, 107, 107, 0.2); border-radius:var(--radius-pill); font-size:12.5px; font-weight:600; color:var(--amber); margin-bottom:28px;}
.badge-dot {width:7px; height:7px; background:var(--green); border-radius:50%; box-shadow:0 0 8px rgba(34, 197, 94, 0.6); animation:dotPulse 2s ease-in-out infinite;}

@keyframes dotPulse {
0%, 100% {opacity:1;}
50% {opacity:0.3;}
}

.hero h1 {font-size:clamp(40px, 5vw, 40px); font-weight:800; letter-spacing:-0.04em; line-height:1.05; margin-bottom:20px;}
.gradient-text {background:linear-gradient(135deg, #FFD4D4 0%, var(--accent) 60%, #FF9B9B 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;}
.hero h1 .gradient-text {font-size:0.8em}
.hero-desc {font-size:16.5px; color:var(--text-secondary); line-height:1.7; margin-bottom:36px; max-width:460px;}
.hero-cta {display:flex; align-items:center; gap:14px; margin-bottom:48px;}
.trusted-row {display:flex; flex-direction:column; gap:14px;}
.trusted-label {font-size:11.5px; font-weight:500; color:var(--text-primary); text-transform:uppercase; letter-spacing:0.1em;}
.trusted-logos {display:flex; align-items:center; width:100%; justify-content:center; gap:28px; flex-wrap:wrap;}
.trusted-logo {transition:opacity 0.3s; font-size:14px; font-weight:700; color:var(--text-primary); letter-spacing:-0.02em; display:flex; align-items:center; gap:6px;}
.trusted-logo a {color:var(--amber)}
.trusted-logo a:hover {color:var(--accent)}
.trusted-logo .t-icon {width:18px; height:18px; border-radius:4px;}
.hero-mockup {position:relative;}
.mockup-window {background:var(--surface-1); border:1px solid var(--border-subtle); border-radius:14px; overflow:hidden; box-shadow:0 40px 80px rgba(0,0,0,0.5), 0 0 0 1px rgba(255, 255, 255, 0.03) inset; transform:perspective(1200px) rotateY(-4deg) rotateX(2deg); transition:transform 0.5s ease;}
.mockup-window:hover {transform:perspective(1200px) rotateY(-1deg) rotateX(1deg);}
.mockup-toolbar {display:flex; align-items:center; gap:6px; padding:12px 16px; border-bottom:1px solid var(--border-subtle);}
.mockup-dot {width:10px; height:10px; border-radius:50%;}
.mockup-dot:nth-child(1) {background:var(--rose); opacity:0.7;}
.mockup-dot:nth-child(2) {background:var(--amber); opacity:0.7;}
.mockup-dot:nth-child(3) {background:var(--green); opacity:0.7;}
.mockup-body {padding:20px;}
.mockup-metric-row {display:grid; grid-template-columns:repeat(3, 1fr); gap:12px; margin-bottom:16px;}
.mockup-metric {background:var(--surface-2); border-radius:10px; padding:14px; border:1px solid var(--border-subtle);}
.mockup-metric .mm-label {font-size:10px; color:var(--text-primary); margin-bottom:6px; text-transform:uppercase; letter-spacing:0.06em;}
.mockup-metric .mm-value {font-size:24px; text-align:center; color:var(--accent); font-weight:800; letter-spacing:-0.04em;}
.mockup-metric .mm-change {font-size:10px; font-weight:600; color:var(--text-secondary); margin-top:4px;}
.mockup-chart {background:var(--surface-2); border-radius:10px; padding:16px; border:1px solid var(--border-subtle); height:120px; position:relative; overflow:hidden;}
.mockup-chart-label {font-size:10px; color:var(--text-secondary); text-transform:uppercase; letter-spacing:0.06em;}
.chart-line {position:absolute; bottom:16px; left:16px; right:16px; height:60px;}
.chart-line svg {width:100%; height:100%;}
.section {padding:60px 0; position:relative;}
.section-label {display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:600; color:var(--accent); text-transform:uppercase; letter-spacing:0.1em; margin-bottom:14px; font-family:'JetBrains Mono', monospace;}
.section-label::before {content:''; width:18px; height:2px; background:var(--accent); border-radius:2px;}
.section-title {font-size:clamp(30px, 4vw, 46px); font-weight:800; letter-spacing:-0.04em; line-height:1.1; margin-bottom:14px;}
.section-desc {font-size:14px; color:var(--text-secondary); max-width:480px; line-height:1.7;}
.section-header {text-align:center; margin-bottom:64px;}
.section-header .section-desc {margin:0 auto;}
.features-section {border-top:1px solid var(--border-subtle);}
.feature-tabs {display:flex; justify-content:center; gap:4px; margin-bottom:56px; background:var(--surface-1); border:1px solid var(--border-subtle); border-radius:var(--radius-pill); padding:4px; width:fit-content; margin-left:auto; margin-right:auto;}
.feature-tab {padding:10px 24px; border-radius:var(--radius-pill); font-family:inherit; font-size:13.5px; font-weight:600; color:var(--text-primary); background:transparent; border:none; cursor:pointer; transition:all 0.3s ease; white-space:nowrap; letter-spacing:-0.01em;}
.feature-tab:hover {color:var(--text-secondary);}
.feature-tab.active {background:var(--accent); color:#222; box-shadow:0 0 20px var(--accent-glow);}
.feature-panels {position:relative;}
.feature-panel {display:none; grid-template-columns:1fr 1.2fr; gap:64px; align-items:center; animation:panelIn 0.45s ease forwards;}
.feature-panel.active {display:grid; align-items:flex-start}
.dropdown {position:relative; display:inline-flex; align-items:center; gap:5px;}
.dropdown-content {display:none; position:absolute; top:20px; background:rgba(30, 30, 36, 0.6); min-width:200px; box-shadow:0 8px 16px rgba(0, 0, 0, 0.8); z-index:1; list-style:none; padding:10px 0;}
.dropdown:hover .dropdown-content {display:block;}
.dropdown-content li a {display:block; padding:10px 15px; color:var(--accent); text-decoration:none;}
.dropdown-content li a:hover {background-color:#1E1E24;}
.translatecontainer {position:fixed; bottom:10px; right:10px; z-index:999999; background:#fff; padding:15px; border-radius:12px; box-shadow:0 4px 15px rgba(0,0,0,0.15); border:1px solid #ddd; transition:all 0.3s ease; font-family:sans-serif; min-width:250px; display:flex; flex-direction:column; gap:10px;}
.tr-close-btn {position:absolute; top:5px; right:10px; cursor:pointer; font-size:20px; font-weight:bold; color:#999; z-index:10;}
.tr-close-btn:hover {color:#333;}
.translatecontainer.hidden-tr {width:40px; height:40px; min-width:40px; padding:0 !important; border-radius:50%; cursor:pointer; overflow:hidden; display:inline-flex; align-items:center !important; justify-content:center; background:unset; box-shadow:0 4px 15px rgba(0,0,0,0.15); border:unset;}
.translatecontainer.hidden-tr .tr-content-wrap {display:none;}
.tr-toggle-icon {display:none; font-size:20px; align-items:center; justify-content:center;}
.tr-toggle-icon svg {filter:drop-shadow(1px 1px 0 rgba(255, 255, 255, 1));}
.translatecontainer.hidden-tr .tr-toggle-icon {display:flex;}
#trflags {display:flex; flex-wrap:wrap; gap:5px; margin-bottom:10px; padding-top:10px;}
#trflags span svg {cursor:pointer; border-radius:3px; transition:transform 0.2s;}
#trflags span svg:hover {transform:scale(1.1);}
.tr-bottom-row {display:flex; align-items:center; gap:8px;}
#translator {flex:1; padding:5px; border-radius:4px; border:1px solid #ccc; font-size:13px; height:38px;}
.tr-action-link {width:32px; height:32px; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; background:#fff; transition:border-color 0.2s; flex-shrink:0; margin:5px;}
.tr-action-link:hover {border-color:#007bff;}
#google_translate_element2, .skiptranslate {display:none !important;}
#google_translate label {color:#666;}

@keyframes panelIn {
from {opacity:0; transform:translateY(16px);}
to {opacity:1; transform:translateY(0);}
}

.page-header label {color:var(--text-secondary);}
#site-search {width:450px; max-width:900%; padding:10px; border-radius:8px; background:var(--accent-soft); border:1px solid rgba(255, 107, 107, 0.2); color:var(--amber); margin:0 auto;}
.feature-text {max-width:440px;}
.feature-text .feat-icon {width:48px; height:48px; background:var(--accent-soft); border:1px solid rgba(255, 107, 107, 0.10); border-radius:12px; display:grid; place-items:center; margin-bottom:24px; color:var(--accent);}
.feature-text h3 {font-size:28px; font-weight:800; letter-spacing:-0.04em; margin-bottom:14px; line-height:1.15;}
.feature-text p {font-size:15px; color:var(--text-secondary); line-height:1.75; margin-bottom:28px;}
.feature-bullets {list-style:none; display:flex; flex-direction:column; gap:12px;}
.feature-bullets li {display:flex; align-items:center; gap:10px; font-size:13.5px; color:var(--text-primary);}
.feature-bullets li svg {color:var(--accent); flex-shrink:0;}
.feature-bullets li::before {content:""; width:24px; height:24px; margin-right:5px; display:inline-block; vertical-align:middle; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' %3E%3Cpath fill='%2339FF14' d='M4.22173 18.3642L5.63574 19.7784L15.2427 10.1716L19.071 14L19.071 4.92892L9.99999 4.92893L13.8284 8.75738L4.22173 18.3642Z'%3E%3C/path%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center}
.feature-visual {background:var(--surface-1); border:1px solid var(--border-subtle); border-radius:16px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,0.3); position:relative;}
.feature-text .btn-primary {margin:20px auto; display:block; text-align:center}
.feature-visual .btn-secondary {display:block; width:fit-content; margin:0 auto 20px auto; border-radius:10px}
.fv-toolbar {display:flex; align-items:center; gap:6px; padding:11px 16px; border-bottom:1px solid var(--border-subtle); background:rgba(255,255,255,0.02);}
.fv-dot {width:8px; height:8px; border-radius:50%;}
.fv-dot:nth-child(1) {background:var(--rose); opacity:0.6;}
.fv-dot:nth-child(2) {background:var(--amber); opacity:0.6;}
.fv-dot:nth-child(3) {background:var(--green); opacity:0.6;}
.fv-body {padding:24px;}
.dash-metrics {display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; margin-bottom:16px;}
.dash-metric {background:var(--surface-2); border:1px solid var(--border-subtle); border-radius:var(--radius-sm); padding:14px;}
.dash-metric .dm-label {font-size:9.5px; color:var(--text-secondary); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:6px; font-family:'JetBrains Mono', monospace;}
.dash-metric .dm-val {font-size:22px; font-weight:800; letter-spacing:-0.04em; margin-bottom:4px;}
.dash-metric .dm-change {font-size:10px; font-weight:600;}
img.arth {margin-right:10px; float:left; border-radius:10px}
.up {color:var(--green)!important;}
.down {color:var(--rose)!important;}
.dash-chart-area {display:flow-root; background:var(--surface-2); border:1px solid var(--border-subtle); border-radius:var(--radius-sm); padding:16px; font-size:14px; position:relative;}
.dash-chart-area .dca-title {color:var(--amber); text-transform:uppercase; letter-spacing:0.08em; font-family:'JetBrains Mono', monospace; margin-bottom:8px; text-align:center;}
.dash-tips {font-size:0.8em; font-style:italic; color:var(--text-primary)}
.dash-chart-area svg {width:100%; height:80px;}
.funnel-stages {display:flex; flex-direction:column; gap:6px;}
.funnel-stage {display:flex; align-items:center; gap:14px; padding:10px 14px; background:var(--surface-2); border:1px solid var(--border-subtle); border-radius:var(--radius-xs);}
.funnel-bar-wrap {flex:1;}
.funnel-bar-label {display:flex; justify-content:space-between; font-size:11px; margin-bottom:5px;}
.funnel-bar-label span:first-child {color:var(--text-secondary);}
.funnel-bar-label span:last-child {font-family:'JetBrains Mono', monospace; color:var(--text-muted); font-size:10.5px;}
.funnel-track {height:6px; background:rgba(255,255,255,0.06); border-radius:6px; overflow:hidden;}
.funnel-fill {height:100%; border-radius:6px; background:var(--accent); transition:width 0.8s cubic-bezier(0.4, 0, 0.2, 1);}
.funnel-fill.green {background:var(--green);}
.funnel-fill.amber {background:var(--amber);}
.funnel-drop {font-size:10px; font-weight:600; color:var(--rose); font-family:'JetBrains Mono', monospace; width:44px; text-align:right; flex-shrink:0;}
.code-block {background:var(--deep-space); border:1px solid var(--border-subtle); border-radius:var(--radius-sm); padding:20px; font-family:'JetBrains Mono', monospace; font-size:12px; line-height:1.8; color:var(--text-secondary); overflow-x:auto;}
.code-block .c-key {color:var(--accent-light);}
.code-block .c-str {color:var(--green);}
.code-block .c-fn {color:var(--amber);}
.code-block .c-comment {color:var(--text-muted);}
.code-block .c-num {color:var(--rose);}
.code-output {margin-top:12px; background:var(--surface-2); border:1px solid var(--border-subtle); border-radius:var(--radius-sm); padding:14px 16px;}
.code-output .co-label {font-size:9.5px; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.08em; font-family:'JetBrains Mono', monospace; margin-bottom:8px;}
.code-output .co-result {display:flex; align-items:center; gap:8px; font-size:12px; color:var(--green); font-family:'JetBrains Mono', monospace;}
.co-result .pulse-ring {width:8px; height:8px; background:var(--green); border-radius:50%; box-shadow:0 0 8px rgba(34,197,94,0.5);}
.replay-ui {background:var(--surface-2); border:1px solid var(--border-subtle); border-radius:var(--radius-sm); overflow:hidden;}
.replay-header {padding:10px 14px; border-bottom:1px solid var(--border-subtle); display:flex; align-items:center; justify-content:space-between;}
.replay-header .rh-left {display:flex; align-items:center; gap:8px; font-size:11px; color:var(--text-secondary);}
.live-dot {display:inline-block; width:8px; height:8px; margin-right:5px; background:var(--rose); border-radius:50%; box-shadow:0 0 6px rgba(244,63,94,0.5); animation:dotPulse 1.5s ease-in-out infinite;}
.live-dotg {display:inline-block; width:8px; height:8px; margin-right:5px; background:var(--green); border-radius:50%; box-shadow:0 0 6px rgba(244,63,94,0.5); animation:dotPulse 2.5s ease-in-out infinite;}
.replay-header .rh-time {font-size:10px; color:var(--text-muted); font-family:'JetBrains Mono', monospace;}
.replay-viewport {padding:20px; min-height:160px; position:relative;}
.replay-page {background:#28282f; border-radius:6px; padding:14px; border:1px solid var(--border-subtle);}
.rp-nav {height:6px; background:rgba(255,255,255,0.06); border-radius:3px; margin-bottom:12px; width:60%;}
.rp-hero-block {height:10px; background:rgba(255,255,255,0.08); border-radius:3px; margin-bottom:6px; width:80%;}
.rp-hero-block:nth-child(3) {width:50%; margin-bottom:12px;}
.rp-btn-block {display:inline-block; height:8px; width:48px; background:var(--accent); opacity:0.6; border-radius:4px; margin-bottom:16px;}
.rp-grid {display:grid; grid-template-columns:repeat(3, 1fr); gap:6px;}
.rp-card {height:28px; background:rgba(255,255,255,0.04); border-radius:4px; border:1px solid var(--border-subtle);}
.replay-cursor {position:absolute; width:12px; height:12px; border-left:2px solid var(--accent); border-top:2px solid var(--accent); transform:rotate(-45deg); filter:drop-shadow(0 0 6px rgba(255,107,107,0.4)); animation:cursorMove 4s ease-in-out infinite;}

@keyframes cursorMove {
0% {top:60px; left:40px;}
25% {top:80px; left:140px;}
50% {top:110px; left:100px;}
75% {top:70px; left:180px;}
100% {top:60px; left:40px;}
}

.replay-timeline {padding:10px 14px; border-top:1px solid var(--border-subtle); display:flex; align-items:center; gap:10px;}
.replay-timeline .rt-play {width:20px; height:20px; border-radius:50%; background:var(--accent); display:grid; place-items:center; flex-shrink:0;}
.rt-track {flex:1; height:3px; background:rgba(255,255,255,0.08); border-radius:3px; overflow:hidden;}
.rt-progress {height:100%; width:45%; background:var(--accent); border-radius:3px;}
.replay-events {margin-top:12px; display:flex; gap:8px;}
.replay-event-tag {padding:4px 10px; background:var(--surface-2); border:1px solid var(--border-subtle); border-radius:var(--radius-xs); font-size:10px; color:var(--text-muted); font-family:'JetBrains Mono', monospace; display:flex; align-items:center; gap:5px;}
.replay-event-tag .re-dot {width:5px; height:5px; border-radius:50%;}
.privacy-grid {display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.privacy-card {background:var(--surface-2); border:1px solid var(--border-subtle); border-radius:var(--radius-sm); padding:18px;}
.privacy-card .pc-icon {width:32px; height:32px; border-radius:8px; background:rgba(34,197,94,0.1); border:1px solid rgba(34, 197, 94, 0.15); display:grid; place-items:center; margin-bottom:12px; color:var(--green);}
.privacy-card h4 {font-size:13px; font-weight:700; margin-bottom:4px; letter-spacing:-0.02em;}
.privacy-card p {font-size:11.5px; color:var(--text-muted); line-height:1.55;}
.stats-strip {padding:80px 0; border-top:1px solid var(--border-subtle); border-bottom:1px solid var(--border-subtle);}
.stats-grid {display:flex; justify-content:space-between;}
.stat-item {text-align:left; flex:1;}
.stat-item + .stat-item {border-left:1px solid var(--border-subtle); padding-left:40px;}
.stat-number {font-size:48px; font-weight:800; letter-spacing:-0.04em; line-height:1; margin-bottom:6px;}
.stat-label {font-size:13px; color:var(--text-muted); font-weight:500;}
.pricing-section {background:linear-gradient(180deg, var(--deep-space) 0%, rgba(255, 107, 107, 0.02) 50%, var(--deep-space) 100%);}
.pricing-toggle-wrap {display:flex; align-items:center; justify-content:center; gap:14px; margin-bottom:56px;}
.pricing-toggle-label {font-size:14px; font-weight:500; color:var(--text-muted); transition:color 0.3s;}
.pricing-toggle-label.active {color:var(--text-primary);}
.pricing-toggle {position:relative; width:48px; height:26px; background:rgba(255,255,255,0.08); border-radius:100px; cursor:pointer; border:1px solid var(--border-subtle);}
.pricing-toggle::after {content:''; position:absolute; top:3px; left:3px; width:18px; height:18px; background:var(--accent); border-radius:50%; transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow:0 0 12px var(--accent-glow);}
.pricing-toggle.annual::after {transform:translateX(22px);}
.pricing-save {font-size:11px; font-weight:700; color:var(--green); background:rgba(34, 197, 94, 0.1); padding:3px 10px; border-radius:var(--radius-pill); border:1px solid rgba(34, 197, 94, 0.2);}
.pricing-grid {display:grid; grid-auto-flow:column; grid-template-columns:repeat(2, 1fr); gap:20px; align-items:center; overflow:hidden; width:100%; transition:opacity 0.5s ease-in-out;}
.pricing-card {background:var(--surface-1); height:450px; min-height:fit-content; overflow:hidden; border:1px solid var(--border-subtle); border-radius:20px; padding:40px 32px; position:relative; transition:all 0.4s;}
.pricing-card:hover {border-color:rgba(255,255,255,0.08);}
.pricing-card.featured {transform:scale(1.05); border-color:var(--accent-border); z-index:2; box-shadow:0 0 80px rgba(255, 107, 107, 0.06), 0 24px 48px rgba(0, 0, 0, 0.4);}
.pricing-card.featured::before {content:''; position:absolute; top:0; left:20%; right:20%; height:1px; background:linear-gradient(90deg, transparent, var(--accent), transparent);}
.pricing-popular {position:absolute; top:-11px; left:50%; transform:translateX(-50%); background:var(--accent); color:#fff; font-size:11px; font-weight:700; padding:4px 14px; border-radius:var(--radius-pill); text-transform:uppercase; letter-spacing:0.06em; box-shadow:0 0 20px var(--accent-glow);}
.pricing-plan-name {font-size:15px; font-weight:600; color:var(--text-secondary); margin-bottom:20px; display:flex; gap:10px;}
.pricing-amount {display:flex; align-items:flex-start; gap:2px; margin-bottom:4px; min-height:56px;}
.pricing-currency {font-size:18px; font-weight:700; color:var(--text-muted); margin-top:8px;}
.pricing-value {font-size:36px; font-weight:800; letter-spacing:-0.04em; line-height:1; transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.pricing-value.free-label {font-size:36px; letter-spacing:-0.03em;}
.pricing-value.changing {opacity:0; transform:translateY(-6px);}
.pricing-period {font-size:16px; color:var(--amber); margin-bottom:28px;}
.period-yearly {color:var(--text-primary);}
.pricing-features {list-style:none; margin-bottom:32px;}
.pricing-features li {display:flex; align-items:center; gap:10px; font-size:13.5px; color:var(--text-secondary); padding:7px 0;}
.pricing-features li svg {flex-shrink:0; color:var(--accent);}
.pricing-card .btn {width:100%;}
.pricing-divider {height:1px; background:var(--border-subtle); margin:24px 0;}
.subscribe-section {padding:50px 0 60px; text-align:center; position:relative; overflow:hidden;}
.subscribe-section::before {content:''; position:absolute; top:30%; left:50%; transform:translateX(-50%); width:600px; height:400px; background:radial-gradient(ellipse at center, rgba(255, 107, 107, 0.06) 0%, transparent 60%); pointer-events:none;}
.subscribe-section::after {content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px); background-size:80px 80px; mask-image:radial-gradient(ellipse at 50% 50%, black 20%, transparent 70%); -webkit-mask-image:radial-gradient(ellipse at 50% 50%, black 20%, transparent 70%); pointer-events:none;}
.subscribe-inner {position:relative; z-index:1; max-width:520px; margin:0 auto;}
.subscribe-inner .section-title {font-size:clamp(24px, 3.5vw, 36px); margin-bottom:12px;}
.subscribe-inner .section-desc {max-width:380px; margin:0 auto 32px; font-size:15px;}
.subscribe-input-group form {display:flex; gap:0; background:var(--surface-1); border:1px solid var(--border-subtle); border-radius:var(--radius); padding:5px; transition:border-color 0.3s, box-shadow 0.3s;}
.subscribe-input-group:focus-within {border-color:var(--accent-border); box-shadow:0 0 0 3px var(--accent-soft);}
.subscribe-input-group form input {flex:1; background:transparent; border:none; padding:14px 18px; font-family:inherit; font-size:15px; color:var(--text-primary); outline:none; min-width:0;}
.subscribe-input-group form input::placeholder {color:var(--text-muted);}
.subscribe-input-group form .btn {border-radius:12px; padding:12px 28px;}
.subscribe-meta {margin-top:20px; display:flex; align-items:center; justify-content:center; gap:20px;}
.subscribe-meta span {font-size:12px; color:var(--text-muted); display:flex; align-items:center; gap:6px;}
.subscribe-meta svg {color:var(--accent); flex-shrink:0;}
.footer {border-top:1px solid var(--border-subtle); padding:0; color:var(--text-secondary);}
.footer-title {font-size:13px; font-weight:600;}
.footer-row-links {display:flex; align-items:center; justify-content:center; gap:32px; padding:28px 0; flex-wrap:wrap; border-bottom:1px solid var(--border-subtle);}
.footer-row-links a {font-size:13px; color:var(--text-secondary); transition:color 0.3s; letter-spacing:-0.01em;}
.footer-row-links a:hover {color:var(--text-primary);}
.footer-link-dot {width:3px; height:3px; border-radius:50%; background:rgba(255, 255, 255, 0.12); flex-shrink:0;}
.footer-row-bottom {display:flex; align-items:center; justify-content:space-between; padding:24px 0 28px;}
.footer-copy {font-size:12.5px; color:var(--text-muted);}
.footer-copy a {color:var(--accent); transition:color 0.3s;}
.footer-copy a:hover {color:var(--accent-light);}
.footer-right {display:flex; align-items:center; gap:24px; font-size:12px;}
.footer-legal {display:flex; align-items:center; gap:20px;}
.footer-legal a {font-size:12.5px; color:var(--text-muted); transition:color 0.3s;}
.footer-legal a:hover {color:var(--text-primary);}
.footer-right .separator {width:1px; height:16px; background:var(--border-subtle);}
.footer-socials {display:flex; gap:4px;}
.footer-socials a {width:34px; height:34px; display:grid; place-items:center; border-radius:8px; color:var(--text-muted); transition:all 0.3s;}
.footer-socials a:hover {color:var(--text-primary); background:rgba(255, 255, 255, 0.04);}
.footer-risk-warning {font-size:12px;}
.fade-up {opacity:0; transform:translateY(28px); transition:opacity 0.7s ease, transform 0.7s ease;}
.fade-up.visible {opacity:1; transform:translateY(0);}
#reviewsSlider .pricing-card:nth-child(n+3) {display:none;}
#contact-details .pricing-popular {padding-top:10px; padding-bottom:0; font-size:10px; color:var(--text-secondary)}
#contact-details.pricing-card {height:fit-content;}
#contact-details.pricing-card .btn {width:fit-content; margin:5px;}

@media (max-width: 1024px) {
.hero-inner {grid-template-columns:1fr; gap:48px;}
.hero-mockup {max-width:500px; margin:0 auto;}
.mockup-window, .mockup-window:hover {transform:none;}
.feature-panel, .feature-panel.active {grid-template-columns:1fr; gap:40px;}
.feature-text {max-width:none;}
.pricing-card.featured {transform:scale(1.02);}
.footer-row-bottom {flex-direction:column; gap:20px; text-align:center;}
.footer-right {justify-content:center;}
}

@media (max-width: 768px) {
.nav-links {position:fixed; top:0; right:-100%; width:280px; height:100dvh; background:rgba(30, 30, 36, 0.98); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); flex-direction:column; align-items:flex-start; padding:80px 28px 80px; gap:0; border-left:1px solid var(--border-subtle); transition:right 0.35s cubic-bezier(0.4, 0, 0.2, 1); overflow-y:auto; z-index:999;}
.nav-links.open {right:0;}
.nav-links li {width:100%;}
.nav-links a {display:block; padding:14px 0; font-size:16px; border-bottom:1px solid var(--border-subtle);}
.nav-toggle {display:flex;}
.nav-actions {display:none;}
.nav-mobile-actions {display:flex; flex-direction:column; gap:10px; padding-top:24px; margin-top:8px;}
.nav-mobile-actions .btn {width:100%; text-align:center; border-radius:var(--radius-pill); color:var(--text-primary);}
.nav-mobile-actions .btn-primary {color:#fff;}
.nav-mobile-actions a {border-bottom:none !important; padding:10px 22px !important; font-size:14px !important;}
.hero {padding:100px 24px 80px;}
.hero-cta {flex-direction:column; align-items:stretch;}
.feature-tabs {overflow-x:auto; justify-content:flex-start; width:100%; border-radius:var(--radius-sm); -webkit-overflow-scrolling:touch; scrollbar-width:none;}
.feature-tabs::-webkit-scrollbar {display:none;}
.feature-tab {padding:10px 18px; font-size:12.5px;}
.dash-metrics {grid-template-columns:1fr;}
.privacy-grid {grid-template-columns:1fr;}
.stats-grid {flex-wrap:wrap; gap:32px;}
.stat-item {flex:1 1 40%; min-width:140px;}
.stat-item + .stat-item {border-left:none; padding-left:0;}
.stat-number {font-size:36px;}
.pricing-grid {grid-template-columns:1fr; max-width:400px; margin:0 auto;}
.pricing-card.featured {transform:scale(1);}
.subscribe-input-group {flex-direction:column; border-radius:var(--radius-sm);}
.subscribe-input-group .btn {width:100%; border-radius:var(--radius-sm);}
.subscribe-meta {flex-direction:column; gap:8px;}
.footer-row-links {gap:20px;}
.section {padding:80px 0;}
.dropdown-content {display:block; position:relative; background:unset;}
a.dropbtn, .nav-links .t-icon {display:none!important;}
}

@media (max-width: 480px) {
.trusted-logos {gap:18px;}
.mockup-metric-row {grid-template-columns:1fr;}
.replay-events {flex-wrap:wrap;}
}

@media (prefers-reduced-motion: reduce) {
.fade-up {opacity:1; transform:none; transition:none;}
.badge-dot {animation:none;}
.pricing-value.changing {opacity:1; transform:none;}
.mockup-window {transform:none;}
.replay-cursor {animation:none; top:70px; left:100px;}
@keyframes panelIn {from {opacity:1; transform:none;}}
}

.page-header {padding:100px 24px 120px; text-align:center; position:relative; overflow:hidden;}
.page-header::before {content:''; position:absolute; top:20%; left:50%; transform:translateX(-50%); width:800px; height:500px; background:radial-gradient(circle at center, rgba(255, 107, 107, 0.10) 0%, rgba(255, 107, 107, 0.03) 35%, transparent 55%); pointer-events:none;}
.page-header::after {content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px); background-size:80px 80px; mask-image:radial-gradient(ellipse at 50% 40%, black 20%, transparent 65%); -webkit-mask-image:radial-gradient(ellipse at 50% 40%, black 20%, transparent 65%); pointer-events:none;}
.page-header > * {position:relative; z-index:1;}
.page-header .section-desc {margin:0 auto; max-width:100%;}
.breadcrumb {display:flex; align-items:center; justify-content:center; gap:8px; font-size:13px; color:var(--text-muted); margin-bottom:24px; font-family:'JetBrains Mono', monospace;}
.breadcrumb a {color:var(--text-muted); transition:color 0.3s;}
.breadcrumb a:hover {color:var(--text-primary);}
.breadcrumb .bc-sep {opacity:0.4;}
.templates-section {padding:0 0 120px;}
.templates-grid {display:grid; grid-template-columns:repeat(3, 1fr); gap:24px;}
.template-card {background:var(--surface-1); border:1px solid var(--border-subtle); border-radius:16px; overflow:hidden; transition:all 0.4s ease; position:relative;}
.template-card::before {content:''; position:absolute; inset:-1px; border-radius:16px; padding:1px; background:linear-gradient(135deg, rgba(255, 107, 107, 0.3), transparent 40%, transparent 60%, rgba(255, 107, 107, 0.15)); -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; opacity:0; transition:opacity 0.5s ease; pointer-events:none;}
.template-card:hover {transform:translateY(-4px); border-color:rgba(255, 255, 255, 0.08); box-shadow:0 20px 40px rgba(0, 0, 0, 0.3);}
.template-card:hover::before {opacity:1;}
.template-thumb {position:relative; aspect-ratio:16 / 10; overflow:hidden; background:var(--surface-2);}
.template-thumb img {width:100%; height:100%; object-fit:cover; object-position:top; transition:transform 0.5s ease;}
.template-card:hover .template-thumb img {transform:scale(1.04);}
.template-thumb-overlay {position:absolute; inset:0; background:rgba(10, 10, 16, 0.6); display:flex; align-items:center; justify-content:center; gap:12px; opacity:0; transition:opacity 0.3s ease;}
.template-card:hover .template-thumb-overlay {opacity:1;}
.template-thumb-overlay .btn {font-size:12.5px; padding:8px 18px;}
.template-info {padding:20px 22px 22px;}
.template-number {font-size:11px; font-family:'JetBrains Mono', monospace; color:var(--accent); font-weight:600; letter-spacing:0.06em; margin-bottom:6px;}
.template-name {font-size:17px; font-weight:700; letter-spacing:-0.03em; margin-bottom:8px;}
.template-desc {font-size:13px; color:var(--text-muted); line-height:1.6;}
.template-tags {display:flex; gap:6px; margin-top:14px; flex-wrap:wrap;}
.template-tag {font-size:10.5px; font-family:'JetBrains Mono', monospace; color:var(--text-muted); background:var(--surface-2); border:1px solid var(--border-subtle); padding:3px 10px; border-radius:100px; letter-spacing:0.02em;}
.browse-more {text-align:center; margin-top:56px;}

@media (max-width: 1024px) {
.templates-grid {grid-template-columns:repeat(2, 1fr);}
}

@media (max-width: 768px) {
.page-header {padding:130px 0 60px;}
.templates-grid {grid-template-columns:1fr; max-width:480px; margin:0 auto;}
}