:root{--color-orange: #F97332;--color-orange-dark: #e05e1e;--color-orange-light: #ffa06a;--color-steel: #4A6080;--color-steel-dark: #354660;--color-steel-light: #6a85a8;--color-cream: #EAE5DF;--color-cream-dark: #d8d1c8;--color-dark: #1A1A1A;--color-dark-mid: #2c2c2c;--color-dark-soft: #3d3d3d;--color-white: #ffffff;--color-offwhite: #faf8f6;--bg-page: var(--color-offwhite);--bg-dark-section: var(--color-dark);--bg-steel-section: var(--color-steel);--bg-card: var(--color-white);--text-primary: var(--color-dark);--text-secondary: #555555;--text-muted: #888888;--text-on-dark: var(--color-cream);--text-on-orange: var(--color-white);--accent: var(--color-orange);--accent-hover: var(--color-orange-dark);--border: #e2ddd7;--border-dark: rgba(255,255,255,.12);--font: "Inter", system-ui, -apple-system, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-size-5xl: 3.75rem;--section-pad: 6rem;--section-pad-sm: 4rem;--container: 1200px;--radius: 12px;--radius-sm: 8px;--radius-lg: 20px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow: 0 4px 16px rgba(0,0,0,.1), 0 1px 4px rgba(0,0,0,.06);--shadow-lg: 0 12px 40px rgba(0,0,0,.14), 0 4px 12px rgba(0,0,0,.08);--shadow-orange: 0 6px 24px rgba(249,115,50,.35)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-page);line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{max-width:var(--container);margin:0 auto}.section{padding:var(--section-pad) 0}.section--dark{background:var(--bg-dark-section);color:var(--text-on-dark)}.section--steel{background:var(--bg-steel-section);color:var(--color-white)}.section--cream{background:var(--color-cream);color:var(--text-primary)}.section--orange{background:var(--color-orange);color:var(--color-white)}.section-label{display:inline-block;font-size:var(--font-size-sm);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-orange);margin-bottom:1rem}.section--dark .section-label,.section--steel .section-label{color:var(--color-orange-light)}.section-title{font-size:var(--font-size-3xl);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin-bottom:1rem}.section-sub{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;line-height:1.65}.section--dark .section-sub,.section--steel .section-sub{color:#ffffffb8}.split{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.split--reverse{direction:rtl}.split--reverse>*{direction:ltr}@media (max-width: 900px){.split{grid-template-columns:1fr;gap:3rem}.split--reverse{direction:ltr}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;border-radius:var(--radius-sm);font-family:var(--font);font-size:var(--font-size-base);font-weight:700;cursor:pointer;border:2px solid transparent;transition:background .18s,transform .15s,box-shadow .18s,color .18s;text-decoration:none;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--color-orange);color:var(--color-white);box-shadow:var(--shadow-orange)}.btn--primary:hover{background:var(--color-orange-dark);box-shadow:0 8px 28px #f9733273}.btn--outline{background:transparent;color:var(--color-white);border-color:#fff6}.btn--outline:hover{background:rgba(255,255,255,.1);border-color:#ffffffb3}.btn--outline-dark{background:transparent;color:var(--color-orange);border-color:var(--color-orange)}.btn--outline-dark:hover{background:var(--color-orange);color:var(--color-white)}.btn--lg{padding:1rem 2.5rem;font-size:var(--font-size-lg);border-radius:var(--radius)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(26,26,26,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);height:68px;display:flex;align-items:center}.nav__inner{display:flex;align-items:center;justify-content:space-between;width:100%}.nav__logo{display:flex;align-items:center;gap:.75rem}.nav__logo img{height:38px;width:auto}.nav__wordmark{font-size:1.35rem;font-weight:800;color:var(--color-white);letter-spacing:-.02em}.nav__wordmark span{color:var(--color-orange)}.nav__links{display:flex;align-items:center;gap:2.25rem;list-style:none}.nav__links a{color:#ffffffbf;font-size:var(--font-size-sm);font-weight:500;transition:color .15s}.nav__links a:hover{color:var(--color-white)}.nav__cta{display:flex;align-items:center;gap:1rem}@media (max-width: 768px){.nav__links{display:none}}.hero{min-height:100vh;background:var(--color-dark);display:flex;align-items:center;position:relative;overflow:hidden;padding-top:68px}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 60% 50%,rgba(249,115,50,.12) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 20% 80%,rgba(74,96,128,.18) 0%,transparent 60%);pointer-events:none}.hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:6rem 0;position:relative;z-index:1}.hero__eyebrow{display:inline-flex;align-items:center;gap:.6rem;background:rgba(249,115,50,.12);border:1px solid rgba(249,115,50,.3);border-radius:100px;padding:.35rem 1rem;font-size:var(--font-size-sm);font-weight:600;color:var(--color-orange-light);margin-bottom:1.75rem}.hero__eyebrow-dot{width:7px;height:7px;background:var(--color-orange);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.hero__title{font-size:clamp(2.5rem,5vw,var(--font-size-5xl));font-weight:900;line-height:1.08;letter-spacing:-.03em;color:var(--color-white);margin-bottom:1.5rem}.hero__title em{font-style:normal;color:var(--color-orange)}.hero__sub{font-size:var(--font-size-lg);color:#eae5dfbf;line-height:1.7;margin-bottom:2.5rem;max-width:520px}.hero__actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.hero__stats{display:flex;gap:2.5rem;margin-top:3rem;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.1)}.hero__stat-value{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-white);display:block}.hero__stat-label{font-size:var(--font-size-sm);color:#ffffff80}.hero__visual{display:flex;justify-content:center;align-items:center;position:relative}.hero__img-wrap{position:relative}.hero__img-glow{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background:radial-gradient(ellipse at center,rgba(249,115,50,.25) 0%,transparent 70%);pointer-events:none;border-radius:50%}.hero__helmet{width:min(420px,90vw);height:auto;filter:drop-shadow(0 20px 60px rgba(249,115,50,.4));animation:float 5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@media (max-width: 900px){.hero__inner{grid-template-columns:1fr;text-align:center;padding:4rem 0}.hero__sub{margin-left:auto;margin-right:auto}.hero__actions,.hero__stats{justify-content:center}.hero__visual{order:-1}.hero__helmet{width:min(260px,70vw)}}.features{background:var(--color-white)}.features__header{text-align:center;margin-bottom:4rem}.features__header .section-sub{margin:0 auto}.features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 900px){.features__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.features__grid{grid-template-columns:1fr}}.feature-card{background:var(--color-offwhite);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;transition:box-shadow .2s,transform .2s,border-color .2s}.feature-card:hover{box-shadow:var(--shadow);transform:translateY(-3px);border-color:var(--color-orange-light)}.feature-card__icon{width:48px;height:48px;background:rgba(249,115,50,.1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1.25rem;flex-shrink:0}.feature-card__title{font-size:var(--font-size-base);font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.feature-card__desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.tickets__visual{position:relative}.ticket-mock{background:var(--color-white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden}.ticket-mock__header{background:var(--color-dark);padding:.75rem 1.25rem;display:flex;align-items:center;gap:.5rem}.ticket-mock__dot{width:10px;height:10px;border-radius:50%}.ticket-mock__dot:nth-child(1){background:#ff5f57}.ticket-mock__dot:nth-child(2){background:#febc2e}.ticket-mock__dot:nth-child(3){background:#28c840}.ticket-mock__title{color:#ffffff80;font-size:.75rem;margin-left:.5rem}.ticket-mock__body{padding:1.5rem}.ticket-row{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border);font-size:var(--font-size-sm)}.ticket-row:last-child{border-bottom:none}.ticket-row__id{color:var(--text-muted);font-weight:600;font-size:.75rem;min-width:40px}.ticket-row__subject{flex:1;font-weight:500;color:var(--text-primary)}.badge{display:inline-block;padding:.2rem .6rem;border-radius:100px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.badge--pending-agent{background:#dbeafe;color:#1d4ed8}.badge--pending-client{background:#ffedd5;color:#c2410c}.badge--resolved{background:#dcfce7;color:#166534}.badge--high{background:#fee2e2;color:#b91c1c}.badge--medium{background:#fef9c3;color:#854d0e}.badge--low{background:#f0fdf4;color:#166534}.tickets__list{list-style:none;display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}.tickets__list li{display:flex;align-items:flex-start;gap:.75rem;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.check-icon{width:20px;height:20px;background:var(--color-orange);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.65rem;flex-shrink:0;margin-top:1px}.automation__flow{display:flex;flex-direction:column;gap:.75rem}.flow-block{background:rgba(255,255,255,.06);border:1px solid var(--border-dark);border-radius:var(--radius-sm);padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem}.flow-block__label{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .6rem;border-radius:4px;white-space:nowrap}.flow-block__label--when{background:rgba(74,96,128,.5);color:#a8c0e0}.flow-block__label--if{background:rgba(249,115,50,.2);color:var(--color-orange-light)}.flow-block__label--then{background:rgba(40,200,64,.2);color:#6ee7a0}.flow-block__text{font-size:var(--font-size-sm);color:#ffffffd9}.flow-arrow{text-align:center;color:#ffffff40;font-size:1.1rem;margin:-.1rem 0}.automation__list{list-style:none;display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}.automation__list li{display:flex;align-items:flex-start;gap:.75rem;font-size:var(--font-size-sm);color:#ffffffb3;line-height:1.5}.email__channels{display:flex;flex-direction:column;gap:1rem}.channel-card{background:rgba(255,255,255,.05);border:1px solid var(--border-dark);border-radius:var(--radius-sm);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1.25rem;transition:background .2s,border-color .2s}.channel-card:hover{background:rgba(255,255,255,.09);border-color:#f9733259}.channel-card__icon{font-size:1.6rem;flex-shrink:0}.channel-card__name{font-weight:700;color:var(--color-white);font-size:var(--font-size-sm);margin-bottom:.2rem}.channel-card__desc{font-size:var(--font-size-sm);color:#ffffff8c}.channel-card__status{margin-left:auto;font-size:.7rem;font-weight:700;padding:.25rem .75rem;border-radius:100px;white-space:nowrap}.status--full{background:rgba(40,200,64,.15);color:#6ee7a0;border:1px solid rgba(40,200,64,.3)}.status--outbound{background:rgba(74,96,128,.3);color:#a8c0e0;border:1px solid rgba(74,96,128,.5)}.status--portal{background:rgba(249,115,50,.15);color:var(--color-orange-light);border:1px solid rgba(249,115,50,.3)}.portal__mockup{background:var(--color-white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden}.portal__mockup-bar{background:var(--color-steel);padding:.75rem 1.25rem;display:flex;align-items:center;gap:.75rem}.portal__mockup-logo{width:22px;height:22px;background:var(--color-orange);border-radius:4px}.portal__mockup-name{font-size:.8rem;font-weight:700;color:var(--color-white)}.portal__mockup-body{padding:1.5rem}.portal__form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.portal__form-field{display:flex;flex-direction:column;gap:.3rem}.portal__form-field label{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.portal__form-field .field-input{height:34px;background:var(--color-offwhite);border:1px solid var(--border);border-radius:6px;padding:0 .75rem;font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;align-items:center}.portal__form-field.span-2{grid-column:1 / -1}.portal__form-field .field-textarea{height:60px;background:var(--color-offwhite);border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;font-size:var(--font-size-sm);color:var(--text-muted)}.portal__submit{margin-top:1rem;background:var(--color-orange);color:#fff;border:none;border-radius:6px;padding:.6rem 1.5rem;font-size:var(--font-size-sm);font-weight:700;cursor:pointer;font-family:var(--font)}.schedule-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;background:rgba(255,255,255,.05);border:1px solid var(--border-dark);border-radius:var(--radius-sm);padding:1rem}.schedule-day{display:flex;flex-direction:column;gap:4px}.schedule-day__label{font-size:.65rem;font-weight:700;text-transform:uppercase;color:#fff6;text-align:center;margin-bottom:4px}.schedule-slot{height:12px;border-radius:3px;background:rgba(255,255,255,.06)}.schedule-slot--a{background:rgba(249,115,50,.65)}.schedule-slot--b{background:rgba(74,96,128,.75)}.schedule-slot--c{background:rgba(40,200,64,.45)}.reports__charts{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media (max-width: 680px){.reports__charts{grid-template-columns:1fr}}.chart-card{background:var(--color-white);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm)}.chart-card__title{font-size:var(--font-size-sm);font-weight:700;color:var(--text-primary);margin-bottom:1.25rem}.bar-chart{display:flex;flex-direction:column;gap:.6rem}.bar-row{display:flex;align-items:center;gap:.75rem}.bar-row__label{font-size:.72rem;color:var(--text-muted);width:80px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-row__track{flex:1;height:10px;background:var(--border);border-radius:100px;overflow:hidden}.bar-row__fill{height:100%;border-radius:100px;background:var(--color-orange)}.bar-row__count{font-size:.72rem;font-weight:700;color:var(--text-secondary);width:24px;text-align:right}.donut-wrap{display:flex;align-items:center;gap:1.5rem}.donut{width:90px;height:90px;border-radius:50%;background:conic-gradient(var(--color-steel) 0% 45%,var(--color-orange) 45% 75%,#28c840 75% 100%);flex-shrink:0;position:relative}.donut:after{content:"";position:absolute;top:22px;right:22px;bottom:22px;left:22px;background:var(--color-white);border-radius:50%}.donut-legend{display:flex;flex-direction:column;gap:.4rem}.donut-legend__item{display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:var(--text-secondary)}.donut-legend__dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.cta{position:relative;overflow:hidden;text-align:center;padding:var(--section-pad) 0;background:var(--color-dark)}.cta__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 80% at 50% 50%,rgba(249,115,50,.15) 0%,transparent 70%);pointer-events:none}.cta__boat{width:min(500px,85vw);margin:0 auto 3rem;opacity:.92;filter:drop-shadow(0 8px 32px rgba(249,115,50,.3))}.cta__title{font-size:clamp(2rem,4vw,var(--font-size-4xl));font-weight:900;letter-spacing:-.03em;color:var(--color-white);margin-bottom:1.25rem}.cta__title em{font-style:normal;color:var(--color-orange)}.cta__sub{font-size:var(--font-size-lg);color:#eae5dfa6;max-width:520px;margin:0 auto 2.5rem;line-height:1.65}.cta__actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.footer{background:#111111;border-top:1px solid rgba(255,255,255,.06);padding:3.5rem 0 2rem;color:#ffffff80;font-size:var(--font-size-sm)}.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.footer__logo{display:flex;align-items:center;gap:.6rem}.footer__logo img{height:30px;width:auto}.footer__wordmark{font-weight:700;color:var(--color-white);font-size:1.05rem}.footer__wordmark span{color:var(--color-orange)}.footer__copy{text-align:center}.footer__links{display:flex;gap:1.75rem;list-style:none}.footer__links a{color:#ffffff73;transition:color .15s}.footer__links a:hover{color:var(--color-white)}.section-divider{height:1px;background:var(--border)}.neon-logo{width:min(380px,80vw);margin:0 auto}@media (max-width: 600px){.section{padding:var(--section-pad-sm) 0}.section-title{font-size:var(--font-size-2xl)}.container{padding:0 1.25rem}}