/* Trevligt — fluid light and illustrated chapters, October 2026. */
.button{border-radius:999px}.site-header{border-radius:999px}
.hero{margin:112px 22px 0;border-radius:28px;padding-top:84px;background:radial-gradient(ellipse at 90% 70%,#087f92 0,transparent 55%),linear-gradient(135deg,#00112d,#00204c);color:white}
.hero-vignette{background:linear-gradient(180deg,#00132c05,#00132c05 70%,#00132c33)}
.hero .light-columns,.hero .showcase-halo{display:none}
.hero h1{font-size:clamp(50px,5.2vw,77px);font-weight:450;letter-spacing:-.06em;line-height:1.08;margin-top:27px;color:#fff}
.hero .headline-accent{color:#e0f8fb}.hero-description{color:#bcd4df;font-size:15px;line-height:1.8;max-width:650px;margin-top:25px}
.hero .availability{color:#e5f6fb;background:#ffffff0d;border:1px solid #ffffff33;box-shadow:inset 0 1px 0 #ffffff13;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.hero .status-dot{background:#8ee4de;box-shadow:none}.hero-actions{margin-top:31px;gap:13px}
.hero-actions .button{min-height:54px;padding:15px 27px;font-size:13px}
.hero-actions .button-primary{background:#fff;color:#00204c;border:1px solid white;box-shadow:0 2px 3px #00132e22,0 12px 25px -18px #000}
.hero-actions .button-glass{background:linear-gradient(135deg,#ffffff1c,#ffffff08);border:1px solid #ffffff36;color:#fff;box-shadow:inset 0 1px 0 #ffffff19,0 8px 20px -12px #00112d55;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.hero .showcase-scene{margin-top:40px;height:455px}.hero .showcase-main{box-shadow:0 3px 4px #000b1b55,0 24px 42px -20px #000c25aa,0 45px 80px -35px #000817bb}
.hero .showcase-side{opacity:.85}.hero .showcase-caption{color:#00204c}.hero .hero-bottom{border-color:#ffffff26;color:#bad5df;padding-bottom:27px;margin-top:4px}.hero .hero-bottom span::before{background:#89cdd4}
.hero .motion-toggle{background:#ffffff0d;border-color:#ffffff24;color:#b8d0dc;min-height:30px;font-size:8px;box-shadow:none;margin-top:0}
@media(hover:hover) and (pointer:fine){.hero-actions .button-primary:hover{background:#f0fbff;box-shadow:0 5px 18px -8px #000c27aa}.hero-actions .button-glass:hover{background-color:#ffffff12;border-color:#ffffff70}}

/* Each service has a complete illustrated canvas. */
.expertise{padding-top:95px}.expertise-heading{margin-bottom:30px}.expertise-heading h2{font-size:48px;margin-top:15px}.expertise-heading>p{font-size:13px;line-height:1.75}
.expertise-selector{margin-bottom:23px}.expertise-tab{min-height:59px;font-size:15px}.expertise-stage{overflow:hidden}.expertise-track{display:flex;align-items:stretch;transform:translate3d(0,0,0)}
.expertise-panel{flex:0 0 100%;min-width:0;grid-template-columns:1.06fr 1fr;min-height:420px;border:0!important}.expertise-art{height:420px;min-height:420px}.expertise-editorial{padding:31px 40px 30px}.expertise-editorial h3{margin-top:20px;font-size:37px}.expertise-editorial p{font-size:12px;margin-top:18px}.expertise-editorial ul{margin-top:20px;margin-bottom:21px}.expertise-baseline{margin-top:17px}
.expertise-scroll:not(.is-pinned) .expertise-stage{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#9dbbc6 transparent}.expertise-scroll:not(.is-pinned) .expertise-panel{scroll-snap-align:start}
.expertise-scroll.is-pinned .expertise-pin{position:sticky;top:var(--pin-top,24px)}
.expertise-scroll.is-pinned .expertise-track{will-change:transform}
.flat-art{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 10% 15%,#ddeff3,transparent 60%),linear-gradient(140deg,#eaf3f6,#cbdde5)}
.flat-browser{position:absolute;top:20%;left:9%;width:76%;height:61%;border:1px solid #ffffffed;border-radius:12px;background:#ffffffa6;box-shadow:inset 0 1px 0 white,0 3px 5px #00334c0d,0 22px 32px -14px #00334c40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}
.flat-chrome{height:25px;background:#ffffffa3;border-bottom:1px solid #cfdee5;display:flex;align-items:center;gap:4px;padding:0 10px}.flat-chrome>i,.mini-chrome>i{height:4px;width:4px;border-radius:50%;background:#a8bdc7}.flat-chrome>span{width:35%;height:7px;background:#dfeaf0;margin:auto;border-radius:4px}
.flat-site{padding:16px 18px;background:#fbfdfe;height:calc(100% - 25px)}.flat-nav{display:flex;align-items:center;gap:10px}.flat-nav>b{width:16px;height:16px;border-radius:4px;background:#00204c;margin-right:auto}.flat-nav>span{width:19px;height:3px;background:#aec2cc;border-radius:4px}.flat-nav>i{width:28px;height:10px;background:#82bdc9;border-radius:6px}
.flat-hero{display:grid;grid-template-columns:.9fr 1fr;gap:19px;margin-top:24px;align-items:center}.flat-copy{display:grid;gap:7px}.flat-copy>i{height:7px;border-radius:4px;background:#123b59}.flat-copy>i:nth-child(2){width:85%}.flat-copy>i:nth-child(3){width:58%;height:3px;background:#a9bdc7;margin-top:5px}.flat-copy>b{display:block;width:42%;height:15px;background:#009ab0;border-radius:9px;margin-top:6px}
.flat-picture{height:105px;position:relative;border-radius:8px;background:#e1eef2;overflow:hidden}.flat-picture>span{position:absolute;border-radius:50%;width:70px;height:70px;background:linear-gradient(135deg,#a4d8df,#6faebf);left:15%;top:34%;box-shadow:inset 0 1px 0 #ffffffbb,0 12px 20px #4e91a22b}.flat-picture>span:nth-child(2){width:45px;height:85px;border-radius:25px 25px 8px 8px;left:58%;top:10%;background:linear-gradient(135deg,#244b6b,#00204c)}.flat-picture>span:nth-child(3){width:36px;height:36px;top:12%;left:14%;background:#f6fcfd}
.flat-tiles{display:flex;gap:10px;margin-top:19px}.flat-tiles i{display:block;flex:1;height:29px;border-radius:5px;background:linear-gradient(120deg,#edf3f6,#deebf0)}
.flat-phone{position:absolute;right:7%;top:28%;width:23%;height:61%;border:4px solid #f8fdff;border-radius:20px;background:#fbfdfe;box-shadow:0 1px 2px #214b6322,0 16px 30px -8px #002c4c44;overflow:hidden}.flat-phone .phone-speaker{height:7px;width:35%;top:3px;background:#12344d;left:32.5%}.phone-layout{padding:21px 10px 10px}.phone-nav{display:flex;justify-content:space-between;align-items:center}.phone-nav i{width:12px;height:12px;background:#00204c;border-radius:3px}.phone-nav b{width:10px;height:2px;background:#a1bdca}.phone-picture{height:75px;background:#e1eef2;border-radius:5px;margin-top:14px;position:relative;overflow:hidden}.phone-picture>span{position:absolute;width:50px;height:68px;border-radius:28px 28px 4px 4px;background:linear-gradient(135deg,#7dbecb,#133f5e);left:28%;top:16px}.phone-lines{display:grid;gap:5px;margin-top:14px}.phone-lines i{height:4px;background:#224a64;border-radius:4px}.phone-lines i:nth-child(2){width:70%}.phone-lines i:nth-child(3){width:85%;height:2px;background:#b6ccd6}.phone-lines b{width:47%;height:11px;background:#009ab0;border-radius:7px;margin-top:4px}.phone-tiles{display:flex;gap:6px;margin-top:12px}.phone-tiles i{height:28px;background:#e0edf2;border-radius:4px;flex:1}
.art-local.flat-art{background:linear-gradient(135deg,#e3edf2,#d2e6e9)}.business-map{position:absolute;inset:0;opacity:.7;background:linear-gradient(28deg,transparent 46%,#f7fbfc 46.5% 49%,transparent 49.5%),linear-gradient(112deg,transparent 44%,#f7fbfc 44.5% 48%,transparent 48.5%);background-size:140px 150px}.business-map>i{position:absolute;width:17px;height:17px;background:#73bac8;border:5px solid #f4fbfd;border-radius:50%;box-shadow:0 3px 8px #00204c19;top:25%;left:15%}.business-map>i:nth-child(2){top:70%;left:82%}.business-map>i:nth-child(3){top:13%;left:84%}
.google-profile{position:absolute;width:58%;height:76%;left:20%;top:12%;border-radius:14px;background:#ffffffcf;box-shadow:inset 0 1px 0 #fff,0 2px 4px #234e6512,0 22px 40px -18px #23506b5c;border:1px solid white;overflow:hidden;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.profile-cover{height:29%;background:linear-gradient(135deg,#a7cfd8,#d2e8ed);position:relative;overflow:hidden}.profile-cover>span{position:absolute;width:80px;height:80px;border-radius:50%;background:#e3f2f5;right:16%;top:26px}.profile-cover>span+span{width:90px;height:120px;border-radius:45px 45px 0 0;right:46%;top:18px;background:#5e9cad}
.profile-body{padding:18px}.profile-identity{display:flex;align-items:center;gap:12px}.profile-logo{height:35px;width:35px;background:#fff;border-radius:9px;box-shadow:0 3px 12px #23465b0d;padding:8px}.profile-logo svg{width:100%;height:100%}.skeleton-text{display:grid;gap:7px;flex:1}.skeleton-text>i{height:6px;border-radius:4px;background:#365b73;width:82%}.skeleton-text>i+i{height:3px;background:#b0c6d0;width:55%}.profile-stars{color:#e8b34b;font-size:12px;letter-spacing:2px;margin-top:13px;display:flex;align-items:center;gap:10px}.profile-stars>span{width:30px;height:3px;background:#bccfd7;display:block;letter-spacing:0}.profile-actions{display:flex;gap:16px;margin:19px 0}.profile-actions>i{width:32px;height:32px;display:grid;place-items:center;border:1px solid #b8d4de;border-radius:50%;background:#f5fbfd}.profile-actions svg{width:14px;height:14px;stroke:#27718b;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.profile-detail{display:grid;gap:8px}.profile-detail i{height:4px;width:92%;background:#d4e3e9;border-radius:3px}.profile-detail i:nth-child(2){width:70%}.profile-detail i:last-child{width:82%}.profile-pin{position:absolute;right:13%;top:22%;width:48px;height:48px;background:linear-gradient(135deg,#fff,#ecf8fa);border:1px solid #fff;border-radius:50% 50% 50% 5%;transform:rotate(-45deg);box-shadow:-8px 12px 22px #00334e30}.profile-pin span{display:block;width:16px;height:16px;background:#009ab0;border-radius:50%;margin:15px}
.art-search.flat-art{background:linear-gradient(145deg,#dfeef3,#c2dce4)}.seo-article{position:absolute;width:57%;height:80%;left:18%;top:10%;padding:20px 22px;background:#ffffffdd;border:1px solid #fff;border-radius:12px;box-shadow:0 2px 3px #00334c0d,0 20px 35px -14px #00334c40;overflow:hidden}.article-top{display:flex;gap:8px;align-items:center;margin-bottom:18px}.article-top>i{width:13px;height:13px;background:#234e69;border-radius:3px;margin-right:auto}.article-top>span{height:3px;width:18px;background:#becfd7;border-radius:3px}.article-picture{height:80px;background:#e0eef2;border-radius:7px;position:relative;overflow:hidden}.article-picture>i{position:absolute;width:75px;height:75px;border-radius:50%;background:#91c5d2;left:15%;top:15px}.article-picture>i+i{width:50px;height:100px;background:#2e617d;left:58%;border-radius:30px 30px 0 0;top:0}.article-heading{display:grid;gap:6px;margin-top:20px}.article-heading>i{height:7px;border-radius:4px;background:#214761;width:88%}.article-heading>i+i{width:66%}.article-lines{display:grid;gap:6px;margin-top:17px}.article-lines>i{height:3px;border-radius:2px;background:#bbd0da}.article-lines>i:last-child{width:65%}.article-subhead{height:5px;width:53%;background:#4d788d;border-radius:3px;margin-top:20px}.article-lines.lower{margin-top:12px}
.seo-inspector{position:absolute;right:9%;top:38%;width:30%;padding:20px 16px;background:linear-gradient(130deg,#ffffffd9,#eef9fba6);border:1px solid #fff;border-radius:15px;box-shadow:0 3px 5px #00204c08,0 16px 24px -12px #00204c3d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.seo-ring{width:49px;height:49px;margin:0 auto 17px}.seo-ring svg{width:100%;height:100%;stroke:#009ab0;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.seo-ring circle{stroke:#8cc3cd;stroke-width:1.7}.seo-checks{display:grid;gap:11px}.seo-checks>span{display:flex;gap:7px;align-items:center}.seo-checks i{height:7px;width:7px;background:#70b3be;border-radius:50%}.seo-checks b{height:4px;background:#b6ced8;border-radius:3px;flex:1}.seo-keyword{position:absolute;top:15%;right:8%;height:35px;width:28%;background:#ffffffbf;border:1px solid white;border-radius:999px;display:flex;align-items:center;gap:9px;padding:10px 12px;box-shadow:0 8px 20px #00204c15}.seo-keyword svg{width:14px;stroke:#5390a5;stroke-width:1.8;fill:none}.seo-keyword i{height:4px;background:#bdd3dd;flex:1;border-radius:3px}

/* The three phases use their own flat illustrations and stack on small screens. */
.method-heading{margin-bottom:54px;max-width:640px}.method-heading h2{margin-top:20px;font-size:49px}.method-heading>p{color:var(--text);font-size:14px;line-height:1.8;max-width:470px;margin-top:23px}
.phase-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;position:relative}.phase-card{min-width:0;background:#fff;border-radius:19px;position:relative}.phase-visual{height:280px;position:relative;background:linear-gradient(145deg,#edf6f8,#d7e9ef);border:1px solid #d8e7ed;border-radius:21px;box-shadow:inset 0 1px 0 #fff,0 3px 5px #00204c04,0 15px 25px -19px #00204c40;margin-top:16px;isolation:isolate}.phase-tag{position:absolute;z-index:3;left:50%;top:-16px;transform:translateX(-50%);background:#fcfeff;border:1px solid #cddfe7;border-radius:9px;padding:8px 13px;font-size:9px;line-height:1;white-space:nowrap;text-transform:uppercase;letter-spacing:.08em;color:#31566c;box-shadow:0 4px 8px -5px #00204c33}.phase-copy{padding:27px 8px 0 39px;position:relative}.phase-number{position:absolute;top:31px;left:3px;font-size:10px;color:#78a2b3;letter-spacing:.06em}.phase-copy h3{font-size:23px;letter-spacing:-.045em;font-weight:500;line-height:1.15}.phase-copy p{color:var(--text);font-size:13px;line-height:1.8;margin-top:18px}
.call-window,.build-window{position:absolute;width:74%;height:62%;left:9%;top:20%;background:#fbfdff;border:1px solid #fff;border-radius:11px;box-shadow:0 3px 4px #0035500a,0 17px 25px -12px #00355040;overflow:hidden}.mini-chrome{height:22px;display:flex;gap:4px;align-items:center;padding:0 10px;background:#ecf3f6;border-bottom:1px solid #dde8ee}.call-people{display:flex;gap:8px;padding:12px;height:65%}.person{flex:1;border-radius:7px;background:#d8e9ef;position:relative;overflow:hidden}.person>i{position:absolute;top:20%;left:calc(50% - 13px);height:26px;width:26px;border-radius:50%;background:#91b8c6}.person>b{position:absolute;top:58%;left:calc(50% - 28px);height:48px;width:56px;border-radius:30px 30px 0 0;background:#5e8fa6}.person-two{background:#d5e4ec}.person-two i{background:#8baaba}.person-two b{background:#254b67}.call-controls{display:flex;align-items:center;justify-content:center;gap:10px}.call-controls>i{height:8px;width:8px;background:#cadae2;border-radius:50%}.call-controls>b{display:grid;place-items:center;width:25px;height:19px;border-radius:999px;background:#009ab0}.call-controls svg{width:13px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linejoin:round}.call-note{position:absolute;right:7%;top:36%;width:27%;height:38%;border-radius:10px;border:1px solid #fff;background:#f7fcffca;box-shadow:0 12px 20px -8px #00344c33;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:15px 10px;display:grid;gap:8px;align-content:start}.call-note>span{height:14px;width:14px;background:#008ba1;border-radius:5px;margin-bottom:2px}.call-note i{height:4px;border-radius:3px;background:#b9d2df}.call-note i:last-child{width:60%}.call-duration{position:absolute;left:18%;bottom:10%;font-size:8px;color:#4e7b90;padding:7px 11px;border:1px solid #ffffffc9;background:#ffffff7d;border-radius:999px}
.phase-build{background:linear-gradient(145deg,#e5eff4,#c6e1e8)}.build-window{width:69%;height:58%;left:15%;top:22%;overflow:visible;border-color:#fff}.build-window .mini-chrome{border-radius:10px 10px 0 0}.build-layout{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:17px 15px 12px}.build-layout>div{display:grid;gap:6px;align-content:center}.build-layout>div>i{height:5px;background:#284f69;border-radius:3px}.build-layout>div>i+i{width:73%}.build-layout b{height:11px;width:45%;background:#009ab0;border-radius:6px;margin-top:3px}.build-layout>span{height:62px;border-radius:5px;background:#d9e9ee;position:relative;overflow:hidden}.build-layout>span i{position:absolute;left:24%;top:13px;height:66px;width:40px;background:#80b4c5;border-radius:30px 30px 0 0}.build-bottom{display:flex;gap:7px;padding:0 15px}.build-bottom i{background:#e1edf1;border-radius:3px;height:20px;flex:1}.selection-handle{position:absolute;width:6px;height:6px;border:1px solid #009ab0;background:#fff}.handle-one{left:-3px;top:-3px}.handle-two{right:-3px;top:-3px}.handle-three{right:-3px;bottom:-3px}.handle-four{left:-3px;bottom:-3px}.palette{position:absolute;left:7%;bottom:14%;display:flex;gap:6px;padding:9px;background:#ffffffca;border:1px solid #fff;border-radius:10px;box-shadow:0 10px 20px -9px #00204c40}.palette i{width:17px;height:17px;border-radius:50%;background:#00204c}.palette i:nth-child(2){background:#009ab0}.palette i:nth-child(3){background:#9bd2d9}.palette i:nth-child(4){background:#eef7fb;border:1px solid #d3e3ea}.design-cursor{position:absolute;width:30px;height:37px;right:11%;bottom:19%;fill:#fff;stroke:#234a64;stroke-width:1.5;filter:drop-shadow(0 4px 2px #00204c20)}.build-chip{position:absolute;right:7%;bottom:7%;font-size:8px;background:#fff;border:1px solid #d5e6ed;border-radius:999px;padding:7px 10px;color:#527e92}
.phase-launch{background:linear-gradient(145deg,#eaf4f7,#cee6ed)}.launch-orbit{position:absolute;inset:20% 8%;border:1px solid #ffffffd9;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 0 20px #ffffff17,0 0 0 40px #ffffff0f}.launch-window{position:absolute;left:29%;top:17%;width:44%;height:55%;background:#ffffffb5;border:1px solid white;border-radius:17px;box-shadow:inset 0 1px 0 #fff,0 17px 25px -12px #00354b40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.launch-globe{width:73px;height:73px;margin:17px auto 0}.launch-globe svg{fill:none;stroke:#528fa4;stroke-width:1.2}.launch-check{position:absolute;right:-10px;bottom:26%;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:2px solid white;background:#009ab0;box-shadow:0 4px 9px #00354b26}.launch-check svg{width:18px;fill:none;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.launch-lines{display:grid;gap:6px;width:50%;margin:11px auto}.launch-lines i{height:3px;background:#bbd4df;border-radius:3px}.launch-lines i+i{width:65%;margin:auto}.launch-progress{position:absolute;left:28%;right:27%;height:17px;border:1px solid #fff;bottom:17%;border-radius:6px;background:#ffffff88;padding:3px;box-shadow:0 4px 8px #00334c12}.launch-progress>span{position:absolute;inset:3px;background:linear-gradient(90deg,#70b6c3,#009ab0);border-radius:3px}.launch-progress>b{position:relative;display:block;text-align:center;color:#fff;font-size:7px;line-height:9px;font-weight:500}.launch-chip{position:absolute;bottom:7%;left:0;right:0;text-align:center;color:#538095;font-size:8px}

.price-grid{grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}.price-card{position:relative;isolation:isolate;padding:29px 23px 27px;overflow:hidden;transition:border-color 350ms var(--ease-cinematic),box-shadow 350ms var(--ease-cinematic)}
.price-card::before{position:absolute;content:"";inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 0,#c5f0f7a3,transparent 68%),linear-gradient(120deg,#ffffff66,transparent 55%);opacity:0;transition:opacity 450ms var(--ease-cinematic)}
.price-card h3{font-size:27px}.price-card .plan-type{font-size:10px;line-height:1.5;min-height:30px}.price-card .plan-description{font-size:12px;min-height:76px;line-height:1.75}.price-card .price strong{font-size:45px;letter-spacing:-.055em}.price-card .price strong>span{font-size:25px}.price-card .button{font-size:10px;min-height:45px;padding-inline:8px}.price-card ul{gap:13px}.price-card li{font-size:11px;line-height:1.6}.price-card .custom-price strong{font-size:35px;line-height:1.4;white-space:nowrap}.price-card:focus-within::before{opacity:1}.price-card:focus-within{border-color:#8bcbd7;box-shadow:inset 0 1px 0 white,0 0 0 1px #91d2de33,0 10px 40px -15px #009ab033}
@media(hover:hover) and (pointer:fine){.price-card:hover::before{opacity:1}.price-card:hover{border-color:#91cbd7;box-shadow:inset 0 1px 0 #fff,0 0 0 1px #91d2de33,0 10px 40px -15px #009ab033}}

@media(max-width:1100px){.hero{padding-top:70px}.hero h1{font-size:64px}.hero .showcase-scene{height:420px}.expertise-heading h2{font-size:42px}.expertise-heading>p{max-width:300px}.expertise-editorial{padding:27px 30px}.expertise-editorial h3{font-size:33px}.expertise-panel{min-height:400px}.expertise-art{height:400px;min-height:400px}.flat-site{padding:14px}.flat-hero{gap:12px}.phase-stack{gap:18px}.phase-visual{height:250px}.phase-copy{padding-left:31px}.phase-copy h3{font-size:20px}.phase-copy p{font-size:12px}.price-grid{gap:12px}.price-card{padding:26px 18px}.price-card .price strong{font-size:39px}.price-card .custom-price strong{font-size:29px}.price-card .button{font-size:9px}.price-card li{font-size:10px}}
@media(max-width:900px) and (min-width:768px){.price-grid{grid-template-columns:repeat(2,1fr);gap:22px}.price-card{padding:29px}.price-card .plan-description{min-height:50px}.price-card .button{font-size:12px}.price-card li{font-size:12px}.phase-visual{height:220px}.phase-copy{padding-left:25px}.phase-number{font-size:8px}.phase-copy h3{font-size:18px}.phase-copy p{font-size:11px}.flat-browser{left:7%;width:80%}.flat-phone{right:5%;width:25%}.flat-hero{margin-top:18px}.flat-picture{height:85px}.flat-copy>i{height:5px}.flat-tiles i{height:22px}.phone-picture{height:65px}.phone-layout{padding-inline:8px}.profile-body{padding:14px}.profile-actions{gap:10px}.profile-cover{height:26%}.article-picture{height:69px}}
@media(max-width:767px){
 .site-header{border-radius:999px}.hero{margin:88px 10px 0;border-radius:21px;padding-top:54px}.hero-copy{padding-inline:17px}.hero h1{font-size:clamp(36px,8.2vw,57px);line-height:1.09;margin-top:24px;letter-spacing:-.055em}.hero-description{font-size:12px;max-width:330px;line-height:1.8;margin-top:20px}.hero-description br{display:none}.hero .availability{font-size:8px}.hero-actions{gap:8px;flex-wrap:nowrap;margin-top:25px}.hero-actions .button{font-size:10px;padding:12px 15px;min-height:46px;white-space:nowrap}.hero .showcase-scene{height:280px;margin-top:30px}.hero .hero-bottom{width:calc(100% - 32px);font-size:6.5px;padding-bottom:21px}.hero .motion-toggle{font-size:7px;min-height:28px}.hero .showcase-caption{bottom:35px}
 .expertise{padding-top:66px;padding-bottom:55px}.expertise-heading{margin-bottom:20px}.expertise-heading h2{font-size:32px;line-height:1.08;margin-top:12px}.expertise-heading>p{display:none}.expertise-heading .eyebrow{font-size:9px}.expertise-selector{margin-bottom:16px}.expertise-tab{font-size:10px;min-height:48px;gap:4px}.expertise-tab span{font-size:7px}.expertise-tab::after{right:9px}.expertise-panel{grid-template-columns:1fr;min-height:0}.expertise-art{height:190px;min-height:190px}.expertise-editorial{padding:21px 23px 23px}.expertise-index{display:none}.expertise-editorial h3{font-size:27px;line-height:1.1;margin-top:0}.expertise-editorial h3 br{display:none}.expertise-editorial p{font-size:11px;line-height:1.75;margin-top:13px}.expertise-editorial ul{gap:7px;margin:15px 0 17px}.expertise-editorial li{font-size:9px}.expertise-editorial .text-link{font-size:10px}.expertise-baseline{font-size:7px;margin-top:13px}.expertise-baseline span:last-child{max-width:130px}
 .flat-browser{height:78%;width:66%;left:12%;top:11%;border-radius:7px}.flat-chrome{height:17px;padding:0 7px;gap:3px}.flat-chrome>i{height:3px;width:3px}.flat-chrome>span{height:4px}.flat-site{padding:9px 12px;height:calc(100% - 17px)}.flat-nav{gap:7px}.flat-nav>b{width:10px;height:10px}.flat-nav>span{width:13px;height:2px}.flat-nav>i{width:21px;height:7px}.flat-hero{margin-top:13px;gap:12px}.flat-copy{gap:4px}.flat-copy>i{height:4px}.flat-copy>i:nth-child(3){height:2px;margin-top:3px}.flat-copy>b{height:9px;margin-top:3px}.flat-picture{height:58px;border-radius:5px}.flat-picture>span{width:40px;height:40px}.flat-picture>span:nth-child(2){width:25px;height:48px}.flat-picture>span:nth-child(3){width:20px;height:20px}.flat-tiles{gap:6px;margin-top:11px}.flat-tiles i{height:18px;border-radius:3px}.flat-phone{right:10%;top:19%;height:75%;width:19%;border-width:3px;border-radius:12px}.flat-phone .phone-speaker{height:5px;top:2px}.phone-layout{padding:15px 6px 6px}.phone-nav i{width:7px;height:7px}.phone-nav b{width:7px;height:1px}.phone-picture{height:39px;margin-top:7px;border-radius:3px}.phone-picture>span{width:28px;height:40px;top:7px}.phone-lines{margin-top:8px;gap:3px}.phone-lines i{height:3px}.phone-lines i:nth-child(3){height:2px}.phone-lines b{height:7px;margin-top:2px}.phone-tiles{margin-top:7px;gap:4px}.phone-tiles i{height:13px;border-radius:2px}
 .google-profile{height:84%;width:57%;left:21%;top:8%;border-radius:9px}.profile-cover{height:30%;width:33%;position:absolute;left:12px;top:15px;border-radius:5px}.profile-cover>span{width:32px;height:32px;top:15px;right:0}.profile-cover>span+span{width:32px;height:45px;top:9px;right:42%}.profile-body{padding:15px 12px}.profile-identity{margin-left:42%;gap:7px;min-height:40px}.profile-logo{width:22px;height:22px;border-radius:6px;padding:5px;flex-shrink:0}.skeleton-text{gap:5px}.skeleton-text>i{height:4px}.skeleton-text>i+i{height:2px}.profile-stars{margin-top:9px;font-size:8px;gap:7px}.profile-stars>span{width:20px;height:2px}.profile-actions{margin:11px 0;gap:15px}.profile-actions>i{width:24px;height:24px}.profile-actions svg{width:11px;height:11px}.profile-detail{gap:5px}.profile-detail i{height:2px}.profile-pin{height:31px;width:31px;right:16%;top:19%}.profile-pin>span{width:11px;height:11px;margin:9px}
 .seo-article{height:88%;top:6%;width:49%;left:22%;padding:11px 15px;border-radius:8px}.article-top{margin-bottom:9px;gap:6px}.article-top>i{width:8px;height:8px}.article-top>span{width:11px;height:2px}.article-picture{height:36px;border-radius:4px}.article-picture>i{height:36px;width:36px;top:9px}.article-picture>i+i{width:25px;height:43px;top:0}.article-heading{gap:4px;margin-top:9px}.article-heading>i{height:4px}.article-lines{gap:4px;margin-top:9px}.article-lines>i{height:2px}.article-subhead{height:3px;margin-top:10px}.article-lines.lower{margin-top:6px}.seo-inspector{width:25%;right:14%;top:35%;padding:11px;border-radius:10px}.seo-ring{height:28px;width:28px;margin-bottom:9px}.seo-checks{gap:6px}.seo-checks i{width:4px;height:4px}.seo-checks b{height:2px}.seo-checks>span{gap:5px}.seo-keyword{height:24px;width:23%;right:11%;top:13%;padding:5px 8px;gap:6px}.seo-keyword svg{width:10px}.seo-keyword i{height:2px}
 .method-heading{margin-bottom:35px}.method-heading h2{font-size:39px;margin-top:18px}.method-heading>p{font-size:13px;margin-top:20px}.phase-stack{display:block;padding-bottom:28px}.phase-card{position:sticky;top:calc(84px + var(--phase)*13px);padding:15px 15px 24px;margin:0 0 65px;border:1px solid #dfe9ef;box-shadow:0 -8px 30px -18px #00204c33,0 10px 30px -20px #00204c3d;background:#fbfdfe;border-radius:21px}.phase-card:last-child{margin-bottom:0}.phase-visual{height:240px;margin-top:12px;border-radius:14px}.phase-copy{padding:24px 4px 0 28px}.phase-number{top:28px;left:0;font-size:9px}.phase-copy h3{font-size:24px}.phase-copy p{font-size:12px;line-height:1.8;margin-top:14px}.phase-tag{font-size:8px;top:-13px;padding:7px 12px;border-radius:7px}.call-window{height:64%;width:73%;left:9%;top:20%}.call-duration{font-size:7px;bottom:7%}.call-note{height:40%;top:35%;padding:13px 10px}.call-people{height:66%}.build-window{height:61%;width:70%;left:14%;top:20%}.build-layout{padding-top:14px}.build-chip{font-size:7px;bottom:6%}.launch-window{height:57%}.launch-globe{height:67px;width:67px;margin-top:14px}.launch-lines{margin-top:7px}.launch-chip{font-size:8px}.method-note{font-size:9px;line-height:1.7;margin-top:0}
 .price-grid{grid-template-columns:1fr;gap:21px}.price-card{padding:30px 28px}.price-card h3{font-size:31px}.price-card .plan-type{font-size:11px;min-height:0}.price-card .plan-description{font-size:13px;min-height:0;line-height:1.75}.price-card .price strong{font-size:51px}.price-card .custom-price strong{font-size:40px}.price-card .button{font-size:12px;min-height:49px}.price-card li{font-size:12px}.price-card ul{gap:13px}
}
@media(max-width:380px){.hero{padding-top:45px;margin-inline:8px}.hero h1{font-size:34px}.hero-description{font-size:11px;max-width:285px}.hero-actions .button{font-size:9px;padding:12px 12px}.hero .showcase-scene{height:242px}.hero .hero-bottom{font-size:6px;gap:8px}.expertise-heading h2{font-size:29px}.expertise-art{height:170px;min-height:170px}.expertise-editorial{padding:18px 20px 21px}.expertise-editorial h3{font-size:24px}.expertise-editorial p{font-size:10px}.expertise-editorial li{font-size:8px}.expertise-tab{font-size:9px}.phase-card{padding:12px 12px 20px}.phase-visual{height:215px}.phase-copy h3{font-size:22px}.phase-copy p{font-size:11px}.price-card{padding:27px 24px}}
@media(prefers-reduced-motion:reduce){.expertise-scroll{height:auto!important}.expertise-pin{position:static!important}.expertise-track{transform:none!important;will-change:auto!important;display:block}.expertise-panel{margin-bottom:12px;grid-template-columns:1fr 1fr}.expertise-tab::after{transition:none}.phase-card{position:relative;top:auto;transform:none!important}.price-card,.price-card::before{transition:none}}
@media(prefers-reduced-motion:reduce) and (max-width:767px){.expertise-panel{grid-template-columns:1fr}}
.motion-paused .expertise-scroll{height:auto!important}.motion-paused .expertise-pin{position:static!important}.motion-paused .expertise-track{transform:none!important;display:block;will-change:auto}.motion-paused .phase-card{position:relative;top:auto;transform:none!important}
@media print{.hero{background:#00204c!important;margin:0}.expertise-scroll{height:auto!important}.expertise-pin{position:static!important}.expertise-track{transform:none!important;display:block}.phase-stack{display:block}.phase-card{position:static}.price-grid{grid-template-columns:1fr 1fr}.expertise-panel{display:grid!important}}

.hero-actions .button{border-radius:999px}

/* Cursor light, clear service copy, and a more translucent contact surface. */
.hero{background:radial-gradient(ellipse at 80% 40%,#0b9aab 0,transparent 55%),radial-gradient(ellipse at 20% 80%,#165695,transparent 60%),#001d43}
.hero-vignette{background:linear-gradient(180deg,#00132c0a,#00132c03 70%,#00132c20)}
.expertise-editorial{min-width:0;justify-content:flex-start}
.expertise-editorial h3{font-size:35px;line-height:1.1;max-width:400px;text-wrap:balance}
.expertise-editorial p{font-size:12px;line-height:1.8;max-width:370px}
.expertise-editorial ul{margin-top:19px;gap:9px}.expertise-editorial li{font-size:10px;line-height:1.6}
.expertise-editorial .text-link{font-size:11px;line-height:1.5;white-space:normal}
.project-meta p{font-size:12px;line-height:1.7;max-width:360px}.project-meta>span{flex-shrink:0}
.method-heading h2{font-size:49px}
.price-card::before{background:radial-gradient(240px circle at var(--spot-x,50%) var(--spot-y,0px),#f0ffffb3 0,#80cfdc55 30%,#9fdce41c 58%,transparent 78%);transition:opacity 250ms var(--ease-cinematic)}
.price-card.price-featured::before{background:radial-gradient(250px circle at var(--spot-x,50%) var(--spot-y,0px),#fff 0,#c5f2f999 27%,#7cc9d32b 55%,transparent 80%)}
.contact-panel{background:linear-gradient(120deg,#082c4d,#001b39 75%);isolation:isolate}
.contact-light{inset:0;width:100%;height:100%;transform:none;background:radial-gradient(ellipse at 85% 30%,#74dae94d,transparent 45%),radial-gradient(ellipse at 50% 100%,#0d929e52,transparent 50%),radial-gradient(ellipse at 15% 5%,#a8e8f21f,transparent 45%);filter:blur(24px);z-index:-1}
.contact-form{background:linear-gradient(135deg,#ffffff21,#d4f3ff0a 68%,#c8f4ff12);border:1px solid #e0f8ff45;box-shadow:inset 0 1px 0 #ffffff45,inset 0 -1px 0 #ffffff0d,0 3px 5px #000e1d1a,0 30px 50px -25px #000e1d80;-webkit-backdrop-filter:blur(32px) saturate(1.45);backdrop-filter:blur(32px) saturate(1.45)}
.contact-form::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(130deg,#ffffff0d,transparent 45%)}
.contact-form h3{color:#f4fbff}.contact-form .form-intro{color:#a4c1d1}
.contact-form .form-field label{color:#d0e2ed}.contact-form .form-field label>span{color:#84d9df}.contact-form .form-field label small{color:#98b6c8}
.contact-form .form-field input,.contact-form .form-field select,.contact-form .form-field textarea{color:#f2faff;background:#ffffff0a;border-color:#c7e4f12e;box-shadow:inset 0 1px 2px #00112814}
.contact-form .form-field input::placeholder,.contact-form .form-field textarea::placeholder{color:#96b3c4}
.contact-form .form-field input:focus,.contact-form .form-field select:focus,.contact-form .form-field textarea:focus{background:#ffffff0e;border-color:#8dd7e1;outline-color:#8dd7e13b;box-shadow:0 0 0 3px #92e7f00b}
.contact-form select option{color:#00204c;background:#f1f8fb}.contact-form .form-help{color:#a7c6d5}
.contact-form .form-submit{background:#f0fbff;color:#00204c;border:1px solid #fff;box-shadow:inset 0 1px 0 #fff,0 7px 20px -12px #00112580}
.contact-form .form-privacy{color:#96b4c7}.contact-form .form-privacy a{color:#c8e6f2}
.contact-form .form-result{color:#c3e7f0;border-color:#c7e4f12e}.contact-form .form-result .text-link{color:#dbf4fa}.contact-form .message-fallback{color:#00204c}
.contact-direct a:last-child{font-size:19px;color:#eaf4f7}.contact-direct a{overflow-wrap:anywhere}
.footer-socials{display:flex;align-items:center;gap:11px;margin-left:auto}
.social-link{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border:1px solid #dce7ed;border-radius:50%;color:#31546d;background:linear-gradient(135deg,#fff,#f2f8fa);box-shadow:inset 0 1px 0 #fff,0 3px 8px -6px #00204c33;transition:color 180ms var(--ease-cinematic),border-color 180ms var(--ease-cinematic)}
.social-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.social-link .social-dot{fill:currentColor;stroke:none}.social-link[aria-disabled=true]{cursor:default;color:#6b8696}
.whatsapp-contact{position:fixed;right:25px;bottom:max(25px,env(safe-area-inset-bottom));z-index:25;width:51px;height:51px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145deg,#2edc79,#15af59);border:1px solid #ffffffbd;box-shadow:inset 0 1px 0 #ffffff66,0 4px 7px #003d211a,0 12px 25px -10px #004e2a66;color:#fff;animation:whatsapp-enter 250ms var(--ease-cinematic) both;transition:transform 180ms var(--ease-cinematic)}
.whatsapp-contact[hidden]{display:none}.whatsapp-contact>svg{width:29px;height:29px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.whatsapp-contact .whatsapp-phone{fill:white;stroke:none}
.whatsapp-label{position:absolute;right:calc(100% + 10px);white-space:nowrap;background:#f6fcfff2;border:1px solid #e5edf0;border-radius:8px;padding:9px 12px;color:#24475f;font-size:10px;box-shadow:0 8px 18px -10px #00204c44;opacity:0;visibility:hidden;transform:translateX(5px);transition:opacity 180ms var(--ease-cinematic),transform 180ms var(--ease-cinematic),visibility 180ms}
.whatsapp-contact:focus-visible .whatsapp-label{opacity:1;visibility:visible;transform:none}.modal-open .whatsapp-contact{visibility:hidden}
@keyframes whatsapp-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.whatsapp-contact:hover{transform:translateY(-2px)}.whatsapp-contact:hover .whatsapp-label{opacity:1;visibility:visible;transform:none}.social-link[href]:hover{color:#008397;border-color:#b2d9e1}.contact-form .form-submit:hover{background:#fff;box-shadow:0 8px 20px -10px #00112599}}
@media(max-width:1100px){.expertise-editorial h3{font-size:30px}.expertise-editorial li{font-size:9px}.expertise-editorial .text-link{font-size:10px}}
@media(max-width:767px){
 .mobile-menu:not([hidden]){padding:20px 22px 22px;border-radius:24px;background:linear-gradient(145deg,#f9fdfff5,#eaf6faf0);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);max-height:calc(100svh - 100px);overflow:auto}
 .mobile-menu a{font-family:Geist,Inter,sans-serif;font-size:20px;line-height:1.4;font-weight:450;letter-spacing:-.03em;text-align:right;padding:11px 2px}
 .mobile-menu .button{font-size:13px;min-height:49px;margin-top:17px}
 .expertise-editorial h3{font-size:26px;line-height:1.12;max-width:330px}.expertise-editorial p{font-size:11px;line-height:1.7}.expertise-editorial li{font-size:9px;line-height:1.6}.expertise-editorial ul{gap:7px;margin-top:15px;margin-bottom:17px}.expertise-editorial .text-link{font-size:10px}.expertise-art{height:180px;min-height:180px}
 .project-meta p{font-size:11px;line-height:1.7;max-width:250px}.project-meta>span{font-size:7px}.method-heading h2{font-size:39px}
 .contact-form{background:linear-gradient(135deg,#ffffff20,#e4f7ff0b);-webkit-backdrop-filter:blur(26px) saturate(1.4);backdrop-filter:blur(26px) saturate(1.4)}.contact-direct a:last-child{font-size:21px}
 .footer-socials{margin-left:0;margin-top:8px}.social-link{width:36px;height:36px}.whatsapp-contact{width:48px;height:48px;right:17px;bottom:max(18px,env(safe-area-inset-bottom))}.whatsapp-contact>svg{width:28px;height:28px}.whatsapp-label{display:none}
}
@media(max-width:380px){.expertise-editorial h3{font-size:24px}.expertise-editorial p{font-size:10px}.expertise-editorial li{font-size:8px}.project-meta p{font-size:10px}.method-heading h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){.whatsapp-contact{animation:none;transition:none}.whatsapp-label,.price-card::before{transition:none}}
@media(prefers-reduced-transparency:reduce){.contact-form{background:#143c58;-webkit-backdrop-filter:none;backdrop-filter:none}.contact-form .form-field input,.contact-form .form-field select,.contact-form .form-field textarea{background:#214c67}.mobile-menu:not([hidden]){background:#f2f9fc}}
@media print{.whatsapp-contact,.footer-socials{display:none!important}}

/* Soft cursor reflections and the unfolding method. */
.price-card::before,.price-card.price-featured::before{background:radial-gradient(310px circle at var(--spot-x,50%) var(--spot-y,0px),#e8ffff40 0,#87c8d416 40%,transparent 76%);filter:blur(22px);transition:opacity 350ms var(--ease-cinematic)}
@media(hover:hover) and (pointer:fine){.price-card:hover{border-color:#c7dfe6;box-shadow:inset 0 1px 0 #fff,0 10px 35px -24px #00556826}}
.phase-stack{isolation:isolate}.phase-card{filter:grayscale(var(--phase-gray,0));opacity:var(--phase-opacity,1)}
.phase-card:nth-child(1){z-index:3}.phase-card:nth-child(2){z-index:2}.phase-card:nth-child(3){z-index:1}
.phase-visual,.phase-build,.phase-launch{background:radial-gradient(ellipse at 82% 85%,#087e98 0,transparent 59%),radial-gradient(ellipse at 5% 18%,#164d76,transparent 63%),linear-gradient(140deg,#001b3e,#063658 70%,#004963);border-color:#164967;box-shadow:inset 0 1px 0 #ffffff18,0 2px 3px #00204c14,0 18px 30px -20px #00204c4d}
.phase-tag{background:linear-gradient(135deg,#effafff5,#d8f2f8e8);border-color:#cee9f0;box-shadow:inset 0 1px 0 #fff,0 5px 12px -5px #001a3b55;color:#164b66}
.call-duration{color:#d6edf6;background:#ffffff0d;border-color:#ffffff30}.launch-chip{color:#c1dfeb}.launch-orbit{border-color:#b9f0ff47;box-shadow:0 0 0 20px #ffffff07,0 0 0 40px #ffffff04}
.method{overflow:clip}
.form-grid:has(> .form-field:last-child:nth-child(3))>.form-field:last-child{grid-column:1/-1}
.site-footer{padding-top:35px}.footer-top{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding-top:25px;padding-bottom:40px}
.footer-top>p{order:-1;text-align:center;margin:0 0 19px;font-size:25px;font-family:Geist,Inter,sans-serif;letter-spacing:-.04em;line-height:1.4;color:#516e81}
.footer-top .brand{width:min(100%,1100px);height:auto;display:block;margin:0 auto;line-height:0;padding-top:17px;-webkit-mask-image:linear-gradient(180deg,#000 12%,#000d 42%,#0007 76%,transparent 100%);mask-image:linear-gradient(180deg,#000 12%,#000d 42%,#0007 76%,transparent 100%)}
.footer-top .brand img{width:100%;height:auto;max-width:none}.footer-top .footer-socials{margin:10px auto 0;justify-content:center;gap:13px}
.footer-bottom{flex-wrap:wrap;row-gap:15px}
@media(max-width:767px){
 .method{overflow:visible}.phase-card:nth-child(1){z-index:1}.phase-card:nth-child(2){z-index:2}.phase-card:nth-child(3){z-index:3}
 .footer-top{padding:12px 0 29px}.footer-top>p{font-size:19px;max-width:260px;margin-bottom:9px}.footer-top .brand{width:100%;padding-top:13px}.footer-top .footer-socials{margin-top:15px}.site-footer{padding-top:20px}
}
@media(prefers-reduced-motion:reduce){.phase-card{filter:none!important;opacity:1!important;transform:none!important}.price-card::before{transition:none}}
.motion-paused .phase-card{filter:none!important;opacity:1!important;transform:none!important}
@media print{.phase-card{filter:none!important;opacity:1!important;transform:none!important}.footer-top .brand{-webkit-mask-image:none;mask-image:none}}

@media(max-width:767px){.phase-card{min-height:var(--phase-card-height,0px)}}

/* A clear booking action, clean project frames and tangible phase cards. */
.site-header .nav-book{gap:10px;padding:6px 19px 6px 6px;min-height:45px;border-radius:99px;border:1px solid #335373;background:linear-gradient(135deg,#173d60,#00204c 85%);box-shadow:inset 0 1px 0 #ffffff24,0 5px 12px -7px #00204c66;font-size:11px;font-weight:500;letter-spacing:-.015em}
.nav-calendar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#ffffff15;border:1px solid #ffffff24;flex-shrink:0}.nav-calendar svg{width:17px;height:17px;stroke:#e7faff;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.site-header .nav-book::after{content:none}.site-header .nav-book:hover .button-label{transform:none;opacity:1}
.project::before{content:none}.project-image{background:transparent;border:0;box-shadow:none!important;border-radius:0;overflow:visible}.project-image::after{inset:36px 0 0;border-radius:13px}.project-browser{background:transparent;border:0;padding:0 2px;color:#526d80;height:36px}.project-image img{display:block;border-radius:13px}.project-browser .visit-label{color:#526d80}
.phase-card{background:#f5f9fb;border:0;border-radius:23px;padding:56px 17px 25px;box-shadow:none;overflow:hidden}.phase-tag{left:22px;top:20px;transform:none;background:transparent;border:0;box-shadow:none;padding:0;color:#36596d;font-size:10px;font-weight:500;letter-spacing:.1em}.phase-visual{margin:0;border:0;box-shadow:none;border-radius:15px}.phase-copy{padding:25px 3px 0}.phase-number{display:none}.phase-copy p{font-size:12px;margin-top:14px}.phase-copy h3{font-size:22px}.phase-card{transform-origin:50% 0}
.footer-top{padding-bottom:0!important;overflow:hidden}.footer-top .footer-socials{order:-2;margin:0 auto 25px}.footer-top>p{order:-1;margin-bottom:25px}.footer-top .brand{padding-top:0;width:100%;max-width:1100px}.footer-bottom{margin-top:0}
/* Native dialogs retain focus, Escape and backdrop dismissal. */
.booking-dialog,.message-dialog{border:1px solid #ffffff94;background:linear-gradient(135deg,#f3fcffdd,#e4f2f8ad);box-shadow:inset 0 1px 0 #fff9,0 12px 24px #00172e1a,0 40px 100px -30px #00172e80;-webkit-backdrop-filter:blur(40px) saturate(1.4);backdrop-filter:blur(40px) saturate(1.4);border-radius:27px;color:#00204c}
.booking-dialog{width:min(1130px,calc(100% - 48px));max-width:1130px;max-height:calc(100dvh - 48px);padding:0;overflow:auto}
.booking-dialog::backdrop,.message-dialog::backdrop{background:#001b3e65;-webkit-backdrop-filter:blur(12px) saturate(.85);backdrop-filter:blur(12px) saturate(.85)}
.booking-shell{grid-template-columns:280px minmax(0,1fr);min-height:570px}.booking-sidebar{padding:40px 28px;background:radial-gradient(ellipse at 0 100%,#67cadb2e,transparent 70%),linear-gradient(145deg,#ffffff80,#c3e5ee1a);border-right:1px solid #ffffff80}.booking-sidebar>img{margin-bottom:55px}.booking-sidebar h2{font-size:31px}.booking-facts{font-size:11px}.fact-circle{border-color:#bdd8e280;background:#ffffff80}.booking-plan{border-color:#739db42e}
.booking-content:has(iframe){padding:48px 14px 10px}.booking-content{background:#eaf8ff15}.booking-content #calendar-container iframe{height:580px;border-radius:16px;background:#fff}.calendar-privacy{font-size:9px;color:#587486;line-height:1.6;padding:8px 5px 0;text-align:center}.calendar-privacy a{text-decoration:underline;text-underline-offset:3px}.booking-content:has(#calendar-container:empty) .calendar-privacy{display:none}.cal-loading{position:absolute;inset:45px 15px auto;text-align:center;font-size:12px;color:#36596d}.dialog-close{background:#ffffffad;border-color:#ffffffbd;box-shadow:inset 0 1px 0 #fff,0 3px 8px #00204c0d}
.message-dialog{position:fixed;width:min(490px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:42px;overflow:auto}.message-symbol{display:grid;place-items:center;width:57px;height:57px;border-radius:18px;background:linear-gradient(135deg,#ffffffbd,#a5e9ed52);border:1px solid #ffffffc9;box-shadow:inset 0 1px 0 #fff,0 10px 20px -13px #00839566;margin-bottom:26px}.message-symbol svg{width:30px;height:30px;stroke:#008395;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.message-dialog .booking-kicker{font-size:10px;letter-spacing:.03em;margin-bottom:12px}.message-dialog h2{font-size:35px;line-height:1.13;letter-spacing:-.055em}.message-dialog>p{font-size:13px;line-height:1.8;color:#4c6b7e;margin-top:19px}.message-dialog .form-result{margin-top:22px;padding-top:18px;border-top:1px solid #7299ad33}.message-dialog #form-status{font-size:11px;line-height:1.7;color:#526e7d}.message-dialog .form-result-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}.message-dialog .text-link{font-size:11px;color:#005b73}.message-dialog .message-dismiss{width:100%;margin-top:26px;border:1px solid #ffffffbf;border-radius:99px;background:#ffffff78;color:#123d58;min-height:45px;font-size:12px}.form-submit:disabled{opacity:.65;cursor:wait}
@media(hover:hover) and (pointer:fine){.site-header .nav-book:hover{background:linear-gradient(135deg,#245473,#073255);box-shadow:inset 0 1px 0 #ffffff35,0 6px 15px -9px #00204c66}.message-dismiss:hover{background:#ffffffb0}}
@media(max-width:1100px) and (min-width:768px){.site-header .nav-book{font-size:10px;padding-right:13px;gap:7px}.nav-calendar{width:28px;height:28px}.phase-card{padding-inline:13px}.phase-copy h3{font-size:20px}.phase-copy p{font-size:11px}}
@media(max-width:767px){
 .phase-stack{padding-bottom:125px}.phase-card{top:calc(76px + var(--phase)*48px);padding:52px 15px 24px;margin-bottom:74px;border:0;box-shadow:0 -4px 20px -12px #00204c38,0 14px 30px -25px #00204c55;border-radius:22px;background:#f3f8fb;min-height:var(--phase-card-height,0px)}.phase-tag{top:21px;left:21px;font-size:10px}.phase-visual{margin-top:0;height:230px;border-radius:13px}.phase-copy{padding:23px 4px 0}.phase-copy h3{font-size:23px}.phase-copy p{font-size:12px;line-height:1.8}.phase-card:last-child{margin-bottom:0}
 .footer-top .footer-socials{margin:0 auto 24px}.footer-top>p{font-size:18px;margin-bottom:23px}.footer-top .brand{padding:0}.footer-top{padding-top:12px}
 .booking-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:23px}.booking-shell{grid-template-columns:1fr;min-height:0}.booking-sidebar{padding:23px 22px 20px;border-right:0;border-bottom:1px solid #ffffff80}.booking-sidebar>img{width:120px;margin-bottom:21px}.booking-sidebar h2{font-size:27px;max-width:260px}.booking-sidebar h2 br{display:none}.booking-facts{flex-direction:row;flex-wrap:wrap;gap:8px 16px;margin-top:17px;font-size:10px}.booking-facts>span:last-child{display:flex}.booking-facts .fact-circle{display:none}.booking-content:has(iframe){padding:10px}.booking-content #calendar-container iframe{height:620px;border-radius:13px}.booking-plan{margin-top:12px;padding-top:10px}.calendar-privacy{font-size:8px;padding:7px 6px}.booking-dialog .dialog-close{right:11px;top:11px}
 .message-dialog{padding:34px 27px;border-radius:24px}.message-dialog h2{font-size:31px}.message-dialog>p{font-size:12px}.message-symbol{margin-bottom:24px}
}
@media(max-width:380px){.phase-card{padding-inline:12px}.phase-visual{height:200px}.phase-copy p{font-size:11px}.phase-copy h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.phase-card{position:relative;top:auto;margin-bottom:20px}.phase-stack{padding-bottom:0}}
.motion-paused .phase-card{position:relative;top:auto;margin-bottom:20px}.motion-paused .phase-stack{padding-bottom:0}
@media(prefers-reduced-transparency:reduce){.booking-dialog,.message-dialog{background:#edf7fb;-webkit-backdrop-filter:none;backdrop-filter:none}.booking-dialog::backdrop,.message-dialog::backdrop{background:#001b3ecc;-webkit-backdrop-filter:none;backdrop-filter:none}}

.phase-stack-tail{display:none}
@media(max-width:767px){.phase-stack{padding-bottom:0}.phase-card:nth-child(3){margin-bottom:0}.phase-stack-tail{display:block;height:240px}}
@media(prefers-reduced-motion:reduce){.phase-stack-tail{display:none}}
.motion-paused .phase-stack-tail{display:none}

/* Booking: a readable introduction and room for the actual calendar. */
.booking-dialog{width:min(1200px,calc(100% - 48px));max-width:1200px}.booking-shell{grid-template-columns:270px minmax(0,1fr)}.booking-sidebar{padding:38px 25px}.booking-sidebar>img{margin-bottom:45px}.booking-sidebar h2{font-size:32px;line-height:1.12;max-width:225px;letter-spacing:-.05em}.booking-intro{font-size:12px;line-height:1.8;color:#547384;margin-top:22px}.booking-facts{margin-top:25px}.booking-content #calendar-container iframe{height:590px}.message-preview{padding:12px 14px;background:#ffffff7a;border:1px solid #ffffffa6;border-radius:12px;font-size:11px!important;line-height:1.6!important;margin:0 0 22px!important;color:#33596e!important}.message-preview[hidden]{display:none}
@media(max-width:767px){.booking-dialog{width:calc(100% - 20px);max-width:none}.booking-shell{grid-template-columns:1fr}.booking-sidebar{padding:22px 20px 17px}.booking-sidebar>img{width:119px;margin-bottom:0}.booking-sidebar h2,.booking-sidebar>.booking-kicker,.booking-intro,.booking-plan{display:none}.booking-facts{margin-top:18px;gap:7px 15px;font-size:10px}.booking-content #calendar-container iframe{height:640px}.booking-facts>span:last-child{display:flex}}

.contact-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.contact-form .form-field{min-width:0}.contact-form .form-field input{width:100%;min-width:0}.contact-form .form-grid .form-field label{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 5px}.contact-form .form-grid .form-field label small{margin-left:0}.contact-form .form-grid .form-field:nth-child(n+3){grid-column:auto}
@media(max-width:767px){.contact-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0;gap:19px 12px}.contact-form .form-grid>.form-field:nth-child(-n+2){grid-column:1/-1}.contact-form .form-grid>.form-field:nth-child(n+3) label{min-height:32px;align-content:start}.contact-form .form-grid>.form-field:nth-child(n+3) input{font-size:16px;padding-inline:9px}.contact-form .form-grid>.form-field:nth-child(n+3) input::placeholder{font-size:10px}}
@media(max-width:767px){.contact-form .form-grid>.form-field:nth-child(n+3) label{display:block;min-height:34px;line-height:1.4}.contact-form .form-grid>.form-field:nth-child(n+3) label small{display:block;margin-top:3px;line-height:1.4}}
.contact-form .form-grid>.form-field:nth-child(n+3) label{min-height:0}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:767px){.contact-form .form-grid>.form-field:nth-child(n+3) label{min-height:0}.contact-form .form-grid>.form-field:nth-child(n+3) input::placeholder{font-size:12px}}

/* Brighter brand accents for the two-tone section headings. */
main h2 .muted{color:#00879d}#expertises h2 .muted{color:#00879d}#methode h2 .muted{color:#176fbb}#offres h2 .muted{color:#008797}#questions h2 .muted{color:#176fbb}

/* Keep the horizontal services sequence inside shorter desktop viewports. */
@media(min-width:768px) and (max-height:850px){
 .expertise-panel{min-height:clamp(300px,calc(100svh - 370px),420px)}
 .expertise-art{height:clamp(300px,calc(100svh - 370px),420px);min-height:clamp(300px,calc(100svh - 370px),420px)}
 .expertise-editorial{padding:24px 32px}
 .expertise-editorial h3{margin-top:14px}
 .expertise-editorial p{margin-top:14px}
 .expertise-editorial ul{margin-top:14px;margin-bottom:16px;gap:7px}
}
@media(min-width:768px) and (max-height:700px){
 .expertise-heading{margin-bottom:20px}
 .expertise-heading h2{font-size:38px;margin-top:10px}
 .expertise-selector{margin-bottom:16px}
 .expertise-tab{min-height:48px}
 .expertise-editorial{padding:19px 27px}
 .expertise-editorial h3{font-size:28px;margin-top:10px}
 .expertise-editorial p{font-size:11px;margin-top:12px}
 .expertise-editorial ul{margin-top:12px;margin-bottom:12px}
}