:root{--ink:#14171c;--muted:#626976;--white:#fff;--line:rgba(32,45,62,.13);--blue:#bee0f8;--radius:28px;--font:'DM Sans',sans-serif;--title:'Work Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fafcfe;color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.55;overflow-x:hidden}button,a,input{touch-action:manipulation}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #357ad7;outline-offset:6px}button:disabled{cursor:default;opacity:.35}img{display:block;max-width:100%}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--title);line-height:1.05;letter-spacing:-.055em}h2{font-size:clamp(2.3rem,4.2vw,4.3rem);font-weight:550}h3{font-size:1.65rem;font-weight:550;letter-spacing:-.04em}p{color:var(--muted)}[hidden]{display:none!important}.skip{position:fixed;top:-70px;left:20px;z-index:99;background:white;padding:15px}.skip:focus{top:20px}.muted{color:#727a89}.eyebrow{display:flex;align-items:center;gap:14px;letter-spacing:.13em;font-size:.73rem;font-weight:650;line-height:1.4}.small-rule{height:1px;width:34px;background:#5c6675}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:60}.reading-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#92caff,#bfc6f4,#edc4b3)}.site-header{height:92px;position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 4.4%;border-bottom:1px solid transparent;transition:background .4s,border .4s;color:var(--ink)}.site-header.scrolled{background:rgba(251,253,255,.78);backdrop-filter:blur(20px);border-color:var(--line)}.logo{width:145px;height:auto;filter:brightness(0)}.header-note{font-size:13px;color:#646b77;display:flex;gap:5px}.header-note strong{font-weight:550;color:var(--ink)}.menu-toggle{background:transparent;display:flex;align-items:center;gap:19px;font-size:14px;padding:12px 0}.menu-toggle i{width:23px;display:grid;gap:6px}.menu-toggle b{display:block;height:1px;background:var(--ink);transition:transform .3s}.menu-toggle[aria-expanded=true] b:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] b:last-child{transform:translateY(-3.5px) rotate(-45deg)}.glass{background:linear-gradient(130deg,rgba(255,255,255,.68),rgba(255,255,255,.23));border:1px solid rgba(255,255,255,.85);box-shadow:0 20px 60px rgba(57,79,112,.08),inset 0 1px 0 #fff9;backdrop-filter:blur(24px)}.chapter-menu{position:fixed;top:80px;right:4%;width:310px;padding:16px;border-radius:24px;z-index:55;background:rgba(255,255,255,.93)}.chapter-menu a{display:flex;padding:14px 16px;gap:18px;border-radius:12px;font-size:16px}.chapter-menu a:hover{background:#e7f0f9}.chapter-menu a span{font-size:13px;color:#778492}.chapter{position:relative;min-height:100svh;padding:135px 6.5% 140px;scroll-margin-top:0}.hero{min-height:850px;height:100svh;max-height:1150px;padding-top:165px;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:0;z-index:-2;background:#edf1fc}.hero-art img{height:100%;width:100%;object-fit:cover;object-position:center;animation:art-in 2s ease both;transform:scale(1.06);will-change:transform}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#edf5fc44,transparent 65%)}.hero-content{max-width:780px;position:relative;z-index:2}.hero .eyebrow{margin-bottom:28px}h1{font-size:clamp(4.6rem,7.7vw,8.6rem);font-weight:550;line-height:.99;letter-spacing:-.065em}.serif-word{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.065em}.hero-description{font-size:20px;line-height:1.5;margin:26px 0 28px;color:#525e70}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:56px;border-radius:100px;padding:15px 24px;font-size:15px;font-weight:550;transition:transform .3s,box-shadow .3s,background .3s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #24334b1c}.button-dark{background:#15191f;color:white}.button-light{background:white;color:var(--ink)}.button-spark{font-size:25px;line-height:1;font-weight:400}.hero-recipient{display:flex;align-items:center;gap:13px;margin-top:34px;font-size:12px;line-height:1.4;color:#586578}.hero-recipient strong{font-size:15px;color:var(--ink);display:block;font-weight:600;margin:2px 0}.hero-recipient small{font-size:12px}.recipient-monogram{display:grid;place-items:center;width:49px;height:49px;border-radius:50%;border:1px solid #ffffffc4;background:#ffffff40;font-family:Georgia,serif;font-size:21px;color:#536175}.hero-caption{position:absolute;right:8.4%;bottom:21%;display:flex;gap:21px;padding:24px 32px;border-radius:22px;transform:rotate(-5deg);font-size:16px;animation:float 8s ease-in-out infinite}.caption-mark{font-size:43px;line-height:1.1;color:#596779}.hero-caption strong{font-weight:500}.vertical-label{position:absolute;right:28px;top:42%;writing-mode:vertical-rl;font-size:11px;letter-spacing:.22em;color:#536276}.journey{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:45;width:420px;max-width:calc(100% - 28px);height:66px;padding:8px;border-radius:100px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.76);box-shadow:0 8px 40px #17335020}.journey button{border-radius:100px;padding:12px 15px;background:transparent;font-size:13px}.journey .journey-next{background:#181c23;color:white;display:flex;gap:16px;align-items:center}.journey-label{display:grid;gap:1px;text-align:center}.journey-count{font-size:10px;letter-spacing:.1em;color:#657286}.journey-title{font-size:13px;font-weight:550}.journey-next span{font-size:22px;line-height:1}.section-heading .eyebrow{margin-bottom:24px}.section-heading{max-width:1000px}.essence{background:#f8fafc;overflow:hidden}.essence-intro{max-width:600px;margin-top:35px;font-size:21px}.enter{animation:enter 1s cubic-bezier(.2,.7,.2,1) both}.enter:nth-child(2){animation-delay:.12s}.enter:nth-child(3){animation-delay:.24s}.enter:nth-child(4){animation-delay:.35s}.enter:nth-child(5){animation-delay:.46s}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(35px);transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1)}.js .reveal.visible{opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes art-in{from{opacity:.5;transform:scale(1.12)}to{opacity:1;transform:scale(1.06)}}@keyframes float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-17px) rotate(-2deg)}}
.essence-composition{height:500px;position:relative;margin-top:65px;max-width:1280px}.interior-photo{margin:0;width:65%;height:420px;border-radius:22px;overflow:hidden;position:relative}.interior-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}.interior-photo:hover img{transform:scale(1.04)}.interior-photo figcaption{position:absolute;bottom:15px;left:21px;font-size:11px;color:white;text-shadow:0 1px 4px black}.essence-note{position:absolute;top:55px;right:0;width:43%;padding:42px;border-radius:26px;background:linear-gradient(120deg,#f0f5fedb,#e7eef9ba);box-shadow:0 18px 70px #152d551a}.essence-note .eyebrow{font-size:10px;margin-bottom:24px}.essence-note h3{font-size:32px;line-height:1.12;margin-bottom:18px}.essence-note p{font-size:16px}.essence-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.essence-tags span{border:1px solid #78849633;padding:6px 12px;border-radius:100px;font-size:12px;color:#576070}.type-specimen{position:absolute;width:235px;bottom:0;left:6%;border-radius:20px;padding:20px 26px;transform:rotate(-7deg);background:linear-gradient(125deg,#eef6ffed,#f4e9e7b3)}.type-specimen>span{font-size:10px;letter-spacing:.06em}.type-specimen strong{font-size:77px;line-height:1.25;font-family:Georgia,serif;font-weight:400;display:block}.color-samples{display:flex;gap:8px}.color-samples i{width:25px;height:25px;border-radius:50%;background:#263139}.color-samples i:nth-child(2){background:#c4deeb}.color-samples i:nth-child(3){background:#cbd0e5}.color-samples i:nth-child(4){background:#e7cbbd}.services{background:url('assets/beflow-gradient.webp') center/cover}.services-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.services-heading>p{font-size:17px;padding-bottom:8px}.service-layout{display:grid;grid-template-columns:.85fr 1.2fr;gap:70px;margin-top:65px;align-items:start}.service-tabs{display:flex;flex-direction:column}.service-tabs button{display:flex;gap:18px;align-items:center;text-align:left;padding:20px 0;border-bottom:1px solid #69768835;background:transparent;font-size:19px;color:#5e6879;transition:color .3s,padding .3s}.service-tabs button[aria-selected=true]{color:#14171c;padding-left:15px;font-weight:600}.service-tabs button[aria-selected=true] .tab-symbol{transform:rotate(45deg)}.tab-number{font-size:12px;font-weight:400}.tab-symbol{margin-left:auto;font-size:25px;font-weight:400;transition:transform .3s}.service-copy{padding-top:28px}.service-copy>p{font-size:17px;min-height:76px;max-width:430px}.service-price{margin-top:22px;display:flex;align-items:baseline;gap:18px}.service-price>span{font-size:13px;color:#636e7f}.service-price strong{font-size:29px;letter-spacing:-.04em;font-weight:500}.text-link{font-size:14px;display:inline-flex;gap:45px;margin-top:26px;border-bottom:1px solid #8a96a7;padding-bottom:6px}.service-stage{min-height:535px;position:relative;display:grid;align-items:center;perspective:1200px;border-radius:30px;outline-offset:8px}.stage-halo{position:absolute;inset:7% -5%;background:radial-gradient(ellipse,#fff9,transparent 67%);filter:blur(15px);pointer-events:none}.concept-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;color:#6b7483;letter-spacing:.025em}#service-visual{position:relative;width:100%;animation:visual-in .55s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d;transition:transform .2s ease-out}.identity-demo{height:460px;position:relative}.brand-sheet{width:80%;height:350px;position:absolute;right:0;top:0;border:1px solid #fff9;background:linear-gradient(145deg,#f7f3ec,#eae9e5);box-shadow:0 28px 50px #283c6126;border-radius:9px;padding:40px;color:#3c403e;transform:rotate(5deg)}.brand-sheet .sheet-label{font-size:10px;letter-spacing:.16em}.brand-name{font-family:Georgia,serif;font-size:39px;letter-spacing:-.04em;line-height:1.1;margin-top:50px}.brand-sheet>small{display:block;font-size:9px;letter-spacing:.3em;margin-top:16px}.brand-card{position:absolute;bottom:30px;left:0;width:62%;height:192px;background:#25373c;color:#edece4;border:1px solid #52656a;border-radius:7px;padding:28px;transform:rotate(-8deg);box-shadow:0 22px 50px #24384c44;display:flex;flex-direction:column;justify-content:space-between}.brand-card strong{font-family:Georgia,serif;font-size:62px;line-height:1;font-weight:400}.brand-card small{font-size:9px;letter-spacing:.17em}.palette-strip{position:absolute;right:3%;bottom:27px;padding:14px;border-radius:100px;display:flex;gap:9px}.palette-strip i{height:29px;width:29px;display:block;border-radius:50%;background:#273d43}.palette-strip i:nth-child(2){background:#9faeaa}.palette-strip i:nth-child(3){background:#e8e2d8}.portfolio-demo{transform:rotate(-4deg);background:#fbfaf6;box-shadow:0 30px 60px #23384f30;padding:20px;border-radius:8px;display:grid;grid-template-columns:.65fr 1fr;min-height:350px}.portfolio-title{padding:25px 10px;display:flex;flex-direction:column;justify-content:space-between}.portfolio-title small{font-size:9px;letter-spacing:.12em}.portfolio-title strong{font-family:Georgia,serif;font-size:38px;font-weight:400;line-height:1.1}.portfolio-title span{font-size:11px}.portfolio-image{height:350px;position:relative;overflow:hidden}.portfolio-image img{height:100%;width:100%;object-fit:cover}.portfolio-image span{position:absolute;bottom:15px;left:15px;color:white;font-size:11px;letter-spacing:.1em}.browser-demo{border:7px solid #ffffffb8;border-radius:16px;box-shadow:0 25px 65px #2642652e;overflow:hidden;background:#f9f9f6;transform:rotateY(-8deg) rotateX(3deg);width:100%}.browser-chrome{height:34px;background:#f0f0ec;display:flex;align-items:center;justify-content:center;position:relative;color:#939a9c;font-size:9px}.browser-chrome i{position:absolute;left:10px;width:6px;height:6px;background:#d0d3d5;border-radius:50%;box-shadow:10px 0 #d0d3d5,20px 0 #d0d3d5}.website-nav{display:flex;justify-content:space-between;padding:17px 20px;align-items:center}.website-nav strong{font-family:Georgia,serif;line-height:1;font-size:16px;font-weight:400}.website-nav span{font-size:8px}.website-cover{height:220px;position:relative}.website-cover img{height:100%;width:100%;object-fit:cover}.website-cover:after{content:'';position:absolute;inset:0;background:#10141226}.website-cover strong{position:absolute;top:29px;left:24px;z-index:1;color:#fff;font-family:Georgia,serif;font-size:29px;line-height:1.1;font-weight:400;max-width:210px}.website-footer{padding:21px;display:flex;justify-content:space-between;gap:15px;font-size:10px}.website-footer b{font-size:11px;font-weight:500}.phone-demo{margin:auto;width:242px;min-height:428px;border:7px solid #333b42;border-radius:36px;background:linear-gradient(140deg,#edf1f0,#d2dde0);box-shadow:20px 30px 70px #2e405541;transform:rotate(6deg);padding:30px 18px 19px;text-align:center;position:relative}.phone-demo:before{content:'';position:absolute;top:8px;left:50%;transform:translateX(-50%);width:64px;height:14px;border-radius:12px;background:#333b42}.phone-monogram{width:79px;height:79px;border:1px solid #82979a;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:34px;margin:8px auto 19px;color:#40565b}.phone-demo strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:28px;line-height:1.1}.phone-demo small{font-size:9px;letter-spacing:.14em;margin-top:12px;display:block}.phone-actions{display:grid;gap:8px;margin-top:24px}.phone-actions span{padding:9px;background:#ffffff91;border:1px solid #fff9;font-size:10px;border-radius:9px}.phone-actions span:first-child{background:#334b50;color:white}.floating-contact{position:absolute;top:220px;right:-10px;border-radius:18px;padding:18px 25px;transform:rotate(-6deg);font-size:13px;box-shadow:0 20px 30px #51688020}.floating-contact strong{font-size:20px;display:block;margin-top:4px}.workspace{background:#10141b;color:#f5f7fd;isolation:isolate;overflow:hidden}.workspace-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 90% 15%,#35445f90,transparent 44%),radial-gradient(ellipse at 3% 87%,#24284b60,transparent 47%)}.workspace-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.workspace .eyebrow{color:#a0b0c8}.workspace h2{font-size:clamp(3.4rem,6vw,6.3rem);margin-top:24px}.workspace-intro{max-width:430px;padding-bottom:6px}.workspace-intro>p{font-size:24px;color:#d7deeb;line-height:1.35}.workspace-price{margin-top:30px}.workspace-price>span{color:#a7b5ca;font-size:13px;display:block;margin-bottom:8px}.workspace-price strong{font-family:var(--title);font-size:48px;font-weight:500;letter-spacing:-.05em}.workspace-price strong span{font-size:27px;color:#a0afc3}.workspace-explorer{margin-top:60px;border:1px solid #8a9fb330;border-radius:22px;background:linear-gradient(130deg,#ffffff0d,#ffffff02);overflow:hidden;box-shadow:0 40px 90px #0003}.workspace-tabs{display:flex;gap:8px;padding:14px;background:#ffffff03;border-bottom:1px solid #ffffff0f;overflow-x:auto}.workspace-tabs button{flex:1;white-space:nowrap;background:transparent;color:#8997ad;padding:15px 13px;display:flex;align-items:center;justify-content:center;gap:11px;border-radius:10px;font-size:13px;transition:background .3s,color .3s}.workspace-tabs button[aria-selected=true]{background:#e1ecff12;color:#eaf3ff;box-shadow:inset 0 0 0 1px #e1ecff26}.workspace-tabs button>span{font-size:19px}.workspace-panel{display:grid;grid-template-columns:.7fr 1fr;min-height:350px;gap:45px;padding:45px}.workspace-description .eyebrow{font-size:10px;color:#74869f}.workspace-description h3{font-size:33px;margin-top:24px;line-height:1.1;max-width:350px}.workspace-description p{color:#96a6be;margin-top:20px;font-size:16px;max-width:330px}.demo-label{display:block;margin-top:34px;font-size:11px;color:#74859e}.module-preview{border-radius:13px;padding:22px;background:#10151ec9;border:1px solid #fff1;min-height:260px;align-self:center;overflow:hidden;animation:visual-in .45s ease}.preview-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8294af;border-bottom:1px solid #fff1;padding-bottom:16px;margin-bottom:20px}.preview-top b{font-weight:500;color:#c4d4ea}.preview-top i{font-style:normal;border-radius:50%;background:#899cb629;font-size:10px;width:25px;height:25px;display:grid;place-items:center}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kanban-column>span{font-size:9px;letter-spacing:.04em;color:#7b8ca3;display:block;margin-bottom:12px}.kanban-card{border:1px solid #9db2cf21;border-radius:9px;padding:13px 10px;background:#b9d1f10a;margin-bottom:9px;animation:visual-in .55s both}.kanban-column:nth-child(2) .kanban-card{animation-delay:.1s}.kanban-column:nth-child(3) .kanban-card{animation-delay:.2s}.kanban-card b{font-size:10px;font-weight:500;display:block;color:#cfdbed}.kanban-card small{display:block;font-size:8px;color:#7c90ac;margin-top:10px}.kanban-card i{display:block;width:23px;height:3px;background:#a7bceb;border-radius:3px;margin-top:17px}.workspace-includes{display:flex;justify-content:center;gap:17px 25px;flex-wrap:wrap;padding:25px 20px;background:#a1bbeb05;border-top:1px solid #ffffff0b;font-size:11px;color:#9faec5}.workspace-includes b{color:#a7c6df;font-weight:400;margin-right:5px}.workspace-cta{display:flex;width:fit-content;margin:35px auto 0}.proposal-mini{display:grid;grid-template-columns:1fr 1fr;gap:14px}.proposal-paper{padding:18px;background:#dce4e4;border-radius:5px;color:#233039;min-height:158px}.proposal-paper span{font-size:8px;letter-spacing:.1em}.proposal-paper strong{display:block;font-family:Georgia,serif;font-size:22px;font-weight:400;line-height:1.1;margin-top:26px}.proposal-paper small{font-size:8px;margin-top:15px;display:block}.proposal-info{display:flex;flex-direction:column;gap:14px;justify-content:center;font-size:11px;color:#9aacc6}.proposal-info b{color:#d4e0f1;font-weight:500}.proposal-info div{border-bottom:1px solid #fff1;padding-bottom:8px}.model-image{height:180px;position:relative;overflow:hidden;border-radius:5px}.model-image img{width:100%;height:100%;object-fit:cover;animation:model-pan 16s ease-in-out infinite alternate}.model-image span{position:absolute;bottom:10px;right:12px;border-radius:6px;padding:4px 9px;background:#142234c9;color:#eff7ff;font-size:9px;backdrop-filter:blur(6px)}.finance-rows{display:grid;gap:10px}.finance-rows>div{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff05;border-radius:7px;font-size:11px;color:#b7c9e0}.finance-rows span{color:#849cb9;font-size:9px}.finance-summary{display:flex;gap:8px;margin-top:15px}.finance-summary span{font-size:9px;padding:5px 9px;border:1px solid #768fa742;border-radius:20px;color:#aab9cc}.contract-paper{padding:20px;border:1px solid #91aaca36;border-radius:7px;background:#edf5ff08}.contract-paper strong{font-size:14px;font-weight:500}.contract-line{height:3px;margin-top:10px;background:#b7c7df17;max-width:90%}.contract-line.short{width:55%}.contract-signature{font-family:Georgia,serif;font-size:23px;font-style:italic;margin-top:26px;padding-top:15px;border-top:1px solid #fff2;color:#bdccdf}.contract-paper small{font-size:8px;display:block;color:#7e93af;margin-top:5px}.investment{background:url('assets/beflow-gradient.webp') center/cover}.investment-grid{display:grid;grid-template-columns:1.2fr .85fr;gap:8%;margin-top:60px}.mode-switch{padding:6px;border:1px solid #ffffffa1;background:#fff4;border-radius:100px;display:flex;margin-bottom:35px}.mode-switch button{flex:1;border-radius:100px;font-size:14px;padding:13px 16px;background:transparent;transition:all .3s}.mode-switch button.selected{background:#191d25;color:white;box-shadow:0 5px 15px #28354814}.option-intro{font-size:16px;margin-bottom:23px}.price-option{position:relative;display:flex;align-items:center;gap:15px;min-height:84px;border-bottom:1px solid #5c6d871f;cursor:pointer}.price-option input{position:absolute;opacity:0;width:24px;height:24px;left:0}.custom-check{width:23px;height:23px;flex-shrink:0;border:1px solid #8595a96b;border-radius:7px;background:#ffffff40;display:grid;place-items:center}.price-option input:focus-visible+.custom-check{outline:3px solid #357ad7;outline-offset:4px}.price-option input:checked+.custom-check{background:#18212b;border-color:#18212b}.price-option input:checked+.custom-check:after{content:'✓';color:white;font-size:14px}.price-option>span:not(.custom-check){font-size:17px}.price-option strong{margin-left:auto;white-space:nowrap;font-weight:500;font-size:16px}.price-option:has(input:checked){color:#101824}.investment-summary{border-radius:26px;padding:34px;align-self:start;background:linear-gradient(135deg,#fff9,#ffffff38);position:sticky;top:115px}.investment-summary>.eyebrow{font-size:11px;color:#607184}.investment-summary h3{font-size:30px;margin-top:24px}.selection-list{font-size:14px;line-height:1.6;color:#667587;margin-top:18px;min-height:80px}.selection-list div{display:flex;justify-content:space-between;gap:16px;padding:3px 0}.selection-list div b{font-weight:400;white-space:nowrap}.total-wrap{border-top:1px solid #71839a26;padding-top:23px;margin-top:23px;margin-bottom:25px}.total-wrap>span{font-size:12px;color:#5f6f81;display:block}.total-wrap strong{font-family:var(--title);font-size:clamp(2.7rem,3.7vw,4rem);letter-spacing:-.06em;font-weight:500;display:block;line-height:1.4;white-space:nowrap}.total-wrap strong span{font-size:.57em;color:#6a788a}.investment-summary .button{width:100%;font-size:13px;gap:10px;padding-inline:18px}.investment-summary .button>span{font-size:21px;font-weight:400}.summary-note{font-size:11px;line-height:1.55;margin-top:16px;color:#6c7988}.package-details{border:1px solid #ffffffb0;background:#ffffff36;border-radius:20px;padding:26px}.package-details h3{font-size:26px}.package-details ul{padding-left:20px;color:#4e5c6e;font-size:16px;line-height:1.6;margin:24px 0}.package-details li{margin:12px 0;padding-left:4px}.package-details small{font-size:12px;color:#6a7684;display:block}.closing{background:#f5f7fa;isolation:isolate;overflow:hidden;padding-bottom:160px}.closing-orb{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 15% 40%,#bee1fa80,transparent 45%),radial-gradient(ellipse at 90% 25%,#e6d1ed66,transparent 50%)}.closing-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:8%;align-items:center}.closing h2{margin-top:28px;font-size:clamp(3.1rem,4.7vw,5rem);line-height:1.09}.closing p{font-size:18px;margin:28px 0}.closing .button{margin-top:3px}.closing-details>.eyebrow{font-size:11px;color:#697688;margin-bottom:22px}.closing-details details{border-bottom:1px solid #77859930;padding:22px 0}.closing-details summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:17px;gap:15px}.closing-details summary::-webkit-details-marker{display:none}.closing-details summary span{font-size:25px;color:#7b899c;transition:transform .3s}.closing-details details[open] summary span{transform:rotate(45deg)}.closing-details details p{font-size:15px;line-height:1.6;margin:18px 0 0;color:#6a7684}.footer{margin-top:100px;padding-top:30px;border-top:1px solid #77859929;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer>div{display:flex;gap:30px;font-size:13px;color:#667487}.footer>span{font-size:11px;line-height:1.6;color:#788595}.footer .logo{width:125px}.side-chapters{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:40;display:grid;gap:12px}.side-chapters a{display:block;height:7px;width:7px;border-radius:10px;background:#8b99aa50;transition:height .3s,background .3s}.side-chapters a[aria-current=true]{height:27px;background:#7185a0}.side-chapters a:before{content:'';display:block;width:27px;height:20px;transform:translate(-10px,-6px)}@keyframes visual-in{from{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes model-pan{from{transform:scale(1.03);object-position:40% center}to{transform:scale(1.15);object-position:65% center}}
@media(min-width:1600px){.hero{padding-top:180px}.hero-content{max-width:950px}}
@media(max-width:900px){.header-note{display:none}.hero{padding-top:150px;min-height:830px}.hero-caption{right:5%;bottom:17%;font-size:14px;padding:18px 22px}.hero-art img{object-position:58%}.hero-content{max-width:650px}h1{font-size:clamp(4.5rem,10vw,6.5rem)}.hero-caption{opacity:.85}.vertical-label{display:none}}
@media(max-width:600px){.site-header{height:77px;padding:0 6%}.logo{width:121px}.menu-toggle{font-size:12px;gap:12px}.chapter{padding:110px 6% 115px}.hero{height:auto;min-height:900px;padding-top:123px}.hero .eyebrow{font-size:10px;gap:9px;letter-spacing:.07em}.small-rule{width:20px}h1{font-size:clamp(3.5rem,12.3vw,5rem);line-height:1.03}.hero-description{font-size:17px;margin-top:24px}.hero-art img{object-position:58%;opacity:.65}.hero-art:after{background:linear-gradient(90deg,#e4f0fbb3,transparent)}.hero-caption{bottom:122px;right:9%;font-size:13px;padding:18px 22px}.hero-recipient{margin-top:29px}.hero-recipient small{font-size:11px}.hero-caption .caption-mark{font-size:30px}.journey{bottom:14px;height:62px}.journey button{font-size:12px}.chapter-menu{right:5%;top:73px;width:90%;max-width:350px}.essence-intro{font-size:19px}.section-heading h2{font-size:2.5rem}.eyebrow{font-size:11px}.button{min-height:53px}.journey-title{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .reveal{opacity:1;transform:none}}
@media(max-width:1100px){.service-layout{gap:35px;grid-template-columns:.9fr 1fr}.workspace-panel{gap:28px;padding:28px}.investment-grid{gap:5%}.investment-summary{padding:26px}.workspace-tabs{gap:0}.workspace-tabs button{font-size:12px;padding:13px 9px}.workspace-tabs button>span{font-size:16px}.price-option{gap:11px}.price-option>span:not(.custom-check){font-size:15px}.price-option strong{font-size:14px}.brand-name{font-size:31px}.services-heading>p{font-size:15px}.closing-layout{gap:5%}.footer>div{gap:15px}.side-chapters{right:12px}}
@media(max-width:800px){.essence-composition{height:680px}.interior-photo{width:90%;height:350px}.essence-note{width:65%;top:240px;padding:27px}.type-specimen{bottom:10px;left:2%;width:190px}.essence-note h3{font-size:27px}.service-layout{grid-template-columns:1fr}.service-stage{min-height:470px;width:min(600px,100%);margin:0 auto}.service-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.service-tabs button{font-size:16px;padding:15px 0}.service-copy>p{min-height:0;max-width:100%}.service-copy{display:grid;grid-template-columns:1fr auto;gap:0 20px}.service-copy>p{grid-column:1/-1}.service-price{margin-top:18px}.text-link{align-self:end}.workspace-heading{align-items:start}.workspace-intro{max-width:290px}.workspace-intro>p{font-size:20px}.workspace-price strong{font-size:38px}.workspace-price>span{font-size:11px}.workspace-panel{grid-template-columns:1fr}.workspace-description{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.workspace-description>.eyebrow{grid-column:1/-1}.workspace-description h3{font-size:30px;grid-row:2/4}.workspace-description p{font-size:14px;margin-top:24px}.demo-label{margin-top:16px;grid-column:2}.module-preview{min-height:230px}.workspace-tabs button{min-width:120px}.investment-grid{grid-template-columns:1fr}.investment-summary{position:static;margin-top:34px}.investment-summary .selection-list{min-height:0}.total-wrap strong{font-size:55px}.investment-summary .button{max-width:400px}.closing-layout{grid-template-columns:1fr}.closing-details{margin-top:65px}.closing h2{font-size:4rem}.footer{flex-wrap:wrap;margin-top:70px}.footer>span{width:100%;margin-top:10px}.side-chapters{display:none}}
@media(max-width:600px){.essence-composition{height:695px;margin-top:40px}.interior-photo{width:100%;height:300px}.interior-photo figcaption{font-size:9px;left:12px;right:12px}.essence-note{width:91%;top:243px;padding:24px;right:0}.essence-note .eyebrow{font-size:9px;margin-bottom:20px}.essence-note p{font-size:15px}.essence-tags span{font-size:10px}.type-specimen{width:148px;bottom:0;padding:14px 20px;left:3%}.type-specimen>span{font-size:8px}.type-specimen strong{font-size:52px}.color-samples i{height:19px;width:19px}.services-heading{display:block}.services-heading>p{margin-top:24px;font-size:16px}.service-layout{margin-top:25px;gap:30px}.service-tabs{gap:0 15px}.service-tabs button{gap:10px;font-size:14px;padding:15px 0}.service-tabs button[aria-selected=true]{padding-left:3px}.tab-number{font-size:10px}.tab-symbol{font-size:19px}.service-copy{display:block}.service-copy>p{font-size:16px}.service-price strong{font-size:28px}.text-link{margin-top:20px}.service-stage{min-height:385px}.identity-demo{height:340px}.brand-sheet{height:270px;padding:26px 24px}.brand-name{font-size:28px;margin-top:41px}.brand-sheet .sheet-label{font-size:8px}.brand-sheet>small{font-size:7px;letter-spacing:.25em}.brand-card{height:145px;padding:22px;bottom:6px}.brand-card strong{font-size:43px}.brand-card small{font-size:7px}.palette-strip{right:0;bottom:10px;padding:10px;gap:6px}.palette-strip i{width:20px;height:20px}.portfolio-demo{min-height:280px;padding:12px}.portfolio-image{height:270px}.portfolio-title strong{font-size:27px}.portfolio-title{padding:15px 7px}.portfolio-title small{font-size:7px}.portfolio-title span{font-size:8px}.portfolio-image span{font-size:9px}.browser-demo{border-width:5px}.website-nav{padding:13px}.website-nav strong{font-size:13px}.website-nav span{font-size:6px}.website-cover{height:190px}.website-cover strong{font-size:25px;max-width:170px;left:17px}.website-footer{padding:15px;font-size:8px}.website-footer b{font-size:9px}.phone-demo{width:211px;min-height:371px;padding-top:29px}.phone-monogram{height:62px;width:62px;font-size:28px;margin-bottom:15px}.phone-demo strong{font-size:24px}.phone-demo small{font-size:8px}.phone-actions{margin-top:20px;gap:7px}.phone-actions span{padding:7px;font-size:9px}.floating-contact{right:-6px;top:210px;font-size:10px;padding:14px}.floating-contact strong{font-size:16px}.concept-caption{bottom:-20px;font-size:10px}.workspace-heading{display:block}.workspace h2{font-size:3.7rem}.workspace-intro{max-width:100%;margin-top:30px;display:flex;justify-content:space-between;gap:20px;align-items:center}.workspace-intro>p{font-size:16px}.workspace-price{margin:0;max-width:175px}.workspace-price>span{font-size:10px}.workspace-price strong{font-size:30px}.workspace-price strong span{font-size:18px}.workspace-explorer{margin-top:33px;border-radius:16px}.workspace-tabs{padding:9px;gap:3px}.workspace-tabs button{font-size:11px;min-width:105px;padding:12px 8px;gap:7px}.workspace-panel{padding:23px 17px;gap:25px}.workspace-description{display:block}.workspace-description .eyebrow{font-size:9px}.workspace-description h3{font-size:29px;margin-top:18px}.workspace-description p{font-size:15px;margin-top:14px;max-width:100%}.demo-label{font-size:10px;margin-top:19px}.module-preview{padding:14px;min-height:225px}.preview-top{font-size:9px}.kanban{gap:6px}.kanban-card{padding:10px 7px}.kanban-card b{font-size:8px}.kanban-card small{font-size:7px}.kanban-column>span{font-size:8px;letter-spacing:0}.workspace-includes{justify-content:start;gap:10px 15px;padding:19px 17px;font-size:10px}.proposal-mini{gap:10px}.proposal-paper{padding:13px}.proposal-paper strong{font-size:19px}.proposal-info{font-size:9px}.investment-grid{margin-top:33px}.mode-switch{padding:5px;margin-bottom:24px}.mode-switch button{font-size:12px;padding:12px 9px}.option-intro{font-size:15px}.price-option{min-height:83px;gap:12px;flex-wrap:wrap;padding:17px 0}.price-option>span:not(.custom-check){font-size:14px;flex:1;max-width:calc(100% - 140px)}.price-option strong{font-size:13px}.custom-check{width:21px;height:21px}.investment-summary{padding:26px;margin-top:32px}.selection-list{font-size:13px}.total-wrap strong{font-size:48px}.investment-summary h3{font-size:30px}.investment-summary .button{font-size:13px}.summary-note{font-size:11px}.package-details{padding:23px}.package-details ul{font-size:15px}.package-details small{font-size:11px}.closing h2{font-size:clamp(2.5rem,10vw,3.5rem)}.closing p{font-size:16px}.closing-details summary{font-size:16px}.closing-details details p{font-size:14px}.footer{align-items:start;gap:28px}.footer>div{display:grid;gap:8px;font-size:12px}.footer .logo{width:105px}.footer>span{font-size:10px}.closing .eyebrow{font-size:10px}}
/* Personalized welcome, before the guided proposal. */
body.welcome-pending{overflow:hidden;background:#050505}
.welcome-pending #proposal-content .enter,.welcome-pending #proposal-content .hero-art img{animation-play-state:paused}
.welcome-screen{position:fixed;inset:0;z-index:1000;background:#050505;color:#f7f7f7;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100svh;padding:110px 24px;overflow-y:auto;isolation:isolate;transition:opacity .8s ease,visibility .8s}
.welcome-logo{position:absolute;top:clamp(38px,7vh,76px);left:50%;transform:translateX(-50%);width:clamp(160px,16vw,216px);height:auto;filter:none;animation:welcome-logo-in 1s ease both}
.welcome-content{text-align:center;max-width:980px;animation:welcome-content-in 1.1s .1s both}
.welcome-kicker{font-size:11px;letter-spacing:.22em;color:#85878c;display:block;margin-bottom:34px}
.welcome-content h2{font-family:var(--title);font-size:clamp(3.1rem,7.1vw,7rem);font-weight:450;line-height:1.12;letter-spacing:-.065em}
.welcome-content h2 span{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#f2f3f6}
.welcome-content p{font-size:clamp(1.1rem,2vw,1.7rem);color:#aaaeb6;margin-top:26px;letter-spacing:-.015em}
.welcome-open{display:inline-flex;align-items:center;justify-content:center;gap:40px;margin-top:48px;min-height:60px;border:1px solid #fff3;border-radius:100px;padding:16px 30px;background:#f3f4f6;color:#111318;font-size:15px;font-weight:550;transition:background .3s,transform .3s,box-shadow .3s}
.welcome-open:hover{background:#dbeafa;transform:translateY(-3px);box-shadow:0 0 40px #b9d8ff20}
.welcome-open>span{font-size:26px;line-height:1;transition:transform .5s}.welcome-open:hover>span{transform:rotate(90deg)}
.welcome-open:focus-visible{outline:2px solid #c5dcf8;outline-offset:7px}
.welcome-signature{position:absolute;bottom:39px;font-size:10px;color:#686b72;letter-spacing:.19em;text-align:center}
.welcome-screen.is-opening{opacity:0;pointer-events:none;visibility:hidden}
.welcome-screen.is-opening .welcome-content{animation:welcome-exit .8s ease both}
@keyframes welcome-content-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes welcome-logo-in{from{opacity:0}to{opacity:1}}
@keyframes welcome-exit{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-25px) scale(1.03)}}
@media(max-width:600px){.welcome-content h2{font-size:clamp(2.8rem,12vw,4rem)}.welcome-kicker{font-size:9px;letter-spacing:.13em;margin-bottom:26px}.welcome-content p{font-size:17px;margin-top:22px}.welcome-open{margin-top:37px;min-height:56px;font-size:14px;padding:15px 26px;gap:30px}.welcome-signature{font-size:9px;bottom:28px}}
@media(max-height:520px){.welcome-screen{padding:105px 24px 75px}.welcome-logo{top:24px;width:130px}.welcome-content h2{font-size:3rem}.welcome-kicker{margin-bottom:12px}.welcome-content p{margin-top:10px;font-size:17px}.welcome-open{margin-top:20px;min-height:48px;padding:10px 24px}.welcome-signature{bottom:18px}}
@media(prefers-reduced-motion:reduce){.welcome-screen,.welcome-open,.welcome-open>span{transition:none}.welcome-content,.welcome-logo,.welcome-screen.is-opening .welcome-content{animation:none}}
/* Full-screen chapters: one continuous, guided presentation. */
html,body{height:100%;overflow:hidden;overscroll-behavior:none;scroll-padding:0}
#main{position:fixed;inset:0;overflow:hidden;background:#e8edf6;isolation:isolate}
.chapter{position:absolute;inset:0;height:100dvh;min-height:0;max-height:none;padding:112px 6.5% 112px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#899aaf55 transparent;opacity:0;translate:0 105%;scale:1;pointer-events:none;transition:translate .95s cubic-bezier(.65,0,.2,1),scale .95s cubic-bezier(.65,0,.2,1),opacity .75s ease;scroll-behavior:smooth;outline:none;--scene-scroll:0px}
.chapter.is-before{translate:0 -35%;scale:.93;opacity:0}
.chapter.is-active{translate:0 0;scale:1;opacity:1;pointer-events:auto;z-index:2}
.chapter:focus-visible{outline:none}
.chapter.services{background:#f5f8fc}
.hero{padding-top:clamp(108px,16vh,160px);display:flex;align-items:center}
h1{font-size:clamp(3.7rem,min(7.2vw,10.7vh),7.8rem)}
.hero-content{padding-bottom:8px}
.hero .eyebrow{margin-bottom:20px}.hero-description{margin:20px 0}.hero-recipient{margin-top:24px}
.hero-art img{animation:none;transform:scale(1.06);translate:0 var(--scene-scroll);transition:transform 1.8s ease}
.hero.is-active .hero-art img{transform:scale(1)}
.hero-caption{bottom:25%;animation:none}
.hero-caption.in-view{transform:rotate(-5deg)}
.section-heading h2{font-size:clamp(2.2rem,min(4vw,6.4vh),4rem)}
.section-heading .eyebrow{margin-bottom:18px}
.scene-item{opacity:0;translate:0 30px;filter:blur(4px);transition:opacity .7s ease,translate .85s cubic-bezier(.2,.75,.2,1),filter .7s ease;transition-delay:0ms}
.is-active .scene-item.in-view{opacity:1;translate:0 0;filter:blur(0);transition-delay:calc(180ms + var(--entrance-delay,0ms))}
.welcome-pending .scene-item{opacity:0;translate:0 30px}
.scene-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site-header{height:84px;background:linear-gradient(#f7faffdb,#f7faff00);transition:color .6s,background .6s}
.site-header .logo{transition:filter .6s}.site-header .header-note,.site-header .header-note strong{transition:color .6s}
.dark-scene .site-header{background:linear-gradient(#10151ef0,#10151e00);color:#f2f5fc}
.dark-scene .site-header .logo{filter:none}.dark-scene .header-note,.dark-scene .header-note strong{color:#bdcbe1}.dark-scene .menu-toggle b{background:#dce8fa}
.reading-progress span{transition:width .95s cubic-bezier(.65,0,.2,1);max-width:100%}
.journey{bottom:22px;transition:box-shadow .5s,background .5s}
.journey:before{content:'ROLE PARA CONTINUAR';position:absolute;bottom:calc(100% + 10px);left:0;right:0;text-align:center;font-size:8px;letter-spacing:.2em;color:#607086;pointer-events:none}
.journey.has-more:before{content:'ROLE PARA EXPLORAR ESTE CAPÍTULO'}
.dark-scene .journey:before{color:#b7c7df}
.side-chapters a{transition:height .7s,background .7s}.chapter-menu a[aria-current=true]{background:#e7f0f9}
.investment-summary{position:relative;top:auto}
@media(min-width:901px){
 .essence{display:grid;grid-template-columns:.85fr 1.15fr;grid-template-rows:auto 1fr;column-gap:5%;align-content:center}
 .essence .section-heading{grid-column:1;align-self:end;padding-top:5vh}
 .essence .section-heading h2{font-size:clamp(2.2rem,3.3vw,3.6rem);line-height:1.13}
 .essence-intro{grid-column:1;margin-top:26px;font-size:18px;max-width:470px}
 .essence-composition{grid-column:2;grid-row:1/3;margin:0;height:min(65vh,590px);align-self:center}
 .interior-photo{width:94%;height:76%;border-radius:24px}
 .essence-note{width:75%;top:auto;bottom:5%;right:-3%;padding:26px}.essence-note h3{font-size:25px}.essence-note p{font-size:14px}.essence-tags{margin-top:16px;gap:6px}.essence-tags span{font-size:10px;padding:5px 8px}
 .type-specimen{left:-7%;bottom:1%;width:155px;padding:18px}.type-specimen strong{font-size:54px}.type-specimen>span{font-size:8px}.color-samples i{width:19px;height:19px}
 .services-heading{align-items:center}.service-layout{margin-top:28px;gap:6%;grid-template-columns:.9fr 1.1fr}
 .service-tabs button{padding:13px 0;font-size:17px}.service-copy>p{margin-top:20px;font-size:16px;min-height:0}.service-price{margin-top:18px}.service-price strong{font-size:30px}.service-copy .text-link{margin-top:18px}
 .service-stage{min-height:375px;height:min(47vh,440px)}.identity-demo{height:350px}.brand-sheet{height:300px}.brand-name{margin-top:50px}.brand-card{bottom:0}.portfolio-image{height:320px}.portfolio-demo{min-height:0}.phone-demo{min-height:365px;padding-top:23px}.phone-actions{margin-top:20px}.phone-actions span{padding:8px}.phone-monogram{width:60px;height:60px;margin-bottom:16px}.phone-demo strong{font-size:25px}
 .workspace h2{font-size:clamp(2.8rem,6.7vh,4.8rem)}.workspace-intro>p{font-size:20px}.workspace-price{margin-top:14px}.workspace-price strong{font-size:39px}
 .workspace-explorer{margin-top:24px}.workspace-panel{padding:23px 28px;gap:5%;grid-template-columns:.85fr 1.15fr}.workspace-tabs{padding:10px}.workspace-tabs button{padding:10px 13px}.workspace-description h3{font-size:29px;margin-top:18px}.workspace-description p{font-size:15px}.module-preview{min-height:232px;padding:18px}.workspace-includes{padding:15px;gap:10px 18px;font-size:10px}.workspace-cta{margin-top:19px;min-height:48px;padding-block:10px}
 .investment-grid{margin-top:25px;gap:7%}.mode-switch{margin-bottom:20px}.price-option{min-height:66px}.option-intro{margin-bottom:10px}.investment-summary{padding:25px}.investment-summary h3{margin-top:14px;font-size:27px}.selection-list{min-height:55px;margin-top:14px;font-size:13px}.total-wrap{margin:16px 0;padding-top:14px}.total-wrap strong{font-size:42px}.summary-note{margin-top:12px}.package-details{padding:20px}.package-details ul{font-size:14px;margin:15px 0}.package-details li{margin:8px 0}
 .closing{display:flex;flex-direction:column;justify-content:center}.closing h2{font-size:clamp(3rem,6.8vh,4.8rem)}.closing p{font-size:17px;margin:22px 0}.closing-details details{padding:17px 0}.footer{margin-top:40px;padding-top:24px}
}
@media(max-width:900px){
 .chapter{padding:102px 6% 116px}.hero{padding-top:105px;align-items:flex-start}.hero-content{margin:auto 0;max-width:100%}.hero-caption{bottom:125px;right:7%;font-size:12px;padding:17px;max-width:220px}.hero h1{font-size:clamp(3.4rem,11vw,6rem)}
 .hero-art{position:fixed}.hero-recipient{margin-top:23px}.hero-description{font-size:17px}.hero-caption{display:none}
 .essence-composition{margin-top:35px}.section-heading h2{font-size:clamp(2.1rem,7vw,3.1rem)}
 .workspace h2{font-size:3.5rem}.workspace-heading,.services-heading{display:block}.workspace-intro{max-width:100%}.workspace-panel{grid-template-columns:1fr}.workspace-description{display:block}.workspace-description .demo-label{display:block}
 .service-layout,.investment-grid,.closing-layout{grid-template-columns:1fr}.service-stage{margin-top:10px}.investment-summary{margin-top:28px}.closing-details{margin-top:45px}.footer{margin-top:45px}.closing h2{font-size:clamp(2.6rem,9vw,4rem)}
 .scene-item{filter:none;translate:0 22px}.site-header{height:76px}.journey{bottom:14px;height:60px}.journey:before{font-size:7px;bottom:calc(100% + 7px)}
}
@media(max-height:720px) and (min-width:901px){
 .chapter{padding-top:94px;padding-bottom:105px}.hero{align-items:flex-start}.hero h1{font-size:4.5rem}.hero-description{font-size:16px;margin:15px 0}.hero-recipient{margin-top:16px}.hero .eyebrow{margin-bottom:15px}.hero-caption{bottom:28%}.section-heading h2{font-size:2.55rem}.workspace h2{font-size:3rem}.workspace-heading .eyebrow{font-size:10px}.workspace-intro>p{font-size:16px}.workspace-price strong{font-size:30px}.workspace-explorer{margin-top:18px}.workspace-panel{padding:18px 24px}.workspace-cta{margin-top:14px}.service-layout{margin-top:20px}.service-stage{min-height:340px}.identity-demo{height:320px}.closing h2{font-size:3.3rem}
}
@media(prefers-reduced-motion:reduce){.chapter{transition:none}.scene-item,.is-active .scene-item.in-view{filter:none;translate:none;transition:none}.hero-art img{transition:none;translate:none}.chapter{scroll-behavior:auto}}
@media(max-height:600px){.hero{align-items:flex-start}.closing{justify-content:flex-start}}

/* Immersive tour concept in the Workspace feature explorer. */
.tour-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#07132166);pointer-events:none}
.tour-preview>span{z-index:2}
.tour-compass{position:absolute;left:50%;top:45%;translate:-50% -50%;width:84px;height:84px;border:1px solid #ffffffb0;border-radius:50%;display:grid;place-items:center;background:#0c192d38;backdrop-filter:blur(9px);z-index:1;color:white;box-shadow:0 0 35px #ffffff30}
.tour-compass b{font-size:22px;font-weight:500;letter-spacing:-.05em}
.tour-compass:before{content:'';position:absolute;inset:-12px;border:1px dashed #ffffff80;border-radius:50%;animation:tour-orbit 18s linear infinite}
@keyframes tour-orbit{to{transform:rotate(360deg)}}
@media(min-width:901px){.workspace-tabs button{padding-inline:10px;font-size:12px;white-space:nowrap}}
.workspace-includes>.scene-item{translate:none;filter:none}
@media(min-width:901px){.workspace-panel{min-height:0}.module-preview .preview-top{margin-bottom:12px;padding-bottom:10px}.module-preview .model-image{height:160px}}
/* Keep the presentation frame anchored when controls receive focus. */
#main{overflow:clip}

/* Full Workspace suite. */
.workspace-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;overflow:visible}
.workspace-tabs button{min-width:0;justify-content:center;white-space:normal;padding:9px 8px}
.workspace-includes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 14px;text-align:left;padding:15px 24px}
.workspace-includes>span{line-height:1.45}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dashboard-grid>div{display:grid;grid-template-columns:28px 1fr;padding:14px;border:1px solid #b2c7e322;border-radius:12px;background:#b7cdeb08;align-items:center}
.dashboard-grid>div>span{grid-row:1/3;font-size:21px;color:#b9d7f4}.dashboard-grid b{font-size:12px;font-weight:500;color:#e0e9f6}.dashboard-grid small{font-size:10px;color:#91a5c1;margin-top:5px}
.email-demo{text-align:center;padding:5px 10px}.email-symbol{display:block;font-size:36px;line-height:1.2;color:#b9d7f4}.email-demo>strong{display:block;font-size:clamp(12px,1.4vw,20px);font-weight:500;margin-top:12px;color:#e5efff;overflow-wrap:anywhere}.email-demo>small{display:block;font-size:9px;margin-top:5px;color:#8fa2bd}.email-signature{display:grid;gap:4px;border-top:1px solid #ffffff15;margin-top:20px;padding-top:14px;text-align:left}.email-signature b{font-family:Georgia,serif;font-size:18px;font-weight:400}.email-signature span{font-size:10px;color:#8fa2bd}
@media(min-width:901px){.workspace-explorer{margin-top:18px}.workspace-panel{padding:18px 24px}.workspace-description .demo-label{margin-top:18px}.workspace-cta{margin-top:14px}.package-details ul{margin:12px 0;font-size:13px}.package-details li{margin:5px 0}}
@media(max-width:700px){.workspace-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-tabs button{font-size:11px;padding:10px 7px}.workspace-includes{grid-template-columns:1fr 1fr;padding:17px;gap:12px;font-size:10px}.dashboard-grid{gap:8px}.dashboard-grid>div{padding:10px;grid-template-columns:23px 1fr}.dashboard-grid b{font-size:10px}.dashboard-grid small{font-size:8px}}
@media(min-width:901px) and (min-height:800px){.workspace{padding-top:100px}.workspace h2{font-size:clamp(2.8rem,6.2vh,4.8rem)}.workspace-tabs button{padding-block:6px}.workspace .module-preview{min-height:210px}.workspace-panel{padding-block:15px}}

/* Services as a single slide, with the investment always at the top. */
.chapter.services{display:flex;flex-direction:column;padding-top:100px;padding-bottom:112px;gap:24px}
.services-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;flex:none}
.services-heading .section-heading{min-width:0}.services-heading h2{font-size:clamp(30px,4.8vh,52px)}
.services-heading .service-price{display:grid;gap:6px;margin:0;padding:20px 26px;border:1px solid #fff;border-radius:22px;background:linear-gradient(125deg,#d8eaff99,#eae0ee88);min-width:220px;flex-shrink:0}
.services-heading .service-price>span{font-size:11px;letter-spacing:.04em}.services-heading .service-price strong{font-size:clamp(28px,3vw,42px);font-weight:550;line-height:1.1;white-space:nowrap}
.services .service-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6%;margin:0;align-items:stretch}
.services .service-controls{align-self:center;min-width:0}.services .service-tabs button{padding:14px 0;font-size:17px}
.services .service-copy{padding-top:18px;display:block}.services .service-copy>p{min-height:0;margin:0;font-size:15px;line-height:1.5;max-width:480px}
.services .service-copy .text-link{margin-top:18px;font-size:13px}
.services .service-stage{min-height:0;height:auto;width:100%;margin:0;position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(140deg,#e4edf866,#e9e4f055);padding-bottom:22px}
.services #service-visual{position:absolute;left:50%;top:calc(50% - 10px);translate:-50% -50%;width:560px;height:450px;scale:var(--service-fit,1);display:grid;place-items:center;transform-origin:center;animation:none}
.services .concept-caption{bottom:8px;font-size:10px;pointer-events:none}.services .stage-halo{inset:0}
.services .identity-demo{width:100%;height:360px}.services .brand-sheet{height:310px;padding:30px}.services .brand-name{font-size:40px;margin-top:45px}.services .brand-card{height:180px;bottom:0;padding:26px}.services .brand-card strong{font-size:52px}.services .brand-card small{font-size:9px}.services .palette-strip{bottom:6px}.services .palette-strip i{width:25px;height:25px}
.services .portfolio-demo{width:100%;height:350px;min-height:0}.services .portfolio-image{height:320px}.services .portfolio-title strong{font-size:38px}.services .portfolio-title small{font-size:10px}.services .portfolio-title span{font-size:12px}
.services .browser-demo{width:100%}.services .website-cover{height:240px}.services .website-cover strong{font-size:35px;max-width:260px}.services .website-nav{padding:18px}.services .website-nav strong{font-size:17px}.services .website-nav span{font-size:10px}.services .website-footer{font-size:11px;padding:18px}.services .website-footer b{font-size:13px}
.services .phone-demo{width:230px;min-height:385px;padding:27px 20px}.services .phone-demo strong{font-size:27px}.services .phone-demo small{font-size:9px}.services .phone-monogram{height:65px;width:65px;font-size:29px;margin-bottom:15px}.services .phone-actions{margin-top:22px;gap:8px}.services .phone-actions span{font-size:11px;padding:9px}.services .floating-contact{right:25px;top:260px;font-size:12px;padding:18px}.services .floating-contact strong{font-size:21px}
@media(max-width:900px){
 .chapter.services{padding:90px 6% 105px;gap:15px}.services-heading{gap:14px}.services-heading h2{font-size:clamp(26px,4.2vw,38px)}.services-heading .section-heading .eyebrow{font-size:9px;margin-bottom:10px}.services-heading .service-price{min-width:0;padding:14px 16px;border-radius:16px}.services-heading .service-price>span{font-size:9px}.services-heading .service-price strong{font-size:25px}
 .services .service-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:14px}.services .service-controls{align-self:start}.services .service-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.services .service-tabs button{font-size:14px;padding:10px 0;gap:10px}.services .service-copy{padding-top:12px}.services .service-copy>p{font-size:13px;max-width:none}.services .service-copy .text-link{margin-top:10px;font-size:12px;padding-bottom:3px}.services .service-stage{border-radius:18px}
}
@media(max-width:480px){.services-heading h2{font-size:25px;line-height:1.08}.services-heading .service-price{padding:12px;max-width:132px}.services-heading .service-price strong{font-size:23px}.services-heading .service-price>span{font-size:8px}.services .service-tabs button{font-size:12px;padding:9px 0}.services .tab-number{font-size:9px}.services .tab-symbol{font-size:18px}.services .service-copy>p{font-size:12px}.services .concept-caption{font-size:8px}}
@media(max-height:700px) and (min-width:901px){.chapter.services{padding-top:90px;padding-bottom:105px;gap:16px}.services-heading h2{font-size:32px}.services-heading .section-heading .eyebrow{margin-bottom:10px}.services .service-tabs button{padding:10px 0;font-size:15px}.services .service-copy{padding-top:12px}.services .service-copy>p{font-size:13px}.services .service-copy .text-link{margin-top:12px}}
@media(max-height:580px){.services .service-layout{min-height:250px}.chapter.services{overflow-y:auto}}

/* A brand-colored opening bloom, followed by a cinematic upward reveal. */
.opening-veil{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;pointer-events:none;overflow:hidden;background:#d9e1f4 url('assets/beflow-gradient.webp') center/cover;clip-path:circle(0 at var(--origin-x,50%) var(--origin-y,65%));animation:proposal-bloom 1.75s cubic-bezier(.65,0,.2,1) both;will-change:clip-path,transform}
.opening-veil:before,.opening-veil:after{content:'';position:absolute;left:50%;top:50%;width:75vmax;height:75vmax;border:1px solid #ffffff65;border-radius:50%;translate:-50% -50%;pointer-events:none}
.opening-veil:after{width:48vmax;height:48vmax;border-color:#ffffff90;box-shadow:0 0 90px #ffffff40,inset 0 0 70px #ffffff30}
.opening-brand{display:grid;justify-items:center;gap:25px;z-index:1;animation:proposal-brand 1.75s ease both}
.opening-brand img{width:clamp(180px,21vw,280px);height:auto;filter:brightness(0);opacity:.8}.opening-brand span{font-size:10px;letter-spacing:.24em;color:#536074;text-align:center}
.proposal-opening .welcome-content{animation:opening-greeting .65s ease both}.proposal-opening .welcome-logo{animation:opening-greeting .5s ease both}
.proposal-opening .welcome-open>span{animation:opening-spark .7s ease both}.proposal-opening .welcome-open:disabled{opacity:1}
.proposal-revealing #main{animation:proposal-arrival 1.08s cubic-bezier(.15,.7,.2,1) both;transform-origin:center}
@keyframes proposal-bloom{0%{clip-path:circle(0 at var(--origin-x) var(--origin-y));transform:translateY(0)}42%,55%{clip-path:circle(150vmax at var(--origin-x) var(--origin-y));transform:translateY(0)}100%{clip-path:circle(150vmax at var(--origin-x) var(--origin-y));transform:translateY(-105%)}}
@keyframes proposal-brand{0%,15%{opacity:0;transform:translateY(22px) scale(.9)}40%,58%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-65px) scale(1.07)}}
@keyframes opening-greeting{to{opacity:0;filter:blur(5px)}}
@keyframes opening-spark{to{transform:rotate(180deg) scale(1.4)}}
@keyframes proposal-arrival{from{transform:scale(1.045);filter:blur(5px)}to{transform:scale(1);filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.opening-veil{display:none}.proposal-revealing #main{animation:none}}
/* Mobile presentation: readable content, reachable controls, lighter effects. */
.workspace-picker{display:none}
.workspace-inclusions>summary{display:none}
@media(max-width:700px){
 :root{--mobile-top:calc(76px + env(safe-area-inset-top,0px));--mobile-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
 .site-header{height:calc(66px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 6% 0;background:#f5f8fcf2;backdrop-filter:blur(12px)}
 .dark-scene .site-header{background:#111823f2}.site-header .logo{width:110px}.menu-toggle{min-height:44px;font-size:12px}
 .chapter,.chapter.services{padding:var(--mobile-top) 6% var(--mobile-bottom);scroll-padding-top:var(--mobile-top);scroll-padding-bottom:var(--mobile-bottom);scrollbar-width:none;-webkit-overflow-scrolling:touch;transition-duration:.7s}
 .chapter-menu{top:calc(64px + env(safe-area-inset-top,0px));max-height:calc(100dvh - 150px);overflow-y:auto}.chapter-menu a{min-height:48px;font-size:15px}
 .journey{bottom:calc(10px + env(safe-area-inset-bottom,0px));height:60px;width:calc(100% - 24px);max-width:400px;padding:6px;background:#f7fbfff2;backdrop-filter:blur(12px)}
 .journey button{min-height:44px;padding:10px 13px;font-size:12px}.journey .journey-next{gap:12px}.journey-title{font-size:11px}.journey-count{font-size:9px}.journey:before{font-size:8px;letter-spacing:.12em;bottom:calc(100% + 8px)}
 .section-heading h2{font-size:clamp(27px,7.5vw,36px);line-height:1.1}.section-heading .eyebrow{margin-bottom:12px}.eyebrow{font-size:9px;letter-spacing:.09em}
 .scene-item{filter:none;transition-duration:.5s;translate:0 16px}.glass{backdrop-filter:blur(12px)}
 .welcome-screen{padding:100px 22px}.welcome-logo{top:calc(36px + env(safe-area-inset-top,0px));width:160px}.welcome-content h2{font-size:clamp(39px,11.5vw,52px)}.welcome-kicker{font-size:9px;max-width:280px;margin:0 auto 24px;line-height:1.7}.welcome-content p{font-size:17px}.welcome-open{min-height:54px}.welcome-signature{bottom:calc(25px + env(safe-area-inset-bottom,0px));font-size:8px}
 .proposal-revealing #main{animation-name:proposal-arrival-mobile}.opening-veil:after{box-shadow:none}.opening-brand span{font-size:9px}
 .hero{align-items:center}.hero-content{margin:0;width:100%;padding-bottom:0}.hero h1{font-size:clamp(43px,min(12.7vw,8.5dvh),62px);line-height:1.02}.hero .eyebrow{font-size:8px;gap:8px;margin-bottom:20px}.hero .small-rule{width:16px}.hero-description{font-size:17px;margin:22px 0}.hero .button{min-height:50px;font-size:14px}.hero-recipient{margin-top:24px}.hero-recipient strong{font-size:14px}.hero-art img{object-position:62%;opacity:.8}.hero-art:after{background:linear-gradient(90deg,#eef6fcd9,#e8f0fa66 70%,transparent)}
 .essence-intro{font-size:15px;line-height:1.5;margin-top:16px}.essence-composition{height:auto;display:grid;gap:0;margin-top:20px}.interior-photo{width:100%;height:clamp(145px,23dvh,215px);border-radius:16px}.interior-photo figcaption{font-size:8px;bottom:10px;left:12px;right:12px}.essence-note{position:relative;inset:auto;width:94%;margin:-24px 0 0 auto;padding:18px;border-radius:18px}.essence-note .eyebrow{font-size:8px;margin-bottom:12px}.essence-note h3{font-size:23px;line-height:1.13;margin-bottom:10px}.essence-note p{font-size:14px;line-height:1.45}.essence-tags{margin-top:13px;gap:6px}.essence-tags span{font-size:10px;padding:4px 9px}.type-specimen{display:none}
 .chapter.services{gap:12px}.services-heading h2{font-size:clamp(24px,6.4vw,31px)}.services-heading .section-heading .eyebrow{font-size:8px}.services-heading .service-price{padding:12px;max-width:135px}.services-heading .service-price strong{font-size:24px}.services .service-tabs button{min-height:44px;font-size:13px;padding:9px 0}.services .service-tabs{gap:0 16px}.services .service-copy>p{font-size:13px;line-height:1.45}.services .service-copy .text-link{min-height:40px;align-items:center;margin-top:3px;font-size:13px}.services .service-layout{gap:8px}.services .service-stage{min-height:110px}.services .concept-caption{font-size:8px}
 .workspace-heading{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.workspace-heading>div:first-child>.eyebrow{font-size:8px;max-width:180px;line-height:1.4}.workspace h2{font-size:clamp(31px,8.6vw,40px);line-height:1.03;margin-top:12px}.workspace-intro{display:block;margin:0;max-width:135px}.workspace-intro>p{display:none}.workspace-price{max-width:none;margin:0}.workspace-price>span{font-size:9px;line-height:1.4;display:block;margin-bottom:7px}.workspace-price strong{font-size:27px;white-space:nowrap}.workspace-price strong span{font-size:16px}
 .workspace-explorer{margin-top:18px;border-radius:18px}.workspace-tabs{display:none}.workspace-picker{display:grid;gap:7px;margin:0;padding:14px 16px;font-size:10px;letter-spacing:.05em;color:#afc0d9;border-bottom:1px solid #ffffff13}.workspace-picker select{font:500 16px var(--font);width:100%;min-height:46px;border:1px solid #a5c4e44d;border-radius:10px;padding:10px 12px;background:#243044;color:#eaf2ff;color-scheme:dark;letter-spacing:0}
 .workspace-panel{min-height:0;display:block;padding:17px 16px}.workspace-description>.eyebrow{display:none}.workspace-description h3{font-size:25px;margin:0;line-height:1.08}.workspace-description p{font-size:14px;line-height:1.45;margin:12px 0 0}.workspace-description .demo-label{font-size:9px;margin:12px 0}.module-preview{min-height:0;padding:13px;border-radius:12px}.preview-top{padding-bottom:9px;margin-bottom:11px;font-size:10px}.model-image{height:135px}.dashboard-grid>div{padding:10px}.dashboard-grid b{font-size:11px}.dashboard-grid small{font-size:9px}.kanban-column>span{font-size:8px}.kanban-card{padding:9px 7px}.kanban-card b{font-size:9px}.kanban-card small{font-size:8px;margin-top:6px}.kanban-card i{margin-top:10px}.proposal-paper{min-height:135px}.proposal-paper strong{margin-top:15px}.contract-paper{padding:12px}.contract-signature{margin-top:15px;padding-top:10px;font-size:20px}.email-demo{padding:0}.email-symbol{font-size:27px}.email-demo>strong{font-size:15px;margin-top:8px}.email-signature{margin-top:12px;padding-top:10px}
 .workspace-inclusions>summary{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:10px 16px;font-size:12px;list-style:none;color:#b9cce6;border-top:1px solid #ffffff12;cursor:pointer}.workspace-inclusions>summary::-webkit-details-marker{display:none}.workspace-inclusions[open]>summary>span{transform:rotate(45deg)}.workspace-includes{padding:12px 16px;font-size:11px;line-height:1.5;gap:12px}.workspace-cta{min-height:44px;font-size:13px;margin-top:14px;padding:11px 20px}
 .investment-grid{gap:0;margin-top:18px}.mode-switch{margin-bottom:12px;padding:4px}.mode-switch button{min-height:44px;padding:10px 8px;font-size:12px}.option-intro{font-size:13px;margin-bottom:6px}.price-option{min-height:51px;padding:9px 0;gap:10px;flex-wrap:nowrap}.price-option>span:not(.custom-check){font-size:13px;max-width:none;line-height:1.3}.price-option strong{font-size:13px}.price-option .custom-check{width:22px;height:22px}.investment-summary{padding:18px;margin-top:18px;border-radius:20px}.investment-summary>.eyebrow,.investment-summary h3,.investment-summary .selection-list{display:none}.investment-summary .total-wrap{border:0;padding:0;margin:0 0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.total-wrap>span{font-size:11px;max-width:110px}.total-wrap strong{font-size:36px}.investment-summary .button{min-height:48px;font-size:13px}.summary-note{font-size:10px;margin-top:10px;line-height:1.4}.package-details{padding:15px;border-radius:14px}.package-details h3{font-size:22px}.package-details ul{margin:12px 0;padding-left:18px;font-size:13px;line-height:1.4}.package-details li{margin:7px 0;padding-left:0}.package-details small{font-size:10px;line-height:1.4}
 .closing-layout{gap:0}.closing h2{font-size:clamp(30px,8.6vw,40px);margin-top:16px;line-height:1.1}.closing p{font-size:14px;line-height:1.5;margin:18px 0}.closing p br{display:none}.closing .button{min-height:48px;font-size:14px}.closing-details{margin-top:25px}.closing-details>.eyebrow{margin-bottom:8px;font-size:9px}.closing-details details{padding:10px 0}.closing-details summary{min-height:32px;font-size:14px}.closing-details details p{font-size:13px;margin-top:9px}.footer{margin-top:25px;padding-top:18px;gap:15px;align-items:center}.footer .logo{width:94px}.footer>div{gap:4px;font-size:12px}.footer>div a{display:flex;align-items:center;min-height:32px}.footer>span{font-size:9px;margin-top:0}
}
@keyframes proposal-arrival-mobile{from{transform:scale(1.025);opacity:.8}to{transform:scale(1);opacity:1}}
@media(max-width:700px) and (max-height:740px){.hero h1{font-size:clamp(41px,11.5vw,51px)}.hero .eyebrow{margin-bottom:15px}.hero-description{margin:16px 0;font-size:16px}.hero-recipient{margin-top:17px}.essence-intro{font-size:14px}.essence-composition{margin-top:14px}.interior-photo{height:145px}.essence-note{padding:15px}.essence-note h3{font-size:21px}.essence-note p{font-size:13px}.services-heading h2{font-size:24px}.services .service-copy>p{font-size:12px}.services .service-layout{gap:5px}.services .service-stage{min-height:80px}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.scene-item{translate:none}.proposal-revealing #main{animation:none}}
.hero h1:focus{outline:none}
@media(max-width:700px){
 .hero-art{overflow:clip}.hero-art img{max-width:100%}
 .workspace-picker{padding:10px 14px;gap:5px}.workspace-panel{padding:13px 14px}.workspace-description .demo-label{margin:9px 0}.module-preview{padding:10px}.module-preview .preview-top{padding-bottom:7px;margin-bottom:8px}.dashboard-grid{gap:7px}.dashboard-grid>div{padding:8px;grid-template-columns:20px 1fr}.dashboard-grid small{grid-column:1/-1;margin-top:4px;line-height:1.2}.dashboard-grid>div>span{grid-row:1}.dashboard-grid b{line-height:1.2}
 .workspace-explorer{margin-top:10px}.workspace-panel{padding-block:10px}.workspace-cta{margin-top:8px}
 #workspace-option>.option-intro,.package-details h3{display:none}.package-details ul{margin:0 0 8px}.package-details li{margin:4px 0}.package-details{padding:12px 15px}
 .closing-details{margin-top:18px}.footer{margin-top:18px;padding-top:12px}.closing-details details{padding:7px 0}
}