/* Omar Digital: brand and interaction refinements */
:root{--paper:#f8f7f3;--ink:#143039;--copper:#a86442}body{font-size:16px}.wrap{max-width:1240px}.omar-wordmark{display:block;font-family:Manrope,Arial,sans-serif;font-size:30px;font-weight:700;letter-spacing:-1.8px;line-height:1.1}.omar-wordmark>span{font-weight:400;margin-left:2px}.omar-wordmark>i{color:var(--copper);font-style:normal;margin-left:1px}nav{font-size:13px;gap:29px}.nav-cta{background:var(--ink);color:#fff;border-color:var(--ink);min-width:155px;padding:13px 18px}.nav-cta:hover{background:#2d4b53}.eyebrow{font-size:10px}.hero{grid-template-columns:1fr 1.08fr;gap:35px;padding-top:40px;padding-bottom:42px}.hero h1{font-size:clamp(52px,5.3vw,76px);line-height:1.1}.hero-copy>p{font-size:15px;line-height:1.85;max-width:430px}.hero-note{font-size:10px;margin-top:34px}.hero-actions{gap:23px}.hero-actions>.button{font-size:12px;padding:16px 19px;gap:20px}.hero-actions>.text-link{font-size:11px}.studio-stage{height:570px;position:relative;background:#e9ede6;overflow:hidden;background-image:linear-gradient(#14303906 1px,transparent 1px),linear-gradient(90deg,#14303906 1px,transparent 1px);background-size:42px 42px;border:1px solid #e1e6de}.studio-stage:before{content:'';position:absolute;width:420px;height:420px;background:#d2ded6;border-radius:50%;left:85px;top:90px}.studio-top{position:absolute;top:25px;left:27px;right:27px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:#546861}.studio-cross{font-size:31px;color:#a86442;line-height:1}.browser-concept{position:absolute;left:25px;right:47px;top:99px;background:#fdfbf6;box-shadow:0 24px 45px #16322e22;transform:rotate(-3deg);border:1px solid #d4d9cf}.browser-bar{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-bottom:1px solid #dfe3da;background:#f5f5ef;font-size:6px;letter-spacing:.12em}.browser-dots{font-size:5px;color:#a8b4a7;letter-spacing:2px}.concept-menu{padding:17px 20px;display:flex;align-items:center;justify-content:space-between}.concept-menu>b{font-family:Georgia,serif;font-size:13px;letter-spacing:.07em;font-weight:400}.concept-menu>b>span{display:block;font-family:Arial,sans-serif;font-size:4px;letter-spacing:.15em;margin-top:5px}.concept-menu>span{font-size:6px}.concept-menu i{font-style:normal;border-bottom:1px solid #58746e;padding-bottom:4px}.concept-cover{height:214px;position:relative;color:#fff;overflow:hidden}.concept-cover>img{height:100%;width:100%;filter:brightness(.65) saturate(.6)}.concept-cover>div{position:absolute;left:27px;top:27px}.concept-cover small{font-size:6px;letter-spacing:.15em}.concept-cover strong{font-family:Georgia,serif;font-weight:400;font-size:35px;line-height:1.05;display:block;margin-top:10px;letter-spacing:-.03em}.concept-cover>div>span{font-size:7px;display:inline-block;padding:9px 11px;margin-top:16px;border:1px solid #ffffff99}.concept-cover>i{position:absolute;bottom:14px;right:18px;font-size:5px;font-style:normal;letter-spacing:.12em}.concept-bottom{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.concept-bottom>span{font-size:6px;font-weight:600;letter-spacing:.09em}.concept-bottom p{font-family:Georgia,serif;font-size:11px;line-height:1.3;color:#6b776e}.concept-bottom b{font-size:23px;font-weight:400}.studio-chip{position:absolute;z-index:3;top:68px;right:25px;box-shadow:0 7px 15px #183c2d0d;padding:11px 15px;background:#fffdf8;display:flex;align-items:center;gap:10px;border:1px solid #dce3d9;transform:rotate(2deg)}.chip-check{height:24px;width:24px;background:#eaf0e6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:#345d42}.studio-chip>div{font-size:9px;font-weight:500}.studio-chip small{font-size:7px;color:var(--muted);display:block;margin-top:2px}.phone-concept{position:absolute;width:129px;height:261px;right:24px;bottom:49px;background:#f8f5ec;box-shadow:0 12px 24px #17332a33;border:4px solid #263c38;border-radius:20px;overflow:hidden;transform:rotate(5deg)}.phone-speaker{position:absolute;background:#263c38;width:34px;height:7px;border-radius:0 0 6px 6px;left:calc(50% - 17px);top:0;z-index:2}.phone-menu{padding:20px 10px 12px;font-size:6px;display:flex;justify-content:space-between;font-family:Georgia,serif}.phone-menu>span{font-family:Arial}.phone-cover{height:151px;position:relative;overflow:hidden}.phone-cover>img{height:100%;width:100%;filter:brightness(.55) saturate(.5)}.phone-cover>strong{position:absolute;top:25px;left:12px;font-family:Georgia,serif;font-size:21px;color:white;line-height:1.1;font-weight:400;letter-spacing:-.04em}.phone-cover>span{position:absolute;bottom:20px;left:12px;color:white;font-size:6px;border:1px solid #ffffffaa;padding:5px 8px}.phone-bottom{padding:12px 10px;font-size:9px;font-family:Georgia}.phone-bottom span{font-size:5px;display:block;margin-top:3px;font-family:Arial}.phone-home{position:absolute;bottom:4px;height:3px;width:37px;background:#263c38;left:calc(50% - 18px);border-radius:10px}.studio-caption{position:absolute;left:26px;right:26px;bottom:21px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.1em;color:#52635d}.audience p{font-size:12px}.service-visual{border:1px solid #dde3da}.service-visual:hover{transform:translateY(-5px);box-shadow:0 12px 26px #14303909}.service>p{font-size:14px;line-height:1.8}.service-meta{font-size:9px}.service h3{font-size:22px}.service>.text-link{font-size:12px}.section-heading>p{font-size:14px}.work-section{background:#f0efe9;border-top:1px solid #e5e5db;border-bottom:1px solid #e5e5db}.showcase-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ccd4ca;margin-bottom:0}.showcase-tabs>button{display:flex;gap:15px;align-items:center;padding:20px 22px;border:0;background:transparent;color:#536860;font-size:10px;text-align:left;transition:background .2s}.showcase-tabs>button+button{border-left:1px solid #ccd4ca}.showcase-tabs span{font-size:13px;color:var(--ink);font-weight:500;flex:1}.showcase-tabs i{font-size:17px;font-style:normal}.showcase-tabs [aria-selected=true]{background:var(--ink);color:#c5d8d4}.showcase-tabs [aria-selected=true] span{color:white}.example-panel{display:grid;grid-template-columns:1.25fr 1fr;background:#fffdf8;border:1px solid #ccd4ca;border-top:0;min-height:410px}.example-panel[hidden]{display:none}.example-art{position:relative;display:flex;align-items:center;justify-content:center;padding:42px;min-height:410px;overflow:hidden}.website-art{background:#e3e8df}.example-copy{padding:47px 44px}.example-copy .eyebrow{font-size:9px;display:block;margin-bottom:20px}.example-copy h3{font-size:30px;max-width:370px;margin-bottom:20px}.example-copy>p{font-size:13px;color:var(--muted);line-height:1.85}.example-copy>ul{margin:20px 0;font-size:12px}.example-copy li{margin:8px 0}.example-copy li:before{content:'✓';color:var(--copper);margin-right:10px}.example-copy>a{font-size:12px;border-bottom:1px solid #cad3ca;padding-bottom:5px}.portfolio-screen{background:#fbf9f3;border:1px solid #ced5c9;box-shadow:0 14px 25px #14303913;width:100%;max-width:480px}.portfolio-top{font-size:9px;padding:18px;border-bottom:1px solid #dce0d7;font-weight:600;letter-spacing:.04em;display:flex;justify-content:space-between}.portfolio-top>span{font-size:7px;letter-spacing:0;font-weight:400}.portfolio-content{padding:27px 25px;display:grid;grid-template-columns:1fr .8fr;gap:20px}.portfolio-content small{font-size:5px;letter-spacing:.12em;display:block;max-width:160px;margin-bottom:16px}.portfolio-content h3{font-size:34px}.portfolio-content h3 em{color:#987053}.portfolio-button{font-size:6px;color:white;background:var(--ink);padding:10px;display:inline-block;margin-top:18px}.abstract-building{position:relative;height:208px;background:#d7d5c6;overflow:hidden}.abstract-building:before{content:'';position:absolute;top:40px;left:10px;width:180px;height:190px;background:#b5b8a4;transform:skewY(-16deg)}.abstract-building>span{position:absolute;width:78px;height:165px;top:57px;left:22px;border-radius:60px 60px 0 0;background:#f0e6d0;box-shadow:15px 0 0 #cbc1a9}.abstract-building i{position:absolute;bottom:0;left:-20px;width:200px;height:45px;background:#d9cdb5;transform:skewY(10deg)}.abstract-building b{position:absolute;bottom:0;left:55px;width:12px;height:75px;background:#9eaa8d;transform:rotate(20deg);border-radius:90% 0}.portfolio-caption{padding:14px 25px;border-top:1px solid #dde1d7;font-size:6px;letter-spacing:.1em}.concept-disclaimer{position:absolute;bottom:16px;left:25px;right:25px;text-align:center;font-size:7px;letter-spacing:.11em;color:#52625b}.storyboard-art{background:#e6e5da;display:block;padding:65px 30px 55px}.storyboard-label{font-size:8px;letter-spacing:.17em;margin-bottom:22px}.storyboard-frames{display:flex;gap:9px;align-items:center}.story-frame{flex:1;min-width:0}.story-frame>small{font-size:5px;letter-spacing:.03em;display:block;margin-top:9px}.story-arrow{font-size:17px;color:var(--copper);margin-bottom:20px}.room{height:165px;background:linear-gradient(150deg,#e9e0cb 0 58%,#b6b2a3 58%);position:relative;overflow:hidden;border:1px solid #c8c8b7}.room:before{content:'';position:absolute;top:23px;left:18px;right:18px;height:95px;background:linear-gradient(#a2b5a8,#dce1c9);border:6px solid #f6f1e5;box-shadow:7px 8px 0 #bbb7a370}.room:after{content:'';position:absolute;bottom:28px;left:10px;right:25px;height:30px;background:#e7dfcb;border-top:15px solid #cec4af;transform:skewY(4deg)}.room>span{position:absolute;top:23px;left:50%;height:95px;border-left:3px solid #f6f1e5;z-index:1}.room>i{position:absolute;right:4px;bottom:36px;width:13px;height:28px;border-radius:70% 0;background:#808b68;z-index:2}.room-two{background:linear-gradient(170deg,#e2d4be 0 60%,#aba694 60%)}.room-two:before{left:35px;right:-15px;background:linear-gradient(#879c8f,#c2d5c4)}.room-two:after{left:0;right:15px;bottom:15px;height:35px}.room-three{background:linear-gradient(#a2bdba 0 35%,#cecfbb 35% 63%,#8cafac 63%)}.room-three:before{left:10px;right:-9px;top:45px;height:55px;background:#e5dcc7;border:0;box-shadow:0 -6px #f4eedc}.room-three:after{bottom:30px;height:25px;border:0;background:#76a3a5;transform:skewX(-20deg)}.room-three>span{display:none}.storyboard-track{display:flex;gap:15px;align-items:center;font-size:6px;letter-spacing:.06em;margin-top:30px;padding-top:20px;border-top:1px solid #bbc5b5}.storyboard-track>i{height:3px;background:#9b785c;width:30px}.storyboard-track>span:last-child{margin-left:auto}.reputation-art{background:#e8e1d8}.reputation-card{background:#fffdf8;box-shadow:0 15px 30px #1430390c;border:1px solid #d9d0c2;width:100%;padding:25px}.review-person{display:flex;gap:12px;align-items:center}.review-person>span{width:34px;height:34px;background:#e5e9de;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center}.review-person>div{font-size:11px}.review-person small{font-size:8px;display:block;color:#707c74}.review-person>b{font-size:12px;letter-spacing:1px;color:#9b7040;margin-left:auto}.reputation-card>p{font-size:13px;margin:22px 0}.reputation-response{border-left:2px solid #a7724f;padding:0 0 0 16px}.reputation-response>span{font-size:7px;letter-spacing:.1em;color:#8b5a3e}.reputation-response p{font-size:11px;margin-top:10px;color:#53655c;line-height:1.8}.reputation-response>small{font-size:8px;display:block;margin-top:12px;color:#5a715c}.delivery-strip{border-bottom:1px solid #d9ded4;padding:31px 0;background:var(--paper)}.delivery-strip>.wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.delivery-strip span{font-size:9px;color:var(--copper);display:block;margin-bottom:7px}.delivery-strip b{font-size:13px;font-weight:500}.delivery-strip p{font-size:11px;color:var(--muted);margin-top:2px}.price-card h3{font-size:22px}.price-card>p,.price-card li{font-size:12px}.price-label{font-size:9px}.price>span{font-size:12px}.price-card .hosting-price{font-size:11px;color:#e7c2a7;margin-bottom:12px}.pricing-note{font-size:11px}.scope-link{font-size:10px}.local-copy>p{font-size:14px}.local-tags{font-size:10px}.signature>span{font-size:9px}.steps p{font-size:13px}summary{font-size:14px}details>p{font-size:13px}.closing p{font-size:13px}.footer-top>div{font-size:12px}.footer-top>div>span{font-size:10px}.footer-bottom{font-size:10px}.scope-note{font-size:13px}.estimate-card{background:#eaf0e7;border:1px solid #d7e0d2;padding:25px;margin-top:35px;max-width:440px}.estimate-heading{display:flex;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:.1em;color:#56705b;margin-bottom:18px}.estimate-card h3{font-size:23px}.estimate-card dl{margin:20px 0}.estimate-card dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ced9c9;padding:10px 0;font-size:12px}.estimate-card dd{margin:0;font-weight:600}.estimate-card>p{font-size:11px;color:#4e6557}.estimate-card .estimate-disclaimer{font-size:9px;line-height:1.7;margin-top:17px}.estimate-card select{font-size:11px;background:#f6f8f1;padding:10px}.contact-note{margin-top:25px;padding-top:20px}.contact-note p{font-size:11px}.brief-actions{display:flex;flex-wrap:wrap;gap:22px;margin-top:18px}#copy-status{font-size:11px!important}.contact-section form{align-self:start}form h2{font-size:26px;max-width:330px}label{font-size:12px}form>.button{font-size:13px}.form-note{font-size:10px}
@media(min-width:1450px){.hero h1{font-size:76px}}@media(max-width:1100px){.hero{gap:24px;grid-template-columns:1fr 1fr}.hero h1{font-size:57px}.hero-actions{flex-wrap:wrap;gap:18px}.studio-stage{height:545px}.browser-concept{left:20px;right:30px;top:104px}.concept-cover{height:200px}.concept-menu{padding:16px}.concept-menu>span{font-size:5px}.concept-cover strong{font-size:31px}.concept-bottom{padding:17px}.concept-bottom p{font-size:9px}.phone-concept{bottom:55px;right:15px;width:112px;height:238px}.phone-cover{height:135px}.phone-cover>strong{font-size:18px}.studio-chip{right:16px;top:70px}.showcase-tabs>button{padding:17px 15px;gap:10px}.showcase-tabs span{font-size:11px}.example-copy{padding:35px 28px}.example-copy h3{font-size:26px}.example-art{padding:33px 25px}.portfolio-content{padding:22px 18px;gap:15px}.portfolio-content h3{font-size:28px}.abstract-building{height:192px}.portfolio-caption{font-size:5px;padding:12px 18px}.storyboard-art{padding:68px 22px 55px}.room{height:147px}.review-person>b{font-size:9px}.service h3{font-size:20px}}@media(max-width:800px){.omar-wordmark{font-size:28px}.hero{grid-template-columns:1fr;gap:38px}.hero h1{font-size:70px}.hero-copy>p{max-width:520px}.hero-actions{flex-wrap:nowrap}.studio-stage{height:575px}.browser-concept{left:45px;right:80px;top:100px}.concept-menu{padding:20px 24px}.concept-menu>span{font-size:7px}.concept-cover{height:232px}.concept-cover strong{font-size:41px}.concept-bottom{padding:22px 24px}.concept-bottom p{font-size:13px}.concept-bottom>span{font-size:7px}.phone-concept{width:140px;height:285px;right:38px;bottom:42px}.phone-cover{height:175px}.phone-cover>strong{font-size:24px;top:34px}.studio-chip{top:65px;right:38px;padding:14px 18px}.studio-chip>div{font-size:10px}.studio-chip small{font-size:8px}.studio-top{top:23px;left:30px;right:30px}.studio-caption{font-size:8px;left:30px;right:30px}.showcase-tabs>button{padding:17px 12px;gap:8px}.showcase-tabs>button>i{display:none}.showcase-tabs span{font-size:10px}.example-panel{grid-template-columns:1fr}.example-art{min-height:380px;padding:40px}.example-copy{padding:36px}.example-copy h3{max-width:none;font-size:31px}.example-copy p{font-size:14px}.portfolio-screen{max-width:450px}.portfolio-content h3{font-size:35px}.portfolio-content{padding:28px}.abstract-building{height:202px}.portfolio-top{padding:20px;font-size:10px}.portfolio-caption{font-size:6px}.storyboard-art{padding:65px 35px 60px;min-height:360px}.storyboard-label{font-size:9px}.room{height:175px}.story-frame>small{font-size:7px}.storyboard-track{font-size:8px}.reputation-card{max-width:470px;padding:30px}.review-person>b{font-size:14px}.reputation-card>p{font-size:15px}.reputation-response p{font-size:13px}.delivery-strip>.wrap{grid-template-columns:1fr 1fr;gap:25px}.service h3{font-size:25px}.estimate-card{max-width:none}.contact-section form{padding:32px}.footer-top .brand{min-width:180px}}@media(max-width:480px){.omar-wordmark{font-size:27px;letter-spacing:-1.5px}.hero h1{font-size:51px}.hero-copy>p{font-size:14px;line-height:1.85}.hero-actions{flex-wrap:wrap;gap:18px}.hero-note{gap:18px;font-size:9px}.hero-actions>.text-link{font-size:12px}.studio-stage{height:430px}.studio-top{top:20px;left:19px;right:19px;font-size:6px}.studio-cross{font-size:25px}.browser-concept{top:98px;left:17px;right:33px}.browser-bar{font-size:4px;padding:7px 8px}.browser-dots{font-size:4px;letter-spacing:1px}.concept-menu{padding:12px}.concept-menu>b{font-size:9px}.concept-menu>b>span{font-size:3px}.concept-menu>span{font-size:4px}.concept-cover{height:154px}.concept-cover>div{left:17px;top:18px}.concept-cover small{font-size:4px}.concept-cover strong{font-size:27px;margin-top:7px}.concept-cover>div>span{font-size:5px;padding:6px 8px;margin-top:10px}.concept-cover>i{font-size:3px;bottom:10px;right:12px}.concept-bottom{padding:13px}.concept-bottom>span{font-size:4px}.concept-bottom p{font-size:8px}.concept-bottom b{font-size:16px}.studio-chip{top:68px;right:14px;padding:8px 10px;gap:7px}.studio-chip>div{font-size:7px}.studio-chip small{font-size:5px}.chip-check{width:20px;height:20px;font-size:9px}.phone-concept{width:92px;height:190px;border-width:3px;border-radius:14px;bottom:40px;right:13px}.phone-menu{padding:13px 7px 9px;font-size:4px}.phone-cover{height:112px}.phone-cover>strong{font-size:17px;left:9px;top:21px}.phone-cover>span{font-size:4px;bottom:16px;left:9px;padding:4px 6px}.phone-bottom{padding:10px 8px;font-size:7px}.phone-bottom span{font-size:4px}.phone-speaker{height:5px;width:27px;left:calc(50% - 13px)}.phone-home{height:2px;width:28px;left:calc(50% - 14px)}.studio-caption{font-size:5px;left:18px;right:18px;bottom:17px}.showcase-tabs{grid-template-columns:1fr}.showcase-tabs>button{padding:14px 17px;gap:14px}.showcase-tabs>button+button{border-left:0;border-top:1px solid #ccd4ca}.showcase-tabs span{font-size:12px}.showcase-tabs>button>i{display:block}.example-art{padding:28px 22px 45px;min-height:325px}.portfolio-top{font-size:7px;padding:14px}.portfolio-top>span{font-size:5px}.portfolio-content{padding:21px 17px;gap:14px;grid-template-columns:1fr .75fr}.portfolio-content h3{font-size:27px}.portfolio-content small{font-size:4px;max-width:115px}.portfolio-button{font-size:4px;padding:8px 7px}.abstract-building{height:174px}.portfolio-caption{font-size:4px;padding:12px 17px}.concept-disclaimer{font-size:5px;left:15px;right:15px;bottom:14px}.example-copy{padding:28px 25px 32px}.example-copy h3{font-size:28px}.example-copy>p{font-size:13px}.storyboard-art{padding:40px 19px 50px;min-height:285px}.storyboard-label{font-size:7px}.storyboard-frames{gap:5px}.story-arrow{font-size:13px}.room{height:128px}.room:before{top:18px;left:9px;right:9px;height:70px;border-width:4px}.room>span{top:18px;height:70px}.room-two:before{left:23px;right:-15px}.room-three:before{top:35px;left:5px;right:-9px;height:40px;border:0}.story-frame>small{font-size:4px}.storyboard-track{font-size:5px;gap:8px;margin-top:20px;padding-top:15px}.storyboard-track>i{width:18px}.reputation-card{padding:20px}.review-person{gap:8px}.review-person>span{width:27px;height:27px;font-size:8px}.review-person>div{font-size:9px}.review-person small{font-size:6px}.review-person>b{font-size:9px}.reputation-card>p{font-size:12px;margin:18px 0}.reputation-response p{font-size:10px}.reputation-response>span{font-size:6px}.reputation-response>small{font-size:7px}.delivery-strip{padding:27px 0}.delivery-strip b{font-size:12px}.delivery-strip p{font-size:10px}.delivery-strip>.wrap{gap:24px 16px}.footer-top{grid-template-columns:1fr 1fr;gap:30px 15px}.footer-top .brand{min-width:0}.footer-top .omar-wordmark{font-size:23px}.footer-top>p{font-size:10px}.footer-top>div{font-size:10px}.footer-bottom{font-size:8px}.contact-section form{padding:25px}.estimate-card{padding:20px}.estimate-heading{font-size:6px}.estimate-card dl>div{font-size:11px}.price-card h3{font-size:22px}.service h3{font-size:24px}summary{font-size:13px}}
.direct-contact{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:26px}.direct-contact .button{font-size:12px}.direct-contact .text-link{font-size:12px}.optional{font-size:10px;color:var(--muted)}.form-note a{text-decoration:underline;text-underline-offset:2px}.whatsapp-send{font-size:12px;margin-top:9px;gap:18px;padding:12px 16px}.contact-section .contact-location{margin-top:30px}.contact-section .estimate-card{margin-top:28px}