/* CreekFleet homepage visual refinement — scoped and non-destructive */
#top{background:#fff;color:#0b1125}
#top .utility{background:#0a0d12;color:#f4f6f8;border-bottom:0;padding-inline:4%;font-weight:600;letter-spacing:.01em}
#top .utility svg{color:#ff3514}
#top>header{background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid #eceef2;box-shadow:0 8px 28px rgba(12,18,32,.05)}
#top>header nav a{position:relative;font-weight:650}
#top>header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:#ff3514;transition:.22s ease}
#top>header nav a:hover:after{right:0}
#top .hero-slider{position:relative;background:radial-gradient(circle at 82% 15%,rgba(255,53,20,.13),transparent 30%),linear-gradient(135deg,#080b12 0%,#0d111a 52%,#151a24 100%);color:#fff;border-bottom:6px solid #ff3514}
#top .hero-slider:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000 15%,transparent 90%)}
#top .hero-slide{position:relative;z-index:1}
#top .hero-copy .eyebrow{color:#c7cbd3}
#top .hero-copy .eyebrow span{box-shadow:0 8px 24px rgba(255,53,20,.3)}
#top .hero h1{font-size:clamp(48px,5.3vw,76px);line-height:.99;letter-spacing:-3.8px;max-width:720px;color:#fff}
#top .hero h1 em{color:#ff5a38}
#top .subcopy{color:#b8bec9;font-size:18px;max-width:650px}
#top .hero-actions .outline{border-color:#596170;background:rgba(255,255,255,.06);color:#fff}
#top .hero-actions .outline:hover{border-color:#ff6549;background:rgba(255,53,20,.12)}
#top .trust{color:#c1c6cf}
#top .trust svg{color:#ff5a38}
#top .hero-dash{padding:24px 0}
#top .dash-shell{border-color:#303744;border-radius:20px;box-shadow:0 38px 90px rgba(0,0,0,.34);transform:perspective(1400px) rotateY(-2deg) rotateX(1deg);transform-origin:center;background:#fff}
#top .section{padding-top:110px;padding-bottom:110px}
#top .section-title{max-width:900px;margin-bottom:58px}
#top .section-title>span,#top .label{display:inline-block;padding:7px 11px;border-radius:999px;background:#fff0ed;color:#ff3514;letter-spacing:.12em}
#top .section-title h2,#top .operations h2,#top .pricing h2{font-size:clamp(38px,4.4vw,60px);line-height:1.02;letter-spacing:-2.6px}
#top .section-title p,#top .ops-copy>p,#top .pricing>div>p{font-size:17px;line-height:1.78}
#top .features{background:linear-gradient(180deg,#f6f7f9 0%,#fff 100%)}
#top .feature-grid{gap:22px}
#top .feature-grid article{min-height:270px;border-radius:18px;padding:30px 26px;border-color:#e2e6ec;box-shadow:0 16px 42px rgba(12,18,32,.055);overflow:hidden;position:relative}
#top .feature-grid article:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-62px;top:-62px;background:rgba(255,53,20,.06)}
#top .feature-grid article:nth-child(3n+2){background:#0a0d12;color:#fff;border-color:#0a0d12}
#top .feature-grid article:nth-child(3n+2) p{color:#b8bec9}
#top .feature-grid article:nth-child(3n){background:#fff5f1;border-color:#ffd3c8}
#top .feature-grid article:hover{transform:translateY(-8px);box-shadow:0 26px 62px rgba(12,18,32,.12)}
#top .feature-icon{width:54px;height:54px;border-radius:14px;background:#ff3514;color:#fff;border:0;box-shadow:0 12px 28px rgba(255,53,20,.22)}
#top .feature-grid h3{font-size:20px;letter-spacing:-.35px}
#top .feature-grid p{font-size:14.5px;line-height:1.75}
#top .operations{position:relative;gap:7%;padding-top:120px;padding-bottom:120px}
#top .ops-visual{min-height:590px;border-radius:30px;background:radial-gradient(circle at 24% 26%,rgba(255,53,20,.18),transparent 28%),linear-gradient(145deg,#0a0d12,#171c26);overflow:hidden;box-shadow:0 28px 70px rgba(12,18,32,.16)}
#top .ops-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}
#top .phone{position:relative;z-index:2;border-color:#05070b;box-shadow:0 34px 80px rgba(0,0,0,.35)}
#top .float-card{z-index:3;border-radius:14px;box-shadow:0 22px 50px rgba(0,0,0,.22)}
#top .how{background:linear-gradient(135deg,#07090d,#0d1118 58%,#171d27);border-top:5px solid #ff3514;border-bottom:1px solid #222832}
#top .how .section-title h2{color:#fff}
#top .steps{gap:0}
#top .steps article{min-height:190px;padding:36px 44px}
#top .steps article>b{font-size:52px;line-height:1;color:#ff4b2c}
#top .steps h3{font-size:20px}
#top .steps p{font-size:14px;line-height:1.72}
#top .pricing{position:relative;background:linear-gradient(180deg,#fff,#fafafa);padding-top:120px;padding-bottom:120px}
#top .price>strong{font-size:64px;letter-spacing:-2.8px}
#top .included{border-radius:22px;padding:42px;box-shadow:0 28px 70px rgba(12,18,32,.09);border-color:#e2e6ec}
#top .integrations{background:#0a0d12;color:#fff}
#top .integrations .section-title p{color:#b8bec9}
#top .integration-row b{height:96px;border-radius:14px;background:#121720;color:#f3f5f7;border-color:#292f39;transition:.22s ease}
#top .integration-row b:hover{transform:translateY(-5px);border-color:#ff5c3d;box-shadow:0 18px 38px rgba(0,0,0,.25)}
#top .cta{margin:0 4% 100px;border-radius:28px;padding:72px 6%;background:linear-gradient(120deg,#ff2c0a,#ff5f2b);box-shadow:0 30px 70px rgba(255,53,20,.24);position:relative;overflow:hidden}
#top .cta:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-150px;top:-190px;border:1px solid rgba(255,255,255,.28);box-shadow:0 0 0 70px rgba(255,255,255,.06),0 0 0 140px rgba(255,255,255,.035)}
#top .cta>div{position:relative;z-index:1}
#top .cta h2{font-size:clamp(38px,4vw,58px);line-height:1.02;letter-spacing:-2px}
#top footer{background:#07090d;padding-top:70px;border-top:1px solid #1f242d}
#top .footer-main{max-width:1380px}
#top .footer-main>div:first-child p{color:#a8aeb9;font-size:15px;line-height:1.75}
#top .footer-main h4{font-size:16px}
#top .footer-main>div:not(:first-child) a{font-size:14px;color:#a8aeb9;transition:.2s ease}
#top .footer-main>div:not(:first-child) a:hover{color:#ff5a38;transform:translateX(3px)}
#top .footer-bottom{font-size:12px;color:#858d9a}
@media(max-width:1100px){#top .hero h1{font-size:58px}#top .dash-shell{transform:none}#top .feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){#top .utility{background:#0a0d12}#top .hero-slider{padding-top:28px}#top .hero h1{font-size:42px;letter-spacing:-2px}#top .subcopy{font-size:16px}#top .hero-actions{flex-direction:column;align-items:stretch}#top .hero-actions a{width:100%}#top .trust{color:#d0d4db}#top .section{padding-top:78px;padding-bottom:78px}#top .section-title h2,#top .operations h2,#top .pricing h2{font-size:38px;letter-spacing:-1.6px}#top .feature-grid{grid-template-columns:1fr}#top .feature-grid article{min-height:auto}#top .operations{padding-top:80px;padding-bottom:80px}#top .ops-visual{min-height:500px}#top .steps article{padding:28px 22px}#top .integration-row{grid-template-columns:1fr 1fr}#top .cta{margin:0 5% 70px;padding:46px 28px;border-radius:22px}#top .cta h2{font-size:36px}#top footer{padding-top:55px}}