:root{
  --orange:#ff8500; --orange-d:#e07400; --orange-l:#fff3e5;
  --dark:#2f2f2f; --dark-2:#3d3d3d;
  --g1:#f6f6f6; --g2:#ececec; --g3:#d9d9d9; --g4:#8a8a8a;
  --white:#fff; --text:#2f2f2f; --muted:#6b6b6b;
  --r:2px;
  --font:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:auto}
body{font-family:var(--font);color:var(--text);background:var(--white);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
.wrap{width:min(1120px,100% - 40px);margin-inline:auto}
h1,h2,h3,h4{line-height:1.15;letter-spacing:-.02em;font-weight:700}
h1{font-size:clamp(2.2rem,4.8vw,3.6rem)}
h2{font-size:clamp(1.7rem,3vw,2.3rem)}
h3{font-size:1.1rem}
.or{color:var(--orange)}
.label{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange-d);margin-bottom:14px}
.lead{font-size:1.1rem;color:var(--muted);max-width:620px}
section{padding:84px 0}
.alt{background:var(--g1);border-block:1px solid var(--g2)}
.sec-head{margin-bottom:44px;max-width:680px}
.sec-head.c{margin-inline:auto;text-align:center}.sec-head.c .lead{margin-inline:auto}
.sec-head h2{margin-bottom:12px}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--r);font-weight:600;font-size:.95rem;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}
.btn-p{background:var(--orange);color:#fff}.btn-p:hover{background:var(--orange-d)}
.btn-o{background:#fff;border-color:var(--g3);color:var(--text)}.btn-o:hover{border-color:var(--orange);color:var(--orange-d)}
.btns{display:flex;gap:12px;flex-wrap:wrap}

/* header */
header.nav{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--g2)}
.nav .wrap{display:flex;align-items:center;height:68px;gap:28px}
.nav .logo img{height:38px;width:auto}
.nav nav{display:flex;gap:2px;margin-left:auto}
.nav nav a{padding:8px 13px;font-size:.92rem;font-weight:500;color:var(--dark-2);border-radius:var(--r);border-bottom:2px solid transparent}
.nav nav a:hover{background:var(--g1)}
.nav nav a.on{color:var(--orange-d);border-bottom-color:var(--orange);border-radius:0}
.nav .btn{padding:10px 18px}
.burger{display:none;background:none;border:1px solid var(--g3);width:42px;height:38px;cursor:pointer;border-radius:var(--r)}
.burger span{display:block;width:18px;height:2px;background:var(--dark);margin:4px auto}

/* hero */
.hero{padding:76px 0 0;background:var(--white);border-bottom:1px solid var(--g2)}
.hero .wrap{display:grid;grid-template-columns:1fr 1.25fr;gap:56px;align-items:center;padding-bottom:76px}
.hero h1{margin-bottom:18px}
.hero .lead{margin-bottom:28px}
.hero small{display:block;margin-top:18px;color:var(--g4);font-size:.85rem}
.app{border:1px solid var(--g3);border-radius:var(--r);background:#fff}
.app .bar{display:flex;align-items:center;gap:6px;padding:10px 12px;background:var(--g1);border-bottom:1px solid var(--g2)}
.app .bar i{width:9px;height:9px;border-radius:50%;background:var(--g3)}
.app .bar i:first-child{background:var(--orange)}
.app .bar span{margin-left:10px;font-size:.75rem;color:var(--g4);background:#fff;border:1px solid var(--g2);padding:1px 12px;flex:1;max-width:260px}
.app img{width:100%;background:var(--g1)}
.app.light img{background:#fff}
.phero{padding:56px 0;background:var(--g1);border-bottom:1px solid var(--g2)}
.phero .crumbs{font-size:.82rem;color:var(--g4);margin-bottom:14px}.phero .crumbs a:hover{color:var(--orange-d)}
.phero h1{font-size:clamp(1.9rem,3.6vw,2.8rem);margin-bottom:10px}
.phero .lead{max-width:720px}

/* strip */
.strip{padding:30px 0;border-bottom:1px solid var(--g2);overflow:hidden;background:#fff}
.strip .wrap{display:flex;align-items:center;gap:32px}
.strip small{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--g4);flex:none}
.track-w{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.track{display:flex;gap:56px;width:max-content;animation:scroll 34s linear infinite;align-items:center}
.track img{height:34px;width:auto;filter:grayscale(1);opacity:.6}
@keyframes scroll{to{transform:translateX(-50%)}}

/* feature grid */
.grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--g2);border-left:1px solid var(--g2);background:#fff}
.grid.two{grid-template-columns:repeat(2,1fr)}
.cell{padding:30px;border-right:1px solid var(--g2);border-bottom:1px solid var(--g2)}
.cell .n{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid var(--orange);color:var(--orange-d);font-weight:700;font-size:.85rem;margin-bottom:16px;border-radius:var(--r)}
.cell h3{margin-bottom:8px}.cell p{color:var(--muted);font-size:.95rem}
.cell img.i{width:32px;height:32px;margin-bottom:16px}

/* rows */
.row{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
.row.rev>:first-child{order:2}
.row h2{margin-bottom:14px}
.row .lead{margin-bottom:22px}
.ticks{display:grid;gap:10px}
.ticks li{position:relative;padding-left:26px;font-size:.98rem}
.ticks li::before{content:"";position:absolute;left:0;top:.5em;width:12px;height:6px;border-left:2px solid var(--orange);border-bottom:2px solid var(--orange);transform:rotate(-45deg)}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--g3);border-left:1px solid var(--g3);background:#fff}
.stats div{padding:28px;border-right:1px solid var(--g3);border-bottom:1px solid var(--g3)}
.stats b{display:block;font-size:2.6rem;font-weight:700;line-height:1.1;color:var(--orange)}
.stats span{color:var(--muted);font-size:.92rem}
.stats.three{grid-template-columns:repeat(3,1fr)}

/* cards */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.card{background:#fff;border:1px solid var(--g2);display:flex;flex-direction:column;transition:border-color .15s}
.card:hover{border-color:var(--orange)}
.card .im{aspect-ratio:16/9;background:var(--g1);overflow:hidden;border-bottom:1px solid var(--g2)}
.card .im img{width:100%;height:100%;object-fit:cover}
.card .bd{padding:20px;display:grid;gap:8px;align-content:start}
.card .meta{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;color:var(--orange-d);text-transform:uppercase;letter-spacing:.06em}
.card .meta span:last-child{color:var(--g4);text-transform:none;letter-spacing:0;font-weight:500}
.card h3{font-size:1.05rem;line-height:1.35}
.card p{color:var(--muted);font-size:.9rem}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.filters button,.tabs button{border:1px solid var(--g3);background:#fff;padding:8px 18px;font-weight:600;cursor:pointer;font-family:inherit;font-size:.88rem;border-radius:var(--r);color:var(--dark-2)}
.filters button.on,.tabs button.on{background:var(--dark);border-color:var(--dark);color:#fff}
.filters button:hover:not(.on),.tabs button:hover:not(.on){border-color:var(--orange)}

/* CTA */
.cta{background:var(--dark);color:#fff;padding:52px;display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;border-left:4px solid var(--orange)}
.cta h2{margin-bottom:8px}.cta p{color:#c8c8c8;max-width:560px}
.cta .btn-o{background:transparent;color:#fff;border-color:#6a6a6a}.cta .btn-o:hover{border-color:var(--orange);color:var(--orange)}

/* faq */
.videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}
.vid .frame{aspect-ratio:16/9;border:1px solid var(--g3);background:var(--dark)}
.vid iframe{width:100%;height:100%;border:0;display:block}
.vid h3{margin-top:12px;font-size:.98rem}
.vid p{color:var(--muted);font-size:.88rem}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.panel{display:none;gap:8px}.panel.on{display:grid}
details{background:#fff;border:1px solid var(--g2)}
details[open]{border-color:var(--orange)}
summary{list-style:none;cursor:pointer;padding:16px 20px;font-weight:600;font-size:.97rem;display:flex;justify-content:space-between;gap:20px;align-items:center}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--orange);font-size:1.4rem;line-height:1;flex:none}
details[open] summary::after{content:"−"}
details p{padding:0 20px 18px;color:var(--muted)}

/* article */
.article{width:min(740px,100% - 40px);margin-inline:auto}
.article p,.article ul{margin-bottom:20px;font-size:1.03rem}
.article ul{list-style:disc;padding-left:22px}
.article .hero-img{width:100%;border:1px solid var(--g2);margin-bottom:34px}
.article figure img{width:100%;border:1px solid var(--g2);margin:6px 0 26px}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.tags span{border:1px solid var(--g3);padding:3px 12px;font-size:.8rem;color:var(--muted)}

/* contact */
.boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));border-top:1px solid var(--g2);border-left:1px solid var(--g2);background:#fff}
.box{padding:30px;border-right:1px solid var(--g2);border-bottom:1px solid var(--g2)}
.box h3{margin-bottom:8px}.box p,.box address{color:var(--muted);font-style:normal;font-size:.95rem}
.box a.l{color:var(--orange-d);font-weight:600}
.box .t{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g4);margin-bottom:10px;display:block}

/* footer */
footer{background:var(--dark);color:#bdbdbd;padding:64px 0 28px;font-size:.92rem}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:40px;border-bottom:1px solid #4a4a4a}
footer img.fl{height:38px;width:auto;margin-bottom:16px}
footer h4{color:#fff;font-size:.85rem;margin-bottom:14px;letter-spacing:.04em;text-transform:uppercase}
footer li{margin-bottom:8px}footer a:hover{color:var(--orange)}
.soc{display:flex;gap:8px;margin-top:16px}
.soc a{width:34px;height:34px;border:1px solid #5a5a5a;display:grid;place-items:center;font-size:.7rem;font-weight:700;color:#fff;border-radius:var(--r)}
.soc a:hover{background:var(--orange);border-color:var(--orange);color:#fff}
.fbottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:24px;font-size:.85rem}

@media(max-width:980px){
  section{padding:60px 0}
  .hero .wrap,.row{grid-template-columns:1fr;gap:36px}.row.rev>:first-child{order:0}
  .grid,.grid.two{grid-template-columns:1fr 1fr}
  .stats,.stats.three{grid-template-columns:1fr 1fr}
  .fgrid{grid-template-columns:1fr 1fr}
  .burger{display:block}.nav .btn{margin-left:auto}
  .nav nav{position:fixed;inset:68px 0 0;background:#fff;flex-direction:column;padding:16px 20px;transform:translateX(100%);transition:transform .2s;margin:0;overflow:auto;border-top:1px solid var(--g2)}
  .nav nav.open{transform:none}
  .nav nav a{padding:14px 4px;border-bottom:1px solid var(--g2);font-size:1.05rem;border-radius:0}
  .strip small{display:none}
}
@media(max-width:600px){
  .grid,.grid.two,.stats,.stats.three{grid-template-columns:1fr}
  .cta{padding:32px 22px}
  .nav .btn{padding:9px 12px;font-size:.85rem}
  .fgrid{grid-template-columns:1fr}
}

.free{font-style:normal;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--orange);color:#fff;padding:2px 8px;margin-left:8px;vertical-align:middle;border-radius:var(--r)}
.grid.four{grid-template-columns:repeat(4,1fr)}
.built{display:flex;gap:10px 28px;flex-wrap:wrap;font-size:.92rem;font-weight:500;color:var(--dark-2)}
.built li::before{content:"";display:inline-block;width:6px;height:6px;background:var(--orange);margin-right:10px;vertical-align:middle}
.hero .journey{margin-top:16px}
.journey{border:1px solid var(--g3);background:#fff;padding:18px 20px}
.journey .jh{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--g4)}
.journey .jh b{background:var(--orange);color:#fff;padding:2px 10px;border-radius:var(--r);letter-spacing:.04em}
.journey .jt{font-weight:700;margin:6px 0 12px}
.jr{display:flex;gap:12px;padding:7px 0;border-top:1px solid var(--g2);align-items:flex-start}
.jr i{width:14px;height:14px;border:2px solid var(--orange);margin-top:4px;flex:none;border-radius:50%}
.jr b{display:block;font-size:.9rem;line-height:1.3}.jr small{color:var(--muted);font-size:.8rem}
.flow{display:grid;gap:0;border:1px solid var(--g3);background:#fff}
.flow div{padding:20px 24px;border-bottom:1px solid var(--g2);font-weight:600;display:flex;align-items:center;gap:16px}
.flow div:last-child{border-bottom:0}
.flow b{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--orange);color:var(--orange-d);border-radius:var(--r)}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips li{border:1px solid var(--g3);background:#fff;padding:10px 20px;font-weight:600;font-size:.92rem;border-radius:var(--r)}
.chips li:hover{border-color:var(--orange);color:var(--orange-d)}
@media(max-width:980px){.grid.four{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.grid.four{grid-template-columns:1fr}}

/* background elements */
section,.hero,.phero{position:relative;isolation:isolate}
.alt::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--g2) 1px,transparent 1px),linear-gradient(90deg,var(--g2) 1px,transparent 1px);background-size:48px 48px;opacity:.55;mask-image:linear-gradient(115deg,#000,transparent 55%)}
.alt::after{content:"";position:absolute;right:0;top:0;width:120px;height:120px;z-index:-1;background:linear-gradient(225deg,var(--orange-l) 50%,transparent 50%)}
section:not(.alt):not(.hero):not(.phero):not(.band):not(.cta-full):not(.hl)::before{content:"";position:absolute;left:0;top:70px;width:90px;height:180px;z-index:-1;background-image:radial-gradient(var(--g3) 1.5px,transparent 1.5px);background-size:16px 16px;opacity:.7}
section:not(.alt):not(.hero):not(.phero):not(.band):not(.cta-full):not(.hl)::after{content:"";position:absolute;right:5%;bottom:40px;width:64px;height:64px;z-index:-1;border:2px solid var(--orange-l)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:
 linear-gradient(rgba(47,47,47,.05) 1px,transparent 1px) 0 0/48px 48px,
 linear-gradient(90deg,rgba(47,47,47,.05) 1px,transparent 1px) 0 0/48px 48px,
 linear-gradient(180deg,#fff,var(--g1))}
.hero::after{content:"";position:absolute;right:-6%;top:0;bottom:0;width:48%;background:linear-gradient(180deg,#fff3e5,#ffe2c2);transform:skewX(-12deg);border-left:3px solid var(--orange);z-index:-1}
.phero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(var(--g3) 1.5px,transparent 1.5px);background-size:20px 20px;opacity:.6;mask-image:linear-gradient(90deg,transparent 40%,#000)}
.phero::after{content:"";position:absolute;right:0;top:0;bottom:0;width:8px;background:var(--orange);z-index:-1}
.stage{position:relative;padding:44px 36px;background:var(--orange-l);border:1px solid #ffd9ad}
.stage::before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(#ffd9ad 1px,transparent 1px),linear-gradient(90deg,#ffd9ad 1px,transparent 1px);background-size:28px 28px;opacity:.55}
.stage .journey{position:relative;z-index:1;margin:0}
.cta{position:relative;overflow:hidden}
.cta::after{content:"";position:absolute;right:-40px;top:-40px;width:200px;height:200px;border:2px solid rgba(255,133,0,.35);transform:rotate(45deg);pointer-events:none}
.cta>*{position:relative;z-index:1}
@media(max-width:980px){.hero::before{background:#fff}.stage{padding:28px 20px}}

.cell .ic{display:grid;place-items:center;width:46px;height:46px;background:var(--orange-l);color:var(--orange-d);margin-bottom:16px;border:1px solid #ffd9ad;border-radius:var(--r)}
.cell .ic svg{width:24px;height:24px}
.band{padding:72px 0;background:var(--orange);color:#fff;overflow:hidden}
.band::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(90deg,transparent 30%,#000)}
.band::after{content:"";position:absolute;right:-60px;top:-60px;bottom:-60px;width:320px;background:rgba(0,0,0,.08);transform:skewX(-14deg);z-index:-1;border:0}
.band .wrap{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.band .label{color:var(--dark)}
.band h2{max-width:720px;margin-bottom:10px}.band p{max-width:640px;color:#fff3e5}
.band .btn-p{background:var(--dark);color:#fff}.band .btn-p:hover{background:#000}
.cta-full{padding:84px 0;background:var(--dark);color:#fff;overflow:hidden}
.cta-full::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 70%)}
.cta-full::after{content:"";position:absolute;right:-80px;top:0;bottom:0;width:380px;background:rgba(255,133,0,.16);border-left:3px solid var(--orange);transform:skewX(-14deg);z-index:-1}
.cta-full .wrap{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.cta-full h2{margin-bottom:10px;max-width:640px}.cta-full p{color:#c8c8c8;max-width:560px}
.cta-full .btn-o{background:transparent;color:#fff;border-color:#707070}.cta-full .btn-o:hover{border-color:var(--orange);color:var(--orange)}

footer{background:#222}

.illus{max-width:420px;border:1px solid var(--g3);background:#fff;padding:0;margin-inline:auto}.illus img{width:100%}

.glance{align-items:stretch}.glance>div{display:flex}.glance .app{width:100%;display:flex;flex-direction:column}.glance .app img{flex:1;min-height:0;height:440px;width:100%;object-fit:contain;background:#fff;padding:12px}
@media(max-width:600px){.glance .app img{height:300px}}

/* highlighted section */
.hl{background:var(--orange-l);color:var(--text);border-block:1px solid #ffd9ad;overflow:hidden}
.hl::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffd9ad 1px,transparent 1px),linear-gradient(90deg,#ffd9ad 1px,transparent 1px);background-size:44px 44px;opacity:.5;mask-image:linear-gradient(115deg,#000,transparent 75%)}
.hl::after{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--orange);z-index:-1}
.hl .label{color:var(--orange-d)}
.hl .lead{color:var(--muted)}
.hl-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;margin-bottom:44px}
.hl-head h2{max-width:640px;margin-bottom:12px}
.ai-badge{background:var(--orange);color:#fff;font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;padding:8px 16px;border-radius:var(--r)}
.hl-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.hl-step{padding:28px;background:#fff;border:1px solid #ffd9ad;border-top:4px solid var(--orange);position:relative}
.hl-step b{display:block;color:var(--orange);font-size:2rem;font-weight:700;line-height:1;margin-bottom:14px}
.hl-step h3{margin-bottom:6px}.hl-step p{color:var(--muted);font-size:.95rem}
.hl-step:not(:last-child)::after{content:"→";position:absolute;right:-20px;top:50%;transform:translateY(-50%);z-index:2;background:var(--dark);color:#fff;width:20px;height:20px;display:grid;place-items:center;font-size:.8rem;border-radius:var(--r)}
.hl-out{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.hl-out span{background:var(--dark);color:#fff;padding:6px 16px;font-weight:700;font-size:.85rem;letter-spacing:.06em}
@media(max-width:980px){.hl-steps{grid-template-columns:1fr 1fr}.hl-step:not(:last-child)::after{display:none}}
@media(max-width:600px){.hl-steps{grid-template-columns:1fr}}

/* blog detail */
.post-head .chip{display:inline-block;background:var(--orange);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;margin-bottom:14px}
.post-head h1{max-width:860px}
.byline{display:flex;align-items:center;gap:12px;margin-top:20px}
.byline .av{width:42px;height:42px;background:var(--dark);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.85rem}
.byline b{display:block;line-height:1.2}.byline small{color:var(--g4)}
.post-body{padding-top:48px}
.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start}
.post-layout .article{width:auto;margin:0}
.post-layout .article p{font-size:1.07rem;line-height:1.75}
.post-layout .article>p:first-of-type{font-size:1.2rem;color:var(--dark);font-weight:500}
.article blockquote{border-left:4px solid var(--orange);background:var(--g1);padding:20px 24px;margin:0 0 22px;font-size:1.1rem;font-style:italic}
.side{position:sticky;top:90px;display:grid;gap:20px}
.s-card{border:1px solid var(--g2);padding:24px;background:#fff}
.s-card h3{margin-bottom:10px}.s-card p{color:var(--muted);font-size:.93rem;margin-bottom:16px}
.s-card.dark{background:var(--dark);color:#fff;border-left:4px solid var(--orange);border-color:var(--dark)}.s-card.dark p{color:#c8c8c8}
.s-card .l{color:var(--orange-d);font-weight:600}
.recent{display:grid}
.recent a{padding:12px 0;border-top:1px solid var(--g2)}.recent a:first-child{border-top:0;padding-top:0}
.recent b{display:block;font-size:.92rem;line-height:1.35}.recent small{color:var(--g4)}
.recent a:hover b{color:var(--orange-d)}
.share{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:34px 0 0;padding:20px 0;border-block:1px solid var(--g2)}
.share b{margin-right:8px;font-size:.9rem}
.share a,.share button{border:1px solid var(--g3);background:#fff;padding:6px 14px;font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;border-radius:var(--r);color:var(--text)}
.share a:hover,.share button:hover{border-color:var(--orange);color:var(--orange-d)}
.pnav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
.pn{border:1px solid var(--g2);padding:16px 18px;display:grid;gap:4px}.pn:hover{border-color:var(--orange)}
.pn.r{text-align:right;grid-column:2}.pn small{color:var(--orange-d);font-weight:700;font-size:.78rem}.pn b{font-size:.92rem;line-height:1.35}
@media(max-width:980px){.post-layout{grid-template-columns:1fr}.side{position:static}}
/* contact */
.topics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--g2);border-left:1px solid var(--g2)}
.topic{padding:28px;border-right:1px solid var(--g2);border-bottom:1px solid var(--g2);background:#fff;display:grid;gap:8px;align-content:start;transition:background .15s}
.topic:hover{background:var(--orange-l)}
.topic p{color:var(--muted);font-size:.93rem}
.topic span{color:var(--orange-d);font-weight:700;font-size:.9rem;margin-top:6px}
.follow{margin-top:34px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.follow a{border:1px solid var(--g3);padding:6px 16px;font-weight:600;font-size:.88rem}.follow a:hover{border-color:var(--orange);color:var(--orange-d)}
@media(max-width:980px){.topics{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.topics{grid-template-columns:1fr}.pnav{grid-template-columns:1fr}.pn.r{grid-column:auto}}

.hl-steps.three{grid-template-columns:repeat(3,1fr)}
@media(max-width:980px){.hl-steps.three{grid-template-columns:1fr}}

/* hero extras */
.hero .wrap{grid-template-columns:1.05fr 1fr;gap:64px;padding-bottom:84px}
.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}
.hero-tags li{border:1px solid var(--g3);background:#fff;padding:5px 14px;font-size:.84rem;font-weight:600}
.hero-tags li::before{content:"";display:inline-block;width:8px;height:8px;background:var(--orange);margin-right:8px}
.hero-proof{display:flex;gap:0;margin-top:30px;border-top:1px solid var(--g3);padding-top:20px}
.hero-proof div{padding-right:28px;margin-right:28px;border-right:1px solid var(--g3)}
.hero-proof div:last-child{border:0;margin:0;padding:0}
.hero-proof b{display:block;font-size:1.35rem;line-height:1.2}.hero-proof span{color:var(--muted);font-size:.85rem}
.hero .stage{background:transparent;border:0;padding:84px 14px 84px 28px}
.hero .stage::before{display:none}
.hero .stage .journey{box-shadow:12px 12px 0 var(--orange)}
.float{position:absolute;z-index:2;background:#fff;border:1px solid var(--g3);padding:12px 16px;display:flex;gap:12px;align-items:center;box-shadow:6px 6px 0 var(--dark)}
.float .fi{display:grid;place-items:center;min-width:38px;height:38px;background:var(--orange-l);color:var(--orange-d);font-weight:700;font-size:.72rem;border:1px solid #ffd9ad}
.float small{display:block;color:var(--muted);font-size:.72rem;line-height:1.2}.float b{font-size:.9rem;line-height:1.3}
.float.f1{left:0;top:10px}
.float.f2{right:-14px;top:42%}
.float.f3{left:34px;bottom:14px}
@media(max-width:980px){.hero::after{display:none}.hero .stage{padding:24px 14px}.float.f1{left:0}.float.f2{right:0}.float.f3{left:0}}
@media(max-width:600px){.float{display:none}.hero-proof div{padding-right:14px;margin-right:14px}}

/* compact hero */
.hero{padding-top:36px}
.hero .wrap{gap:48px;padding-bottom:44px}
.hero h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:14px}
.hero .lead{margin-bottom:20px;font-size:1.02rem}
.hero-tags{margin-top:18px}
.hero-proof{margin-top:20px;padding-top:14px}
.hero .stage{padding:60px 14px 56px 28px}
.hero .stage .journey{padding:14px 18px}
.hero .stage .journey .jt{margin:4px 0 8px}
.hero .stage .jr{padding:5px 0}
.float.f1{top:6px}.float.f3{bottom:8px}
.hero .stage{padding:76px 14px 72px 28px}
.float.f1{top:8px}.float.f3{bottom:10px}

/* lifecycle process */
.process-sec{background:#fff;padding:96px 0}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:none;position:relative;list-style:none}
.process::before{content:"";position:absolute;left:12.5%;right:12.5%;top:27px;height:3px;background:repeating-linear-gradient(90deg,var(--orange) 0 10px,transparent 10px 18px);z-index:0}
.p-step{position:relative;padding:0 18px;text-align:center;display:flex;flex-direction:column;align-items:center}
.p-top{position:relative;z-index:1;display:flex;align-items:center;gap:0;margin-bottom:20px}
.p-num{display:grid;place-items:center;width:56px;height:56px;background:var(--orange);color:#fff;font-weight:800;font-size:1.5rem;box-shadow:5px 5px 0 var(--dark)}
.p-top .ic{position:absolute;right:-44px;top:-6px;width:34px;height:34px;display:grid;place-items:center;background:#fff;border:1px solid var(--g3);color:var(--orange-d)}
.p-top .ic svg{width:18px;height:18px}
.p-step h3{font-size:1.25rem;margin-bottom:8px}
.p-step p{color:var(--muted);font-size:.95rem;max-width:250px}
.p-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:16px}
.p-tags li{border:1px solid var(--g3);background:var(--g1);padding:3px 10px;font-size:.76rem;font-weight:600;color:var(--dark-2)}
.p-step:not(:last-child)::after{content:"";position:absolute;top:19px;right:-8px;width:16px;height:16px;border-top:3px solid var(--orange);border-right:3px solid var(--orange);transform:rotate(45deg);z-index:2;background:transparent}
.center-btn{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:50px}
@media(max-width:980px){
 .process{grid-template-columns:1fr 1fr;gap:40px 0}.process::before{display:none}.p-step:not(:last-child)::after{display:none}
}
@media(max-width:600px){
 .process{grid-template-columns:1fr}
}

.cell .c-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}
.cell .c-top .ic{margin-bottom:0}
.cell .c-n{font-size:.85rem;font-weight:700;color:var(--g3);letter-spacing:.06em}

/* contact: reach cards */
.reach{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.r-card{position:relative;background:#fff;border:1px solid var(--g3);border-top:4px solid var(--orange);padding:34px 30px;display:flex;flex-direction:column;gap:10px;transition:transform .15s,box-shadow .15s}
.r-card:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--orange)}
.r-card .r-ic{width:58px;height:58px;display:grid;place-items:center;background:var(--orange-l);border:1px solid #ffd9ad;color:var(--orange-d);margin-bottom:8px}
.r-card .r-ic .ic{all:unset;display:grid;place-items:center}
.r-card .r-ic svg{width:28px;height:28px}
.r-card .t{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g4)}
.r-card h3{font-size:1.4rem}
.r-card p{color:var(--muted);font-size:.96rem}
.r-card small{color:var(--g4);font-size:.82rem}
.r-card .r-num{font-size:1.45rem;font-weight:700;color:var(--orange-d);letter-spacing:-.01em;margin-top:6px}
.r-card .btn{margin-top:auto;align-self:flex-start}
.r-card.hi{background:var(--dark);color:#fff;border-color:var(--dark);border-top-color:var(--orange)}
.r-card.hi p{color:#c8c8c8}.r-card.hi small{color:#a8a8a8}.r-card.hi .t{color:#a8a8a8}
.r-card.hi .r-ic{background:rgba(255,133,0,.15);border-color:#6a4a1f;color:var(--orange)}
.r-card.hi:hover{box-shadow:6px 6px 0 var(--orange)}
.quick{background:linear-gradient(180deg,#fff,var(--g1))}
@media(max-width:980px){.reach{grid-template-columns:1fr}}

/* offices */
.offices .map{position:relative;overflow:hidden;aspect-ratio:16/6;background:#fff;border:1px solid var(--g3);margin-bottom:24px}
.offices .map::after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--g2) 1px,transparent 1px),linear-gradient(90deg,var(--g2) 1px,transparent 1px);background-size:40px 40px;opacity:.6;pointer-events:none}
.map-inner{position:absolute;width:200%;left:-56%;top:-47%}
.map-inner img{width:100%;display:block;opacity:.9}
.pin{position:absolute;display:flex;align-items:center;gap:8px;transform:translate(-6px,-6px);z-index:2}
.pin i{width:14px;height:14px;background:var(--orange);border:3px solid #fff;box-shadow:0 0 0 3px rgba(255,133,0,.35);flex:none}
.pin b{background:var(--dark);color:#fff;font-size:.8rem;padding:3px 10px;letter-spacing:.02em;white-space:nowrap}
.offs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.off{position:relative;background:#fff;border:1px solid var(--g3);border-top:4px solid var(--orange);padding:30px;display:flex;flex-direction:column;gap:6px}
.off .cc{position:absolute;right:24px;top:20px;font-size:2.2rem;font-weight:800;color:var(--g2);letter-spacing:.02em;line-height:1}
.off .t{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange-d)}
.off h3{font-size:1.15rem;margin:4px 0 4px;max-width:85%}
.off address{font-style:normal;color:var(--muted);font-size:.95rem;margin-bottom:8px}
.off .l{font-weight:700;color:var(--text)}.off .l:hover{color:var(--orange-d)}
.off .dir{margin-top:auto;padding-top:14px;color:var(--orange-d);font-weight:700;font-size:.9rem}
@media(max-width:980px){.offs{grid-template-columns:1fr}.offices .map{aspect-ratio:16/9}.map-inner{top:-30%}}

.offs{grid-template-columns:repeat(2,1fr)}
@media(max-width:980px){.offs{grid-template-columns:1fr}}

/* subnav */
html{scroll-padding-top:120px}
.subnav{position:sticky;top:68px;z-index:40;background:#fff;border-bottom:1px solid var(--g2)}
.subnav ul{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:0}
.subnav ul::-webkit-scrollbar{display:none}
.subnav a{display:block;padding:14px 16px;font-size:.88rem;font-weight:600;color:var(--muted);white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-1px}
.subnav a:hover{color:var(--text)}
.subnav a.on{color:var(--orange-d);border-bottom-color:var(--orange)}

.illus img{height:auto;aspect-ratio:480/340}
.glance .app img{aspect-ratio:auto}

/* language switcher */
.lang{display:flex;border:1px solid var(--g3);margin-left:4px}
.lang a{padding:7px 10px;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--muted);line-height:1}
.lang a+a{border-left:1px solid var(--g3)}
.lang a:hover{color:var(--text);background:var(--g1)}
.lang a.on{background:var(--dark);color:#fff}
@media(max-width:980px){.nav .lang{margin-left:auto}.nav .lang~.btn{margin-left:0}}

/* responsive fixes (must come after the hero overrides above) */
.nav .logo{flex:none}
@media(max-width:980px){.hero .wrap{grid-template-columns:1fr;gap:36px}.hero .stage{padding:24px 0}}
@media(max-width:560px){.nav .wrap{gap:12px}.nav>.wrap>.btn{display:none}.nav .lang{margin-left:auto}.nav .lang a{padding:7px 9px}}