:root{--depth_shadow:0 38px 90px rgba(3,10,25,.35);--glass:rgba(255,255,255,.08)}
body{background:#edf3ff}
.fab{display:none}
header{background:rgba(246,249,255,.82);border-bottom:1px solid rgba(17,27,43,.08);box-shadow:0 10px 35px rgba(17,27,43,.05)}
.bar{height:84px}.brand .bt{bottom:7px}
.hero{min-height:800px;padding:80px 0 90px;background:radial-gradient(circle at 73% 34%,rgba(23,107,255,.22),transparent 26%),radial-gradient(circle at 82% 70%,rgba(72,215,197,.16),transparent 25%),linear-gradient(135deg,#07111f 0%,#111b2b 48%,#0a2130 100%);isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 80%);pointer-events:none}
.hero .glyph{display:none}.hero .wrap{z-index:5}.hero_grid{grid-template-columns:minmax(0,1fr) minmax(390px,.8fr);column-gap:70px}.hero h1{font-size:clamp(3rem,6vw,5.2rem);max-width:12ch;letter-spacing:-.055em;text-wrap:balance}.hero .lede{font-size:1.14rem;color:#bfcce0}.hero_cta .btn{box-shadow:0 16px 32px rgba(23,107,255,.24)}
.qcard{background:rgba(255,255,255,.94);backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.7);box-shadow:0 38px 95px rgba(0,0,0,.42),inset 0 1px 0 #fff;transform:translateZ(30px);border-radius:24px}
.scene3d{position:absolute;z-index:1;left:42%;right:-2%;top:3%;bottom:0;perspective:1200px;transform-style:preserve-3d;pointer-events:none;transition:transform .2s ease-out}
.browser3d{position:absolute;width:430px;height:285px;left:11%;top:14%;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(220,235,255,.83));box-shadow:-45px 55px 100px rgba(0,0,0,.42),inset 0 1px 0 #fff;transform:rotateY(-18deg) rotateX(9deg) rotateZ(-5deg) translateZ(30px);overflow:hidden;border:1px solid rgba(255,255,255,.75)}
.browser_top{height:40px;display:flex;align-items:center;gap:8px;padding:0 16px;background:rgba(255,255,255,.7);border-bottom:1px solid rgba(17,27,43,.1)}.browser_top i{width:10px;height:10px;border-radius:50%;background:#18a999}.browser_top i:nth-child(2){background:#176bff}.browser_top i:nth-child(3){background:#111b2b}
.browser_body{padding:38px}.mini_logo{font-weight:900;font-size:24px;letter-spacing:-.08em;color:#176bff}.mini_line{height:9px;border-radius:10px;background:#c6d4e8;width:58%;margin-top:13px}.mini_line.wide{height:18px;width:86%;background:#111b2b;margin-top:22px}.mini_cta{width:92px;height:29px;border-radius:9px;background:#176bff;margin-top:25px}.mini_cards{display:flex;gap:9px;margin-top:25px}.mini_cards b{display:block;width:83px;height:48px;border-radius:10px;background:#fff;box-shadow:0 8px 20px rgba(17,27,43,.12)}
.phone3d{position:absolute;width:155px;height:305px;left:2%;top:43%;border-radius:31px;background:linear-gradient(145deg,#172a45,#09111d);border:5px solid #2f4664;box-shadow:-30px 45px 70px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.15);transform:rotateY(20deg) rotateX(4deg) rotateZ(8deg) translateZ(100px);padding:53px 20px}.phone_notch{position:absolute;top:10px;left:43px;width:64px;height:16px;border-radius:9px;background:#03070e}.phone_logo{font-size:42px;font-weight:900;letter-spacing:-.15em;color:#48d7c5}.phone_line{height:10px;border-radius:8px;background:#fff;width:88%;margin-top:24px}.phone_line.short{width:58%;margin-top:9px;opacity:.4}.phone_button{height:34px;border-radius:10px;background:#176bff;margin-top:29px}
.chip3d{position:absolute;display:grid;place-items:center;width:112px;height:112px;border-radius:28px;color:#fff;box-shadow:0 30px 65px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.35);backdrop-filter:blur(14px);transform-style:preserve-3d}.chip3d strong{font-size:1.65rem;line-height:1}.chip3d span{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;margin-top:-25px}.chip_fast{right:10%;top:12%;background:linear-gradient(145deg,#18a999,#08776d);transform:rotate(13deg) translateZ(150px)}.chip_price{right:3%;top:52%;background:linear-gradient(145deg,#337eff,#0e52cc);transform:rotate(-9deg) translateZ(200px)}
.orb{position:absolute;border-radius:50%;filter:blur(1px);box-shadow:inset -28px -30px 50px rgba(0,0,0,.3),inset 12px 14px 25px rgba(255,255,255,.25),0 40px 80px rgba(0,0,0,.3)}.orb_a{width:150px;height:150px;right:19%;bottom:10%;background:linear-gradient(145deg,#5b8fff,#164dd0)}.orb_b{width:78px;height:78px;left:47%;top:4%;background:linear-gradient(145deg,#8ff0e2,#18a999)}
.grid_floor{position:absolute;left:0;right:-10%;bottom:-17%;height:42%;background-image:linear-gradient(rgba(72,215,197,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(72,215,197,.22) 1px,transparent 1px);background-size:38px 38px;transform:rotateX(68deg);transform-origin:bottom;mask-image:linear-gradient(to top,black,transparent)}
.strip{background:#18a999;box-shadow:inset 0 1px rgba(255,255,255,.3)}
section:not(.hero){position:relative}.sec_paper{background:linear-gradient(180deg,#f6f8fb,#eef3fb)}
.card,.plan,.form_card,.steps_panel{border-radius:24px}.card,.plan{box-shadow:0 22px 55px rgba(17,27,43,.09);border:1px solid rgba(255,255,255,.9);transform-style:preserve-3d;transition:transform .25s ease,box-shadow .25s ease}.card:hover,.plan:hover{transform:translateY(-10px) rotateX(2deg);box-shadow:0 35px 80px rgba(17,27,43,.16)}.card .ico{box-shadow:0 12px 24px rgba(23,107,255,.18);transform:translateZ(20px)}
.steps_panel{background:radial-gradient(circle at 80% 0,rgba(72,215,197,.28),transparent 28%),linear-gradient(145deg,#0a625a,#074942);box-shadow:0 30px 70px rgba(10,98,90,.25);overflow:hidden}.plan.feature{background:radial-gradient(circle at 80% 0,rgba(255,255,255,.18),transparent 25%),linear-gradient(145deg,#176bff,#0e52cc);transform:translateY(-12px)}
.cta_band{background:radial-gradient(circle at 80% 20%,rgba(72,215,197,.28),transparent 25%),linear-gradient(125deg,#0e52cc,#176bff)}
.fab{filter:drop-shadow(0 20px 35px rgba(0,0,0,.18))}
@media(max-width:1100px){.scene3d{opacity:.42;left:48%}.browser3d{left:0}.hero_grid{grid-template-columns:1fr;grid-template-areas:"head" "form" "rest"}.h_form{max-width:620px}.hero h1{max-width:13ch}}
@media(max-width:760px){.hero{min-height:auto;padding-top:55px}.scene3d{top:0;left:10%;right:-65%;opacity:.25}.browser3d{transform:rotateY(-18deg) rotateX(9deg) rotateZ(-5deg) scale(.72)}.phone3d,.chip3d{display:none}.qcard{border-radius:18px}.plan.feature{transform:none}}
@media(prefers-reduced-motion:reduce){.scene3d,.browser3d,.phone3d,.chip3d,.card,.plan{transition:none!important;transform:none!important}.orb{display:none}}

/* Visual story: transformation */
.transform_stage{position:relative;min-height:440px;perspective:1100px}.transform_bad,.transform_good{position:absolute;width:270px;height:330px;border-radius:24px;padding:18px;box-shadow:0 30px 65px rgba(17,27,43,.18)}.transform_bad{left:0;top:34px;background:#dfe5ed;transform:rotateY(17deg) rotateZ(-6deg)}.transform_good{right:0;top:0;background:#fff;transform:rotateY(-13deg) rotateZ(4deg);z-index:2}.demo_tag{display:inline-block;font-size:.63rem;letter-spacing:.15em;font-weight:900;color:#607086;margin-bottom:13px}.fake_social{height:258px;border-radius:17px;background:#f5f7f9;padding:22px;position:relative}.fake_social b{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#7b8798;color:#fff;font-size:30px}.fake_social i{display:block;height:10px;border-radius:9px;background:#bac4d0;margin-top:16px}.fake_social i:nth-of-type(2){width:75%}.fake_social i:nth-of-type(3){width:54%}.fake_social small{position:absolute;left:22px;bottom:22px;color:#8995a4}.fake_site{height:258px;border-radius:17px;background:linear-gradient(145deg,#0d2330,#111b2b);padding:20px;color:#fff;overflow:hidden;position:relative}.fs_nav{display:flex;justify-content:space-between;font-size:.66rem;letter-spacing:.11em}.fs_nav i{width:32px;height:6px;background:#48d7c5;border-radius:4px}.fake_site>strong{display:block;font-size:1.72rem;line-height:1.04;margin-top:34px;letter-spacing:-.05em}.fake_site p{font-size:.72rem;color:#c9d5e4;margin:10px 0}.fake_site button{border:0;background:#176bff;color:#fff;padding:10px 13px;border-radius:8px;font-size:.65rem;font-weight:900}.fs_rating{position:absolute;right:17px;bottom:17px;color:#48d7c5;font-size:.7rem;letter-spacing:2px}.transform_arrow{position:absolute;left:48%;top:45%;z-index:5;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#176bff;color:#fff;font-size:28px;box-shadow:0 18px 36px rgba(23,107,255,.3)}.transform_pills{position:absolute;z-index:6;bottom:0;left:10%;right:4%;display:flex;gap:8px;justify-content:center}.transform_pills span{background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:30px;font-size:.71rem;font-weight:800;box-shadow:0 10px 25px rgba(17,27,43,.08)}

/* Service bento */
#services .g3{grid-template-columns:1.3fr .7fr 1fr;grid-auto-flow:dense}#services .card{min-height:250px;position:relative;overflow:hidden}#services .card:first-child{grid-row:span 2;background:linear-gradient(145deg,#fff,#e8f0ff);min-height:520px}/* The floating dark panel was drawn for a 520px tall card. The card now renders at 360px, so the panel sat on top of the heading and body copy. Fitting it back in would need pixel values that break as soon as the text length changes, so it is removed. The card keeps its gradient for distinction. */#services .card:first-child{position:relative}#services .card:first-child>*{position:relative;z-index:2}#services .card:first-child:after{content:none}#services .card:nth-child(2){background:#0b3f45;color:#fff}#services .card:nth-child(2) p{color:#cde8e4}#services .card:nth-child(3){grid-column:span 2}#services .card:nth-child(5){grid-column:span 2;background:linear-gradient(135deg,#fff,#e3f7f4)}.service_summary{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}.service_summary span{background:#111b2b;color:#fff;padding:11px 17px;border-radius:50px;font-size:.82rem;font-weight:800;letter-spacing:.02em}

/* Portfolio proof */
.work_showcase{background:#07111f;color:#fff;overflow:hidden}.work_showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(23,107,255,.22),transparent 28%),radial-gradient(circle at 85% 70%,rgba(72,215,197,.15),transparent 25%)}.work_showcase .wrap{position:relative}.work_intro{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.work_intro h2{color:#fff;max-width:15ch}.work_intro>p{max-width:50ch;color:#aebdd1}.project_rail{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;perspective:1600px}.project{min-width:0}.project_browser{height:400px;border-radius:26px;background:#fff;padding:0;box-shadow:0 45px 90px rgba(0,0,0,.38);overflow:hidden;transform:rotateX(4deg);transition:transform .3s}.project:hover .project_browser{transform:translateY(-12px) rotateX(0)}.pb_top{height:38px;background:#eef2f6;display:flex;align-items:center;gap:7px;padding:0 15px}.pb_top i{width:8px;height:8px;border-radius:50%;background:#aab4c1}.pb_hero{height:362px;padding:34px 30px;position:relative;overflow:hidden}.pb_hero small{font-size:.6rem;letter-spacing:.14em;font-weight:900}.pb_hero h3{font-size:2.3rem;line-height:.94;letter-spacing:-.06em;margin:35px 0 12px;max-width:8ch}.pb_hero p{font-size:.78rem;max-width:24ch}.pb_hero>b{display:inline-block;padding:10px 14px;border-radius:8px;font-size:.62rem;letter-spacing:.07em;margin-top:18px}.p_mechanic .pb_hero{background:#d8ff37;color:#111b2b}.p_mechanic .pb_hero>b{background:#111b2b;color:#fff}.p_pet .pb_hero{background:#ffdfec;color:#4c2034}.p_pet .pb_hero>b{background:#dd3f82;color:#fff}.p_garden .pb_hero{background:#12352b;color:#f7f1d0}.p_garden .pb_hero>b{background:#d9a441;color:#12352b}.pb_shape{position:absolute;right:-35px;bottom:-35px}.wheel{width:185px;height:185px;border:36px solid #111b2b;border-radius:50%}.paw{font-size:190px;line-height:1;color:#dd3f82;opacity:.25}.leaf{width:180px;height:240px;background:#d9a441;border-radius:100% 0 100% 0;transform:rotate(25deg);opacity:.8}.project footer{background:transparent;padding:22px 5px 0;color:#fff;display:flex;justify-content:space-between;gap:15px}.project footer span{color:#7f91aa;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.project footer strong{font-size:.8rem;text-align:right}

/* Process machine */
.process_machine{height:260px;position:relative;margin:35px 0 24px;background:linear-gradient(180deg,#eef3fb,#fff);border:1px solid var(--line);border-radius:28px;overflow:hidden;perspective:1000px}.process_track{position:absolute;left:7%;right:7%;top:53%;height:22px;border-radius:20px;background:repeating-linear-gradient(90deg,#9fb0c6 0 22px,#d6dfe9 22px 40px);box-shadow:0 15px 24px rgba(17,27,43,.16)}.process_object{position:absolute;top:55px;width:122px;height:118px;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 24px 42px rgba(17,27,43,.25);transform:rotateX(-7deg)}.process_object b{font-size:1.9rem}.process_object span{font-size:.62rem;letter-spacing:.14em;font-weight:900}.po_chat{left:8%;background:#176bff}.po_files{left:32%;background:#18a999}.po_build{left:56%;background:#111b2b}.po_live{left:80%;background:#d9a441;color:#12352b}.steps_panel{margin-top:0}.steps_panel ol.steps li{padding-top:55px}

/* Product-style pricing */
.plan_object{height:105px;border-radius:17px;margin:-8px 0 22px;position:relative;overflow:hidden;background:#edf2f8;padding:18px}.plan_object i{display:block;height:9px;border-radius:7px;background:#b8c7d8;margin-bottom:9px;width:72%}.plan_object i:nth-child(2){width:46%}.plan_object strong{position:absolute;right:14px;bottom:12px;font-size:.65rem;letter-spacing:.12em}.po_once{background:linear-gradient(145deg,#e8f0ff,#fff);color:#176bff}.po_monthly{background:rgba(255,255,255,.14);color:#fff}.po_monthly i{background:rgba(255,255,255,.45)}.po_care{background:linear-gradient(145deg,#e3f7f4,#fff);color:#0e7d71}

/* National network */
.au_network{height:330px;border-radius:28px;background:radial-gradient(circle at 50% 50%,#1a3453,#07111f);position:relative;overflow:hidden;box-shadow:0 35px 75px rgba(17,27,43,.25)}.au_word{position:absolute;inset:0;display:grid;place-items:center;font-size:11rem;font-weight:900;letter-spacing:-.12em;color:rgba(255,255,255,.04)}.au_network b{position:absolute;left:30px;bottom:26px;color:#fff;font-size:1.45rem;line-height:1.1}.node{position:absolute;width:15px;height:15px;border-radius:50%;background:#48d7c5;box-shadow:0 0 0 9px rgba(72,215,197,.12),0 0 30px #48d7c5}.n1{left:22%;top:25%}.n2{left:49%;top:19%}.n3{right:18%;top:32%}.n4{left:35%;bottom:26%}.n5{right:29%;bottom:21%}.n6{right:10%;bottom:48%}.route{position:absolute;height:2px;background:linear-gradient(90deg,transparent,#48d7c5,transparent);transform-origin:left}.r1{left:23%;top:28%;width:57%;transform:rotate(12deg)}.r2{left:36%;bottom:30%;width:46%;transform:rotate(-28deg)}

/* FAQ and launch */
.faq_extra{display:none}.faq_extra.revealed{display:block}.faq_more{margin-top:24px}.launch_scene{height:230px;margin-bottom:38px;position:relative;perspective:900px}.launch_window{position:absolute;left:5%;top:25px;width:290px;height:165px;border-radius:20px;background:linear-gradient(145deg,#fff,#dfeaff);transform:rotateY(18deg) rotateZ(-5deg);box-shadow:-25px 35px 70px rgba(0,0,0,.35);padding:45px 24px;color:#111b2b}.launch_window i{position:absolute;top:14px;width:8px;height:8px;border-radius:50%;background:#176bff}.launch_window i:nth-child(1){left:18px}.launch_window i:nth-child(2){left:32px;background:#18a999}.launch_window i:nth-child(3){left:46px;background:#111b2b}.launch_window strong{display:block;font-size:1.5rem}.launch_window span{display:block;color:#0e7d71;font-weight:800}.launch_ring{position:absolute;right:10%;top:5%;width:150px;height:150px;border:24px solid #176bff;border-radius:50%;transform:rotateX(68deg);box-shadow:0 0 60px rgba(23,107,255,.4)}.launch_dot{position:absolute;right:21%;top:15%;width:38px;height:38px;border-radius:50%;background:#48d7c5;box-shadow:0 15px 35px rgba(72,215,197,.4)}

@media(max-width:1000px){#services .g3{grid-template-columns:1fr 1fr}#services .card:first-child{grid-row:auto;min-height:280px}#services .card:nth-child(3),#services .card:nth-child(5){grid-column:auto}.project_rail{grid-template-columns:1fr}.project{max-width:650px;margin:auto;width:100%}.process_object{width:95px}.po_chat{left:5%}.po_files{left:29%}.po_build{left:53%}.po_live{left:77%}}
@media(max-width:620px){
  .hero{padding:42px 0 58px;min-height:auto}.hero_grid{row-gap:20px}.hero h1{font-size:2.8rem}.scene3d{display:none}.h_form{order:3}.qcard{padding:22px 18px}.hero .lede{font-size:1rem}.hero_cta{display:none}.hero_points{margin-top:4px}.callbar{z-index:90}.fab{bottom:76px}.wa_btn{width:52px;height:52px}
  section{padding:70px 0}.transform_stage{min-height:650px}.transform_bad,.transform_good{width:250px;height:300px}.transform_bad{left:0;top:15px}.transform_good{right:0;top:245px}.transform_arrow{left:42%;top:43%}.transform_pills{left:0;right:0;bottom:0;flex-wrap:wrap}
  #services .g3{grid-template-columns:1fr}#services .card,#services .card:first-child{min-height:auto}#services .card:first-child:after{display:none}
  .work_intro{display:block}.work_intro>p{margin-top:20px}.project_browser{height:360px}.pb_hero{height:322px}.project footer{display:block}.project footer strong{display:block;text-align:left;margin-top:7px}
  .process_machine{height:560px}.process_track{left:50%;top:8%;bottom:8%;width:18px;height:auto;transform:translateX(-50%);background:repeating-linear-gradient(180deg,#9fb0c6 0 22px,#d6dfe9 22px 40px)}.process_object{left:50%!important;transform:translateX(-50%);width:115px;height:100px}.po_chat{top:25px}.po_files{top:160px}.po_build{top:295px}.po_live{top:430px}
  .plan.feature{transform:none}.au_network{height:280px;margin-bottom:22px}.au_word{font-size:8rem}.launch_scene{height:190px}.launch_window{width:230px;height:140px}.launch_ring{width:110px;height:110px;border-width:18px}
  #faq .wrap{padding-left:22px!important;padding-right:22px!important}details summary{font-size:.96rem}
}

/* Conversion-focused editorial system — August 2026 */
.conversion_hero{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);grid-template-areas:none;align-items:center}.conversion_hero .h_head{grid-area:auto}.conversion_hero .lede{margin:24px 0 28px;max-width:58ch}.conversion_hero h1{max-width:13ch;font-size:clamp(3rem,5.6vw,5.15rem)}.conversion_hero .hero_points{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.conversion_hero .hero_points li{position:relative;padding-left:21px}.conversion_hero .hero_points li:before{content:"";position:absolute;left:0;top:.45em;width:9px;height:9px;border-radius:50%;background:var(--maker_lt);box-shadow:0 0 0 5px rgba(72,215,197,.12)}
.hero_story{min-height:470px;position:relative;border:1px solid rgba(255,255,255,.12);border-radius:34px;padding:34px;background:radial-gradient(circle at 65% 12%,rgba(23,107,255,.3),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));box-shadow:0 45px 90px rgba(0,0,0,.32);perspective:1200px}.story_label{font-size:.7rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#9eb0c7}.story_stack{height:380px;position:relative}.story_stack article{position:absolute;width:78%;padding:24px 26px;border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 26px 60px rgba(0,0,0,.3);transform-origin:center}.story_stack article:nth-child(1){top:26px;left:0;opacity:.55;transform:rotate(-5deg) scale(.9)}.story_stack article:nth-child(2){top:132px;right:0;transform:rotate(4deg) scale(.96)}.story_stack article:nth-child(3){bottom:5px;left:7%;background:linear-gradient(135deg,#176bff,#0e56d4);color:#fff;transform:rotate(-2deg)}.story_stack article span{display:block;font-size:.62rem;font-weight:900;letter-spacing:.14em;color:#18a999}.story_stack article:nth-child(3) span{color:#9ff5e9}.story_stack strong,.story_stack small{display:block}.story_stack strong{font-size:1.18rem;margin:8px 0 4px}.story_stack small{color:#627084}.story_stack article:nth-child(3) small{color:#dbe8ff}
.recommend{background:#f4f7fc}.recommend_grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}.recommend_intro{position:sticky;top:120px}.recommend_progress{margin-top:34px;font-size:.76rem;font-weight:800;color:var(--muted)}.recommend_progress i{display:block;height:7px;background:#dce5f1;border-radius:9px;margin-top:10px;overflow:hidden}.recommend_progress b{display:block;width:33.333%;height:100%;background:var(--signal);transition:width .35s ease}.recommend_card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(24px,4vw,46px);box-shadow:0 28px 70px rgba(17,27,43,.1);min-height:390px}.recommend_step{display:none;border:0;padding:0;margin:0}.recommend_step.active{display:grid;gap:13px}.recommend_step legend{font-size:clamp(1.45rem,2.6vw,2.15rem);line-height:1.15;font-weight:800;letter-spacing:-.035em;margin-bottom:24px}.recommend_step button{appearance:none;width:100%;text-align:left;background:#f6f8fc;border:1px solid #dfe6ef;border-radius:15px;padding:18px 20px;color:var(--ink);font:inherit;font-weight:750;cursor:pointer;transition:.2s}.recommend_step button:hover,.recommend_step button:focus-visible{border-color:var(--signal);background:#edf3ff;transform:translateX(5px);outline:3px solid rgba(23,107,255,.16)}.recommend_result{display:none}.recommend_result.active{display:block}.recommend_result:focus{outline:none}.recommend_result h3{font-size:clamp(2rem,4vw,3.35rem);max-width:13ch;margin:12px 0}.result_price{font-size:1.25rem;font-weight:900;color:var(--signal);margin:12px 0}.recommend_result>p:not(.eyebrow){max-width:55ch;color:var(--muted)}.result_actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.problem_list{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:10px}.problem_list li{padding:13px 16px 13px 42px;border:1px solid var(--line);border-radius:12px;position:relative;background:#fff}.problem_list li:before{content:"";position:absolute;left:16px;top:17px;width:12px;height:12px;border:3px solid var(--signal);border-radius:50%}.service_kicker{font-size:.68rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:var(--signal);margin-top:auto}.case_note{padding:24px 5px 0;color:#c9d5e4}.case_note b{display:block;color:#48d7c5;text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;margin-top:14px}.case_note p{font-size:.82rem;line-height:1.55;margin:5px 0 0}.journey_output{display:block;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-weight:800;color:var(--signal)}
.promise{background:#07111f;color:#fff}.promise_grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.promise h2{color:#fff}.promise p{color:#aebdd1}.promise ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.promise li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px}.promise strong,.promise span{display:block}.promise strong{color:#fff;margin-bottom:7px}.promise span{font-size:.82rem;line-height:1.5;color:#aebdd1}.coverage_stage{height:360px}.coverage_hub{width:160px;height:160px}.faq_story{height:460px}.project_rail{align-items:start}.real_project .project_browser{height:360px}.real_project .project_browser>img{height:322px}.plan{box-shadow:0 18px 48px rgba(17,27,43,.09)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid rgba(23,107,255,.32);outline-offset:3px}
@media(max-width:1000px){.conversion_hero{grid-template-columns:1fr}.conversion_hero .h_head{max-width:760px}.hero_story{min-height:390px}.story_stack{height:300px}.recommend_grid,.promise_grid{grid-template-columns:1fr}.recommend_intro{position:static}.promise ul{grid-template-columns:1fr 1fr}.project_rail{gap:52px}.coverage_stage{height:350px}}
@media(max-width:700px){.conversion_hero h1{font-size:clamp(2.55rem,12vw,3.4rem);max-width:none}.conversion_hero .hero_points{grid-template-columns:1fr}.hero_story{min-height:360px;padding:22px}.story_stack{height:290px}.story_stack article{width:88%;padding:18px}.recommend_grid{gap:28px}.recommend_card{min-height:340px;padding:22px 18px}.recommend_step legend{margin-bottom:18px}.recommend_step button{padding:16px}.promise ul{grid-template-columns:1fr}.coverage_stage{height:390px}.real_project .project_browser{height:310px}.real_project .project_browser>img{height:272px}}
@media(prefers-reduced-motion:reduce){.recommend_step button,.recommend_progress b,.story_stack article{transition:none!important;transform:none!important}}
.reveal3d{opacity:0;transform:translateY(32px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.reveal3d.inview{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.reveal3d{opacity:1;transform:none}}

/* ================================================================
   FINAL ART-DIRECTION PASS — 60 / 30 / 10
   60% paper and white / 30% ink structure / 10% signal + maker
   ================================================================ */
body{background:var(--white);color:var(--ink)}
section{padding:clamp(76px,8vw,118px) 0}
section h2{max-width:20ch}
.sec_paper{background:var(--paper)}
.work_showcase,.sec_dark,footer{background-color:var(--ink)}
.eyebrow{margin-bottom:14px}.lede{max-width:55ch}

/* Calm hero: the form is the interface, 3D is atmosphere only */
.hero{min-height:720px;padding:68px 0 76px}.hero_grid{grid-template-columns:minmax(0,1.05fr) minmax(420px,.75fr);column-gap:78px;align-items:center}.scene3d{left:58%;right:-12%;top:8%;bottom:8%;opacity:.13}.scene3d .phone3d,.scene3d .chip3d,.scene3d .orb{display:none}.browser3d{left:8%;top:18%;transform:rotateY(-20deg) rotateX(8deg) rotateZ(-4deg) scale(1.08)}.qcard{background:#fff;backdrop-filter:none;border:0;box-shadow:0 34px 80px rgba(0,0,0,.32);padding:30px}.qcard .flag{margin-bottom:10px}.qcard h2{font-size:1.5rem}.qcard .sub{max-width:42ch}.hero_cta{gap:12px}.hero_cta .btn{min-width:150px}.strip{padding:13px 0}

/* What we do: three decisions, not six equal boxes */
#services .g3{grid-template-columns:repeat(3,1fr);grid-auto-flow:initial;gap:22px}#services .card{min-height:360px;padding:30px;display:flex;flex-direction:column;align-items:flex-start}#services .card:first-child,#services .card:nth-child(2),#services .card:nth-child(3){grid-column:auto;grid-row:auto;min-height:360px}#services .card:first-child:after{width:175px;height:210px;right:-55px;bottom:-55px}#services .card:nth-child(2){background:linear-gradient(145deg,#0b3f45,#082f33)}#services .card:nth-child(3){background:linear-gradient(145deg,#fff,#eef3fb)}#services .card:nth-child(n+4){display:none}#services .card h3{margin-top:auto;font-size:1.35rem;max-width:15ch}#services .card p{font-size:.9rem}.service_summary{margin-top:24px;border-top:1px solid var(--line);padding-top:24px}.service_summary span{background:transparent;color:var(--ink);border:1px solid var(--line);padding:10px 15px}

/* Real portfolio */
.real_project a{text-decoration:none;color:inherit}.real_project .project_browser{height:420px;background:#fff}.real_project .pb_top{position:relative;z-index:2}.real_project .pb_top span{margin-left:auto;color:#667381;font-size:.62rem;letter-spacing:.04em}.real_project .project_browser>img{width:100%;height:382px;object-fit:cover;object-position:top center;display:block}.real_project footer{padding:20px 4px 0;background:transparent}.real_project:hover .project_browser{transform:translateY(-10px) rotateX(0) rotateY(0)}

/* New build journey */
.journey_grid{list-style:none;margin:42px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:none}.journey_grid li{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 22px 55px rgba(17,27,43,.08);min-height:420px;display:flex;flex-direction:column}.journey_no{font-size:.72rem;font-weight:900;letter-spacing:.14em;color:var(--signal);margin-bottom:18px}.journey_visual{height:160px;border-radius:18px;margin-bottom:25px;padding:18px;position:relative;overflow:hidden}.journey_grid h3{font-size:1.18rem}.journey_grid p{color:var(--muted);font-size:.86rem;margin:0}.j_brief{background:#e8f0ff}.j_brief span{font-size:.58rem;letter-spacing:.11em;font-weight:900;color:#176bff}.j_brief i{display:block;height:9px;border-radius:8px;background:#aabbd4;margin-top:14px}.j_brief i:nth-of-type(2){width:62%}.j_brief b{position:absolute;right:14px;bottom:13px;color:#176bff;font-size:.68rem;letter-spacing:.12em}.j_content{background:#e3f7f4;display:flex;flex-direction:column;gap:10px;justify-content:center}.j_content span{display:block;background:#fff;border-radius:10px;padding:9px 12px;color:#0e7d71;font-size:.66rem;font-weight:900;box-shadow:0 8px 18px rgba(14,125,113,.1)}.j_build{background:#111b2b;display:flex;align-items:end;gap:7px}.j_build div{height:75%;flex:1;background:#176bff;border-radius:8px}.j_build div:nth-child(2){height:48%;background:#48d7c5}.j_build div:nth-child(3){height:90%;background:#fff}.j_live{background:#176bff;display:grid;place-items:center;color:#fff}.j_live em{position:absolute;width:92px;height:92px;border:16px solid rgba(255,255,255,.22);border-radius:50%}.j_live strong{font-size:1.35rem;letter-spacing:.12em;z-index:1}

/* National coverage, one purposeful data visual */
.coverage_head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:42px}.coverage_head>p{margin:0}.coverage_stage{height:470px;border-radius:30px;background:radial-gradient(circle at 50% 50%,#1e3958,#07111f 68%);position:relative;overflow:hidden;box-shadow:0 35px 75px rgba(17,27,43,.2)}.coverage_stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px}.coverage_hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:190px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#176bff;color:#fff;box-shadow:0 0 0 22px rgba(23,107,255,.12),0 30px 70px rgba(0,0,0,.35);z-index:3}.coverage_hub span{font-size:.72rem;letter-spacing:.18em;font-weight:900}.coverage_hub strong{font-size:1.5rem;line-height:1.05;text-align:center;margin:8px 0}.coverage_hub small{font-size:.5rem;letter-spacing:.08em}.coverage_place{position:absolute;z-index:4;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);border-radius:13px;padding:10px 13px;min-width:84px;box-shadow:0 14px 28px rgba(0,0,0,.18)}.coverage_place b{display:block;color:#48d7c5;font-size:.72rem}.coverage_place span{font-size:.66rem;color:#c9d5e4}.cp1{left:7%;top:20%}.cp2{left:29%;top:8%}.cp3{right:11%;top:17%}.cp4{right:5%;top:49%}.cp5{right:18%;bottom:9%}.cp6{left:18%;bottom:11%}.cp7{right:40%;bottom:5%}.cp8{left:7%;top:55%}.coverage_route{position:absolute;left:50%;top:50%;height:2px;width:40%;background:linear-gradient(90deg,#48d7c5,rgba(72,215,197,0));transform-origin:left;z-index:1}.cr1{transform:rotate(-145deg)}.cr2{transform:rotate(-40deg)}.cr3{transform:rotate(32deg)}.cr4{transform:rotate(150deg)}.coverage_facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.coverage_facts div{padding:19px 22px;background:var(--paper);border-radius:15px}.coverage_facts strong,.coverage_facts span{display:block}.coverage_facts strong{font-size:.9rem}.coverage_facts span{font-size:.78rem;color:var(--muted)}

/* FAQ as a conversation */
.faq_layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:64px;align-items:start}.faq_story{position:sticky;top:120px;height:520px;background:linear-gradient(145deg,#111b2b,#0b3f45);border-radius:30px;display:grid;place-items:center;overflow:hidden}.faq_phone{width:260px;height:440px;border-radius:35px;background:#f6f8fb;border:6px solid #283a52;padding:48px 18px 20px;position:relative;z-index:2;box-shadow:0 30px 65px rgba(0,0,0,.35);transform:rotate(-4deg)}.fq_top{position:absolute;top:17px;left:0;right:0;text-align:center;font-size:.58rem;letter-spacing:.13em;font-weight:900}.fq_bubble{font-size:.72rem;padding:10px 12px;border-radius:14px;margin:11px 0;max-width:85%;line-height:1.4}.fq_bubble.left{background:#e1e7ef;color:#111b2b;border-bottom-left-radius:3px}.fq_bubble.right{background:#176bff;color:#fff;margin-left:auto;border-bottom-right-radius:3px}.fq_status{position:absolute;bottom:20px;left:20px;font-size:.65rem;font-weight:800;color:#0e7d71}.fq_status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#18a999;margin-right:5px}.faq_orbit{position:absolute;width:370px;height:370px;border:1px solid rgba(72,215,197,.25);border-radius:50%;box-shadow:0 0 0 55px rgba(72,215,197,.04)}.faq_list details{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:11px;padding:0 19px}.faq_list details summary{padding-top:17px;padding-bottom:17px}.faq_more{width:100%}

/* Contact surfaces and WhatsApp */
.fab{display:flex}.footer_wa{border:0;background:none;padding:6px 0;color:var(--muted_dk);font:inherit;cursor:pointer}.footer_wa:hover{color:#fff;text-decoration:underline}.callbar a svg{display:none}

@media(max-width:1000px){.hero_grid{grid-template-columns:1fr}.scene3d{display:none}.h_form{max-width:640px}.journey_grid{grid-template-columns:1fr 1fr}.coverage_head{display:block}.coverage_head>p{margin-top:18px}.faq_layout{grid-template-columns:1fr}.faq_story{position:relative;top:auto;height:430px}.project_rail{grid-template-columns:1fr}.real_project{max-width:760px}}
@media(max-width:620px){
  section{padding:64px 0}.hero{padding:38px 0 54px}.hero_grid{display:flex;flex-direction:column}.h_head{order:1}.h_rest{order:2}.h_form{order:3}.hero_cta{display:flex}.hero_cta .btn{flex:1}.qcard{margin-top:14px;padding:22px 18px}.qcard .row2{grid-template-columns:1fr}.strip{font-size:.72rem;padding:11px 18px}
  #services .g3{grid-template-columns:1fr}#services .card,#services .card:first-child,#services .card:nth-child(2),#services .card:nth-child(3){min-height:285px}.service_summary{justify-content:flex-start}.service_summary span{font-size:.72rem}
  .real_project .project_browser{height:330px}.real_project .project_browser>img{height:292px}.real_project footer{display:flex}.work_intro h2{max-width:12ch}
  .journey_grid{grid-template-columns:1fr}.journey_grid li{min-height:350px}.journey_visual{height:135px}
  .coverage_stage{height:560px}.coverage_hub{width:150px;height:150px}.coverage_place{min-width:72px;padding:8px 9px}.cp1{left:5%;top:13%}.cp2{left:38%;top:5%}.cp3{right:4%;top:15%}.cp4{right:2%;top:65%}.cp5{right:25%;bottom:5%}.cp6{left:10%;bottom:7%}.cp7{right:3%;bottom:24%}.cp8{left:2%;top:57%}.coverage_facts{grid-template-columns:1fr}
  .faq_layout{gap:26px}.faq_story{height:390px}.faq_phone{width:235px;height:350px;padding-top:40px}.faq_list details{padding:0 14px}
  .fab{bottom:73px}.wa_panel{max-height:70vh}.callbar{background:#176bff}
}

/* Final cascade protection for the conversion layout */
.hero_grid.conversion_hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);grid-template-areas:none;align-items:center}.hero_grid.conversion_hero .h_head{grid-area:auto}.hero_grid.conversion_hero h1{max-width:13ch}.coverage_stage{height:360px}.coverage_hub{width:160px;height:160px}.faq_story{height:460px}.real_project .project_browser{height:360px}.real_project .project_browser>img{height:322px}
@media(max-width:1000px){.hero_grid.conversion_hero{grid-template-columns:1fr}.coverage_stage{height:350px}}
@media(max-width:700px){.hero_grid.conversion_hero{display:grid;grid-template-columns:1fr}.hero_grid.conversion_hero .h_head{order:initial}.hero_grid.conversion_hero h1{max-width:none}.coverage_stage{height:390px}.real_project .project_browser{height:310px}.real_project .project_browser>img{height:272px}}
.reveal3d{opacity:1;transform:none}
.coverage_art{border-radius:30px;overflow:hidden;box-shadow:0 35px 75px rgba(17,27,43,.2);background:#07111f}.coverage_art picture,.coverage_art img{display:block;width:100%;height:auto}.coverage_art img{aspect-ratio:1116/500;object-fit:cover}@media(max-width:700px){.coverage_art{border-radius:22px}.coverage_art img{aspect-ratio:350/420}}

/* Accurate Australia map using a CC0 geographic reference */
.coverage_glow{perspective:1100px}.map_3d{position:absolute;left:50%;top:48%;width:560px;height:430px;transform:translate(-50%,-50%) rotateX(10deg) rotateZ(-2deg);transform-style:preserve-3d;z-index:3}.map_surface,.map_depth{position:absolute;inset:0;-webkit-mask:url("assets/australia-states-map.webp") center/contain no-repeat;mask:url("assets/australia-states-map.webp") center/contain no-repeat}.map_surface{background:linear-gradient(145deg,#56f0dd 0%,#187aff 42%,#3155d9 100%);box-shadow:inset 0 0 70px rgba(255,255,255,.28);filter:drop-shadow(0 0 12px rgba(72,215,197,.68)) drop-shadow(0 0 42px rgba(23,107,255,.55));z-index:4}.map_surface:after{content:"";position:absolute;inset:0;background:url("assets/australia-states-map.webp") center/contain no-repeat;opacity:.42;mix-blend-mode:multiply}.map_depth{background:#0c3983;opacity:.7}.md1{transform:translate3d(0,7px,-5px)}.md2{transform:translate3d(0,14px,-10px);background:#08285e;opacity:.65}.md3{transform:translate3d(0,21px,-15px);background:#061b42;opacity:.6;filter:drop-shadow(0 24px 30px rgba(0,0,0,.5))}.map_3d .map_core{left:49%;top:50%;width:140px;padding:13px 11px;border-radius:18px;background:rgba(5,17,39,.82);border:1px solid rgba(123,220,255,.28);box-shadow:0 0 35px rgba(23,107,255,.3);backdrop-filter:blur(10px);z-index:8}.map_3d .map_core strong{font-size:1.08rem}.map_3d .map_core small{font-size:.58rem}.map_pin{position:absolute;z-index:9;color:#fff;display:flex;align-items:center;gap:7px;font-size:.66rem;font-weight:850;text-shadow:0 2px 10px #020916}.map_pin i{display:block;width:12px;height:12px;border:3px solid #b8fff5;border-radius:50%;background:#0caa97;box-shadow:0 0 0 6px rgba(72,215,197,.14),0 0 20px #48d7c5;position:relative}.map_pin i:after{content:"";position:absolute;left:50%;top:8px;width:1px;height:24px;background:linear-gradient(#b8fff5,transparent);transform:translateX(-50%)}.mp_perth{left:12%;top:56%}.mp_darwin{left:44%;top:15%}.mp_brisbane{right:7%;top:48%}.mp_sydney{right:4%;top:65%}.mp_canberra{right:12%;top:72%}.mp_melbourne{right:19%;top:82%}.mp_adelaide{left:53%;top:74%}.coverage_glow .signal_line{z-index:1;opacity:.32}.coverage_glow .sl1{left:3%;top:21%;width:47%;transform:rotate(18deg)}.coverage_glow .sl2{right:2%;top:22%;width:47%;transform:rotate(-18deg)}.coverage_glow .sl3{left:4%;bottom:20%;width:46%;transform:rotate(-12deg)}.coverage_glow .sl4{right:3%;bottom:20%;width:46%;transform:rotate(12deg)}
@media(max-width:700px){.map_3d{width:340px;height:290px;top:47%;transform:translate(-50%,-50%) rotateX(8deg) rotateZ(-2deg)}.map_3d .map_core{width:104px;padding:9px 7px}.map_3d .map_core strong{font-size:.82rem}.map_3d .map_core small{display:none}.map_pin{font-size:.55rem;gap:4px}.map_pin i{width:9px;height:9px;border-width:2px;box-shadow:0 0 0 4px rgba(72,215,197,.13),0 0 13px #48d7c5}.map_pin i:after{top:6px;height:15px}.mp_perth{left:12%;top:58%}.mp_darwin{left:43%;top:17%}.mp_brisbane{right:4%;top:49%}.mp_sydney{right:1%;top:66%}.mp_canberra{right:9%;top:73%}.mp_melbourne{right:16%;top:83%}.mp_adelaide{left:52%;top:75%}}
.map_image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:3;opacity:.86;filter:sepia(1) saturate(4) hue-rotate(155deg) brightness(.92) drop-shadow(0 0 18px rgba(72,215,197,.5)) drop-shadow(0 18px 22px rgba(0,0,0,.48))}.map_surface,.map_depth{display:none}@supports (-webkit-mask-image:url("assets/australia-states-map.webp")){.map_surface,.map_depth{display:block}.map_image{opacity:.28;filter:brightness(1.15) saturate(1.3) drop-shadow(0 0 14px rgba(72,215,197,.42))}}

/* Clean proof marks and glowing national coverage */
.conversion_hero .hero_points li:before{content:"✓";display:grid;place-items:center;width:17px;height:17px;top:.08em;border-radius:5px;background:rgba(72,215,197,.13);box-shadow:none;color:#72eadb;font-size:.66rem;font-weight:900}.conversion_hero .hero_points li{padding-left:27px}
.coverage_glow{height:500px;background:radial-gradient(circle at 50% 47%,rgba(25,108,255,.3),transparent 24%),radial-gradient(circle at 25% 25%,rgba(72,215,197,.16),transparent 32%),linear-gradient(145deg,#050b18,#0a1730 55%,#071523);isolation:isolate}.coverage_glow:before{background-image:linear-gradient(rgba(104,157,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(104,157,255,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at center,black,transparent 78%)}.coverage_glow:after{content:"";position:absolute;inset:9%;border:1px solid rgba(102,177,255,.1);border-radius:50%;box-shadow:0 0 80px rgba(23,107,255,.13);z-index:0}.aurora{position:absolute;border-radius:50%;filter:blur(35px);opacity:.6}.aurora.a1{width:220px;height:220px;left:22%;top:20%;background:rgba(72,215,197,.2)}.aurora.a2{width:280px;height:280px;right:17%;bottom:8%;background:rgba(23,107,255,.25)}.aus_map{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:390px;height:300px;background:linear-gradient(145deg,rgba(72,215,197,.82),rgba(23,107,255,.9));clip-path:polygon(9% 31%,18% 21%,31% 23%,40% 12%,55% 16%,67% 10%,81% 18%,88% 29%,96% 34%,91% 48%,94% 60%,82% 72%,72% 77%,65% 91%,52% 85%,42% 92%,31% 78%,19% 74%,10% 62%,4% 46%);filter:drop-shadow(0 0 18px rgba(72,215,197,.42)) drop-shadow(0 0 48px rgba(23,107,255,.35));z-index:2}.aus_map:before{content:"";position:absolute;inset:4px;background:linear-gradient(135deg,#102f52,#0a1930);clip-path:inherit}.map_core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;color:#fff;width:170px}.map_core span,.map_core strong,.map_core small{display:block}.map_core span{font-size:.64rem;font-weight:900;letter-spacing:.18em;color:#72eadb}.map_core strong{font-size:1.55rem;line-height:1.05;margin:8px 0}.map_core small{font-size:.68rem;color:#b7c9e5}.signal_line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#48d7c5,#176bff,transparent);opacity:.55;z-index:1}.sl1{width:42%;left:4%;top:31%;transform:rotate(7deg)}.sl2{width:42%;right:3%;top:32%;transform:rotate(-8deg)}.sl3{width:38%;left:6%;bottom:26%;transform:rotate(-7deg)}.sl4{width:38%;right:5%;bottom:26%;transform:rotate(8deg)}.city_card{position:absolute;z-index:4;min-width:132px;padding:11px 14px;border-radius:13px;background:rgba(10,24,47,.8);border:1px solid rgba(113,182,255,.2);box-shadow:0 12px 36px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(14px);color:#fff}.city_card:before{content:"";position:absolute;left:-5px;top:50%;width:9px;height:9px;transform:translateY(-50%) rotate(45deg);background:#48d7c5;box-shadow:0 0 16px #48d7c5}.city_card b,.city_card span{display:block}.city_card b{font-size:.78rem}.city_card span{font-size:.62rem;color:#8fa6c4;margin-top:2px}.cc1{left:5%;top:20%}.cc2{left:23%;top:7%}.cc3{right:5%;top:17%}.cc4{right:4%;bottom:27%}.cc5{right:20%;bottom:7%}.cc6{left:19%;bottom:8%}.cc7{left:4%;bottom:28%}.coverage_caption{position:absolute;left:50%;bottom:21px;transform:translateX(-50%);z-index:4;color:#a9bdd8;font-size:.72rem;letter-spacing:.04em;white-space:nowrap}

/* Reviewed project presentations */
.project_rail{grid-template-columns:1fr;gap:72px}.real_project{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:44px;align-items:center}.real_project:nth-child(even)>a{order:2}.real_project .project_browser{height:auto;aspect-ratio:16/9}.real_project .project_browser>img{height:calc(100% - 38px);object-fit:cover;object-position:top center}.real_project footer{padding-top:16px}.case_note{padding:0;color:#c9d5e4}.case_note h3{color:#fff;font-size:clamp(1.65rem,3vw,2.5rem);margin:10px 0 26px}.case_no{display:inline-flex;width:38px;height:38px;border-radius:50%;align-items:center;justify-content:center;background:#176bff;color:#fff;font-size:.7rem;font-weight:900}.case_note b{margin-top:18px}.case_note p{font-size:.92rem;max-width:42ch}

/* Guided WhatsApp assistant */
.wa_panel{width:min(390px,calc(100vw - 28px))}.wa_body{max-height:245px;overflow:auto;scroll-behavior:smooth}.wa_bubble{animation:wa_in .22s ease}.wa_bubble.wa_user{background:#dcf8c6;margin-left:auto;border-radius:15px 15px 3px 15px;color:#15352e}.wa_quick{display:flex;gap:7px;flex-wrap:wrap;padding:0 14px 12px;background:#efeae2}.wa_quick button{border:1px solid #c8d5cf;background:#fff;color:#125c4d;border-radius:999px;padding:8px 10px;font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}.wa_quick button:hover,.wa_quick button:focus-visible,.wa_quick button.selected{border-color:#128c7e;background:#e1f6ef}.wa_quick button:disabled{opacity:.58;cursor:wait}.wa_foot{border-top:1px solid #d8dfdc}@keyframes wa_in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.mobile_swipe{display:none;color:var(--signal);font-size:.76rem;font-weight:900;letter-spacing:.03em}

/* Purpose-built phone layout */
@media(max-width:700px){
  section{padding:52px 0}.wrap{padding-left:20px;padding-right:20px}.bar{height:64px}.brand{gap:9px}.brand svg{width:46px;height:37px}.brand .bt{font-size:.82rem;bottom:4px}.hero{padding:34px 0 42px;min-height:auto}.conversion_hero{gap:26px}.conversion_hero h1{font-size:clamp(2.45rem,11.5vw,3.15rem);line-height:.94;letter-spacing:-.06em}.conversion_hero .lede{font-size:.96rem;margin:19px 0 22px}.hero_cta{display:grid;grid-template-columns:1fr}.hero_cta .btn{width:100%}.conversion_hero .hero_points{gap:9px;margin-top:22px}.conversion_hero .hero_points li{font-size:.78rem}.hero_story{min-height:285px;padding:18px;border-radius:24px}.story_label{font-size:.58rem}.story_stack{height:225px}.story_stack article{padding:14px 16px;border-radius:15px;width:86%}.story_stack article:nth-child(1){top:15px}.story_stack article:nth-child(2){top:82px}.story_stack article:nth-child(3){bottom:0}.story_stack strong{font-size:.92rem}.story_stack small{font-size:.66rem}.strip{line-height:1.4}
  .recommend_grid{gap:22px}.recommend_intro .lede{font-size:.92rem}.recommend_progress{margin-top:20px}.recommend_card{min-height:300px;border-radius:20px}.recommend_step legend{font-size:1.35rem}.recommend_step button{font-size:.83rem}
  #why .g2{display:block!important}.transform_stage{min-height:460px;margin-top:26px}.transform_bad,.transform_good{width:220px;height:270px}.transform_bad{left:0;top:5px}.transform_good{right:0;top:155px}.fake_social,.fake_site{height:228px}.transform_arrow{left:42%;top:39%}.transform_pills{bottom:0}.trust{padding:15px 0}.trust ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.trust li{font-size:.67rem}
  #services .card,#services .card:first-child,#services .card:nth-child(2),#services .card:nth-child(3){min-height:220px;padding:24px}.service_summary{gap:7px}.service_summary span{padding:8px 10px}
  .work_showcase{padding-bottom:60px}.work_intro{margin-bottom:32px}.project_rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;margin-right:-20px;padding-right:20px;padding-bottom:14px}.real_project,.real_project:nth-child(even){display:flex;flex:0 0 88%;flex-direction:column;gap:18px;scroll-snap-align:start}.real_project:nth-child(even)>a{order:initial}.real_project .project_browser{width:100%;height:auto;aspect-ratio:16/10}.real_project .project_browser>img{height:calc(100% - 38px)}.case_note{padding:0 4px}.case_note h3{font-size:1.55rem;margin:8px 0 18px}.case_note p{font-size:.82rem}.real_project footer{display:flex;font-size:.7rem}
  .journey_grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-20px;padding-right:20px;gap:14px}.journey_grid li{flex:0 0 84%;min-height:340px;scroll-snap-align:start}.cta_inner{gap:22px}.cta_actions{display:grid;width:100%}.cta_actions .btn{width:100%}
  .mobile_swipe{display:block;margin:-22px 0 12px}.price_grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-20px;padding:8px 20px 18px 4px;gap:14px}.price_grid .plan{flex:0 0 88%;scroll-snap-align:center}.coverage_head{margin-bottom:24px}.coverage_glow{height:420px;border-radius:22px}.aus_map{width:285px;height:220px;top:48%}.map_core{width:135px}.map_core strong{font-size:1.15rem}.city_card{min-width:94px;padding:8px 9px}.city_card span{display:none}.cc1{left:4%;top:17%}.cc2{left:36%;top:5%}.cc3{right:3%;top:18%}.cc4{right:2%;bottom:27%}.cc5{right:22%;bottom:8%}.cc6{left:18%;bottom:8%}.cc7{left:2%;bottom:28%}.coverage_caption{bottom:17px;font-size:.61rem}.coverage_facts{display:grid;grid-template-columns:1fr 1fr}.coverage_facts div:last-child{grid-column:1/-1}.promise_grid{gap:30px}.promise li{padding:16px}.faq_story{height:320px}.faq_phone{height:288px;width:210px}.launch_scene{height:175px}.launch_window{width:235px;height:135px;padding-top:38px}.launch_ring{width:100px;height:100px}.form_card{padding:22px 16px}.f_grid{gap:32px}.seo_links{display:none}.f_bot{gap:8px;padding-bottom:65px}
  .wa_panel{position:absolute;left:auto;right:0;bottom:64px;width:min(360px,calc(100vw - 28px));max-height:calc(100vh - 105px);z-index:2}.wa_body{max-height:210px}.wa_quick{padding:0 12px 10px}.wa_quick button{font-size:.68rem}.wa_foot{padding:11px 12px}.wa_foot a{padding:12px}
}