/* Olive Digitech · V15.2 / Design proof only · accessible carousels, price previews */
:root{--od-navy:#0a2033;--od-teal:#0bb7b5;--od-white:#fff;--od-ice:#f3fafb}
html{scroll-behavior:smooth}
.section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}
.section-header h2{font-size:clamp(32px,4.8vw,58px);line-height:1.08;letter-spacing:-.052em;margin:14px 0 0;max-width:800px}
.section-header p{margin:0 0 6px;max-width:350px;color:#607784;font-size:14px;line-height:1.65}
.od-gallery-section{background:radial-gradient(circle at 86% 22%,#154458 0%,transparent 37%),#081d2d;color:#fff;overflow:hidden}
.od-gallery-section .section-header h2{max-width:650px}.od-gallery-section .section-header p{color:#b7cdd8}.od-gallery-section .mini{color:#45e5d9}
.carousel-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.carousel-context{font-size:10px;font-weight:850;letter-spacing:.14em;opacity:.67}
.carousel-controls{display:flex;align-items:center;gap:13px}.carousel-arrow{display:flex;justify-content:center;align-items:center;width:45px;height:45px;border:1px solid #7faab3;border-radius:50%;background:transparent;color:inherit;font-size:22px;cursor:pointer;transition:background .2s,transform .2s}.carousel-arrow:hover{background:#0e9996;transform:scale(1.04)}.carousel-arrow:focus-visible{outline:3px solid #27f4e1;outline-offset:3px}
.carousel-count{font-size:11px;font-weight:850;letter-spacing:.12em;min-width:50px;text-align:center}
.od-carousel{width:100%;overflow:hidden;position:relative;touch-action:pan-y;scrollbar-width:none}.od-carousel::-webkit-scrollbar{display:none}
.od-carousel-track{display:flex;align-items:stretch;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;padding:3px 3px 20px}.od-carousel-track::-webkit-scrollbar{display:none}
.od-project{flex:0 0 calc((100% - 36px)/3);min-width:0;scroll-snap-align:start;min-height:475px;border:1px solid #396071;border-radius:23px;background:#103048;color:white;overflow:hidden;padding:25px 25px 23px;display:flex;flex-direction:column;gap:12px;text-decoration:none;position:relative;isolation:isolate;transition:border-color .3s,box-shadow .3s}.od-project:hover{border-color:#58e6da;box-shadow:0 18px 40px #0003}.od-project h3{font-size:clamp(25px,2.5vw,36px);letter-spacing:-.06em;line-height:1.07;color:#fff;margin:10px 0 9px}.od-project p{color:#c3d8df;font-size:13px;line-height:1.65;margin:0}.od-card-index,.od-project-link{font-size:10px;letter-spacing:.12em;font-weight:850;color:#4ce8e0}.od-project-link{margin-top:auto;padding-top:8px}.od-project-art{position:relative;background:linear-gradient(145deg,#f2faf2,#d4eee1 60%,#7bc5a6);margin:18px -25px -3px;padding:24px;min-height:188px;color:#155442;overflow:hidden;transform:rotate(-2deg) translateX(10px);display:flex;flex-direction:column;gap:14px;border-radius:19px 0 0 0}.od-project-art strong{font-size:35px;letter-spacing:-.07em;line-height:1}.od-art-eyebrow{font-size:10px;letter-spacing:.11em;font-weight:800}.od-project-art>span:last-of-type{font-size:12px}.od-art-curve{position:absolute;right:-30px;bottom:-67px;width:220px;height:170px;border:20px solid #8fcbb4;border-radius:50%;transform:rotate(-25deg);opacity:.55}.od-project-booky{background:#29263e}.od-booky{background:linear-gradient(130deg,#fff8ff,#e8d7f5 55%,#b98dd3);color:#4b2e63}.od-booky .od-art-curve{border-color:#b998ce}.od-project-booky p{color:#e3dcef}
.od-cover-project{background:radial-gradient(circle at 70% 52%,#2d6870aa,transparent 57%),#143044}.od-cover-frame{display:flex;align-items:center;justify-content:center;flex:1;min-height:268px;margin:2px 0;position:relative}.od-cover-frame:before{content:'';position:absolute;width:205px;height:205px;background:#52c7be22;filter:blur(36px);border-radius:50%}.od-cover-frame img{position:relative;max-width:76%;height:268px;object-fit:contain;filter:drop-shadow(12px 20px 12px #0005);transform:rotate(-5deg);transition:transform .45s}.od-cover-project:hover img{transform:rotate(0) scale(1.04)}
.carousel-footnote{font-size:11px;color:#91b7c2;margin-top:12px}
/* Service layout: bento, varied visuals, no invented slogans */
.od-service-section{background:#f7fcfc;padding-top:92px;padding-bottom:93px}.od-service-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(320px,auto);gap:15px}.od-service-tile{border-radius:22px;border:1px solid #d5e8ea;min-height:325px;padding:27px;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;transition:transform .35s,box-shadow .35s;box-shadow:0 5px 20px #1235480a}.od-service-tile:hover{transform:translateY(-5px);box-shadow:0 18px 42px #0d344b20}.od-service-tile h3{font-size:clamp(23px,2.5vw,33px);line-height:1.11;letter-spacing:-.045em;color:#0d2639;margin:10px 0 13px;max-width:410px;position:relative}.od-service-tile p{color:#526b79;font-size:13px;line-height:1.68;margin:0 0 16px;max-width:430px;position:relative}.od-service-tile a{color:#07585c;font-weight:800;font-size:12px;border-bottom:1px solid currentColor;text-decoration:none;align-self:start;margin-top:auto;padding-bottom:5px;position:relative}.od-service-tile a:hover{color:#0369d5}.od-tile-number{font-size:10px;font-weight:850;letter-spacing:.12em;color:#207b80}.od-service-lead{grid-column:span 2;min-height:350px;background:linear-gradient(120deg,#dff4f4,#fff 72%);padding-right:45%}.od-service-lead h3{font-size:clamp(27px,3vw,42px)}.od-service-brand{background:#f7f0fd}.od-service-social{background:#f0faf2}.od-service-publishing{background:#fff9f1}.od-service-operations{background:#ebf7f9}.od-service-custom{background:#0b2a40;border-color:#0b2a40}.od-service-custom h3,.od-service-custom .od-tile-number,.od-service-custom a{color:#5af0dd}.od-service-custom p{color:#d0e5ea}
.od-tile-browser{position:absolute;right:-33px;top:59px;width:45%;height:253px;border:8px solid #0b3047;border-radius:16px;background:white;box-shadow:0 26px 60px #0c425529;transform:rotate(-5deg)}.od-brow-top{height:29px;background:#0c3045;display:flex;align-items:center;gap:6px;padding-left:12px}.od-brow-top i{width:7px;height:7px;background:#68cdd2;border-radius:50%}.od-brow-blocks{padding:28px 18px;display:grid;grid-template-columns:1.2fr 1fr;gap:10px}.od-brow-blocks>div{display:grid;gap:12px}.od-brow-blocks b{font-size:16px;color:#16384a}.od-brow-blocks span{height:12px;border-radius:10px;background:#d8e9eb}.od-brow-blocks span:nth-child(2){width:85%}.od-brow-blocks i{background:linear-gradient(120deg,#0c8585,#9bddd0);border-radius:9px;height:60px}.od-brow-footer{position:absolute;bottom:14px;left:16px;width:36%;height:16px;border-radius:20px;background:#13b5ae}
.od-shape-art{margin:16px 0 18px;display:flex;height:88px;align-items:center;position:relative}.od-shape-art span{height:80px;width:80px;border-radius:20px;background:#70459d;transform:rotate(-13deg);box-shadow:5px 10px 0 #e4d7ef}.od-shape-art span:nth-child(2){margin-left:-25px;transform:rotate(19deg);background:#e7bfe7;border-radius:50%}.od-shape-art span:nth-child(3){margin-left:-27px;transform:rotate(-2deg);background:#31183e;width:30px;height:80px;border-radius:3px}
.od-mini-calendar{display:grid;grid-template-columns:repeat(3,60px);gap:9px;margin:17px 0 24px;max-width:230px;color:#176949}.od-mini-calendar b{grid-column:span 3;font-size:11px;letter-spacing:.08em}.od-mini-calendar span{background:#cfecdf;font-size:10px;font-weight:800;padding:7px 0;text-align:center;border-radius:5px}.od-mini-calendar i{height:30px;border-radius:4px;background:#7acb9d}.od-mini-calendar i:nth-of-type(2){background:#2fae7b}.od-mini-calendar i:nth-of-type(3){background:#a9dec0}
.od-tile-book{position:absolute;right:-6px;top:42px;width:102px;height:152px;object-fit:contain;transform:rotate(11deg);filter:drop-shadow(7px 12px 10px #0004)}.od-service-publishing h3,.od-service-publishing p{max-width:76%}.od-document-art{margin:14px 0 20px;width:140px;height:66px;border:1px solid #95d3d4;border-radius:11px;background:white;display:flex;flex-direction:column;justify-content:center;padding:10px 15px;font-size:23px;font-weight:900;letter-spacing:-.03em;color:#1d6c71;box-shadow:7px 7px 0 #b0dcdd}.od-document-art span{font-size:8px;font-weight:750;letter-spacing:.04em}.od-circuit-art{height:102px;margin:14px 0 12px;position:relative;max-width:180px;background:repeating-linear-gradient(145deg,transparent 0 31px,#18aaa44f 32px 33px,transparent 34px 57px)}.od-circuit-art span{position:absolute;background:#28d7d0;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 9px #1bc4c322}.od-circuit-art span:nth-child(2){left:80px;top:44px}.od-circuit-art span:nth-child(3){right:8px;bottom:3px}.od-services-footer{margin-top:24px}
/* Two and only two pricing card fills: top row white, next row navy. Teal = accent only. */
.od-price-card{background:var(--od-white)!important;border:1px solid #c6dfe2!important;color:#102a3c!important;box-shadow:0 9px 25px #0527370d!important;min-height:0!important}
.od-price-card:nth-child(n+4){background:var(--od-navy)!important;border-color:#0a2033!important;color:#fff!important}
.od-price-card:nth-child(n+4) h3,.od-price-card:nth-child(n+4) .cost,.od-price-card:nth-child(n+4) .cost small,.od-price-card:nth-child(n+4) .delivery-info strong{color:white!important}
.od-price-card:nth-child(n+4) p,.od-price-card:nth-child(n+4) .delivery-hint,.od-price-card:nth-child(n+4) .bullets div,.od-price-card:nth-child(n+4) .delivery-kicker,.od-price-card:nth-child(n+4) .num{color:#c6dfe5!important}
.od-price-card:nth-child(n+4) .cost,.od-price-card:nth-child(n+4) .delivery-info,.od-price-card:nth-child(n+4) details{border-color:#476679!important}
.od-price-card:nth-child(n+4) summary,.od-price-card:nth-child(n+4) details p{color:#e4f2f5!important}
.od-price-card:nth-child(n+4) .get{background:#f0fbfc!important;color:#0a2033!important}
.od-price-card:nth-child(-n+3) .get{background:#0a2033!important;color:white!important}
.od-price-card:hover{transform:translateY(-3px)!important;border-color:#15beba!important}
.od-converted-price{display:block;font-size:clamp(29px,2.5vw,41px);line-height:1.17;letter-spacing:-.047em;font-weight:850;margin-top:5px}
.od-price-conversion-note{display:block;font-size:10px;letter-spacing:0;font-weight:500;opacity:.8;margin-top:7px;text-transform:none}
.od-currency-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px 32px;background:#fff;border:1px solid #c7e2e4;border-radius:17px;margin:20px 0 22px;padding:18px 21px}.od-currency-row>div{flex:1;min-width:180px}.od-currency-row strong{display:block;color:#123b4c;font-size:15px}.od-currency-row span{display:block;font-size:11px;line-height:1.5;color:#597582;margin-top:4px}.od-currency-row label{font-size:11px;font-weight:850;color:#144052;display:flex;align-items:center;gap:10px}.od-currency-select{font:700 12px system-ui,sans-serif;color:#102b40;background:#edfafa;border:1px solid #7fc6cb;border-radius:10px;padding:11px;max-width:230px}.od-currency-row .od-fx-status{width:100%;font-size:10px;color:#4b737b;margin-top:0}
/* Review area: architectural accents that remain subdued behind legible quotes */
.od-review-section{background:linear-gradient(145deg,#061c2d,#0d3c4e 70%,#0b2637);position:relative;overflow:hidden;color:white}.od-review-section .shell{position:relative;z-index:2}.od-review-section .mini{color:#48f0db}.od-review-section .section-header p{color:#c7e0e7}.od-orbit{position:absolute;border:1px solid #22c7bf34;border-radius:50%;pointer-events:none;z-index:0}.od-orbit-one{height:780px;width:780px;left:-490px;top:-380px;box-shadow:0 0 0 95px #1bdfd809,0 0 0 195px #1bdfd807}.od-orbit-two{height:520px;width:520px;right:-310px;bottom:-270px;box-shadow:0 0 0 80px #2ee2d70e}.od-review-glow{position:absolute;right:8%;top:15%;width:240px;height:240px;background:#11d5c036;filter:blur(85px);pointer-events:none}
.od-review-card{flex:0 0 61%;min-height:320px;display:flex;flex-direction:column;padding:35px 37px;scroll-snap-align:start;margin:0;border:1px solid #6fb3b566;border-radius:22px;color:white;background:linear-gradient(160deg,#14485aef,#0c293dee);box-shadow:0 16px 30px #0010182d;transition:background .3s}.od-review-card:nth-child(2){background:linear-gradient(160deg,#215261,#0b2539)}.od-review-card:nth-child(3){background:linear-gradient(160deg,#194152,#113043)}.od-review-card p{font-size:clamp(14px,1.4vw,19px);line-height:1.72;letter-spacing:-.01em;color:#f0fbff;margin:12px 0 30px}.od-quote-sign{font-family:Georgia,serif;color:#37e6d8;font-size:75px;line-height:.7}.od-review-card footer{margin-top:auto;display:flex;gap:13px;align-items:center}.od-client-initials{display:grid;place-items:center;background:#d0f4ee;color:#0b4550;border-radius:50%;width:42px;height:42px;flex:0 0 42px;font-size:11px;font-weight:900}.od-review-card footer strong{display:block;font-size:13px;color:#faffff}.od-review-card footer small{display:block;margin-top:4px;font-size:11px;color:#9dcbd1}.od-review-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;color:#91bdc6;font-size:11px}.od-motion-switch{border:1px solid #66a9b2;border-radius:30px;color:#c0e7e7;background:transparent;padding:10px 17px;cursor:pointer;font:700 11px system-ui,sans-serif}.od-motion-switch:hover{border-color:#28e3cf}
/* Post-launch Google account handover feature */
.od-launch-section{background:#f6fcfc;padding:92px 0}.od-launch-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:10%;align-items:center}.od-launch-section h2{font-size:clamp(35px,4.6vw,62px);max-width:550px;letter-spacing:-.06em;line-height:1.08;margin:19px 0}.od-launch-section p{color:#577482;font-size:14px;line-height:1.72}.od-launch-section a{display:inline-flex;margin-top:20px;font-size:13px;font-weight:800;color:#005e67;border-bottom:1px solid #005e67;text-decoration:none}.od-launch-items{border-radius:22px;background:#fff;border:1px solid #cbe4e5;padding:32px;box-shadow:0 20px 50px #0c3b3b0b}.od-launch-items>div:not(.od-launch-subtext){border-bottom:1px solid #daeaec;padding:15px 0 18px 40px;position:relative}.od-launch-items>div>span{position:absolute;left:0;top:19px;font-size:12px;font-weight:900;color:#0b9499}.od-launch-items strong{display:block;font-size:17px;letter-spacing:-.035em;color:#173a4a}.od-launch-items p{font-size:12px;line-height:1.6;margin:6px 0 0}.od-launch-subtext{margin-top:20px;font-size:11px;line-height:1.55;color:#52717d}
@media(max-width:960px){.od-project{flex-basis:calc((100% - 18px)/2)}.od-service-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.od-service-lead{grid-column:span 2}.od-review-card{flex-basis:82%}.od-launch-grid{gap:35px}.section-header h2{font-size:clamp(32px,5vw,51px)}}
@media(max-width:650px){.section-header{flex-direction:column;align-items:flex-start;gap:8px}.section-header h2{font-size:37px;max-width:100%}.section-header p{font-size:13px;max-width:100%}.carousel-arrow{width:39px;height:39px}.carousel-context{font-size:9px;max-width:175px}.od-project{flex-basis:86%;padding:22px;min-height:457px}.od-project-art{margin-left:-22px;margin-right:-22px}.od-service-section{padding-top:62px;padding-bottom:65px}.od-service-bento{grid-template-columns:1fr;gap:13px}.od-service-lead{grid-column:span 1;padding-right:25px;min-height:400px;padding-bottom:200px}.od-tile-browser{top:auto;bottom:-14px;right:10px;width:65%;height:192px}.od-brow-blocks{padding:16px 14px}.od-service-tile{min-height:310px;padding:23px}.od-service-publishing h3,.od-service-publishing p{max-width:76%}.od-review-card{flex-basis:94%;min-height:330px;padding:27px 24px}.od-review-card p{font-size:14px}.od-review-bottom{flex-wrap:wrap}.od-currency-row label{flex-wrap:wrap}.od-currency-select{width:100%;max-width:100%}.od-launch-section{padding:69px 0}.od-launch-grid{grid-template-columns:1fr;gap:25px}.od-launch-items{padding:24px}.od-gallery-section .section-header{margin-bottom:20px}.od-review-section .section-header{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.od-carousel-track{scroll-behavior:auto}.od-project,.od-service-tile{transition:none}.od-orbit,.od-review-glow{animation:none}}
/* Final phone spacing and pricing-grid cleanups */
@media(max-width:650px){
.od-service-lead{min-height:510px;padding-bottom:245px}
.od-service-lead .od-tile-browser{bottom:-12px;top:auto;height:194px;width:64%;right:10px}
.od-service-lead a{margin-top:15px}
.od-review-card{min-height:340px}
}
/* Pricing page uses a different grid wrapper from the homepage */
.price-list > .od-price-card{border-radius:17px;position:relative}
.od-fx-attribution{font-size:10px;color:#386d74;text-decoration:underline;text-underline-offset:3px}