:root {
  --dr-navy:#063a72;
  --dr-blue:#55b7f5;
  --dr-red:#ff5e5d;
  --dr-pink:#ff7aa1;
  --dr-yellow:#ffbd3e;
  --dr-green:#71c95a;
  --dr-ink:#17375d;
  --dr-muted:#60748f;
  --dr-paper:#fffefb;
  --dr-soft:#f8fbff;
  --dr-line:#dce7f2;
  --dr-shadow:0 15px 40px rgba(23,55,93,.10);
  --dr-radius:26px;
}

html { scroll-behavior:smooth; }
body.drawroo-home { margin:0; background:var(--dr-paper); color:var(--dr-ink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
.drawroo-home * { box-sizing:border-box; }
.drawroo-home a { text-decoration:none; }
.dr-site { overflow:hidden; background:var(--dr-paper); }
.dr-shell { width:min(1180px, calc(100% - 40px)); margin:0 auto; }

.dr-header { position:sticky; top:0; z-index:50; background:rgba(255,255,255,.95); border-bottom:1px solid rgba(220,231,242,.9); backdrop-filter:blur(12px); }
.dr-header__inner { min-height:78px; display:flex; align-items:center; gap:28px; }
.dr-logo { display:flex; flex-direction:column; color:var(--dr-navy); min-width:178px; }
.dr-logo__word { font-weight:900; font-size:31px; letter-spacing:-2px; line-height:1; font-family:"Trebuchet MS",Arial,sans-serif; }
.dr-logo__word i { font-style:normal; }
.dr-logo__word i:nth-child(1){color:var(--dr-red)} .dr-logo__word i:nth-child(2){color:var(--dr-green)} .dr-logo__word i:nth-child(3){color:var(--dr-yellow)} .dr-logo__word i:nth-child(4){color:var(--dr-blue)}
.dr-logo__word b { color:var(--dr-navy); margin-left:2px; }
.dr-logo small,.dr-footer__brand small { color:var(--dr-navy); font-weight:700; font-size:10px; margin-top:3px; }
.dr-logo .custom-logo { max-height:58px; width:auto; }
.dr-logo .custom-logo-link { display:block; }

.dr-nav { display:flex; gap:28px; align-items:center; margin-left:auto; }
.dr-nav a,.dr-nav li a { color:var(--dr-ink); font-weight:700; font-size:14px; }
.dr-nav a:hover { color:var(--dr-red); }
.dr-nav li { list-style:none; }
.dr-menu-toggle { display:none; }

.dr-btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:0 24px; border-radius:999px; background:var(--dr-red); color:#fff!important; font-weight:800; box-shadow:0 9px 24px rgba(255,94,93,.22); transition:transform .2s ease, box-shadow .2s ease; }
.dr-btn:hover { transform:translateY(-2px); box-shadow:0 13px 28px rgba(255,94,93,.3); }
.dr-btn--small { min-height:42px; padding:0 20px; font-size:14px; }
.dr-btn--blue { background:var(--dr-blue); box-shadow:0 9px 24px rgba(85,183,245,.24); }
.dr-btn--gold { background:#ffae27; box-shadow:0 9px 24px rgba(255,174,39,.24); }
.dr-link { color:var(--dr-navy)!important; font-weight:800; }

.dr-hero { padding:38px 0 30px; background:linear-gradient(120deg,#fff9ef 0%,#fff 52%,#f6fbff 100%); position:relative; }
.dr-hero::before { content:""; position:absolute; width:330px; height:330px; background:#fff0d6; border-radius:50%; right:-140px; top:-180px; }
.dr-hero__grid { display:grid; grid-template-columns:1.18fr .82fr; align-items:center; gap:44px; }
.dr-hero__visual { min-height:445px; display:flex; align-items:center; justify-content:center; position:relative; }
.dr-hero__visual>img { width:100%; max-height:470px; object-fit:cover; border-radius:32px; box-shadow:var(--dr-shadow); }
.dr-transform-card { width:100%; display:grid; grid-template-columns:1fr 70px 1fr; align-items:center; gap:8px; padding:22px; background:#fff; border-radius:32px; box-shadow:var(--dr-shadow); transform:rotate(-1deg); }
.dr-sketch-card,.dr-real-card { min-height:330px; border-radius:20px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:24px; }
.dr-sketch-card { background:#fffdf6; border:3px dashed #a9bfd0; transform:rotate(-2deg); }
.dr-real-card { background:linear-gradient(145deg,#e6f6ff,#fff3e8); transform:rotate(2deg); }
.dr-sketch-dog,.dr-toy-dog { font-size:100px; filter:saturate(.85); }
.dr-sketch-card strong,.dr-real-card strong { font:800 28px/1.1 "Trebuchet MS",Arial,sans-serif; color:var(--dr-navy); }
.dr-sketch-card span,.dr-real-card span { margin-top:10px; color:var(--dr-muted); font-weight:700; }
.dr-arrow { font-size:50px; color:var(--dr-navy); text-align:center; font-weight:900; }
.dr-doodle { position:absolute; font-size:50px; color:var(--dr-yellow); font-family:"Trebuchet MS"; }
.dr-doodle--sun { left:10px; bottom:8px; } .dr-doodle--heart{ right:0; top:5px; color:var(--dr-red); transform:rotate(15deg); }
.dr-kicker,.dr-eyebrow { display:inline-block; color:var(--dr-red); font-weight:900; letter-spacing:.03em; text-transform:uppercase; font-size:12px; }
.dr-hero h1,.dr-heading h2,.dr-birthday h2,.dr-cta h2 { font-family:"Trebuchet MS",Arial,sans-serif; color:var(--dr-navy); letter-spacing:-.035em; }
.dr-hero h1 { font-size:clamp(48px,6vw,76px); line-height:.97; margin:14px 0 22px; max-width:560px; }
.dr-hero h1::first-letter { color:var(--dr-navy); }
.dr-hero__copy>p { font-size:20px; line-height:1.55; color:var(--dr-muted); max-width:540px; margin:0 0 26px; }
.dr-hero__actions { display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.dr-proof { margin-top:24px; padding-top:20px; border-top:1px dashed #cad9e7; color:var(--dr-muted); font-size:14px; }
.dr-proof strong { color:var(--dr-ink); }

.dr-benefits { border-top:1px solid var(--dr-line); border-bottom:1px solid var(--dr-line); background:#fff; }
.dr-benefits__grid { display:grid; grid-template-columns:repeat(4,1fr); }
.dr-benefits__grid>div { min-height:92px; display:grid; grid-template-columns:44px 1fr; align-content:center; padding:16px 24px; border-right:1px solid var(--dr-line); }
.dr-benefits__grid>div:last-child{border-right:0}.dr-benefits span{grid-row:1/3;font-size:30px;color:var(--dr-red);align-self:center}.dr-benefits strong{font-size:13px}.dr-benefits small{color:var(--dr-muted);margin-top:3px}

.dr-section { padding:74px 0; }
.dr-section--soft { background:linear-gradient(180deg,#fbfdff 0%,#fffaf2 100%); }
.dr-heading { display:flex; justify-content:space-between; gap:30px; align-items:flex-end; margin-bottom:34px; }
.dr-heading--row { align-items:center; }
.dr-heading h2,.dr-birthday h2,.dr-cta h2 { font-size:clamp(34px,4vw,48px); line-height:1.05; margin:6px 0 7px; }
.dr-heading p,.dr-birthday p,.dr-cta p { margin:0; color:var(--dr-muted); font-size:17px; line-height:1.6; }

.dr-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.dr-steps article { position:relative; padding:34px 24px 26px; text-align:center; border:1px solid var(--dr-line); border-radius:24px; background:#fff; box-shadow:0 10px 30px rgba(23,55,93,.05); }
.dr-steps article b { position:absolute; top:-17px; left:50%; transform:translateX(-50%); width:38px; height:38px; border-radius:50%; display:grid; place-items:center; background:var(--dr-red); color:#fff; }
.dr-steps article:nth-child(2) b{background:var(--dr-yellow)} .dr-steps article:nth-child(3) b{background:var(--dr-blue)} .dr-steps article:nth-child(4) b{background:var(--dr-green)}
.dr-step-icon { display:block; font-size:56px; color:var(--dr-navy); min-height:70px; }
.dr-steps h3 { color:var(--dr-ink); margin:4px 0 8px; font-size:18px; }
.dr-steps p { color:var(--dr-muted); margin:0; line-height:1.5; }

.dr-packages { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.dr-package { border-radius:26px; border:1px solid var(--dr-line); padding:24px; position:relative; overflow:hidden; box-shadow:0 12px 30px rgba(23,55,93,.06); }
.dr-package--blue{background:#eef8ff}.dr-package--yellow{background:#fff8e9}.dr-package--pink{background:#fff0f3}
.dr-package__art { height:145px; border-radius:20px; background:rgba(255,255,255,.7); display:flex; align-items:center; justify-content:center; gap:12px; font-size:80px; margin-bottom:20px; }
.dr-package__art span { font-size:35px; }
.dr-package h3 { margin:0 0 8px; font:900 28px/1.1 "Trebuchet MS",Arial,sans-serif; color:var(--dr-navy); }
.dr-package p { color:var(--dr-muted); line-height:1.55; min-height:76px; }
.dr-price { display:flex; flex-direction:column; margin:18px 0; }.dr-price small{color:var(--dr-muted)}.dr-price strong{font-size:34px;color:var(--dr-navy)}
.dr-note { text-align:center; color:var(--dr-muted); font-size:12px; margin-top:20px; }

.dr-gallery { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.dr-gallery>div { background:#fff; border:1px solid var(--dr-line); border-radius:20px; padding:14px; }
.dr-gallery__pair { min-height:130px; border-radius:16px; background:linear-gradient(135deg,#fff8ef,#f1f9ff); display:flex; align-items:center; justify-content:center; gap:10px; font-size:46px; margin-bottom:12px; }.dr-gallery__pair b{font-size:22px;color:var(--dr-navy)}

.dr-birthday { padding:68px 0; background:linear-gradient(120deg,#fff5e7 0%,#fff 48%,#ffeaf1 100%); border-top:1px solid var(--dr-line); border-bottom:1px solid var(--dr-line); }
.dr-birthday__grid { display:grid; grid-template-columns:1fr 1fr; gap:42px; align-items:center; }
.dr-birthday p { max-width:590px; margin-bottom:24px; }
.dr-birthday__scene { min-height:250px; border-radius:28px; background:#fff; box-shadow:var(--dr-shadow); display:grid; grid-template-columns:repeat(4,1fr); align-items:center; justify-items:center; padding:30px; position:relative; }
.dr-birthday__scene span { font-size:55px; }.dr-birthday__scene strong{grid-column:1/-1;font:900 24px "Trebuchet MS";color:var(--dr-red)}

.dr-testimonials { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.dr-testimonials blockquote { margin:0; padding:26px; border:1px solid var(--dr-line); border-radius:22px; background:#fff; color:var(--dr-ink); line-height:1.65; font-size:16px; }
.dr-testimonials cite { display:block; margin-top:16px; color:var(--dr-muted); font-style:normal; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }

.dr-cta { padding:34px 0; background:#eaf7ff; }
.dr-cta__inner { display:flex; align-items:center; justify-content:space-between; gap:28px; }
.dr-cta h2 { font-size:34px; margin:0 0 6px; }.dr-cta p{font-size:14px}.dr-paper-plane{font-size:30px;color:var(--dr-navy);float:left;margin-right:16px}

.dr-footer { padding:48px 0 18px; background:#fff; }
.dr-footer__grid { display:grid; grid-template-columns:2fr repeat(3,1fr); gap:38px; }
.dr-footer__grid>div:not(.dr-footer__brand){display:flex;flex-direction:column;gap:10px}.dr-footer__grid strong{color:var(--dr-navy)}.dr-footer__grid a{color:var(--dr-muted);font-size:14px}.dr-footer__grid a:hover{color:var(--dr-red)}
.dr-footer__bottom { border-top:1px solid var(--dr-line); margin-top:38px; padding-top:18px; color:var(--dr-muted); font-size:12px; }

@media (max-width: 980px) {
  .dr-header__cta{display:none}.dr-menu-toggle{display:inline-flex;margin-left:auto;border:1px solid var(--dr-line);border-radius:999px;background:#fff;padding:10px 16px;font-weight:800;color:var(--dr-navy)}
  .dr-nav{display:none;position:absolute;left:20px;right:20px;top:70px;background:#fff;border:1px solid var(--dr-line);border-radius:20px;box-shadow:var(--dr-shadow);padding:18px;flex-direction:column;align-items:flex-start}.dr-nav.is-open{display:flex}
  .dr-hero__grid,.dr-birthday__grid{grid-template-columns:1fr}.dr-hero__copy{order:-1}.dr-hero__visual{min-height:auto}.dr-transform-card{grid-template-columns:1fr 45px 1fr}.dr-sketch-card,.dr-real-card{min-height:250px}.dr-sketch-dog,.dr-toy-dog{font-size:70px}
  .dr-benefits__grid{grid-template-columns:1fr 1fr}.dr-benefits__grid>div:nth-child(2){border-right:0}.dr-benefits__grid>div{border-bottom:1px solid var(--dr-line)}
  .dr-steps,.dr-packages{grid-template-columns:1fr 1fr}.dr-gallery{grid-template-columns:1fr 1fr}.dr-testimonials{grid-template-columns:1fr}.dr-footer__grid{grid-template-columns:1.5fr 1fr 1fr}.dr-footer__grid>div:last-child{display:none}
}

@media (max-width: 640px) {
  .dr-shell{width:min(100% - 28px,1180px)}.dr-header__inner{min-height:66px}.dr-logo__word{font-size:26px}.dr-logo{min-width:auto}
  .dr-hero{padding-top:28px}.dr-hero h1{font-size:48px}.dr-hero__copy>p{font-size:17px}.dr-transform-card{grid-template-columns:1fr;gap:14px;padding:14px}.dr-arrow{transform:rotate(90deg)}.dr-sketch-card,.dr-real-card{min-height:210px}
  .dr-benefits__grid{grid-template-columns:1fr}.dr-benefits__grid>div{border-right:0}.dr-section{padding:54px 0}.dr-heading{align-items:flex-start;flex-direction:column}.dr-steps,.dr-packages,.dr-gallery{grid-template-columns:1fr}.dr-steps{gap:34px}.dr-package p{min-height:0}.dr-birthday{padding:52px 0}.dr-birthday__scene{min-height:210px}.dr-birthday__scene span{font-size:40px}.dr-cta__inner{flex-direction:column;align-items:flex-start}.dr-footer__grid{grid-template-columns:1fr 1fr}.dr-footer__brand{grid-column:1/-1}
}


/* WordPress/Elementor compatibility content area */
.dr-page-content { padding: 48px 0; background: #fff; }
.dr-editor-content { min-height: 1px; }
.dr-editor-content:empty { display: none; }