/* Startup One | pastel bento, black pill buttons, single page. Rebrand via :root. */
:root{--ink:#11121f;--peri:#cdd5ff;--peach:#ffd9c7;--mint:#c9f0de;--butter:#fff0b3;--lilac:#e7d6ff;--coral:#ff6b4a;--bg:#f6f6fa;--mute:#5a5c70;--w:#fff;
--fd:'Outfit','Segoe UI',system-ui,sans-serif;--fb:'DM Sans','Segoe UI',system-ui,sans-serif;--r:30px;--ease:cubic-bezier(.22,.8,.2,1)}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font:400 1.05rem/1.7 var(--fb);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}ul{list-style:none;padding:0}button{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--fd);font-weight:700;line-height:1.05;letter-spacing:-.03em}
h1{font-size:clamp(2.6rem,5.6vw,4.8rem)}h2{font-size:clamp(2rem,4vw,3.4rem)}h3{font-size:1.35rem;line-height:1.2}
.wrap{width:min(1200px,92%);margin-inline:auto}section{padding:5.5rem 0;scroll-margin-top:90px}
:focus-visible{outline:3px solid var(--coral);outline-offset:3px}svg{width:1.3em;height:1.3em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.sr{position:absolute;left:-9999px}
.btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;gap:.7rem;padding:.95rem 1.8rem;border:0;border-radius:99px;background:var(--ink);color:#fff;font:600 1rem var(--fb);cursor:pointer;transition:transform .4s var(--ease),color .4s}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--coral);border-radius:inherit;transform:translateY(101%);transition:transform .5s var(--ease)}.btn:hover::before{transform:none}.btn:hover{transform:translateY(-3px)}.btn:active{transform:scale(.97)}.btn svg{transition:transform .4s var(--ease)}.btn:hover svg{transform:translateX(5px)}
.btn.wh{background:#fff;color:var(--ink)}.btn.wh::before{background:var(--ink)}.btn.wh:hover{color:#fff}.btn.ol{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}.btn.ol::before{background:var(--ink)}.btn.ol:hover{color:#fff}
.tag{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;border-radius:99px;background:#fff;font-weight:600;font-size:.88rem;margin-bottom:1.2rem}.tag::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--coral)}
.sh{max-width:660px;margin-bottom:3rem}.sh p{color:var(--mute);margin-top:1rem}.sh.c{margin-inline:auto;text-align:center}
.t{border-radius:var(--r);padding:2rem;transition:transform .5s var(--ease)}.t:hover{transform:translateY(-8px) rotate(-.6deg)}.b1{background:var(--peri)}.b2{background:var(--peach)}.b3{background:var(--mint)}.b4{background:var(--butter)}.b5{background:var(--lilac)}.bw{background:#fff}.bk{background:var(--ink);color:#fff}
/* header */
header{position:sticky;top:14px;z-index:60;margin-top:14px}.hd{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative;padding:.55rem .6rem .55rem 1.4rem;border-radius:99px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(17,18,31,.08)}
.logo{display:flex;align-items:center;gap:.6rem;font:800 1.45rem var(--fd);letter-spacing:-.04em}.logo i{width:2.3rem;height:2.3rem;display:grid;place-items:center;border-radius:12px;background:var(--ink);color:#fff;font-style:normal;transform:rotate(-8deg);transition:transform .5s var(--ease)}.logo:hover i{transform:rotate(8deg) scale(1.1)}
nav>ul{display:flex;gap:.3rem}nav a.nl{display:block;padding:.6rem 1.15rem;border-radius:99px;font-weight:600;transition:background .3s,color .3s,transform .3s}nav a.nl:hover{background:var(--bg);transform:translateY(-2px)}nav a.on{background:var(--ink);color:#fff}nav a.on:hover{background:var(--ink)}
.hd .btn{padding:.75rem 1.5rem}#nt,.burger{display:none}.burger{width:2.8rem;height:2.8rem;place-items:center;border-radius:50%;background:var(--bg);cursor:pointer}
@media(max-width:960px){.burger{display:grid}.hd .btn{display:none}
nav{position:absolute;top:calc(100% + 10px);right:0;width:min(340px,100%);padding:1rem;border-radius:var(--r);background:#fff;box-shadow:0 30px 60px rgba(17,18,31,.2);transform-origin:top right;transform:scale(.9);opacity:0;visibility:hidden;transition:transform .45s var(--ease),opacity .3s,visibility 0s .45s}#nt:checked~nav{transform:none;opacity:1;visibility:visible;transition:transform .45s var(--ease),opacity .3s}
nav>ul{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}nav li:nth-child(1) a{background:var(--peri)}nav li:nth-child(2) a{background:var(--peach)}nav li:nth-child(3) a{background:var(--mint)}nav li:nth-child(4) a{background:var(--butter)}nav li:nth-child(5) a{background:var(--lilac);grid-column:span 2}nav a.nl{padding:1.1rem 1rem;border-radius:20px;font:700 1.1rem var(--fd);text-align:center}nav a.on{background:var(--ink)!important;color:#fff}}
/* hero deck */
.hero{padding:2.5rem 0 4rem;scroll-margin-top:0}.deck{position:relative}.dk{display:grid;gap:1.4rem}.slide{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:2rem;align-items:center;padding:clamp(1.6rem,4vw,3.5rem);border-radius:40px;overflow:hidden;min-height:540px}.slide.b1{background:var(--peri)}.slide.b2{background:var(--peach)}.slide.b3{background:var(--mint)}
.slide .cp p{color:#3b3d52;font-size:1.15rem;max-width:480px;margin:1.3rem 0 2rem}.acts{display:flex;gap:1rem;flex-wrap:wrap}.slide .d{font:700 clamp(2.6rem,5.6vw,4.8rem)/1.02 var(--fd);letter-spacing:-.03em}
.slide .im{position:relative;aspect-ratio:1/1.02;border-radius:32px;overflow:hidden;transform:rotate(2deg);transition:transform .8s var(--ease)}.slide .im img{transition:transform 6s linear;transform:scale(1.1)}.slide .fl{position:absolute;left:-.4rem;bottom:1.4rem;padding:.8rem 1.2rem;border-radius:20px;background:#fff;font-weight:700;box-shadow:0 14px 30px rgba(17,18,31,.18);animation:bob 5s ease-in-out infinite}.slide .fl small{display:block;color:var(--mute);font-weight:500}@keyframes bob{50%{transform:translateY(-8px)}}
.blob{position:absolute;border-radius:50%;pointer-events:none;opacity:.55}.slide.b1 .blob{background:#fff}.slide.b2 .blob{background:var(--butter)}.slide.b3 .blob{background:var(--peri)}.blob.x{width:260px;height:260px;right:-60px;top:-80px}.blob.y{width:120px;height:120px;left:44%;bottom:-40px}
.js .dk{padding-bottom:76px}.js .slide{grid-area:1/1;transition:transform .9s var(--ease),opacity .9s,visibility 0s}.js .slide[data-p="0"]{transform:none;z-index:3;opacity:1}.js .slide[data-p="1"]{transform:translateY(38px) scale(.955);z-index:2;opacity:.95;pointer-events:none}.js .slide[data-p="2"]{transform:translateY(76px) scale(.91);z-index:1;opacity:.9;pointer-events:none}.js .slide[data-p="0"] .im img{transform:scale(1)}.js .slide[data-p="0"] .im{transform:rotate(0)}.js .slide:not([data-p="0"]) .cp,.js .slide:not([data-p="0"]) .im{visibility:hidden}
.js .slide .cp>*{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js .slide[data-p="0"] .cp>*{opacity:1;transform:none}.js .slide[data-p="0"] .cp>:nth-child(2){transition-delay:.12s}.js .slide[data-p="0"] .cp>:nth-child(3){transition-delay:.24s}.js .slide[data-p="0"] .cp>:nth-child(4){transition-delay:.36s}
.dctl{display:none}.js .dctl{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:absolute;left:clamp(1.6rem,4vw,3.5rem);right:clamp(1.6rem,4vw,3.5rem);bottom:calc(76px + 1.4rem);z-index:5}.dots{display:flex;gap:.5rem}.dots button{height:.7rem;width:.7rem;border:0;border-radius:99px;background:rgba(17,18,31,.25);cursor:pointer;transition:width .5s var(--ease),background .3s}.dots button.on{width:2.6rem;background:var(--ink)}.arr{display:flex;gap:.5rem}.arr button{width:3rem;height:3rem;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;cursor:pointer;transition:transform .3s var(--ease),background .3s,color .3s}.arr button:hover{background:var(--ink);color:#fff;transform:scale(1.08)}
@media(max-width:860px){.slide{grid-template-columns:1fr;min-height:0}.slide .im{aspect-ratio:4/3;order:-1}.js .dctl{bottom:calc(76px + 1rem)}.js .slide .cp{padding-bottom:3.5rem}}
/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:1.4rem}@media(max-width:860px){.stats{grid-template-columns:1fr 1fr}}.stat{padding:1.6rem}.stat b{display:block;font:700 clamp(2.2rem,4vw,3.2rem) var(--fd);line-height:1;letter-spacing:-.04em}.stat span{color:#3b3d52}
/* about */
.ab{display:grid;grid-template-columns:repeat(12,1fr);gap:1.2rem}.ab>*{min-width:0}.a1{grid-column:span 7}.a2{grid-column:span 5;padding:0;overflow:hidden;min-height:340px}.a3{grid-column:span 4}.a4{grid-column:span 4}.a5{grid-column:span 4}@media(max-width:900px){.a1,.a2,.a3,.a4,.a5{grid-column:1/-1}}
.a1 p{color:#3b3d52;margin:1rem 0 1.6rem}.a2 img{transition:transform 1.2s var(--ease)}.a2:hover img{transform:scale(1.06)}.ic{width:3.2rem;height:3.2rem;display:grid;place-items:center;border-radius:16px;background:#fff;margin-bottom:1.1rem;transition:transform .5s var(--ease)}.t:hover .ic{transform:rotate(-10deg) scale(1.1)}.t p{color:#3b3d52;margin-top:.5rem}.bk p{color:#c5c7dc}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.4rem;counter-reset:s}@media(max-width:860px){.steps{grid-template-columns:1fr 1fr}}.stp{counter-increment:s;padding:1.3rem 1.4rem;border-radius:24px;background:#fff;display:flex;gap:.9rem;align-items:center;font-weight:700;transition:transform .4s var(--ease)}.stp:hover{transform:translateY(-5px)}.stp::before{content:counter(s);flex:none;width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font:700 1rem var(--fd)}
/* services */
.sv{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}@media(max-width:960px){.sv{grid-template-columns:1fr 1fr}}@media(max-width:620px){.sv{grid-template-columns:1fr}}.sv .t h3{margin-bottom:.4rem}.sv .t p{margin:0 0 1.2rem}.lk{position:relative;font-weight:700;display:inline-flex;gap:.4rem;align-items:center}.lk::after{content:"";position:absolute;left:0;bottom:-3px;height:2px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}.lk:hover::after,.t:hover .lk::after{transform:scaleX(1);transform-origin:left}
.sv .w{grid-column:span 2;display:grid;grid-template-columns:1.1fr 1fr;gap:1.5rem;align-items:center;padding:0;overflow:hidden}.sv .w>div:first-child{padding:2rem}.sv .w .im{height:100%;min-height:240px;overflow:hidden}.sv .w img{transition:transform 1.1s var(--ease)}.sv .w:hover img{transform:scale(1.07)}@media(max-width:620px){.sv .w{grid-column:auto;grid-template-columns:1fr}.sv .w .im{order:-1}}
/* reviews */
.rv{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.2rem;align-items:start}@media(max-width:960px){.rv{grid-template-columns:1fr 1fr}}@media(max-width:620px){.rv{grid-template-columns:1fr}}.rt{text-align:center}.rt b{display:block;font:700 4.4rem var(--fd);line-height:1;letter-spacing:-.05em}.stars{display:flex;justify-content:center;color:#f2a900;margin:.6rem 0}.stars svg{fill:currentColor;stroke:none;width:1.2rem}.rt p{margin:0 auto}
.q blockquote{font:600 1.15rem/1.5 var(--fb);margin:.8rem 0 1.4rem}.q .stars{justify-content:flex-start;margin:0}.who{display:flex;gap:.9rem;align-items:center}.who img{width:3.2rem;height:3.2rem;border-radius:50%;border:3px solid #fff}.who small{display:block;color:#3b3d52}
/* contact */
.cn{background:var(--ink);color:#fff;border-radius:44px;padding:clamp(1.8rem,5vw,4.5rem);display:grid;grid-template-columns:1fr 1.1fr;gap:3.5rem;align-items:center;position:relative;overflow:hidden}.cn::before{content:"";position:absolute;right:-120px;top:-120px;width:380px;height:380px;border-radius:50%;background:var(--coral);opacity:.25;filter:blur(10px)}@media(max-width:900px){.cn{grid-template-columns:1fr;gap:2.5rem}}.cn>*{position:relative}.cn p.l{color:#c5c7dc;margin:1rem 0 2rem}.info{display:grid;gap:1.1rem}.info li{display:flex;gap:1rem;align-items:center}.info svg{width:3rem;height:3rem;padding:.8rem;border-radius:16px;background:rgba(255,255,255,.12)}.info small{display:block;color:#a9abc4}
form.f{background:#fff;color:var(--ink);padding:2rem;border-radius:30px}label.l{display:block;margin:0 0 .35rem .3rem;font-weight:600;font-size:.9rem}input,textarea,select{font:inherit;color:var(--ink);width:100%;padding:.85rem 1.1rem;border:2px solid transparent;border-radius:16px;background:var(--bg);outline:0;margin-bottom:1rem;transition:border-color .3s,background .3s}input:focus,textarea:focus,select:focus{border-color:var(--ink);background:#fff}.fr{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:560px){.fr{grid-template-columns:1fr}}
/* footer */
footer{margin-top:3rem;padding:3.5rem 0 1.5rem;background:#fff;border-radius:44px 44px 0 0}.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem}@media(max-width:800px){.fg{grid-template-columns:1fr 1fr}}footer h4{font-size:1rem;margin-bottom:1rem}footer li{margin-bottom:.5rem;color:var(--mute)}footer a{transition:color .3s,padding .3s}footer li a:hover{color:var(--coral);padding-left:.3rem}.copy{margin-top:2.5rem;padding-top:1.4rem;border-top:1px solid #e6e6ef;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;color:var(--mute);font-size:.9rem}
.up{position:fixed;right:1.2rem;bottom:1.2rem;z-index:55;width:3.2rem;height:3.2rem;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .4s,transform .4s var(--ease)}.js .up.show{opacity:1;pointer-events:auto;transform:none}.up:hover{background:var(--coral)}
.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js .reveal.show{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .reveal,.js .slide .cp>*{opacity:1;transform:none}}