/* Opralta public system: General Sans, navy, cobalt, cool surfaces.
   Layering: sticky navigation 10; mobile navigation 20. Product previews are
   screenshots of the working demonstrations, with synthetic sample data. */
:root{color-scheme:light dark;--paper:#f5f7fc;--surface:#fcfdff;--soft:#eaf0fc;--ink:#122343;--muted:#53617a;--accent:#2553d8;--accent-ink:#fcfdff;--line:#d4ddee;--shadow:0 22px 65px #14274918;--radius:14px}
@media(prefers-color-scheme:dark){:root{--paper:#0c1526;--surface:#142039;--soft:#192944;--ink:#f1f5fe;--muted:#b0bdd4;--accent:#94b3ff;--accent-ink:#101b31;--line:#314562;--shadow:0 22px 65px #04091460}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'General Sans',Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:5px}button{cursor:pointer}img{max-width:100%;display:block}button:disabled{cursor:wait;opacity:.6}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(42px,5.45vw,78px)}h2{font-size:clamp(32px,3.55vw,52px)}h3{font-size:25px;letter-spacing:-.025em}p{color:var(--muted)}.wrap{width:min(1296px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-80px;background:var(--ink);color:var(--paper);padding:12px;z-index:50}.skip-link:focus{top:12px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-nav{height:80px;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:10}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;height:100%}.site-brand{display:flex;align-items:center;gap:13px;font-size:28px;font-weight:500;text-decoration:none;letter-spacing:-1.2px;flex-shrink:0}.site-brand img{width:31px;height:37px}.site-links{display:flex;gap:25px;align-items:center;margin-left:auto}.site-links a{font-size:13px;text-decoration:none;white-space:nowrap;color:var(--muted)}.site-links a:hover,.site-links a[aria-current=page]{color:var(--ink)}.site-links .studio-link{font-size:12px;border-left:1px solid var(--line);padding-left:22px}.nav-menu{display:none;background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:8px 13px}.site-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:13px 22px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:var(--accent-ink);font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap;transition:transform .18s,border-color .18s}.site-button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.site-button.text{border:0;padding-inline:0;background:transparent;color:var(--ink)}.site-button:active{transform:translateY(1px)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:500;margin-bottom:20px}.hero{padding:64px 0 62px;overflow:hidden}.hero-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:54px;align-items:center;min-height:470px}.hero-copy>p{font-size:18px;max-width:430px;margin-top:25px;line-height:1.6}.hero-visual{margin:0;position:relative;min-width:0}.hero-visual .preview-surface{background:var(--soft);padding:34px 0 34px 28px;border-radius:var(--radius);border:1px solid var(--line)}.hero-visual img{width:100%;border-radius:9px;box-shadow:var(--shadow);transform:perspective(1600px) rotateY(-6deg) rotateX(2deg);transform-origin:left center}.hero-visual figcaption{font-size:11px;color:var(--muted);margin-top:16px;text-align:right}.section{padding-block:88px}.section-heading{max-width:680px;margin-bottom:42px}.section-heading p{max-width:600px;margin-top:18px;font-size:17px}.section-heading .eyebrow{margin-bottom:14px}.intro-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;padding:32px 0;border-block:1px solid var(--line)}.intro-strip strong{display:block;font-weight:500;margin-bottom:6px;font-size:15px}.intro-strip p{font-size:13px;line-height:1.6}.feature-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:28px}.feature{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.feature:nth-child(even){margin-top:58px}.feature-media{display:block;background:var(--soft);padding:34px 34px 0;aspect-ratio:1.56;overflow:hidden}.feature-media img{border-radius:8px 8px 0 0;box-shadow:var(--shadow);transition:transform .3s;width:100%;height:auto}.feature-copy{padding:30px 34px 34px}.feature-copy h3{margin-bottom:13px}.feature-copy p{font-size:14px;max-width:490px}.feature-copy .meta{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:26px;font-size:12px;color:var(--muted)}.feature-copy .meta a{color:var(--ink);font-weight:500;white-space:nowrap}.feature.wide{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr}.feature.wide .feature-copy{display:flex;flex-direction:column;justify-content:center}.feature.wide .feature-media{height:100%;aspect-ratio:1.6;padding-top:34px}.approach{display:grid;grid-template-columns:1fr 1.25fr;gap:100px;align-items:start}.approach .section-heading{position:sticky;top:132px}.process-list{list-style:none;padding:0;margin:0}.process-list li{padding:0 0 30px 28px;margin-bottom:28px;border-left:2px solid var(--line)}.process-list li:last-child{margin-bottom:0;padding-bottom:0}.process-list h3{font-size:23px;margin-bottom:12px}.process-list p{font-size:14px;max-width:540px}.demo-feature{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.demo-feature .visual{padding:45px 0 0 40px;align-self:stretch;display:flex;align-items:end;overflow:hidden}.demo-feature img{box-shadow:var(--shadow);border-radius:10px 10px 0 0}.demo-feature .text{padding:48px 42px 48px 0}.demo-feature h2{font-size:39px}.demo-feature p{margin-top:20px;font-size:15px}.demo-feature .disclosure{font-size:12px}.disclosure{color:var(--muted);font-size:12px}.service-links{display:grid;grid-template-columns:1fr 1fr;gap:0 64px;margin-top:35px}.service-links a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;text-decoration:none;border-bottom:1px solid var(--line);font-size:17px}.service-links a span{color:var(--muted);font-size:13px}.service-links a:hover{color:var(--accent)}.closing{padding:65px;border-radius:var(--radius);background:var(--soft);border:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.closing h2{font-size:43px}.closing p{margin-top:17px;font-size:15px}.qstrip-in{display:grid;gap:13px}.qstrip-in label,.form-label{font-size:12px;font-weight:500}.qstrip-in input,.qstrip-in select{width:100%;padding:12px 14px;min-height:46px;border:1px solid var(--line);background:var(--surface);border-radius:7px;color:var(--ink)}.qstrip-in [data-form-note]{font-size:13px;min-height:20px}.form-note{font-size:11px}.honey{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.site-footer{margin-top:100px;padding:48px 0 26px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:50px}.footer-grid p{font-size:13px;max-width:280px;margin-top:18px}.footer-grid h2{font-size:13px;letter-spacing:0;margin-bottom:18px;font-weight:500}.footer-grid a:not(.site-brand){display:block;font-size:12px;color:var(--muted);text-decoration:none;margin-block:9px}.footer-bottom{border-top:1px solid var(--line);margin-top:40px;padding-top:24px;display:flex;justify-content:space-between;gap:30px;font-size:11px;color:var(--muted)}.breadcrumbs{font-size:12px;color:var(--muted);padding-top:25px}.breadcrumbs a{text-decoration:none}.offer-hero .hero-layout{grid-template-columns:1fr 1fr}.offer-hero h1{font-size:clamp(42px,4.75vw,65px)}.offer-hero .hero-copy>p{font-size:17px;max-width:470px}.offer-facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:45px;padding-block:30px;border-block:1px solid var(--line)}.offer-facts p{font-size:12px}.offer-facts strong{display:block;font-size:21px;letter-spacing:-.035em;font-weight:500;margin:5px 0 9px}.offer-facts small{color:var(--muted);font-size:11px}.deliverables{display:grid;grid-template-columns:1fr 1fr;gap:34px 65px}.deliverables article{padding:25px 0 0;border-top:1px solid var(--line)}.deliverables h3{font-size:23px;margin-bottom:13px}.deliverables p{font-size:14px}.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.scope-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:34px}.scope-panel h3{margin-bottom:22px}.scope-panel ul{margin:0;padding:0 0 0 18px}.scope-panel li{font-size:14px;color:var(--muted);padding-left:7px;margin-bottom:13px}.scope-panel li:last-child{margin-bottom:0}.faq-list{max-width:860px}.faq-list details{border-top:1px solid var(--line);padding:22px 0}.faq-list summary{cursor:pointer;font-size:18px;font-weight:500;letter-spacing:-.02em;list-style:none;display:flex;justify-content:space-between;gap:30px}.faq-list summary::after{content:'+';font-size:23px;font-weight:300}.faq-list details[open] summary::after{content:'−'}.faq-list details p{font-size:14px;margin-top:18px;max-width:700px}.service-intro{max-width:930px;padding:70px 0 55px}.service-intro h1{max-width:850px;font-size:clamp(43px,5.8vw,76px)}.service-intro p{font-size:18px;margin-top:24px;max-width:620px}.service-nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}.service-nav a{font-size:12px;text-decoration:none;border:1px solid var(--line);padding:9px 14px;border-radius:6px;background:var(--surface)}.service-summary{display:flex;align-items:center;justify-content:space-between;gap:25px}.service-summary h3{font-size:22px}.service-summary span{font-size:12px;color:var(--muted)}.catalogue-list details{padding:25px 0;border-bottom:1px solid var(--line)}.catalogue-list summary{cursor:pointer;list-style:none}.catalogue-content{padding:24px 0 0;max-width:890px}.catalogue-content p{font-size:14px;margin:10px 0}.catalogue-content .mini-offers{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.mini-offers article{padding:20px;background:var(--soft);border-radius:9px}.mini-offers h4{font-size:14px;margin:0 0 9px}.mini-offers p{font-size:12px}.mini-offers a{font-size:12px}.reading-page{max-width:850px;padding-block:80px}.reading-page h1{font-size:60px}.reading-page .lede{font-size:19px;margin-top:25px}.reading-page section{padding-top:48px}.reading-page h2{font-size:32px;margin-bottom:22px}.reading-page li{color:var(--muted);margin-bottom:14px}.reading-page p+p{margin-top:18px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.site-button:hover{transform:translateY(-2px)}.feature:hover .feature-media img{transform:translateY(-5px)}}
@media(prefers-reduced-motion:no-preference){.hero-copy,.hero-visual{animation:arrive .55s cubic-bezier(.2,.7,.2,1) both}.hero-visual{animation-delay:.08s}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.site-links{gap:17px}.site-links .studio-link{display:none}.nav-inner{gap:24px}.hero-layout{gap:35px}.hero-copy h1{font-size:62px}.hero-visual .preview-surface{padding:20px 0 20px 20px}.approach{gap:55px}.closing{padding:45px;gap:45px}.feature-copy{padding:27px}.site-nav .site-button{gap:14px;padding-inline:17px}.footer-grid{gap:28px}}
@media(max-width:900px){.site-links{display:none;position:absolute;top:81px;left:0;width:100%;padding:22px 32px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow);z-index:20}.site-links.is-open{display:grid;grid-template-columns:1fr 1fr}.site-links a{padding:10px}.site-links .studio-link{display:block;padding:10px;border:0}.nav-menu{display:block;margin-left:auto}.hero-layout,.offer-hero .hero-layout{grid-template-columns:1fr 1fr;gap:28px}.hero-copy h1{font-size:49px}.hero-copy>p{font-size:16px}.hero .actions{gap:4px}.hero .site-button{padding-inline:13px}.intro-strip{gap:30px}.demo-feature{gap:30px}.demo-feature .text{padding:30px 25px 30px 0}.demo-feature h2{font-size:31px}.closing{gap:30px}.closing h2{font-size:33px}.approach{gap:35px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4;display:flex;gap:15px;flex-wrap:wrap}.footer-grid>div:last-child h2{width:100%;margin-bottom:0}.offer-facts{gap:25px}.feature-copy h3{font-size:22px}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.site-nav{height:70px}.site-brand{font-size:25px;gap:10px}.site-brand img{width:26px;height:30px}.nav-inner{gap:12px}.nav-menu{font-size:12px;padding:8px 10px}.site-nav .site-button{font-size:11px;min-height:40px;padding:8px 12px;gap:10px}.site-links{top:69px;padding:15px 20px}.hero{padding:43px 0 38px}.hero-layout,.offer-hero .hero-layout{grid-template-columns:1fr;gap:38px;min-height:0}.hero-copy h1,.offer-hero h1{font-size:clamp(42px,10.7vw,57px);max-width:520px}.hero-copy>p{font-size:16px;margin-top:20px;max-width:470px}.eyebrow{font-size:10px;margin-bottom:17px}.hero .actions{gap:12px;margin-top:24px}.hero .site-button{padding-inline:20px}.hero-visual .preview-surface{padding:23px 0 23px 19px}.hero-visual figcaption{font-size:10px;text-align:left}.hero-visual img{transform:perspective(1600px) rotateY(-4deg)}.intro-strip{grid-template-columns:1fr;padding:24px 0;gap:22px}.intro-strip p{max-width:340px}.section{padding-block:54px}.section-heading{margin-bottom:28px}.section-heading p{font-size:15px}.feature-grid{grid-template-columns:1fr;gap:24px}.feature:nth-child(even){margin-top:0}.feature-media{padding:24px 24px 0}.feature-copy{padding:25px}.feature-copy .meta{gap:20px;flex-wrap:wrap}.feature.wide{grid-template-columns:1fr}.feature.wide .feature-media{padding:24px 24px 0}.approach{grid-template-columns:1fr;gap:10px}.approach .section-heading{position:static}.process-list li{padding-left:22px;padding-bottom:24px;margin-bottom:20px}.demo-feature{grid-template-columns:1fr;gap:25px}.demo-feature .visual{padding:25px 25px 0}.demo-feature .text{padding:0 25px 30px}.demo-feature h2{font-size:32px}.service-links{grid-template-columns:1fr;margin-top:15px}.service-links a{font-size:16px}.closing{grid-template-columns:1fr;padding:27px;gap:28px}.closing h2{font-size:33px}.site-footer{margin-top:58px;padding-top:35px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1;gap:12px 20px}.footer-bottom{display:block;line-height:1.8}.footer-bottom span{display:block}.offer-facts{grid-template-columns:1fr;gap:23px;padding-block:28px}.offer-facts strong{font-size:23px}.deliverables{grid-template-columns:1fr;gap:25px}.deliverables article{padding-top:24px}.scope-grid{grid-template-columns:1fr;gap:20px}.scope-panel{padding:27px}.faq-list summary{font-size:17px}.service-intro{padding:44px 0 35px}.service-intro h1{font-size:45px}.service-intro p{font-size:16px}.service-summary{display:block}.service-summary span{display:block;margin-top:12px}.catalogue-content .mini-offers{grid-template-columns:1fr}.reading-page{padding-top:45px}.reading-page h1{font-size:43px}.reading-page .lede{font-size:17px}.reading-page h2{font-size:29px}.breadcrumbs{font-size:11px;padding-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding-bottom:110px;align-items:start}.contact-context h2{font-size:30px;line-height:1.2;letter-spacing:-.035em}.contact-context p,.contact-context li{color:var(--muted);line-height:1.75}.contact-context ol{padding-left:20px}.contact-context li{margin:14px 0}.project-enquiry{border:1px solid var(--line);border-radius:22px;padding:35px;background:var(--surface)}.project-enquiry label{display:block;margin:18px 0 8px;font-size:14px;font-weight:600}.project-enquiry label span{font-weight:400;color:var(--muted)}.project-enquiry input,.project-enquiry select,.project-enquiry textarea{width:100%;padding:13px 14px;border-radius:8px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;min-height:48px}.project-enquiry textarea{resize:vertical}.project-enquiry .form-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-enquiry .honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.project-enquiry .site-button{width:100%;justify-content:space-between}.project-enquiry [data-form-note]{font-size:14px;line-height:1.6}@media(max-width:900px){.contact-layout{gap:35px}}@media(max-width:680px){.contact-layout{grid-template-columns:1fr;padding-bottom:70px}.project-enquiry{padding:22px}.project-enquiry .form-pair{grid-template-columns:1fr;gap:0}}

.hero-visual img,.demo-feature img{height:auto}