@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0a0a0d;--bg2:#12151b;--card:#161b23;--line:rgba(239,247,246,.13);--white:#f5f7fa;--muted:#a9b0be;--acid:#ff7a1a;--blue:#b6c4d4;--beige:#f1eee7;--ink:#11151c;--width:1220px;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'Inter',sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%}::selection{background:var(--acid);color:var(--ink)}
.container{max-width:var(--width);width:calc(100% - 68px);margin:auto}.skip{position:absolute;left:-9999px;top:8px}.skip:focus{left:12px;z-index:99;background:var(--acid);color:#081016;padding:10px}
.navbar{height:88px;display:flex;align-items:center;position:sticky;top:0;z-index:50;background:rgba(9,13,22,.89);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:inline-flex;align-items:center;gap:11px;font:800 22px/1 ''Space Grotesk'',sans-serif;letter-spacing:-1.3px}.logo img{width:39px;height:39px}.logo .dot{color:var(--acid)}.nav-links{display:flex;align-items:center;gap:33px;font-size:14px;color:#c5cdcf}.nav-links a:hover{color:var(--acid)}.nav-actions{display:flex;align-items:center;gap:15px}.btn{border:1px solid transparent;border-radius:100px;display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:14px 22px;min-height:49px;font-size:14px;font-weight:800;white-space:nowrap;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--acid);color:#08111b}.btn-primary:hover{background:#ffb482}.btn-outline{background:transparent;border-color:rgba(255,255,255,.28);color:#fff}.btn-outline:hover{border-color:var(--acid)}.btn-dark{background:var(--ink);color:#fff}.nav-mobile{display:none;background:none;border:0;color:white;font-size:27px}.eyebrow{display:flex;align-items:center;gap:11px;color:var(--acid);font-size:11px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase}.eyebrow:before{content:'';width:28px;height:1px;background:var(--acid)}.section{padding:116px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:46px}.section-top p{max-width:420px;color:var(--muted);margin:0}.display,.h2,.h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.065em}.display{font-weight:800;font-size:clamp(58px,8.3vw,120px);line-height:1.035;margin:27px 0 24px}.h2{font-weight:800;font-size:clamp(39px,5vw,68px);line-height:1.09;margin:17px 0}.h3{font-weight:800;font-size:27px;line-height:1.2;margin:0 0 12px;letter-spacing:-1.3px}.highlight{color:var(--acid)}.muted{color:var(--muted)}
.hero{position:relative;overflow:hidden;padding:107px 0 80px;min-height:750px;background:radial-gradient(ellipse 52% 60% at 84% 40%,rgba(100,106,211,.20),transparent 75%),radial-gradient(ellipse 36% 35% at 13% 100%,rgba(57,160,148,.07),transparent 100%)}.hero-inner{position:relative;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:32px}.hero-copy{z-index:2}.hero-copy .eyebrow{font-size:11px}.hero-desc{max-width:555px;font-size:18px;color:#b5bfc3;margin:0 0 34px}.hero-buttons{display:flex;gap:13px;flex-wrap:wrap}.hero-proof{display:flex;gap:22px;align-items:center;margin-top:61px;color:#acb8ba;font-size:13px}.proof-line{width:2px;height:32px;background:var(--acid)}.hero-proof strong{display:block;color:#fff;font-weight:800;font-size:15px}.hero-visual{height:540px;position:relative;isolation:isolate}.hero-visual:before{content:'';position:absolute;inset:12% 0 8% 2%;border:1px solid rgba(255,255,255,.09);border-radius:50%;transform:rotate(-29deg)}.halo{position:absolute;width:420px;height:420px;border-radius:50%;top:33px;left:50%;transform:translateX(-50%);background:radial-gradient(circle at 28% 27%,#ffdfbb,#fa823a 30%,#8c4d34 46%,#283e54 68%,#0d1224 78%);box-shadow:0 0 115px rgba(153,205,99,.14),inset -40px -40px 85px rgba(5,8,20,.8);animation:hoverfloat 6s ease-in-out infinite}.halo:after{content:'';position:absolute;inset:25%;border-radius:50%;background:#0f1625;box-shadow:inset 12px 15px 26px rgba(0,0,0,.35),0 0 0 25px rgba(12,20,30,.08)}.orbit{position:absolute;border:1px solid rgba(201,255,115,.46);border-radius:50%;width:530px;height:145px;left:50%;top:190px;transform:translateX(-50%) rotate(-30deg);box-shadow:0 0 28px rgba(200,255,102,.08)}.orbit.two{transform:translateX(-50%) rotate(52deg);width:510px;opacity:.45}.float-card{position:absolute;padding:17px 19px;border:1px solid rgba(255,255,255,.19);border-radius:17px;backdrop-filter:blur(16px);background:rgba(20,26,39,.75);box-shadow:0 18px 40px rgba(0,0,0,.15);font-size:13px}.float-card .fc-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#ff8c42;color:#172217;width:36px;height:36px;font-weight:800;margin-right:8px}.float-card small{display:block;color:#a8b5bb;margin-top:2px}.fc-top{top:67px;right:-3px}.fc-bottom{bottom:45px;left:-15px}.float-card b{color:#fff}.green-tick{display:inline-block;color:var(--acid);margin-left:5px}.hero-stamp{position:absolute;right:20px;bottom:40px;color:rgba(255,255,255,.35);font:800 11px 'Space Grotesk';letter-spacing:2px}.micro-bar{background:#ff7a1a;color:#172118;font-weight:800;font-size:11px;letter-spacing:1.8px;text-transform:uppercase;overflow:hidden;white-space:nowrap;padding:15px 0}.micro-bar span{padding:0 30px}.micro-bar i{font-style:normal;font-size:18px;padding:0 9px}
.dark-soft{background:#101722}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:48px 0}.metric{padding:0 27px;border-right:1px solid var(--line)}.metric:first-child{padding-left:0}.metric:last-child{border-right:0}.metric b{display:block;font:800 35px 'Space Grotesk';letter-spacing:-2px}.metric small{color:var(--muted)}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{position:relative;background:#161e2b;border:1px solid rgba(255,255,255,.09);border-radius:25px;padding:30px;min-height:310px;overflow:hidden;transition:transform .25s,border .25s}.service-card:hover{transform:translateY(-6px);border-color:rgba(202,255,105,.35)}.card-index{color:var(--muted);font-size:12px}.service-icon{width:52px;height:52px;border-radius:16px;background:#382a28;display:grid;place-items:center;color:var(--acid);font-size:26px;margin:29px 0 20px}.service-card p{color:#aeb9bd;max-width:320px;margin-bottom:0}.service-card:after{content:'↗';position:absolute;right:30px;top:26px;color:#707f87;font-size:24px}.service-card:first-child{background:#ff7a1a;color:#111a19}.service-card:first-child .service-icon{background:#111a19;color:var(--acid)}.service-card:first-child .card-index,.service-card:first-child p{color:#462417}.service-card:first-child:after{color:#512719}
.statement{position:relative;background:#e9e6e1;color:#131c21;padding:115px 0;overflow:hidden}.statement .eyebrow{color:#2e513a}.statement .eyebrow:before{background:#2e513a}.statement h2{max-width:1000px}.statement h2 span{color:#71827e}.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:45px;border-top:1px solid #c4cbc7;padding-top:30px}.statement-grid p{color:#5e6b6b;max-width:520px}.pill{display:inline-block;padding:8px 13px;border:1px solid rgba(0,0,0,.16);border-radius:60px;font-size:12px;font-weight:700;margin:4px 5px 4px 0}
.work-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.work-tile{border:1px solid var(--line);border-radius:25px;overflow:hidden;background:#141d29}.work-tile:nth-child(2){display:flex;flex-direction:column}.work-display{height:340px;position:relative;overflow:hidden;background:linear-gradient(140deg,#473a64,#090f1b 65%);padding:30px}.work-display.green{background:linear-gradient(145deg,#123e36,#0a1520 67%)}.work-display .browser-top{height:25px;width:78%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.1);border-radius:12px 12px 0 0;position:absolute;left:11%;bottom:0;transform:perspective(550px) rotateX(1deg)}.mock-window{position:absolute;bottom:-56px;left:11%;width:78%;height:310px;border:1px solid rgba(255,255,255,.25);background:#0b111d;box-shadow:0 16px 30px #06060d88;border-radius:13px 13px 0 0;padding:26px}.mock-mini{font-size:12px;color:#aab7bb;letter-spacing:2px}.mock-heading{font:800 33px 'Space Grotesk';line-height:1.1;letter-spacing:-2px;margin:15px 0;width:75%}.mock-button{background:#ff7a1a;color:#132019;border-radius:40px;padding:8px 14px;font-size:10px;font-weight:800;display:inline-block}.mock-shape{width:155px;height:155px;border-radius:28px;background:linear-gradient(40deg,#e3c3af,#8c8cfb);position:absolute;right:15px;bottom:23px;transform:rotate(18deg)}.work-display.green .mock-shape{background:linear-gradient(45deg,#ffbd80,#19998c)}.work-info{padding:29px;display:flex;justify-content:space-between;gap:20px;align-items:center}.work-info h3{margin:0 0 5px;font:800 23px 'Space Grotesk';letter-spacing:-1px}.work-info small{color:var(--muted)}.concept{font-size:11px;font-weight:700;color:#aab6bd;border:1px solid #57646d;border-radius:50px;padding:8px 12px}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{position:relative;border-top:1px solid #52606a;padding:25px 14px 15px 0}.step b{font:800 14px 'Space Grotesk';color:var(--acid)}.step h3{margin:40px 0 12px;font:800 25px 'Space Grotesk';letter-spacing:-1.5px}.step p{color:var(--muted);font-size:14px;max-width:260px}.step:after{content:'↗';position:absolute;top:19px;right:15px;font-size:25px;color:#7e8d95}
.pricing{background:#101722}.price-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{background:#18212d;border:1px solid var(--line);border-radius:24px;padding:34px;display:flex;flex-direction:column;min-height:555px}.price-card.featured{background:#ff7a1a;color:#121c19;border-color:#ff7a1a;transform:translateY(-8px)}.price-card .badge-lite{font-size:10px;text-transform:uppercase;letter-spacing:1.9px;font-weight:800;color:#97a8a8}.featured .badge-lite{color:#52291b}.price-card h3{font:800 27px 'Space Grotesk';letter-spacing:-1px;margin:19px 0 12px}.price-card .amount{font:800 55px 'Space Grotesk';letter-spacing:-3px;line-height:1.2}.price-card .amount small{font:500 13px 'Inter';letter-spacing:0}.price-card p{color:#aebac0;min-height:65px}.price-card.featured p{color:#52291b}.price-card ul{padding:22px 0 0;margin:15px 0 30px;border-top:1px solid var(--line);list-style:none;flex:1}.price-card.featured ul{border-color:#9cbe68}.price-card li{font-size:13px;padding:10px 0}.price-card li:before{content:'✓';font-weight:900;color:var(--acid);margin-right:10px}.price-card.featured li:before{color:#462417}.price-card .btn{width:100%}.price-note{font-size:12px;color:var(--muted);margin-top:24px}
.testimonial-strip{border:1px solid var(--line);border-radius:25px;padding:33px;display:flex;align-items:center;justify-content:space-between;gap:32px;background:linear-gradient(100deg,#161f29,#24223a)}.testimonial-strip .h3{margin:4px 0}.testimonial-strip p{color:var(--muted);margin:0}.testimonial-strip .eyebrow{margin-bottom:12px}
.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{background:none;border:0;color:white;display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;padding:23px 0;font-size:17px;font-weight:700}.faq-item button i{font-style:normal;color:var(--acid);font-size:24px}.faq-answer{color:var(--muted);padding:0 24px 22px 0;display:none;font-size:14px}.faq-item.open .faq-answer{display:block}
.contact{padding:100px 0;background:var(--acid);color:var(--ink)}.contact .eyebrow{color:#53291a}.contact .eyebrow:before{background:#345326}.contact-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}.contact h2{font:800 clamp(45px,5vw,75px)/1.04 'Space Grotesk';letter-spacing:-4px;margin:24px 0}.contact-copy{color:#3d5137;max-width:350px}.contact-form{background:#111a23;border-radius:23px;padding:36px;color:white;box-shadow:0 25px 70px rgba(5,12,17,.16)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:17px}.field label{font-size:12px;font-weight:800;color:#c5cfd0}.field input,.field select,.field textarea{width:100%;border:1px solid #394451;border-radius:10px;background:#1b2733;color:white;padding:13px 14px;outline:0;min-height:47px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--acid)}.field textarea{min-height:105px;resize:vertical}.field select option{color:white;background:#111a23}.contact-form .btn{width:100%}.form-note{font-size:12px;color:#9cacaf;margin:12px 0 0}.form-message{min-height:20px;font-size:13px;margin:9px 0 0}.form-message.error{color:#ffc1a1}.form-message.success{color:#ff7a1a}.honeypot{position:absolute;left:-9999px;opacity:0}
.footer{background:#090d16;padding:69px 0 28px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:50px}.footer h4{font:800 13px 'Space Grotesk';letter-spacing:1px;text-transform:uppercase}.footer p,.footer a{color:#a1aeb4;font-size:14px}.footer a{display:block;margin:11px 0}.footer a:hover{color:var(--acid)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;color:#7b8a92;border-top:1px solid var(--line);padding-top:25px;margin-top:75px;font-size:12px}
@keyframes hoverfloat{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-15px)}}@media(max-width:1080px){.nav-links{gap:18px}.hero-inner{grid-template-columns:1fr .82fr}.hero-visual{transform:scale(.85);transform-origin:50% 50%}.display{font-size:clamp(53px,8vw,90px)}.faq-grid{gap:45px}}@media(max-width:800px){.container{width:calc(100% - 38px)}.navbar{height:73px}.nav-mobile{display:block}.nav-actions>.btn{display:none}.nav-links{display:none;position:absolute;top:73px;left:0;right:0;background:#101721;padding:24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.hero{padding:60px 0 70px;min-height:0}.hero-inner{display:block}.hero-visual{height:370px;transform:scale(.7);margin:-15px auto -58px;width:100%;transform-origin:50% 30%}.hero-desc{font-size:16px}.hero-proof{margin-top:31px}.display{font-size:clamp(49px,11vw,80px)}.section{padding:76px 0}.section-top{display:block}.section-top p{margin-top:20px}.metrics,.cards3,.price-cards,.process{grid-template-columns:1fr 1fr}.metric{padding:17px 0;border-right:0}.metric:first-child{padding-left:0}.work-grid,.statement-grid,.faq-grid,.contact-wrap{grid-template-columns:1fr;gap:25px}.statement{padding:75px 0}.work-display{height:320px}.price-card.featured{transform:none}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.contact{padding:75px 0}.contact-form{padding:25px}.float-card.fc-top{right:-20px}}@media(max-width:580px){.container{width:calc(100% - 36px)}.hero-visual{margin-left:-5%;width:110%;height:320px;transform:scale(.60)}.display{font-size:clamp(47px,12.4vw,68px)}.h2{font-size:42px}.cards3,.price-cards,.process{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.metric b{font-size:29px}.service-card{min-height:255px}.section{padding:68px 0}.form-row{grid-template-columns:1fr;gap:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}.testimonial-strip{align-items:start;flex-direction:column}.work-display{height:270px}.mock-heading{font-size:24px}.mock-shape{width:110px;height:110px}}

/* Flarello identity refinements — a polished silver flare and ember glow. */
.hero{background:radial-gradient(ellipse 44% 60% at 81% 33%,rgba(255,114,57,.18),transparent 75%),radial-gradient(ellipse 42% 40% at 40% 95%,rgba(134,148,170,.07),transparent 100%)}
.halo{background:radial-gradient(circle at 27% 22%,#ffffff 0%,#d8e0e8 13%,#ffb580 25%,#ff7a3c 38%,#753b39 57%,#1a2131 77%);box-shadow:0 0 135px rgba(255,124,69,.18),inset -44px -47px 85px rgba(5,7,15,.85)}
.halo:after{background:radial-gradient(circle at 40% 30%,#26303c,#11151c 70%)}
.orbit{border-color:rgba(255,184,134,.4)}
.hero-visual:after{content:'F';font:700 218px/1 'Space Grotesk',sans-serif;color:#f7f2ef;text-shadow:2px 2px 0 #f6af89,14px 18px 45px rgba(3,4,9,.9);position:absolute;top:139px;left:50%;transform:translateX(-50%) rotate(-7deg);opacity:.91;pointer-events:none}
.service-card:first-child{color:#18100d}.service-card:first-child .service-icon{color:#ff8d4e;background:#251a18}
.price-card.featured{color:#1d1310}.price-card.featured li:before{color:#2c1814}
.price-card.featured .btn-dark{background:#10151c;color:#fff}
.contact{background:linear-gradient(115deg,#ff873e,#f16b35 60%,#ee9b5e)}
.micro-bar{background:#ff7a1a;color:#15111a}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* One identity across the public site and owner workspace. */
:root{--bg:#000;--bg2:#0b0b0b;--card:#121212}
body,.navbar,.footer,.nav-links,.dark-soft{background:#000}
.logo img.brand-lockup,.side-head img.brand-lockup{width:202px;height:auto;display:block;max-width:100%}
.logo,.side-head{background:#000;letter-spacing:normal}
.hero{background:#000}.hero-visual:before,.hero-visual:after{display:none}
.brand-stage{position:absolute;inset:30px 0 45px;display:grid;place-items:center;background:#000;border:1px solid #262626;border-radius:40px;box-shadow:0 0 70px #ff7a1a12}
.brand-stage img{width:82%;height:auto;max-width:380px}
.float-card{background:#0c0c0cf2;border-color:#3b332e}.hero-stamp{bottom:18px}
.display{font-size:clamp(54px,6.3vw,94px)}.hero{padding-top:80px}
.service-card{background:#111}.service-card:hover{border-color:#ff7a1a80}
.statement{background:#101010;color:#f5f7fa}.statement h2 span{color:#a9b0be}.statement .eyebrow{color:#ff7a1a}.statement .eyebrow:before{background:#ff7a1a}
.preview-notice{padding:12px 20px;text-align:center;background:#1b1007;color:#ffc29b;font-size:12px;letter-spacing:1px;border-bottom:1px solid #54301a}
[hidden]{display:none!important}:focus-visible{outline:2px solid #ff9b5d;outline-offset:5px}
.btn:disabled{opacity:.6;cursor:wait;transform:none}section[id]{scroll-margin-top:100px}
@media(max-width:580px){.logo img.brand-lockup{width:180px}.hero-visual{height:400px;margin-top:10px;margin-bottom:-100px}.brand-stage{inset:0 0 40px}.hero-stamp{bottom:12px}.float-card.fc-top{top:15px}.fc-bottom{bottom:12px}}
@media(max-width:800px){.display{font-size:clamp(47px,10vw,76px)}.hero{padding-top:55px}}

/* Original owner-supplied reflective logo, presented without cropping. */
.navbar{height:104px}.navbar .logo img.brand-lockup{width:94px;height:94px;object-fit:contain}
.footer .logo img.brand-lockup{width:190px;height:190px;object-fit:contain}
.brand-stage{inset:0;box-shadow:none;border:0;border-radius:0;background:#000}
.brand-stage img{width:100%;max-width:520px;height:auto;object-fit:contain}
.hero-visual .float-card,.hero-stamp{display:none}
@media(max-width:800px){.navbar{height:86px}.navbar .logo img.brand-lockup{width:80px;height:80px}.nav-links{top:86px}.hero-visual{transform:none;width:100%;height:auto;aspect-ratio:1;margin:30px 0 0}.brand-stage img{max-width:100%}}
picture.brand-frame{display:contents}
.nav-brand{display:none}
.brand-kicker{width:72px;height:72px;object-fit:contain;display:block;margin:0 0 12px;background:#000;border-radius:12px}
@media(max-width:800px){.nav-links .nav-brand{display:block;width:88px;height:88px;object-fit:contain;margin-bottom:8px}}
