*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#F6F4EF;color:#141414;font-family:Inter,system-ui,sans-serif}
a{color:#141414}a:hover{color:#0A5E8C}
h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:600;margin:0}
h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1.02;letter-spacing:-.035em}
h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.03em}
input,textarea,select,button{font:inherit}
.wrap{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}
.eyebrow{margin:0 0 16px;font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#0A5E8C}
.sub{margin:0;max-width:520px;font-size:17px;line-height:1.6;color:#3D3B36}
.top{position:absolute;left:0;right:0;top:0;z-index:20}
.nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;padding-bottom:20px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo img{display:block;height:60px;width:auto}
nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;font-size:15px;font-weight:500}
nav a{text-decoration:none}
.pill{display:inline-block;text-decoration:none;padding:15px 26px;border-radius:999px;font-weight:600;font-size:16px;border:none;cursor:pointer}
nav .pill{padding:10px 18px;font-size:15px}
.pill.dark{background:#141414;color:#F6F4EF}
.pill.gold{background:#C9A24A;color:#141414}
.pill.line{border:1.5px solid #141414;color:#141414}
.light{background:#F3F9FC}
.num{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:600;color:#8A6A20}
.stage{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;perspective:900px;overflow:hidden}
.floor{position:absolute;left:50%;bottom:30px;width:160px;height:24px;margin-left:-80px;border-radius:50%;background:radial-gradient(closest-side,rgba(10,94,140,.22),rgba(10,94,140,0))}
.flt{transform-style:preserve-3d;animation:flt 6s ease-in-out infinite}
.c3{position:relative;width:var(--w);height:var(--h);transform-style:preserve-3d;animation:spin var(--t,16s) linear infinite}
.c3>.f{position:absolute;overflow:hidden}
.fr,.bk{left:0;top:0;width:var(--w);height:var(--h)}
.fr{transform:translateZ(calc(var(--d)/2))}
.bk{transform:rotateY(180deg) translateZ(calc(var(--d)/2))}
.rt,.lf{left:calc((var(--w) - var(--d))/2);top:0;width:var(--d);height:var(--h)}
.rt{transform:rotateY(90deg) translateZ(calc(var(--w)/2))}
.lf{transform:rotateY(-90deg) translateZ(calc(var(--w)/2))}
.tp,.bt{left:0;top:calc((var(--h) - var(--d))/2);width:var(--w);height:var(--d)}
.tp{transform:rotateX(90deg) translateZ(calc(var(--h)/2))}
.bt{transform:rotateX(-90deg) translateZ(calc(var(--h)/2))}
.handle{position:absolute;left:28%;top:-38px;width:44%;height:44px;border:4px solid #C9A24A;border-bottom:none;border-radius:30px 30px 0 0}
.disc{position:absolute;inset:0;border-radius:50%;display:flex;align-items:center;justify-content:center}
.sway{animation:sway 7s ease-in-out infinite}
.gal{background:#EAF4F9;position:relative}
#galeria .wrap{position:relative;z-index:2}
.center-head{text-align:center;margin-bottom:64px;display:flex;flex-direction:column;align-items:center}
.center-head h2{margin:0 0 16px}
.swipe{margin:0 0 16px;text-align:right;font-size:14px;font-weight:600;color:#0A5E8C}
.hscroll{overflow:hidden;padding:8px 0 28px;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
.hscroll.drag{cursor:grabbing}
.gtrack{display:flex;gap:36px;width:max-content;will-change:transform}
.hscroll figure{flex:0 0 340px}
.fold{position:relative;width:90px;height:90px;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-38deg);margin-top:30px}
.fold div{position:absolute;transform-style:preserve-3d}
.fold .base{left:0;top:0;width:90px;height:90px;background:#0E6FA3;box-shadow:inset 0 0 0 1px #063A57}
.fold .pn{box-shadow:inset 0 0 0 1px #063A57}
.fold .pf{left:0;top:90px;width:90px;height:60px;transform-origin:50% 0;background:linear-gradient(#0A5E8C 0 40%,#C9A24A 40% 54%,#0A5E8C 54%);animation:fF 7s ease-in-out infinite}
.fold .pb{left:0;top:-60px;width:90px;height:60px;transform-origin:50% 100%;background:linear-gradient(#0A5E8C 0 46%,#C9A24A 46% 60%,#0A5E8C 60%);animation:fB 7s ease-in-out infinite}
.fold .pl{left:-60px;top:0;width:60px;height:90px;transform-origin:100% 50%;background:linear-gradient(90deg,#084A6E 0 46%,#B38E3B 46% 60%,#084A6E 60%);animation:fL 7s ease-in-out infinite}
.fold .pr{left:90px;top:0;width:60px;height:90px;transform-origin:0 50%;background:linear-gradient(90deg,#084A6E 0 40%,#B38E3B 40% 54%,#084A6E 54%);animation:fR 7s ease-in-out infinite}
.fold .lid{left:0;top:-90px;width:90px;height:90px;transform-origin:50% 100%;background:#0E6FA3;box-shadow:inset 0 0 0 1px #063A57,inset 0 0 0 10px #0E6FA3,inset 0 0 0 12px #C9A24A;display:flex;align-items:center;justify-content:center;animation:fLid 7s ease-in-out infinite}
.fold .lid span{font:700 16px 'Space Grotesk',sans-serif;color:#DDB85E;transform:rotate(180deg)}
@keyframes fF{0%,12%{transform:rotateX(0)}38%,78%{transform:rotateX(90deg)}94%,100%{transform:rotateX(0)}}
@keyframes fB{0%,12%{transform:rotateX(0)}38%,78%{transform:rotateX(-90deg)}94%,100%{transform:rotateX(0)}}
@keyframes fL{0%,12%{transform:rotateY(0)}38%,78%{transform:rotateY(90deg)}94%,100%{transform:rotateY(0)}}
@keyframes fR{0%,12%{transform:rotateY(0)}38%,78%{transform:rotateY(-90deg)}94%,100%{transform:rotateY(0)}}
@keyframes fLid{0%,38%{transform:rotateX(0)}52%,72%{transform:rotateX(-90deg)}86%,100%{transform:rotateX(0)}}
figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:20px}
.vitrina{width:100%;height:320px;border-radius:20px;background:linear-gradient(180deg,#FFF,#F3F9FC);box-shadow:0 20px 40px rgba(10,94,140,.1),0 0 0 1px #D5E7F0}
.vitrina .floor{bottom:44px;width:180px;margin-left:-90px}
figcaption{background:#FFF;padding:14px 18px;min-width:220px;border-radius:4px;display:flex;flex-direction:column;gap:4px;box-shadow:0 6px 16px rgba(10,94,140,.1)}
figcaption span:first-child{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#8A6A20}
figcaption strong{font-family:'Space Grotesk',sans-serif;font-size:18px}
figcaption span:last-child{font-size:14px;color:#4A4740}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}
.steps div{border-top:2px solid #141414;padding-top:20px;display:flex;flex-direction:column;gap:10px}
.steps b{font-family:'Space Grotesk',sans-serif;font-size:40px;font-weight:600;color:#0A5E8C}
.steps h3{font-family:Inter,sans-serif;font-size:19px}
.steps p,.why p{margin:0;font-size:15px;line-height:1.6;color:#3D3B36}
.why{display:flex;gap:16px}.why h3{font-family:Inter,sans-serif;font-size:18px;margin-bottom:6px}
.split{display:flex;flex-wrap:wrap;gap:56px}
.contact{display:flex;flex-direction:column;gap:8px;font-size:17px;font-weight:500}.contact span{color:#3D3B36}
.form{flex:1 1 460px;min-width:0;background:#FFF;border:1px solid #DDD8CC;border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:18px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;flex:1 1 200px}
.form input,.form select{height:48px;padding:0 14px;border:1px solid #BDB8AC;border-radius:10px;background:#FFF;font-weight:400}
.form textarea{padding:12px 14px;border:1px solid #BDB8AC;border-radius:10px;resize:vertical;font-weight:400}
.two{display:flex;flex-wrap:wrap;gap:18px}
footer{border-top:1px solid #DDD8CC}
.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:32px;padding-bottom:32px;font-size:14px;color:#5C5950}
@keyframes spin{from{transform:rotateX(-20deg) rotateY(0)}to{transform:rotateX(-20deg) rotateY(360deg)}}
@keyframes sway{0%,100%{transform:rotateX(-8deg) rotateY(-35deg)}50%{transform:rotateX(-8deg) rotateY(35deg)}}
@keyframes flt{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important}.c3{transform:rotateX(-20deg) rotateY(-35deg)}.pf{transform:rotateX(90deg)}.pb{transform:rotateX(-90deg)}.pl{transform:rotateY(90deg)}.pr{transform:rotateY(-90deg)}}
.story{position:relative}
.sticky{position:relative;top:0;height:100vh;overflow:hidden;background:linear-gradient(180deg,#F6F4EF 0%,#F6F4EF 52%,#EAF4F9 100%)}
.stagebox{position:absolute;left:50%;top:50%;transform-origin:50% 50%}
.htxt{position:absolute;display:flex;flex-direction:column;gap:20px;z-index:5}
.htxt h1{font-size:56px;line-height:1.04}
.htxt .lead{margin:0;max-width:600px;font-size:19px;line-height:1.55;color:#3D3B36}
.htxt .btns{display:flex;flex-wrap:wrap;gap:14px}
.htxt .eyebrow{margin:0}
.m .htxt h1{font-size:47px;line-height:1}
.m .htxt .lead{font-size:17px}
.m .htxt .pill{padding:18px 20px;font-size:17px;text-align:center}
.m .htxt .btns{flex-direction:column;gap:12px}
.m .htxt{gap:18px}
.d .htxt h1{font-size:132px;line-height:.96;letter-spacing:-.045em}
.d .htxt .pill{padding:24px 44px;font-size:22px}
.d .htxt{gap:30px}
.d .htxt .btns{gap:18px;margin-top:6px}
.d .htxt .lead{font-size:26px;max-width:700px}
.d .htxt .eyebrow{font-size:18px}
.sc{position:absolute;z-index:1;width:420px;height:440px;perspective:1100px;transform-origin:0 0}
.bfloor{position:absolute;left:90px;top:318px;width:250px;height:48px;border-radius:50%;background:radial-gradient(closest-side,rgba(10,94,140,.30),rgba(10,94,140,0))}
.tilt{position:absolute;left:100px;top:150px;width:220px;height:150px;transform-style:preserve-3d;transform-origin:0 100%}
.bob{width:220px;height:150px;transform-style:preserve-3d}
.spin{position:relative;width:220px;height:150px;transform-style:preserve-3d;--w:220px;--h:150px;--d:200px}
.spin>.f{position:absolute;overflow:hidden;box-sizing:border-box;box-shadow:inset 0 0 0 1px rgba(6,58,87,.55)}
.lidp{position:absolute;left:0;top:calc((var(--h) - var(--d))/2);width:var(--w);height:var(--d);transform:rotateX(90deg) translateZ(calc(var(--h)/2));transform-style:preserve-3d}
.inside{position:absolute;inset:3px;transform:translateZ(-1px);background:radial-gradient(ellipse at 50% 55%,#021C2B 0%,#05324D 55%,#0A4D72 100%)}
.lidg{position:absolute;inset:0;transform-style:preserve-3d}
.lidg>div{position:absolute;box-sizing:border-box}
.ltop{left:-5px;top:-5px;width:calc(100% + 10px);height:calc(100% + 10px);transform:translateZ(20px);background:#0E6FA3;box-shadow:inset 0 0 0 1px #063A57,inset 0 0 0 14px #0E6FA3,inset 0 0 0 16px #C9A24A;display:flex;align-items:center;justify-content:center}
.lrf,.lrb{left:-5px;width:calc(100% + 10px);height:20px;background:linear-gradient(#0A5E8C 0 40%,#C9A24A 40% 62%,#0A5E8C 62%);box-shadow:inset 0 0 0 1px #063A57}
.lrf{top:calc(100% + 5px);transform-origin:50% 0;transform:rotateX(90deg)}
.lrb{top:-25px;transform-origin:50% 100%;transform:rotateX(-90deg)}
.lrl,.lrr{top:-5px;width:20px;height:calc(100% + 10px);background:linear-gradient(90deg,#084A6E 0 40%,#B38E3B 40% 62%,#084A6E 62%);box-shadow:inset 0 0 0 1px #063A57}
.lrl{left:-25px;transform-origin:100% 50%;transform:rotateY(90deg)}
.lrr{left:calc(100% + 5px);transform-origin:0 50%;transform:rotateY(-90deg)}
.trail{position:absolute;height:5px;border-radius:3px;opacity:0}
.burst{position:absolute;width:240px;height:240px;border-radius:50%;border:3px solid #C9A24A;opacity:0}
.dot{position:absolute;width:12px;height:12px;border-radius:50%;opacity:0}
.hint{position:absolute;margin:0;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#0A5E8C}
.shead{padding:88px 0 40px;max-width:640px}
.shead h2{margin:0 0 16px}
.srow{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 48px;padding:48px 0;min-height:300px}
.srow.rev{flex-direction:row-reverse}
.stxt{flex:1 1 260px;max-width:480px;display:flex;flex-direction:column;gap:10px}
.srow.rev .stxt{text-align:right;align-items:flex-end}
.stxt h3{font-size:28px;letter-spacing:-.02em}
.stxt p{margin:0;font-size:16px;line-height:1.6;color:#3D3B36}
.peana{flex:none;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 50% 70%,#FFF 0,#FFF 45%,#E2EFF5 46%,#EAF4F9 70%);box-shadow:0 0 0 6px #F3F9FC,0 0 0 7px #D5E7F0}
.psteps{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;font-weight:500;color:#0A5E8C}
.psteps li{display:flex;align-items:center;gap:7px}
.psteps li:before{content:"";width:7px;height:7px;border-radius:50%;background:#C9A24A}
.flyer{position:fixed;left:0;top:0;width:0;height:0;z-index:30;pointer-events:none;opacity:0}
.fmover{position:absolute;left:0;top:0;width:220px;height:220px;display:flex;align-items:center;justify-content:center;transform-origin:50% 50%;will-change:transform}
.froller{perspective:900px;display:flex;align-items:center;justify-content:center}
.pobj{opacity:0;transition:opacity .15s}
#catTarget{overflow:visible}
#catTarget .burst{left:-20px;top:-20px}
#catTarget .dot{left:94px;top:94px}
.pop .burst{animation:popring .7s ease-out}
.pop .dot{animation:popdot .8s ease-out}
.pop .pobj{animation:popin .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes popring{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(1.5)}}
@keyframes popdot{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(var(--dx),var(--dy))}}
@keyframes popin{0%{transform:scale(.85)}60%{transform:scale(1.12)}100%{transform:scale(1)}}
.first .stxt{opacity:.25;transform:translateY(16px);transition:opacity .5s,transform .5s}
.first.in .stxt{opacity:1;transform:none}
.first .stxt h3{font-size:34px}
.more{font-size:15px;font-weight:600;color:#0A5E8C;text-decoration:none;margin-top:4px}
.svc{position:relative;background:#F3F9FC}
.svc-sticky{position:relative;height:100%;overflow:hidden;perspective:2600px}
.svc-intro{position:relative;z-index:2}
.svc-intro .shead{padding:72px 0 8px}
.svc-intro .srow{padding:24px 0}
.book{position:absolute;left:0;top:0;transform-origin:0 0;transform-style:preserve-3d;opacity:0;z-index:3;pointer-events:none}
.book .pg,.book .leaf{position:absolute;width:var(--pw);height:var(--ph)}
.book.h .pgL{left:0;top:0}.book.h .pgR,.book.h .leaf{left:var(--pw);top:0}
.book.v .pgL{left:0;top:0}.book.v .pgR,.book.v .leaf{left:0;top:var(--ph)}
.book.h .leaf{transform-origin:0 50%}.book.v .leaf{transform-origin:50% 0}
.leaf{transform-style:preserve-3d}
.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.book.h .face.back{transform:rotateY(180deg)}.book.v .face.back{transform:rotateX(180deg)}
.book.h .pgL,.book.h .face.back{background:linear-gradient(90deg,#FCFBF7 0,#FCFBF7 86%,#E6E0D2 100%);box-shadow:-10px 24px 50px rgba(10,94,140,.18)}
.book.h .pgR,.book.h .face.front{background:linear-gradient(90deg,#E6E0D2 0,#FCFBF7 14%,#FCFBF7 100%);box-shadow:10px 24px 50px rgba(10,94,140,.18)}
.book.v .pgL,.book.v .face.back{background:linear-gradient(180deg,#FCFBF7 0,#FCFBF7 86%,#E6E0D2 100%);box-shadow:0 10px 40px rgba(10,94,140,.16)}
.book.v .pgR,.book.v .face.front{background:linear-gradient(180deg,#E6E0D2 0,#FCFBF7 14%,#FCFBF7 100%);box-shadow:0 24px 50px rgba(10,94,140,.18)}
.pg{overflow:hidden}
#cover .face.front{background:#6CC4E8}
.cov{position:absolute;inset:0;padding:64px 56px;display:flex;flex-direction:column;box-sizing:border-box}
.covlogo{width:52%;margin-bottom:28px;filter:brightness(.55) saturate(.8)}
.covbar{width:46%;height:16px;background:#C9A24A}
.covtitle{margin-top:auto;font:700 92px/0.98 'Space Grotesk',sans-serif;color:#0A3550;letter-spacing:-.03em}
.covsub{margin-top:18px;font:600 20px Inter,sans-serif;color:#0A3550;opacity:.8}
.covblk{margin-top:36px;height:30%;background:#0A5E8C}
.pgin{position:absolute;inset:0;box-sizing:border-box}
.pleft{display:flex;align-items:center;justify-content:center}
.pgpe{position:absolute;left:50%;top:50%;width:420px;height:420px;margin:-210px 0 0 -210px;border-radius:50%;background:radial-gradient(circle at 50% 70%,#FFF 0,#FFF 44%,#E2EFF5 46%,#EAF4F9 70%,rgba(234,244,249,0) 71%)}
.big{position:relative;perspective:2000px}
.pright{padding:90px 64px 64px 72px;display:flex;flex-direction:column;gap:18px}
.pright .peye{font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#8A6A20}
.pright h3{font-size:58px;line-height:1.02;letter-spacing:-.03em}
.pright p{margin:0;font-size:20px;line-height:1.6;color:#3D3B36}
.pright .psteps{flex-direction:column;gap:10px;font-size:17px}
.pright a{margin-top:auto;font-size:18px;font-weight:600;color:#0A5E8C;text-decoration:none}
.pgnum{position:absolute;bottom:28px;font:600 14px 'Space Grotesk',sans-serif;color:#9A968B}
.pleft .pgnum{left:40px}.pright .pgnum{right:40px}
.book.v .pright{padding:48px 56px}
.book.v .pright h3{font-size:52px}
.book.v .pright p{font-size:22px}
.book.v .pright .psteps{flex-direction:row;flex-wrap:wrap;font-size:19px}
.bookdots{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:8px;z-index:4;opacity:0}
.bookdots i{width:28px;height:4px;border-radius:2px;background:#C9D9E2}
.bookdots i.on{background:#0A5E8C}
@media (max-width:720px){.hscroll figure{flex-basis:280px}nav a:not(.pill){display:none}.nav{flex-wrap:nowrap;padding-top:14px}nav .pill{padding:9px 14px;font-size:13px}.logo img{height:40px}.srow,.srow.rev{flex-direction:column;justify-content:flex-start}.srow .stage{order:-1}.stxt,.srow.rev .stxt{text-align:center;align-items:center}}
.top .wrap{max-width:none;padding-left:5.5vw;padding-right:5.5vw}
.csec{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 85% 10%,#1273A8 0%,#0A5E8C 45%,#073F5F 100%);color:#FFF}
.cbg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.csplit{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:56px;padding-top:112px;padding-bottom:112px}
.cinfo{flex:1 1 360px;display:flex;flex-direction:column;gap:20px}
.csec .eyebrow{margin:0;color:#6CC4E8}
.csec h2{color:#FFF;font-size:clamp(2.4rem,5vw,4rem)}
.csec .sub{color:#D6E8F2;font-size:18px}
.ccards{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.ccard{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#FFF;text-decoration:none;transition:background .2s}
a.ccard:hover{background:rgba(255,255,255,.15);color:#FFF}
.cico{flex:none;width:46px;height:46px;border-radius:50%;background:#C9A24A;color:#141414;display:flex;align-items:center;justify-content:center}
.ccard span{display:flex;flex-direction:column;gap:2px}
.ccard small{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9FD3EE}
.ccard b{font-size:17px;font-weight:600;line-height:1.4}
.csec .form{flex:1 1 480px;border:none;border-radius:24px;padding:40px;gap:20px;box-shadow:0 30px 80px rgba(2,28,43,.45);color:#141414}
.fhead h3{font-size:30px;letter-spacing:-.02em}
.fhead p{margin:6px 0 0;color:#5C5950;font-size:16px}
.form .fld{display:flex;flex-direction:column;gap:8px;flex:1 1 200px;font-size:14px;font-weight:600}
.form input,.form textarea{width:100%;height:52px;padding:0 16px;border:1.5px solid #E2DED3;border-radius:12px;background:#F8F6F1;font-weight:400;font-size:16px;transition:border-color .2s,background .2s,box-shadow .2s}
.form textarea{height:auto;padding:14px 16px;resize:vertical}
.form input:focus,.form textarea:focus{outline:none;border-color:#0A5E8C;background:#FFF;box-shadow:0 0 0 4px rgba(108,196,232,.35)}
.chips{border:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips legend{padding:0;margin-bottom:8px;font-size:14px;font-weight:600}
.form .chips label{position:relative;cursor:pointer;display:block;flex:none}
.chips input{position:absolute;opacity:0;width:1px;height:1px}
.chips span{display:block;padding:10px 18px;border-radius:999px;border:1.5px solid #E2DED3;background:#F8F6F1;font-size:15px;font-weight:500;transition:all .2s}
.chips input:checked+span{background:#0A5E8C;border-color:#0A5E8C;color:#FFF}
.chips input:focus-visible+span{box-shadow:0 0 0 4px rgba(108,196,232,.45)}
.fsend{width:100%;padding:18px;font-size:18px;margin-top:4px}
@media (max-width:720px){.csec .form{padding:26px 20px}.csplit{padding-top:80px;padding-bottom:80px;gap:40px}}
.form>.fld{flex:none}