/* Public-facing, Persian-first light identity for Shamlo Studio. */
:root{--bg:#fff;--surface:#f6f9fd;--surface-2:#edf4fb;--line:#dce6f0;--text:#172a46;--muted:#65768b;--cyan:#087bca;--blue:#176be8;--lime:#087bca;--dark:#112b4a;--gradient:linear-gradient(110deg,#0d94bc,#1263e7 75%,#214eb7);color-scheme:light}
body.light-theme{background:#fff;color:var(--text)}::selection{background:#c6e9ff;color:#123f68}
.light-theme h1,.light-theme h2{letter-spacing:-1.2px}.light-theme .status-dot{background:#0ab38b;box-shadow:0 0 0 4px #0ab38b10,0 0 12px #0ab38b15}.light-theme .eyebrow{color:#62778d;font-size:13px}.light-theme .tiny-square{border-color:#138bca;box-shadow:0 0 0 3px #168dce08}.light-theme .gradient-text{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.light-theme .btn{font-size:14px;min-height:53px;border-radius:11px}.light-theme .btn-primary{background:linear-gradient(115deg,#1684df,#1764df);color:#fff;box-shadow:0 8px 23px #176de421}.light-theme .btn-primary:hover{background:linear-gradient(115deg,#1277ce,#1554c4);box-shadow:0 12px 27px #176de42c;filter:none}.light-theme .btn-outline{background:#fff;border-color:#cfdde9;color:#294360}.light-theme .btn-outline:hover{background:#f1f7ff;border-color:#8bb7e4}.light-theme .btn-ghost{color:#425b77;background:transparent}.light-theme .btn-ghost:hover{background:#e9f3ff}.light-theme .btn-small{font-size:12px;min-height:43px}.light-theme .text-link{font-size:13px;color:#284e73}.light-theme .text-link .icon{color:#1078c4}.light-theme .text-link:hover{color:#1265d3}
.site-header{background:#ffffffed;backdrop-filter:blur(20px);border-bottom:1px solid #e7edf4}.nav-shell{height:88px}.nav-links{gap:25px}.nav-links a{font-size:12px;font-weight:500;color:#65758a}.nav-links a:hover,.nav-links .active{color:#1267ce}.nav-links .active:after{background:#1477da}.brand-mark{mix-blend-mode:normal;background:#07152a;border-radius:11px;width:41px;height:45px;box-shadow:0 4px 10px #173c5b10}.brand-wordmark{font-family:var(--font);font-size:25px;letter-spacing:-1px;line-height:1.2;font-weight:850;white-space:nowrap}.brand-wordmark>span{color:#0d7dc8;font-weight:550;margin-right:4px}.brand-wordmark small{font-family:var(--font);font-size:8px;letter-spacing:0;font-weight:450;color:#7d8da1;line-height:1.8;margin-top:5px}.menu-toggle span{background:#243b55}.nav-cta{border-color:#bbd5ee!important;background:#f7fbff!important;color:#1667ba!important}
/* A live-project gallery is the hero, rather than a fictional storefront. */
.hero-section{background:radial-gradient(ellipse at 10% 20%,#e7f2ff 0%,transparent 50%),linear-gradient(180deg,#fbfdff,#f7faff);border-bottom:1px solid #e5eef7}.hero-grid{background-image:linear-gradient(#116fca06 1px,transparent 1px),linear-gradient(90deg,#116fca06 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,#000,transparent 70%)}.hero-glow{background:radial-gradient(ellipse,#cce8ff7d,transparent 65%);left:-180px;top:-90px}.hero{grid-template-columns:.9fr 1.1fr;min-height:738px;gap:20px 40px;padding-top:58px;padding-bottom:24px}.hero-copy{padding-bottom:10px}.hero-eyebrow{color:#687d94;font-size:12px;gap:11px;margin-bottom:23px}.eyebrow-line{background:#ceddea}.hero h1{font-size:clamp(44px,4.5vw,65px);font-weight:850;line-height:1.48;color:#152f50;letter-spacing:-2px}.hero-slides{min-height:368px}.hero-slide>p{color:#6a7e95;font-size:14px;line-height:2.1;margin-top:22px;max-width:480px}.hero-actions{gap:10px;margin-top:24px}.hero-actions>.btn{font-size:13px;gap:18px}.hero-assurances{gap:17px;margin-top:24px;color:#6f8399;font-size:10px}.hero-assurances .icon{color:#0f9e87;width:14px;height:14px}
.hero-portfolio{height:535px;max-width:100%;position:relative;direction:ltr;perspective:1400px}.portfolio-orbit{position:absolute;border:1px solid #cfe1f3;border-radius:50%;z-index:-1;pointer-events:none}.portfolio-orbit.orbit-one{width:500px;height:500px;left:10px;top:6px}.portfolio-orbit.orbit-two{width:600px;height:600px;left:-40px;top:-44px;border-style:dashed;border-color:#dce9f6}.hero-code-card{position:absolute;left:13%;right:3%;top:0;background:linear-gradient(135deg,#e9f3fe,#f8fcff);border:1px solid #c6dcef;border-radius:13px;box-shadow:0 15px 40px #23589208;transform:rotate(5deg);padding:13px 16px;color:#4b7095;animation:light-code-float 9s ease-in-out infinite}.hero-code-card>div{display:flex;align-items:center;justify-content:space-between;gap:10px;direction:ltr;font-size:9px;color:#6c8cad;padding-bottom:12px;border-bottom:1px solid #cedff0}.hero-code-card>div>span:nth-child(2){font-family:var(--font);direction:rtl}.hero-code-card .icon{width:15px;height:15px;color:#2a8acb}.hero-code-card p{font:10px/1.9 Consolas,monospace;padding-top:12px;color:#637f9d}.hero-code-card p>span{padding-left:16px}.hero-code-card b{font-weight:400;color:#2d75c3}.hero-code-card em{font-style:normal;color:#3975a9}.hero-code-card i{font-style:normal;color:#209b8f}
.hero-browser{position:absolute;width:94%;left:-8px;top:109px;border:5px solid #fff;border-radius:15px;overflow:hidden;background:#fff;transform:rotate(-4deg);box-shadow:0 28px 60px #31598425,0 0 0 1px #d0e0ef;z-index:2;animation:light-browser-float 10s ease-in-out infinite}.hero-browser-chrome{height:31px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 11px;background:#f3f7fb;color:#8a9aab;font-size:7px}.hero-browser-chrome>span:nth-child(2){display:flex;align-items:center;gap:5px;font-family:var(--font);font-size:7px;direction:rtl}.hero-browser-chrome .icon{width:10px;height:10px}.hero-browser-chrome .window-dots i{opacity:.7}.hero-project-panel{display:block;background:#fff;animation:slide-copy .5s ease both}.hero-project-image{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top;display:block}.hero-project-info{display:flex;align-items:center;justify-content:space-between;gap:15px;direction:rtl;padding:13px 17px;background:#fff;border-top:1px solid #e8eef4}.hero-project-info strong{display:block;color:#223b57;font-size:13px;font-weight:700}.hero-project-info small{font-size:9px;color:#8293a7;display:block;margin-top:3px}.hero-project-visit{display:flex;gap:8px;align-items:center;font-size:10px;color:#1476c9;white-space:nowrap}.hero-project-visit .icon{width:13px;height:13px}.hero-phone{position:absolute;right:-9px;bottom:5px;width:116px;border:5px solid #273f58;border-radius:23px;background:#273f58;overflow:hidden;z-index:5;transform:rotate(7deg);box-shadow:12px 16px 35px #31527a2a;animation:light-phone-float 8s ease-in-out infinite}.hero-phone>a{display:block;aspect-ratio:390/844;overflow:hidden;background:#fff}.hero-phone img{width:100%;height:100%;object-fit:cover;object-position:top}.hero-phone-notch{position:absolute;top:-1px;left:30%;right:30%;height:9px;border-radius:0 0 7px 7px;background:#273f58;z-index:2}.hero-proof{position:absolute;bottom:-5px;left:6%;display:flex;align-items:center;gap:10px;direction:rtl;border:1px solid #d4e5f1;background:#fffffff5;backdrop-filter:blur(12px);border-radius:12px;padding:12px 16px;box-shadow:0 10px 30px #315c7f15;z-index:6;animation:float-chip 8s ease-in-out infinite}.hero-proof>span{display:grid;place-items:center;width:32px;height:32px;color:#1aa58d;background:#e8f7f3;border-radius:9px}.hero-proof .icon{height:18px;width:18px}.hero-proof strong{display:block;font-size:11px;font-weight:600;color:#2e4964}.hero-proof small{display:block;color:#8699aa;font-size:8px;margin-top:3px}.hero-visual-note{position:absolute;bottom:-39px;left:15%;display:flex;align-items:center;gap:8px;direction:rtl;font-size:8px;color:#7c94aa}.hero-visual-note .status-dot{width:4px;height:4px}.hero-bottom{margin-top:28px}.hero-edition{font-family:var(--font);font-size:10px;letter-spacing:0;color:#8495a8}.scroll-cue{font-size:10px;color:#8296ab}.mouse-scroll{border-color:#b4cce1}.mouse-scroll i{background:#178acb}.slider-arrow{border-color:#cbdeee;background:#fff;color:#4880a7}.slider-count{color:#9aacbd}.slider-count b{color:#2e689a}.slider-dots button:before{background:#cbddec}.slider-dots .active:before{background:#177bcb}.slider-pause{color:#5f91b5}.expertise-strip{background:#fff;border-block:1px solid #e8eef5}.expertise-inner{padding-block:25px}.expertise-label{color:#6b8098;font-size:12px}.tech-list{font-family:var(--font);font-size:12px;gap:23px;color:#57718b}.tech-list>span{gap:7px}.tech-list .icon{width:20px;height:20px;color:#6d9fc4}.tech-list>i{background:#ccddea}
/* Airy editorial sections. */
.section{padding-block:94px}.section-heading h2,.intro-copy h2,.about-copy h2,.faq-intro h2{font-size:36px;color:#203a57}.heading-description{font-size:13px;color:#7a8da1;line-height:2.1}.section-heading{margin-bottom:36px}.intro-copy>p,.about-copy>p{font-size:14px;line-height:2.2;color:#72869c}.intro-section{gap:78px}.showreel{border-color:#d5e3f0;box-shadow:0 15px 40px #326b9b0a;background:radial-gradient(ellipse at 40% 20%,#ddecff,transparent 80%),linear-gradient(135deg,#eef6ff,#f6faff)}.reel-grid{background-image:linear-gradient(#177ac50a 1px,transparent 1px),linear-gradient(90deg,#177ac50a 1px,transparent 1px)}.reel-top>span:first-child{color:#7d9cba;font-family:var(--font);font-size:9px;letter-spacing:0}.reel-badge{border-color:#c7dff0;background:#e7f4fc88;color:#5489b0;font-size:9px}.reel-badge i{background:#1da9b0}.reel-watermark{-webkit-text-stroke-color:#90b9dd4d}.reel-watermark>span{color:#81acd144}.reel-play{background:#fff9;border-color:#91c3e8;color:#177fc1;box-shadow:0 0 0 12px #1589d408,0 6px 20px #2e85be0d}.reel-play:hover{background:#fff;box-shadow:0 0 0 18px #1589d40a}.reel-bottom strong{font-size:16px;color:#315370}.reel-bottom>div>span{font-size:10px;color:#829db4}.reel-bottom>span{font-family:var(--font);font-size:8px;letter-spacing:0;color:#7b9ab6}.reel-timeline{background:#d5e6f4}.reel-timeline i{background:#31a5da}
.services-section{background:linear-gradient(180deg,#f6f9fd,#f9fbfe);border-block:1px solid #edf2f7}.services-grid{gap:20px}.service-card{background:#fff;border-color:#dfe8f2;border-radius:17px;padding:28px;box-shadow:0 7px 22px #2c608608}.service-card:hover{background:#fff;border-color:#8ec7e9;box-shadow:0 16px 30px #3975a410;transform:translateY(-5px)}.service-icon{background:#eef6ff;border-color:#d9e9f8;color:#1981c5;border-radius:12px;width:46px;height:46px}.service-index{font-family:var(--font);font-size:10px;color:#92a6ba;letter-spacing:0;direction:rtl}.service-arrow{color:#8baecc}.service-card h3{color:#29445f;font-size:18px;font-weight:700}.service-card>p{color:#798ca1;font-size:12px;line-height:2.1}.service-tags span{border-color:#e3ebf3;color:#7f97ad;background:#f8fbfe;font-size:9px;padding:3px 9px}.service-featured{min-height:518px;background:radial-gradient(ellipse at 0 100%,#d0eaff6b,transparent 70%),linear-gradient(145deg,#edf6ff,#f9fcff);border-color:#c1dcef}.service-featured:hover{background:radial-gradient(ellipse at 0 100%,#d0eaff9c,transparent 70%),#f2f8ff}.service-featured h3{font-size:24px;color:#1e4b78}.service-featured>p{font-size:14px;line-height:2.2}.service-featured .service-index{font-family:var(--font);font-size:10px}.service-featured .service-tags span{font-size:10px;background:#f7fbff}.service-featured .service-icon{background:#fff;border-color:#c8e1f3;color:#157bc1}.service-art-circle{border-color:#bfdcef}.service-art-circle:after{border-color:#cfe5f4}.art-mini-card{background:linear-gradient(135deg,#fff,#d9ecfa);border-color:#b8d7ee;box-shadow:0 12px 22px #36699612}.art-mini-card .icon{color:#3895c7}.art-mini-card i{background:#b3d3e9}.art-mini-card i:last-child{background:#62a9d3}.art-mini-card:nth-child(2){background:linear-gradient(135deg,#4c9fe5,#277ecb);border-color:#6cb2e6}.art-mini-card:nth-child(2) .icon{color:#d8f1ff}
/* Actual website captures in linked browser frames. */
.work-section .section-heading{margin-bottom:30px}.filter-tabs{gap:9px;margin-bottom:28px}.filter-tabs button{background:#fff;border-color:#dfe8f2;color:#7a8fa5;font-size:12px;padding:8px 16px}.filter-tabs button:hover{border-color:#99bfdf;color:#286da7}.filter-tabs button.active{background:#eaf4ff;border-color:#b0d2f1;color:#176cc3}.filter-tabs button>span{font-family:var(--font);font-size:10px}.project-grid{gap:25px}.project-card{min-width:0;background:#fff;padding:0 0 8px}.project-visual{aspect-ratio:auto;background:#fff;border:1px solid #d8e4f0;border-radius:13px;box-shadow:0 10px 25px #36658b0e;overflow:hidden;display:block}.project-window-bar{height:29px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f2f6fb;border-bottom:1px solid #e1eaf4;direction:ltr;color:#93a6bb;font:8px Arial}.project-window-bar .icon{width:10px;height:10px}.project-window-bar .window-dots{gap:4px}.project-window-bar .window-dots i{width:4px;height:4px;opacity:.6}.project-visual>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:top}.project-visual:hover>img{transform:scale(1.025);filter:brightness(.91)}.project-hover{background:#fffffff2;border:1px solid #c3d9ed;color:#226da7;font-size:11px;box-shadow:0 5px 20px #234e7a15;bottom:14px;left:14px;padding:8px 12px;border-radius:8px}.project-hover>.icon{color:#197ec0}.project-caption{padding-top:19px;align-items:center}.project-category{color:#8b9bad;font-size:11px}.project-caption h3{color:#233f5a;font-size:21px;font-weight:750;margin-top:5px}.project-live{font-size:10px;color:#357aaf;border-bottom-color:#d0e2f0;padding-bottom:5px}.project-live:hover{color:#0d62bb}.project-live .icon{width:14px;height:14px}.section-note{color:#91a3b7;font-size:11px;line-height:2.1;margin-top:23px}.concept-badge{color:#536f89;border-color:#d2e2ef;background:#fffffff0}.project-detail-preview{display:block;border-radius:15px;overflow:hidden;box-shadow:0 15px 40px #285a8010}.project-detail-preview .detail-image{border-color:#d7e4ee;max-height:760px;object-position:top;object-fit:cover}
/* A compact brand poster retains the original logo's own dark background. */
.about-section{background:#fff;padding-top:25px}.about-art{border-color:#d2e3f2;background:radial-gradient(ellipse at center,#16477c55,#061328);box-shadow:0 15px 40px #224d7510;min-height:470px;border-radius:18px}.about-art-top{font-family:var(--font);font-size:11px;letter-spacing:0;direction:rtl;color:#7caacb}.about-art-bottom{border-color:#284e70;color:#9fc4df;font-size:12px}.about-art-bottom>span:last-child{color:#5c96bd}.brand-art-mark{mix-blend-mode:screen}.about-values{gap:21px;margin-top:26px}.about-values strong{color:#34536f;font-size:14px;font-weight:650}.about-values small{color:#8094a8;font-size:12px}.about-values>div>.icon{color:#2b91c3}.skill-tags>span{color:#6a91ad;background:#f4f9fe;border-color:#d7e6f2}.about-skills>span{font-size:10px;padding:3px 9px}.about-founder{color:#3a78a4!important;font-size:12px!important}.about-founder span{color:#8299ad;font-size:10px}
/* Packages as clear, comparable proposals. */
.pricing-section{background:radial-gradient(ellipse at 50% 40%,#eaf3ff,transparent 75%),#f7faff;border-block:1px solid #eaf0f7}.pricing-heading{margin-bottom:48px}.pricing-grid{gap:23px}.price-card{background:#fff;border-color:#dbe6f0;padding:32px 28px 25px;border-radius:17px;box-shadow:0 8px 25px #32628908}.price-card:hover{border-color:#9ec8e8}.price-card.featured{border-color:#5a9ce1;background:linear-gradient(150deg,#f1f8ff,#fff 65%);box-shadow:0 15px 45px #2676cf12}.popular-badge{background:linear-gradient(100deg,#2188d5,#1768ca);border-color:#2677cb;color:#fff;border-radius:8px;font-size:11px;top:-15px;padding:5px}.plan-top{margin-bottom:22px}.plan-symbol{background:#eef6fe;border-color:#cfe4f4;color:#2886c1;width:46px;height:46px;border-radius:12px}.plan-english{font-family:var(--font);font-size:10px;color:#8da6bb;letter-spacing:0}.price-card h3{font-size:26px;color:#234460}.plan-summary{font-size:13px;color:#8094a9;min-height:56px;line-height:2}.plan-price>span{font-size:11px;color:#8a9fb3}.plan-price strong{font-size:35px;color:#254967}.plan-price>div>span{color:#7a94ab;font-size:12px}.plan-payment{color:#94a7ba;font-size:10px;line-height:2}.plan-cta{font-size:12px!important;min-height:49px!important;margin-top:23px}.plan-features{border-color:#e4ecf4;gap:14px;padding-top:25px;margin-top:26px}.plan-features li{font-size:12px;color:#648099;line-height:2}.plan-features .icon{color:#27a18d;width:15px;height:15px;margin-top:5px}.plan-delivery{border-color:#e6eef6;color:#86a1b7;font-size:11px;padding-top:19px}.pricing-footnote{color:#8ca1b7;font-size:11px;line-height:2.1;margin-top:27px}.custom-plan{background:#fff;border-color:#d9e6f1;padding:25px 29px;border-radius:13px;box-shadow:0 5px 20px #275b8105}.custom-plan-icon{background:#edf7ff;border-color:#c8e2f4;color:#3897c5}.custom-plan strong{font-size:14px;color:#456c89}.custom-plan p{font-size:12px;color:#8ba2b6}.custom-plan .text-link{font-size:12px}
.step-number{color:#bed6ea;border-color:#d6e5f2}.step-number:after{background:#2b8bd1}.step-number .icon{color:#64a5ce}.process-step h3{color:#3f627e;font-size:18px}.process-step p{color:#8499ad;font-size:12px;line-height:2.2}.journal-section{background:#f7fafd;border-block:1px solid #ecf2f7}.article-image{border-color:#dce7f1;box-shadow:0 8px 20px #315f800a}.article-meta{color:#8fa4b8;font-size:10px}.article-meta>span:first-child{color:#328cb9}.article-card h3{color:#355570;font-size:19px}.article-card>p{color:#879aaf;font-size:12px;line-height:2.1}.article-read{color:#4986b1;font-size:11px}.article-read .icon{color:#399cc3}.article-image-arrow{background:#fff;border-color:#e4edf5;color:#2c82b9;box-shadow:0 5px 15px #12375215}
.faq-intro>p{color:#8096ac;font-size:13px}.faq-list details{border-color:#e2ebf3;padding-block:22px}.faq-list summary{color:#426681;font-size:14px;font-weight:550}.faq-list details[open] summary{color:#1679c2}.faq-list summary>span{color:#69a2c7}.faq-list details p{color:#839bb1;font-size:12px;line-height:2.2}.closing-cta{background:radial-gradient(ellipse at 0 100%,#bbdef964,transparent 65%),linear-gradient(120deg,#e7f3ff,#f6faff);border-color:#cce1f1;border-radius:19px;padding:53px 60px;box-shadow:0 10px 40px #2c649a08}.closing-grid{background-image:linear-gradient(#1a83ce09 1px,transparent 1px),linear-gradient(90deg,#1a83ce09 1px,transparent 1px)}.closing-cta h2{color:#28516e;font-size:44px}.closing-cta>p{color:#7b9bb2;font-size:13px}.closing-cta>.eyebrow{font-size:12px}.closing-code{-webkit-text-stroke-color:#61a4d34d;text-shadow:0 0 60px #3188c51a}.closing-cta .btn{margin-top:27px}
.site-footer{background:#fbfdff;border-top:1px solid #e3edf5}.footer-top{padding-block:49px 40px}.footer-brand>p{color:#8b9eb1;font-size:12px}.footer-status{color:#7c9eab;font-size:10px}.footer-links{color:#7691a7;font-size:12px;gap:13px}.footer-links h3{color:#4d6c86;font-size:13px;font-weight:650}.footer-links button{color:#7691a7;font-size:12px}.footer-contact .eyebrow{color:#91a7b9;font-size:11px}.footer-invitation{color:#345f7d;font-size:27px}.footer-invitation .icon{color:#2098c4}.footer-contact>p{color:#8ba5b9;font-size:11px}.footer-socials button{background:#f3f9fe;border-color:#dbe9f5;color:#5d99bc}.footer-socials button:hover{background:#e7f4ff;border-color:#99c9e7;color:#267fb8}.footer-bottom{border-color:#e5eef6;color:#98aebe;font-size:10px}.made-with{font-family:var(--font);font-size:9px;letter-spacing:0;color:#93adbf}.support-fab{background:#fffefa;border-color:#bdd9eb;color:#4c7e9c;box-shadow:0 9px 28px #2659841c;border-radius:13px;padding:11px 15px;font-size:12px}.support-fab small{color:#8aa6b9;font-size:9px}.support-fab-icon{background:#e9f7fd;color:#2695bf}.support-fab-icon>i{background:#25be93;box-shadow:0 0 0 3px #fff}
/* Light treatment for the complete public journey, including inner pages. */
.page-heading{padding-top:44px}.breadcrumb{color:#9aafc1;font-size:11px}.page-heading h1{color:#2f5774}.page-heading>p{color:#849bb0;font-size:14px}.detail-image{border-color:#dce8f2}.article-prose{color:#718da4;font-size:14px}.article-prose h2{color:#456d87}.detail-sidebar{background:linear-gradient(140deg,#eff7ff,#fff);border-color:#cce2f2;box-shadow:0 10px 30px #245b8609}.detail-sidebar h2{color:#3c6d8b}.detail-sidebar p{color:#8ca5b8;font-size:12px}.detail-sidebar .btn{font-size:12px}.detail-meta{color:#95adc0;font-size:11px}.empty-state{background:#f9fcff;border-color:#cbdeee;color:#88a3b7}.search-form .btn{font-size:13px}.pagination a,.pagination span{border-color:#dce8f2;color:#7194b0}.pagination .current{background:#e6f3ff;color:#1b79bf}
.contact-copy h1{color:#2d5673}.contact-copy>p{color:#7d98ad;font-size:14px}.contact-promises>div{color:#6e91aa;font-size:13px}.contact-promises i{background:#eaf8f3;border-color:#c4eade;color:#28a48b}.contact-info{border-color:#e0ebf4;color:#93adbf;font-size:12px}.contact-card{background:linear-gradient(140deg,#f5faff,#fff);border-color:#d5e5f1;box-shadow:0 14px 45px #2b64850a}.contact-card h2{color:#396883}.contact-card>p{color:#8aa6bb;font-size:12px}.field label{color:#648ba5;font-size:12px}input:not([type=checkbox]):not([type=file]):not([type=hidden]),textarea,select{background:#fff;border-color:#d3e3ef;color:#436a84;font-size:13px;min-height:49px;border-radius:9px}input::placeholder,textarea::placeholder{color:#a0b5c5;font-size:11px}input:focus,textarea:focus,select:focus{border-color:#76b9e4}select{color-scheme:light}.check-field{color:#8ca7b9;font-size:11px}.check-field a{color:#3792bd}.form-note{color:#a1b8c8;font-size:10px}.validation-summary-errors,.alert-error{background:#fff1f3;border-color:#f0bec8;color:#ad5267}.field-validation-error{color:#b96776}.alert{background:#effbf6;color:#559c8e;border-color:#c2e7dd}.alert-info{background:#f0f8ff;border-color:#c9e3f5;color:#6394b6}.success-card{background:radial-gradient(ellipse at top,#dceeff88,transparent 80%),#f7fbff;border-color:#c4e1f2}.success-card h1{color:#487b98}.success-card p{color:#88aabc}.success-icon{background:#e9fbf5;border-color:#81ccb8;color:#30ad91}.reference-code{background:#f0f8ff;border-color:#98c6e3;color:#4c9bc0}.legal-content{color:#7796ac}.legal-content h2{color:#487c99}
.package-pills>span{background:#f2f9ff;border-color:#d5e8f5;color:#679abb;font-size:11px}.package-description>h2{color:#3d718e}.package-description>p{color:#7f9fb4;font-size:14px}.package-features>div{background:#f8fcff;border-color:#dcebf6}.package-features>div>span{background:#e8f8f4;color:#2aab96}.package-features p{color:#7299b1;font-size:12px}.package-stages>div{border-color:#e0edf6}.package-stages b{color:#74b6d6}.package-stages strong{color:#5b8da9;font-size:14px}.package-stages small{color:#94b0c2;font-size:11px}.package-notice{background:#f0f9ff;border-color:#cee8f6}.package-notice p{color:#7aa6bf;font-size:11px}.package-notice>.icon{color:#55acd0}.package-order-card{background:radial-gradient(ellipse at 50% 0,#def0ff66,transparent 80%),#f8fcff;border-color:#a8d4ee;box-shadow:0 12px 35px #28698610}.package-order-card h2{color:#417b9c}.package-order-card>.eyebrow{font:11px var(--font);letter-spacing:0;color:#79abc7}.order-facts{border-color:#d8eaf6}.order-facts>span{color:#8aafc5;font-size:11px}.order-facts b{color:#5c97b6;font-size:11px}.package-order-card>.btn{font-size:12px;min-height:49px}.package-order-card>.btn-outline{font-size:11px}.order-note{color:#99b8ca;font-size:9px}
dialog{background:radial-gradient(ellipse at 50% 0,#e7f4ff,transparent 70%),#fff;border-color:#c8e3f4;color:#406b84;box-shadow:0 25px 100px #193b6740}dialog::backdrop{background:#17375359;backdrop-filter:blur(8px)}.dialog-close{border-color:#d8e8f3;color:#83a9bf;background:#f8fcff}.dialog-symbol{background:#edf9ff;border-color:#b6deef;color:#419cc4}dialog h2{color:#3b7696}dialog>p{color:#88aabd;font-size:12px}.contact-channels>a,.channel-pending{border-color:#dbeaf4;background:#fff;font-size:13px}.contact-channels>a:hover{background:#f3faff;border-color:#a9d6ee}.contact-channels>*>.icon:first-child{color:#56aacc}.contact-channels small{color:#99b5c8;font-size:10px}.contact-channels>a>.icon:last-child{color:#7aafcb}.channel-pending{background:#f9fcff;border-style:dashed}.channel-pending>span{color:#7f9fb5}.support-dialog>.btn{font-size:12px}.dialog-actions .btn{font-size:12px}
/* Motion is deliberately subtle; all animations obey reduced-motion preferences. */
@keyframes light-code-float{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-5px) rotate(5deg)}}@keyframes light-browser-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(6px) rotate(-3deg)}}@keyframes light-phone-float{0%,100%{transform:translateY(0) rotate(7deg)}50%{transform:translateY(-5px) rotate(5deg)}}
@media(min-width:1500px){.hero{min-height:790px;gap:55px}.hero h1{font-size:72px}.hero-slides{min-height:397px}.hero-portfolio{height:560px}.hero-browser{top:119px}.hero-phone{width:127px}.hero-visual-note{bottom:-42px}}
@media(max-width:1150px){.nav-links{gap:17px}.nav-links a{font-size:11px}.brand-wordmark{font-size:23px}.hero{gap:28px;min-height:685px;padding-top:48px}.hero h1{font-size:56px}.hero-slides{min-height:335px}.hero-slide>p{font-size:13px}.hero-actions>.btn{font-size:12px;padding-inline:17px}.hero-assurances{font-size:9px;gap:12px}.hero-portfolio{height:485px}.hero-browser{top:119px;width:94%;left:-6px}.hero-phone{width:105px;right:-6px;bottom:7px}.portfolio-orbit.orbit-one{width:420px;height:420px}.portfolio-orbit.orbit-two{width:510px;height:510px}.hero-code-card p{font-size:9px}.hero-proof{font-size:10px;bottom:0;padding:10px 12px}.hero-project-info{padding:10px 13px}.hero-project-info strong{font-size:12px}.hero-project-info small{font-size:8px}.hero-project-visit{font-size:9px}.tech-list{gap:15px;font-size:10px}.expertise-label{font-size:11px}.section{padding-block:80px}.section-heading h2,.intro-copy h2,.about-copy h2,.faq-intro h2{font-size:32px}.intro-copy>p,.about-copy>p{font-size:13px}.services-grid{gap:15px}.service-card{padding:24px 20px}.service-card h3{font-size:17px}.service-card>p{font-size:11px}.service-index{font-size:9px}.service-featured h3{font-size:23px}.service-featured>p{font-size:13px}.service-featured .service-index{font-size:9px}.service-featured{min-height:505px}.project-caption h3{font-size:19px}.project-live{font-size:9px}.price-card{padding-inline:23px}.plan-price strong{font-size:31px}.plan-summary{font-size:12px}.plan-features li{font-size:11px}.plan-delivery{font-size:10px}.article-card h3{font-size:17px}.footer-top{gap:28px}.footer-brand>p,.footer-links,.footer-links button{font-size:11px}.footer-contact>p{font-size:10px}.footer-invitation{font-size:25px}}
@media(max-width:950px){.nav-links{gap:13px}.nav-links a{font-size:10px}.brand-wordmark{font-size:21px}.brand-wordmark small{font-size:7px}.hero h1{font-size:49px}.hero-slides{min-height:301px}.hero-slide>p{font-size:12px}.hero-eyebrow{font-size:10px}.hero-actions>.btn{font-size:11px;padding-inline:13px;gap:13px}.hero-assurances{font-size:8px;gap:9px}.hero-portfolio{height:448px}.hero-browser{top:120px}.hero-phone{width:93px;bottom:5px}.hero-code-card{top:15px;padding:11px 12px}.hero-code-card p{font-size:8px}.hero-code-card>div{font-size:7px}.hero-project-info strong{font-size:11px}.hero-project-info small{font-size:7px}.hero-project-visit{font-size:8px}.hero-proof{padding:9px 11px;left:1%;bottom:-7px;gap:7px}.hero-proof strong{font-size:9px}.hero-proof small{font-size:7px}.hero-visual-note{font-size:7px;left:9%;bottom:-36px}.portfolio-orbit.orbit-one{width:370px;height:370px}.portfolio-orbit.orbit-two{width:450px;height:450px}.services-grid{gap:13px}.service-index,.service-featured .service-index{font-size:8px}.service-card{padding:22px 17px}.service-card h3{font-size:15px}.service-card>p{font-size:10px}.service-icon{width:37px;height:37px}.service-featured h3{font-size:20px}.service-featured>p{font-size:12px}.plan-summary{font-size:11px}.plan-price strong{font-size:28px}.plan-features li{font-size:10px}.plan-english{font-size:9px}.price-card h3{font-size:23px}.plan-cta{font-size:11px!important;gap:8px}.plan-payment{font-size:9px}.plan-delivery{font-size:9px}.project-caption h3{font-size:18px}.project-category{font-size:10px}.project-live{font-size:8px}.article-meta{font-size:9px}.footer-bottom{font-size:9px}.made-with{font-size:8px}}
@media(max-width:800px){.nav-shell{height:78px}.nav-links{top:78px;background:#fffffff7;border-color:#dce8f3;padding:22px 34px;gap:10px;box-shadow:0 15px 25px #21547d0c}.nav-links a{font-size:14px;padding:8px}.brand-wordmark{font-size:24px}.hero{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:42px;padding-bottom:23px;min-height:0}.hero-copy{text-align:center}.hero h1{font-size:58px;line-height:1.45}.hero-slides{min-height:353px}.hero-eyebrow{font-size:12px;justify-content:center}.hero-slide>p{font-size:14px;max-width:550px;margin-inline:auto}.hero-actions{justify-content:center}.hero-actions>.btn{font-size:13px;padding-inline:21px;gap:18px}.hero-assurances{justify-content:center;font-size:10px;gap:18px}.hero-portfolio{height:530px;width:min(550px,100%);margin:15px auto 0}.hero-browser{width:94%;left:0;top:115px}.hero-code-card{left:13%;right:2%;top:0;padding:13px 16px}.hero-code-card>div{font-size:9px}.hero-code-card p{font-size:10px}.hero-phone{right:-3px;width:116px;bottom:8px}.hero-project-info{padding:13px 17px}.hero-project-info strong{font-size:13px}.hero-project-info small{font-size:9px}.hero-project-visit{font-size:10px}.hero-proof{left:5%;bottom:-2px;padding:11px 15px;gap:10px}.hero-proof strong{font-size:11px}.hero-proof small{font-size:8px}.hero-visual-note{font-size:8px;bottom:-37px;left:20%}.portfolio-orbit.orbit-one{width:480px;height:480px;left:30px}.portfolio-orbit.orbit-two{width:570px;height:570px;left:-14px}.hero-bottom{margin-top:32px}.hero-edition{display:none}.scroll-cue{font-size:9px}.expertise-inner{padding-block:23px;gap:16px}.expertise-label{font-size:11px}.tech-list{gap:15px 24px;font-size:12px}.section{padding-block:66px}.section-heading h2,.about-copy h2,.faq-intro h2{font-size:30px}.intro-copy h2{font-size:27px}.intro-copy>p{font-size:12px}.showreel .reel-top>span:first-child{font-size:7px}.reel-badge{font-size:6px}.reel-bottom strong{font-size:13px}.reel-bottom>div>span{font-size:9px}.service-featured{min-height:258px;padding-left:45%}.service-featured h3{font-size:25px}.service-featured>p{font-size:13px}.service-card{padding:25px}.service-index,.service-featured .service-index{font-size:10px}.service-card h3{font-size:18px}.service-card>p{font-size:12px}.service-tags span{font-size:9px}.service-icon{width:40px;height:40px}.about-section{padding-top:15px}.about-copy>p{font-size:12px}.about-values strong{font-size:13px}.about-values small{font-size:11px}.about-art{min-height:450px}.about-art-top{font-size:9px}.about-art-bottom{font-size:10px}.price-card{padding:28px 17px 23px}.price-card h3{font-size:21px}.plan-price strong{font-size:25px}.plan-summary{font-size:10px}.plan-features li{font-size:9px}.plan-english{font-size:8px}.plan-cta{font-size:9px!important;padding-inline:8px}.plan-payment{font-size:8px}.plan-delivery{font-size:8px}.popular-badge{font-size:9px}.custom-plan strong{font-size:13px}.custom-plan p{font-size:11px}.custom-plan .text-link{font-size:11px}.article-card h3{font-size:18px}.faq-list summary{font-size:13px}.faq-list details p{font-size:12px}.closing-cta h2{font-size:36px}.closing-cta>p{font-size:12px}.footer-contact{border-top-color:#e0ecf5}.contact-copy>p{font-size:13px}.contact-promises>div{font-size:11px}.package-order-card>.order-facts{border-color:#d8eaf6}.package-order-card h2{font-size:26px}.package-order-card>.plan-price strong{font-size:35px}}
@media(max-width:600px){.nav-shell{height:75px;gap:12px}.nav-links{top:75px;padding:20px 22px}.brand-mark{width:32px;height:37px;border-radius:9px}.brand-mark img{width:98px;height:98px;left:-32px;top:-20px}.brand-wordmark{font-size:20px}.brand-wordmark>span{margin-right:3px}.brand-wordmark small{font-size:6px;line-height:1.7;margin-top:4px}.light-theme .nav-cta{font-size:10px;padding:7px 11px;min-height:37px;gap:9px}.nav-cta .icon{height:15px;width:15px}.hero{padding-top:32px;gap:24px}.hero-eyebrow{font-size:10px;gap:10px;margin-bottom:20px}.hero h1{font-size:clamp(40px,10.6vw,58px);line-height:1.5;letter-spacing:-1.5px}.hero-slides{min-height:309px}.hero-slide>p{font-size:12px;line-height:2.1;margin-top:18px}.hero-actions{gap:7px;margin-top:21px}.hero-actions>.btn{font-size:11px;gap:12px;padding:11px 15px;min-height:49px;border-radius:9px}.hero-actions .icon{width:17px;height:17px}.hero-assurances{font-size:8px;gap:12px;margin-top:22px}.hero-assurances .icon{width:12px;height:12px}.hero-portfolio{width:min(390px,100%);height:410px;margin-top:10px}.hero-browser{width:94%;left:0;top:91px;border-width:4px;border-radius:12px;transform:rotate(-4deg)}.hero-browser-chrome{height:25px;padding-inline:9px}.hero-browser-chrome>span:nth-child(2){font-size:6px}.hero-code-card{top:0;left:12%;right:0;padding:10px 11px;border-radius:10px}.hero-code-card>div{font-size:6px;padding-bottom:8px}.hero-code-card .icon{width:12px;height:12px}.hero-code-card p{font-size:7px;padding-top:9px;line-height:1.8}.hero-code-card p>span{padding-left:10px}.hero-project-info{padding:10px 11px;gap:8px}.hero-project-info strong{font-size:10px}.hero-project-info small{font-size:7px;margin-top:2px}.hero-project-visit{font-size:8px;gap:5px}.hero-project-visit .icon{width:11px;height:11px}.hero-phone{width:86px;right:1px;bottom:9px;border-width:4px;border-radius:18px}.hero-phone-notch{height:7px}.hero-proof{left:2%;bottom:-3px;gap:8px;padding:9px 11px;border-radius:10px}.hero-proof>span{width:27px;height:27px;border-radius:8px}.hero-proof .icon{width:15px;height:15px}.hero-proof strong{font-size:9px}.hero-proof small{font-size:7px}.hero-visual-note{bottom:-30px;left:9%;font-size:7px;gap:6px}.portfolio-orbit.orbit-one{width:330px;height:330px;left:5px;top:16px}.portfolio-orbit.orbit-two{width:400px;height:400px;left:-29px;top:-19px}.hero-bottom{margin-top:31px;gap:10px}.scroll-cue{font-size:7px;gap:6px}.hero-bottom .slider-count{font-size:8px}.hero-bottom .slider-count b{font-size:12px}.expertise-inner{padding-block:20px;gap:14px}.expertise-label{font-size:10px}.tech-list{gap:12px 17px;font-size:9px}.tech-list .icon{width:15px;height:15px}.tech-list>span{gap:5px}.section{padding-block:55px}.light-theme .eyebrow{font-size:10px;line-height:1.9;gap:9px}.section-heading h2,.intro-copy h2,.about-copy h2,.faq-intro h2{font-size:28px;line-height:1.7}.section-heading>.text-link{font-size:10px;gap:8px}.intro-copy h2,.about-copy h2{font-size:31px}.intro-copy>p,.about-copy>p{font-size:13px;line-height:2.15}.intro-copy>.text-link{font-size:12px}.reel-top{inset:17px 16px auto}.showreel .reel-top>span:first-child{font-size:7px;letter-spacing:0}.reel-badge{font-size:6px;padding:3px 5px}.reel-bottom strong{font-size:13px}.reel-bottom>div>span{font-size:9px}.reel-bottom>span{font-size:6px;letter-spacing:0}.services-grid{gap:13px}.service-card{padding:20px 16px}.service-card h3{font-size:15px;line-height:1.8}.service-card>p{font-size:11px;line-height:2}.service-tags span{font-size:8px;padding:2px 6px}.service-index{display:none}.service-icon{width:37px;height:37px}.service-featured{min-height:318px;padding:24px 22px 125px!important}.service-featured h3{font-size:23px!important}.service-featured>p{font-size:12px!important;max-width:85%}.service-featured .service-index{display:block;font-size:8px}.service-featured .service-tags span{font-size:8px}.project-grid{gap:29px}.project-window-bar{height:28px;font-size:8px}.project-visual{border-radius:11px}.project-hover{font-size:10px;padding:7px 10px;bottom:12px;left:12px;opacity:1;transform:none}.project-hover .icon{width:13px;height:13px}.project-caption{padding-top:16px}.project-caption h3{font-size:22px}.project-category{font-size:10px}.project-live{font-size:10px;gap:7px}.section-note{font-size:10px;line-height:2}.filter-tabs{gap:7px}.filter-tabs button{font-size:10px;padding:7px 11px}.filter-tabs button>span{font-size:9px}.about-art{min-height:350px;border-radius:15px}.about-section{padding-top:8px}.about-art-top{font-size:10px;top:23px;left:22px}.about-art-bottom{font-size:11px;inset:auto 22px 23px}.about-values strong{font-size:14px}.about-values small{font-size:11px}.about-skills>span{font-size:9px}.pricing-heading h2{font-size:28px}.price-card{padding:29px 26px 24px}.price-card h3{font-size:28px}.plan-symbol{width:45px;height:45px}.plan-english{font-size:10px}.plan-summary{font-size:13px;min-height:0;line-height:2}.plan-price strong{font-size:38px}.plan-price>span{font-size:11px}.plan-price>div>span{font-size:12px}.plan-payment{font-size:10px}.light-theme .plan-cta{font-size:12px!important;min-height:50px!important;gap:24px}.plan-features li{font-size:12px;line-height:2}.plan-features{gap:14px}.plan-delivery{font-size:11px}.popular-badge{font-size:11px;padding:5px}.pricing-footnote{font-size:10px;line-height:2.1}.custom-plan{padding:22px}.custom-plan strong{font-size:12px}.custom-plan p{font-size:11px}.custom-plan .text-link{font-size:11px}.process-step h3{font-size:15px}.process-step p{font-size:11px;line-height:2}.step-number{font-size:35px}.article-meta{font-size:10px}.article-card h3{font-size:20px}.article-card>p{font-size:12px;line-height:2}.article-read{font-size:11px}.faq-intro>p{font-size:13px}.faq-intro>.text-link{font-size:12px}.faq-list summary{font-size:13px;line-height:1.9}.faq-list details p{font-size:12px;line-height:2.1}.closing-cta{padding:34px 25px 37px;border-radius:15px}.closing-cta h2{font-size:29px}.closing-cta>.eyebrow{font-size:10px}.closing-cta>p{font-size:11px;line-height:2;max-width:270px}.closing-cta .btn{font-size:12px;gap:19px;min-height:49px;padding-inline:17px}.footer-brand>p{font-size:12px}.footer-status{font-size:10px}.footer-links,.footer-links button{font-size:12px}.footer-links h3{font-size:13px}.footer-contact>.eyebrow{font-size:10px}.footer-invitation{font-size:26px}.footer-contact>p{font-size:9px}.footer-bottom{font-size:9px;line-height:2}.made-with{font-size:8px;line-height:1.8}.support-fab{font-size:10px;padding:9px 12px;left:16px;bottom:16px;gap:9px;border-radius:11px}.support-fab small{font-size:8px}.support-fab-icon{width:30px;height:30px}.page-heading{padding-top:30px}.page-heading h1{font-size:35px;line-height:1.75}.page-heading>p{font-size:13px;line-height:2.1}.breadcrumb{font-size:10px}.detail-meta{font-size:10px}.article-prose{font-size:13px;line-height:2.3}.article-prose h2{font-size:22px}.detail-sidebar p{font-size:12px}.contact-copy h1{font-size:35px}.contact-copy>p{font-size:13px}.contact-promises>div{font-size:12px}.contact-info{font-size:11px}.contact-card{padding:25px 21px}.contact-card>p{font-size:12px}.field label{font-size:12px}.check-field{font-size:11px;line-height:2}.form-grid>.btn{font-size:12px}.form-note{font-size:10px}.success-card h1{font-size:29px}.success-card p{font-size:12px}.legal-content{font-size:13px}.package-pills>span{font-size:10px;padding:5px 8px}.package-order-card{padding:26px}.package-order-card h2{font-size:27px}.package-order-card .plan-price strong{font-size:38px}.package-order-card>.order-facts{border-color:#d8eaf6}.order-facts>span,.order-facts b{font-size:11px}.order-note{font-size:9px}.package-description>h2{font-size:23px}.package-description>p{font-size:13px;line-height:2.25}.package-features p{font-size:12px}.package-stages strong{font-size:13px}.package-stages small{font-size:11px}.package-notice p{font-size:11px}.package-order-card>.btn{font-size:12px}.package-order-card>.btn-outline{font-size:11px}dialog{padding:34px 25px 29px}dialog h2{font-size:24px}dialog>p{font-size:12px}.contact-channels>a,.channel-pending{font-size:12px}.contact-channels small{font-size:10px}.dialog-actions .btn{font-size:11px;padding-inline:11px}}
@media(max-width:370px){.brand-wordmark{font-size:18px}.brand-wordmark small{font-size:5.5px}.nav-shell{gap:9px}.light-theme .nav-cta{font-size:9px;padding-inline:9px;gap:8px}.hero h1{font-size:39px}.hero-slides{min-height:295px}.hero-eyebrow{font-size:9px}.hero-slide>p{font-size:11px}.hero-actions>.btn{font-size:10px;padding-inline:12px;gap:9px}.hero-assurances{font-size:7px;gap:9px}.hero-portfolio{height:380px}.hero-browser{top:88px}.hero-phone{width:79px;bottom:12px}.hero-proof{bottom:0}.hero-visual-note{font-size:6px;left:7%}.section-heading h2{font-size:25px}.section-heading>.text-link{font-size:9px;gap:6px}.service-card h3{font-size:14px}.service-card>p{font-size:10px}.closing-cta h2{font-size:26px}.footer-invitation{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Keep the project frame fully inside the hero and reserve its caption for the live link. */
.hero-browser{top:92px}.hero-project-image{aspect-ratio:16/9}.hero-phone{bottom:80px}.hero-proof{top:17px;bottom:auto;left:0}.hero-visual-note{display:none}
.light-theme .hero-slide>p,.light-theme .intro-copy>p,.light-theme .about-copy>p,.light-theme .service-card>p,.light-theme .plan-summary,.light-theme .plan-features li,.light-theme .process-step p,.light-theme .article-card>p,.light-theme .faq-intro>p,.light-theme .faq-list details p,.light-theme .package-description>p,.light-theme .package-features p,.light-theme .article-prose,.light-theme .contact-copy>p{color:#60758b}
.light-theme .section-note,.light-theme .pricing-footnote,.light-theme .plan-payment,.light-theme .plan-delivery,.light-theme .article-meta,.light-theme .hero-project-info small,.light-theme .footer-brand>p,.light-theme .footer-links,.light-theme .footer-links button,.light-theme .footer-contact>p{color:#71869a}
.light-theme .check-field,.light-theme .field label,.light-theme dialog>p,.light-theme .contact-channels small,.light-theme .channel-pending>span{color:#607c93}
@media(min-width:1500px){.hero-browser{top:98px}.hero-phone{bottom:82px}}
@media(max-width:1150px){.hero-browser{top:105px}.hero-phone{bottom:71px}.hero-proof{top:18px;bottom:auto;left:0}}
@media(max-width:950px){.hero-browser{top:111px}.hero-phone{bottom:66px}.hero-proof{top:24px;left:-5px}}
@media(max-width:800px){.hero-browser{top:105px}.hero-phone{bottom:86px}.hero-proof{top:16px;left:0;bottom:auto}}
@media(max-width:600px){.hero-browser{top:91px}.hero-phone{bottom:109px}.hero-proof{top:auto;bottom:0;left:3%}.hero-visual-note{bottom:-29px}}
@media(max-width:370px){.hero-browser{top:88px}.hero-phone{bottom:99px}}
/* Hosted players stay within the same responsive frame as directly hosted videos. */
.showreel.embedded-video{aspect-ratio:16/9;min-height:200px;padding:0;display:block}.embedded-video iframe{display:block;width:100%;height:100%;min-height:200px;border:0}