:root{--o:#e8730e;--k:#2b2b2b;--b:#6e6e6e;--g:#2b2b2b;--bg:#ffffff;--fg:#2b2b2b;--soft:#e6e6e6;--ln:#2b2b2b;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#1f1f1f;--fg:#ffffff;--soft:#2a2a2a;--ln:#ffffff;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#1f1f1f;--fg:#ffffff;--soft:#2a2a2a;--ln:#ffffff;color-scheme:dark}
html{scroll-padding-top:calc(84px + env(safe-area-inset-top,0px));scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 "Helvetica Neue",Arial,sans-serif;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--soft);z-index:60}
img{max-width:100%}
a{color:inherit}
h1,h2,h3{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:700;line-height:1.12;margin:0 0 .5em;letter-spacing:-.01em}
h2{font-size:clamp(1.9rem,4.5vw,3.2rem)}
h3{font-size:1.25rem}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
:focus-visible{outline:4px solid var(--o);outline-offset:3px}
.btn{display:inline-block;border:2px solid var(--k);background:var(--o);color:#fff;font:700 1rem "Helvetica Neue",Arial,sans-serif;padding:14px 26px;cursor:pointer;text-decoration:none;transition:transform .15s}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.25)}
.btn.dark{background:var(--k);color:#fff;border-color:var(--k)}
.btn.line{background:transparent;color:#fff;border-color:#fff}
.btn.line:hover{box-shadow:none;background:rgba(255,255,255,.12)}
/* header */
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--soft);color:var(--fg);border-bottom:3px solid var(--o)}
header .wrap{display:flex;align-items:center;gap:18px;height:76px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:700 1.1rem "Helvetica Neue",Arial,sans-serif;line-height:1.1}
.brand img{width:56px;height:56px;border-radius:50%;background:#fff}
nav{margin-left:auto;display:flex;align-items:center;gap:22px}
nav a{text-decoration:none;font-weight:700}
nav a:hover{color:var(--o)}
nav .btn{padding:10px 18px;color:#fff}
nav .btn:hover{color:#fff}
.burger{display:none;margin-left:auto;background:var(--o);border:0;width:46px;height:46px;font-size:1.6rem;font-weight:900;cursor:pointer;color:#fff}
@media(max-width:1100px){.burger{display:block}nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--soft);border-bottom:3px solid var(--o);padding:8px 22px 20px;margin:0}nav.open{display:flex}nav a{padding:12px 0;border-bottom:1px solid #d4d4d4}}
/* hero slider */
.slider{position:relative;overflow:hidden;background:var(--k)}
.track{display:flex;transition:transform .7s cubic-bezier(.7,0,.2,1)}
.slide{flex:0 0 100%;min-height:0;display:flex;align-items:center;padding:44px 0 72px;position:relative}
.slide .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;position:relative;z-index:1}
.s1{background:var(--k);color:#fff}.s2{background:var(--b);color:#fff}.s3{background:#e6e6e6;color:var(--k)}
.slide::after{content:"";position:absolute;right:-70px;top:50%;transform:translateY(-50%);width:min(560px,60vw);aspect-ratio:1;opacity:.35;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none' stroke='%23e8730e' stroke-width='1.2'%3E%3Ccircle cx='100' cy='100' r='96'/%3E%3Cellipse cx='100' cy='100' rx='40' ry='96'/%3E%3Cpath d='M4 100H196M14 62H186M14 138H186M100 4V196'/%3E%3C/svg%3E") center/contain no-repeat}
.s3::after{opacity:.55}.s1 .wrap{grid-template-columns:1fr}.s1 .wrap>div{max-width:760px}
.slide h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:.35em}
.slide p{font-size:1.1rem;max-width:34em;margin:0 0 1.3em}
.cta{display:flex;flex-wrap:wrap;gap:14px}
.art{display:grid;gap:14px}
.art .blk{border:2px solid currentColor;padding:13px 20px;font:700 1.15rem "Helvetica Neue",Arial,sans-serif;display:flex;align-items:center;gap:16px;background:var(--bg);color:var(--fg)}
.s2 .blk{background:var(--k);color:#fff;border-color:#8a8a8a}
.s3 .blk{background:var(--k);color:#fff;border-color:var(--k)}
.blk span{font-size:2rem}
.dots{position:absolute;left:0;right:0;bottom:22px;display:flex;justify-content:center;gap:12px;z-index:3}
.dots button{width:40px;height:6px;border:2px solid #9c9c9c;background:transparent;cursor:pointer;padding:0}
.dots button[aria-current="true"]{background:var(--o);border-color:var(--o)}
.arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:52px;height:52px;background:var(--k);color:#fff;border:1px solid #fff;font:700 1.5rem Arial;cursor:pointer}
.arrow:hover{background:var(--o);color:#fff}
.prev{left:14px}.next{right:14px}
@media(max-width:900px){.slide .wrap{grid-template-columns:1fr}.slide::after{display:none}.art{display:none}.arrow{display:none}.slide{padding:32px 0 64px}}
/* sections */
section{padding:72px 0}
.facts{background:var(--soft);color:var(--fg);padding:0;border-bottom:1px solid #d4d4d4}
.facts .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.fact{padding:28px 20px;border-right:1px solid #d4d4d4}
.fact:last-child{border-right:0}
.fact b{display:block;font:700 clamp(1.5rem,3vw,2.2rem) "Helvetica Neue",Arial,sans-serif;line-height:1.1}
@media(max-width:760px){.facts .wrap{grid-template-columns:1fr 1fr}.fact:nth-child(2){border-right:0}.fact:nth-child(-n+2){border-bottom:1px solid #d4d4d4}}
.about .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.about p{margin:0 0 1em}
.vm{display:grid;gap:18px}
.vm div{border:1px solid var(--ln);padding:22px;background:var(--soft)}
.vm div:first-child{background:var(--k);color:#fff;border-color:var(--k)}
.vm h3{color:var(--o)}
@media(max-width:860px){.about .wrap{grid-template-columns:1fr;gap:32px}}
.services{background:var(--k);color:#fff}
.services .lead{max-width:40em;margin:0 0 44px;color:#ddd}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{padding:26px 22px 30px;border:1px solid transparent;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s}

.card .ic{font-size:2.2rem;display:block;margin-bottom:14px}
.card p{margin:0 0 22px;font-size:.98rem}.card .btn{margin-top:auto;align-self:flex-start}
.c0{background:#e6e6e6;color:var(--k)}.c1{background:#fff;color:var(--k)}.c2{background:var(--b);color:#fff}
@media(max-width:1020px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.grid{grid-template-columns:1fr}}
.why .row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--ln);margin-top:34px}
.why .row div{padding:26px 22px;border-right:1px solid var(--ln)}
.why .row div:last-child{border-right:0}
.why .row div:nth-child(2){background:var(--b);color:#fff}
.why .row div:nth-child(3){background:#e6e6e6;color:var(--k)}
.why .row p{margin:0}
@media(max-width:860px){.why .row{grid-template-columns:1fr 1fr}.why .row div:nth-child(2){border-right:0}.why .row div:nth-child(-n+2){border-bottom:1px solid var(--ln)}}
.pic{margin:-26px -22px 20px;aspect-ratio:16/9;overflow:hidden;background:#e6e6e6}.pic svg{display:block;width:100%;height:100%;transition:transform .5s}.pic svg{animation:drift 9s ease-in-out infinite alternate}
.process{background:var(--soft)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:34px}.step{border-top:3px solid var(--o);padding-top:16px}.step b{display:block;font-size:2.2rem;color:var(--o);line-height:1}.step p{margin:0}
@media(max-width:900px){.steps{grid-template-columns:1fr 1fr}}@media(max-width:520px){.steps{grid-template-columns:1fr}}
.card{position:relative}.card.reveal{transform:translateY(46px) scale(.94)}
.card::after{content:"";position:absolute;left:0;bottom:0;height:5px;width:0;background:var(--o);transition:width .4s}.card:hover::after{width:100%}
.card.reveal.in:hover{transform:translateY(-8px);transition:transform .25s,opacity .7s;transition-delay:0s}
@keyframes drift{to{transform:scale(1.09)}}
.cta-anim{position:relative;overflow:hidden;animation:ctapulse 2.4s ease-in-out infinite}
.cta-anim::before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:rgba(255,255,255,.45);transform:skewX(-20deg);animation:shine 3s infinite}
.cta-anim::after{content:"\203A";display:inline-block;margin-left:10px;font-size:1.2em;line-height:1;animation:nudge 1.5s ease-in-out infinite}
@keyframes ctapulse{0%,100%{box-shadow:0 0 0 0 rgba(232,115,14,.55)}70%{box-shadow:0 0 0 12px rgba(232,115,14,0)}}
@keyframes nudge{50%{transform:translateX(6px)}}
.shero{background:var(--k);color:#fff;padding:70px 0;border-bottom:3px solid var(--o)}
.shero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.shero .wrap>*{animation:rise .8s both}.shero .wrap>*:nth-child(2){animation-delay:.15s}
@keyframes rise{from{opacity:0;transform:translateY(30px)}}
.shero h1{font-size:clamp(2rem,5vw,3.6rem)}
.shero p{font-size:1.15rem;color:#d8d8d8;max-width:34em;margin:0 0 1.5em}
.back{display:inline-block;margin-bottom:18px;color:var(--o);text-decoration:none;font-weight:700}
.sfig{border:2px solid #444444;aspect-ratio:16/9;overflow:hidden}.sfig svg{width:100%;height:100%;display:block;animation:drift 9s ease-in-out infinite alternate}
.sbody{padding:80px 0}.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.sbody li{margin-bottom:.5em}
.sitems{display:grid;gap:16px;align-content:start}.sitems h2{margin:0}
.sitem{border-left:4px solid var(--o);background:var(--soft);padding:18px 20px}.sitem h3{margin:0 0 .3em}.sitem p{margin:0}
.smore{background:var(--soft);padding:64px 0}.chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.chips a{border:1px solid var(--ln);padding:10px 16px;text-decoration:none;font-weight:700;background:var(--bg)}.chips a:hover{background:var(--o);color:#fff}
@media(max-width:860px){.shero .wrap,.sgrid{grid-template-columns:1fr}.shero{padding:44px 0}.sbody{padding:52px 0}}
.band{background:var(--b);color:#fff;text-align:left;padding:72px 0}
.band .wrap{display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between}
.band h2{margin:0;max-width:15em}
.contact .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.contact .box{border:1px solid var(--ln);padding:28px;background:var(--soft)}
.contact ul{list-style:none;padding:0;margin:0}
.contact li{padding:12px 0;border-bottom:1px solid #d4d4d4}
@media(max-width:860px){.contact .wrap{grid-template-columns:1fr}}
footer{background:var(--k);color:#fff;border-top:3px solid var(--o);padding:30px 0 40px}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between}
footer p{margin:0}
/* forms */
form{display:grid;gap:16px}
label{display:grid;gap:6px;font-weight:700}
input,select,textarea{font:inherit;color:var(--fg);background:var(--bg);border:1px solid #9c9c9c;padding:12px 14px;width:100%;border-radius:0}
textarea{min-height:120px;resize:vertical}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:560px){.two{grid-template-columns:1fr}}
.err{color:#b4540a;font-weight:700;margin:0}
/* ticket page */
#ticket{padding:80px 0}
#ticket .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:start}
#ticket .side{background:var(--k);color:#fff;border:4px solid var(--k);padding:28px}
#ticket .side li{margin-bottom:12px}
#ticket .side h3{color:var(--o)}
.done{border:2px solid var(--g);padding:26px;background:var(--soft)}
.done b{font:700 2rem "Helvetica Neue",Arial,sans-serif;color:var(--o)}
@media(max-width:860px){#ticket .wrap{grid-template-columns:1fr}}
/* floating */
.fab{position:fixed;z-index:55;display:flex;align-items:center;gap:10px;border:0;border-radius:6px;font:700 1rem "Helvetica Neue",Arial,sans-serif;cursor:pointer;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.28)}
.wa{border:2px solid #fff;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));background:var(--g);color:#fff;padding:12px 18px}
.wa svg{width:30px;height:30px;fill:#fff}
.reg{left:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));background:var(--o);color:#fff;padding:14px 22px;overflow:hidden;animation:glow 2s ease-in-out infinite,bob 3.2s ease-in-out infinite}
.reg::before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:rgba(255,255,255,.5);transform:skewX(-20deg);animation:shine 3s infinite}
.reg:hover{animation-play-state:paused}
@keyframes glow{0%,100%{box-shadow:0 0 8px 1px rgba(232,115,14,.55),0 0 18px 2px rgba(232,115,14,.25)}50%{box-shadow:0 0 18px 5px rgba(232,115,14,.95),0 0 40px 12px rgba(232,115,14,.5)}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes shine{0%,55%{left:-60%}100%{left:130%}}
.ic,.blk span{filter:grayscale(1)}
@keyframes ping{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.15);opacity:0}}
@media(max-width:560px){.wa span{display:none}.wa{padding:12px}.reg{padding:12px 14px;font-size:.92rem}}
/* modal */
.modal{position:fixed;inset:0;z-index:80;background:rgba(10,10,10,.8);display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto}
.panel{background:var(--bg);color:var(--fg);border-top:5px solid var(--o);max-width:560px;width:100%;padding:28px;position:relative;animation:pop .25s ease-out}
@keyframes pop{from{transform:scale(.94);opacity:0}to{transform:none;opacity:1}}
.x{position:absolute;top:10px;right:10px;width:42px;height:42px;background:var(--k);color:#fff;border:0;font-size:1.4rem;cursor:pointer}
/* motion */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .7s,transform .7s}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
.btn,.fab,.reg,.chips a,.dots button{border-radius:999px}
.burger{border-radius:12px}.arrow,.x{border-radius:50%}
input,select,textarea{border-radius:10px}
.card{border-radius:20px}
.vm div,.contact .box,.sfig,.done,#ticket .side,.art .blk,.why .row,.panel{border-radius:16px}
.sitem{border-radius:4px 16px 16px 4px}.why .row{overflow:hidden}
.brand img{width:64px;height:64px;border-radius:0;background:none;mix-blend-mode:normal}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .brand img{mix-blend-mode:normal;border-radius:50%}}
:root[data-theme="dark"] .brand img{mix-blend-mode:normal;border-radius:50%}
.chip{display:inline-block;padding:2px 12px;border-radius:999px;font:700 .85rem "Helvetica Neue",Arial,sans-serif;background:var(--o);color:#2b2b2b}
.chip[data-s="In Progress"]{background:#2b2b2b;color:#fff;outline:1px solid #6e6e6e}.chip[data-s="Awaiting Your Reply"]{background:#a9a9a9;color:#2b2b2b}.chip[data-s="Resolved"]{background:#6e6e6e;color:#fff}.chip[data-s="Closed"]{background:#d4d4d4;color:#2b2b2b}
.tk{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:12px 14px;border:1px solid #d4d4d4;border-radius:12px;margin-bottom:10px}.tk .sub{flex:1 1 160px}
.mini{border:1px solid var(--ln);background:transparent;color:inherit;border-radius:999px;padding:4px 12px;cursor:pointer;font:700 .85rem Arial,sans-serif}
#ticket .side ul{padding-left:0;list-style:none}#ticket .side li{margin-bottom:14px}
.agent{text-align:center;margin-bottom:18px}.agent svg{width:100%;max-width:230px;display:block;margin:0 auto;animation:bob 4s ease-in-out infinite}
.bubble{display:inline-block;margin-top:8px;background:var(--o);color:#2b2b2b;font-weight:700;padding:8px 18px;border-radius:999px}
.contact .wrap{align-items:stretch}.contact .box{margin-top:26px;padding:8px 26px}
.agent-col{background:var(--soft);border-radius:20px;padding:28px;display:flex;align-items:center;justify-content:center}
.agent-col .agent{margin:0}.agent-col .agent svg{max-width:340px}
.contact .agent-col{order:-1}
@media(max-width:860px){.contact .agent-col{order:2}}
.sec-lead{max-width:40em;margin:0 0 40px}
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:22px}
.bcard{border:1px solid #d4d4d4;border-radius:20px;overflow:hidden;background:var(--bg);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,opacity .7s}
.bcard:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(0,0,0,.15)}
.bcard .pic{margin:0;border-radius:0}
.bb{padding:20px 20px 24px;display:flex;flex-direction:column;gap:10px;flex:1}.bb h3{margin:0;font-size:1.15rem}.bb p{margin:0;opacity:.85;font-size:.97rem}
.bmeta{font-size:.85rem;opacity:.8}.bb .more{margin-top:auto;font-weight:700;color:var(--o);text-decoration:none}.bb .more:hover{text-decoration:underline}
.faq{background:var(--soft)}.faq .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}
.faq-side{position:sticky;top:calc(100px + env(safe-area-inset-top,0px))}
.faq-card{background:var(--k);color:#fff;border-radius:18px;padding:24px;margin-top:24px}.faq-card h3{margin:0 0 .3em}.faq-card p{margin:0 0 16px}
.faq details{background:var(--bg);border:1px solid #d4d4d4;border-radius:14px;margin-bottom:12px;overflow:hidden}
.faq summary{cursor:pointer;list-style:none;padding:18px 54px 18px 20px;font-weight:700;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.6rem;line-height:1;color:var(--o);transition:transform .25s}
.faq details[open]{border-color:var(--o)}.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.fa{padding:0 20px 20px;animation:fadein .3s}@keyframes fadein{from{opacity:0;transform:translateY(-6px)}}
.abody{max-width:780px;margin:0 auto;padding:60px 22px}.abody p{font-size:1.1rem;line-height:1.85;margin:0 0 1.2em}.abody h2{font-size:1.6rem;margin-top:1.4em}.abody li{margin-bottom:.6em}
.acta{margin-top:36px;border-radius:18px;background:var(--k);color:#fff;padding:26px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.acta h3{margin:0;max-width:20em}
@media(max-width:900px){.faq .wrap{grid-template-columns:1fr;gap:28px}.faq-side{position:static}}
img,svg{max-width:100%;height:auto}.pic svg,.sfig svg,.agent svg{height:100%}.agent svg{height:auto}
footer{padding-bottom:96px}
@media(max-width:480px){.cta .btn,.band .btn,.acta .btn{flex:1 1 100%;text-align:center}.wrap{padding:0 16px}h2{font-size:1.7rem}.brand span{font-size:1rem}}
@media(max-width:360px){.reg{font-size:.8rem;padding:10px 12px}.brand span{display:none}}