:root{--color-bg:#f2f2f3;--color-surface:#e9e9ea;--color-text:#1d1f20;--color-accent:#5980a6;--color-accent-2:#728fab;--color-divider:#1d1f2029;--color-neutral-100:#f5f5f8;--color-neutral-200:#e7e7ea;--color-neutral-300:#d4d4d7;--color-neutral-400:#b7b7ba;--color-neutral-500:#98989b;--color-neutral-600:#7a7a7d;--color-neutral-700:#5d5d60;--color-neutral-800:#424244;--color-neutral-900:#2b2b2d;--color-accent-100:#eef6ff;--color-accent-200:#d6ebff;--color-accent-300:#b5d9fd;--color-accent-400:#94bce3;--color-accent-500:#749dc4;--color-accent-600:#597ea3;--color-accent-700:#416180;--color-accent-800:#2c455d;--color-accent-900:#1d2d3d;--color-accent-2-100:#eef6ff;--color-accent-2-200:#d6ebff;--color-accent-2-300:#bdd8f2;--color-accent-2-400:#9ebbd8;--color-accent-2-500:#7e9cb8;--color-accent-2-600:#627d98;--color-accent-2-700:#486077;--color-accent-2-800:#314457;--color-accent-2-900:#1f2d3a;--font-heading:"Barlow Condensed", system-ui, sans-serif;--font-heading-weight:600;--font-body:"Barlow", system-ui, sans-serif;--space-1:3.4px;--space-2:6.8px;--space-3:10.2px;--space-4:13.6px;--space-6:20.4px;--space-8:27.2px;--radius-sm:2px;--radius-md:4px;--radius-lg:7px;--shadow-sm:0 1px 2px #2b2b2d24;--shadow-md:0 3px 10px #2b2b2d29;--shadow-lg:0 12px 32px #2b2b2d38;--container:1180px;--ease:cubic-bezier(.25, .6, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:15px/1.6 var(--font-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.015em;margin:0 0 var(--space-2);line-height:1.12}h1{font-size:clamp(2.5rem,6vw,3rem);line-height:1.02}h2{font-size:clamp(1.75rem,4vw,2rem);font-weight:600;line-height:1.08}h3{font-size:22px;font-weight:500;line-height:1.15}h4{font-size:20px}p{margin:0}a{color:var(--color-accent);text-underline-offset:3px}ul{margin:0;padding:0;list-style:none}::selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0;overflow-x:hidden}img,svg{max-width:100%;display:block}.container{width:min(var(--container), 100% - 3rem);margin-inline:auto}.section{padding-block:clamp(3.5rem,9vw,6.5rem)}.section--tight{padding-block:clamp(2.5rem,6vw,4rem)}.section-head{max-width:720px;margin-bottom:var(--space-8);gap:var(--space-4);display:grid}.section-head p{color:color-mix(in srgb, var(--color-text) 70%, transparent);font-size:15px}.grid{gap:var(--space-6);grid-template-columns:repeat(12,1fr);display:grid}.grid>*{grid-column:span 4}.grid--4>*{grid-column:span 3}.tag{align-items:center;gap:var(--space-2);letter-spacing:.02em;border-radius:calc(var(--radius-md) * .75);width:fit-content;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.tag svg{width:12px;height:12px}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.tag-accent-2{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.tag-neutral{background:var(--color-neutral-100);color:var(--color-neutral-800)}.tag-outline{border:1px solid var(--color-accent);color:var(--color-accent-700)}.tag-critical{background:var(--color-accent-900);color:var(--color-neutral-100)}.tag-attention{background:var(--color-accent-200);color:var(--color-accent-900)}.kicker{align-items:center;gap:var(--space-2);font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-700);font-size:11px;font-weight:500;display:inline-flex}.card{gap:var(--space-2);padding:var(--space-4) var(--space-6);border:1px solid var(--color-divider);background:0 0;border-radius:0;align-content:start;display:grid;position:relative}.card:before{content:"";pointer-events:none;--corner:color-mix(in srgb, var(--color-text) 55%, transparent);background-image:linear-gradient(var(--corner), var(--corner)), linear-gradient(var(--corner), var(--corner)), linear-gradient(var(--corner), var(--corner)), linear-gradient(var(--corner), var(--corner)), linear-gradient(var(--corner), var(--corner)), linear-gradient(var(--corner), var(--corner)), linear-gradient(var(--corner), var(--corner)), linear-gradient(var(--corner), var(--corner));background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat;background-size:11px 1px,1px 11px,11px 1px,1px 11px,11px 1px,1px 11px,11px 1px,1px 11px;position:absolute;inset:-5px}.card-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);margin:0;font-size:22px;line-height:1.15}.card-body{color:color-mix(in srgb, var(--color-text) 75%, transparent);font-size:15px}.card-meta{align-items:center;gap:var(--space-2);color:color-mix(in srgb, var(--color-text) 50%, transparent);font-size:11px;display:flex}.card-icon{color:var(--color-accent-700);width:22px;display:inline-flex}.card-icon svg{width:22px;height:22px}.elev-sm{box-shadow:var(--shadow-sm)}.elev-md{box-shadow:var(--shadow-md)}.elev-lg{box-shadow:var(--shadow-lg)}.btn{cursor:pointer;font-family:var(--font-heading);letter-spacing:.02em;color:var(--color-text);border:1px solid var(--color-divider);padding:var(--space-2) calc(var(--space-3) * 1.2);white-space:nowrap;transition:background-color .15s var(--ease), border-color .15s var(--ease);background:0 0;border-radius:0;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}.btn:active{background:color-mix(in srgb, var(--color-text) 14%, transparent)}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-neutral-100)}.btn--primary:hover{background:var(--color-accent-600)}.btn--primary:active{background:var(--color-accent-700)}.btn--ghost{color:var(--color-accent-700);padding-inline:var(--space-1);border-color:#0000}.btn--ghost:hover{background:color-mix(in srgb, var(--color-accent) 10%, transparent)}.btn--ghost:active{background:color-mix(in srgb, var(--color-accent) 18%, transparent)}.btn--lg{padding:var(--space-4) var(--space-6);font-size:15px}.btn--block{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.btn .arrow{transition:transform .18s var(--ease);display:inline-block}.btn:hover .arrow{transform:translate(4px)}.field{gap:5px;display:grid}.field>label{color:color-mix(in srgb, var(--color-text) 70%, transparent);font-size:12px;font-weight:500;display:block}.input{width:100%;min-height:36px;font:inherit;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:0;padding:6px 10px;font-size:14px;line-height:1.35}.input:hover{border-color:color-mix(in srgb, var(--color-text) 45%, transparent)}.input:focus-visible{border-color:var(--color-accent);outline-offset:0}textarea.input{resize:vertical;min-height:96px}select.input{appearance:auto}.hp{opacity:0;width:0;height:0;position:absolute;overflow:hidden}.field__error{width:fit-content;color:var(--color-neutral-100);background:var(--color-accent-900);border-radius:calc(var(--radius-md) * .75);padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.consent{gap:var(--space-2);cursor:pointer;grid-template-columns:auto 1fr;align-items:start;font-size:14px;line-height:1.35;display:grid}.consent input{accent-color:var(--color-accent);margin-top:3px}.consent a{color:var(--color-accent-700)}.table{border-collapse:collapse;width:100%}.table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 60%, transparent);padding:var(--space-2);border-bottom:1px solid var(--color-divider);font-size:11px;font-weight:500}.table td{padding:var(--space-2);border-bottom:1px solid color-mix(in srgb, var(--color-text) 8%, transparent);vertical-align:top;font-size:14px;line-height:1.35}.table tbody tr:hover{background:color-mix(in srgb, var(--color-text) 4%, transparent)}.table td[data-muted]{color:color-mix(in srgb, var(--color-text) 60%, transparent)}.steel{background:var(--color-accent-900);color:var(--color-neutral-100)}.steel h1,.steel h2,.steel h3,.steel h4{color:var(--color-neutral-100)}.steel .kicker{color:var(--color-accent-300)}.steel p{color:color-mix(in srgb, var(--color-neutral-100) 82%, transparent)}.steel a{color:var(--color-accent-300)}.steel .card{border-color:color-mix(in srgb, var(--color-neutral-100) 14%, transparent)}.steel .btn:not(.btn--primary){border-color:color-mix(in srgb, var(--color-neutral-100) 30%, transparent);color:var(--color-neutral-100)}.steel .btn:not(.btn--primary):hover{background:color-mix(in srgb, var(--color-neutral-100) 8%, transparent)}.steel .btn--ghost{color:var(--color-accent-300);border-color:#0000}.steel .btn--ghost:hover{background:color-mix(in srgb, var(--color-accent) 20%, transparent)}.marker{place-items:center;gap:var(--space-4);padding:var(--space-8);border:1px solid var(--color-divider);color:var(--color-accent-700);text-align:center;border-radius:0;display:grid;position:relative}.marker:before{content:"";pointer-events:none;--corner:color-mix(in srgb, var(--color-text) 55%, transparent);background-image:linear-gradient(var(--corner), var(--corner)), linear-gradient(var(--corner), var(--corner)), linear-gradient(var(--corner), var(--corner)), linear-gradient(var(--corner), var(--corner)), linear-gradient(var(--corner), var(--corner)), linear-gradient(var(--corner), var(--corner)), linear-gradient(var(--corner), var(--corner)), linear-gradient(var(--corner), var(--corner));background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat;background-size:11px 1px,1px 11px,11px 1px,1px 11px,11px 1px,1px 11px,11px 1px,1px 11px;position:absolute;inset:-5px}.marker svg{width:44px;height:44px}.marker__caption{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 55%, transparent);font-size:11px;font-weight:500}.steel .marker{border-color:color-mix(in srgb, var(--color-neutral-100) 20%, transparent);color:var(--color-accent-300)}.steel .marker:before{--corner:color-mix(in srgb, var(--color-neutral-100) 45%, transparent)}.steel .marker__caption{color:color-mix(in srgb, var(--color-accent-300) 70%, transparent)}.nav{z-index:50;background:var(--color-bg);border-bottom:1px solid var(--color-divider);position:sticky;top:0}.nav__inner{align-items:center;gap:var(--space-6);padding-block:var(--space-3);display:flex}.nav a{color:inherit;font-size:14px;text-decoration:none}.nav a:hover{color:var(--color-accent-700)}.brand{align-items:center;gap:var(--space-3);color:var(--color-text);text-decoration:none;display:inline-flex}.brand:hover{color:var(--color-text)}.brand__mark{width:26px;color:var(--color-accent-700);display:inline-flex}.brand__mark svg{width:26px;height:26px}.brand__name{font-family:var(--font-body);letter-spacing:.12em;color:var(--color-text);font-size:19px;font-weight:700}.nav__links{align-items:center;gap:var(--space-6);margin-left:auto;display:flex}.nav__desktop-cta{gap:var(--space-3);align-items:center;display:flex}.nav__mobile-cta{display:none}.nav__toggle{border:1px solid var(--color-divider);padding:var(--space-2) var(--space-3);font:500 14px/1 var(--font-body);color:var(--color-text);cursor:pointer;background:0 0;border-radius:0;display:none}.hero{border-bottom:1px solid var(--color-divider);position:relative;overflow:hidden}.hero .container{padding-block:clamp(3rem,8vw,5.5rem)}.hero__inner{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.hero__copy{gap:var(--space-6);align-content:start;display:grid}.hero__copy .kicker{display:inline-flex}.hero__actions{gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.hero__note{font-size:14px;line-height:1.4}.hero__facts{gap:var(--space-8);padding-top:var(--space-6);border-top:1px solid color-mix(in srgb, var(--color-neutral-100) 14%, transparent);flex-wrap:wrap;display:flex}.hero__fact{align-content:start;gap:2px;display:grid}.hero__fact strong{font-family:var(--font-heading);color:var(--color-accent-300);font-size:26px;font-weight:600;line-height:1}.hero__fact span{color:color-mix(in srgb, var(--color-neutral-100) 65%, transparent);font-size:12px}.hl{color:var(--color-accent-300);font-weight:600}.hero__media{border-left:1px solid color-mix(in srgb, var(--color-neutral-100) 15%, transparent);width:45%;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.hero__media-video{object-fit:cover;filter:grayscale()contrast(1.05);width:100%;height:100%;position:absolute;inset:0}.hero__media:after{content:"";z-index:1;pointer-events:none;background:var(--color-accent);mix-blend-mode:color;opacity:.85;position:absolute;inset:0}.hero__media-fallback{align-content:center;place-items:center;gap:var(--space-4);color:var(--color-accent-300);display:grid;position:absolute;inset:0}.hero__media-fallback svg{width:44px;height:44px}.hero__media-fallback .marker__caption{color:color-mix(in srgb, var(--color-accent-300) 70%, transparent)}.hero__media-caption{left:var(--space-6);bottom:var(--space-4);z-index:2;color:color-mix(in srgb, var(--color-neutral-100) 55%, transparent);font-size:12px;position:absolute}.tag-strip{border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider);padding-block:var(--space-4)}.tag-strip__list{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.features__head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;display:grid}.agent-band{gap:var(--space-6);margin-top:var(--space-8)}.agent-band__head{gap:var(--space-2);align-content:start;display:grid}.agent-band__channels{gap:var(--space-2);flex-wrap:wrap;display:flex}.agent-band__close{align-items:center;gap:var(--space-2);color:var(--color-accent-800);font-size:14px;font-weight:500;display:flex}.actions{margin-top:var(--space-8);gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.actions__hint{color:color-mix(in srgb, var(--color-text) 60%, transparent);font-size:14px}.pain__num{font-family:var(--font-heading);color:var(--color-accent-700);font-size:28px;font-weight:600}.pain__quote{font-size:15px;font-weight:500;line-height:1.45}.pain__fix{color:var(--color-accent-800);font-size:14px}.steps__grid{gap:var(--space-6);grid-template-columns:repeat(12,1fr);display:grid}.steps__grid>*{grid-column:span 3}.step__num{font-family:var(--font-heading);color:color-mix(in srgb, var(--color-text) 30%, transparent);font-size:30px;font-weight:600}.step__list{gap:var(--space-3);display:grid}.step__list li{padding-left:var(--space-6);color:color-mix(in srgb, var(--color-text) 78%, transparent);font-size:14px;line-height:1.4;position:relative}.step__list li:before{content:"—";color:var(--color-accent-700);position:absolute;left:0}.stats{background:var(--color-surface)}.stats__grid{gap:var(--space-6);grid-template-columns:repeat(12,1fr);display:grid}.stats__grid>*{grid-column:span 3}.stat__num{font-family:var(--font-heading);color:var(--color-accent-900);font-size:40px;font-weight:600;line-height:1.02}.stat__label{color:color-mix(in srgb, var(--color-text) 65%, transparent);font-size:14px;font-weight:500}.integration-diagram{margin-bottom:var(--space-8);overflow-x:auto}.integration-diagram__svg{width:100%;min-width:720px;height:auto;display:block}.integration-diagram .d-box{stroke:var(--color-divider);stroke-width:1px;fill:#0000}.integration-diagram .d-line{stroke:var(--color-accent-600);stroke-width:1.5px;fill:none}.integration-diagram .d-plus{stroke:color-mix(in srgb, var(--color-text) 55%, transparent);stroke-width:1px;fill:none}.integration-diagram .d-title{fill:var(--color-text);font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:600}.integration-diagram .d-sub{fill:color-mix(in srgb, var(--color-text) 55%, transparent);font-family:var(--font-body);font-size:12px}.integration-diagram .d-core{stroke:var(--color-accent-700);stroke-width:1.5px;fill:#0000}.integration-diagram .d-lens{fill:none;stroke:var(--color-accent-700);stroke-width:2.5px}.integration-diagram .d-core-name{fill:var(--color-text);font-family:var(--font-body);letter-spacing:.12em;font-size:24px;font-weight:700}.integration-diagram .d-core-caption{fill:var(--color-accent-700);font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:500}.integrations__examples{margin-bottom:var(--space-8)}.integrations__note{gap:var(--space-4);align-items:baseline;max-width:720px;display:flex}.integrations__note p{color:color-mix(in srgb, var(--color-text) 75%, transparent);font-size:14px}@media (width<=640px){.integrations__note{gap:var(--space-3);flex-direction:column}}.audience__grid{gap:var(--space-6);grid-template-columns:repeat(12,1fr);display:grid}.audience__grid>*{grid-column:span 3}.persona__icon{color:var(--color-accent-700)}.faq__list{counter-reset:faq;gap:0;display:grid}.faq__list details{border-bottom:1px solid var(--color-divider);padding:var(--space-4) 0}.faq__list details:first-of-type{border-top:1px solid var(--color-divider)}.faq__list summary{counter-increment:faq;cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-4);color:var(--color-text);font-size:15px;font-weight:600;line-height:1.35;list-style:none;display:flex}.faq__list summary:before{content:counter(faq, decimal-leading-zero) ".";font-family:var(--font-heading);color:var(--color-accent-700);margin-right:var(--space-2);font-size:16px;font-weight:600}.faq__list summary::-webkit-details-marker{display:none}.faq__list summary:after{content:"+";font:600 16px/1 var(--font-body);color:var(--color-accent-700)}.faq__list details[open] summary:after{content:"–"}.faq__list summary:hover{color:var(--color-accent-700)}.faq__body{padding-top:var(--space-3);max-width:620px;color:color-mix(in srgb, var(--color-text) 75%, transparent);font-size:15px}.faq__footer{margin-top:var(--space-8);gap:var(--space-4);color:color-mix(in srgb, var(--color-text) 70%, transparent);display:grid}.demo__inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}.demo__copy{gap:var(--space-6);align-content:start;display:grid}.demo__lead{color:color-mix(in srgb, var(--color-text) 70%, transparent)}.demo__list{gap:var(--space-3);display:grid}.demo__list li{gap:var(--space-3);color:color-mix(in srgb, var(--color-text) 80%, transparent);align-items:baseline;font-size:14px;display:flex}.demo__list li:before{content:"—";color:var(--color-accent-700)}.form{gap:var(--space-4);align-content:start;display:grid}.form__success{gap:var(--space-4);justify-items:start;display:grid}.form__success svg{width:40px;height:40px;color:var(--color-accent-700)}.form__row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.form__fine{color:color-mix(in srgb, var(--color-text) 60%, transparent);font-size:12px}.form__status--error{padding:var(--space-3) var(--space-4);background:var(--color-accent-900);color:var(--color-neutral-100);font-size:14px}.form__status--error a{color:var(--color-accent-300);font-weight:600}.footer{padding-block:clamp(2.5rem,6vw,4.5rem)}.footer__inner{gap:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid color-mix(in srgb, var(--color-neutral-100) 14%, transparent);grid-template-columns:minmax(0,2fr) 1fr 1fr;display:grid}.footer h4{letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-300);margin-bottom:var(--space-3);font-size:11px;font-weight:500}.footer ul{gap:var(--space-3);display:grid}.footer ul a{color:color-mix(in srgb, var(--color-neutral-100) 85%, transparent);font-size:14px;text-decoration:none}.footer ul a:hover{color:var(--color-accent-300)}.footer__bottom{justify-content:space-between;gap:var(--space-4);padding-top:var(--space-6);color:color-mix(in srgb, var(--color-neutral-100) 60%, transparent);font-size:12px;display:flex}.footer .brand__name,.footer .brand:hover{color:var(--color-neutral-100)}.footer .brand__mark{color:var(--color-accent-300)}.footer__desc{margin-top:var(--space-4);font-size:14px}.legal__inner{gap:var(--space-6);padding-block:clamp(3rem,8vw,5.5rem);display:grid}.legal__inner h1{font-size:clamp(1.75rem,4vw,2rem)}.legal__meta{color:color-mix(in srgb, var(--color-text) 65%, transparent);font-size:14px}.legal__box{gap:var(--space-8);padding:var(--space-8);border:1px solid var(--color-divider);border-radius:0;max-width:720px;display:grid}.legal__box section{gap:var(--space-3);display:grid}.legal__box h2{font-size:20px;font-weight:600}.legal__box p{color:color-mix(in srgb, var(--color-text) 78%, transparent);font-size:15px}.legal__box a{color:var(--color-accent-700)}.legal__actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.reveal{opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);transition-delay:var(--delay,0s);transform:translateY(12px)}.reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}html{scroll-behavior:auto}}@media (width<=1024px){.grid>*,.grid--4>*,.steps__grid>*,.stats__grid>*,.audience__grid>*{grid-column:span 6}}@media (width<=860px){.hero__inner{grid-template-columns:1fr}.hero__media{aspect-ratio:16/10;width:100%;margin-top:var(--space-8);border-left:none;position:relative}.demo__inner,.features__head{grid-template-columns:1fr}.footer__inner{gap:var(--space-8);grid-template-columns:1fr}.nav__links{background:var(--color-bg);border-bottom:1px solid var(--color-divider);padding:var(--space-4);flex-direction:column;align-items:stretch;gap:0;margin-left:0;display:none;position:absolute;top:100%;left:0;right:0}.nav__links.is-open{display:flex}.nav__links li{border-top:1px solid var(--color-divider);padding:var(--space-3) 0}.nav__mobile-cta{padding-top:var(--space-4);display:block}.nav__desktop-cta{display:none}.nav__toggle{margin-left:auto;display:inline-flex}.grid>*,.grid--4>*,.steps__grid>*,.stats__grid>*,.audience__grid>*{grid-column:span 12}.form__row{grid-template-columns:1fr}.footer__bottom{flex-direction:column}}