/*
Theme Name: Supermurahweb
Theme URI: https://supermurah.web.id/
Author: Supermurahweb
Description: Tema WordPress satu halaman untuk layanan pembuatan website, dengan aksen kuning dan layout responsif.
Version: 1.3.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: supermurahweb
*/

:root{--ink:#1d211a;--muted:#676a62;--yellow:#f5c400;--paper:#fbfaf6;--line:#e9e7df;--green:#253d34;--lilac:#e8dfff;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.announcement{height:36px;background:var(--ink);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;gap:10px;letter-spacing:.01em}.announcement a{color:var(--yellow);margin-left:9px;font-weight:700}.live-dot{height:6px;width:6px;background:var(--yellow);border-radius:100%}.site-header{height:77px;padding:0 max(calc((100% - 1280px)/2),5.5%);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #efeee8;position:sticky;top:0;background:rgba(251,250,246,.94);backdrop-filter:blur(14px);z-index:20}.brand{display:flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:var(--yellow);font-family:var(--display);font-size:25px;font-weight:800;letter-spacing:-3px;padding-right:4px}.brand-mark span{color:#fff}.brand-name{font-family:var(--display);font-size:16px;font-weight:800;letter-spacing:-.8px}.brand-name span{color:#92938b}.main-nav{display:flex;align-items:center;gap:24px}.main-nav>a{font-size:11px;font-weight:600;color:#565950;transition:color .2s}.main-nav>a:hover,.text-link:hover{color:#bd9300}.main-nav .nav-cta{background:var(--ink);color:white;padding:12px 16px;border-radius:4px}.nav-cta span{color:var(--yellow);padding-left:10px}.menu-toggle{display:none}.section-wrap{max-width:1280px;margin:0 auto;padding-left:5.5%;padding-right:5.5%}.hero{min-height:635px;padding-top:77px;display:grid;grid-template-columns:1fr .98fr;position:relative;align-items:start;overflow:hidden}.hero-copy{padding:21px 0 0 2.7%;z-index:2}.eyebrow,.section-kicker{font-size:10px;font-weight:700;letter-spacing:.14em;color:#787a70}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-line{width:24px;height:2px;background:var(--yellow)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);letter-spacing:-.065em}h1{font-size:clamp(56px,6.3vw,84px);line-height:1.06;font-weight:600;margin:28px 0 21px}h1 span,h2 em{font-style:normal;color:#a88100}h1 span{position:relative;white-space:nowrap}h1 span:after{content:"";position:absolute;bottom:1px;left:0;right:0;height:8px;background:var(--yellow);z-index:-1;opacity:.55}.hero-lead{max-width:400px;font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:27px}.hero-actions{display:flex;align-items:center;gap:24px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:15px 18px;font-size:12px;font-weight:700;border-radius:3px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:#fff}.button-dark span{color:var(--yellow)}.text-link{font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:9px}.play{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#f0eee6;font-size:8px}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:49px}.avatar-stack{display:flex;padding-left:5px}.avatar-stack span{height:30px;width:30px;margin-left:-5px;border:2px solid var(--paper);background:#e4bf74;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:700}.avatar-stack span:nth-child(2){background:#b1c5ae}.avatar-stack span:nth-child(3){background:#dfac94}.avatar-stack span:nth-child(4){background:var(--ink);color:white}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:10px}.hero-proof small{font-size:9px;color:#818278;margin-top:4px}.hero-art{height:470px;position:relative;margin-top:0}.browser-card{position:absolute;top:38px;left:10%;width:81%;height:358px;border-radius:12px;background:white;box-shadow:0 26px 80px #33341f1c;transform:rotate(2deg);z-index:1;overflow:hidden}.browser-top{height:37px;display:flex;align-items:center;padding:0 13px;gap:10px;border-bottom:1px solid #eeeee9}.dots{display:flex;gap:4px}.dots i{width:6px;height:6px;background:#f4bcb0;border-radius:50%}.dots i:nth-child(2){background:#f3d581}.dots i:nth-child(3){background:#b7d3a9}.address-bar{font-size:7px;color:#999;background:#f6f6f3;border-radius:10px;text-align:center;width:49%;padding:4px}.browser-menu{font-size:9px;margin-left:auto;color:#777}.mock-site{padding:17px 22px}.mock-nav{display:flex;align-items:center;justify-content:space-between;font-size:7px;color:#73786d}.mock-nav b{font-size:12px;color:#272b23}.mock-nav b span{color:#e2aa00}.mock-nav button{font-size:6px;color:white;border:0;background:#262b24;padding:7px 10px;border-radius:2px}.mock-hero{height:242px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:6px}.mock-hero small{font-size:6px;letter-spacing:.15em;color:#9e832f}.mock-hero h3{font:700 26px/1.1 var(--display);letter-spacing:-1.8px;margin:9px 0}.mock-hero p{font-size:7px;line-height:1.6;color:#797c73;max-width:120px}.mock-link{font-size:6px;border-bottom:1px solid #e1b40e;padding-bottom:4px}.mock-image{height:185px;position:relative;overflow:hidden;border-radius:50% 50% 43% 47% / 44% 40% 60% 56%;background:#f4dda0}.sun{position:absolute;height:55px;width:55px;background:#f9bd25;border-radius:50%;top:30px;left:45%;box-shadow:0 0 0 12px #f5cb5833}.hill{position:absolute;bottom:-45px;width:130%;height:140px;border-radius:50% 50% 0 0}.hill-back{background:#9d9b62;left:-33px;bottom:-57px;transform:rotate(-23deg)}.hill-front{background:#697d55;right:-64px;bottom:-76px;transform:rotate(23deg)}.plant{position:absolute;bottom:10px;left:20px;font-size:47px;color:#2f5239}.mock-bottom{display:flex;justify-content:space-between;font-size:7px;color:#777}.hero-orb{position:absolute;border-radius:50%}.orb-one{width:400px;height:400px;right:0;top:36px;background:#f3ead3}.orb-two{width:114px;height:114px;left:0;top:54px;background:var(--yellow)}.float-note{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:11px 13px;background:white;box-shadow:0 8px 32px #22231d16;border-radius:5px}.float-note b,.float-note small{display:block}.float-note b{font-size:9px}.float-note small{font-size:8px;color:#85867e;margin-top:3px}.note-one{top:91px;right:0}.note-two{left:0;bottom:65px}.note-icon,.check-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#fff4cb;color:#bb9000;font-size:16px}.check-icon{background:#e4f0de;color:#427840}.art-caption{position:absolute;right:2%;bottom:4px;font-size:7px;letter-spacing:.14em;color:#87877d}.art-caption span{color:#d6aa12;font-size:14px;margin-left:6px}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);height:75px;margin-top:0}.hero-bottom>span{font-size:9px;letter-spacing:.13em;color:#88897f}.hero-bottom div{display:flex;align-items:center;gap:21px;font-size:10px;font-weight:600;color:#555950}.hero-bottom div i{font-style:normal;color:#bd9708;font-size:14px}.hero-bottom>a{font-size:10px;font-weight:700}.hero-bottom>a span{color:#bd9708;margin-left:6px}.intro{padding-top:105px;padding-bottom:108px}.intro-content{display:grid;grid-template-columns:1.1fr .7fr;align-items:end;gap:11%;margin-top:20px}.intro h2,.section-heading h2,.process h2,.clients h2,.testimonial h2,.payment h2,.blog h2,.contact h2{font-size:clamp(38px,4vw,55px);line-height:1.13;font-weight:600;margin:0}.intro-content>div p,.section-heading>p,.process-head>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 18px}.intro-content .text-link{border-bottom:1px solid #d7bb5b;padding-bottom:7px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:54px}.service-grid article{padding:22px 20px 24px;border:1px solid var(--line);background:#fffefa;min-height:222px;position:relative}.service-number{position:absolute;top:20px;right:19px;font-size:9px;color:#a2a296}.service-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#fff0b6;color:#826200;font-size:17px;margin-bottom:17px}.service-grid h3{font:700 15px var(--display);letter-spacing:-.4px;margin-bottom:9px}.service-grid p{font-size:11px;line-height:1.7;color:var(--muted);min-height:54px;margin-bottom:12px}.service-grid article>a,.blog-card>a{font-size:10px;font-weight:700}.service-grid article>a span,.blog-card>a span{color:#b99204;margin-left:5px}.pricing{padding-top:97px;padding-bottom:105px;background:#f1eee4;max-width:none}.pricing>*{max-width:1160px;margin-left:auto;margin-right:auto}.pricing .section-kicker,.pricing .section-heading,.pricing .pricing-grid,.pricing .price-note{max-width:1160px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-top:20px!important;margin-bottom:35px!important}.section-heading>p{width:31%;margin-bottom:5px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.price-card{position:relative;padding:25px 24px 24px;background:#fffefa;border:1px solid #e4e1d5;min-height:397px}.price-card.featured{background:var(--yellow);border-color:var(--yellow);transform:translateY(-8px)}.price-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.1em;color:#828378}.featured .price-top{color:#675400}.price-icon{font-size:16px;color:#ad8a00}.price-card h3{font:700 22px var(--display);letter-spacing:-1px;margin:25px 0 6px}.price-card>p{font-size:10px;color:#797b72;margin-bottom:17px}.price{font:700 25px var(--display);letter-spacing:-1.2px;padding-bottom:17px;border-bottom:1px solid #eae8de}.price small{display:block;margin-top:4px;font:400 9px var(--font);letter-spacing:0;color:#888a80}.featured .price{border-color:#d6ae16}.price-card ul{list-style:none;padding:0;margin:17px 0 21px}.price-card li{font-size:10px;margin:11px 0;color:#55574e}.price-card li:before{content:'✓';color:#a17d00;font-weight:bold;margin-right:9px}.price-card .button{width:100%;font-size:10px;padding:13px 14px}.button-outline{border:1px solid #d8d6cc}.button-outline:hover{background:#f2eee0}.featured .button-dark{background:var(--ink)}.popular{position:absolute;right:18px;top:-13px;background:var(--ink);color:#fff;padding:7px 10px;font-size:8px;font-weight:700;letter-spacing:.1em}.popular span{color:var(--yellow);margin-left:7px}.price-note{font-size:9px;color:#77796e;margin-top:17px!important}.process{padding-top:105px;padding-bottom:105px}.process-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:53px}.process h2{margin-top:19px}.process-head>p{max-width:300px;margin:0 3% 3px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-bottom:35px}.steps article{padding:24px 22px 10px 0;position:relative}.steps article:not(:last-child):after{content:'↗';position:absolute;right:20px;top:24px;color:#b28a00}.steps article>span{color:#c69f0c;font-size:10px;font-weight:700}.steps h3{font:700 15px var(--display);letter-spacing:-.4px;margin:29px 0 9px}.steps p{font-size:10px;line-height:1.8;color:var(--muted);max-width:215px;margin:0}.process>.button{margin-top:0}.clients{padding-top:95px;padding-bottom:100px;background:var(--green);color:white;max-width:none}.clients>*{max-width:1160px;margin-left:auto;margin-right:auto}.clients .section-kicker{color:#d0c992}.clients-heading{display:flex;align-items:end;justify-content:space-between;margin-top:18px!important}.clients h2{color:white}.clients h2 em{color:var(--yellow)}.clients-heading p{max-width:250px;color:#c6cbc4;font-size:11px;line-height:1.7;margin:0 6% 5px 0}.client-logos{display:grid;grid-template-columns:repeat(5,1fr);margin-top:55px;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30}.client-logos>div{height:111px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #ffffff25}.client-logos>div:first-child{border-left:1px solid #ffffff25}.client-logos b{font:800 21px var(--display);letter-spacing:-1px;color:#fff}.client-logos b span{color:var(--yellow)}.client-logos small{font-size:7px;letter-spacing:.14em;color:#bdc3b8;margin-top:9px}.demo-note{font-size:9px!important;color:#96998d!important;font-style:italic;margin-top:12px!important}.clients .demo-note{max-width:1160px}.testimonial{position:relative;padding-top:102px;padding-bottom:92px;text-align:center;overflow:hidden}.testimonial .section-kicker{margin-bottom:18px}.testimonial h2{margin-bottom:31px}.testimonial-mark{position:absolute;top:45px;left:50%;transform:translateX(-50%);font:200px Georgia;color:#f2ebd3;z-index:-1}.quote-card{max-width:620px;margin:auto;padding:32px 43px;background:#fffefa;border:1px solid var(--line);text-align:left}.stars{color:#e8b600;font-size:12px;letter-spacing:3px}.quote-card blockquote{font:500 17px/1.7 var(--display);letter-spacing:-.4px;margin:17px 0 24px}.quote-person{display:flex;align-items:center;gap:10px}.person-avatar{width:35px;height:35px;border-radius:50%;background:#e3bd9e;display:grid;place-items:center;font-weight:700}.quote-person b,.quote-person small{display:block}.quote-person b{font-size:10px}.quote-person small{font-size:9px;color:#82847a;margin-top:3px}.quote-source{margin-left:auto;font-size:8px;letter-spacing:.12em;color:#9a9b8f}.quote-controls{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:22px}.quote-controls button{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:transparent;cursor:pointer}.quote-controls span{font-size:9px;color:#77796f}.quote-controls i{display:inline-block;width:27px;height:1px;background:#bfc0b5;vertical-align:middle;margin:0 6px}.testimonial .demo-note{color:#96978c!important}.payment{display:grid;grid-template-columns:.8fr 1fr;gap:10%;padding-top:90px;padding-bottom:98px;background:#f1eee4;max-width:none}.payment-copy{max-width:470px;margin-left:auto}.payment h2{margin:19px 0 16px}.payment-copy>p{font-size:12px;line-height:1.8;color:var(--muted);max-width:345px;margin-bottom:20px}.payment-box{max-width:520px;width:100%;background:#fffefa;border:1px solid #e6e3d9;padding:10px 23px}.payment-row{display:grid;grid-template-columns:39px 1fr 15px;gap:12px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.payment-icon{width:30px;height:30px;display:grid;place-items:center;background:#fff0b6;border-radius:50%;font-size:8px;font-weight:700;color:#876900}.payment-row b,.payment-row small{display:block}.payment-row b{font-size:11px}.payment-row small{font-size:9px;color:#85867d;margin-top:5px}.payment-row>span:last-child{color:#b28b00}.payment-safe{font-size:9px;color:#55734d;padding:17px 0 10px}.blog{padding-top:102px;padding-bottom:100px}.blog-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}.blog h2{margin-top:17px}.blog-head>.text-link{border-bottom:1px solid #d5bd65;padding-bottom:7px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.blog-visual{height:205px;position:relative;padding:15px;overflow:hidden}.blog-visual>span{font-size:8px;letter-spacing:.1em;position:relative;z-index:2}.visual-yellow{background:#f4ce45}.visual-window{position:absolute;background:#fffaf0;width:71%;height:130px;left:15%;top:59px;box-shadow:8px 10px 0 #dfb630;display:flex;flex-direction:column;padding:15px}.visual-window>div{position:absolute;width:4px;height:4px;border-radius:50%;background:#d7b12b;top:8px;left:9px;box-shadow:8px 0 #d7b12b,16px 0 #d7b12b}.visual-window>b{font:800 17px/.98 var(--display);letter-spacing:-1px;margin-top:auto}.visual-window>span{position:absolute;bottom:13px;right:14px;font-size:13px}.visual-lilac{background:#e6dbf2}.brand-note{position:absolute;bottom:13px;left:27px;width:63%;height:139px;background:#fff9f2;padding:16px;box-shadow:6px 6px 0 #c8b8dc}.brand-note b{font:800 17px/1.03 var(--display);letter-spacing:-1px}.brand-note i{position:absolute;right:12px;bottom:8px;font-style:normal;font-size:32px;color:#bc93c4}.visual-green{background:#b7c8a8}.product-card{position:absolute;top:53px;right:17%;width:69%;height:136px;background:#f5f2e6;display:flex;flex-direction:column;padding:13px}.product-shape{position:absolute;right:15px;top:14px;width:57px;height:68px;background:#eccb70;border-radius:28px 28px 8px 8px;transform:rotate(8deg)}.product-card>b{font:700 14px/1.1 var(--display);letter-spacing:-.7px;margin-top:auto}.product-card>span{font-size:6px;letter-spacing:.08em;margin-top:7px}.blog-card>small{font-size:8px;letter-spacing:.09em;color:#85867c;display:block;margin-top:17px}.blog-card h3{font:700 16px/1.4 var(--display);letter-spacing:-.4px;margin:9px 0 12px;max-width:320px}.blog-card>a{font-size:9px}.blog>.demo-note{color:#96978c!important}.contact{display:grid;grid-template-columns:1fr 1fr;padding-top:65px;padding-bottom:65px;background:#f1eee4;max-width:none;gap:0}.contact-yellow{background:var(--yellow);padding:43px 9% 39px 12%;position:relative;overflow:hidden;min-height:335px}.contact-yellow .section-kicker{color:#685400}.contact h2{margin:17px 0 12px;font-size:52px}.contact h2 em{color:#574800}.contact-yellow>p{font-size:11px;line-height:1.7;max-width:275px;color:#554b1d;margin-bottom:20px}.contact-yellow .button{font-size:10px;padding:13px 15px}.contact-scribble{position:absolute;right:7%;bottom:25px;font:italic 20px/1.05 Georgia;color:#54460c;transform:rotate(-9deg)}.contact-scribble span{font-style:normal;color:#fff;font-size:25px}.contact-info{padding:38px 9% 25px}.contact-info h3{font:700 20px var(--display);margin:10px 0 24px}.contact-line{display:block;padding:15px 0;border-top:1px solid #dcd9cf}.contact-line>span,.contact-hours>span{display:block;font-size:8px;letter-spacing:.13em;color:#818278;margin-bottom:8px}.contact-line>b{font-size:11px;line-height:1.7}.contact-line i{float:right;font-style:normal;color:#a18104}.map-link{display:inline-flex;font-size:9px;font-weight:700;padding-top:10px}.map-link span{color:#9c7d06;margin-left:6px}.contact-hours{border-top:1px solid #dcd9cf;margin-top:13px;padding-top:14px}.contact-hours b{font-size:10px}.site-footer{padding:38px 5.5% 20px;background:var(--ink);color:#fff}.site-footer .brand-mark{width:29px;height:29px;font-size:22px}.site-footer .brand-name{font-size:14px}.site-footer>p{font-size:9px;color:#aeb0a6;margin:11px 0 28px}.footer-bottom{border-top:1px solid #ffffff26;padding-top:17px;display:flex;align-items:center;justify-content:space-between}.footer-bottom>span,.footer-bottom a{font-size:8px;color:#b0b2a8}.footer-bottom>div{display:flex;gap:20px}.footer-bottom a:hover{color:var(--yellow)}.floating-wa{position:fixed;z-index:15;bottom:22px;right:23px;display:flex;align-items:center;gap:8px;background:#1f6140;color:white;padding:12px 16px;border-radius:40px;box-shadow:0 7px 25px #1d211a30;font-size:10px;font-weight:700}.floating-wa span{font-size:15px;color:#abed8a}
@media(max-width:1100px){.main-nav{gap:13px}.main-nav>a{font-size:9px}.main-nav .nav-cta{padding:11px}.hero{min-height:585px}.hero-art{transform:scale(.92);transform-origin:top right}.hero-bottom div{gap:10px;font-size:9px}.section-wrap{padding-left:6%;padding-right:6%}}
@media(max-width:800px){.site-header{height:67px;padding:0 5%}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:none;padding:9px;z-index:2}.menu-toggle span{height:2px;width:22px;background:var(--ink)}.main-nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--paper);padding:17px 5% 25px;box-shadow:0 12px 20px #2221;flex-direction:column;align-items:stretch;gap:0}.main-nav.is-open{display:flex}.main-nav>a{font-size:13px;padding:12px 2px;border-bottom:1px solid var(--line)}.main-nav .nav-cta{margin-top:12px;text-align:center;border:0}.hero{padding-top:54px;grid-template-columns:1fr;min-height:unset}.hero-copy{padding:0}.hero-art{height:405px;max-width:570px;width:100%;margin:13px auto 22px;transform:none}.hero-bottom{height:auto;min-height:77px;flex-wrap:wrap;padding:17px 0;gap:12px}.hero-bottom div{order:3;width:100%;flex-wrap:wrap}.intro,.process,.blog{padding-top:75px;padding-bottom:75px}.intro-content{grid-template-columns:1fr;gap:20px}.intro-content>div{max-width:440px}.service-grid{grid-template-columns:repeat(2,1fr);margin-top:35px}.pricing{padding-top:75px;padding-bottom:75px}.section-heading{align-items:start;flex-direction:column;gap:15px}.section-heading>p{width:min(100%,430px)}.pricing-grid{grid-template-columns:1fr;gap:22px}.price-card{min-height:unset}.price-card.featured{transform:none}.process-head{align-items:start;flex-direction:column;gap:16px}.steps{grid-template-columns:repeat(2,1fr);row-gap:18px}.clients{padding-top:75px;padding-bottom:75px}.client-logos{grid-template-columns:repeat(3,1fr)}.client-logos>div{border-bottom:1px solid #ffffff25}.client-logos>div:nth-child(4){border-left:1px solid #ffffff25}.testimonial{padding-top:77px;padding-bottom:72px}.payment{grid-template-columns:1fr;gap:25px;padding-top:70px;padding-bottom:70px}.payment-copy{margin-left:0;max-width:unset}.payment-box{max-width:unset}.blog-grid{grid-template-columns:1fr 1fr;row-gap:30px}.blog-card:last-child{display:none}.contact{grid-template-columns:1fr}.contact-yellow{padding-left:8%;min-height:310px}.contact-info{padding:34px 8%}.footer-bottom{align-items:flex-start;gap:15px;flex-direction:column}.footer-bottom>div{flex-wrap:wrap;gap:14px}}
@media(max-width:480px){.announcement{font-size:9px}.announcement a{margin-left:3px}.brand-name{font-size:15px}.section-wrap{padding-left:6%;padding-right:6%}h1{font-size:57px;margin-top:22px}.hero-lead{font-size:14px;max-width:340px}.hero-actions{gap:17px}.button{padding:14px;font-size:10px;gap:16px}.hero-proof{margin-top:34px}.hero-art{height:337px;margin-top:20px;transform:scale(.95);transform-origin:top center;width:105%;margin-left:-2.5%}.browser-card{left:8%;width:84%;height:298px;top:27px}.mock-site{padding:12px 14px}.mock-hero{height:199px}.mock-image{height:148px}.mock-hero h3{font-size:22px}.mock-nav div{font-size:6px}.float-note{padding:8px}.note-one{right:-1%;top:64px}.note-two{bottom:36px;left:-1%}.art-caption{font-size:6px}.hero-bottom>span{font-size:8px}.hero-bottom>a{font-size:9px}.hero-bottom div{gap:9px 13px}.intro h2,.section-heading h2,.process h2,.clients h2,.testimonial h2,.payment h2,.blog h2{font-size:39px}.service-grid{gap:9px}.service-grid article{padding:16px 13px;min-height:220px}.service-grid p{font-size:10px}.service-grid h3{font-size:13px}.service-number{right:12px;top:14px}.pricing .section-heading{margin-bottom:27px!important}.price-card{padding:22px 18px}.steps{column-gap:13px}.steps article{padding-right:7px}.steps article:not(:last-child):after{right:3px}.steps h3{font-size:13px}.steps p{font-size:9px}.clients-heading{align-items:start;flex-direction:column;gap:14px}.client-logos{grid-template-columns:repeat(2,1fr)}.client-logos>div:nth-child(odd){border-left:1px solid #ffffff25}.client-logos>div:nth-child(4){border-left:0}.client-logos>div:last-child{grid-column:1/-1;border-left:1px solid #ffffff25}.quote-card{padding:25px 21px}.quote-card blockquote{font-size:15px}.quote-source{font-size:6px}.payment-box{padding:7px 15px}.payment-row{grid-template-columns:31px 1fr 12px;gap:9px}.payment-row small{line-height:1.6}.blog-head{align-items:start;flex-direction:column;gap:16px}.blog-grid{grid-template-columns:1fr}.blog-card:last-child{display:block}.blog-visual{height:200px}.contact h2{font-size:48px}.contact-scribble{font-size:16px;right:6%}.footer-bottom>span,.footer-bottom a{font-size:8px}.floating-wa{right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.blog-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.blog-card>p{font-size:10px;line-height:1.7;color:var(--muted)}.blog-card>h3 a:hover{color:#a88100}.blog-pagination{margin-top:32px}.blog-pagination .page-numbers{display:inline-block;padding:8px 11px;margin-right:5px;background:#fff;border:1px solid var(--line);font-size:10px}.blog-pagination .current{background:var(--yellow);border-color:var(--yellow)}.single-article{max-width:820px;margin:0 auto}.single-article h1{font-size:clamp(38px,5vw,62px);margin:20px 0 30px}.single-featured-image{margin-bottom:30px}.single-featured-image img{width:100%;height:auto;display:block}.entry-content{font-size:15px;line-height:1.85;color:#494b44}.entry-content h2,.entry-content h3{font-family:var(--display);letter-spacing:-.04em;color:var(--ink)}.entry-content img{max-width:100%;height:auto}.home-more .service-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:800px){.home-more .service-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.home-more .service-grid{grid-template-columns:1fr}}
.pricing-page{padding-top:78px;padding-bottom:65px}.pricing-page .section-heading h1{font:600 clamp(40px,4vw,55px)/1.13 var(--display);letter-spacing:-.065em;margin:0}.pricing-grid-five{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;row-gap:24px}.pricing-grid-five .price-card{display:flex;flex-direction:column;min-height:100%;padding:24px 21px}.pricing-grid-five .price-card h2{font:700 20px/1.25 var(--display);letter-spacing:-.8px;margin:23px 0 8px}.pricing-grid-five .price-card>p{min-height:33px;line-height:1.6}.pricing-grid-five .price-card ul{flex:1}.pricing-grid-five .price{font-size:24px}.package-time{font-size:9px;color:#76786e;border-top:1px solid #e9e7df;padding:12px 0 3px;margin-top:auto}.featured .package-time{border-color:#d6ae16;color:#5d4c00}.package-order{margin-top:12px;width:100%;font-size:10px;padding:12px 13px}.pricing-details{padding-top:61px;padding-bottom:63px}.pricing-details .section-heading{margin-bottom:27px!important}.pricing-details .section-heading h2{font-size:clamp(35px,3.6vw,48px)}.table-scroll{overflow-x:auto;background:#fffefa;border:1px solid var(--line)}.price-table{width:100%;border-collapse:collapse;min-width:630px;text-align:left}.price-table th,.price-table td{padding:14px 16px;border-bottom:1px solid var(--line);font-size:10px}.price-table thead th{background:#f6f2e5;font-size:9px;letter-spacing:.06em}.price-table tbody th{font-weight:700}.price-table tbody tr:last-child>*{border-bottom:0}.price-table tbody tr:hover{background:#fffaf0}.pricing-details .price-note{margin-top:12px!important}.add-ons{padding-top:10px}.order-form-section{max-width:none;background:#f1eee4;padding-top:79px;padding-bottom:80px;display:grid;grid-template-columns:.72fr 1.28fr;gap:8%;align-items:start}.order-form-intro{max-width:390px;margin-left:auto;position:sticky;top:110px}.order-form-intro h2{font:600 clamp(38px,4vw,52px)/1.12 var(--display);letter-spacing:-.065em;margin:18px 0}.order-form-intro h2 em{font-style:normal;color:#a88100}.order-form-intro>p{font-size:12px;line-height:1.8;color:var(--muted)}.form-assurance{font-size:10px;line-height:2.2;color:#5f6658;margin-top:22px}.form-assurance span{color:#61844f;font-weight:800;margin-right:7px}.order-form{width:100%;max-width:680px;background:#fffefa;border:1px solid #e5e2d8;padding:26px}.form-progress{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:18px;font-size:8px;letter-spacing:.12em;color:#797b70;font-weight:700}.form-progress span:last-child{color:#aa8705}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 13px}.form-grid label{font-size:10px;font-weight:700;color:#44473f}.form-grid label>b{color:#bb8700}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:7px;padding:11px 12px;background:#fbfaf6;border:1px solid #e5e3db;border-radius:2px;color:var(--ink);font:400 11px var(--font);outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#c49b00;box-shadow:0 0 0 2px #f5c40030}.form-grid textarea{resize:vertical;line-height:1.6}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#a1a197}.form-full{grid-column:1/-1}.order-submit{width:100%;margin-top:20px;border:0;cursor:pointer;font:700 11px var(--font)}.form-privacy{font-size:9px;line-height:1.6;color:#85867d;margin:11px 0 0}.form-error{color:#a22;font-size:10px}.order-terms{padding-top:60px;padding-bottom:70px}.terms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:25px}.terms-grid>div{border-top:1px solid var(--line);padding-top:13px}.terms-grid b{font:700 12px var(--display)}.terms-grid p{font-size:10px;line-height:1.7;color:var(--muted);margin:7px 0 0}
@media(max-width:900px){.pricing-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))}.order-form-section{grid-template-columns:1fr;gap:24px}.order-form-intro{margin-left:0;position:static;max-width:600px}.order-form{max-width:none}.terms-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.pricing-page{padding-top:60px}.pricing-grid-five{grid-template-columns:1fr}.pricing-grid-five .price-card.featured{transform:none}.pricing-details{padding-top:45px;padding-bottom:48px}.pricing-details .section-heading{gap:11px}.order-form-section{padding:55px 6%}.order-form{padding:19px 15px}.form-grid{grid-template-columns:1fr;gap:13px}.form-full{grid-column:auto}.terms-grid{grid-template-columns:1fr 1fr;gap:14px}.price-table th,.price-table td{padding:12px}.pricing-page .section-heading{gap:12px}}
.howto-hero{padding-top:73px;padding-bottom:70px;background:linear-gradient(120deg,#fbfaf6 55%,#f3edda 55%)}.howto-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:center;margin-top:22px}.howto-hero h1{font-size:clamp(48px,5.5vw,72px);line-height:1.08;font-weight:600;margin:0 0 20px}.howto-hero h1 em{font-style:normal;color:#a88100}.howto-hero-grid>div:first-child>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:510px;margin-bottom:22px}.howto-highlight{background:var(--green);color:white;padding:28px;max-width:370px;box-shadow:12px 12px 0 #f5c400}.highlight-icon{width:37px;height:37px;display:grid;place-items:center;background:var(--yellow);color:var(--ink);border-radius:50%;font-size:19px;margin-bottom:21px}.howto-highlight>b{font:700 20px var(--display)}.howto-highlight>p{font-size:11px;color:#d0d6ce;line-height:1.7;margin:9px 0 20px}.howto-highlight>div{display:flex;flex-wrap:wrap;gap:6px}.howto-highlight>div span{font-size:8px;color:#f6d84e;border:1px solid #ffffff38;padding:7px 9px}.howto-steps{padding-top:82px;padding-bottom:70px}.howto-steps .section-heading{margin:18px 0 39px!important}.howto-step-list{border-top:1px solid var(--line)}.howto-step{display:grid;grid-template-columns:52px minmax(0,1fr) 150px;gap:23px;padding:26px 0;border-bottom:1px solid var(--line)}.howto-step-number{font:700 13px var(--display);color:#ad8900;padding-top:2px}.howto-step-body>span{font-size:8px;letter-spacing:.13em;font-weight:700;color:#8a8b80}.howto-step-body h3{font:700 20px var(--display);letter-spacing:-.6px;margin:9px 0}.howto-step-body>p{font-size:11px;line-height:1.8;color:var(--muted);max-width:710px;margin:0 0 10px}.howto-step-body>a{font-size:10px;font-weight:700}.howto-step-body>a span{color:#a88100}.step-side-note{font-size:9px;line-height:1.7;color:#85867d;text-align:right;padding-top:29px}.dp-example{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px;max-width:570px;margin:16px 0 12px;padding:15px;background:#f2efe5}.dp-example>div{display:flex;flex-direction:column;gap:7px}.dp-example small{font-size:7px;letter-spacing:.08em;color:#808176}.dp-example b{font-size:12px}.dp-example strong{display:block;font:700 18px var(--display);margin-top:4px}.small-note{font-size:9px!important;color:#87887d!important}.step-tip{font-size:10px;line-height:1.7;background:#fff6d3;padding:11px 13px;max-width:570px}.step-complete{display:inline-block;background:#e6efdf;color:#416b39;padding:9px 12px;font-size:10px;font-weight:700;margin-top:6px}.howto-faq{padding-top:65px;padding-bottom:75px;display:grid;grid-template-columns:.75fr 1.25fr;gap:10%;background:#f1eee4;max-width:none}.howto-faq>div:first-child{max-width:370px;margin-left:auto}.howto-faq h2{font:600 clamp(36px,3.6vw,48px)/1.15 var(--display);letter-spacing:-.06em;margin:17px 0 22px}.howto-faq h2 em,.howto-last-cta h2 em{font-style:normal;color:#a88100}.faq-list{max-width:650px;width:100%}.faq-list details{border-bottom:1px solid #d9d7cc}.faq-list details:first-child{border-top:1px solid #d9d7cc}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;padding:16px 0;list-style:none;font-size:11px;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:17px;color:#a88100;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:10px;line-height:1.8;color:var(--muted);max-width:560px;padding:0 28px 13px 0;margin:0}.howto-faq .text-link{border-bottom:1px solid #d5bd65;padding-bottom:7px}.howto-last-cta{padding-top:65px;padding-bottom:70px;display:flex;align-items:center;justify-content:space-between}.howto-last-cta h2{font:600 clamp(34px,3.5vw,47px)/1.15 var(--display);letter-spacing:-.06em;margin:15px 0 0}
@media(max-width:800px){.howto-hero-grid{grid-template-columns:1fr;gap:32px}.howto-highlight{max-width:unset}.howto-faq{grid-template-columns:1fr;gap:25px}.howto-faq>div:first-child{max-width:unset;margin:0}.howto-step{grid-template-columns:37px minmax(0,1fr) 105px;gap:14px}.howto-last-cta{align-items:flex-start;flex-direction:column;gap:22px}}
@media(max-width:540px){.howto-hero{padding-top:54px;padding-bottom:51px;background:#f4efdf}.howto-hero h1{font-size:48px}.howto-hero-grid>div:first-child>p{font-size:12px}.howto-highlight{padding:22px}.howto-steps{padding-top:57px;padding-bottom:50px}.howto-steps .section-heading{align-items:start;flex-direction:column;gap:12px}.howto-step{grid-template-columns:30px minmax(0,1fr);gap:12px;padding:21px 0}.howto-step-body h3{font-size:17px}.step-side-note{display:none}.dp-example{grid-template-columns:1fr 1fr}.dp-example>div:first-child{grid-column:1/-1}.howto-faq{padding-top:52px;padding-bottom:55px}.howto-last-cta{padding-top:50px;padding-bottom:55px}}
.nav-dropdown{position:relative}.nav-dropdown>a{font-size:11px;font-weight:600;color:#565950;display:block;white-space:nowrap}.dropdown-caret{font-size:13px;color:#a88100;margin-left:3px}.nav-submenu{position:absolute;top:100%;right:0;min-width:190px;padding-top:12px;display:none;z-index:25}.nav-submenu a{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;background:#fffefa;border:1px solid var(--line);box-shadow:0 12px 28px #1d211a1a;font-size:10px;font-weight:700;color:var(--ink)}.nav-submenu a span{color:#a88100}.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu{display:block}.standalone-form-wrap{min-height:100vh;padding:24px 0 0}.standalone-form-top{max-width:1100px;padding:0 5.5%;margin:0 auto 19px;display:flex;align-items:center;justify-content:space-between}.standalone-back{font-size:10px;font-weight:700;color:#66685f}.standalone-back:hover{color:#a88100}.form-standalone .order-form-section{margin:0 auto 35px;max-width:1100px}.form-standalone .order-form-intro{margin-left:0}.form-standalone .form-privacy{max-width:570px}
@media(max-width:800px){.nav-dropdown{width:100%;border-bottom:1px solid var(--line)}.nav-dropdown>a{font-size:13px;padding:12px 2px}.dropdown-caret{float:right}.nav-submenu{position:static;display:block;padding:0 0 10px 13px}.nav-submenu a{padding:10px 12px;background:transparent;border:0;border-left:2px solid var(--yellow);box-shadow:none;font-size:11px}.standalone-form-top{padding:0 6%}}
@media(max-width:540px){.standalone-form-wrap{padding-top:15px}.standalone-form-top{margin-bottom:12px}.standalone-back{font-size:9px}.form-standalone .order-form-section{padding-top:43px;padding-bottom:43px}}