:root{--blue:#00AFFF;--black:#090909;--white:#fafafa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--black);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:50;background:white;padding:12px}.header{display:flex;justify-content:space-between;align-items:center;padding:25px 4.5%;gap:24px;background:#fff}.brand{font-size:31px;font-weight:900;letter-spacing:-1.5px;line-height:.83}.brand span{display:block;font-size:10px;letter-spacing:8px;text-align:center;margin-top:10px}.nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:700;letter-spacing:.05em}.nav a:hover{color:var(--blue)}.cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:40px;padding:17px 25px;background:var(--blue);color:#080808;font-size:13px;font-weight:800;letter-spacing:.01em;min-height:48px}.cta:hover,.button:hover{background:#66c0ff}.hamburger{display:none;background:none;border:0;font-size:29px}.hero{min-height:650px;padding:60px 4.5% 50px;display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:3vw;overflow:hidden}.kicker{font-size:11px;letter-spacing:.24em;font-weight:800;text-transform:uppercase}.hero h1{font-size:clamp(58px,7.5vw,126px);line-height:.86;letter-spacing:-.075em;margin:25px 0 20px;font-weight:950;max-width:850px}.hero p{font-size:18px;line-height:1.5;max-width:450px}.hero .button{margin-top:14px}.collage{height:530px;position:relative}.collage img{position:absolute;object-fit:cover;filter:grayscale(1);box-shadow:0 15px 35px #0002}.collage .portrait{width:49%;height:70%;left:4%;top:0;transform:rotate(-7deg)}.collage .architecture{width:43%;height:49%;right:0;top:12%;transform:rotate(7deg)}.collage .workspace{width:48%;height:44%;left:8%;bottom:0;transform:rotate(5deg)}.collage .coffee{width:38%;height:46%;right:3%;bottom:1%;transform:rotate(-5deg)}.blue-stroke{position:absolute;z-index:2;top:45%;left:0;font-size:90px;color:var(--blue);font-weight:900;transform:rotate(-22deg)}.ticker{border-top:1px solid #111;border-bottom:1px solid #111;padding:18px 4.5%;font-weight:900;font-size:11px;letter-spacing:.14em;display:flex;justify-content:space-between;gap:20px}.section{padding:105px 4.5%}.section.dark{background:#090909;color:#fff}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:800;text-transform:uppercase;color:#656565}.dark .eyebrow{color:#aaa}.section h2{font-size:clamp(44px,6vw,90px);letter-spacing:-.065em;line-height:.97;margin:20px 0 40px;max-width:950px}.split{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:start}.split p{font-size:19px;line-height:1.6;max-width:520px}.service-list{border-top:1px solid #888}.service-row{display:grid;grid-template-columns:70px 1fr 40px;align-items:center;border-bottom:1px solid #888;padding:25px 0;gap:15px}.service-row b{font-size:clamp(25px,3.5vw,48px);letter-spacing:-.04em}.service-row span{font-size:15px;color:var(--blue)}.service-row a{font-size:26px}.portfolio{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.portfolio article{min-width:0}.portfolio img{width:100%;height:230px;object-fit:cover;filter:grayscale(1)}.portfolio h3{font-size:20px;margin:14px 0 4px}.portfolio p{font-size:13px;line-height:1.5;color:#666}.line{border-top:1px solid #aaa;padding:18px 0;display:flex;justify-content:space-between;gap:20px}.line strong{font-size:21px}.line span{color:#555}.small{font-size:13px;line-height:1.7;color:#656565}.dark .small{color:#bbb}.footer{padding:70px 4.5%;background:#090909;color:white}.footer h2{font-size:clamp(50px,8vw,115px);line-height:.9;letter-spacing:-.07em;margin:20px 0 35px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #555;padding-top:24px;margin-top:65px;font-size:13px}.subhero{padding:75px 4.5% 45px;border-bottom:1px solid #bbb}.subhero h1{font-size:clamp(52px,8vw,110px);line-height:.93;letter-spacing:-.07em;margin:20px 0}.subhero p{max-width:720px;font-size:19px;line-height:1.5}.columns{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.package{padding:30px 0;border-top:2px solid #111}.package h3{font-size:35px;letter-spacing:-.05em;margin:0 0 15px}.package .amount{font-size:28px;font-weight:800}.package p{line-height:1.6}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:640px}th,td{text-align:left;border-bottom:1px solid #ccc;padding:17px 12px;vertical-align:top}th{background:#ededed;font-size:13px}.legal{max-width:950px}.legal h3{font-size:26px;margin:34px 0 8px}.legal p{line-height:1.7;color:#333}.warning{border-left:4px solid var(--blue);padding:16px 22px;background:#eef7ff;line-height:1.6}.links{display:flex;flex-wrap:wrap;gap:18px;margin:22px 0}.links a{text-decoration:underline;text-underline-offset:4px}.note{font-size:13px;color:#666;line-height:1.7}.form{max-width:650px;display:grid;gap:16px}.form label{font-size:14px;font-weight:700;display:grid;gap:8px}.form input,.form select,.form textarea{border:1px solid #aaa;border-radius:0;padding:14px;background:white;width:100%}.form textarea{min-height:120px}.form button{cursor:pointer}.anchor{scroll-margin-top:30px}@media(max-width:900px){.header{padding:18px 5%}.brand{font-size:25px}.brand span{font-size:8px;letter-spacing:6px}.hamburger{display:block}.nav{display:none;position:absolute;z-index:10;top:75px;left:0;right:0;background:white;padding:25px 5%;flex-direction:column;align-items:stretch;gap:24px;border-bottom:1px solid #ddd}.nav.open{display:flex}.hero{grid-template-columns:1fr;padding:55px 5% 30px;min-height:auto}.hero h1{font-size:clamp(58px,13vw,92px);letter-spacing:-.07em}.hero p{font-size:17px}.collage{height:420px;margin-top:25px}.ticker{font-size:9px;flex-wrap:wrap}.section{padding:75px 5%}.split{grid-template-columns:1fr;gap:20px}.portfolio{grid-template-columns:repeat(2,1fr)}.footer{padding:70px 5%}.footer-bottom{flex-direction:column}.columns{grid-template-columns:1fr}.subhero{padding:65px 5% 40px}}@media(max-width:480px){.hero h1{font-size:clamp(52px,14vw,72px)}.collage{height:320px}.blue-stroke{font-size:65px}.portfolio{grid-template-columns:1fr 1fr;gap:12px}.portfolio img{height:140px}.portfolio h3{font-size:17px}.service-row{grid-template-columns:35px 1fr 24px}.service-row b{font-size:27px}.section h2{font-size:46px}.ticker span:last-child{display:none}.subhero h1{font-size:57px}.footer h2{font-size:58px}}

.text-link{display:inline-flex;margin:18px;color:#086ab3;text-decoration:underline;text-underline-offset:5px;font-weight:700}.stack{max-width:970px}.stack p,.stack li{font-size:17px;line-height:1.75}.stack h3{font-size:25px;margin-top:38px}.stack ul{padding-left:24px}.demo-line{display:grid;grid-template-columns:1fr 2fr;gap:20px;border-top:1px solid #aaa;padding:25px 0}.demo-line h3,.demo-line p{margin:0}.notice{border-left:4px solid #00AFFF;padding:14px 20px;background:#e9f5ff;line-height:1.6}.simple-footer{background:#090909;color:white;display:flex;flex-wrap:wrap;gap:20px;padding:30px 5%;font-size:13px}.simple-footer a{text-decoration:underline}.plain-link{text-decoration:underline;text-underline-offset:4px}@media(max-width:650px){.demo-line{grid-template-columns:1fr}.stack p,.stack li{font-size:16px}}

/* MarBrey Digital executive portrait edition */
.hero{grid-template-columns:minmax(0, .88fr) minmax(0, 1.12fr);gap:2.5vw;min-height:670px;align-items:center}
.hero>div:first-child{position:relative;z-index:1}
.hero h1{font-size:clamp(58px,7.1vw,116px)}
.hero-photo{position:relative;height:min(44vw,640px);min-height:480px;overflow:hidden;background:#e8e8e8}
.hero-photo picture,.hero-photo img{display:block;width:100%;height:100%}
.hero-photo img{object-fit:cover;object-position:69% center;filter:grayscale(1)}
.hero-photo-accent{position:absolute;right:4%;top:8%;width:10px;height:95px;background:#00AFFF;transform:rotate(23deg);box-shadow:17px 10px 0 #00AFFF}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:22px;padding-top:38px}.hero h1{font-size:clamp(54px,12vw,86px)}.hero-photo{height:min(95vw,640px);min-height:340px}.hero-photo img{object-position:center 27%}}
@media(max-width:480px){.hero h1{font-size:clamp(49px,13.5vw,70px)}.hero-photo{height:390px;min-height:0}.hero p{font-size:16px}.hero-photo-accent{width:7px;height:60px}}

/* Updated pricing presentation */
.intro-pricing{font-size:19px;line-height:1.65;max-width:900px;margin-bottom:35px}.pricing-subhead{font-size:clamp(25px,3vw,38px);letter-spacing:-.04em;margin:44px 0 14px}.section table strong{font-weight:850}.section table td{line-height:1.55}.section table th{line-height:1.5}.section.dark table th{background:#252525;color:#fff}.section.dark table td,.section.dark table th{border-bottom-color:#555}.section.dark .note{color:#ccc}

/* Readable premium pricing cards — mobile and desktop */
.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:32px 0 30px}.pricing-card{background:#fff;border:1px solid #dedede;border-radius:14px;padding:28px;color:#151515;box-shadow:0 14px 38px rgba(0,0,0,.06)}.pricing-kicker{font-size:11px;font-weight:750;letter-spacing:.17em;color:#147cbb}.pricing-card h4{font-size:clamp(25px,2.8vw,37px);line-height:1.12;margin:12px 0 20px;color:#111}.pricing-option{border-top:1px solid #e3e3e3;padding:16px 0;display:flex;flex-direction:column;gap:6px}.pricing-option span{font-size:14px;font-weight:700;color:#333}.pricing-option strong{font-size:clamp(23px,2.4vw,32px);line-height:1.25;overflow-wrap:anywhere}.pricing-option em{font-size:.65em;font-style:normal;color:#333}.pricing-option small{font-size:12px;line-height:1.5;color:#666}.pricing-option.preferred{border-left:4px solid #00afff;background:#f1faff;padding:16px;margin-top:5px;padding-left:15px;border-top:0}.dark .pricing-card{background:#161b22;color:#fff;border-color:#3c4653;box-shadow:none}.dark .pricing-card h4,.dark .pricing-option span,.dark .pricing-option strong,.dark .pricing-option em{color:#fff}.dark .pricing-option{border-top-color:#38414b}.dark .pricing-option small{color:#d4dce4}.dark .pricing-option.preferred{background:#123047;border-top:0}.dark .pricing-kicker{color:#58cfff}@media(max-width:760px){.pricing-grid{grid-template-columns:1fr;gap:16px}.pricing-card{padding:22px}.pricing-option strong{font-size:25px}}


/* 2026 readability rebuild: clear cards with explicit whitespace and accessible sizing */
.simple-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:46px 0 30px}
.simple-card{display:block;min-width:0;background:#fff;color:#111;border:1px solid #dedede;border-radius:18px;padding:32px;box-shadow:0 12px 36px #0000000d}
.simple-card h3{font-size:clamp(30px,3vw,43px);line-height:1.1;letter-spacing:-.04em;margin:14px 0 28px}
.card-kicker,.mini-heading{font-size:12px;letter-spacing:.13em;font-weight:800;color:#167db0}
.card-primary{display:flex;flex-direction:column;gap:8px}.card-primary>span{font-size:15px;font-weight:650}.card-primary>strong{font-size:clamp(40px,4vw,57px);line-height:1.1;letter-spacing:-.04em}.card-primary>small{font-size:14px;color:#606060}
.card-divider{height:1px;background:#ddd;margin:28px 0 23px}.mini-heading{display:block;margin-bottom:14px}
.monthly-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.monthly-pair>div{background:#f3f4f5;padding:18px 14px;border-radius:12px;min-width:0}.monthly-pair>div.better{background:#e7f7ff;border:1px solid #90dfff}.monthly-pair span{display:block;font-size:13px;font-weight:650;line-height:1.45;min-height:38px}.monthly-pair strong{display:block;font-size:clamp(22px,2.3vw,32px);white-space:nowrap;margin-top:10px;letter-spacing:-.035em}.monthly-pair strong small{font-size:13px;letter-spacing:0;font-weight:500}
.card-note{font-size:14px!important;line-height:1.65!important;color:#555;margin:22px 0 0}.price-lead{font-size:clamp(17px,1.8vw,21px);line-height:1.55;max-width:850px}.price-foot{font-size:15px;line-height:1.65;max-width:930px;color:#555}.price-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:28px}.text-link{font-weight:750;text-decoration:underline;text-underline-offset:5px}
.dark .simple-card{background:#161b22;color:#fff;border-color:#34404b;box-shadow:none}.dark .card-primary>small,.dark .card-note{color:#c9d0d7}.dark .card-divider{background:#3a4550}.dark .monthly-pair>div{background:#26313c}.dark .monthly-pair>div.better{background:#113d55;border-color:#207fa9}.dark .price-foot{color:#d0d7de}.dark .text-link{color:#fff}.policy-teaser{background:#eef8fd}.policy-document{max-width:1100px;margin:auto}.policy-document p{font-size:16px;line-height:1.75}.policy-document h3{margin-top:35px}
@media(max-width:800px){.simple-grid{grid-template-columns:1fr;gap:18px}.simple-card{padding:24px}.monthly-pair strong{font-size:clamp(21px,5vw,29px)}}
@media(max-width:420px){.monthly-pair{gap:8px}.monthly-pair>div{padding:14px 10px}.monthly-pair strong{font-size:21px}.monthly-pair span{font-size:12px}.simple-card{padding:20px}}
