
:root{--paper:#faf7f3;--ink:#252420;--blue:#3678f6;--yellow:#ffcf48;--pink:#ff8bdc;--mint:#a9ebd8;--coral:#ff806d;--purple:#a78afa;--width:112.5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Archivo',Arial,sans-serif;font-weight:300;font-stretch:112.5%;line-height:1.5}button,input{font:inherit}a{text-decoration:none;color:inherit}.wrap{max-width:1220px;margin:auto;padding:0 40px}.top{height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-weight:900;font-size:22px;letter-spacing:-1.4px;white-space:nowrap}.logo i{display:inline-block;width:17px;height:17px;background:var(--blue);border-radius:6px;transform:rotate(-18deg);margin-right:9px;box-shadow:8px -4px 0 var(--pink)}nav{display:flex;gap:26px;font-size:13px;font-weight:500}nav a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 24px;font-weight:700;font-size:13px;border:1.5px solid var(--ink);border-radius:12px;box-shadow:3px 4px 0 var(--ink);background:white;transition:transform .15s,box-shadow .15s;cursor:pointer}.btn:hover{transform:translate(2px,2px);box-shadow:1px 2px 0 var(--ink)}.btn.blue{background:var(--blue);color:white;border-color:var(--blue);box-shadow:none;border-radius:50px}.btn.yellow{background:var(--yellow)}.btn.mint{background:var(--mint)}.btn.coral{background:var(--coral)}.tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:2.1px;text-transform:uppercase;color:var(--blue);margin-bottom:18px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-top:80px;padding-bottom:95px}.hero h1{font-size:clamp(48px,5.7vw,82px);line-height:.99;letter-spacing:-3.5px;margin:0 0 26px;font-weight:900;font-stretch:112.5%}.highlight{background:linear-gradient(100deg,var(--coral),#e64a8b 55%,var(--yellow));background-clip:text;color:transparent}.intro{max-width:480px;font-size:16px;line-height:1.75;color:#55514e}.actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px}.heroart{position:relative;isolation:isolate}.heroart:before{content:'';position:absolute;inset:10% -3% -3% 8%;border-radius:42% 58% 32% 46%;background:var(--yellow);transform:rotate(8deg);z-index:-1}.heroart img{display:block;width:100%;border-radius:44% 32% 39% 23%;object-fit:cover;mix-blend-mode:multiply}.badge{position:absolute;right:-15px;top:8%;background:var(--pink);border:2px solid var(--ink);border-radius:40px;padding:9px 19px;transform:rotate(9deg);font-weight:800;box-shadow:4px 5px 0 var(--ink);font-size:13px}.tiny{position:absolute;bottom:5%;left:-4%;width:58px;height:58px;border-radius:18px;background:var(--blue);border:2px solid var(--ink);transform:rotate(-12deg);display:grid;place-items:center;color:white;font-size:32px}.services{padding:45px 0 90px}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:32px}.sectionhead h2,.story h2,.closing h2{font-size:clamp(35px,4.2vw,58px);line-height:1.06;letter-spacing:-2px;margin:0;font-weight:900}.sectionhead p{max-width:380px;color:#66605a;font-size:14px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{min-height:265px;background:#fff;border:1.5px solid var(--ink);border-radius:19px;padding:23px;box-shadow:3px 4px 0 var(--ink);display:flex;flex-direction:column;align-items:flex-start}.icon{width:57px;height:57px;border:1.5px solid var(--ink);border-radius:14px;display:grid;place-items:center;box-shadow:3px 3px 0 var(--ink);font-size:25px;font-weight:800;margin-bottom:27px}.card:nth-child(1) .icon{background:#a7c1ff}.card:nth-child(2) .icon{background:#ffb5cb}.card:nth-child(3) .icon{background:var(--mint)}.card:nth-child(4) .icon{background:var(--yellow)}.card h3{font-size:20px;line-height:1.15;letter-spacing:-.6px;margin:0 0 12px;font-weight:800}.card p{font-size:13px;color:#625f5c;margin:0 0 22px}.arrow{font-size:20px;margin-top:auto}.story{padding:75px 0 95px;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:75px}.storypic{position:relative}.storypic:before{content:'';position:absolute;left:-20px;top:-17px;width:43%;height:40%;background:var(--coral);border-radius:30px;transform:rotate(-12deg);z-index:-1}.storypic img{width:100%;display:block;border-radius:34px 85px 35px 90px;mix-blend-mode:multiply}.story p,.closing p{font-size:16px;line-height:1.8;color:#625f5c;max-width:450px}.story .btn{margin-top:18px}.band{background:#eae9ff;padding:32px 0;border-radius:26px}.bandin{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.point{display:flex;gap:15px;align-items:center;padding:10px 24px;border-right:1px solid #d3d0e9}.point:last-child{border:0}.point b{font-size:14px}.point small{display:block;font-size:12px;color:#716c76}.point .icon{width:47px;height:47px;min-width:47px;margin:0;box-shadow:none;background:white;font-size:21px}.closing{padding-top:110px;padding-bottom:95px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.closingpic{position:relative}.closingpic:before{content:'';position:absolute;right:-15px;bottom:0;width:75%;height:70%;border-radius:50%;background:var(--mint);z-index:-1}.closingpic img{width:100%;border-radius:30% 35% 18% 40%;mix-blend-mode:multiply}.closing .btn{margin-top:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:40px 0 85px;text-align:center}.stats>div{border-right:1px solid #e8e2df}.stats>div:last-child{border:0}.stats strong{font-size:48px;letter-spacing:-2px;display:block;line-height:1;font-weight:900}.stats div:nth-child(1) strong{color:var(--blue)}.stats div:nth-child(2) strong{color:#ef6680}.stats div:nth-child(3) strong{color:#15ad96}.stats div:nth-child(4) strong{color:#e9af16}.stats span{font-size:12px;font-weight:700}.footer{border-top:1px solid #e2ddd7;padding:28px 0 90px;display:flex;justify-content:space-between;font-size:12px;color:#777}.editor{position:fixed;z-index:20;bottom:15px;right:15px;display:flex;align-items:center;gap:8px;padding:9px 12px;background:white;border:1px solid #dedbd7;border-radius:14px;box-shadow:0 5px 25px #0002;font-size:11px}.editor label{display:flex;align-items:center;gap:5px}.editor input{width:70px;accent-color:var(--blue)}.editor button{background:var(--blue);color:white;border:0;border-radius:8px;padding:9px;font-size:11px;cursor:pointer}.editmode [data-edit]{outline:1px dashed var(--blue);outline-offset:4px}.editmode [data-edit]:focus{background:#fff5b8;outline:2px solid var(--blue)}
@media(max-width:800px){.wrap{padding:0 22px}.top{height:75px}.top nav{display:none}.top>.btn{padding:10px 14px;font-size:11px;min-height:39px}.hero{grid-template-columns:1fr 1fr;gap:18px;padding-top:42px;padding-bottom:60px}.hero h1{font-size:clamp(32px,7vw,58px);letter-spacing:-1.8px}.intro{font-size:13px}.heroart .badge{right:0;font-size:10px;padding:6px}.tiny{width:36px;height:36px;font-size:20px}.cards{grid-template-columns:repeat(2,1fr)}.story,.closing{gap:24px}.story h2,.closing h2{font-size:clamp(28px,5vw,44px)}.story p,.closing p{font-size:13px}.point{padding:5px;gap:7px}.point b{font-size:12px}.point small{font-size:10px}.stats strong{font-size:33px}}@media(max-width:540px){.hero{grid-template-columns:1fr;gap:36px}.hero h1{font-size:53px}.heroart{max-width:370px;margin:auto}.sectionhead{display:block}.sectionhead p{font-size:13px}.cards{gap:12px}.card{padding:16px;min-height:265px}.card h3{font-size:17px}.card p{font-size:12px}.story,.closing{grid-template-columns:1fr;gap:36px;padding-top:55px;padding-bottom:60px}.storypic{order:0}.story>div:nth-child(2){order:1}.closingpic{order:0}.closing>div:first-child{order:1}.bandin{grid-template-columns:1fr;gap:10px}.point{border:0;border-bottom:1px solid #d3d0e9;padding:10px}.point:last-child{border:0}.stats{gap:20px 0;grid-template-columns:repeat(2,1fr)}.stats>div:nth-child(2){border:0}.editor{left:10px;right:10px;justify-content:space-around}.editor label{font-size:10px}.editor input{width:50px}.footer{display:block}}
