:root{--navy:#0c1931;--blue:#087bfa;--cyan:#13c9f3;--magenta:#ee187d;--yellow:#ffca24;--text:#526079;--muted:#f4f7fb;--border:#e3e8f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--navy);font:16px/1.6 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #00a7f4;outline-offset:3px}img{max-width:100%;display:block}.shell{max-width:1220px;margin:auto;padding-left:28px;padding-right:28px}.site-header{height:82px;background:#fff;position:sticky;top:0;z-index:80;border-bottom:1px solid #eef0f5;box-shadow:0 2px 15px #10244406}.header-inner{height:100%;display:flex;align-items:center;gap:30px}.brand{width:192px;flex-shrink:0}.brand img{width:100%;height:62px;object-fit:contain}.nav{display:flex;align-items:center;gap:24px;margin-left:auto}.nav a{font-size:13px;font-weight:800;white-space:nowrap;transition:color .2s}.nav a:hover,.nav a[aria-current=page]{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 25px;border-radius:40px;line-height:1.2;font-weight:800;font-size:14px;border:1.5px solid transparent;cursor:pointer;white-space:nowrap;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(115deg,#0060ed,#00a0fb);color:#fff;box-shadow:0 10px 22px #0068f01b}.btn-outline{border-color:#b8c5d9;color:var(--navy);background:white}.btn-white{background:#fff;color:var(--navy)}.top-cta{padding:12px 21px}.nav-toggle{display:none}.eyebrow{display:block;font-size:11px;letter-spacing:2px;font-weight:800;color:#1784f9;margin-bottom:14px}.eyebrow.light{color:#72c7ff}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:Manrope,sans-serif;line-height:1.18;letter-spacing:-1.5px}h1{font-size:clamp(42px,5.6vw,76px);font-weight:800}h2{font-size:clamp(31px,3.7vw,48px);font-weight:800}h3{letter-spacing:-.5px}h1 em,h2 em{font-style:normal;background:linear-gradient(110deg,#007bf6 25%,#d52294 70%,#ffc928 100%);background-clip:text;-webkit-background-clip:text;color:transparent}p{color:var(--text)}.hero{background:radial-gradient(ellipse at 76% 47%,#e4f5ff 0,transparent 44%),linear-gradient(130deg,#f9fbff,#edf3fa);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:600px;align-items:center;gap:12px}.hero-copy{padding:70px 0;position:relative;z-index:2}.hero-copy h1{max-width:620px;margin-bottom:20px}.hero-copy h1 em{display:block}.hero-copy h1 em span{color:#ffc526}.hero-copy>p{max-width:495px;font-size:17px}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.hero-perks{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;font-weight:800;margin-top:50px}.hero-perks span{border-left:2px solid #b9cfe6;padding-left:12px}.hero-display{height:510px;position:relative;transform:translateX(4%)}.hero-orb{position:absolute;inset:30px 0 30px 22px;background:linear-gradient(145deg,#c0e4ff,#f9fcff 55%,#fdcbe5);border-radius:45% 55% 45% 55%;filter:blur(9px)}.hero-banner,.hero-book,.mini-card,.hero-sticker{box-shadow:16px 25px 42px #0b234433}.hero-banner{position:absolute;top:0;left:31%;height:430px;width:190px;background:linear-gradient(145deg,#091a39 48%,#0059bd 49%,#00b7f7 63%,#eb007a 64%,#feaa13 100%);border:8px solid #e7e8ec;display:flex;flex-direction:column;color:white;padding:38px 20px;transform:rotate(-5deg)}.hero-banner small{font-weight:800;letter-spacing:3px}.hero-banner b{font-size:28px;line-height:1.08;margin-top:44px}.hero-banner i{margin-top:auto;width:95px;height:8px;background:linear-gradient(90deg,#00bef2,#e4008a,#f6cc23)}.hero-book{position:absolute;bottom:15px;right:2%;width:230px;height:304px;transform:rotate(9deg);border:9px solid #fff;border-left:16px solid #f2f2f5;border-radius:3px;background:linear-gradient(145deg,#11203a 52%,#075ec2 53%,#00c9ef 64%,#fc0089 65%,#ffce0a 80%);display:flex;flex-direction:column;justify-content:space-between;padding:24px 15px;color:#fff}.hero-book span{font-weight:800;font-size:17px}.hero-book strong{font-size:27px;line-height:1.1}.hero-cardstack{position:absolute;bottom:36px;left:-9%;background:#fff;padding:10px;transform:rotate(-12deg);box-shadow:10px 18px 25px #09193340}.mini-card{width:240px;height:144px;background:linear-gradient(145deg,#101e38 69%,#009fed 70%,#d60077 84%,#ffca20 100%);color:white;padding:18px}.mini-card span{font-weight:800}.mini-card b{font-size:21px;line-height:1.1;display:block;margin-top:18px}.hero-sticker{width:104px;height:104px;border-radius:50%;position:absolute;bottom:0;left:37%;border:12px solid #fff;background:linear-gradient(135deg,#0d1935,#0750ad);color:#fff;display:grid;place-items:center;font-size:49px;font-weight:800;transform:rotate(-18deg)}.section{padding-top:100px;padding-bottom:100px}.section-soft{background:#f5f8fc}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:33px}.section-head h2{margin-bottom:0}.section-head p{max-width:570px;margin-top:12px}.text-action,.inline-link{font-size:13px;font-weight:800;color:#006bde}.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product-card{overflow:hidden;border:1px solid var(--border);border-radius:17px;background:white;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px #0b274918}.pc-body{padding:19px 20px 20px}.pc-body h3{font-size:17px;margin-bottom:7px}.pc-body p{font-size:13px;min-height:60px;margin-bottom:10px}.pc-body .inline-link b{float:right;font-size:18px}.product-art{height:210px;background:linear-gradient(145deg,#e7eff8,#f8f9fc);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.art-shape{position:absolute;transform:rotate(38deg)}.art-shape-a{width:250px;height:80px;background:#afe5ff70;right:-70px;top:-20px}.art-shape-b{width:180px;height:100px;background:#fdb0d15c;bottom:-60px;left:-20px}.art-object{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(137deg,#0b1d3b 58%,#026ee2 58%,#00bbee 69%,#ea157e 69%,#ffce1e 91%);width:132px;height:154px;padding:18px 12px;box-shadow:12px 15px 19px #17203f3b;transform:rotate(-8deg);color:#fff}.art-mark{font-size:10px;letter-spacing:1px;font-weight:800}.art-object strong{font-size:16px;line-height:1.05;letter-spacing:-.4px}.art-rule{width:60px;height:4px;background:linear-gradient(90deg,#03bfff,#ed007c,#fbbd00)}.art-cards .art-object{width:180px;height:112px;transform:rotate(-13deg);border:8px solid #fff}.art-flyers .art-object{width:135px;height:171px;transform:rotate(-12deg)}.art-book .art-object{width:153px;height:166px;transform:rotate(8deg);border-left:13px solid #fff}.art-poster .art-object{width:128px;height:190px;transform:rotate(5deg)}.art-banner .art-object{width:95px;height:176px;transform:rotate(3deg)}.art-sign .art-object{width:180px;height:122px;transform:rotate(-4deg);border:6px solid #424852}.art-stickers .art-object{width:138px;height:138px;border:11px solid #fff;border-radius:50%;transform:rotate(10deg)}.art-box .art-object{width:145px;height:144px;transform:rotate(6deg);border-right:15px solid #cce6fb}.art-folder .art-object{width:175px;height:137px;transform:rotate(-11deg)}.art-fabric .art-object{width:156px;height:180px;transform:rotate(7deg);border-radius:6px}.art-calendar .art-object{width:172px;height:144px;transform:rotate(5deg)}.art-finish .art-object{width:184px;height:116px;transform:rotate(-7deg)}.dark-section{background:#0b1931;color:white;padding:80px 0;overflow:hidden}.dark-section p{color:#c2d1e7;max-width:470px}.dark-section h2{color:white}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.feature-links a{display:flex;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid #34425a}.feature-links a>span{color:#23b8ff;font-weight:800}.feature-links b{display:block;font-size:19px}.feature-links small{display:block;color:#b6c4d8;margin-top:5px}.feature-links strong{font-size:28px;margin-left:auto}.feature-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-product{min-height:330px;display:flex;flex-direction:column;border-radius:19px;padding:31px;color:white;overflow:hidden;position:relative}.feature-product:after{content:'';position:absolute;width:220px;height:220px;border-radius:24px;transform:rotate(35deg);right:-93px;bottom:-68px;background:#ffffff18}.feature-product>span{font-weight:800;letter-spacing:2px;font-size:11px}.feature-product h3{font-size:31px;margin:48px 0 12px}.feature-product p{color:#e0e9f6;max-width:270px;font-size:14px}.feature-product b{margin-top:auto;font-size:13px}.fp-sign{background:linear-gradient(140deg,#081932,#154b91)}.fp-print{background:linear-gradient(140deg,#142652,#085cbb)}.fp-event{background:linear-gradient(140deg,#222050,#d31881)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.steps>div{padding:25px;background:white;border:1px solid #e8eef6;border-radius:15px}.steps span{font-size:32px;color:#1684f8;font-weight:800}.steps h3{font-size:18px;margin-top:23px}.steps p{font-size:14px;margin-bottom:0}.cta-band{background:#0a1933;color:#fff;border-radius:20px;margin-top:0;margin-bottom:80px;padding-top:46px;padding-bottom:46px;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;overflow:hidden;isolation:isolate}.cta-band h2{font-size:37px;margin-bottom:10px;max-width:680px}.cta-band p{color:#dae6f9;margin-bottom:0}.cta-band .btn{position:relative;z-index:2}.cta-glow{position:absolute;width:280px;height:280px;right:10%;background:radial-gradient(circle,#0957b3,transparent 72%);z-index:-1}.page-intro{background:radial-gradient(ellipse at 85% 20%,#e8d7f7,transparent 40%),linear-gradient(120deg,#f8fbff,#edf5ff);padding:92px 0 98px}.page-intro h1{max-width:940px}.page-intro p{font-size:19px;max-width:750px;margin-bottom:0}.package-section{padding-top:80px}.packages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.package-card{border:1px solid #dce7f2;border-radius:19px;overflow:hidden;padding:31px;background:white;display:flex;flex-direction:column;box-shadow:0 10px 30px #0e2f5808}.package-card:nth-child(2){border-color:#1689f7;box-shadow:0 16px 42px #067ae41a}.package-tag{font-size:11px;letter-spacing:1.5px;font-weight:800;color:#0b83ed;background:#eaf5ff;align-self:flex-start;padding:7px 11px;border-radius:30px;margin-bottom:23px}.package-card h3{font-size:25px;min-height:58px}.package-card>p{font-size:14px;min-height:57px}.package-line{height:3px;background:linear-gradient(90deg,#047cf3,#e62296,#ffcb19);margin:18px 0 25px}.include-title{font-size:12px;font-weight:800;color:#63718a;text-transform:uppercase;letter-spacing:1px}.package-card ul,.detail-panel ul{list-style:none;padding:0;margin:17px 0 27px}.package-card li,.detail-panel li{font-size:14px;padding:10px 0 10px 25px;border-bottom:1px solid #edf0f4;position:relative}.package-card li:before,.detail-panel li:before{content:'✓';position:absolute;left:0;color:#008cf6;font-weight:800}.package-footer{margin-top:auto}.package-footer>span{font-weight:800;font-size:16px;display:block;margin:15px 0}.package-footer .btn{width:100%;font-size:12px}.package-note{margin-top:27px;background:#f1f7fd;padding:23px;border-radius:12px;color:#4e5b6d;font-size:14px}.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.idea-grid>div{padding:33px;border-radius:17px;background:white;border:1px solid #e2eaf5}.idea-grid span{font-size:33px;color:#037ff6;font-weight:800}.idea-grid h3{font-size:19px;margin:21px 0 10px}.idea-grid p{font-size:14px;margin:0}.detail-hero{background:#f5f9ff;padding:55px 0 80px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.detail-grid h1{margin:30px 0 15px}.detail-grid p{max-width:525px;font-size:17px}.breadcrumb{font-size:13px;font-weight:700;color:#4785c6;display:block;margin-bottom:40px}.detail-art .product-art{height:390px;border-radius:22px}.detail-art .art-object{scale:1.5}.dot{color:#f9c617}.detail-content{display:grid;grid-template-columns:1fr 1fr;gap:90px}.detail-content h2{max-width:500px}.detail-panel{background:#f3f8fe;padding:38px;border-radius:18px}.detail-panel h3{font-size:21px}.info-strip{background:#eff7ff;border-radius:17px;margin-top:55px;padding:30px;display:flex;align-items:center;gap:28px}.info-strip h3{min-width:220px;margin:0}.info-strip p{margin:0}.info-strip .btn{flex-shrink:0}.contact-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:65px}.form-panel{background:#fff;border-radius:20px;box-shadow:0 15px 55px #0c2c5810;padding:40px;border:1px solid #e7eefa}.form-panel>h2{font-size:32px}.form-panel>p{font-size:14px}.enquiry-form{display:grid;gap:19px;margin-top:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.enquiry-form label{display:block;font-size:13px;color:#182c48;font-weight:800}.enquiry-form label span{color:#e02182}.enquiry-form input:not([type=checkbox]),.enquiry-form select,.enquiry-form textarea{display:block;width:100%;background:#f9fbfe;border:1px solid #cfdae8;border-radius:8px;padding:13px 14px;margin-top:7px;color:#172741;outline-color:#0b86ed}.enquiry-form textarea{resize:vertical}.check-line{display:flex!important;gap:12px;align-items:center;font-weight:500!important}.check-line input{width:19px;height:19px}.enquiry-form button{justify-self:start}.form-small{font-size:12px;margin:0}.form-feedback{color:#164d80;font-size:13px}.contact-aside{padding-top:15px}.contact-aside h3{font-size:30px}.email-big{font-size:18px;color:#006fda;font-weight:800;overflow-wrap:anywhere}.aside-rule{height:1px;background:#dce5ef;margin:40px 0}.contact-aside h4{font-size:16px}.contact-aside>a:not(.email-big){display:block;border-bottom:1px solid #e5ecf2;padding:13px 0;font-size:14px}.footer{background:#07172f;color:white;padding:65px 0 23px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:45px}.footer-brand{font-family:Manrope,sans-serif;font-size:35px;letter-spacing:-3px;font-weight:800;line-height:1}.footer-brand span{color:#18a4f5}.footer-grid p{font-size:13px;color:#aabbd0;max-width:275px}.footer-grid>div:first-child>p:first-of-type{letter-spacing:4px;font-size:10px;color:white}.footer-grid h3{font-size:14px;letter-spacing:0;margin:4px 0 18px}.footer-grid a:not(.footer-brand){display:block;color:#b9c8da;font-size:13px;margin-bottom:10px;overflow-wrap:anywhere}.footer-grid a:hover{color:white}.footer-bottom{border-top:1px solid #293954;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:30px}.footer-bottom small{font-size:11px;color:#9eb0c7}@media(max-width:1130px){.header-inner{gap:12px}.nav{gap:13px}.nav a{font-size:12px}.brand{width:164px}.top-cta{padding:12px 14px}}@media(max-width:900px){.site-header{height:72px}.header-inner{justify-content:space-between}.brand img{height:56px}.nav-toggle{display:flex;width:42px;height:42px;border:1px solid #d5e3f5;border-radius:8px;background:white;flex-direction:column;align-items:center;justify-content:center;gap:5px;order:3;cursor:pointer}.nav-toggle span{width:20px;height:2px;background:var(--navy)}.nav{display:none;position:absolute;top:71px;left:0;right:0;background:#fff;padding:20px 30px;box-shadow:0 15px 22px #121b2e18;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px;border-bottom:1px solid #edf1f6;font-size:15px}.top-cta{margin-left:auto}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:70px 0 20px}.hero-display{height:420px;max-width:650px;width:100%;margin:auto;transform:none}.hero-perks{margin-top:35px}.products-grid{grid-template-columns:repeat(3,1fr)}.split-feature{grid-template-columns:1fr;gap:20px}.packages-grid{grid-template-columns:repeat(2,1fr)}.detail-content,.contact-layout{gap:30px}.footer-grid{grid-template-columns:repeat(2,1fr)}.info-strip{flex-wrap:wrap}}@media(max-width:640px){.shell{padding-left:20px;padding-right:20px}.brand{width:148px}.top-cta{padding:11px 13px;font-size:12px}.hero-copy{padding-top:55px}.hero-copy h1{font-size:47px}.hero-copy>p{font-size:16px}.hero-perks{gap:12px}.hero-display{height:350px;scale:.78;transform-origin:top center;margin-bottom:-60px}.hero-banner{left:34%}.hero-cardstack{left:-5%}.section{padding-top:65px;padding-bottom:65px}.section-head{align-items:flex-start;flex-direction:column}.products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-art{height:152px}.art-object{scale:.79}.pc-body{padding:14px}.pc-body h3{font-size:14px}.pc-body p{font-size:12px;min-height:85px}.feature-product-grid,.steps,.packages-grid,.idea-grid,.detail-grid,.detail-content,.contact-layout{grid-template-columns:1fr}.feature-product{min-height:300px}.page-intro{padding:65px 0}.page-intro p{font-size:16px}.package-card h3,.package-card>p{min-height:0}.cta-band{margin-bottom:40px;display:block;padding-top:40px;padding-bottom:40px;border-radius:0}.cta-band h2{font-size:30px}.cta-band .btn{margin-top:25px}.detail-art .product-art{height:290px}.detail-art .art-object{scale:1.05}.detail-grid{gap:20px}.detail-hero{padding-bottom:45px}.form-panel{padding:23px}.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-bottom{flex-direction:column;gap:4px}.info-strip{display:block}.info-strip .btn{margin-top:15px}}@media(max-width:390px){.top-cta{display:none}.products-grid{grid-template-columns:1fr 1fr}.pc-body p{min-height:115px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* ===== v2 additions (Creative Dot, Oct 2026) ===== */
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope Fallback';src:local('Arial'),local('Liberation Sans'),local('Helvetica');size-adjust:104%;ascent-override:102%;descent-override:29%;line-gap-override:0%}
body{font-family:Manrope,'Manrope Fallback',Arial,sans-serif;font-size:16px}
h1,h2,h3,h4{font-family:Manrope,'Manrope Fallback',Arial,sans-serif}
p{color:#4a5872}
.ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.btn .ic{width:16px;height:16px}
.btn{gap:10px}
.btn-primary{background:#0b6cf0;background:linear-gradient(115deg,#005fe8,#0a86f7)}
.btn-ghost{border:1.5px solid #c9d4e3;background:#fff;color:var(--navy);padding:11px 20px;font-size:13px}
.btn-ghost:hover{border-color:#0b6cf0;color:#0b6cf0}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:200;background:#fff;color:var(--navy);padding:10px 16px;border-radius:8px;font-weight:800}
.skip-link:focus{left:12px}
.nowrap{white-space:nowrap}
.eyebrow.dark{color:#1d2b45;letter-spacing:1.4px;font-size:12px;text-transform:uppercase}
/* header */
.site-header{height:84px}
.brand{width:220px}
.brand img{width:220px;height:auto}
.nav{margin-left:28px;gap:26px}
.nav a{font-size:14px;font-weight:700;color:#1b2945}
.nav a[aria-current=page]{color:#0b6cf0;box-shadow:inset 0 -2px 0 #0b6cf0}
.nav-mobile-contact{display:none}
.header-contact{display:flex;align-items:center;gap:18px;margin-left:auto}
.header-contact a{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#1b2945}
.header-contact a:hover{color:#0b6cf0}
.top-cta{margin-left:6px}
@media(max-width:1330px){.hc-mail span{display:none}.hc-mail{padding:6px}}
@media(max-width:1130px){.brand,.brand img{width:180px}.nav{margin-left:14px;gap:14px}.nav a{font-size:13px}.hc-phone span{display:none}}
@media(max-width:900px){.site-header{height:72px}.header-contact{display:none}.nav{margin-left:0;top:71px}.nav a{font-size:16px}.nav a[aria-current=page]{box-shadow:none}.nav-mobile-contact{display:flex!important;align-items:center;gap:8px;color:#0b6cf0!important}.top-cta{margin-left:auto}}
@media(max-width:640px){.brand,.brand img{width:150px}}
/* hero */
.hero2{background:radial-gradient(ellipse at 78% 40%,#e5f3ff 0,transparent 50%),linear-gradient(135deg,#fbfcff,#eef3f9);overflow:hidden;border-bottom:1px solid #edf1f6}
.hero2-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:20px;min-height:560px}
.hero2-copy{padding:64px 0}
.hero2-copy h1{font-size:clamp(40px,5.1vw,70px);letter-spacing:-2px;line-height:1.05;margin-bottom:22px;max-width:640px}
.hero2-copy h1 em{font-style:normal;background:linear-gradient(100deg,#0a7cf5 10%,#16b4f2 45%,#ffbf1f 75%,#ffbf1f);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero2-copy h1 .dot{color:#ffbf1f;-webkit-text-fill-color:#ffbf1f}
.lead{font-size:17px;max-width:520px;color:#3c4a63}
.hero2-perks{list-style:none;padding:0;margin:44px 0 0;display:flex;gap:0}
.hero2-perks li{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;line-height:1.3;padding:0 22px;border-left:1px solid #cdd8e6}
.hero2-perks li:first-child{padding-left:0;border-left:0}
.hero2-perks .ic{width:26px;height:26px;color:#0b2a5a;stroke-width:1.7}
.hero2-visual{position:relative;height:520px}
.store{position:absolute;right:-40px;top:24px;width:78%;height:420px;background:linear-gradient(180deg,#1b2334,#0d1420);border-radius:6px 6px 0 0;box-shadow:0 30px 60px #0b1c3b40;overflow:hidden}
.store:after{content:'';position:absolute;inset:auto 0 0 0;height:30px;background:linear-gradient(180deg,#9aa6b8,#c9d2de)}
.store-sign{position:absolute;left:0;right:0;top:0;height:120px;background:#0a0f1a;display:flex;align-items:center;justify-content:center;border-bottom:6px solid #2a3346}
.store-sign img{width:66%;max-width:300px;height:auto;filter:drop-shadow(0 0 14px #2c8cff66)}
.store-window{position:absolute;left:8%;right:8%;top:150px;bottom:30px;background:linear-gradient(160deg,#2c3a52 0,#16202f 50%,#2a3a55 100%);border:6px solid #3a4558;border-bottom:0;display:flex;align-items:center;justify-content:flex-end;padding:20px 26px}
.store-window span{color:#fff;font-weight:800;font-size:20px;line-height:1.15;letter-spacing:.5px;text-align:right;opacity:.92}
.hv-banner{position:absolute;left:6%;top:40px;width:150px;height:400px;background:linear-gradient(160deg,#091a39 46%,#0059bd 47%,#00b7f7 61%,#eb007a 62%,#feaa13 100%);border:7px solid #eceef2;color:#fff;padding:28px 16px;display:flex;flex-direction:column;box-shadow:14px 24px 40px #0b234440;z-index:2}
.hv-banner small{font-weight:800;letter-spacing:3px;font-size:12px}
.hv-banner b{font-size:24px;line-height:1.05;margin-top:30px}
.hv-banner i{margin-top:auto;width:80px;height:7px;background:linear-gradient(90deg,#00bef2,#e4008a,#f6cc23)}
.hv-book{position:absolute;left:31%;bottom:26px;width:190px;height:250px;transform:rotate(-7deg);border:8px solid #fff;border-left:14px solid #eef0f4;background:linear-gradient(150deg,#11203a 50%,#075ec2 51%,#00c9ef 62%,#fc0089 63%,#ffce0a 80%);color:#fff;padding:20px 14px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:16px 24px 40px #0b234445;z-index:3}
.hv-book span{font-weight:800;font-size:14px;letter-spacing:1px}
.hv-book strong{font-size:23px;line-height:1.05}
.hv-cards{position:absolute;left:-4%;bottom:10px;background:#fff;padding:8px;transform:rotate(-10deg);box-shadow:10px 18px 25px #09193340;z-index:4}
.hv-cards .mini-card{width:200px;height:120px;padding:14px}
.hv-cards .mini-card b{font-size:18px;margin-top:12px}
.hv-roll{position:absolute;right:6%;bottom:0;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,#fff 0 22%,transparent 23%),linear-gradient(135deg,#0d1935 40%,#0a6be8 41%,#0a6be8 60%,#ea157e 61%,#ffc928);border:10px solid #f4f6f9;color:transparent;box-shadow:12px 20px 30px #0b234440;z-index:4}
/* sections */
.sec{padding-top:72px;padding-bottom:72px}
.sec-tight{padding-top:40px;padding-bottom:40px}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}
.sec-head h2{font-size:clamp(28px,3vw,38px);letter-spacing:-1px;margin-bottom:6px}
.sec-head p{margin:0;max-width:720px;font-size:15.5px}
/* tiles */
.tiles{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.tile{display:block;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff;height:100%;transition:transform .2s,box-shadow .2s}
.tile:hover{transform:translateY(-4px);box-shadow:0 14px 26px #0b274918}
.tile .product-art{height:150px}
.tile .art-object{scale:.66}
.tile-name{display:block;padding:12px 14px;font-size:14px;font-weight:700;color:var(--navy)}
/* extra art kinds */
.art-letter .art-object{width:130px;height:176px;transform:rotate(-6deg);background:linear-gradient(160deg,#fff 70%,#0a6be8 70%,#16b4f2 80%,#ea157e 80%,#ffc928 92%);color:#0c1931;border:1px solid #e1e6ee}
.art-letter .art-mark{color:#0c1931}
.art-pullup .art-object{width:92px;height:190px;transform:none;border-bottom:12px solid #9aa3b1;background:linear-gradient(165deg,#0b1d3b 52%,#026ee2 52%,#00bbee 64%,#ea157e 64%,#ffce1e 88%)}
.art-aframe .art-object{width:130px;height:170px;transform:perspective(320px) rotateX(10deg);border:7px solid #2b313b;border-radius:4px}
.art-folder .art-object{background:linear-gradient(140deg,#0b1d3b 62%,#026ee2 62%,#00bbee 72%,#ea157e 72%,#ffce1e 92%)}
.art-stickers .art-object strong{font-size:54px;text-align:center;line-height:1;background:linear-gradient(135deg,#16b4f2,#ea157e 55%,#ffc928);-webkit-background-clip:text;background-clip:text;color:transparent}
.art-stickers .art-object{align-items:center;justify-content:center}
.art-stickers .art-mark,.art-stickers .art-rule{display:none}
/* why */
.why{background:#f2f6fb;padding:68px 0}
.why-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.why-card{background:#fff;border-radius:14px;padding:26px 18px;text-align:center;box-shadow:0 6px 20px #0c2c580a}
.why-ic{width:40px;height:40px;fill:none;stroke:#0b6cf0;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin:0 auto 14px;display:block}
.why-card h3{font-size:16px;margin-bottom:8px;letter-spacing:-.3px}
.why-card p{font-size:13.5px;margin:0;line-height:1.5}
/* featured */
.feat-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.feat-card{display:flex;flex-direction:column;height:100%;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}
.feat-card:hover{transform:translateY(-4px);box-shadow:0 14px 26px #0b274918}
.feat-card .product-art{height:170px}
.feat-card .art-object{scale:.78}
.feat-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.feat-body h3{font-size:15px;margin-bottom:6px;letter-spacing:-.3px}
.feat-body p{font-size:13.5px;line-height:1.45;margin-bottom:12px}
.feat-price{margin-top:auto;display:flex;justify-content:space-between;align-items:center;color:#0b6cf0;font-size:14px;font-weight:700}
.feat-price b{font-size:19px;font-weight:800}
.feat-price .ic{color:#0b6cf0}
/* steps */
.steps2{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:none}
.step{display:flex;gap:14px;align-items:flex-start;position:relative}
.step:not(:last-child):after{content:'';position:absolute;right:2px;top:20px;width:10px;height:10px;border-top:2px solid #b9c6d8;border-right:2px solid #b9c6d8;transform:rotate(45deg)}
.step-ic{width:44px;height:44px;fill:none;stroke:#0b6cf0;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.step h3{font-size:16px;display:flex;align-items:center;gap:8px;margin-bottom:4px;letter-spacing:-.3px}
.step-n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#0b6cf0;color:#fff;font-size:13px;letter-spacing:0}
.step p{font-size:13.5px;margin:0;padding-right:20px}
/* reviews */
.reviews{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.review{display:flex;gap:16px;border:1px solid var(--border);border-radius:14px;padding:22px;background:#fff}
.rv-av{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;flex-shrink:0;font-size:17px}
.rv-a{background:linear-gradient(135deg,#0a6be8,#16b4f2)}.rv-b{background:linear-gradient(135deg,#0c1931,#0a6be8)}.rv-c{background:linear-gradient(135deg,#ea157e,#ffb21f)}
.stars{display:flex;gap:2px;margin-bottom:8px}
.star{width:16px;height:16px;fill:#ffb800;stroke:none}
.review blockquote{margin:0 0 10px;font-size:14px;color:#33415a;line-height:1.55}
.rv-who{margin:0;font-size:13px;color:#1b2945}
.rv-who span{color:#6a7891;font-size:12px;margin-left:4px}
/* cta */
.cta2{position:relative;overflow:hidden;isolation:isolate;background:#0a1630;border-radius:18px;margin:40px 0 70px;padding:40px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff}
.cta2 h2{color:#fff;font-size:clamp(26px,2.8vw,36px);letter-spacing:-1px;margin-bottom:8px}
.cta2 h2 em{font-style:normal;background:linear-gradient(100deg,#16b4f2,#0a7cf5 60%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cta2 p{color:#c9d6ea;margin:0}
.cta2-act{text-align:center;position:relative;z-index:2;margin-right:12%}
.cta2-act p{font-size:13px;margin-top:12px}
.cta2-act a:not(.btn){color:#fff;text-decoration:underline;text-underline-offset:3px}
.cta2-shape{position:absolute;right:-30px;top:-20px;bottom:-20px;width:220px;z-index:-1;background:linear-gradient(135deg,#16b4f2 0 30%,#0a4fd8 30% 55%,#ea157e 55% 75%,#ffc928 75%);clip-path:polygon(40% 0,100% 0,100% 100%,40% 100%,75% 50%);opacity:.95}
/* footer */
.footer{padding:60px 0 22px}
.footer-grid{grid-template-columns:1.4fr .9fr 1.5fr 1.2fr}
.footer-logo img{width:200px;height:auto;margin-bottom:16px}
.footer-grid p{max-width:300px}
.footer-grid>div:first-child>p:first-of-type{letter-spacing:0;font-size:13px;color:#aabbd0}
.footer-h{font-size:14px;color:#fff;letter-spacing:0;margin:4px 0 16px}
.footer ul{list-style:none;margin:0;padding:0}
.footer li{margin-bottom:9px}
.footer-grid a:not(.footer-brand){margin-bottom:0}
.fp-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.footer-contact a,.footer-contact span{display:flex!important;align-items:center;gap:9px;color:#b9c8da;font-size:13px}
.footer-contact .ic{width:16px;height:16px;color:#16b4f2}
.footer-bottom a{color:#c9d6ea;text-decoration:underline}
/* contact aside phone */
.phone-big{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:var(--navy);margin-top:14px}
.phone-big .ic{color:#0b6cf0;width:22px;height:22px}
.form-feedback.ok{color:#0b7a3e;font-weight:700}
.form-feedback.err{color:#b4123f;font-weight:700}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.notfound{text-align:center;padding:110px 0}
.notfound .hero-actions{justify-content:center}
/* responsive */
@media(max-width:1180px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.why-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.store{right:-60px}}
@media(max-width:900px){.hero2-grid{grid-template-columns:1fr;min-height:0}.hero2-copy{padding:56px 0 10px}.hero2-visual{height:440px;max-width:620px;width:100%;margin:0 auto}.store{right:0}.steps2{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.step:nth-child(2):after{display:none}.reviews{grid-template-columns:1fr}.cta2{flex-direction:column;align-items:flex-start}.cta2-act{text-align:left;margin-right:0}.cta2-shape{width:120px;opacity:.5}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.hero2-copy h1{font-size:42px;letter-spacing:-1.4px}.lead{font-size:16px}.hero2-perks li{padding:0 12px;font-size:11.5px;gap:7px}.hero2-perks .ic{width:22px;height:22px}.hero2-visual{height:340px;scale:.8;transform-origin:top center;margin-bottom:-60px}.hv-cards{left:0}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.why-card{padding:20px 12px}.feat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feat-card .product-art{height:140px}.feat-card .art-object{scale:.62}.steps2{grid-template-columns:1fr}.step:after{display:none}.sec{padding-top:52px;padding-bottom:52px}.sec-head{flex-direction:column;align-items:flex-start}.cta2{padding:32px 24px;border-radius:14px;margin-bottom:44px}.footer-grid{grid-template-columns:1fr;gap:28px}.fp-cols{gap:8px}}
@media(max-width:380px){.hero2-perks{flex-wrap:wrap;gap:12px}.hero2-perks li{border:0;padding:0}.hero2-copy h1{font-size:37px}.tile .art-object{scale:.55}.tile .product-art{height:120px}}
/* v2 fixes */
.header-contact a{white-space:nowrap}
@media(max-width:1440px){.hc-mail span{display:none}}
.review{box-shadow:0 6px 20px #0c2c5808}
@media(max-width:640px){.cta2-shape{display:none}
.hero2-visual{height:330px;scale:1;margin:0 auto 10px;max-width:390px}
.store{width:70%;height:300px;right:0;top:0}.store-sign{height:78px}.store-window{top:96px}.store-window{padding:12px 14px}.store-window span{font-size:12px}
.hv-banner{left:0;top:20px;width:112px;height:290px;padding:18px 10px}.hv-banner b{font-size:17px;margin-top:18px}
.hv-book{left:30%;bottom:10px;width:140px;height:185px;padding:14px 10px}.hv-book strong{font-size:17px}
.hv-cards{display:none}.hv-roll{width:78px;height:78px;border-width:7px;right:2%}}
.contact-aside>a.phone-big{display:flex;border:0;padding:6px 0 0;font-size:20px}
@media(max-width:380px){.store-window span{display:none}}
.eyebrow{color:#0a5fc8}.eyebrow.light{color:#72c7ff}.breadcrumb{color:#245c9e}.rv-who span{color:#56637b}
.pc-body h2{font-size:17px;margin-bottom:7px;letter-spacing:-.5px}
@media(max-width:640px){.pc-body h2{font-size:14px}}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.package-tag{color:#0759b8}
